@sendbird/uikit-react 3.3.7 → 3.4.0-rc.0

package/MessageSearch/components/MessageSearchUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearchUI.js","sources":["../../../src/smart-components/MessageSearch/components/MessageSearchUI/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useMessageSearchContext } from '../../context/MessageSearchProvider';\n\nimport MessageSearchItem from '../../../../ui/MessageSearchItem';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport MessageSearchFileItem from '../../../../ui/MessageSearchFileItem';\nimport { ClientSentMessages } from '../../../../types';\n\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search';\n\nexport interface MessageSearchUIProps {\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderNoString?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n  renderSearchItem?(\n    {\n      message,\n      onResultClick,\n    }: {\n      message: ClientSentMessages,\n      onResultClick?: (message: ClientSentMessages) => void,\n    }\n  ): JSX.Element;\n}\n\nexport const MessageSearchUI: React.FC<MessageSearchUIProps> = ({\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n  renderPlaceHolderNoString,\n  renderPlaceHolderEmptyList,\n  renderSearchItem,\n}: MessageSearchUIProps) => {\n  const {\n    isInvalid,\n    searchString,\n    requestString,\n    currentChannel,\n    retryCount,\n    setRetryCount,\n    loading,\n    scrollRef,\n    hasMoreResult,\n    onScroll,\n    allMessages,\n    onResultClick,\n    selectedMessageId,\n    setSelectedMessageId,\n  } = useMessageSearchContext();\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n\n  const handleOnScroll = (e) => {\n    const scrollElement = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight - 1) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  const getChannelName = () => {\n    if (currentChannel && currentChannel?.name && currentChannel?.name !== 'Group Channel') {\n      return currentChannel?.name;\n    }\n    if (currentChannel && (currentChannel?.name === 'Group Channel' || !currentChannel?.name)) {\n      return currentChannel.members.map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n    return stringSet.NO_TITLE;\n  };\n\n  if (isInvalid && searchString && requestString) {\n    return renderPlaceHolderError?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.WRONG}\n          retryToConnect={handleRetryToConnect}\n        />\n      </div>\n    );\n  }\n\n  if (loading && searchString && requestString) {\n    return renderPlaceHolderLoading?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder type={PlaceHolderTypes.SEARCHING} />\n      </div>\n    );\n  }\n\n  if (!searchString) {\n    return renderPlaceHolderNoString?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.SEARCH_IN}\n          searchInString={getChannelName()}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={COMPONENT_CLASS_NAME}\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      {\n        (allMessages.length > 0)\n          ? (\n            allMessages.map((message) => {\n              if (renderSearchItem) {\n                return renderSearchItem({ message, onResultClick });\n              }\n              if (message.messageType === 'file') {\n                return (\n                  <MessageSearchFileItem\n                    className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                    message={message as FileMessage}\n                    key={message.messageId}\n                    selected={(selectedMessageId === message.messageId)}\n                    onClick={() => {\n                      onResultClick(message);\n                      setSelectedMessageId(message.messageId);\n                    }}\n                  />\n                );\n              }\n              return (\n                <MessageSearchItem\n                  className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                  message={message as UserMessage}\n                  key={message.messageId}\n                  selected={(selectedMessageId === message.messageId)}\n                  onClick={() => {\n                    onResultClick(message);\n                    setSelectedMessageId(message.messageId);\n                  }}\n                />\n              );\n            })\n          )\n          : renderPlaceHolderEmptyList?.() || (\n            <PlaceHolder type={PlaceHolderTypes.NO_RESULTS} />\n          )\n      }\n    </div>\n  );\n};\n\nexport default MessageSearchUI;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchUI","_a","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_b","useMessageSearchContext","isInvalid","searchString","requestString","currentChannel","retryCount","setRetryCount","loading","scrollRef","hasMoreResult","onScroll","allMessages","onResultClick","selectedMessageId","setSelectedMessageId","stringSet","useContext","LocalizationContext","handleRetryToConnect","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","concat","messageId","NO_RESULTS"],"mappings":"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"}
+{"version":3,"file":"MessageSearchUI.js","sources":["../../../src/smart-components/MessageSearch/components/MessageSearchUI/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useMessageSearchContext } from '../../context/MessageSearchProvider';\n\nimport MessageSearchItem from '../../../../ui/MessageSearchItem';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport MessageSearchFileItem from '../../../../ui/MessageSearchFileItem';\nimport { ClientSentMessages } from '../../../../types';\n\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search';\n\nexport interface MessageSearchUIProps {\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderNoString?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n  renderSearchItem?(\n    {\n      message,\n      onResultClick,\n    }: {\n      message: ClientSentMessages,\n      onResultClick?: (message: ClientSentMessages) => void,\n    }\n  ): JSX.Element;\n}\n\nexport const MessageSearchUI: React.FC<MessageSearchUIProps> = ({\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n  renderPlaceHolderNoString,\n  renderPlaceHolderEmptyList,\n  renderSearchItem,\n}: MessageSearchUIProps) => {\n  const {\n    isInvalid,\n    searchString,\n    requestString,\n    currentChannel,\n    retryCount,\n    setRetryCount,\n    loading,\n    scrollRef,\n    hasMoreResult,\n    onScroll,\n    allMessages,\n    onResultClick,\n    selectedMessageId,\n    setSelectedMessageId,\n  } = useMessageSearchContext();\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n\n  const handleOnScroll = (e) => {\n    const scrollElement = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight - 1) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  const getChannelName = () => {\n    if (currentChannel && currentChannel?.name && currentChannel?.name !== 'Group Channel') {\n      return currentChannel?.name;\n    }\n    if (currentChannel && (currentChannel?.name === 'Group Channel' || !currentChannel?.name)) {\n      return currentChannel.members.map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n    return stringSet.NO_TITLE;\n  };\n\n  if (isInvalid && searchString && requestString) {\n    return renderPlaceHolderError?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.WRONG}\n          retryToConnect={handleRetryToConnect}\n        />\n      </div>\n    );\n  }\n\n  if (loading && searchString && requestString) {\n    return renderPlaceHolderLoading?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder type={PlaceHolderTypes.SEARCHING} />\n      </div>\n    );\n  }\n\n  if (!searchString) {\n    return renderPlaceHolderNoString?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.SEARCH_IN}\n          searchInString={getChannelName()}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={COMPONENT_CLASS_NAME}\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      {\n        (allMessages.length > 0)\n          ? (\n            allMessages.map((message) => {\n              if (renderSearchItem) {\n                return renderSearchItem({ message, onResultClick });\n              }\n              if (message.messageType === 'file') {\n                return (\n                  <MessageSearchFileItem\n                    className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                    message={message as FileMessage}\n                    key={message.messageId}\n                    selected={(selectedMessageId === message.messageId)}\n                    onClick={() => {\n                      onResultClick(message);\n                      setSelectedMessageId(message.messageId);\n                    }}\n                  />\n                );\n              }\n              return (\n                <MessageSearchItem\n                  className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                  message={message as UserMessage}\n                  key={message.messageId}\n                  selected={(selectedMessageId === message.messageId)}\n                  onClick={() => {\n                    onResultClick(message);\n                    setSelectedMessageId(message.messageId);\n                  }}\n                />\n              );\n            })\n          )\n          : renderPlaceHolderEmptyList?.() || (\n            <PlaceHolder type={PlaceHolderTypes.NO_RESULTS} />\n          )\n      }\n    </div>\n  );\n};\n\nexport default MessageSearchUI;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchUI","_a","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_b","useMessageSearchContext","isInvalid","searchString","requestString","currentChannel","retryCount","setRetryCount","loading","scrollRef","hasMoreResult","onScroll","allMessages","onResultClick","selectedMessageId","setSelectedMessageId","stringSet","useContext","LocalizationContext","handleRetryToConnect","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","concat","messageId","NO_RESULTS"],"mappings":"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"}

