@sendbird/uikit-react 3.5.0-rc.0 → 3.5.0

package/cjs/MessageSearch/context.js.map

@@ -1 +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 type { MessageSearchQuery } from '@sendbird/chat/message';\nimport * as actionTypes from './actionTypes';\n\ninterface MessageSearchQueryType extends MessageSearchQuery {\n  key?: string;\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 MessageSearchQueryType).channelUrl\n        && createdQuery.key === (state?.currentMessageSearchQuery as MessageSearchQueryType).key\n      ) {\n        return {\n          ...state,\n          loading: false,\n          isInvalid: false,\n          allMessages: [...messages],\n          hasMoreResult: (state?.currentMessageSearchQuery as 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 MessageSearchQuery).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 type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { MessageSearchQuery } from '@sendbird/chat/message';\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: GroupChannel;\n  currentMessageSearchQuery: MessageSearchQuery;\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 type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport { useEffect } from 'react';\nimport type { Logger } from '../../../../lib/SendbirdState';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface MainProps {\n  channelUrl: string;\n  sdkInit: boolean;\n}\ninterface ToolProps {\n  sdk: SendbirdGroupChat;\n  logger: 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?.groupChannel)) {\n      sdk.groupChannel.getChannel(channelUrl).then((groupChannel) => {\n        logger.info('MessageSearch | useSetChannel group channel', groupChannel);\n        messageSearchDispatcher({\n          type: messageActionTypes.SET_CURRENT_CHANNEL,\n          payload: groupChannel,\n        });\n      }).catch(() => {\n        messageSearchDispatcher({\n          type: messageActionTypes.CHANNEL_INVALID,\n          payload: null,\n        });\n      });\n    }\n  }, [channelUrl, sdkInit]);\n}\n\nexport default useSetChannel;\n","import { useEffect } from 'react';\n\nimport type { GroupChannel, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport type { MessageSearchQueryParams } from '@sendbird/chat/lib/__definition';\nimport type {\n  AdminMessage,\n  BaseMessage,\n  FileMessage,\n  UserMessage,\n} from '@sendbird/chat/message';\nimport type { SendbirdError } from '@sendbird/chat';\n\nimport type { Logger } from '../../../../lib/SendbirdState';\nimport * as messageActionTypes from '../dux/actionTypes';\n\nenum MessageSearchOrder {\n  SCORE = 'score',\n  TIMESTAMP = 'ts',\n}\n\ninterface MainProps {\n  currentChannel: GroupChannel;\n  channelUrl: string;\n  requestString?: string;\n  messageSearchQuery?: MessageSearchQueryParams;\n  onResultLoaded?: (\n    messages?: Array<BaseMessage | UserMessage | FileMessage | AdminMessage>,\n    error?: SendbirdError,\n  ) => void;\n  retryCount: number;\n}\ninterface ToolProps {\n  sdk: SendbirdGroupChat;\n  logger: Logger;\n  messageSearchDispatcher: (props: { 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: MessageSearchQueryParams = {\n          order: MessageSearchOrder.TIMESTAMP,\n          channelUrl,\n          messageTimestampFrom: currentChannel.invitedAt,\n          keyword: requestString,\n          ...messageSearchQuery,\n        };\n        const createdQuery = sdk.createMessageSearchQuery(inputSearchMessageQueryObject);\n        createdQuery.next().then((messages) => {\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        }).catch((error) => {\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        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 type { SendbirdError } from '@sendbird/chat';\nimport type { AdminMessage, FileMessage, MessageSearchQuery, UserMessage } from '@sendbird/chat/message';\nimport { useCallback } from 'react';\nimport { Logger } from '../../../..';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface MainProps {\n  currentMessageSearchQuery: MessageSearchQuery;\n  hasMoreResult: boolean;\n  onResultLoaded?: (\n    messages?: Array<UserMessage | FileMessage | AdminMessage>,\n    error?: SendbirdError,\n  ) => void;\n}\n\ntype MessageSearchDispatcherType = { type: string, payload: any };\n\ninterface ToolProps {\n  logger: Logger;\n  messageSearchDispatcher: (payload: MessageSearchDispatcherType) => void;\n}\n\nexport type CallbackReturn = (\n  callback: (\n    messages: Array<UserMessage | FileMessage | 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().then((messages) => {\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      }).catch((error) => {\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    } 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 { SendbirdError } from '@sendbird/chat';\nimport type { MessageSearchQuery } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { MessageSearchQueryParams } from '@sendbird/chat/lib/__definition';\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.ReactElement;\n  searchString?: string;\n  requestString?: string;\n  messageSearchQuery?: MessageSearchQueryParams;\n  onResultLoaded?(messages?: Array<ClientSentMessages>, error?: 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: (props: { type: string, payload: any }) => void;\n  scrollRef: React.MutableRefObject<HTMLDivElement>;\n  allMessages: MessageSearchReducerState['allMessages'];\n  loading: boolean;\n  isInvalid: boolean;\n  currentChannel: GroupChannel;\n  currentMessageSearchQuery: 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 useMessageSearchContext: UseMessageSearchType = () => React.useContext(MessageSearchContext);\n\nexport {\n  MessageSearchProvider,\n  useMessageSearchContext,\n};\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","__assign","initialized","_a","messages","createdQuery","channelUrl","currentMessageSearchQuery","key","loading","isInvalid","allMessages","__spreadArray","hasMoreResult","hasNext","initialState","useSetChannel","_b","sdkInit","sdk","logger","messageSearchDispatcher","useEffect","groupChannel","getChannel","then","info","messageActionTypes","catch","MessageSearchOrder","useGetSearchedMessages","requestString","messageSearchQuery","onResultLoaded","retryCount","createMessageSearchQuery","inputSearchMessageQueryObject","order","TIMESTAMP","messageTimestampFrom","invitedAt","keyword","createdQuery_1","next","error","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","_e","scrollRef","useRef","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","onScroll","useGetSearchMessages","handleRetryToConnect","children","useMessageSearchContext","useContext"],"mappings":"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"}
+{"version":3,"file":"context.js","sources":["../../../src/modules/MessageSearch/context/dux/actionTypes.ts","../../../src/modules/MessageSearch/context/dux/reducers.ts","../../../src/modules/MessageSearch/context/dux/initialState.ts","../../../src/modules/MessageSearch/context/hooks/useSetChannel.ts","../../../src/modules/MessageSearch/context/hooks/useGetSearchedMessages.ts","../../../src/modules/MessageSearch/context/hooks/useScrollCallback.ts","../../../src/modules/MessageSearch/context/hooks/useSearchStringEffect.ts","../../../src/modules/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 type { MessageSearchQuery } from '@sendbird/chat/message';\nimport * as actionTypes from './actionTypes';\n\ninterface MessageSearchQueryType extends MessageSearchQuery {\n  key?: string;\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 MessageSearchQueryType).channelUrl\n        && createdQuery.key === (state?.currentMessageSearchQuery as MessageSearchQueryType).key\n      ) {\n        return {\n          ...state,\n          loading: false,\n          isInvalid: false,\n          allMessages: [...messages],\n          hasMoreResult: (state?.currentMessageSearchQuery as 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 MessageSearchQuery).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 type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { MessageSearchQuery } from '@sendbird/chat/message';\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: GroupChannel;\n  currentMessageSearchQuery: MessageSearchQuery;\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 type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport { useEffect } from 'react';\nimport type { Logger } from '../../../../lib/SendbirdState';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface MainProps {\n  channelUrl: string;\n  sdkInit: boolean;\n}\ninterface ToolProps {\n  sdk: SendbirdGroupChat;\n  logger: 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?.groupChannel)) {\n      sdk.groupChannel.getChannel(channelUrl).then((groupChannel) => {\n        logger.info('MessageSearch | useSetChannel group channel', groupChannel);\n        messageSearchDispatcher({\n          type: messageActionTypes.SET_CURRENT_CHANNEL,\n          payload: groupChannel,\n        });\n      }).catch(() => {\n        messageSearchDispatcher({\n          type: messageActionTypes.CHANNEL_INVALID,\n          payload: null,\n        });\n      });\n    }\n  }, [channelUrl, sdkInit]);\n}\n\nexport default useSetChannel;\n","import { useEffect } from 'react';\n\nimport type { GroupChannel, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport type { MessageSearchQueryParams } from '@sendbird/chat/lib/__definition';\nimport type {\n  AdminMessage,\n  BaseMessage,\n  FileMessage,\n  UserMessage,\n} from '@sendbird/chat/message';\nimport type { SendbirdError } from '@sendbird/chat';\n\nimport type { Logger } from '../../../../lib/SendbirdState';\nimport * as messageActionTypes from '../dux/actionTypes';\n\nenum MessageSearchOrder {\n  SCORE = 'score',\n  TIMESTAMP = 'ts',\n}\n\ninterface MainProps {\n  currentChannel: GroupChannel;\n  channelUrl: string;\n  requestString?: string;\n  messageSearchQuery?: MessageSearchQueryParams;\n  onResultLoaded?: (\n    messages?: Array<BaseMessage | UserMessage | FileMessage | AdminMessage>,\n    error?: SendbirdError,\n  ) => void;\n  retryCount: number;\n}\ninterface ToolProps {\n  sdk: SendbirdGroupChat;\n  logger: Logger;\n  messageSearchDispatcher: (props: { 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        currentChannel.refresh().then((channel) => {\n          const inputSearchMessageQueryObject: MessageSearchQueryParams = {\n            order: MessageSearchOrder.TIMESTAMP,\n            channelUrl,\n            messageTimestampFrom: channel.invitedAt,\n            keyword: requestString,\n            ...messageSearchQuery,\n          };\n          const createdQuery = sdk.createMessageSearchQuery(inputSearchMessageQueryObject);\n          createdQuery.next().then((messages) => {\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          }).catch((error) => {\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          messageSearchDispatcher({\n            type: messageActionTypes.START_GETTING_SEARCHED_MESSAGES,\n            payload: createdQuery,\n          });\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 type { SendbirdError } from '@sendbird/chat';\nimport type { AdminMessage, FileMessage, MessageSearchQuery, UserMessage } from '@sendbird/chat/message';\nimport { useCallback } from 'react';\nimport { Logger } from '../../../..';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface MainProps {\n  currentMessageSearchQuery: MessageSearchQuery;\n  hasMoreResult: boolean;\n  onResultLoaded?: (\n    messages?: Array<UserMessage | FileMessage | AdminMessage>,\n    error?: SendbirdError,\n  ) => void;\n}\n\ntype MessageSearchDispatcherType = { type: string, payload: any };\n\ninterface ToolProps {\n  logger: Logger;\n  messageSearchDispatcher: (payload: MessageSearchDispatcherType) => void;\n}\n\nexport type CallbackReturn = (\n  callback: (\n    messages: Array<UserMessage | FileMessage | 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().then((messages) => {\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      }).catch((error) => {\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    } 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 { SendbirdError } from '@sendbird/chat';\nimport type { MessageSearchQuery } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { MessageSearchQueryParams } from '@sendbird/chat/lib/__definition';\n\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { ClientSentMessages } from '../../../types';\n\nimport messageSearchReducer from './dux/reducers';\nimport messageSearchInitialState, { 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.ReactElement;\n  searchString?: string;\n  requestString?: string;\n  messageSearchQuery?: MessageSearchQueryParams;\n  onResultLoaded?(messages?: Array<ClientSentMessages>, error?: 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: (props: { type: string, payload: any }) => void;\n  scrollRef: React.MutableRefObject<HTMLDivElement>;\n  allMessages: MessageSearchReducerState['allMessages'];\n  loading: boolean;\n  isInvalid: boolean;\n  currentChannel: GroupChannel;\n  currentMessageSearchQuery: 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 useMessageSearchContext: UseMessageSearchType = () => React.useContext(MessageSearchContext);\n\nexport {\n  MessageSearchProvider,\n  useMessageSearchContext,\n};\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","_objectSpread","initialized","messages","createdQuery","channelUrl","currentMessageSearchQuery","key","loading","isInvalid","allMessages","hasMoreResult","hasNext","initialState","useSetChannel","_ref","_ref2","sdkInit","sdk","logger","messageSearchDispatcher","useEffect","groupChannel","getChannel","then","info","messageActionTypes","catch","MessageSearchOrder","useGetSearchedMessages","requestString","messageSearchQuery","onResultLoaded","retryCount","createMessageSearchQuery","refresh","channel","inputSearchMessageQueryObject","order","TIMESTAMP","messageTimestampFrom","invitedAt","keyword","next","error","warning","useScrollCallback","useCallback","cb","DEBOUNCING_TIME","useSearchStringEffect","searchString","setRequestString","useState","debouncingTimer","setDebouncingTimer","clearTimeout","setTimeout","MessageSearchContext","React","createContext","undefined","MessageSearchProvider","props","_globalState$config","_globalState$stores","_globalState$stores$s","_globalState$stores2","_globalState$stores2$","onResultClick","globalState","useSendbirdStateContext","setRetryCount","selectedMessageId","setSelectedMessageId","messageSearchStore","useReducer","messageSearchReducer","messageSearchInitialState","config","stores","sdkStore","scrollRef","useRef","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","onScroll","useGetSearchMessages","handleRetryToConnect","createElement","Provider","value","children","useMessageSearchContext","useContext"],"mappings":";;;;;;;;;;;;;AAAO,MAAMA,qBAAqB,GAAG,uBAAuB,CAAA;AACrD,MAAMC,0BAA0B,GAAG,4BAA4B,CAAA;AAC/D,MAAMC,oBAAoB,GAAG,sBAAsB,CAAA;AACnD,MAAMC,+BAA+B,GAAG,iCAAiC,CAAA;AACzE,MAAMC,iBAAiB,GAAG,mBAAmB,CAAA;AAE7C,MAAMC,mBAAmB,GAAG,qBAAqB,CAAA;AACjD,MAAMC,eAAe,GAAG,iBAAiB,CAAA;AACzC,MAAMC,mBAAmB,GAAG,qBAAqB;;ACKzC,SAASC,OAAOA,CAC7BC,KAA4B,EAC5BC,MAAuB,EACA;EACvB,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAKC,mBAA+B;AAAE,MAAA;AACpC,QAAA,MAAMC,cAAc,GAAGH,MAAM,CAACI,OAAO,CAAA;AACrC,QAAA,OAAAC,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACKN,KAAK,CAAA,EAAA,EAAA,EAAA;UACRI,cAAc;AACdG,UAAAA,WAAW,EAAE,IAAA;AAAI,SAAA,CAAA,CAAA;AAErB,OAAA;IACA,KAAKJ,eAA2B;AAAE,MAAA;AAChC,QAAA,OAAAG,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACKN,KAAK,CAAA,EAAA,EAAA,EAAA;AACRI,UAAAA,cAAc,EAAE,IAAI;AACpBG,UAAAA,WAAW,EAAE,KAAA;AAAK,SAAA,CAAA,CAAA;AAEtB,OAAA;IACA,KAAKJ,qBAAiC;AAAE,MAAA;QACtC,MAAM;UAAEK,QAAQ;AAAEC,UAAAA,YAAAA;SAAc,GAAGR,MAAM,CAACI,OAAO,CAAA;AACjD,QAAA,IACEI,YAAY,IACTA,YAAY,CAACC,UAAU,KAAK,CAACV,KAAK,KAALA,IAAAA,IAAAA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEW,yBAAyB,EAA4BD,UAAU,IACnGD,YAAY,CAACG,GAAG,KAAK,CAACZ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEW,yBAAyB,EAA4BC,GAAG,EACxF;AACA,UAAA,OAAAN,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACKN,KAAK,CAAA,EAAA,EAAA,EAAA;AACRa,YAAAA,OAAO,EAAE,KAAK;AACdC,YAAAA,SAAS,EAAE,KAAK;AAChBC,YAAAA,WAAW,EAAE,CAAC,GAAGP,QAAQ,CAAC;YAC1BQ,aAAa,EAAE,CAAChB,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEW,yBAAyB,EAA4BM,OAAAA;AAAO,WAAA,CAAA,CAAA;AAEvF,SAAA;QACA,OAAAX,wCAAA,KAAYN,KAAK,CAAA,CAAA;AACnB,OAAA;IACA,KAAKG,iBAA6B;AAAE,MAAA;AAClC,QAAA,OAAAG,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACKN,KAAK,CAAA,EAAA,EAAA,EAAA;AACRc,UAAAA,SAAS,EAAE,IAAA;AAAI,SAAA,CAAA,CAAA;AAEnB,OAAA;IACA,KAAKX,oBAAgC;AAAE,MAAA;AACrC,QAAA,OAAAG,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACKN,KAAK,CAAA,EAAA,EAAA,EAAA;AACRc,UAAAA,SAAS,EAAE,KAAK;AAChBD,UAAAA,OAAO,EAAE,KAAA;AAAK,SAAA,CAAA,CAAA;AAElB,OAAA;IACA,KAAKV,+BAA2C;AAAE,MAAA;AAChD,QAAA,MAAMQ,yBAAyB,GAAGV,MAAM,CAACI,OAAO,CAAA;AAChD,QAAA,OAAAC,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACKN,KAAK,CAAA,EAAA,EAAA,EAAA;AACRa,UAAAA,OAAO,EAAE,IAAI;AACbF,UAAAA,yBAAAA;AAAyB,SAAA,CAAA,CAAA;AAE7B,OAAA;IACA,KAAKR,0BAAsC;AAAE,MAAA;AAC3C,QAAA,MAAMK,QAAQ,GAAGP,MAAM,CAACI,OAAO,CAAA;AAC/B,QAAA,OAAAC,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACKN,KAAK,CAAA,EAAA,EAAA,EAAA;UACRe,WAAW,EAAE,CAAC,GAAGf,KAAK,CAACe,WAAW,EAAE,GAAGP,QAAQ,CAAC;UAChDQ,aAAa,EAAE,CAAChB,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEW,yBAAyB,EAAwBM,OAAAA;AAAO,SAAA,CAAA,CAAA;AAEnF,OAAA;IACA,KAAKd,mBAA+B;AAAE,MAAA;AACpC,QAAA,OAAAG,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACKN,KAAK,CAAA,EAAA,EAAA,EAAA;AACRe,UAAAA,WAAW,EAAE,EAAA;AAAE,SAAA,CAAA,CAAA;AAEnB,OAAA;AACA,IAAA;AAAS,MAAA;AACP,QAAA,OAAOf,KAAK,CAAA;AACd,OAAA;AAAC,GAAA;AAEL;;ACxEA,MAAMkB,YAAmB,GAAG;AAC1BH,EAAAA,WAAW,EAAE,EAAE;AACfF,EAAAA,OAAO,EAAE,KAAK;AACdC,EAAAA,SAAS,EAAE,KAAK;AAChBP,EAAAA,WAAW,EAAE,KAAK;AAClBH,EAAAA,cAAc,EAAE,IAAI;AACpBO,EAAAA,yBAAyB,EAAE,IAAI;AAC/BK,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC;;ACVD,SAASG,aAAaA,CAAAC,IAAA,EAAAC,KAAA,EAGd;EAAA,IAFN;IAAEX,UAAU;AAAEY,IAAAA,OAAAA;AAAmB,GAAC,GAAAF,IAAA,CAAA;EAAA,IAClC;IAAEG,GAAG;IAAEC,MAAM;AAAEC,IAAAA,uBAAAA;AAAmC,GAAC,GAAAJ,KAAA,CAAA;AAEnDK,EAAAA,eAAS,CAAC,MAAM;IACd,IAAIhB,UAAU,IAAIY,OAAO,IAAKC,GAAG,KAAHA,IAAAA,IAAAA,GAAG,KAAHA,KAAAA,CAAAA,IAAAA,GAAG,CAAEI,YAAa,EAAE;MAChDJ,GAAG,CAACI,YAAY,CAACC,UAAU,CAAClB,UAAU,CAAC,CAACmB,IAAI,CAAEF,YAAY,IAAK;AAC7DH,QAAAA,MAAM,CAACM,IAAI,CAAC,6CAA6C,EAAEH,YAAY,CAAC,CAAA;AACxEF,QAAAA,uBAAuB,CAAC;UACtBvB,IAAI,EAAE6B,mBAAsC;AAC5C1B,UAAAA,OAAO,EAAEsB,YAAAA;AACX,SAAC,CAAC,CAAA;AACJ,OAAC,CAAC,CAACK,KAAK,CAAC,MAAM;AACbP,QAAAA,uBAAuB,CAAC;UACtBvB,IAAI,EAAE6B,eAAkC;AACxC1B,UAAAA,OAAO,EAAE,IAAA;AACX,SAAC,CAAC,CAAA;AACJ,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,EAAE,CAACK,UAAU,EAAEY,OAAO,CAAC,CAAC,CAAA;AAC3B;;ACtByD,IAEpDW,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAlBA,kBAAkB,CAAA,WAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAlBA,kBAAkB,CAAA;AAAA,CAAA,CAAlBA,kBAAkB,IAAA,EAAA,CAAA,CAAA;AAsBvB,SAASC,sBAAsBA,CAAAd,IAAA,EAAAC,KAAA,EAGvB;EAAA,IAFN;IAAEjB,cAAc;IAAEM,UAAU;IAAEyB,aAAa;IAAEC,kBAAkB;IAAEC,cAAc;AAAEC,IAAAA,UAAAA;AAAsB,GAAC,GAAAlB,IAAA,CAAA;EAAA,IACxG;IAAEG,GAAG;IAAEC,MAAM;AAAEC,IAAAA,uBAAAA;AAAmC,GAAC,GAAAJ,KAAA,CAAA;AAEnDK,EAAAA,eAAS,CAAC,MAAM;AACdD,IAAAA,uBAAuB,CAAC;MACtBvB,IAAI,EAAE6B,oBAAuC;AAC7C1B,MAAAA,OAAO,EAAE,IAAA;AACX,KAAC,CAAC,CAAA;IACF,IAAIkB,GAAG,IAAIb,UAAU,IAAIa,GAAG,CAACgB,wBAAwB,IAAInC,cAAc,EAAE;AACvE,MAAA,IAAI+B,aAAa,EAAE;AACjB/B,QAAAA,cAAc,CAACoC,OAAO,EAAE,CAACX,IAAI,CAAEY,OAAO,IAAK;UACzC,MAAMC,6BAAuD,GAAApC,wCAAA,CAAA;YAC3DqC,KAAK,EAAEV,kBAAkB,CAACW,SAAS;YACnClC,UAAU;YACVmC,oBAAoB,EAAEJ,OAAO,CAACK,SAAS;AACvCC,YAAAA,OAAO,EAAEZ,aAAAA;AAAa,WAAA,EACnBC,kBAAkB,CACtB,CAAA;AACD,UAAA,MAAM3B,YAAY,GAAGc,GAAG,CAACgB,wBAAwB,CAACG,6BAA6B,CAAC,CAAA;AAChFjC,UAAAA,YAAY,CAACuC,IAAI,EAAE,CAACnB,IAAI,CAAErB,QAAQ,IAAK;AACrCgB,YAAAA,MAAM,CAACM,IAAI,CAAC,oEAAoE,EAAEtB,QAAQ,CAAC,CAAA;AAC3FiB,YAAAA,uBAAuB,CAAC;cACtBvB,IAAI,EAAE6B,qBAAwC;AAC9C1B,cAAAA,OAAO,EAAE;gBACPG,QAAQ;AACRC,gBAAAA,YAAAA;AACF,eAAA;AACF,aAAC,CAAC,CAAA;AACF,YAAA,IAAI4B,cAAc,IAAI,OAAOA,cAAc,KAAK,UAAU,EAAE;AAC1DA,cAAAA,cAAc,CAAC7B,QAAQ,EAAE,IAAI,CAAC,CAAA;AAChC,aAAA;AACF,WAAC,CAAC,CAACwB,KAAK,CAAEiB,KAAK,IAAK;AAClBzB,YAAAA,MAAM,CAAC0B,OAAO,CAAC,wDAAwD,EAAED,KAAK,CAAC,CAAA;AAC/ExB,YAAAA,uBAAuB,CAAC;cACtBvB,IAAI,EAAE6B,iBAAoC;AAC1C1B,cAAAA,OAAO,EAAE,IAAA;AACX,aAAC,CAAC,CAAA;AACF,YAAA,IAAIgC,cAAc,IAAI,OAAOA,cAAc,KAAK,UAAU,EAAE;AAC1DA,cAAAA,cAAc,CAAC,IAAI,EAAEY,KAAK,CAAC,CAAA;AAC7B,aAAA;AACF,WAAC,CAAC,CAAA;AACFxB,UAAAA,uBAAuB,CAAC;YACtBvB,IAAI,EAAE6B,+BAAkD;AACxD1B,YAAAA,OAAO,EAAEI,YAAAA;AACX,WAAC,CAAC,CAAA;AACJ,SAAC,CAAC,CAAA;AACJ,OAAC,MAAM;AACLe,QAAAA,MAAM,CAACM,IAAI,CAAC,iEAAiE,CAAC,CAAA;AAChF,OAAA;AACF,KAAA;AACF,GAAC,EAAE,CAACpB,UAAU,EAAE0B,kBAAkB,EAAED,aAAa,EAAE/B,cAAc,EAAEkC,UAAU,CAAC,CAAC,CAAA;AACjF;;AC3DA,SAASa,iBAAiBA,CAAA/B,IAAA,EAAAC,KAAA,EAGR;EAAA,IAFhB;IAAEV,yBAAyB;IAAEK,aAAa;AAAEqB,IAAAA,cAAAA;AAA0B,GAAC,GAAAjB,IAAA,CAAA;EAAA,IACvE;IAAEI,MAAM;AAAEC,IAAAA,uBAAAA;AAAmC,GAAC,GAAAJ,KAAA,CAAA;EAE9C,OAAO+B,iBAAW,CAAEC,EAAE,IAAK;IACzB,IAAI,CAACrC,aAAa,EAAE;AAClBQ,MAAAA,MAAM,CAAC0B,OAAO,CAAC,6DAA6D,EAAElC,aAAa,CAAC,CAAA;AAC9F,KAAA;AACA,IAAA,IAAIL,yBAAyB,IAAIA,yBAAyB,CAACM,OAAO,EAAE;AAClEN,MAAAA,yBAAyB,CAACqC,IAAI,EAAE,CAACnB,IAAI,CAAErB,QAAQ,IAAK;AAClDgB,QAAAA,MAAM,CAACM,IAAI,CAAC,wEAAwE,EAAEtB,QAAQ,CAAC,CAAA;AAC/FiB,QAAAA,uBAAuB,CAAC;UACtBvB,IAAI,EAAE6B,0BAA6C;AACnD1B,UAAAA,OAAO,EAAEG,QAAAA;AACX,SAAC,CAAC,CAAA;AACF6C,QAAAA,EAAE,CAAC7C,QAAQ,EAAE,IAAI,CAAC,CAAA;AAClB,QAAA,IAAI6B,cAAc,IAAI,OAAOA,cAAc,KAAK,UAAU,EAAE;AAC1DA,UAAAA,cAAc,CAAC7B,QAAQ,EAAE,IAAI,CAAC,CAAA;AAChC,SAAA;AACF,OAAC,CAAC,CAACwB,KAAK,CAAEiB,KAAK,IAAK;AAClBzB,QAAAA,MAAM,CAAC0B,OAAO,CAAC,qEAAqE,EAAED,KAAK,CAAC,CAAA;AAC5FI,QAAAA,EAAE,CAAC,IAAI,EAAEJ,KAAK,CAAC,CAAA;AACf,QAAA,IAAIZ,cAAc,IAAI,OAAOA,cAAc,KAAK,UAAU,EAAE;AAC1DA,UAAAA,cAAc,CAAC,IAAI,EAAEY,KAAK,CAAC,CAAA;AAC7B,SAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAC,MAAM;AACLzB,MAAAA,MAAM,CAAC0B,OAAO,CAAC,iEAAiE,CAAC,CAAA;AACnF,KAAA;AACF,GAAC,EAAE,CAACvC,yBAAyB,EAAEK,aAAa,CAAC,CAAC,CAAA;AAChD;;ACjDA,MAAMsC,eAAe,GAAG,GAAG,CAAA;AAE3B,SAASC,qBAAqBA,CAAAnC,IAAA,EAAAC,KAAA,EAGpB;EAAA,IAFR;AAAEmC,IAAAA,YAAAA;AAA4B,GAAC,GAAApC,IAAA,CAAA;EAAA,IAC/B;AAAEK,IAAAA,uBAAAA;AAAsC,GAAC,GAAAJ,KAAA,CAAA;EAEzC,MAAM,CAACc,aAAa,EAAEsB,gBAAgB,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC,CAAA;EACtD,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGF,cAAQ,CAAC,IAAI,CAAC,CAAA;AAC5DhC,EAAAA,eAAS,CAAC,MAAM;IACdmC,YAAY,CAACF,eAAe,CAAC,CAAA;AAC7B,IAAA,IAAIH,YAAY,EAAE;MAChBI,kBAAkB,CAChBE,UAAU,CAAC,MAAM;QACfL,gBAAgB,CAACD,YAAY,CAAC,CAAA;OAC/B,EAAEF,eAAe,CAAC,CACpB,CAAA;AACH,KAAC,MAAM;MACLG,gBAAgB,CAAC,EAAE,CAAC,CAAA;AACpBhC,MAAAA,uBAAuB,CAAC;QACtBvB,IAAI,EAAE6B,mBAAsC;AAC5C1B,QAAAA,OAAO,EAAE,EAAA;AACX,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,EAAE,CAACmD,YAAY,CAAC,CAAC,CAAA;AAClB,EAAA,OAAOrB,aAAa,CAAA;AACtB;;ACeA,MAAM4B,oBAAoB,gBAAGC,yBAAK,CAACC,aAAa,CAAwCC,SAAS,CAAC,CAAA;AAE5FC,MAAAA,qBAA2D,GAAIC,KAAiC,IAAK;EAAA,IAAAC,mBAAA,EAAAC,mBAAA,EAAAC,qBAAA,EAAAC,oBAAA,EAAAC,qBAAA,CAAA;EACzG,MAAM;AACJ;IACA/D,UAAU;IACV8C,YAAY;IACZpB,kBAAkB;IAClBC,cAAc;AACdqC,IAAAA,aAAAA;AACF,GAAC,GAAGN,KAAK,CAAA;EAET,MAAMO,WAAW,GAAGC,uBAAuB,EAAE,CAAA;;AAE7C;EACA,MAAM,CAACtC,UAAU,EAAEuC,aAAa,CAAC,GAAGnB,cAAQ,CAAC,CAAC,CAAC,CAAC;EAChD,MAAM,CAACoB,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGrB,cAAQ,CAAC,CAAC,CAAC,CAAA;EAC7D,MAAM,CAACsB,kBAAkB,EAAEvD,uBAAuB,CAAC,GAAGwD,gBAAU,CAACC,OAAoB,EAAEC,YAAyB,CAAC,CAAA;EACjH,MAAM;IACJpE,WAAW;IACXF,OAAO;IACPC,SAAS;IACTV,cAAc;IACdO,yBAAyB;AACzBK,IAAAA,aAAAA;AACF,GAAC,GAAGgE,kBAAkB,CAAA;AAEtB,EAAA,MAAMxD,MAAM,GAAGmD,WAAW,KAAXA,IAAAA,IAAAA,WAAW,wBAAAN,mBAAA,GAAXM,WAAW,CAAES,MAAM,MAAAf,IAAAA,IAAAA,mBAAA,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAqB7C,MAAM,CAAA;EAC1C,MAAMD,GAAG,GAAGoD,WAAW,KAAXA,IAAAA,IAAAA,WAAW,wBAAAL,mBAAA,GAAXK,WAAW,CAAEU,MAAM,MAAA,IAAA,IAAAf,mBAAA,KAAAC,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAnBD,mBAAA,CAAqBgB,QAAQ,cAAAf,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA7BA,qBAAA,CAA+BhD,GAAG,CAAA;EAC9C,MAAMD,OAAO,GAAGqD,WAAW,KAAXA,IAAAA,IAAAA,WAAW,wBAAAH,oBAAA,GAAXG,WAAW,CAAEU,MAAM,MAAA,IAAA,IAAAb,oBAAA,KAAAC,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAnBD,oBAAA,CAAqBc,QAAQ,cAAAb,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA7BA,qBAAA,CAA+BlE,WAAW,CAAA;AAC1D,EAAA,MAAMgF,SAAS,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;EAC9B,MAAMC,cAAc,GAAIC,CAA2B,IAAK;AACtD,IAAA,MAAMC,aAAa,GAAGD,CAAC,CAACE,MAAwB,CAAA;IAChD,MAAM;MACJC,SAAS;MACTC,YAAY;AACZC,MAAAA,YAAAA;AACF,KAAC,GAAGJ,aAAa,CAAA;IAEjB,IAAI,CAAC3E,aAAa,EAAE;AAClB,MAAA,OAAA;AACF,KAAA;AACA,IAAA,IAAI6E,SAAS,GAAGE,YAAY,IAAID,YAAY,EAAE;AAC5CE,MAAAA,QAAQ,CAAC,MAAM;AACb;AAAA,OACD,CAAC,CAAA;AACJ,KAAA;GACD,CAAA;AAED7E,EAAAA,aAAa,CACX;IAAET,UAAU;AAAEY,IAAAA,OAAAA;AAAQ,GAAC,EACvB;IAAEC,GAAG;IAAEC,MAAM;AAAEC,IAAAA,uBAAAA;AAAwB,GAAC,CACzC,CAAA;EAED,MAAMU,aAAa,GAAGoB,qBAAqB,CAAC;AAAEC,IAAAA,YAAAA;AAAa,GAAC,EAAE;AAAE/B,IAAAA,uBAAAA;AAAwB,GAAC,CAAC,CAAA;AAE1FwE,EAAAA,sBAAoB,CAClB;IAAE7F,cAAc;IAAEM,UAAU;IAAEyB,aAAa;IAAEC,kBAAkB;IAAEC,cAAc;AAAEC,IAAAA,UAAAA;AAAW,GAAC,EAC7F;IAAEf,GAAG;IAAEC,MAAM;AAAEC,IAAAA,uBAAAA;AAAwB,GAAC,CACzC,CAAA;EAED,MAAMuE,QAAQ,GAAG7C,iBAAiB,CAChC;IAAExC,yBAAyB;IAAEK,aAAa;AAAEqB,IAAAA,cAAAA;AAAe,GAAC,EAC5D;IAAEb,MAAM;AAAEC,IAAAA,uBAAAA;AAAwB,GAAC,CACpC,CAAA;EAED,MAAMyE,oBAAoB,GAAGA,MAAM;AACjCrB,IAAAA,aAAa,CAACvC,UAAU,GAAG,CAAC,CAAC,CAAA;GAC9B,CAAA;AACD,EAAA,oBACE0B,yBAAA,CAAAmC,aAAA,CAACpC,oBAAoB,CAACqC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;MACpC3F,UAAU;MACV8C,YAAY;MACZrB,aAAa;MACbC,kBAAkB;MAClBC,cAAc;MACdqC,aAAa;MACbpC,UAAU;MACVuC,aAAa;MACbC,iBAAiB;MACjBC,oBAAoB;MACpBtD,uBAAuB;MACvBV,WAAW;MACXF,OAAO;MACPC,SAAS;MACTV,cAAc;MACdO,yBAAyB;MACzBK,aAAa;MACbgF,QAAQ;MACRT,SAAS;MACTW,oBAAoB;AACpBT,MAAAA,cAAAA;AACF,KAAA;AAAE,GAAA,EACCrB,KAAK,KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEkC,QAAQ,CACc,CAAA;AAEpC,EAAC;AAGKC,MAAAA,uBAA6C,GAAGA,MAAMvC,yBAAK,CAACwC,UAAU,CAACzC,oBAAoB;;;;;"}

package/cjs/MessageSearch.js

@@ -2,97 +2,85 @@
 
 var React = require('react');
 var MessageSearch_components_MessageSearchUI = require('./MessageSearch/components/MessageSearchUI.js');
-var LocalizationContext = require('./LocalizationContext-8780a64e.js');
+var LocalizationContext = require('./LocalizationContext-0e429c3d.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_IconButton = require('./ui/IconButton.js');
-var ui_Label = require('./index-bdd889a2.js');
+var ui_Label = require('./index-6cb0d040.js');
 var ui_Loader = require('./ui/Loader.js');
 var MessageSearch_context = require('./MessageSearch/context.js');
 require('./ui/MessageSearchItem.js');
-require('./tslib.es6-5a7eb30d.js');
-require('./index-5ea12b7a.js');
-require('./index-48d85d8f.js');
-require('./index-c13771a7.js');
-require('./index-abe135e6.js');
-require('./index-8a4b2f10.js');
+require('./index-869e9a94.js');
+require('./index-016f7106.js');
+require('./index-8affdde5.js');
+require('./index-7d125728.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-a9006ea2.js');
-require('./index-e8544e24.js');
+require('./uuid-12b01f73.js');
+require('./index-1613ae03.js');
 require('./ui/MessageSearchFileItem.js');
-require('./stringSet-60660a99.js');
+require('./index-5231fde8.js');
+require('./_rollupPluginBabelHelpers-c89f311a.js');
+require('./utils/message/getOutgoingMessageState.js');
+require('./stringSet-106da549.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-bd6baf0a.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-pannel';
-
+const 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 = React.useState(''),
-      searchString = _a[0],
-      setSearchString = _a[1];
-
-  var _b = React.useState(''),
-      inputString = _b[0],
-      setInputString = _b[1];
-
-  var _c = React.useState(false),
-      loading = _c[0],
-      setLoading = _c[1];
-
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var timeout = null;
-  React.useEffect(function () {
+  const {
+    channelUrl,
+    onResultClick,
+    onCloseClick,
+    messageSearchQuery,
+    renderPlaceHolderError,
+    renderPlaceHolderLoading,
+    renderPlaceHolderNoString,
+    renderPlaceHolderEmptyList,
+    renderSearchItem
+  } = props;
+  const [searchString, setSearchString] = React.useState('');
+  const [inputString, setInputString] = React.useState('');
+  const [loading, setLoading] = React.useState(false);
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
+  let timeout = null;
+  React.useEffect(() => {
     if (timeout) {
       clearTimeout(timeout);
     }
-
-    timeout = setTimeout(function () {
+    timeout = setTimeout(() => {
       setSearchString(inputString);
       setLoading(true);
       timeout = null;
     }, 500);
   }, [inputString]);
-
-  var handleOnChangeInputString = function (e) {
+  const handleOnChangeInputString = e => {
     setInputString(e.target.value);
   };
-
-  var handleOnResultLoaded = function () {
+  const handleOnResultLoaded = () => {
     setLoading(false);
   };
-
-  var handleOnClickResetStringButton = function (e) {
+  const handleOnClickResetStringButton = e => {
     e.stopPropagation();
     setInputString('');
     setSearchString('');
   };
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: COMPONENT_CLASS_NAME
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(COMPONENT_CLASS_NAME, "__header")
+    className: `${COMPONENT_CLASS_NAME}__header`
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "".concat(COMPONENT_CLASS_NAME, "__header__title"),
+    className: `${COMPONENT_CLASS_NAME}__header__title`,
     type: ui_Label.LabelTypography.H_2,
     color: ui_Label.LabelColors.ONBACKGROUND_1
   }, stringSet.SEARCH_IN_CHANNEL), /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
-    className: "".concat(COMPONENT_CLASS_NAME, "__header__close-button"),
+    className: `${COMPONENT_CLASS_NAME}__header__close-button`,
     width: "32px",
     height: "32px",
     onClick: onCloseClick
@@ -102,22 +90,22 @@ function MessageSearchPannel(props) {
     width: "22px",
     height: "22px"
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(COMPONENT_CLASS_NAME, "__input")
+    className: `${COMPONENT_CLASS_NAME}__input`
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(COMPONENT_CLASS_NAME, "__input__container")
+    className: `${COMPONENT_CLASS_NAME}__input__container`
   }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "".concat(COMPONENT_CLASS_NAME, "__input__container__search-icon"),
+    className: `${COMPONENT_CLASS_NAME}__input__container__search-icon`,
     type: ui_Icon.IconTypes.SEARCH,
     fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
     width: "24px",
     height: "24px"
   }), /*#__PURE__*/React__default["default"].createElement("input", {
-    className: "".concat(COMPONENT_CLASS_NAME, "__input__container__input-area"),
+    className: `${COMPONENT_CLASS_NAME}__input__container__input-area`,
     placeholder: stringSet.SEARCH,
     value: inputString,
     onChange: handleOnChangeInputString
   }), inputString && loading && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
-    className: "".concat(COMPONENT_CLASS_NAME, "__input__container__spinner"),
+    className: `${COMPONENT_CLASS_NAME}__input__container__spinner`,
     width: "20px",
     height: "20px"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
@@ -126,14 +114,14 @@ function MessageSearchPannel(props) {
     width: "20px",
     height: "20px"
   })), !loading && inputString && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "".concat(COMPONENT_CLASS_NAME, "__input__container__reset-input-button"),
+    className: `${COMPONENT_CLASS_NAME}__input__container__reset-input-button`,
     type: ui_Icon.IconTypes.REMOVE,
     fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
     width: "20px",
     height: "20px",
     onClick: handleOnClickResetStringButton
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(COMPONENT_CLASS_NAME, "__message-search")
+    className: `${COMPONENT_CLASS_NAME}__message-search`
   }, /*#__PURE__*/React__default["default"].createElement(MessageSearch_context.MessageSearchProvider, {
     channelUrl: channelUrl,
     searchString: searchString,

package/cjs/MessageSearch.js.map

@@ -1 +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","concat","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconButton","Icon","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","Loader","SPINNER","PRIMARY","REMOVE","MessageSearchProvider","MessageSearch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAMA,oBAAoB,GAAG,gCAA7B,CAAA;;AAEA,SAASC,mBAAT,CAA6BC,KAA7B,EAA4D;AAExD,EAAA,IAAAC,UAAU,GASRD,KAAK,CAAAC,UATP;AAAA,MACAC,aAAa,GAQXF,KAAK,CARME,aADb;AAAA,MAEAC,YAAY,GAOVH,KAAK,aATP;AAAA,MAGAI,kBAAkB,GAMhBJ,KAAK,CAAAI,kBATP;AAAA,MAIAC,sBAAsB,GAKpBL,KAAK,CALeK,sBAJtB;AAAA,MAKAC,wBAAwB,GAItBN,KAAK,yBATP;AAAA,MAMAO,yBAAyB,GAGvBP,KAAK,CAAAO,yBATP;AAAA,MAOAC,0BAA0B,GAExBR,KAAK,CAFmBQ,0BAP1B;AAAA,MAQAC,gBAAgB,GACdT,KAAK,iBATP,CAAA;;AAWI,EAAA,IAAAU,EAAA,GAAkCC,cAAQ,CAAC,EAAD,CAA1C;AAAA,MAACC,YAAY,GAAAF,EAAA,CAAA,CAAA,CAAb;AAAA,MAAeG,eAAe,GAAAH,EAAA,CAAA,CAAA,CAA9B,CAAA;;AACA,EAAA,IAAAI,EAAA,GAAgCH,cAAQ,CAAC,EAAD,CAAxC;AAAA,MAACI,WAAW,GAAAD,EAAA,CAAA,CAAA,CAAZ;AAAA,MAAcE,cAAc,GAAAF,EAAA,CAAA,CAAA,CAA5B,CAAA;;AACA,EAAA,IAAAG,EAAA,GAAwBN,cAAQ,CAAC,KAAD,CAAhC;AAAA,MAACO,OAAO,GAAAD,EAAA,CAAA,CAAA,CAAR;AAAA,MAAUE,UAAU,GAAAF,EAAA,CAAA,CAAA,CAApB,CAAA;;AACE,EAAA,IAAAG,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;EAER,IAAIC,OAAO,GAAG,IAAd,CAAA;AACAC,EAAAA,eAAS,CAAC,YAAA;AACR,IAAA,IAAID,OAAJ,EAAa;MACXE,YAAY,CAACF,OAAD,CAAZ,CAAA;AACD,KAAA;;IACDA,OAAO,GAAGG,UAAU,CAAC,YAAA;MACnBb,eAAe,CAACE,WAAD,CAAf,CAAA;MACAI,UAAU,CAAC,IAAD,CAAV,CAAA;AACAI,MAAAA,OAAO,GAAG,IAAV,CAAA;KAHkB,EAIjB,GAJiB,CAApB,CAAA;AAKD,GATQ,EASN,CAACR,WAAD,CATM,CAAT,CAAA;;AAWA,EAAA,IAAMY,yBAAyB,GAAG,UAACC,CAAD,EAAE;AAClCZ,IAAAA,cAAc,CAACY,CAAC,CAACC,MAAF,CAASC,KAAV,CAAd,CAAA;GADF,CAAA;;EAIA,IAAMC,oBAAoB,GAAG,YAAA;IAC3BZ,UAAU,CAAC,KAAD,CAAV,CAAA;GADF,CAAA;;AAIA,EAAA,IAAMa,8BAA8B,GAAG,UAACJ,CAAD,EAAE;AACvCA,IAAAA,CAAC,CAACK,eAAF,EAAA,CAAA;IACAjB,cAAc,CAAC,EAAD,CAAd,CAAA;IACAH,eAAe,CAAC,EAAD,CAAf,CAAA;GAHF,CAAA;;EAMA,oBACEqB,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAEpC,oBAAAA;GACd,eAAAoC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,EAAGC,CAAAA,MAAH,CAAGrC,oBAAH,EAAiC,UAAjC,CAAA;AAAhB,GAAA,eACEoC,wCAACE,cAAD,EAAA;AACE,IAAA,SAAS,EAAE,SAAA,CAAGtC,oBAAH,EAAuB,iBAAvB,CADb;IAEE,IAAI,EAAEuC,wBAAe,CAACC,GAFxB;IAGE,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAHrB,GAAA,EAKGpB,SAAS,CAACqB,iBALb,CADF,eAQEP,wCAACQ,aAAD,EAAA;AACE,IAAA,SAAS,EAAE,EAAGP,CAAAA,MAAH,CAAGrC,oBAAH,EAA+C,wBAA/C,CADb;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,OAAO,EAAEK,YAAAA;AAJX,GAAA,eAME+B,wCAACS,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACC,KADlB;IAEE,SAAS,EAAEC,kBAAU,CAACC,eAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;GAVX,CAAA,CARF,CADF,eAuBEb,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,EAAGC,CAAAA,MAAH,CAAGrC,oBAAH,EAAgC,SAAhC,CAAA;GACd,eAAAoC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,EAAGC,CAAAA,MAAH,CAAGrC,oBAAH,EAA2C,oBAA3C,CAAA;AAAhB,GAAA,eACIoC,wCAACS,kBAAD,EAAA;AACE,IAAA,SAAS,EAAE,EAAGR,CAAAA,MAAH,CAAGrC,oBAAH,EAAwD,iCAAxD,CADb;IAEE,IAAI,EAAE8C,iBAAS,CAACI,MAFlB;IAGE,SAAS,EAAEF,kBAAU,CAACG,eAHxB;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MAAA;AALT,GAAA,CADJ,eAQIf,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AACE,IAAA,SAAS,EAAE,EAAAC,CAAAA,MAAA,CAAGrC,oBAAH,EAAuB,gCAAvB,CADb;IAEE,WAAW,EAAEsB,SAAS,CAAC4B,MAFzB;AAGE,IAAA,KAAK,EAAEjC,WAHT;AAIE,IAAA,QAAQ,EAAEY,yBAAAA;AAJZ,GAAA,CARJ,EAeMZ,WAAW,IAAIG,OAAf,iBACEgB,wCAACgB,SAAD,EAAA;AACE,IAAA,SAAS,EAAE,SAAA,CAAGpD,oBAAH,EAAuB,6BAAvB,CADb;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAAA;AAHT,GAAA,eAKEoC,wCAACS,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACO,OADlB;IAEE,SAAS,EAAEL,kBAAU,CAACM,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;GATX,CAAA,CAhBR,EA+BM,CAAClC,OAAD,IAAYH,WAAZ,iBACEmB,wCAACS,kBAAD,EAAA;AACE,IAAA,SAAS,EAAE,EAAGR,CAAAA,MAAH,CAAGrC,oBAAH,0CAAA,CADb;IAEE,IAAI,EAAE8C,iBAAS,CAACS,MAFlB;IAGE,SAAS,EAAEP,kBAAU,CAACG,eAHxB;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,OAAO,EAAEjB,8BAAAA;GAtCnB,CAAA,CADF,CAvBF,eAoEEE,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,EAAGC,CAAAA,MAAH,CAAGrC,oBAAH,EAAyC,kBAAzC,CAAA;AAAhB,GAAA,eACEoC,wCAACoB,2CAAD,EAAA;AACE,IAAA,UAAU,EAAErD,UADd;AAEE,IAAA,YAAY,EAAEW,YAFhB;AAGE,IAAA,aAAa,EAAEV,aAHjB;AAIE,IAAA,cAAc,EAAE6B,oBAJlB;AAKE,IAAA,kBAAkB,EAAE3B,kBAAAA;AALtB,GAAA,eAOE8B,wCAACqB,wDAAD,EAAA;AACE,IAAA,sBAAsB,EAAElD,sBAD1B;AAEE,IAAA,wBAAwB,EAAEC,wBAF5B;AAGE,IAAA,yBAAyB,EAAEC,yBAH7B;AAIE,IAAA,0BAA0B,EAAEC,0BAJ9B;AAKE,IAAA,gBAAgB,EAAEC,gBAAAA;GAZtB,CAAA,CADF,CApEF,CADF,CAAA;AAwFD;;;;"}
+{"version":3,"file":"MessageSearch.js","sources":["../../src/modules/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: any = 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","searchString","setSearchString","useState","inputString","setInputString","loading","setLoading","stringSet","useContext","LocalizationContext","timeout","useEffect","clearTimeout","setTimeout","handleOnChangeInputString","e","target","value","handleOnResultLoaded","handleOnClickResetStringButton","stopPropagation","React","createElement","className","Label","type","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconButton","width","height","onClick","Icon","IconTypes","CLOSE","fillColor","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","placeholder","onChange","Loader","SPINNER","PRIMARY","REMOVE","MessageSearchProvider","onResultLoaded","MessageSearch"],"mappings":"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"}

package/cjs/OpenChannel/components/FrozenChannelNotification.js

@@ -1,18 +1,20 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-8780a64e.js');
-var ui_Label = require('../../index-bdd889a2.js');
-require('../../stringSet-60660a99.js');
-require('../../index-48d85d8f.js');
+var LocalizationContext = require('../../LocalizationContext-0e429c3d.js');
+var ui_Label = require('../../index-6cb0d040.js');
+require('../../stringSet-106da549.js');
+require('../../index-016f7106.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var FrozenNotification = function () {
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+const FrozenNotification = () => {
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-frozen-channel-notification"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {

package/cjs/OpenChannel/components/FrozenChannelNotification.js.map

@@ -1 +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","Label","LabelTypography","CAPTION_2","CHANNEL_FROZEN"],"mappings":";;;;;;;;;;;;;AAOMA,IAAAA,kBAAkB,GAAG,YAAA;AACjB,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;EACR,oBACEC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,sCAAA;AAAf,GAAA,eACEA,wCAACC,cAAD,EAAA;AACE,IAAA,SAAS,EAAC,4CADZ;IAEE,IAAI,EAAEC,wBAAe,CAACC,SAAAA;AAFxB,GAAA,EAIGN,SAAS,CAACO,cAJb,CADF,CADF,CAAA;AAUD;;;;"}
+{"version":3,"file":"FrozenChannelNotification.js","sources":["../../../../src/modules/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","createElement","className","Label","type","LabelTypography","CAPTION_2","CHANNEL_FROZEN"],"mappings":";;;;;;;;;;;;;AAOMA,MAAAA,kBAAkB,GAAGA,MAAmB;EAC5C,MAAM;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAGC,gBAAU,CAACC,uCAAmB,CAAC,CAAA;EACrD,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,eACnDF,yBAAA,CAAAC,aAAA,CAACE,cAAK,EAAA;AACJD,IAAAA,SAAS,EAAC,4CAA4C;IACtDE,IAAI,EAAEC,wBAAe,CAACC,SAAAA;AAAU,GAAA,EAE/BT,SAAS,CAACU,cAAc,CACnB,CACJ,CAAA;AAEV;;;;"}

package/cjs/OpenChannel/components/OpenChannelHeader.js

@@ -4,43 +4,45 @@ var React = require('react');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_IconButton = require('../../ui/IconButton.js');
-var ui_Label = require('../../index-bdd889a2.js');
-var LocalizationContext = require('../../LocalizationContext-8780a64e.js');
-var OpenChannel_context = require('../../OpenChannelProvider-a763b71c.js');
-var MediaQueryContext = require('../../MediaQueryContext-e455934a.js');
-require('../../tslib.es6-5a7eb30d.js');
+var ui_Label = require('../../index-6cb0d040.js');
+var LocalizationContext = require('../../LocalizationContext-0e429c3d.js');
+var OpenChannel_context = require('../../OpenChannelProvider-217a8ac2.js');
+var MediaQueryContext = require('../../MediaQueryContext-33fc3b17.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-a9006ea2.js');
+require('../../uuid-12b01f73.js');
 require('prop-types');
-require('../../stringSet-60660a99.js');
-require('../../index-48d85d8f.js');
-require('../../index-5ea12b7a.js');
-require('../../UserProfileContext-0808e413.js');
-require('../../compareIds-d0c02eca.js');
-require('../../topics-f3f74edc.js');
+require('../../_rollupPluginBabelHelpers-c89f311a.js');
+require('../../stringSet-106da549.js');
+require('../../index-016f7106.js');
+require('../../index-869e9a94.js');
+require('../../UserProfileContext-87580795.js');
+require('../../compareIds-ccccfe86.js');
+require('../../topics-b384e6b3.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-bd6baf0a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function OpenchannelConversationHeader() {
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-
-  var _a = OpenChannel_context.useOpenChannelContext(),
-      currentOpenChannel = _a.currentOpenChannel,
-      onChatHeaderActionClick = _a.onChatHeaderActionClick,
-      amIOperator = _a.amIOperator,
-      onBackClick = _a.onBackClick;
-
-  var title = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.name;
-  var subTitle = "".concat(OpenChannel_context.kFormatter(currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.participantCount), " ").concat(stringSet.OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS);
-  var coverImage = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.coverUrl;
-  var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
+  const {
+    currentOpenChannel,
+    onChatHeaderActionClick,
+    amIOperator,
+    onBackClick
+  } = OpenChannel_context.useOpenChannelContext();
+  const title = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.name;
+  const subTitle = `${OpenChannel_context.kFormatter(currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.participantCount)} ${stringSet.OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS}`;
+  const coverImage = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.coverUrl;
+  const {
+    isMobile
+  } = MediaQueryContext.useMediaQueryContext();
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-openchannel-conversation-header"
   }, /*#__PURE__*/React__default["default"].createElement("div", {

package/cjs/OpenChannel/components/OpenChannelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelHeader.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelHeader/index.tsx"],"sourcesContent":["import './open-channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport { kFormatter } from '../../context/utils';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\n\nexport default function OpenchannelConversationHeader(): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    currentOpenChannel,\n    onChatHeaderActionClick,\n    amIOperator,\n    onBackClick,\n  } = useOpenChannelContext();\n  const title = currentOpenChannel?.name;\n  const subTitle = `${kFormatter(currentOpenChannel?.participantCount)} ${stringSet.OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS}`;\n  const coverImage = currentOpenChannel?.coverUrl;\n  const { isMobile } = useMediaQueryContext();\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-header\">\n      <div className=\"sendbird-openchannel-conversation-header__left\">\n        {\n          isMobile && (\n            <Icon\n              className=\"sendbird-oepnchannel-header__icon_back\"\n              onClick={onBackClick}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.ARROW_LEFT}\n            />\n          )\n        }\n        {\n          coverImage ? (\n            <Avatar\n              className=\"sendbird-openchannel-conversation-header__left__cover-image\"\n              src={coverImage}\n              alt=\"channel cover image\"\n              width=\"32px\"\n              height=\"32px\"\n            />\n          ) : (\n            <div\n              className=\"sendbird-openchannel-conversation-header__left__cover-image--icon\"\n              style={{ width: 32, height: 32 }}\n            >\n              <Icon\n                type={IconTypes.CHANNELS}\n                fillColor={IconColors.CONTENT}\n                width=\"18px\"\n                height=\"18px\"\n              />\n            </div>\n          )\n        }\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {title || stringSet.NO_TITLE}\n        </Label>\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__sub-title\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle || stringSet.NO_TITLE}\n        </Label>\n      </div>\n      <div className=\"sendbird-openchannel-conversation-header__right\">\n        <IconButton\n          className=\"sendbird-openchannel-conversation-header__right__trigger\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={(\n              amIOperator\n              ? IconTypes.INFO\n              : IconTypes.MEMBERS\n            )}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n"],"names":["OpenchannelConversationHeader","stringSet","useContext","LocalizationContext","_a","useOpenChannelContext","currentOpenChannel","onChatHeaderActionClick","amIOperator","onBackClick","title","name","subTitle","concat","kFormatter","participantCount","OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS","coverImage","coverUrl","isMobile","useMediaQueryContext","React","Icon","IconColors","PRIMARY","IconTypes","ARROW_LEFT","Avatar","width","height","CHANNELS","CONTENT","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","IconButton","INFO","MEMBERS"],"mappings":"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"}
+{"version":3,"file":"OpenChannelHeader.js","sources":["../../../../src/modules/OpenChannel/components/OpenChannelHeader/index.tsx"],"sourcesContent":["import './open-channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport { kFormatter } from '../../context/utils';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\n\nexport default function OpenchannelConversationHeader(): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    currentOpenChannel,\n    onChatHeaderActionClick,\n    amIOperator,\n    onBackClick,\n  } = useOpenChannelContext();\n  const title = currentOpenChannel?.name;\n  const subTitle = `${kFormatter(currentOpenChannel?.participantCount)} ${stringSet.OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS}`;\n  const coverImage = currentOpenChannel?.coverUrl;\n  const { isMobile } = useMediaQueryContext();\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-header\">\n      <div className=\"sendbird-openchannel-conversation-header__left\">\n        {\n          isMobile && (\n            <Icon\n              className=\"sendbird-oepnchannel-header__icon_back\"\n              onClick={onBackClick}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.ARROW_LEFT}\n            />\n          )\n        }\n        {\n          coverImage ? (\n            <Avatar\n              className=\"sendbird-openchannel-conversation-header__left__cover-image\"\n              src={coverImage}\n              alt=\"channel cover image\"\n              width=\"32px\"\n              height=\"32px\"\n            />\n          ) : (\n            <div\n              className=\"sendbird-openchannel-conversation-header__left__cover-image--icon\"\n              style={{ width: 32, height: 32 }}\n            >\n              <Icon\n                type={IconTypes.CHANNELS}\n                fillColor={IconColors.CONTENT}\n                width=\"18px\"\n                height=\"18px\"\n              />\n            </div>\n          )\n        }\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {title || stringSet.NO_TITLE}\n        </Label>\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__sub-title\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle || stringSet.NO_TITLE}\n        </Label>\n      </div>\n      <div className=\"sendbird-openchannel-conversation-header__right\">\n        <IconButton\n          className=\"sendbird-openchannel-conversation-header__right__trigger\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={(\n              amIOperator\n                ? IconTypes.INFO\n                : IconTypes.MEMBERS\n            )}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n"],"names":["OpenchannelConversationHeader","stringSet","useContext","LocalizationContext","currentOpenChannel","onChatHeaderActionClick","amIOperator","onBackClick","useOpenChannelContext","title","name","subTitle","kFormatter","participantCount","OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS","coverImage","coverUrl","isMobile","useMediaQueryContext","React","createElement","className","Icon","onClick","fillColor","IconColors","PRIMARY","width","height","type","IconTypes","ARROW_LEFT","Avatar","src","alt","style","CHANNELS","CONTENT","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","IconButton","INFO","MEMBERS"],"mappings":"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"}