@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/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        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","__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","refresh","channel","inputSearchMessageQueryObject","order","TIMESTAMP","messageTimestampFrom","invitedAt","keyword","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","createElement","Provider","value","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":"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"}

package/MessageSearch.js

@@ -1,68 +1,66 @@
 import React__default, { useState, useContext, useEffect } from 'react';
 import { MessageSearchUI } from './MessageSearch/components/MessageSearchUI.js';
-import { a as LocalizationContext } from './LocalizationContext-3d8c0b24.js';
+import { a as LocalizationContext } from './LocalizationContext-9c54e783.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-cce0e324.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-4111594a.js';
 import Loader from './ui/Loader.js';
 import { MessageSearchProvider } from './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';
-import './tslib.es6-d6e50ec3.js';
-import './index-95b46112.js';
-import './index-aaa9b9f8.js';
-import './index-ac5ad4f9.js';
-import './index-d37f34a3.js';
+import './index-f48cfdf7.js';
+import './index-a9ddd0f5.js';
+import './index-3062a861.js';
+import './index-1a3c0d72.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-86cb48e0.js';
-import './index-91355132.js';
+import './uuid-48baadaf.js';
+import './index-77f3d9b0.js';
 import './ui/MessageSearchFileItem.js';
-import './index-e378ca4e.js';
+import './index-dbe0e004.js';
+import './_rollupPluginBabelHelpers-b2d9bfc5.js';
 import './utils/message/getOutgoingMessageState.js';
-import './stringSet-9d579825.js';
+import './stringSet-1f18348a.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 
-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 = 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 () {
+  const {
+    channelUrl,
+    onResultClick,
+    onCloseClick,
+    messageSearchQuery,
+    renderPlaceHolderError,
+    renderPlaceHolderLoading,
+    renderPlaceHolderNoString,
+    renderPlaceHolderEmptyList,
+    renderSearchItem
+  } = props;
+  const [searchString, setSearchString] = useState('');
+  const [inputString, setInputString] = useState('');
+  const [loading, setLoading] = useState(false);
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
+  let timeout = null;
+  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('');
@@ -70,13 +68,13 @@ function MessageSearchPannel(props) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: COMPONENT_CLASS_NAME
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(COMPONENT_CLASS_NAME, "__header")
+    className: `${COMPONENT_CLASS_NAME}__header`
   }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "".concat(COMPONENT_CLASS_NAME, "__header__title"),
+    className: `${COMPONENT_CLASS_NAME}__header__title`,
     type: LabelTypography.H_2,
     color: LabelColors.ONBACKGROUND_1
   }, stringSet.SEARCH_IN_CHANNEL), /*#__PURE__*/React__default.createElement(IconButton, {
-    className: "".concat(COMPONENT_CLASS_NAME, "__header__close-button"),
+    className: `${COMPONENT_CLASS_NAME}__header__close-button`,
     width: "32px",
     height: "32px",
     onClick: onCloseClick
@@ -86,22 +84,22 @@ function MessageSearchPannel(props) {
     width: "22px",
     height: "22px"
   }))), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(COMPONENT_CLASS_NAME, "__input")