package/MessageSearch/context.js

@@ -1,8 +1,8 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef } from 'react';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray } from '../tslib.es6-13412863.js';
+import { _ as __assign, a as __spreadArray } from '../tslib.es6-fc4a2658.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-b45d3824.js';
+import '../_rollupPluginBabelHelpers-09618dc3.js';
 
 var GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';
 var GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';

package/MessageSearch.js

@@ -1,27 +1,29 @@
 import React__default, { useState, useContext, useEffect } from 'react';
 import { MessageSearchUI } from './MessageSearch/components/MessageSearchUI.js';
-import { a as LocalizationContext } from './LocalizationContext-4c2faa9a.js';
+import { a as LocalizationContext } from './LocalizationContext-539093a9.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-e2994193.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-4a977e7d.js';
 import Loader from './ui/Loader.js';
 import { MessageSearchProvider } from './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';
-import './tslib.es6-13412863.js';
-import './index-8c38f9d0.js';
-import './index-a53d78b6.js';
-import './index-6d541758.js';
-import './index-30726ee1.js';
+import './tslib.es6-fc4a2658.js';
+import './index-620331eb.js';
+import './index-999fdb64.js';
+import './index-ed1f765b.js';
+import './index-4c6a2064.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-7a5e68ed.js';
-import './index-aecdd02c.js';
+import './uuid-6ca64623.js';
+import './index-eefaf935.js';
 import './ui/MessageSearchFileItem.js';
