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

package/App.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Sendbird from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './MediaQueryContext-97a21b7e.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-79c8ad08.js';
 import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
@@ -9,26 +9,30 @@ import MessageSearchPannel from './MessageSearch.js';
 import Thread from './Thread.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './uuid-7a5e68ed.js';
-import './_rollupPluginBabelHelpers-b45d3824.js';
+import { u as uuidv4 } from './uuid-6ca64623.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-d2d25dac.js';
+import './_rollupPluginBabelHelpers-09618dc3.js';
 import './withSendbird.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './actionTypes-c69daac1.js';
-import './index-425e5f17.js';
-import './tslib.es6-13412863.js';
+import './actionTypes-0dd0c34b.js';
+import './index-bbab31f0.js';
+import './tslib.es6-fc4a2658.js';
 import './utils/message/getOutgoingMessageState.js';
 import 'css-vars-ponyfill';
-import './LocalizationContext-4c2faa9a.js';
-import './stringSet-c2443946.js';
-import './index-a53d78b6.js';
-import './ChannelListProvider-eb4708a3.js';
-import './topics-0ba43ee8.js';
-import './utils-87dce5dd.js';
-import './UserProfileContext-e5d90f15.js';
+import './VoiceRecorder/context.js';
+import './lame.all.js';
+import './index-60d3992b.js';
+import './LocalizationContext-539093a9.js';
+import './stringSet-f9763488.js';
+import './index-999fdb64.js';
+import './ChannelListProvider-3c78429f.js';
+import './topics-1ec669f0.js';
+import './utils-c1d219fa.js';
+import './UserProfileContext-bd8525b7.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './index-e2994193.js';
+import './index-4a977e7d.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
@@ -36,12 +40,12 @@ import './ChannelList/components/AddChannel.js';
 import './ui/IconButton.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-ed2e3cb4.js';
+import './CreateChannelProvider-946fb371.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-fd5a03a3.js';
+import './index-b8e990b4.js';
 import './ui/Button.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
@@ -52,43 +56,44 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-87d19647.js';
+import './utils-2570c397.js';
 import './ui/Badge.js';
-import './index-aa4edbe2.js';
-import './index-8c38f9d0.js';
+import './index-daccde5e.js';
+import './index-620331eb.js';
 import './ui/Loader.js';
-import './index-6d541758.js';
-import './index-30726ee1.js';
+import './index-ed1f765b.js';
+import './index-4c6a2064.js';
 import './ui/MentionUserLabel.js';
 import './ui/TextButton.js';
-import './color-1b42e49d.js';
+import './color-f2370c85.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-1e540c0e.js';
-import './compareIds-df760ae2.js';
-import './const-c269fd32.js';
+import './ChannelProvider-1d70b8a0.js';
+import './compareIds-a4557492.js';
+import './const-593595f5.js';
 import '@sendbird/chat/message';
 import './ui/ReactionButton.js';
-import './useLongPress-fbe83e54.js';
+import './useLongPress-6fc8312a.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-6491c190.js';
+import './index-4b51e7af.js';
 import './ui/Input.js';
-import './index-aecdd02c.js';
+import './index-eefaf935.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './utils-9c95a786.js';
+import './utils-8c242c8c.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-11ae0dd9.js';
-import './ThreadProvider-a1413f01.js';
+import './const-ce447fcf.js';
+import './ThreadProvider-9f8652df.js';
 import './Thread/context/types.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
 import 'react-dom/server';
 import './ui/MessageContent.js';
 import './ui/MessageItemMenu.js';
+import './types-e86f9fca.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/EmojiReactions.js';
 import './ui/Tooltip.js';
@@ -106,12 +111,19 @@ import './ui/UnknownMessageItemBody.js';
 import './ui/QuoteMessage.js';
 import './ui/BottomSheet.js';
 import './ui/ThreadReplies.js';
+import './ui/VoiceMessageItemBody.js';
+import './ui/ProgressBar.js';
+import './VoicePlayer/useVoicePlayer.js';
+import './ui/PlaybackTime.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
 import './Channel/components/FrozenNotification.js';
 import './Channel/components/UnreadCount.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
+import './VoiceMessageInputWrapper-b149ff89.js';
+import './VoiceRecorder/useVoiceRecorder.js';
+import './index-7b5efb26.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
@@ -119,9 +131,9 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-2c35a852.js';
+import './context-95839b09.js';
 import './ChannelSettings/components/UserListItem.js';
-import './MemberList-6483a7db.js';
+import './MemberList-1350e670.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -130,7 +142,7 @@ import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './RemoveMessageModal-0baf3553.js';
+import './RemoveMessageModal-cd536405.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/FileViewer.js';
 import './Thread/components/ThreadHeader.js';
@@ -512,6 +524,8 @@ function App(props) {
     config = {},
     isReactionEnabled,
     isMentionEnabled,
+    isVoiceMessageEnabled,
+    voiceRecord,
     replyType,
     isMessageGroupingEnabled,
     colorSet,
@@ -549,6 +563,8 @@ function App(props) {
     imageCompression: imageCompression,
     isReactionEnabled: isReactionEnabled,
     isMentionEnabled: isMentionEnabled,
+    isVoiceMessageEnabled: isVoiceMessageEnabled,
+    voiceRecord: voiceRecord,
     onUserProfileMessage: channel => {
       setCurrentChannel(channel);
     },
@@ -602,6 +618,11 @@ App.propTypes = {
   }),
   disableAutoSelect: PropTypes.bool,
   isMentionEnabled: PropTypes.bool,
+  isVoiceMessageEnabled: PropTypes.bool,
+  voiceRecord: PropTypes.shape({
+    maxRecordingTime: PropTypes.number,
+    minRecordingTime: PropTypes.number
+  }),
   isTypingIndicatorEnabledOnChannelList: PropTypes.bool,
   isMessageReceiptStatusEnabledOnChannelList: PropTypes.bool
 };
