@sendbird/uikit-react 3.0.0-alpha.1 → 3.0.0-alpha.2

package/MessageSearch/context.js

@@ -0,0 +1,392 @@
+import React__default, { useEffect, useCallback, useState, useReducer, useRef } from 'react';
+import useSendbirdStateContext from '../useSendbirdStateContext.js';
+import { _ as __assign, a as __spreadArray } from '../tslib.es6-e3c44017.js';
+import '../withSendBird.js';
+import '../_rollupPluginBabelHelpers-20904f21.js';
+
+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 __assign(__assign({}, state), {
+          currentChannel: currentChannel,
+          initialized: true
+        });
+      }
+
+    case CHANNEL_INVALID:
+      {
+        return __assign(__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 __assign(__assign({}, state), {
+            loading: false,
+            isInvalid: false,
+            allMessages: __spreadArray([], messages, true),
+            hasMoreResult: (state === null || state === void 0 ? void 0 : state.currentMessageSearchQuery).hasNext
+          });
+        }
+
+        return __assign({}, state);
+      }
+
+    case SET_QUERY_INVALID:
+      {
+        return __assign(__assign({}, state), {
+          isInvalid: true
+        });
+      }
+
+    case START_MESSAGE_SEARCH:
+      {
+        return __assign(__assign({}, state), {
+          isInvalid: false,
+          loading: false
+        });
+      }
+
+    case START_GETTING_SEARCHED_MESSAGES:
+      {
+        var currentMessageSearchQuery = action.payload;
+        return __assign(__assign({}, state), {
+          loading: true,
+          currentMessageSearchQuery: currentMessageSearchQuery
+        });
+      }
+
+    case GET_NEXT_SEARCHED_MESSAGES:
+      {
+        var messages = action.payload;
+        return __assign(__assign({}, state), {
+          allMessages: __spreadArray(__spreadArray([], state.allMessages, true), messages, true),
+          hasMoreResult: (state === null || state === void 0 ? void 0 : state.currentMessageSearchQuery).hasNext
+        });
+      }
+
+    case RESET_SEARCH_STRING:
+      {
+        return __assign(__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;
+  useEffect(function () {
+    if (channelUrl && sdkInit && sdk && (sdk.OpenChannel || sdk.GroupChannel)) {
+      sdk.GroupChannel.getChannel(channelUrl, function (groupChannel, error) {
+        if (!error) {
+          logger.info('MessageSearch | useSetChannel group channel', groupChannel);
+          messageSearchDispatcher({
+            type: SET_CURRENT_CHANNEL,
+            payload: groupChannel
+          });
+        } else {
+          messageSearchDispatcher({
+            type: CHANNEL_INVALID,
+            payload: null
+          });
+        }
+      });
+    }
+  }, [channelUrl, sdkInit]);
+}
+
+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;
+  useEffect(function () {
+    messageSearchDispatcher({
+      type: START_MESSAGE_SEARCH,
+      payload: null
+    });
+
+    if (sdk && channelUrl && sdk.createMessageSearchQuery && currentChannel) {
+      if (requestString) {
+        var inputSearchMessageQueryObject = __assign(__assign({}, messageSearchQuery), {
+          order: 'ts',
+          channelUrl: channelUrl,
+          messageTimestampFrom: currentChannel.invitedAt
+        });
+
+        var createdQuery_1 = sdk.createMessageSearchQuery(requestString, inputSearchMessageQueryObject);
+        createdQuery_1.next(function (messages, error) {
+          if (!error) {
+            logger.info('MessageSearch | useGetSearchedMessages: succeeded getting messages', messages);
+            messageSearchDispatcher({
+              type: GET_SEARCHED_MESSAGES,
+              payload: {
+                messages: messages,
+                createdQuery: createdQuery_1
+              }
+            });
+
+            if (onResultLoaded && typeof onResultLoaded === 'function') {
+              onResultLoaded(messages, null);
+            }
+          } else {
+            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_1
+        });
+      } 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 useCallback(function (cb) {
+    if (!hasMoreResult) {
+      logger.warning('MessageSearch | useScrollCallback: no more searched results', hasMoreResult);
+    }
+
+    if (currentMessageSearchQuery && currentMessageSearchQuery.hasNext) {
+      currentMessageSearchQuery.next(function (messages, error) {
+        if (!error) {
+          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);
+          }
+        } else {
+          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 = useState(''),
+      requestString = _c[0],
+      setRequestString = _c[1];
+
+  var _d = useState(null),
+      debouncingTimer = _d[0],
+      setDebouncingTimer = _d[1];
+
+  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.createContext(undefined);
+
+var MessageSearchProvider = function MessageSearchProvider(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 = useState(0),
+      retryCount = _f[0],
+      setRetryCount = _f[1]; // this is a trigger flag for activating useGetSearchMessages
+
+
+  var _g = useState(0),
+      selectedMessageId = _g[0],
+      setSelectedMessageId = _g[1];
+
+  var _h = 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 = useRef(null);
+
+  var handleOnScroll = function handleOnScroll(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 handleRetryToConnect() {
+    setRetryCount(retryCount + 1);
+  };
+
+  return /*#__PURE__*/React__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 useMessageSearch = function useMessageSearch() {
+  return React__default.useContext(MessageSearchContext);
+};
+
+export { MessageSearchProvider, useMessageSearch };
+//# sourceMappingURL=context.js.map

package/MessageSearch/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../src/smart-components/MessageSearch/context/dux/actionTypes.ts","../../src/smart-components/MessageSearch/context/dux/reducers.ts","../../src/smart-components/MessageSearch/context/dux/initialState.ts","../../src/smart-components/MessageSearch/context/hooks/useSetChannel.ts","../../src/smart-components/MessageSearch/context/hooks/useGetSearchedMessages.ts","../../src/smart-components/MessageSearch/context/hooks/useScrollCallback.ts","../../src/smart-components/MessageSearch/context/hooks/useSearchStringEffect.ts","../../src/smart-components/MessageSearch/context/MessageSearchProvider.tsx"],"sourcesContent":["export const GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';\nexport const GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';\nexport const START_MESSAGE_SEARCH = 'START_MESSAGE_SEARCH';\nexport const START_GETTING_SEARCHED_MESSAGES = 'START_GETTING_SEARCHED_MESSAGES';\nexport const SET_QUERY_INVALID = 'SET_QUERY_INVALID';\n\nexport const SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';\nexport const CHANNEL_INVALID = 'CHANNEL_INVALID';\nexport const RESET_SEARCH_STRING = 'RESET_SEARCH_STRING';\n","import { State as initialStateInterface } from './initialState';\nimport * as actionTypes from './actionTypes';\n\ninterface ActionInterface {\n  type: string;\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  payload?: any;\n}\n\nexport default function reducer(\n  state: initialStateInterface,\n  action: ActionInterface,\n): initialStateInterface {\n  switch (action.type) {\n    case actionTypes.SET_CURRENT_CHANNEL: {\n      const currentChannel = action.payload;\n      return {\n        ...state,\n        currentChannel,\n        initialized: true,\n      };\n    }\n    case actionTypes.CHANNEL_INVALID: {\n      return {\n        ...state,\n        currentChannel: null,\n        initialized: false,\n      };\n    }\n    case actionTypes.GET_SEARCHED_MESSAGES: {\n      const { messages, createdQuery } = action.payload;\n      if (\n        createdQuery\n        && createdQuery.channelUrl === (state?.currentMessageSearchQuery as SendbirdUIKit.MessageSearchQueryType).channelUrl\n        && createdQuery.key === (state?.currentMessageSearchQuery as SendbirdUIKit.MessageSearchQueryType).key\n      ) {\n        return {\n          ...state,\n          loading: false,\n          isInvalid: false,\n          allMessages: [...messages],\n          hasMoreResult: (state?.currentMessageSearchQuery as SendbirdUIKit.MessageSearchQueryType).hasNext,\n        };\n      }\n      return { ...state };\n    }\n    case actionTypes.SET_QUERY_INVALID: {\n      return {\n        ...state,\n        isInvalid: true,\n      }\n    }\n    case actionTypes.START_MESSAGE_SEARCH: {\n      return {\n        ...state,\n        isInvalid: false,\n        loading: false,\n      }\n    }\n    case actionTypes.START_GETTING_SEARCHED_MESSAGES: {\n      const currentMessageSearchQuery = action.payload;\n      return {\n        ...state,\n        loading: true,\n        currentMessageSearchQuery,\n      };\n    }\n    case actionTypes.GET_NEXT_SEARCHED_MESSAGES: {\n      const messages = action.payload;\n      return {\n        ...state,\n        allMessages: [...state.allMessages, ...messages],\n        hasMoreResult: (state?.currentMessageSearchQuery as SendbirdUIKit.MessageSearchQueryType).hasNext,\n      };\n    }\n    case actionTypes.RESET_SEARCH_STRING: {\n      return {\n        ...state,\n        allMessages: [],\n      };\n    }\n    default: {\n      return state;\n    }\n  }\n}\n","import SendBird from 'sendbird';\nimport {\n  ClientFileMessage,\n  ClientUserMessage,\n} from '../../../../types';\n\nexport interface State {\n  allMessages: Array<ClientFileMessage | ClientUserMessage>;\n  loading: boolean;\n  isInvalid: boolean;\n  initialized: boolean;\n  currentChannel: SendBird.GroupChannel;\n  currentMessageSearchQuery: SendBird.MessageSearchQuery | SendBird.MessageSearchQueryOptions;\n  hasMoreResult: boolean;\n}\n\nconst initialState: State = {\n  allMessages: [],\n  loading: false,\n  isInvalid: false,\n  initialized: false,\n  currentChannel: null,\n  currentMessageSearchQuery: null,\n  hasMoreResult: false,\n};\n\nexport default initialState;\n","import { useEffect } from 'react';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface MainProps {\n  channelUrl: string;\n  sdkInit: boolean;\n}\ninterface ToolProps {\n  sdk: SendbirdUIKit.Sdk;\n  logger: SendbirdUIKit.Logger;\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n}\n\nfunction useSetChannel(\n  { channelUrl, sdkInit }: MainProps,\n  { sdk, logger, messageSearchDispatcher }: ToolProps,\n): void {\n  useEffect(() => {\n    if (channelUrl && sdkInit && sdk && (sdk.OpenChannel || sdk.GroupChannel)) {\n      sdk.GroupChannel.getChannel(channelUrl, (groupChannel, error) => {\n        if (!error) {\n          logger.info('MessageSearch | useSetChannel group channel', groupChannel);\n          messageSearchDispatcher({\n            type: messageActionTypes.SET_CURRENT_CHANNEL,\n            payload: groupChannel,\n          });\n        } else {\n          messageSearchDispatcher({\n            type: messageActionTypes.CHANNEL_INVALID,\n            payload: null,\n          });\n        }\n      });\n    }\n  }, [channelUrl, sdkInit]);\n}\n\nexport default useSetChannel;\n","import { useEffect } from 'react';\nimport * as messageActionTypes from '../dux/actionTypes';\nimport SendbirdUIKit from '../../../../index';\nimport SendBird from 'sendbird';\n\ninterface MainProps {\n  currentChannel: SendbirdUIKit.GroupChannelType;\n  channelUrl: string;\n  requestString?: string;\n  messageSearchQuery?: SendbirdUIKit.MessageSearchQueryType;\n  onResultLoaded?: (\n    messages?: Array<SendBird.UserMessage | SendBird.FileMessage | SendBird.AdminMessage>,\n    error?: SendbirdUIKit.SendbirdError,\n  ) => void;\n  retryCount: number;\n}\ninterface ToolProps {\n  sdk: SendbirdUIKit.Sdk;\n  logger: SendbirdUIKit.Logger;\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n}\n\nfunction useGetSearchedMessages(\n  { currentChannel, channelUrl, requestString, messageSearchQuery, onResultLoaded, retryCount }: MainProps,\n  { sdk, logger, messageSearchDispatcher }: ToolProps,\n): void {\n  useEffect(() => {\n    messageSearchDispatcher({\n      type: messageActionTypes.START_MESSAGE_SEARCH,\n      payload: null,\n    });\n    if (sdk && channelUrl && sdk.createMessageSearchQuery && currentChannel) {\n      if (requestString) {\n        const inputSearchMessageQueryObject = {\n          ...messageSearchQuery,\n          order: 'ts' as const,\n          channelUrl,\n          messageTimestampFrom: currentChannel.invitedAt,\n        };\n        const createdQuery = sdk.createMessageSearchQuery(requestString, inputSearchMessageQueryObject);\n        createdQuery.next((messages, error) => {\n          if (!error) {\n            logger.info('MessageSearch | useGetSearchedMessages: succeeded getting messages', messages);\n            messageSearchDispatcher({\n              type: messageActionTypes.GET_SEARCHED_MESSAGES,\n              payload: {\n                messages,\n                createdQuery,\n              },\n            });\n            if (onResultLoaded && typeof onResultLoaded === 'function') {\n              onResultLoaded(messages, null);\n            }\n          } else {\n            logger.warning('MessageSearch | useGetSearchedMessages: getting failed', error);\n            messageSearchDispatcher({\n              type: messageActionTypes.SET_QUERY_INVALID,\n              payload: null,\n            });\n            if (onResultLoaded && typeof onResultLoaded === 'function') {\n              onResultLoaded(null, error);\n            }\n          }\n        });\n        messageSearchDispatcher({\n          type: messageActionTypes.START_GETTING_SEARCHED_MESSAGES,\n          payload: createdQuery,\n        });\n      } else {\n        logger.info('MessageSearch | useGetSeasrchedMessages: search string is empty');\n      }\n    }\n  }, [channelUrl, messageSearchQuery, requestString, currentChannel, retryCount]);\n}\n\nexport default useGetSearchedMessages;\n","import { useCallback } from 'react';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface MainProps {\n  currentMessageSearchQuery: SendBird.MessageSearchQuery;\n  hasMoreResult: boolean;\n  onResultLoaded?: (\n    messages?: Array<SendBird.UserMessage | SendBird.FileMessage | SendBird.AdminMessage>,\n    error?: SendbirdUIKit.SendbirdError,\n  ) => void;\n}\ninterface ToolProps {\n  logger: SendbirdUIKit.Logger;\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n}\nexport type CallbackReturn = (\n  callback: (\n    messages: Array<SendBird.UserMessage | SendBird.FileMessage | SendBird.AdminMessage>,\n    /* eslint-disable @typescript-eslint/no-explicit-any*/\n    error: any,\n  ) => void\n) => void;\n\nfunction useScrollCallback(\n  { currentMessageSearchQuery, hasMoreResult, onResultLoaded }: MainProps,\n  { logger, messageSearchDispatcher }: ToolProps,\n): CallbackReturn {\n  return useCallback((cb) => {\n    if (!hasMoreResult) {\n      logger.warning('MessageSearch | useScrollCallback: no more searched results', hasMoreResult);\n    }\n    if (currentMessageSearchQuery && currentMessageSearchQuery.hasNext) {\n      currentMessageSearchQuery.next((messages, error) => {\n        if (!error) {\n          logger.info('MessageSearch | useScrollCallback: succeeded getting searched messages', messages);\n          messageSearchDispatcher({\n            type: messageActionTypes.GET_NEXT_SEARCHED_MESSAGES,\n            payload: messages,\n          });\n          cb(messages, null);\n          if (onResultLoaded && typeof onResultLoaded === 'function') {\n            onResultLoaded(messages, null);\n          }\n        } else {\n          logger.warning('MessageSearch | useScrollCallback: failed getting searched messages', error);\n          cb(null, error);\n          if (onResultLoaded && typeof onResultLoaded === 'function') {\n            onResultLoaded(null, error);\n          }\n        }\n      });\n    } else {\n      logger.warning('MessageSearch | useScrollCallback: no currentMessageSearchQuery');\n    }\n  }, [currentMessageSearchQuery, hasMoreResult]);\n}\n\nexport default useScrollCallback;\n","import { useState, useEffect } from 'react';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface DynamicParams {\n  searchString: string;\n}\n\ninterface StaticParams {\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n}\n\nconst DEBOUNCING_TIME = 500;\n\nfunction useSearchStringEffect(\n  { searchString }: DynamicParams,\n  { messageSearchDispatcher }: StaticParams,\n): string {\n  const [requestString, setRequestString] = useState('');\n  const [debouncingTimer, setDebouncingTimer] = useState(null);\n  useEffect(() => {\n    clearTimeout(debouncingTimer);\n    if (searchString) {\n      setDebouncingTimer(\n        setTimeout(() => {\n          setRequestString(searchString);\n        }, DEBOUNCING_TIME)\n      );\n    } else {\n      setRequestString('');\n      messageSearchDispatcher({\n        type: messageActionTypes.RESET_SEARCH_STRING,\n        payload: '',\n      });\n    }\n  }, [searchString]);\n  return requestString;\n}\n\nexport default useSearchStringEffect;\n","import React, {\n  useRef,\n  useState,\n  useReducer,\n} from 'react';\nimport SendBird from 'sendbird';\n\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { ClientSentMessages } from '../../../types';\n\nimport messageSearchReducer from './dux/reducers';\nimport messageSearchInitialState from './dux/initialState';\nimport { State as MessageSearchReducerState } from './dux/initialState';\n\nimport useSetChannel from './hooks/useSetChannel';\nimport useGetSearchMessages from './hooks/useGetSearchedMessages';\nimport useScrollCallback, {\n  CallbackReturn as UseScrollCallbackType,\n} from './hooks/useScrollCallback';\nimport useSearchStringEffect from './hooks/useSearchStringEffect';\n\nexport interface MessageSearchProviderProps {\n  channelUrl: string;\n  children?: React.ReactNode;\n  searchString?: string;\n  requestString?: string;\n  messageSearchQuery?: SendBird.MessageSearchQueryOptions;\n  onResultLoaded?(messages?: Array<ClientSentMessages>, error?: SendBird.SendBirdError): void;\n  onResultClick?(message: ClientSentMessages): void;\n}\n\ninterface MessageSearchProviderInterface extends MessageSearchProviderProps {\n  retryCount: number;\n  setRetryCount: React.Dispatch<React.SetStateAction<number>>;\n  selectedMessageId: number;\n  setSelectedMessageId: React.Dispatch<React.SetStateAction<number>>;\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n  scrollRef: React.MutableRefObject<HTMLDivElement>;\n  allMessages: MessageSearchReducerState['allMessages'];\n  loading: boolean;\n  isInvalid: boolean;\n  currentChannel: SendBird.GroupChannel;\n  currentMessageSearchQuery: SendBird.MessageSearchQuery;\n  hasMoreResult: boolean;\n  onScroll: UseScrollCallbackType;\n  handleRetryToConnect: () => void;\n  handleOnScroll: (e: React.BaseSyntheticEvent) => void;\n}\n\nconst MessageSearchContext = React.createContext<MessageSearchProviderInterface|null>(undefined);\n\nconst MessageSearchProvider: React.FC<MessageSearchProviderProps> = (props: MessageSearchProviderProps) => {\n  const {\n    // message search props\n    channelUrl,\n    searchString,\n    messageSearchQuery,\n    onResultLoaded,\n    onResultClick,\n  } = props;\n\n  const globalState = useSendbirdStateContext();\n\n  // hook variables\n  const [retryCount, setRetryCount] = useState(0); // this is a trigger flag for activating useGetSearchMessages\n  const [selectedMessageId, setSelectedMessageId] = useState(0);\n  const [messageSearchStore, messageSearchDispatcher] = useReducer(messageSearchReducer, messageSearchInitialState);\n  const {\n    allMessages,\n    loading,\n    isInvalid,\n    currentChannel,\n    currentMessageSearchQuery,\n    hasMoreResult,\n  } = messageSearchStore;\n\n  const logger = globalState?.config?.logger;\n  const sdk = globalState?.stores?.sdkStore?.sdk;\n  const sdkInit = globalState?.stores?.sdkStore?.initialized;\n  const scrollRef = useRef(null);\n  const handleOnScroll = (e: React.BaseSyntheticEvent) => {\n    const scrollElement = e.target as HTMLDivElement;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  useSetChannel(\n    { channelUrl, sdkInit },\n    { sdk, logger, messageSearchDispatcher },\n  );\n\n  const requestString = useSearchStringEffect({ searchString }, { messageSearchDispatcher });\n\n  useGetSearchMessages(\n    { currentChannel, channelUrl, requestString, messageSearchQuery, onResultLoaded, retryCount },\n    { sdk, logger, messageSearchDispatcher },\n  );\n\n  const onScroll = useScrollCallback(\n    { currentMessageSearchQuery, hasMoreResult, onResultLoaded },\n    { logger, messageSearchDispatcher },\n  );\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n  return (\n    <MessageSearchContext.Provider value={{\n      channelUrl,\n      searchString,\n      requestString,\n      messageSearchQuery,\n      onResultLoaded,\n      onResultClick,\n      retryCount,\n      setRetryCount,\n      selectedMessageId,\n      setSelectedMessageId,\n      messageSearchDispatcher,\n      allMessages,\n      loading,\n      isInvalid,\n      currentChannel,\n      currentMessageSearchQuery,\n      hasMoreResult,\n      onScroll,\n      scrollRef,\n      handleRetryToConnect,\n      handleOnScroll,\n    }}>\n      {props?.children}\n    </MessageSearchContext.Provider>\n  );\n}\n\nexport type UseMessageSearchType = () => MessageSearchProviderInterface;\nconst useMessageSearch: UseMessageSearchType = () => React.useContext(MessageSearchContext);\n\nexport { MessageSearchProvider, useMessageSearch };\n"],"names":["GET_SEARCHED_MESSAGES","GET_NEXT_SEARCHED_MESSAGES","START_MESSAGE_SEARCH","START_GETTING_SEARCHED_MESSAGES","SET_QUERY_INVALID","SET_CURRENT_CHANNEL","CHANNEL_INVALID","RESET_SEARCH_STRING","reducer","state","action","type","actionTypes","currentChannel","payload","initialized","_a","messages","createdQuery","channelUrl","currentMessageSearchQuery","key","loading","isInvalid","allMessages","hasMoreResult","hasNext","initialState","useSetChannel","_b","sdkInit","sdk","logger","messageSearchDispatcher","useEffect","OpenChannel","GroupChannel","getChannel","groupChannel","error","info","messageActionTypes","useGetSearchedMessages","requestString","messageSearchQuery","onResultLoaded","retryCount","createMessageSearchQuery","inputSearchMessageQueryObject","order","messageTimestampFrom","invitedAt","createdQuery_1","next","warning","useScrollCallback","useCallback","cb","DEBOUNCING_TIME","useSearchStringEffect","searchString","_c","useState","setRequestString","_d","debouncingTimer","setDebouncingTimer","clearTimeout","setTimeout","MessageSearchContext","React","createContext","undefined","MessageSearchProvider","props","onResultClick","globalState","useSendbirdStateContext","_f","setRetryCount","_g","selectedMessageId","setSelectedMessageId","_h","useReducer","messageSearchReducer","messageSearchInitialState","messageSearchStore","config","stores","sdkStore","scrollRef","useRef","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","onScroll","useGetSearchMessages","handleRetryToConnect","children","useMessageSearch","useContext"],"mappings":"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"}

package/MessageSearch.js

@@ -0,0 +1,146 @@
+import React__default, { useState, useContext, useEffect } from 'react';
+import { MessageSearchUI } from './MessageSearch/components/MessageSearchUI.js';
+import { a as LocalizationContext } from './LocalizationContext-e4391013.js';
+import Icon, { IconTypes, IconColors } from './ui/Icon.js';
+import IconButton from './ui/IconButton.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-7a51bd16.js';
+import Loader from './ui/Loader.js';
+import { MessageSearchProvider } from './MessageSearch/context.js';
+import './ui/MessageSearchItem.js';
+import './tslib.es6-e3c44017.js';
+import './index-770d7112.js';
+import './index-6ebf7894.js';
+import './index-1718324d.js';
+import './index-cd21929d.js';
+import './ui/Avatar.js';
+import './ui/ImageRenderer.js';
+import './_rollupPluginBabelHelpers-20904f21.js';
+import 'prop-types';
+import './uuid-b0c93400.js';
+import './index-e818a8a3.js';
+import './ui/MessageSearchFileItem.js';
+import './stringSet-4f6eaa60.js';
+import './useSendbirdStateContext.js';
+import './withSendBird.js';
+
+var COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';
+
+function MessageSearchPannel(props) {
+  var channelUrl = props.channelUrl,
+      onResultClick = props.onResultClick,
+      onCloseClick = props.onCloseClick,
+      messageSearchQuery = props.messageSearchQuery,
+      renderPlaceHolderError = props.renderPlaceHolderError,
+      renderPlaceHolderLoading = props.renderPlaceHolderLoading,
+      renderPlaceHolderNoString = props.renderPlaceHolderNoString,
+      renderPlaceHolderEmptyList = props.renderPlaceHolderEmptyList,
+      renderSearchItem = props.renderSearchItem;
+
+  var _a = useState(''),
+      searchString = _a[0],
+      setSearchString = _a[1];
+
+  var _b = useState(''),
+      inputString = _b[0],
+      setInputString = _b[1];
+
+  var _c = useState(false),
+      loading = _c[0],
+      setLoading = _c[1];
+
+  var stringSet = useContext(LocalizationContext).stringSet;
+  var timeout = null;
+  useEffect(function () {
+    if (timeout) {
+      clearTimeout(timeout);
+    }
+
+    timeout = setTimeout(function () {
+      setSearchString(inputString);
+      setLoading(true);
+      timeout = null;
+    }, 500);
+  }, [inputString]);
+
+  var handleOnChangeInputString = function handleOnChangeInputString(e) {
+    setInputString(e.target.value);
+  };
+
+  var handleOnResultLoaded = function handleOnResultLoaded() {
+    setLoading(false);
+  };
+
+  var handleOnClickResetStringButton = function handleOnClickResetStringButton(e) {
+    e.stopPropagation();
+    setInputString('');
+    setSearchString('');
+  };
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: COMPONENT_CLASS_NAME
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: COMPONENT_CLASS_NAME + "__header"
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    className: COMPONENT_CLASS_NAME + "__header__title",
+    type: LabelTypography.H_2,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet.SEARCH_IN_CHANNEL), /*#__PURE__*/React__default.createElement(IconButton, {
+    className: COMPONENT_CLASS_NAME + "__header__close-button",
+    width: "32px",
+    height: "32px",
+    onClick: onCloseClick
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.CLOSE,
+    fillColor: IconColors.ON_BACKGROUND_1,
+    width: "22px",
+    height: "22px"
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: COMPONENT_CLASS_NAME + "__input"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: COMPONENT_CLASS_NAME + "__input__container"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    className: COMPONENT_CLASS_NAME + "__input__container__search-icon",
+    type: IconTypes.SEARCH,
+    fillColor: IconColors.ON_BACKGROUND_3,
+    width: "24px",
+    height: "24px"
+  }), /*#__PURE__*/React__default.createElement("input", {
+    className: COMPONENT_CLASS_NAME + "__input__container__input-area",
+    placeholder: stringSet.SEARCH,
+    value: inputString,
+    onChange: handleOnChangeInputString
+  }), inputString && loading && /*#__PURE__*/React__default.createElement(Loader, {
+    className: COMPONENT_CLASS_NAME + "__input__container__spinner",
+    width: "20px",
+    height: "20px"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.SPINNER,
+    fillColor: IconColors.PRIMARY,
+    width: "20px",
+    height: "20px"
+  })), !loading && inputString && /*#__PURE__*/React__default.createElement(Icon, {
+    className: COMPONENT_CLASS_NAME + "__input__container__reset-input-button",
+    type: IconTypes.REMOVE,
+    fillColor: IconColors.ON_BACKGROUND_3,
+    width: "20px",
+    height: "20px",
+    onClick: handleOnClickResetStringButton
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: COMPONENT_CLASS_NAME + "__message-search"
+  }, /*#__PURE__*/React__default.createElement(MessageSearchProvider, {
+    channelUrl: channelUrl,
+    searchString: searchString,
+    onResultClick: onResultClick,
+    onResultLoaded: handleOnResultLoaded,
+    messageSearchQuery: messageSearchQuery
+  }, /*#__PURE__*/React__default.createElement(MessageSearchUI, {
+    renderPlaceHolderError: renderPlaceHolderError,
+    renderPlaceHolderLoading: renderPlaceHolderLoading,
+    renderPlaceHolderNoString: renderPlaceHolderNoString,
+    renderPlaceHolderEmptyList: renderPlaceHolderEmptyList,
+    renderSearchItem: renderSearchItem
+  }))));
+}
+
+export { MessageSearchPannel as default };
+//# sourceMappingURL=MessageSearch.js.map

package/MessageSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSearch.js","sources":["../src/smart-components/MessageSearch/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport './index.scss';\n\nimport MessageSearch, { MessageSearchUIProps } from './components/MessageSearchUI';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Icon, { IconTypes, IconColors } from '../../ui/Icon';\nimport IconButton from '../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../ui/Label';\nimport Loader from '../../ui/Loader';\nimport { MessageSearchProvider, MessageSearchProviderProps } from './context/MessageSearchProvider';\n\nexport interface MessageSearchPannelProps extends\n  MessageSearchUIProps, MessageSearchProviderProps {\n  onResultClick?: (message) => void;\n  onCloseClick?: () => void;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';\n\nfunction MessageSearchPannel(props: MessageSearchPannelProps): JSX.Element {\n  const {\n    channelUrl,\n    onResultClick,\n    onCloseClick,\n    messageSearchQuery,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderNoString,\n    renderPlaceHolderEmptyList,\n    renderSearchItem,\n  } = props;\n\n  const [searchString, setSearchString] = useState('');\n  const [inputString, setInputString] = useState('');\n  const [loading, setLoading] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  let timeout = null;\n  useEffect(() => {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      setSearchString(inputString);\n      setLoading(true);\n      timeout = null;\n    }, 500);\n  }, [inputString]);\n\n  const handleOnChangeInputString = (e) => {\n    setInputString(e.target.value);\n  };\n\n  const handleOnResultLoaded = () => {\n    setLoading(false);\n  };\n\n  const handleOnClickResetStringButton = (e) => {\n    e.stopPropagation();\n    setInputString('');\n    setSearchString('');\n  };\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      <div className={`${COMPONENT_CLASS_NAME}__header`}>\n        <Label\n          className={`${COMPONENT_CLASS_NAME}__header__title`}\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {stringSet.SEARCH_IN_CHANNEL}\n        </Label>\n        <IconButton\n          className={`${COMPONENT_CLASS_NAME}__header__close-button`}\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onCloseClick}\n        >\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            width=\"22px\"\n            height=\"22px\"\n          />\n        </IconButton>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__input`}>\n        <div className={`${COMPONENT_CLASS_NAME}__input__container`}>\n            <Icon\n              className={`${COMPONENT_CLASS_NAME}__input__container__search-icon`}\n              type={IconTypes.SEARCH}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"24px\"\n              height=\"24px\"\n            />\n            <input\n              className={`${COMPONENT_CLASS_NAME}__input__container__input-area`}\n              placeholder={stringSet.SEARCH}\n              value={inputString}\n              onChange={handleOnChangeInputString}\n            />\n            {\n              inputString && loading && (\n                <Loader\n                  className={`${COMPONENT_CLASS_NAME}__input__container__spinner`}\n                  width=\"20px\"\n                  height=\"20px\"\n                >\n                  <Icon\n                    type={IconTypes.SPINNER}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                </Loader>\n              )\n            }\n            {\n              !loading && inputString && (\n                <Icon\n                  className={`${COMPONENT_CLASS_NAME}__input__container__reset-input-button`}\n                  type={IconTypes.REMOVE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"20px\"\n                  height=\"20px\"\n                  onClick={handleOnClickResetStringButton}\n                />\n              )\n            }\n        </div>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__message-search`}>\n        <MessageSearchProvider\n          channelUrl={channelUrl}\n          searchString={searchString}\n          onResultClick={onResultClick}\n          onResultLoaded={handleOnResultLoaded}\n          messageSearchQuery={messageSearchQuery}\n        >\n          <MessageSearch\n            renderPlaceHolderError={renderPlaceHolderError}\n            renderPlaceHolderLoading={renderPlaceHolderLoading}\n            renderPlaceHolderNoString={renderPlaceHolderNoString}\n            renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n            renderSearchItem={renderSearchItem}\n          />\n        </MessageSearchProvider>\n      </div>\n    </div>\n  );\n}\n\nexport default MessageSearchPannel;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchPannel","props","channelUrl","onResultClick","onCloseClick","messageSearchQuery","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_a","useState","searchString","setSearchString","_b","inputString","setInputString","_c","loading","setLoading","stringSet","useContext","LocalizationContext","timeout","useEffect","clearTimeout","setTimeout","handleOnChangeInputString","e","target","value","handleOnResultLoaded","handleOnClickResetStringButton","stopPropagation","React","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","SPINNER","PRIMARY","REMOVE","MessageSearch"],"mappings":"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"}

package/OpenChannel/components/FrozenChannelNotification.js

@@ -0,0 +1,20 @@
+import React__default, { useContext } from 'react';
+import { a as LocalizationContext } from '../../LocalizationContext-e4391013.js';
+import { L as Label, a as LabelTypography } from '../../index-7a51bd16.js';
+import '../../stringSet-4f6eaa60.js';
+import '../../index-6ebf7894.js';
+import '../../_rollupPluginBabelHelpers-20904f21.js';
+import 'prop-types';
+
+var FrozenNotification = function FrozenNotification() {
+  var stringSet = useContext(LocalizationContext).stringSet;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-frozen-channel-notification"
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-frozen-channel-notification__text",
+    type: LabelTypography.CAPTION_2
+  }, stringSet.CHANNEL_FROZEN));
+};
+
+export { FrozenNotification as default };
+//# sourceMappingURL=FrozenChannelNotification.js.map

package/OpenChannel/components/FrozenChannelNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrozenChannelNotification.js","sources":["../../../src/smart-components/OpenChannel/components/FrozenChannelNotification/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport './frozen-channel-notification.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Label, { LabelTypography } from '../../../../ui/Label';\n\nconst FrozenNotification = (): JSX.Element => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-frozen-channel-notification\">\n      <Label\n        className=\"sendbird-frozen-channel-notification__text\"\n        type={LabelTypography.CAPTION_2}\n      >\n        {stringSet.CHANNEL_FROZEN}\n      </Label>\n    </div>\n  );\n}\n\nexport default FrozenNotification;\n"],"names":["FrozenNotification","stringSet","useContext","LocalizationContext","React","LabelTypography","CAPTION_2","CHANNEL_FROZEN"],"mappings":";;;;;;;;IAOMA,kBAAkB,GAAG,SAArBA,kBAAqB;AACjB,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AACR,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,IAAI,EAAEC,eAAe,CAACC;AAFxB,KAIGL,SAAS,CAACM,cAJb,CADF,CADF;AAUD;;;;"}