@sendbird/uikit-react 3.1.3 → 3.2.0-rc.1

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: ({ 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          ...messageSearchQuery,\n          order: MessageSearchOrder.TIMESTAMP,\n          channelUrl,\n          messageTimestampFrom: currentChannel.invitedAt,\n          keyword: requestString,\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: ({ 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","initialized","_a","messages","createdQuery","channelUrl","currentMessageSearchQuery","key","loading","isInvalid","allMessages","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","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/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: ({ 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          ...messageSearchQuery,\n          order: MessageSearchOrder.TIMESTAMP,\n          channelUrl,\n          messageTimestampFrom: currentChannel.invitedAt,\n          keyword: requestString,\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: ({ 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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"}

package/MessageSearch.js

@@ -1,27 +1,27 @@
 import React__default, { useState, useContext, useEffect } from 'react';
 import { MessageSearchUI } from './MessageSearch/components/MessageSearchUI.js';
-import { a as LocalizationContext } from './LocalizationContext-5b475a64.js';
+import { a as LocalizationContext } from './LocalizationContext-10829cf3.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-e028fd23.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-7b043ab9.js';
 import Loader from './ui/Loader.js';
 import { MessageSearchProvider } from './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';
-import './tslib.es6-72a2f141.js';
-import './index-4400a360.js';
-import './index-25496c01.js';
-import './index-952d5f9b.js';
-import './index-2f85a795.js';
+import './tslib.es6-4faaa58d.js';
+import './index-3ddec9e9.js';
+import './index-940576d8.js';
+import './index-00b281a3.js';
+import './index-8bd6c997.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-8a4db02f.js';
-import './index-7a790c96.js';
+import './uuid-4521c466.js';
+import './index-ed8e5d48.js';
 import './ui/MessageSearchFileItem.js';
-import './stringSet-c4a61372.js';
-import './_rollupPluginBabelHelpers-b2b008c2.js';
+import './stringSet-804c49f3.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
+import './_rollupPluginBabelHelpers-22c28a74.js';
 
 var COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';
 
@@ -62,15 +62,15 @@ function MessageSearchPannel(props) {
     }, 500);
   }, [inputString]);
 
-  var handleOnChangeInputString = function handleOnChangeInputString(e) {
+  var handleOnChangeInputString = function (e) {
     setInputString(e.target.value);
   };
 
-  var handleOnResultLoaded = function handleOnResultLoaded() {
+  var handleOnResultLoaded = function () {
     setLoading(false);
   };
 
-  var handleOnClickResetStringButton = function handleOnClickResetStringButton(e) {
+  var handleOnClickResetStringButton = function (e) {
     e.stopPropagation();
     setInputString('');
     setSearchString('');

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","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","SPINNER","PRIMARY","REMOVE","MessageSearch"],"mappings":"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"}
+{"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","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","SPINNER","PRIMARY","REMOVE","MessageSearch"],"mappings":"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"}

package/OpenChannel/components/FrozenChannelNotification.js

@@ -1,12 +1,11 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
-import { L as Label, a as LabelTypography } from '../../index-e028fd23.js';
-import '../../stringSet-c4a61372.js';
-import '../../index-25496c01.js';
-import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import { a as LocalizationContext } from '../../LocalizationContext-10829cf3.js';
+import { L as Label, a as LabelTypography } from '../../index-7b043ab9.js';
+import '../../stringSet-804c49f3.js';
+import '../../index-940576d8.js';
 import 'prop-types';
 
-var FrozenNotification = function FrozenNotification() {
+var FrozenNotification = function () {
   var stringSet = useContext(LocalizationContext).stringSet;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-frozen-channel-notification"

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

package/OpenChannel/components/OpenChannelHeader.js

@@ -2,27 +2,25 @@ import React__default, { useContext } from 'react';
 import Avatar from '../../ui/Avatar.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-e028fd23.js';
-import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
-import { u as useOpenChannelContext, k as kFormatter } from '../../OpenChannelProvider-f5d504ec.js';
-import '../../tslib.es6-72a2f141.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-7b043ab9.js';
+import { a as LocalizationContext } from '../../LocalizationContext-10829cf3.js';
+import { u as useOpenChannelContext, k as kFormatter } from '../../OpenChannelProvider-b360d5fe.js';
+import '../../tslib.es6-4faaa58d.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-8a4db02f.js';
-import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../../uuid-4521c466.js';
 import 'prop-types';
-import '../../stringSet-c4a61372.js';
-import '../../index-25496c01.js';
-import '../../index-4400a360.js';
-import '../../UserProfileContext-a2483e23.js';
-import '../../compareIds-9455ecb0.js';
-import '../../topics-851d221c.js';
-import '../../sendbird-21239b88.js';
-import '../../__bundle-6316ce22-63d15802.js';
-import '../../__bundle-fbda47dd-b1c87af3.js';
-import '../../openChannel-825f8e93.js';
-import '../../__bundle-7dfccc8c-d5c3938c.js';
+import '../../stringSet-804c49f3.js';
+import '../../index-940576d8.js';
+import '../../index-3ddec9e9.js';
+import '../../UserProfileContext-beacab28.js';
+import '../../compareIds-332d261c.js';
+import '../../topics-24c0f724.js';
+import '@sendbird/chat';
+import '../../openChannel-2aef0cd5.js';
+import '../../__bundle-c41dd401-d4ab6c10.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-22c28a74.js';
 
 function OpenchannelConversationHeader() {
   var stringSet = useContext(LocalizationContext).stringSet;

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';\n\nexport default function OpenchannelConversationHeader(): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    currentOpenChannel,\n    onChatHeaderActionClick,\n    amIOperator,\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\n  return (\n    <div className=\"sendbird-openchannel-conversation-header\">\n      <div className=\"sendbird-openchannel-conversation-header__left\">\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","title","name","subTitle","kFormatter","participantCount","OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS","coverImage","coverUrl","React","width","height","IconTypes","CHANNELS","IconColors","CONTENT","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","INFO","MEMBERS","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;SAYwBA;AACd,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;;AACF,MAAAC,KAIFC,qBAAqB,EAJnB;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,uBAAuB,6BAFnB;AAAA,MAGJC,WAAW,iBAHP;;AAKN,MAAMC,KAAK,GAAGH,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEI,IAAlC;AACA,MAAMC,QAAQ,GAAG,SAAA,CAAGC,UAAU,CAACN,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEO,gBAArB,CAAb,KAAA,QAAA,CAAuDZ,SAAS,CAACa,6CAAjE,CAAjB;AACA,MAAMC,UAAU,GAAGT,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEU,QAAvC;AAEA,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,KAEIF,UAAU,gBACRE,6BAAC,MAAD;AACE,IAAA,SAAS,EAAC,6DADZ;AAEE,IAAA,GAAG,EAAEF,UAFP;AAGE,IAAA,GAAG,EAAC,qBAHN;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,IADQ,gBASRE;AACE,IAAA,SAAS,EAAC,mEADZ;AAEE,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE,EAAT;AAAaC,MAAAA,MAAM,EAAE;AAArB;AAFT,kBAIEF,6BAAC,IAAD;AACE,IAAA,IAAI,EAAEG,SAAS,CAACC,QADlB;AAEE,IAAA,SAAS,EAAEC,UAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC;AAJT,IAJF,CAXN,eAwBEN,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,uDADZ;AAEE,IAAA,IAAI,EAAEO,eAAe,CAACC,GAFxB;AAGE,IAAA,KAAK,EAAEC,WAAW,CAACC;AAHrB,KAKGlB,KAAK,IAAIR,SAAS,CAAC2B,QALtB,CAxBF,eA+BEX,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,2DADZ;AAEE,IAAA,IAAI,EAAEO,eAAe,CAACK,MAFxB;AAGE,IAAA,KAAK,EAAEH,WAAW,CAACI;AAHrB,KAKGnB,QAAQ,IAAIV,SAAS,CAAC2B,QALzB,CA/BF,CADF,eAwCEX;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,UAAD;AACE,IAAA,SAAS,EAAC,0DADZ;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,OAAO,EAAEV;AAJX,kBAMEU,6BAAC,IAAD;AACE,IAAA,IAAI,EACFT,WAAW,GACTY,SAAS,CAACW,IADD,GAETX,SAAS,CAACY,OAJhB;AAME,IAAA,SAAS,EAAEV,UAAU,CAACW,OANxB;AAOE,IAAA,KAAK,EAAC,MAPR;AAQE,IAAA,MAAM,EAAC;AART,IANF,CADF,CAxCF,CADF;AA8DD;;;;"}
+{"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';\n\nexport default function OpenchannelConversationHeader(): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    currentOpenChannel,\n    onChatHeaderActionClick,\n    amIOperator,\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\n  return (\n    <div className=\"sendbird-openchannel-conversation-header\">\n      <div className=\"sendbird-openchannel-conversation-header__left\">\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","title","name","subTitle","concat","kFormatter","participantCount","OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS","coverImage","coverUrl","React","width","height","IconTypes","CHANNELS","IconColors","CONTENT","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","INFO","MEMBERS","PRIMARY"],"mappings":"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"}

package/OpenChannel/components/OpenChannelInput.js

@@ -1,34 +1,33 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
+import { a as LocalizationContext } from '../../LocalizationContext-10829cf3.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-f5d504ec.js';
-import '../../stringSet-c4a61372.js';
-import '../../index-25496c01.js';
-import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-b360d5fe.js';
+import '../../stringSet-804c49f3.js';
+import '../../index-940576d8.js';
+import '../../_rollupPluginBabelHelpers-22c28a74.js';
+import 'react-dom/server';
 import 'prop-types';
-import '../../const-71ceda85.js';
-import '../../const-7867ac6a.js';
+import '../../const-03293011.js';
+import '../../const-78e336dd.js';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-72a2f141.js';
-import '../../index-16e14c17.js';
-import '../../index-e028fd23.js';
+import '../../tslib.es6-4faaa58d.js';
+import '../../ui/Button.js';
+import '../../index-7b043ab9.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/Icon.js';
-import '../../index-24a5ab49.js';
-import '../../index-4400a360.js';
-import '../../UserProfileContext-a2483e23.js';
-import '../../compareIds-9455ecb0.js';
-import '../../topics-851d221c.js';
-import '../../sendbird-21239b88.js';
-import '../../__bundle-6316ce22-63d15802.js';
-import '../../__bundle-fbda47dd-b1c87af3.js';
-import '../../openChannel-825f8e93.js';
-import '../../__bundle-7dfccc8c-d5c3938c.js';
-import '../../uuid-8a4db02f.js';
+import '../../index-46beca69.js';
+import '../../index-3ddec9e9.js';
+import '../../UserProfileContext-beacab28.js';
+import '../../compareIds-332d261c.js';
+import '../../topics-24c0f724.js';
+import '@sendbird/chat';
+import '../../openChannel-2aef0cd5.js';
+import '../../__bundle-c41dd401-d4ab6c10.js';
+import '../../uuid-4521c466.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 
-var MessageInputWrapper = function MessageInputWrapper(props, ref) {
+var MessageInputWrapper = function (props, ref) {
   var _a = useOpenChannelContext(),
       currentOpenChannel = _a.currentOpenChannel,
       disabled = _a.disabled,
@@ -42,10 +41,12 @@ var MessageInputWrapper = function MessageInputWrapper(props, ref) {
   }
 
   var stringSet = useContext(LocalizationContext).stringSet;
+  var value = props.value;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-openchannel-footer"
   }, /*#__PURE__*/React__default.createElement(MessageInput, {
     ref: ref,
+    value: value,
     disabled: disabled,
     onSendMessage: handleSendMessage,
     onFileUpload: handleFileUpload,

package/OpenChannel/components/OpenChannelInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelInput.js","sources":["../../../src/smart-components/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nconst MessageInputWrapper = (props, ref: React.RefObject<HTMLInputElement>): JSX.Element => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n  if (!channel) {\n    return;\n  }\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        ref={ref}\n        disabled={disabled}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={(\n          disabled\n          && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED\n          // add disabled because of muted state\n        )}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","_a","useOpenChannelContext","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","channel","stringSet","useContext","LocalizationContext","React","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAQC,GAAR;AACpB,MAAAC,KAKFC,qBAAqB,EALnB;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,QAAQ,cAFJ;AAAA,MAGJC,iBAAiB,uBAHb;AAAA,MAIJC,gBAAgB,sBAJZ;;AAON,MAAMC,OAAO,GAAGJ,kBAAhB;;AACA,MAAI,CAACI,OAAL,EAAc;AACZ;AACD;;AAEO,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AAER,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,YAAD;AACE,IAAA,GAAG,EAAEX,GADP;AAEE,IAAA,QAAQ,EAAEI,QAFZ;AAGE,IAAA,aAAa,EAAEC,iBAHjB;AAIE,IAAA,YAAY,EAAEC,gBAJhB;AAKE,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACI,qCAFJ;;AALb,IADF,CADF;AAeD,CA9BD;;AAgCA,oCAAeD,cAAK,CAACE,UAAN,CAAiBf,mBAAjB,CAAf;;;;"}
+{"version":3,"file":"OpenChannelInput.js","sources":["../../../src/smart-components/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n};\n\nconst MessageInputWrapper = (props: MessageInputWrapperProps, ref: React.RefObject<HTMLInputElement>): JSX.Element => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n  if (!channel) {\n    return;\n  }\n\n  const { stringSet } = useContext(LocalizationContext);\n  const { value } = props;\n\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        ref={ref}\n        value={value}\n        disabled={disabled}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={(\n          disabled\n          && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED\n          // add disabled because of muted state\n        )}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","_a","useOpenChannelContext","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","channel","stringSet","useContext","LocalizationContext","value","React","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,mBAAmB,GAAG,UAACC,KAAD,EAAkCC,GAAlC,EAAwE;EAC5F,IAAAC,EAKF,GAAAC,qBAAqB,EALnB;AAAA,MACJC,kBAAkB,GAAAF,EAAA,CAAAE,kBADd;AAAA,MAEJC,QAAQ,GAAAH,EAAA,CAAAG,QAFJ;AAAA,MAGJC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAHb;AAAA,MAIJC,gBAAgB,sBAJZ,CAAA;;EAON,IAAMC,OAAO,GAAGJ,kBAAhB,CAAA;;EACA,IAAI,CAACI,OAAL,EAAc;AACZ,IAAA,OAAA;AACD,GAAA;;AAEO,EAAA,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;AACA,EAAA,IAAAC,KAAK,GAAKZ,KAAK,CAAAY,KAAf,CAAA;EAER,oBACEC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,6BAAA;AAAf,GAAA,eACEA,6BAAC,YAAD,EAAA;AACE,IAAA,GAAG,EAAEZ,GADP;AAEE,IAAA,KAAK,EAAEW,KAFT;AAGE,IAAA,QAAQ,EAAEP,QAHZ;AAIE,IAAA,aAAa,EAAEC,iBAJjB;AAKE,IAAA,YAAY,EAAEC,gBALhB;AAME,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACK,qCAFJ;;AANb,GAAA,CADF,CADF,CAAA;AAgBD,CAhCD,CAAA;;AAkCA,uBAAA,aAAeD,cAAK,CAACE,UAAN,CAAiBhB,mBAAjB,CAAf;;;;"}

package/OpenChannel/components/OpenChannelMessage.js

@@ -1,55 +1,56 @@
 import React__default, { useContext, useMemo, useState, useRef } from 'react';
-import { f as format } from '../../index-4400a360.js';
+import { f as format } from '../../index-3ddec9e9.js';
 import OpenchannelUserMessage from '../../ui/OpenchannelUserMessage.js';
 import OpenChannelAdminMessage from '../../ui/OpenChannelAdminMessage.js';
 import OpenchannelOGMessage from '../../ui/OpenchannelOGMessage.js';
 import OpenchannelThumbnailMessage from '../../ui/OpenchannelThumbnailMessage.js';
 import OpenchannelFileMessage from '../../ui/OpenchannelFileMessage.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e028fd23.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-7b043ab9.js';
 import MessageInput from '../../ui/MessageInput.js';
 import FileViewer from '../../ui/FileViewer.js';
 import Modal from '../../ui/Modal.js';
-import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-5b475a64.js';
-import { _ as __assign } from '../../tslib.es6-72a2f141.js';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-f5d504ec.js';
+import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-10829cf3.js';
+import { _ as __assign } from '../../tslib.es6-4faaa58d.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-b360d5fe.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../index-25496c01.js';
+import '../../index-940576d8.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../../uuid-8a4db02f.js';
+import '../../uuid-4521c466.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-24a5ab49.js';
-import '../../stringSet-c4a61372.js';
+import '../../index-46beca69.js';
+import '../../stringSet-804c49f3.js';
 import '../../ui/IconButton.js';
 import '../../ui/Loader.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-22c28a74.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-851d221c.js';
-import '../../utils-2c4d166e.js';
-import '../../index-16e14c17.js';
-import '../../UserProfileContext-a2483e23.js';
-import '../../utils-12da1022.js';
-import '../../openChannelUtils-f64223c9.js';
+import '../../topics-24c0f724.js';
+import '../../utils-32938255.js';
+import '../../ui/Button.js';
+import '../../UserProfileContext-beacab28.js';
+import '../../utils-28acb86e.js';
+import '../../openChannelUtils-d27d1e28.js';
 import '../../ui/LinkLabel.js';
+import '../../ui/Word.js';
+import '../../ui/MentionLabel.js';
 import '../../ui/TextButton.js';
-import '../../color-83cfc07a.js';
-import '../../const-71ceda85.js';
-import '../../const-7867ac6a.js';
+import '../../color-fff21001.js';
+import 'react-dom/server';
+import '../../const-03293011.js';
+import '../../const-78e336dd.js';
 import '../../ui/MentionUserLabel.js';
-import '../../index-1086dd43.js';
-import '../../compareIds-9455ecb0.js';
-import '../../sendbird-21239b88.js';
-import '../../__bundle-6316ce22-63d15802.js';
-import '../../__bundle-fbda47dd-b1c87af3.js';
-import '../../openChannel-825f8e93.js';
-import '../../__bundle-7dfccc8c-d5c3938c.js';
+import '../../index-5e788130.js';
+import '../../compareIds-332d261c.js';
+import '@sendbird/chat';
+import '../../openChannel-2aef0cd5.js';
+import '../../__bundle-c41dd401-d4ab6c10.js';
 
 function RemoveMessageModal(_a) {
   var onCloseModal = _a.onCloseModal,
@@ -68,10 +69,10 @@ var SUPPORTED_MIMES = {
   IMAGE: ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/svg+xml', 'image/webp'],
   VIDEO: ['video/mpeg', 'video/ogg', 'video/webm', 'video/mp4']
 };
-var isImage = function isImage(type) {
+var isImage = function (type) {
   return SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;
 };
-var isVideo = function isVideo(type) {
+var isVideo = function (type) {
   return SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;
 };
 __assign({}, SUPPORTED_MIMES);
@@ -90,7 +91,7 @@ var SendingMessageStatus = {
   FAILED: 'failed',
   PENDING: 'pending'
 };
-var getMessageType = function getMessageType(message) {
+var getMessageType = function (message) {
   var _a, _b;
 
   if (((_a = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _a === void 0 ? void 0 : _a.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
@@ -178,13 +179,13 @@ function MessagOpenChannelMessageeHoc(props) {
       ref: editMessageInputRef,
       message: message,
       name: message === null || message === void 0 ? void 0 : message.messageId,
-      onUpdateMessage: function onUpdateMessage(_a) {
+      onUpdateMessage: function (_a) {
         var messageId = _a.messageId,
             message = _a.message;
         updateMessage(messageId, message);
         setShowEdit(false);
       },
-      onCancelEdit: function onCancelEdit() {
+      onCancelEdit: function () {
         setShowEdit(false);
       }
     });
@@ -279,20 +280,20 @@ function MessagOpenChannelMessageeHoc(props) {
     //   <OpenChannelUnknownMessage message={message} />
     // );
   }(), _a)[getMessageType(message)], showRemove && /*#__PURE__*/React__default.createElement(RemoveMessageModal, {
-    onCloseModal: function onCloseModal() {
+    onCloseModal: function () {
       return setShowRemove(false);
     },
-    onDeleteMessage: function onDeleteMessage() {
+    onDeleteMessage: function () {
       if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
         deleteMessage(message);
       }
     }
   }), showFileViewer && (message === null || message === void 0 ? void 0 : message.messageType) === 'file' && /*#__PURE__*/React__default.createElement(FileViewer, {
-    onClose: function onClose() {
+    onClose: function () {
       return setShowFileViewer(false);
     },
     message: message,
-    onDelete: function onDelete() {
+    onDelete: function () {
       return deleteMessage(message);
     },
     isByMe: isByMe