@@ -624,6 +645,11 @@ App.defaultProps = {
   config: {},
   isReactionEnabled: true,
   isMentionEnabled: false,
+  isVoiceMessageEnabled: true,
+  voiceRecord: {
+    maxRecordingTime: VOICE_RECORDER_DEFAULT_MAX,
+    minRecordingTime: VOICE_RECORDER_DEFAULT_MIN
+  },
   replyType: 'NONE',
   isMessageGroupingEnabled: true,
   stringSet: null,

package/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sources":["../src/smart-components/App/DesktopLayout.tsx","../src/smart-components/App/MobileLayout.tsx","../src/smart-components/App/AppLayout.tsx","../src/smart-components/App/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport type { DesktopLayoutProps } from './types';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearchPannel from '../MessageSearch';\nimport Thread from '../Thread';\nimport { BaseMessage, UserMessage } from '@sendbird/chat/message';\n\nexport const DesktopLayout: React.FC<DesktopLayoutProps> = (\n  props: DesktopLayoutProps,\n) => {\n  const {\n    isReactionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    showSearchIcon,\n    onProfileEditSuccess,\n    disableAutoSelect,\n    currentChannel,\n    setCurrentChannel,\n    showSettings,\n    setShowSettings,\n    showSearch,\n    setShowSearch,\n    highlightedMessage,\n    setHighlightedMessage,\n    startingPoint,\n    setStartingPoint,\n    showThread,\n    setShowThread,\n    threadTargetMessage,\n    setThreadTargetMessage,\n  } = props;\n  const [animatedMessageId, setAnimatedMessageId] = useState(null);\n  return (\n    <div className=\"sendbird-app__wrap\">\n      <div className=\"sendbird-app__channellist-wrap\">\n        <ChannelList\n          allowProfileEdit={allowProfileEdit}\n          onProfileEditSuccess={onProfileEditSuccess}\n          disableAutoSelect={disableAutoSelect}\n          onChannelSelect={(channel) => {\n            setStartingPoint(null);\n            setHighlightedMessage(null);\n            if (channel) {\n              setCurrentChannel(channel);\n            } else {\n              setCurrentChannel(null);\n            }\n          }}\n        />\n      </div>\n      <div\n        className={`\n          ${showSettings ? 'sendbird-app__conversation--settings-open' : ''}\n          ${showSearch ? 'sendbird-app__conversation--search-open' : ''}\n          sendbird-app__conversation-wrap\n        `}\n      >\n        <Channel\n          channelUrl={currentChannel?.url || ''}\n          onChatHeaderActionClick={() => {\n            setShowSearch(false);\n            setShowThread(false);\n            setShowSettings(!showSettings);\n          }}\n          onSearchClick={() => {\n            setShowSettings(false);\n            setShowThread(false);\n            setShowSearch(!showSearch);\n          }}\n          onReplyInThread={({ message }) => { // parent message\n            setShowSettings(false);\n            setShowSearch(false);\n            if (replyType === 'THREAD') {\n              setThreadTargetMessage({\n                parentMessage: message as BaseMessage,\n                parentMessageId: message?.messageId,\n              } as UserMessage);\n              setShowThread(true);\n            }\n          }}\n          onQuoteMessageClick={({ message }) => { // thread message\n            setShowSettings(false);\n            setShowSearch(false);\n            if (replyType === 'THREAD') {\n              setThreadTargetMessage(message);\n              setShowThread(true);\n            }\n          }}\n          onMessageAnimated={() => {\n            setAnimatedMessageId(null);\n          }}\n          onMessageHighlighted={() => {\n            setHighlightedMessage(null);\n          }}\n          showSearchIcon={showSearchIcon}\n          startingPoint={startingPoint}\n          animatedMessage={animatedMessageId}\n          highlightedMessage={highlightedMessage}\n          isReactionEnabled={isReactionEnabled}\n          replyType={replyType}\n          isMessageGroupingEnabled={isMessageGroupingEnabled}\n        />\n      </div>\n      {showSettings && (\n        <div className=\"sendbird-app__settingspanel-wrap\">\n          <ChannelSettings\n            className=\"sendbird-channel-settings\"\n            channelUrl={currentChannel?.url || ''}\n            onCloseClick={() => {\n              setShowSettings(false);\n            }}\n          />\n        </div>\n      )}\n      {showSearch && (\n        <div className=\"sendbird-app__searchpanel-wrap\">\n          <MessageSearchPannel\n            channelUrl={currentChannel?.url || ''}\n            onResultClick={(message) => {\n              if (message.messageId === highlightedMessage) {\n                setHighlightedMessage(null);\n                setTimeout(() => {\n                  setHighlightedMessage(message.messageId);\n                });\n              } else {\n                setStartingPoint(message.createdAt);\n                setHighlightedMessage(message.messageId);\n              }\n            }}\n            onCloseClick={() => {\n              setShowSearch(false);\n            }}\n          />\n        </div>\n      )}\n      {showThread && (\n        <Thread\n          className=\"sendbird-app__thread\"\n          channelUrl={currentChannel?.url || ''}\n          message={threadTargetMessage}\n          onHeaderActionClick={() => {\n            setShowThread(false);\n          }}\n          onMoveToParentMessage={({ message, channel }) => {\n            if (channel?.url !== currentChannel?.url) {\n              setCurrentChannel(channel);\n            }\n            if (message?.messageId !== animatedMessageId) {\n              setStartingPoint(message?.createdAt);\n            }\n            setTimeout(() => {\n              setAnimatedMessageId(message?.messageId);\n            }, 500);\n          }}\n        />\n      )}\n    </div>\n  )\n};\n","import './mobile.scss';\n\nimport React, { useState, useEffect } from 'react';\nimport type { BaseMessage } from '@sendbird/chat/message';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport { GroupChannelHandler } from '@sendbird/chat/groupChannel';\n\nimport type { MobileLayoutProps } from './types';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearch from '../MessageSearch';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport uuidv4 from '../../utils/uuid';\n\nenum PANELS {\n  CHANNEL_LIST = 'CHANNEL_LIST',\n  CHANNEL = 'CHANNEL',\n  CHANNEL_SETTINGS = 'CHANNEL_SETTINGS',\n  MESSAGE_SEARCH = 'MESSAGE_SEARCH',\n}\n\nexport const MobileLayout: React.FC<MobileLayoutProps> = (\n  props: MobileLayoutProps,\n) => {\n  const {\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    isReactionEnabled,\n    showSearchIcon,\n    onProfileEditSuccess,\n    currentChannel,\n    setCurrentChannel,\n    highlightedMessage,\n    setHighlightedMessage,\n    startingPoint,\n    setStartingPoint,\n  } = props;\n  const [panel, setPanel] = useState(PANELS?.CHANNEL_LIST);\n\n  const store = useSendbirdStateContext();\n  const sdk = store?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const userId = store?.config?.userId;\n\n  const goToMessage = (message?: BaseMessage | null) => {\n    setStartingPoint(message?.createdAt);\n    setTimeout(() => {\n      setHighlightedMessage(message?.messageId);\n    });\n  };\n\n  useEffect(() => {\n    if (panel !== PANELS?.CHANNEL) {\n      goToMessage();\n    }\n  }, [panel]);\n\n  useEffect(() => {\n    const handlerId = uuidv4();\n    if (sdk?.groupChannel?.addGroupChannelHandler) {\n      const handler = new GroupChannelHandler({\n        onUserBanned: (groupChannel, user) => {\n          if (groupChannel.url === currentChannel?.url && user?.userId === userId) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n        onChannelDeleted: (channelUrl) => {\n          if (channelUrl === currentChannel?.url) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n        onUserLeft: (groupChannel, user) => {\n          if (groupChannel.url === currentChannel?.url && user?.userId === userId) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n      });\n      sdk?.groupChannel?.addGroupChannelHandler(handlerId, handler)\n    }\n    return () => {\n      sdk?.groupChannel?.removeGroupChannelHandler?.(handlerId);\n    }\n  }, [sdk]);\n\n  return (\n    <div>\n      {\n        panel === PANELS?.CHANNEL_LIST && (\n          <div className='sb_mobile__panelwrap'>\n            <ChannelList\n              onProfileEditSuccess={onProfileEditSuccess}\n              onChannelSelect={(channel) => {\n                setCurrentChannel(channel);\n                setPanel(PANELS.CHANNEL);\n              }}\n              allowProfileEdit={allowProfileEdit}\n              // this condition must be true for mobile\n              disableAutoSelect\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.CHANNEL && (\n          <div className='sb_mobile__panelwrap'>\n            <Channel\n              replyType={replyType}\n              channelUrl={currentChannel?.url}\n              onSearchClick={() => {\n                setPanel(PANELS.MESSAGE_SEARCH);\n              }}\n              onBackClick={() => {\n                setPanel(PANELS.CHANNEL_LIST);\n              }}\n              isReactionEnabled={isReactionEnabled}\n              showSearchIcon={showSearchIcon}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              startingPoint={startingPoint}\n              highlightedMessage={highlightedMessage}\n              onChatHeaderActionClick={() => {\n                setPanel(PANELS.CHANNEL_SETTINGS);\n              }}\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.CHANNEL_SETTINGS && (\n          <div className='sb_mobile__panelwrap'>\n            <ChannelSettings\n              channelUrl={currentChannel?.url}\n              onCloseClick={() => {\n                setPanel(PANELS.CHANNEL);\n              }}\n              onLeaveChannel={() => {\n                setPanel(PANELS.CHANNEL_LIST);\n              }}\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.MESSAGE_SEARCH && (\n          <div className='sb_mobile__panelwrap'>\n            <MessageSearch\n              channelUrl={currentChannel?.url}\n              onCloseClick={() => {\n                setPanel(PANELS.CHANNEL);\n              }}\n              onResultClick={(message) => {\n                setPanel(PANELS.CHANNEL);\n                goToMessage(message);\n              }}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport type { AppLayoutProps } from './types';\n\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport { DesktopLayout } from './DesktopLayout';\nimport { MobileLayout } from './MobileLayout';\n\nexport const AppLayout: React.FC<AppLayoutProps> = (\n  props: AppLayoutProps,\n) => {\n  const {\n    isReactionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    showSearchIcon,\n    onProfileEditSuccess,\n    disableAutoSelect,\n    currentChannel,\n    setCurrentChannel,\n  } = props;\n  const [showThread, setShowThread] = useState(false);\n  const [threadTargetMessage, setThreadTargetMessage] = useState<UserMessage | FileMessage>(null);\n  const [showSettings, setShowSettings] = useState(false);\n  const [showSearch, setShowSearch] = useState(false);\n  const [highlightedMessage, setHighlightedMessage] = useState<number>(null);\n  const [startingPoint, setStartingPoint] = useState<number>(null);\n  const { isMobile } = useMediaQueryContext();\n  return (\n    <>\n      {\n        isMobile\n          ? (\n            <MobileLayout\n              replyType={replyType}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              allowProfileEdit={allowProfileEdit}\n              isReactionEnabled={isReactionEnabled}\n              showSearchIcon={showSearchIcon}\n              onProfileEditSuccess={onProfileEditSuccess}\n              currentChannel={currentChannel}\n              setCurrentChannel={setCurrentChannel}\n              highlightedMessage={highlightedMessage}\n              setHighlightedMessage={setHighlightedMessage}\n              startingPoint={startingPoint}\n              setStartingPoint={setStartingPoint}\n            />\n          )\n          : (\n            <DesktopLayout\n              isReactionEnabled={isReactionEnabled}\n              replyType={replyType}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              allowProfileEdit={allowProfileEdit}\n              showSearchIcon={showSearchIcon}\n              onProfileEditSuccess={onProfileEditSuccess}\n              disableAutoSelect={disableAutoSelect}\n              currentChannel={currentChannel}\n              setCurrentChannel={setCurrentChannel}\n              showThread={showThread}\n              setShowThread={setShowThread}\n              threadTargetMessage={threadTargetMessage}\n              setThreadTargetMessage={setThreadTargetMessage}\n              showSettings={showSettings}\n              setShowSettings={setShowSettings}\n              showSearch={showSearch}\n              setShowSearch={setShowSearch}\n              highlightedMessage={highlightedMessage}\n              setHighlightedMessage={setHighlightedMessage}\n              startingPoint={startingPoint}\n              setStartingPoint={setStartingPoint}\n            />\n          )\n      }\n    </>\n  )\n}\n","/**\n * This is a drop in Chat solution\n * Can also be used as an example for creating\n * default chat apps\n */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Sendbird from '../../lib/Sendbird';\n\nimport { AppLayout } from './AppLayout';\n\nimport './index.scss';\n\nexport default function App(props) {\n  const {\n    appId,\n    userId,\n    accessToken,\n    customApiHost,\n    customWebSocketHost,\n    mediaQueryBreakPoint,\n    theme,\n    userListQuery,\n    nickname,\n    profileUrl,\n    dateLocale,\n    config = {},\n    isReactionEnabled,\n    isMentionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    colorSet,\n    stringSet,\n    allowProfileEdit,\n    disableUserProfile,\n    disableMarkAsDelivered,\n    renderUserProfile,\n    showSearchIcon,\n    onProfileEditSuccess,\n    imageCompression,\n    disableAutoSelect,\n    isTypingIndicatorEnabledOnChannelList,\n    isMessageReceiptStatusEnabledOnChannelList,\n  } = props;\n  const [currentChannel, setCurrentChannel] = useState(null);\n  return (\n    <Sendbird\n      stringSet={stringSet}\n      appId={appId}\n      userId={userId}\n      accessToken={accessToken}\n      customApiHost={customApiHost}\n      customWebSocketHost={customWebSocketHost}\n      mediaQueryBreakPoint={mediaQueryBreakPoint}\n      theme={theme}\n      nickname={nickname}\n      profileUrl={profileUrl}\n      dateLocale={dateLocale}\n      userListQuery={userListQuery}\n      config={config}\n      colorSet={colorSet}\n      disableUserProfile={disableUserProfile}\n      disableMarkAsDelivered={disableMarkAsDelivered}\n      renderUserProfile={renderUserProfile}\n      imageCompression={imageCompression}\n      isReactionEnabled={isReactionEnabled}\n      isMentionEnabled={isMentionEnabled}\n      onUserProfileMessage={(channel) => {\n        setCurrentChannel(channel);\n      }}\n      isTypingIndicatorEnabledOnChannelList={isTypingIndicatorEnabledOnChannelList}\n      isMessageReceiptStatusEnabledOnChannelList={isMessageReceiptStatusEnabledOnChannelList}\n      replyType={replyType}\n    >\n      <AppLayout\n        currentChannel={currentChannel}\n        setCurrentChannel={setCurrentChannel}\n        isReactionEnabled={isReactionEnabled}\n        replyType={replyType}\n        isMessageGroupingEnabled={isMessageGroupingEnabled}\n        allowProfileEdit={allowProfileEdit}\n        showSearchIcon={showSearchIcon}\n        onProfileEditSuccess={onProfileEditSuccess}\n        disableAutoSelect={disableAutoSelect}\n      />\n    </Sendbird>\n  );\n}\n\nApp.propTypes = {\n  appId: PropTypes.string.isRequired,\n  userId: PropTypes.string.isRequired,\n  accessToken: PropTypes.string,\n  customApiHost: PropTypes.string,\n  customWebSocketHost: PropTypes.string,\n  theme: PropTypes.string,\n  userListQuery: PropTypes.func,\n  nickname: PropTypes.string,\n  profileUrl: PropTypes.string,\n  mediaQueryBreakPoint: PropTypes.string,\n  allowProfileEdit: PropTypes.bool,\n  disableUserProfile: PropTypes.bool,\n  disableMarkAsDelivered: PropTypes.bool,\n  renderUserProfile: PropTypes.func,\n  onProfileEditSuccess: PropTypes.func,\n  dateLocale: PropTypes.shape({}),\n  config: PropTypes.shape({\n    // None Error Warning Info 'All/Debug'\n    logLevel: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.arrayOf(PropTypes.string),\n    ]),\n    isREMUnitEnabled: PropTypes.bool,\n  }),\n  isReactionEnabled: PropTypes.bool,\n  replyType: PropTypes.oneOf(['NONE', 'QUOTE_REPLY', 'THREAD']),\n  showSearchIcon: PropTypes.bool,\n  isMessageGroupingEnabled: PropTypes.bool,\n  stringSet: PropTypes.objectOf(PropTypes.string),\n  colorSet: PropTypes.objectOf(PropTypes.string),\n  imageCompression: PropTypes.shape({\n    compressionRate: PropTypes.number,\n    resizingWidth: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    resizingHeight: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n  disableAutoSelect: PropTypes.bool,\n  isMentionEnabled: PropTypes.bool,\n  isTypingIndicatorEnabledOnChannelList: PropTypes.bool,\n  isMessageReceiptStatusEnabledOnChannelList: PropTypes.bool,\n};\n\nApp.defaultProps = {\n  accessToken: '',\n  customApiHost: '',\n  customWebSocketHost: '',\n  theme: 'light',\n  nickname: '',\n  profileUrl: '',\n  userListQuery: null,\n  mediaQueryBreakPoint: null,\n  dateLocale: null,\n  allowProfileEdit: false,\n  onProfileEditSuccess: null,\n  disableUserProfile: false,\n  disableMarkAsDelivered: false,\n  showSearchIcon: false,\n  renderUserProfile: null,\n  config: {},\n  isReactionEnabled: true,\n  isMentionEnabled: false,\n  replyType: 'NONE',\n  isMessageGroupingEnabled: true,\n  stringSet: null,\n  colorSet: null,\n  imageCompression: {},\n  disableAutoSelect: false,\n  isTypingIndicatorEnabledOnChannelList: false,\n  isMessageReceiptStatusEnabledOnChannelList: false,\n};\n"],"names":["DesktopLayout","props","isReactionEnabled","replyType","isMessageGroupingEnabled","allowProfileEdit","showSearchIcon","onProfileEditSuccess","disableAutoSelect","currentChannel","setCurrentChannel","showSettings","setShowSettings","showSearch","setShowSearch","highlightedMessage","setHighlightedMessage","startingPoint","setStartingPoint","showThread","setShowThread","threadTargetMessage","setThreadTargetMessage","_a","useState","animatedMessageId","setAnimatedMessageId","React","channel","concat","url","message","parentMessage","parentMessageId","messageId","setTimeout","createdAt","PANELS","MobileLayout","_d","CHANNEL_LIST","panel","setPanel","store","useSendbirdStateContext","sdk","_b","stores","sdkStore","userId","_c","config","goToMessage","useEffect","CHANNEL","handlerId","uuidv4","groupChannel","addGroupChannelHandler","handler","GroupChannelHandler","onUserBanned","user","onChannelDeleted","channelUrl","onUserLeft","removeGroupChannelHandler","call","MESSAGE_SEARCH","CHANNEL_SETTINGS","MessageSearch","AppLayout","_e","_f","isMobile","useMediaQueryContext","App","appId","accessToken","customApiHost","customWebSocketHost","mediaQueryBreakPoint","theme","userListQuery","nickname","profileUrl","dateLocale","isMentionEnabled","colorSet","stringSet","disableUserProfile","disableMarkAsDelivered","renderUserProfile","imageCompression","isTypingIndicatorEnabledOnChannelList","isMessageReceiptStatusEnabledOnChannelList","propTypes","PropTypes","string","isRequired","func","bool","shape","logLevel","oneOfType","arrayOf","isREMUnitEnabled","oneOf","objectOf","compressionRate","number","resizingWidth","resizingHeight","defaultProps"],"mappings":"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"}
+{"version":3,"file":"App.js","sources":["../src/smart-components/App/DesktopLayout.tsx","../src/smart-components/App/MobileLayout.tsx","../src/smart-components/App/AppLayout.tsx","../src/smart-components/App/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport type { DesktopLayoutProps } from './types';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearchPannel from '../MessageSearch';\nimport Thread from '../Thread';\nimport { BaseMessage, UserMessage } from '@sendbird/chat/message';\n\nexport const DesktopLayout: React.FC<DesktopLayoutProps> = (\n  props: DesktopLayoutProps,\n) => {\n  const {\n    isReactionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    showSearchIcon,\n    onProfileEditSuccess,\n    disableAutoSelect,\n    currentChannel,\n    setCurrentChannel,\n    showSettings,\n    setShowSettings,\n    showSearch,\n    setShowSearch,\n    highlightedMessage,\n    setHighlightedMessage,\n    startingPoint,\n    setStartingPoint,\n    showThread,\n    setShowThread,\n    threadTargetMessage,\n    setThreadTargetMessage,\n  } = props;\n  const [animatedMessageId, setAnimatedMessageId] = useState(null);\n  return (\n    <div className=\"sendbird-app__wrap\">\n      <div className=\"sendbird-app__channellist-wrap\">\n        <ChannelList\n          allowProfileEdit={allowProfileEdit}\n          onProfileEditSuccess={onProfileEditSuccess}\n          disableAutoSelect={disableAutoSelect}\n          onChannelSelect={(channel) => {\n            setStartingPoint(null);\n            setHighlightedMessage(null);\n            if (channel) {\n              setCurrentChannel(channel);\n            } else {\n              setCurrentChannel(null);\n            }\n          }}\n        />\n      </div>\n      <div\n        className={`\n          ${showSettings ? 'sendbird-app__conversation--settings-open' : ''}\n          ${showSearch ? 'sendbird-app__conversation--search-open' : ''}\n          sendbird-app__conversation-wrap\n        `}\n      >\n        <Channel\n          channelUrl={currentChannel?.url || ''}\n          onChatHeaderActionClick={() => {\n            setShowSearch(false);\n            setShowThread(false);\n            setShowSettings(!showSettings);\n          }}\n          onSearchClick={() => {\n            setShowSettings(false);\n            setShowThread(false);\n            setShowSearch(!showSearch);\n          }}\n          onReplyInThread={({ message }) => { // parent message\n            setShowSettings(false);\n            setShowSearch(false);\n            if (replyType === 'THREAD') {\n              setThreadTargetMessage({\n                parentMessage: message as BaseMessage,\n                parentMessageId: message?.messageId,\n              } as UserMessage);\n              setShowThread(true);\n            }\n          }}\n          onQuoteMessageClick={({ message }) => { // thread message\n            setShowSettings(false);\n            setShowSearch(false);\n            if (replyType === 'THREAD') {\n              setThreadTargetMessage(message);\n              setShowThread(true);\n            }\n          }}\n          onMessageAnimated={() => {\n            setAnimatedMessageId(null);\n          }}\n          onMessageHighlighted={() => {\n            setHighlightedMessage(null);\n          }}\n          showSearchIcon={showSearchIcon}\n          startingPoint={startingPoint}\n          animatedMessage={animatedMessageId}\n          highlightedMessage={highlightedMessage}\n          isReactionEnabled={isReactionEnabled}\n          replyType={replyType}\n          isMessageGroupingEnabled={isMessageGroupingEnabled}\n        />\n      </div>\n      {showSettings && (\n        <div className=\"sendbird-app__settingspanel-wrap\">\n          <ChannelSettings\n            className=\"sendbird-channel-settings\"\n            channelUrl={currentChannel?.url || ''}\n            onCloseClick={() => {\n              setShowSettings(false);\n            }}\n          />\n        </div>\n      )}\n      {showSearch && (\n        <div className=\"sendbird-app__searchpanel-wrap\">\n          <MessageSearchPannel\n            channelUrl={currentChannel?.url || ''}\n            onResultClick={(message) => {\n              if (message.messageId === highlightedMessage) {\n                setHighlightedMessage(null);\n                setTimeout(() => {\n                  setHighlightedMessage(message.messageId);\n                });\n              } else {\n                setStartingPoint(message.createdAt);\n                setHighlightedMessage(message.messageId);\n              }\n            }}\n            onCloseClick={() => {\n              setShowSearch(false);\n            }}\n          />\n        </div>\n      )}\n      {showThread && (\n        <Thread\n          className=\"sendbird-app__thread\"\n          channelUrl={currentChannel?.url || ''}\n          message={threadTargetMessage}\n          onHeaderActionClick={() => {\n            setShowThread(false);\n          }}\n          onMoveToParentMessage={({ message, channel }) => {\n            if (channel?.url !== currentChannel?.url) {\n              setCurrentChannel(channel);\n            }\n            if (message?.messageId !== animatedMessageId) {\n              setStartingPoint(message?.createdAt);\n            }\n            setTimeout(() => {\n              setAnimatedMessageId(message?.messageId);\n            }, 500);\n          }}\n        />\n      )}\n    </div>\n  )\n};\n","import './mobile.scss';\n\nimport React, { useState, useEffect } from 'react';\nimport type { BaseMessage } from '@sendbird/chat/message';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport { GroupChannelHandler } from '@sendbird/chat/groupChannel';\n\nimport type { MobileLayoutProps } from './types';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearch from '../MessageSearch';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport uuidv4 from '../../utils/uuid';\n\nenum PANELS {\n  CHANNEL_LIST = 'CHANNEL_LIST',\n  CHANNEL = 'CHANNEL',\n  CHANNEL_SETTINGS = 'CHANNEL_SETTINGS',\n  MESSAGE_SEARCH = 'MESSAGE_SEARCH',\n}\n\nexport const MobileLayout: React.FC<MobileLayoutProps> = (\n  props: MobileLayoutProps,\n) => {\n  const {\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    isReactionEnabled,\n    showSearchIcon,\n    onProfileEditSuccess,\n    currentChannel,\n    setCurrentChannel,\n    highlightedMessage,\n    setHighlightedMessage,\n    startingPoint,\n    setStartingPoint,\n  } = props;\n  const [panel, setPanel] = useState(PANELS?.CHANNEL_LIST);\n\n  const store = useSendbirdStateContext();\n  const sdk = store?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const userId = store?.config?.userId;\n\n  const goToMessage = (message?: BaseMessage | null) => {\n    setStartingPoint(message?.createdAt);\n    setTimeout(() => {\n      setHighlightedMessage(message?.messageId);\n    });\n  };\n\n  useEffect(() => {\n    if (panel !== PANELS?.CHANNEL) {\n      goToMessage();\n    }\n  }, [panel]);\n\n  useEffect(() => {\n    const handlerId = uuidv4();\n    if (sdk?.groupChannel?.addGroupChannelHandler) {\n      const handler = new GroupChannelHandler({\n        onUserBanned: (groupChannel, user) => {\n          if (groupChannel.url === currentChannel?.url && user?.userId === userId) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n        onChannelDeleted: (channelUrl) => {\n          if (channelUrl === currentChannel?.url) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n        onUserLeft: (groupChannel, user) => {\n          if (groupChannel.url === currentChannel?.url && user?.userId === userId) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n      });\n      sdk?.groupChannel?.addGroupChannelHandler(handlerId, handler)\n    }\n    return () => {\n      sdk?.groupChannel?.removeGroupChannelHandler?.(handlerId);\n    }\n  }, [sdk]);\n\n  return (\n    <div>\n      {\n        panel === PANELS?.CHANNEL_LIST && (\n          <div className='sb_mobile__panelwrap'>\n            <ChannelList\n              onProfileEditSuccess={onProfileEditSuccess}\n              onChannelSelect={(channel) => {\n                setCurrentChannel(channel);\n                setPanel(PANELS.CHANNEL);\n              }}\n              allowProfileEdit={allowProfileEdit}\n              // this condition must be true for mobile\n              disableAutoSelect\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.CHANNEL && (\n          <div className='sb_mobile__panelwrap'>\n            <Channel\n              replyType={replyType}\n              channelUrl={currentChannel?.url}\n              onSearchClick={() => {\n                setPanel(PANELS.MESSAGE_SEARCH);\n              }}\n              onBackClick={() => {\n                setPanel(PANELS.CHANNEL_LIST);\n              }}\n              isReactionEnabled={isReactionEnabled}\n              showSearchIcon={showSearchIcon}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              startingPoint={startingPoint}\n              highlightedMessage={highlightedMessage}\n              onChatHeaderActionClick={() => {\n                setPanel(PANELS.CHANNEL_SETTINGS);\n              }}\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.CHANNEL_SETTINGS && (\n          <div className='sb_mobile__panelwrap'>\n            <ChannelSettings\n              channelUrl={currentChannel?.url}\n              onCloseClick={() => {\n                setPanel(PANELS.CHANNEL);\n              }}\n              onLeaveChannel={() => {\n                setPanel(PANELS.CHANNEL_LIST);\n              }}\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.MESSAGE_SEARCH && (\n          <div className='sb_mobile__panelwrap'>\n            <MessageSearch\n              channelUrl={currentChannel?.url}\n              onCloseClick={() => {\n                setPanel(PANELS.CHANNEL);\n              }}\n              onResultClick={(message) => {\n                setPanel(PANELS.CHANNEL);\n                goToMessage(message);\n              }}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport type { AppLayoutProps } from './types';\n\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport { DesktopLayout } from './DesktopLayout';\nimport { MobileLayout } from './MobileLayout';\n\nexport const AppLayout: React.FC<AppLayoutProps> = (\n  props: AppLayoutProps,\n) => {\n  const {\n    isReactionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    showSearchIcon,\n    onProfileEditSuccess,\n    disableAutoSelect,\n    currentChannel,\n    setCurrentChannel,\n  } = props;\n  const [showThread, setShowThread] = useState(false);\n  const [threadTargetMessage, setThreadTargetMessage] = useState<UserMessage | FileMessage>(null);\n  const [showSettings, setShowSettings] = useState(false);\n  const [showSearch, setShowSearch] = useState(false);\n  const [highlightedMessage, setHighlightedMessage] = useState<number>(null);\n  const [startingPoint, setStartingPoint] = useState<number>(null);\n  const { isMobile } = useMediaQueryContext();\n  return (\n    <>\n      {\n        isMobile\n          ? (\n            <MobileLayout\n              replyType={replyType}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              allowProfileEdit={allowProfileEdit}\n              isReactionEnabled={isReactionEnabled}\n              showSearchIcon={showSearchIcon}\n              onProfileEditSuccess={onProfileEditSuccess}\n              currentChannel={currentChannel}\n              setCurrentChannel={setCurrentChannel}\n              highlightedMessage={highlightedMessage}\n              setHighlightedMessage={setHighlightedMessage}\n              startingPoint={startingPoint}\n              setStartingPoint={setStartingPoint}\n            />\n          )\n          : (\n            <DesktopLayout\n              isReactionEnabled={isReactionEnabled}\n              replyType={replyType}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              allowProfileEdit={allowProfileEdit}\n              showSearchIcon={showSearchIcon}\n              onProfileEditSuccess={onProfileEditSuccess}\n              disableAutoSelect={disableAutoSelect}\n              currentChannel={currentChannel}\n              setCurrentChannel={setCurrentChannel}\n              showThread={showThread}\n              setShowThread={setShowThread}\n              threadTargetMessage={threadTargetMessage}\n              setThreadTargetMessage={setThreadTargetMessage}\n              showSettings={showSettings}\n              setShowSettings={setShowSettings}\n              showSearch={showSearch}\n              setShowSearch={setShowSearch}\n              highlightedMessage={highlightedMessage}\n              setHighlightedMessage={setHighlightedMessage}\n              startingPoint={startingPoint}\n              setStartingPoint={setStartingPoint}\n            />\n          )\n      }\n    </>\n  )\n}\n","/**\n * This is a drop in Chat solution\n * Can also be used as an example for creating\n * default chat apps\n */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Sendbird from '../../lib/Sendbird';\n\nimport { AppLayout } from './AppLayout';\n\nimport './index.scss';\nimport { VOICE_RECORDER_DEFAULT_MAX, VOICE_RECORDER_DEFAULT_MIN } from '../../utils/consts';\n\nexport default function App(props) {\n  const {\n    appId,\n    userId,\n    accessToken,\n    customApiHost,\n    customWebSocketHost,\n    mediaQueryBreakPoint,\n    theme,\n    userListQuery,\n    nickname,\n    profileUrl,\n    dateLocale,\n    config = {},\n    isReactionEnabled,\n    isMentionEnabled,\n    isVoiceMessageEnabled,\n    voiceRecord,\n    replyType,\n    isMessageGroupingEnabled,\n    colorSet,\n    stringSet,\n    allowProfileEdit,\n    disableUserProfile,\n    disableMarkAsDelivered,\n    renderUserProfile,\n    showSearchIcon,\n    onProfileEditSuccess,\n    imageCompression,\n    disableAutoSelect,\n    isTypingIndicatorEnabledOnChannelList,\n    isMessageReceiptStatusEnabledOnChannelList,\n  } = props;\n  const [currentChannel, setCurrentChannel] = useState(null);\n  return (\n    <Sendbird\n      stringSet={stringSet}\n      appId={appId}\n      userId={userId}\n      accessToken={accessToken}\n      customApiHost={customApiHost}\n      customWebSocketHost={customWebSocketHost}\n      mediaQueryBreakPoint={mediaQueryBreakPoint}\n      theme={theme}\n      nickname={nickname}\n      profileUrl={profileUrl}\n      dateLocale={dateLocale}\n      userListQuery={userListQuery}\n      config={config}\n      colorSet={colorSet}\n      disableUserProfile={disableUserProfile}\n      disableMarkAsDelivered={disableMarkAsDelivered}\n      renderUserProfile={renderUserProfile}\n      imageCompression={imageCompression}\n      isReactionEnabled={isReactionEnabled}\n      isMentionEnabled={isMentionEnabled}\n      isVoiceMessageEnabled={isVoiceMessageEnabled}\n      voiceRecord={voiceRecord}\n      onUserProfileMessage={(channel) => {\n        setCurrentChannel(channel);\n      }}\n      isTypingIndicatorEnabledOnChannelList={isTypingIndicatorEnabledOnChannelList}\n      isMessageReceiptStatusEnabledOnChannelList={isMessageReceiptStatusEnabledOnChannelList}\n      replyType={replyType}\n    >\n      <AppLayout\n        currentChannel={currentChannel}\n        setCurrentChannel={setCurrentChannel}\n        isReactionEnabled={isReactionEnabled}\n        replyType={replyType}\n        isMessageGroupingEnabled={isMessageGroupingEnabled}\n        allowProfileEdit={allowProfileEdit}\n        showSearchIcon={showSearchIcon}\n        onProfileEditSuccess={onProfileEditSuccess}\n        disableAutoSelect={disableAutoSelect}\n      />\n    </Sendbird>\n  );\n}\n\nApp.propTypes = {\n  appId: PropTypes.string.isRequired,\n  userId: PropTypes.string.isRequired,\n  accessToken: PropTypes.string,\n  customApiHost: PropTypes.string,\n  customWebSocketHost: PropTypes.string,\n  theme: PropTypes.string,\n  userListQuery: PropTypes.func,\n  nickname: PropTypes.string,\n  profileUrl: PropTypes.string,\n  mediaQueryBreakPoint: PropTypes.string,\n  allowProfileEdit: PropTypes.bool,\n  disableUserProfile: PropTypes.bool,\n  disableMarkAsDelivered: PropTypes.bool,\n  renderUserProfile: PropTypes.func,\n  onProfileEditSuccess: PropTypes.func,\n  dateLocale: PropTypes.shape({}),\n  config: PropTypes.shape({\n    // None Error Warning Info 'All/Debug'\n    logLevel: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.arrayOf(PropTypes.string),\n    ]),\n    isREMUnitEnabled: PropTypes.bool,\n  }),\n  isReactionEnabled: PropTypes.bool,\n  replyType: PropTypes.oneOf(['NONE', 'QUOTE_REPLY', 'THREAD']),\n  showSearchIcon: PropTypes.bool,\n  isMessageGroupingEnabled: PropTypes.bool,\n  stringSet: PropTypes.objectOf(PropTypes.string),\n  colorSet: PropTypes.objectOf(PropTypes.string),\n  imageCompression: PropTypes.shape({\n    compressionRate: PropTypes.number,\n    resizingWidth: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    resizingHeight: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n  disableAutoSelect: PropTypes.bool,\n  isMentionEnabled: PropTypes.bool,\n  isVoiceMessageEnabled: PropTypes.bool,\n  voiceRecord: PropTypes.shape({\n    maxRecordingTime: PropTypes.number,\n    minRecordingTime: PropTypes.number,\n  }),\n  isTypingIndicatorEnabledOnChannelList: PropTypes.bool,\n  isMessageReceiptStatusEnabledOnChannelList: PropTypes.bool,\n};\n\nApp.defaultProps = {\n  accessToken: '',\n  customApiHost: '',\n  customWebSocketHost: '',\n  theme: 'light',\n  nickname: '',\n  profileUrl: '',\n  userListQuery: null,\n  mediaQueryBreakPoint: null,\n  dateLocale: null,\n  allowProfileEdit: false,\n  onProfileEditSuccess: null,\n  disableUserProfile: false,\n  disableMarkAsDelivered: false,\n  showSearchIcon: false,\n  renderUserProfile: null,\n  config: {},\n  isReactionEnabled: true,\n  isMentionEnabled: false,\n  isVoiceMessageEnabled: true,\n  voiceRecord: {\n    maxRecordingTime: VOICE_RECORDER_DEFAULT_MAX,\n    minRecordingTime: VOICE_RECORDER_DEFAULT_MIN,\n  },\n  replyType: 'NONE',\n  isMessageGroupingEnabled: true,\n  stringSet: null,\n  colorSet: null,\n  imageCompression: {},\n  disableAutoSelect: false,\n  isTypingIndicatorEnabledOnChannelList: false,\n  isMessageReceiptStatusEnabledOnChannelList: false,\n};\n"],"names":["DesktopLayout","props","isReactionEnabled","replyType","isMessageGroupingEnabled","allowProfileEdit","showSearchIcon","onProfileEditSuccess","disableAutoSelect","currentChannel","setCurrentChannel","showSettings","setShowSettings","showSearch","setShowSearch","highlightedMessage","setHighlightedMessage","startingPoint","setStartingPoint","showThread","setShowThread","threadTargetMessage","setThreadTargetMessage","_a","useState","animatedMessageId","setAnimatedMessageId","React","channel","concat","url","message","parentMessage","parentMessageId","messageId","setTimeout","createdAt","PANELS","MobileLayout","_d","CHANNEL_LIST","panel","setPanel","store","useSendbirdStateContext","sdk","_b","stores","sdkStore","userId","_c","config","goToMessage","useEffect","CHANNEL","handlerId","uuidv4","groupChannel","addGroupChannelHandler","handler","GroupChannelHandler","onUserBanned","user","onChannelDeleted","channelUrl","onUserLeft","removeGroupChannelHandler","call","MESSAGE_SEARCH","CHANNEL_SETTINGS","MessageSearch","AppLayout","_e","_f","isMobile","useMediaQueryContext","App","appId","accessToken","customApiHost","customWebSocketHost","mediaQueryBreakPoint","theme","userListQuery","nickname","profileUrl","dateLocale","isMentionEnabled","isVoiceMessageEnabled","voiceRecord","colorSet","stringSet","disableUserProfile","disableMarkAsDelivered","renderUserProfile","imageCompression","isTypingIndicatorEnabledOnChannelList","isMessageReceiptStatusEnabledOnChannelList","propTypes","PropTypes","string","isRequired","func","bool","shape","logLevel","oneOfType","arrayOf","isREMUnitEnabled","oneOf","objectOf","compressionRate","number","resizingWidth","resizingHeight","maxRecordingTime","minRecordingTime","defaultProps","VOICE_RECORDER_DEFAULT_MAX","VOICE_RECORDER_DEFAULT_MIN"],"mappings":"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"}

package/CHANGELOG.md

@@ -1,5 +1,155 @@
 # Changelog - v3
 
+## [v3.4.0] (Mar 3 2023)
+
+### Voice Message
+Voice message is a new type of message and feature that you can use in group channel. You can record your voice on the message input and send it to the channel. Also the messages will be displayed as a new design of the voice message. You are able to use this feature from this version.
+
+#### How to turn on/off
+* You can turn this feature on/off using the props `isVoiceMessageEnabled` on the <App /> and <SendbirdProvider /> components. Here is an example.
+```javascript
+import App from '@sendbird/uikit-react/App'
+import SendbirdProvider from '@sendbird/uikit-react/SendbirdProvider'
+import { useEffect } from 'react'
+
+const QuickStart = () => (<App isVoiceMessageEnabled />)
+const CustomApp = () => {
+  const [useVoiceMessage, setUseVoiceMessage] = useEffect(true)
+  return (
+    <SendbirdProvider
+      isVoiceMessageEnabled={useVoiceMessage}
+    >
+      {/* Implement your custom app here */}
+    </SendbirdProvider>
+  )
+}
+```
+
+#### How to customize the voice message in Channel and Thread?
+You can identify the voice message to check if `message.type` includes `sbu_type=voice`. But you can use `isVoiceMessage` util function to do that.
+```javascript
+import Channel from '@sendbird/uikit-react/Channel'
+import isVoiceMessage from '@sendbird/uikit-react/utils/message/isVoiceMessage'
+
+const CustomChannel = () => {
+  return (
+    <Channel
+      renderMessage={({ message }) => {
+        if (isVoiceMessage(message)) {
+          // Return your custom voice message item component
+        }
+        return null
+      }}
+    />
+  )
+}
+```
+
+#### Limitation & Next step
+* For now, it's not able to customize the inner components of VoiceMessageInput. We are going to provide an interface to customize it in the future. Until that time, you can replace the VoiceMessageInput component using the `renderVoiceMessageIcon` props of MessageInput component.
+
+#### What has been changed?
+* Add props `isVoiceMessageEnabled` and `voiceRecord` props to the App, `SendbirdProvider`, and `MessageInput` components, to turn on/off the voice message recording feature
+  ```javascript
+  import SendbirdProvider from '@sendbird/uikit-react/SendbirdProvider'
+  const CustomApp = () => {
+    return (
+      <SendbirdProvider
+        isVoiceMessageEnabled
+        voiceRecord={{
+          maxRecordingTime: 60000,
+          minRecordingTime: 1000,
+        }}
+      >
+        {/* implement custom application */}
+      </SendbirdProvider>
+    )
+  }
+  ```
+* Add props `onVoiceMessageIconClick` to the `MessageInput` component
+* Add props `onBeforeSendVoiceMessage` to the `Channel` component
+* Fetch message list including `MetaArray` in the `Channel` and `Thread` modules
+* Provide new IconType `AudioOnLined` & new IconColor `Primary2` and `OnBackground4`
+* Provide new string sets
+  ```javascript
+  import SendbirdProvider from '@sendbird/uikit-react/SendbirdProvider'
+  const CustomApp = () => {
+    return (
+      <SendbirdProvider
+        stringSet={{
+          BUTTON__OK: 'OK',
+          VOICE_MESSAGE: 'Voice Message',
+          MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED: 'You\'re muted by the operator.',
+          MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN: 'Channel is frozen.',
+        }}
+      >
+        {/* implement custom application */}
+      </SendbirdProvider>
+    )
+  }
+  ```
+  * `BUTTON__OK`: 'OK' → Used on the submit button of pop up modal
+  * `MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED`: 'You\'re muted by the operator.' → Used in an alert pop-up modal
+  * `MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN`: 'Channel is frozen.' → Used in an alert pop-up modal
+  * `VOICE_MESSAGE`: 'Voice Message' → Used in ChannelPreviewItem, QuoteMessage, and MessageSearch to appear that the message type is the voice## External Contributions
+
+#### What has been added?
+* Install `lamejs` to convert the audio file to mp3 (iOS support)
+* UI components
+  ```javascript
+  import PlaybackTime from "@sendbird/uikit-react/ui/PlaybackTime"
+  import ProgressBar from "@sendbird/uikit-react/ui/ProgressBar"
+  import VoiceMessageInput from "@sendbird/uikit-react/ui/VoiceMessageInput"
+  import VoiceMessageItemBody from "@sendbird/uikit-react/ui/VoiceMessageItemBody"
+  ```
+  * PlaybackTime: Display the current time in 00:00 format with the received millisecond value
+  * ProgressBar: Display the current progress status with the received maxSize and currentSize of millisecond unit value
+  * VoiceMessageInput: UI component for recording and playing a voice message
+  * VoiceMessageItemBody: UI component for rendering a voice message also able to play voice message
+* VoiceRecorder
+  ```javascript
+  import { VoiceRecorderProvider, useVoiceRecorderContext } from '@sendbird/uikit-react/VoiceRecorder/context'
+  import useVoiceRecorder from '@sendbird/uikit-react/VoiceRecorder/useVoiceRecorder'
+  ```
+  * VoiceRecorderProvider: A react context provider component providing `start`, and `stop` functions
+  * useVoiceRecorderContext: A react useContext hook of VoiceRecorderProvider
+  * useVoiceRecorder: A react hook that provides advanced context, `recordingLimit`, `recordingTime`, `recordingFile`, and `recordingStatus`. Recommend using this hook in the customized components.
+* VoicePlayer
+  ```javascript
+  import { VoicePlayerProvider, useVoicePlayerContext } from '@sendbird/uikit-react/VoicePlayer/context'
+  import useVoicePlayer from '@sendbird/uikit-react/VoicePlayer/useVoicePlayer'
+  ```
+  * VoicePlayerProvider: A react context provider component providing `play`, and `pause` functions
+  * useVoicePlayerContext: A react useContext hook of VoicePlayerProvider
+  * useVoicePlayer: A react hook that provides advanced context, `playbackTime`, `duration`, and `playingStatus`. Recommend using this hook in the customized components.
+* utils/isVoiceMessage: A function that you can check if the given message is a voice message
+  ```javascript
+  import isVoiceMessage from '@sendbird/uikit-react/utils/message/isVoiceMessage'
+  const isVoiceMsg: boolean = isVoiceMessage(message);
+  ```
+
+Features:
+* Add props `renderFileUploadIcon`, `renderVoiceMessageIcon`, and `renderSendMessageIcon` into the `Channel`, `ChannelUI`, and `MessageInput` component
+  ```javascript
+  interface MessageInputProps {
+    renderFileUploadIcon?: () =>  React.ReactElement;
+    renderVoiceMessageIcon?: () =>  React.ReactElement;
+    renderSendMessageIcon?: () =>  React.ReactElement;
+  }
+  ```
+
+Fixes:
+* Use ApplicationUserListQuery on ChannelSettings component
+* Fix some visual issues on the normal User Panel of ChannelSettings
+* Indentify faulty images in OG message
+* Add classname: sendbird-og-message-item-body__og-thumbnail__empty to identify faulty images in OG message
+  Clients can use CSS to target this class~
+  ```css
+  .sendbird-og-message-item-body__og-thumbnail__empty {
+    display: none;
+  }
+  ```
+
 ## [v3.3.7] (Feb 24 2023)
 
 Features:

package/Channel/components/ChannelHeader.js

@@ -1,37 +1,38 @@
 import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../utils-9c95a786.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e2994193.js';
+import { g as getChannelTitle } from '../../utils-8c242c8c.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4a977e7d.js';
 import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { a as LocalizationContext } from '../../LocalizationContext-4c2faa9a.js';
+import { a as LocalizationContext } from '../../LocalizationContext-539093a9.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-1e540c0e.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-97a21b7e.js';
-import { n as noop } from '../../utils-87dce5dd.js';
+import { u as useChannelContext } from '../../ChannelProvider-1d70b8a0.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-79c8ad08.js';
+import { n as noop } from '../../utils-c1d219fa.js';
 import 'prop-types';
-import '../../stringSet-c2443946.js';
-import '../../tslib.es6-13412863.js';
+import '../../stringSet-f9763488.js';
+import '../../tslib.es6-fc4a2658.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-7a5e68ed.js';
-import '../../utils-87d19647.js';
-import '../../index-a53d78b6.js';
+import '../../uuid-6ca64623.js';
+import '../../utils-2570c397.js';
+import '../../index-999fdb64.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b45d3824.js';
-import '../../UserProfileContext-e5d90f15.js';
-import '../../index-8c38f9d0.js';
-import '../../topics-0ba43ee8.js';
-import '../../index-425e5f17.js';
+import '../../_rollupPluginBabelHelpers-09618dc3.js';
+import '../../UserProfileContext-bd8525b7.js';
+import '../../index-620331eb.js';
+import '../../topics-1ec669f0.js';
+import '../../index-bbab31f0.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-df760ae2.js';
-import '../../const-c269fd32.js';
+import '../../compareIds-a4557492.js';
+import '../../const-593595f5.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
+import '../../consts-d2d25dac.js';
 
 var ChannelHeader = function () {
   var _a, _b, _c;
@@ -80,6 +81,7 @@ var ChannelHeader = function () {
   }, (typeof isMuted === 'string' && isMuted === 'true' || typeof isMuted === 'boolean' && isMuted) && /*#__PURE__*/React__default.createElement(Icon, {
     className: "sendbird-chat-header__right__mute",
     type: IconTypes.NOTIFICATIONS_OFF_FILLED,
+    fillColor: IconColors.ON_BACKGROUND_2,
     width: "24px",
     height: "24px"
   }), showSearchIcon && /*#__PURE__*/React__default.createElement(IconButton, {