-import './stringSet-c2443946.js';
+import './index-bbab31f0.js';
+import './utils/message/getOutgoingMessageState.js';
+import './stringSet-f9763488.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-b45d3824.js';
+import './_rollupPluginBabelHelpers-09618dc3.js';
 
 var COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';
 

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","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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"}
+{"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,8 +1,8 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-4c2faa9a.js';
-import { L as Label, a as LabelTypography } from '../../index-e2994193.js';
-import '../../stringSet-c2443946.js';
-import '../../index-a53d78b6.js';
+import { a as LocalizationContext } from '../../LocalizationContext-539093a9.js';
+import { L as Label, a as LabelTypography } from '../../index-4a977e7d.js';
+import '../../stringSet-f9763488.js';
+import '../../index-999fdb64.js';
 import 'prop-types';
 
 var FrozenNotification = function () {

package/OpenChannel/components/OpenChannelHeader.js

@@ -2,25 +2,25 @@ 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-e2994193.js';
-import { a as LocalizationContext } from '../../LocalizationContext-4c2faa9a.js';
-import { u as useOpenChannelContext, k as kFormatter } from '../../OpenChannelProvider-e3137432.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-97a21b7e.js';
-import '../../tslib.es6-13412863.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4a977e7d.js';
+import { a as LocalizationContext } from '../../LocalizationContext-539093a9.js';
+import { u as useOpenChannelContext, k as kFormatter } from '../../OpenChannelProvider-5a54a791.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-79c8ad08.js';
+import '../../tslib.es6-fc4a2658.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-7a5e68ed.js';
+import '../../uuid-6ca64623.js';
 import 'prop-types';
-import '../../stringSet-c2443946.js';
-import '../../index-a53d78b6.js';
-import '../../index-8c38f9d0.js';
-import '../../UserProfileContext-e5d90f15.js';
-import '../../compareIds-df760ae2.js';
-import '../../topics-0ba43ee8.js';
+import '../../stringSet-f9763488.js';
+import '../../index-999fdb64.js';
+import '../../index-620331eb.js';
+import '../../UserProfileContext-bd8525b7.js';
+import '../../compareIds-a4557492.js';
+import '../../topics-1ec669f0.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b45d3824.js';
+import '../../_rollupPluginBabelHelpers-09618dc3.js';
 
 function OpenchannelConversationHeader() {
   var stringSet = useContext(LocalizationContext).stringSet;

package/OpenChannel/components/OpenChannelInput.js

@@ -1,29 +1,29 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-4c2faa9a.js';
+import { a as LocalizationContext } from '../../LocalizationContext-539093a9.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-e3137432.js';
-import '../../stringSet-c2443946.js';
-import '../../index-a53d78b6.js';
-import '../../_rollupPluginBabelHelpers-b45d3824.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-5a54a791.js';
+import '../../stringSet-f9763488.js';
+import '../../index-999fdb64.js';
+import '../../_rollupPluginBabelHelpers-09618dc3.js';
 import 'react-dom/server';
 import 'prop-types';
-import '../../const-11ae0dd9.js';
-import '../../const-c269fd32.js';
+import '../../const-ce447fcf.js';
+import '../../const-593595f5.js';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-13412863.js';
+import '../../tslib.es6-fc4a2658.js';
 import '../../ui/Button.js';
-import '../../index-e2994193.js';
+import '../../index-4a977e7d.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/Icon.js';
-import '../../index-425e5f17.js';
+import '../../index-bbab31f0.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../index-8c38f9d0.js';
-import '../../UserProfileContext-e5d90f15.js';
-import '../../compareIds-df760ae2.js';
-import '../../topics-0ba43ee8.js';
+import '../../index-620331eb.js';
+import '../../UserProfileContext-bd8525b7.js';
+import '../../compareIds-a4557492.js';
+import '../../topics-1ec669f0.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-7a5e68ed.js';
+import '../../uuid-6ca64623.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 
@@ -48,6 +48,7 @@ var MessageInputWrapper = function (props, ref) {
     ref: ref,
     value: value,
     disabled: disabled,
+    isVoiceMessageEnabled: false,
     onSendMessage: handleSendMessage,
     onFileUpload: handleFileUpload,
     placeholder: disabled && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED // add disabled because of muted state

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\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;;;;"}
+{"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        isVoiceMessageEnabled={false}\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,qBAAqB,EAAE,KAJzB;AAKE,IAAA,aAAa,EAAEC,iBALjB;AAME,IAAA,YAAY,EAAEC,gBANhB;AAOE,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACK,qCAFJ;;AAPb,GAAA,CADF,CADF,CAAA;AAiBD,CAjCD,CAAA;;AAmCA,uBAAA,aAAeD,cAAK,CAACE,UAAN,CAAiBhB,mBAAjB,CAAf;;;;"}

package/OpenChannel/components/OpenChannelMessage.js

@@ -1,55 +1,55 @@
 import React__default, { useContext, useMemo, useState, useRef } from 'react';
-import { f as format } from '../../index-8c38f9d0.js';
+import { f as format } from '../../index-620331eb.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-e2994193.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4a977e7d.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-4c2faa9a.js';
-import { _ as __assign } from '../../tslib.es6-13412863.js';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-e3137432.js';
+import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-539093a9.js';
+import { _ as __assign } from '../../tslib.es6-fc4a2658.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-5a54a791.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../index-a53d78b6.js';
-import '../../_rollupPluginBabelHelpers-b45d3824.js';
+import '../../index-999fdb64.js';
+import '../../_rollupPluginBabelHelpers-09618dc3.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
 import 'prop-types';
-import '../../uuid-7a5e68ed.js';
+import '../../uuid-6ca64623.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-425e5f17.js';
+import '../../index-bbab31f0.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../stringSet-c2443946.js';
+import '../../stringSet-f9763488.js';
 import '../../ui/IconButton.js';
 import '../../ui/Loader.js';
 import '../../ui/UserProfile.js';
-import '../../UserProfileContext-e5d90f15.js';
+import '../../UserProfileContext-bd8525b7.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-0ba43ee8.js';
-import '../../utils-87dce5dd.js';
+import '../../topics-1ec669f0.js';
+import '../../utils-c1d219fa.js';
 import '../../ui/Button.js';
-import '../../utils-dd13f89e.js';
-import '../../index-1f0b91f3.js';
-import '../../MediaQueryContext-97a21b7e.js';
-import '../../useLongPress-fbe83e54.js';
+import '../../utils-6c7dd397.js';
+import '../../index-9c2d0ccd.js';
+import '../../MediaQueryContext-79c8ad08.js';
+import '../../useLongPress-6fc8312a.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/Word.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/TextButton.js';
-import '../../color-1b42e49d.js';
+import '../../color-f2370c85.js';
 import 'react-dom/server';
-import '../../const-11ae0dd9.js';
-import '../../const-c269fd32.js';
+import '../../const-ce447fcf.js';
+import '../../const-593595f5.js';
 import '../../ui/MentionUserLabel.js';
-import '../../index-fd5a03a3.js';
-import '../../compareIds-df760ae2.js';
+import '../../index-b8e990b4.js';
+import '../../compareIds-a4557492.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../withSendbird.js';

package/OpenChannel/components/OpenChannelMessageList.js

@@ -1,43 +1,43 @@
 import React__default, { useRef, useState, useMemo } from 'react';
-import { i as isSameDay } from '../../index-30726ee1.js';
+import { i as isSameDay } from '../../index-4c6a2064.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-aecdd02c.js';
-import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-e3137432.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-eefaf935.js';
+import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-5a54a791.js';
 import MessagOpenChannelMessageeHoc from './OpenChannelMessage.js';
-import '../../index-8c38f9d0.js';
-import '../../index-a53d78b6.js';
+import '../../index-620331eb.js';
+import '../../index-999fdb64.js';
 import 'prop-types';
-import '../../tslib.es6-13412863.js';
-import '../../LocalizationContext-4c2faa9a.js';
-import '../../stringSet-c2443946.js';
-import '../../index-e2994193.js';
+import '../../tslib.es6-fc4a2658.js';
+import '../../LocalizationContext-539093a9.js';
+import '../../stringSet-f9763488.js';
+import '../../index-4a977e7d.js';
 import '../../ui/Loader.js';
-import '../../UserProfileContext-e5d90f15.js';
-import '../../compareIds-df760ae2.js';
-import '../../topics-0ba43ee8.js';
+import '../../UserProfileContext-bd8525b7.js';
+import '../../compareIds-a4557492.js';
+import '../../topics-1ec669f0.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-7a5e68ed.js';
+import '../../uuid-6ca64623.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b45d3824.js';
+import '../../_rollupPluginBabelHelpers-09618dc3.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-425e5f17.js';
+import '../../index-bbab31f0.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/IconButton.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-87dce5dd.js';
+import '../../utils-c1d219fa.js';
 import '../../ui/Button.js';
-import '../../utils-dd13f89e.js';
-import '../../index-1f0b91f3.js';
-import '../../MediaQueryContext-97a21b7e.js';
-import '../../useLongPress-fbe83e54.js';
+import '../../utils-6c7dd397.js';
+import '../../index-9c2d0ccd.js';
+import '../../MediaQueryContext-79c8ad08.js';
+import '../../useLongPress-6fc8312a.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
@@ -46,15 +46,15 @@ import '../../ui/MentionLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-1b42e49d.js';
+import '../../color-f2370c85.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/MessageInput.js';
 import 'react-dom/server';
-import '../../const-11ae0dd9.js';
-import '../../const-c269fd32.js';
+import '../../const-ce447fcf.js';
+import '../../const-593595f5.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/FileViewer.js';
-import '../../index-fd5a03a3.js';
+import '../../index-b8e990b4.js';
 import '../../ui/Modal.js';
 
 function OpenchannelMessageList(props, ref) {

package/OpenChannel/components/OpenChannelUI.js

@@ -1,41 +1,41 @@
 import React__default from 'react';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-e3137432.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-5a54a791.js';
 import OpenChannelInput from './OpenChannelInput.js';
 import FrozenNotification from './FrozenChannelNotification.js';
 import OpenchannelConversationHeader from './OpenChannelHeader.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-aecdd02c.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-eefaf935.js';
 import OpenChannelMessageList from './OpenChannelMessageList.js';
-import '../../index-8c38f9d0.js';
-import '../../index-a53d78b6.js';
-import '../../UserProfileContext-e5d90f15.js';
+import '../../index-620331eb.js';
+import '../../index-999fdb64.js';
+import '../../UserProfileContext-bd8525b7.js';
 import 'prop-types';
-import '../../tslib.es6-13412863.js';
-import '../../compareIds-df760ae2.js';
-import '../../topics-0ba43ee8.js';
+import '../../tslib.es6-fc4a2658.js';
+import '../../compareIds-a4557492.js';
+import '../../topics-1ec669f0.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-7a5e68ed.js';
+import '../../uuid-6ca64623.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b45d3824.js';
-import '../../LocalizationContext-4c2faa9a.js';
-import '../../stringSet-c2443946.js';
+import '../../_rollupPluginBabelHelpers-09618dc3.js';
+import '../../LocalizationContext-539093a9.js';
+import '../../stringSet-f9763488.js';
 import '../../ui/MessageInput.js';
 import 'react-dom/server';
-import '../../const-11ae0dd9.js';
-import '../../const-c269fd32.js';
+import '../../const-ce447fcf.js';
+import '../../const-593595f5.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../index-e2994193.js';
+import '../../index-4a977e7d.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/Icon.js';
-import '../../index-425e5f17.js';
+import '../../index-bbab31f0.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../MediaQueryContext-97a21b7e.js';
+import '../../MediaQueryContext-79c8ad08.js';
 import '../../ui/Loader.js';
-import '../../index-30726ee1.js';
+import '../../index-4c6a2064.js';
 import './OpenChannelMessage.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/ContextMenu.js';
@@ -43,10 +43,10 @@ import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-87dce5dd.js';
-import '../../utils-dd13f89e.js';
-import '../../index-1f0b91f3.js';
-import '../../useLongPress-fbe83e54.js';
+import '../../utils-c1d219fa.js';
+import '../../utils-6c7dd397.js';
+import '../../index-9c2d0ccd.js';
+import '../../useLongPress-6fc8312a.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
@@ -55,10 +55,10 @@ import '../../ui/MentionLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-1b42e49d.js';
+import '../../color-f2370c85.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/FileViewer.js';
-import '../../index-fd5a03a3.js';
+import '../../index-b8e990b4.js';
 import '../../ui/Modal.js';
 
 var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';

package/OpenChannel/context.js

@@ -1,16 +1,16 @@
 import 'react';
-export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-e3137432.js';
-import '../UserProfileContext-e5d90f15.js';
-import '../topics-0ba43ee8.js';
+export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-5a54a791.js';
+import '../UserProfileContext-bd8525b7.js';
+import '../topics-1ec669f0.js';
 import '../useSendbirdStateContext.js';
-import '../index-8c38f9d0.js';
-import '../index-a53d78b6.js';
-import '../tslib.es6-13412863.js';
-import '../compareIds-df760ae2.js';
+import '../index-620331eb.js';
+import '../index-999fdb64.js';
+import '../tslib.es6-fc4a2658.js';
+import '../compareIds-a4557492.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../uuid-7a5e68ed.js';
+import '../uuid-6ca64623.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-b45d3824.js';
+import '../_rollupPluginBabelHelpers-09618dc3.js';
 //# sourceMappingURL=context.js.map