+    className: `${COMPONENT_CLASS_NAME}__input`
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(COMPONENT_CLASS_NAME, "__input__container")
+    className: `${COMPONENT_CLASS_NAME}__input__container`
   }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: "".concat(COMPONENT_CLASS_NAME, "__input__container__search-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: "".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.createElement(Loader, {
-    className: "".concat(COMPONENT_CLASS_NAME, "__input__container__spinner"),
+    className: `${COMPONENT_CLASS_NAME}__input__container__spinner`,
     width: "20px",
     height: "20px"
   }, /*#__PURE__*/React__default.createElement(Icon, {
@@ -110,14 +108,14 @@ function MessageSearchPannel(props) {
     width: "20px",
     height: "20px"
   })), !loading && inputString && /*#__PURE__*/React__default.createElement(Icon, {
-    className: "".concat(COMPONENT_CLASS_NAME, "__input__container__reset-input-button"),
+    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: "".concat(COMPONENT_CLASS_NAME, "__message-search")
+    className: `${COMPONENT_CLASS_NAME}__message-search`
   }, /*#__PURE__*/React__default.createElement(MessageSearchProvider, {
     channelUrl: channelUrl,
     searchString: searchString,

package/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","createElement","className","concat","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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"}
+{"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 = 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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAMA,oBAAoB,GAAG,gCAAgC,CAAA;AAE7D,SAASC,mBAAmBA,CAACC,KAA+B,EAAe;EACzE,MAAM;IACJC,UAAU;IACVC,aAAa;IACbC,YAAY;IACZC,kBAAkB;IAClBC,sBAAsB;IACtBC,wBAAwB;IACxBC,yBAAyB;IACzBC,0BAA0B;AAC1BC,IAAAA,gBAAAA;AACF,GAAC,GAAGT,KAAK,CAAA;EAET,MAAM,CAACU,YAAY,EAAEC,eAAe,CAAC,GAAGC,QAAQ,CAAC,EAAE,CAAC,CAAA;EACpD,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGF,QAAQ,CAAC,EAAE,CAAC,CAAA;EAClD,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAGJ,QAAQ,CAAC,KAAK,CAAC,CAAA;EAC7C,MAAM;AAAEK,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;EAErD,IAAIC,OAAO,GAAG,IAAI,CAAA;AAClBC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAID,OAAO,EAAE;MACXE,YAAY,CAACF,OAAO,CAAC,CAAA;AACvB,KAAA;IACAA,OAAO,GAAGG,UAAU,CAAC,MAAM;MACzBZ,eAAe,CAACE,WAAW,CAAC,CAAA;MAC5BG,UAAU,CAAC,IAAI,CAAC,CAAA;AAChBI,MAAAA,OAAO,GAAG,IAAI,CAAA;KACf,EAAE,GAAG,CAAC,CAAA;AACT,GAAC,EAAE,CAACP,WAAW,CAAC,CAAC,CAAA;EAEjB,MAAMW,yBAAyB,GAAIC,CAAC,IAAK;AACvCX,IAAAA,cAAc,CAACW,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;GAC/B,CAAA;EAED,MAAMC,oBAAoB,GAAGA,MAAM;IACjCZ,UAAU,CAAC,KAAK,CAAC,CAAA;GAClB,CAAA;EAED,MAAMa,8BAA8B,GAAIJ,CAAC,IAAK;IAC5CA,CAAC,CAACK,eAAe,EAAE,CAAA;IACnBhB,cAAc,CAAC,EAAE,CAAC,CAAA;IAClBH,eAAe,CAAC,EAAE,CAAC,CAAA;GACpB,CAAA;EAED,oBACEoB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEnC,oBAAAA;GACdiC,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAG,GAAEnC,oBAAqB,CAAA,QAAA,CAAA;AAAU,GAAA,eAChDiC,cAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;IACJD,SAAS,EAAG,CAAEnC,EAAAA,oBAAqB,CAAiB,eAAA,CAAA;IACpDqC,IAAI,EAAEC,eAAe,CAACC,GAAI;IAC1BC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAElBvB,EAAAA,SAAS,CAACwB,iBACN,CAAC,eACRV,cAAA,CAAAC,aAAA,CAACU,UAAU,EAAA;IACTT,SAAS,EAAG,CAAEnC,EAAAA,oBAAqB,CAAwB,sBAAA,CAAA;AAC3D6C,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,OAAO,EAAE1C,YAAAA;AAAa,GAAA,eAEtB4B,cAAA,CAAAC,aAAA,CAACc,IAAI,EAAA;IACHX,IAAI,EAAEY,SAAS,CAACC,KAAM;IACtBC,SAAS,EAAEC,UAAU,CAACC,eAAgB;AACtCR,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GACd,CACS,CACT,CAAC,eACNb,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAG,GAAEnC,oBAAqB,CAAA,OAAA,CAAA;GACtCiC,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAG,GAAEnC,oBAAqB,CAAA,kBAAA,CAAA;AAAoB,GAAA,eACxDiC,cAAA,CAAAC,aAAA,CAACc,IAAI,EAAA;IACHb,SAAS,EAAG,CAAEnC,EAAAA,oBAAqB,CAAiC,+BAAA,CAAA;IACpEqC,IAAI,EAAEY,SAAS,CAACK,MAAO;IACvBH,SAAS,EAAEC,UAAU,CAACG,eAAgB;AACtCV,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GACd,CAAC,eACFb,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACEC,SAAS,EAAG,CAAEnC,EAAAA,oBAAqB,CAAgC,8BAAA,CAAA;IACnEwD,WAAW,EAAErC,SAAS,CAACmC,MAAO;AAC9BzB,IAAAA,KAAK,EAAEd,WAAY;AACnB0C,IAAAA,QAAQ,EAAE/B,yBAAAA;GACX,CAAC,EAEAX,WAAW,IAAIE,OAAO,iBACpBgB,cAAA,CAAAC,aAAA,CAACwB,MAAM,EAAA;IACLvB,SAAS,EAAG,CAAEnC,EAAAA,oBAAqB,CAA6B,2BAAA,CAAA;AAChE6C,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,eAEbb,cAAA,CAAAC,aAAA,CAACc,IAAI,EAAA;IACHX,IAAI,EAAEY,SAAS,CAACU,OAAQ;IACxBR,SAAS,EAAEC,UAAU,CAACQ,OAAQ;AAC9Bf,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GACd,CACK,CACT,EAGD,CAAC7B,OAAO,IAAIF,WAAW,iBACrBkB,cAAA,CAAAC,aAAA,CAACc,IAAI,EAAA;IACHb,SAAS,EAAG,CAAEnC,EAAAA,oBAAqB,CAAwC,sCAAA,CAAA;IAC3EqC,IAAI,EAAEY,SAAS,CAACY,MAAO;IACvBV,SAAS,EAAEC,UAAU,CAACG,eAAgB;AACtCV,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,OAAO,EAAEhB,8BAAAA;AAA+B,GACzC,CAGJ,CACF,CAAC,eACNE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAG,GAAEnC,oBAAqB,CAAA,gBAAA,CAAA;AAAkB,GAAA,eACxDiC,cAAA,CAAAC,aAAA,CAAC4B,qBAAqB,EAAA;AACpB3D,IAAAA,UAAU,EAAEA,UAAW;AACvBS,IAAAA,YAAY,EAAEA,YAAa;AAC3BR,IAAAA,aAAa,EAAEA,aAAc;AAC7B2D,IAAAA,cAAc,EAAEjC,oBAAqB;AACrCxB,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,eAEvC2B,cAAA,CAAAC,aAAA,CAAC8B,eAAa,EAAA;AACZzD,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,IAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,IAAAA,yBAAyB,EAAEA,yBAA0B;AACrDC,IAAAA,0BAA0B,EAAEA,0BAA2B;AACvDC,IAAAA,gBAAgB,EAAEA,gBAAAA;GACnB,CACoB,CACpB,CACF,CAAC,CAAA;AAEV;;;;"}

package/OpenChannel/components/FrozenChannelNotification.js

@@ -1,12 +1,14 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-3d8c0b24.js';
-import { L as Label, a as LabelTypography } from '../../index-cce0e324.js';
-import '../../stringSet-9d579825.js';
-import '../../index-aaa9b9f8.js';
+import { a as LocalizationContext } from '../../LocalizationContext-9c54e783.js';
+import { L as Label, a as LabelTypography } from '../../index-4111594a.js';
+import '../../stringSet-1f18348a.js';
+import '../../index-a9ddd0f5.js';
 import 'prop-types';
 
-var FrozenNotification = function () {
-  var stringSet = useContext(LocalizationContext).stringSet;
+const FrozenNotification = () => {
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-frozen-channel-notification"
   }, /*#__PURE__*/React__default.createElement(Label, {

package/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","createElement","className","Label","type","LabelTypography","CAPTION_2","CHANNEL_FROZEN"],"mappings":";;;;;;;AAOA,IAAMA,kBAAkB,GAAG,YAAA;AACjB,EAAA,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAmB,CAAC,UAApC,CAAA;EACjB,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,eACnDF,cAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;AACJD,IAAAA,SAAS,EAAC,4CAA4C;IACtDE,IAAI,EAAEC,eAAe,CAACC,SAAAA;AAAU,GAAA,EAE/BT,SAAS,CAACU,cAAc,CAE7B,CAAM,CAAA;AAEV;;;;"}
+{"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,UAAU,CAACC,mBAAmB,CAAC,CAAA;EACrD,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,eACnDF,cAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;AACJD,IAAAA,SAAS,EAAC,4CAA4C;IACtDE,IAAI,EAAEC,eAAe,CAACC,SAAAA;AAAU,GAAA,EAE/BT,SAAS,CAACU,cACN,CACJ,CAAC,CAAA;AAEV;;;;"}

package/OpenChannel/components/OpenChannelHeader.js

@@ -2,36 +2,41 @@ import React__default, { useContext } from 'react';
 import Avatar from '../../ui/Avatar.js';
 import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-cce0e324.js';
-import { a as LocalizationContext } from '../../LocalizationContext-3d8c0b24.js';
-import { u as useOpenChannelContext, k as kFormatter } from '../../OpenChannelProvider-36d0dd05.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-1348e37b.js';
-import '../../tslib.es6-d6e50ec3.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4111594a.js';
+import { a as LocalizationContext } from '../../LocalizationContext-9c54e783.js';
+import { u as useOpenChannelContext, k as kFormatter } from '../../OpenChannelProvider-fe3326aa.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-1988a4bc.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-86cb48e0.js';
+import '../../uuid-48baadaf.js';
 import 'prop-types';
-import '../../stringSet-9d579825.js';
-import '../../index-aaa9b9f8.js';
-import '../../index-95b46112.js';
-import '../../UserProfileContext-41938ddc.js';
-import '../../compareIds-88bffa50.js';
-import '../../topics-f9301447.js';
+import '../../_rollupPluginBabelHelpers-b2d9bfc5.js';
+import '../../stringSet-1f18348a.js';
+import '../../index-a9ddd0f5.js';
+import '../../index-f48cfdf7.js';
+import '../../UserProfileContext-a8aa4c0f.js';
+import '../../compareIds-1e0e668f.js';
+import '../../topics-d8d10f83.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 
 function OpenchannelConversationHeader() {
-  var stringSet = useContext(LocalizationContext).stringSet;
-  var _a = 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(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 = useMediaQueryContext().isMobile;
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
+  const {
+    currentOpenChannel,
+    onChatHeaderActionClick,
+    amIOperator,
+    onBackClick
+  } = useOpenChannelContext();
+  const title = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.name;
+  const subTitle = `${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
+  } = useMediaQueryContext();
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-openchannel-conversation-header"
   }, /*#__PURE__*/React__default.createElement("div", {

package/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","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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"}
+{"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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"}

package/OpenChannel/components/OpenChannelInput.js

@@ -1,47 +1,51 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-3d8c0b24.js';
+import { a as LocalizationContext } from '../../LocalizationContext-9c54e783.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-36d0dd05.js';
-import '../../stringSet-9d579825.js';
-import '../../index-aaa9b9f8.js';
-import '../../_rollupPluginBabelHelpers-79f64283.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-fe3326aa.js';
+import '../../stringSet-1f18348a.js';
+import '../../index-a9ddd0f5.js';
+import '../../_rollupPluginBabelHelpers-b2d9bfc5.js';
 import 'prop-types';
-import '../../const-2919bc87.js';
-import '../../const-df1daff9.js';
+import '../../const-6a07b718.js';
+import '../../const-5f722b91.js';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-d6e50ec3.js';
 import '../../ui/Button.js';
-import '../../index-cce0e324.js';
+import '../../index-4111594a.js';
 import 'dompurify';
-import '../../consts-f4362414.js';
+import '../../consts-d4c78cc0.js';
 import '../../ui/Icon.js';
-import '../../index-e378ca4e.js';
+import '../../index-dbe0e004.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../consts-1861f891.js';
-import '../../consts-0ea80430.js';
-import '../../tokenize-bd8e35b2.js';
-import '../../index-95b46112.js';
-import '../../UserProfileContext-41938ddc.js';
-import '../../compareIds-88bffa50.js';
-import '../../topics-f9301447.js';
+import '../../consts-aadaccca.js';
+import '../../consts-790ae3a9.js';
+import '../../tokenize-63d895d3.js';
+import '../../index-f48cfdf7.js';
+import '../../UserProfileContext-a8aa4c0f.js';
+import '../../compareIds-1e0e668f.js';
+import '../../topics-d8d10f83.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-86cb48e0.js';
+import '../../uuid-48baadaf.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 
-var MessageInputWrapper = function (props, ref) {
-  var _a = useOpenChannelContext(),
-    currentOpenChannel = _a.currentOpenChannel,
-    disabled = _a.disabled,
-    handleSendMessage = _a.handleSendMessage,
-    handleFileUpload = _a.handleFileUpload;
-  var channel = currentOpenChannel;
+const MessageInputWrapper = (props, ref) => {
+  const {
+    currentOpenChannel,
+    disabled,
+    handleSendMessage,
+    handleFileUpload
+  } = useOpenChannelContext();
+  const channel = currentOpenChannel;
   if (!channel) {
     return;
   }
-  var stringSet = useContext(LocalizationContext).stringSet;
-  var value = props.value;
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
+  const {
+    value
+  } = props;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-openchannel-footer"
   }, /*#__PURE__*/React__default.createElement(MessageInput, {