@sendbird/uikit-react 3.5.2 → 3.6.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-e19f73a1.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-10a96f08.js';
 import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
@@ -9,35 +9,35 @@ 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-ea268593.js';
-import { u as useVoicePlayerContext, A as ALL } from './index-a2c461b6.js';
-import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-13764641.js';
-import './_rollupPluginBabelHelpers-5abfebd1.js';
+import { u as uuidv4 } from './uuid-1b2431d8.js';
+import { u as useVoicePlayerContext, A as ALL } from './index-c0b5fd00.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-ed3956ee.js';
+import './_rollupPluginBabelHelpers-a02973d1.js';
 import './withSendbird.js';
 import 'css-vars-ponyfill';
-import './index.module-90c2127d.js';
-import './actionTypes-cbb7aa0d.js';
+import './index.module-14e1c533.js';
+import './actionTypes-37d2eb21.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './index-246150c1.js';
+import './index-9b3b0903.js';
 import './utils/message/getOutgoingMessageState.js';
 import '@sendbird/uikit-tools';
 import './VoiceRecorder/context.js';
-import './LocalizationContext-b72d20ff.js';
-import './stringSet-45364ddd.js';
-import './index-ca1ea065.js';
+import './LocalizationContext-403c015e.js';
+import './stringSet-0c19bc76.js';
+import './index-12be6afc.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-db793fe0.js';
+import './index-2bf2298f.js';
 import './ui/Button.js';
-import './index-993488e6.js';
+import './index-b278d349.js';
 import './ui/Icon.js';
 import './ui/IconButton.js';
-import './resolvedReplyType-9c5d1a16.js';
-import './ChannelListProvider-cf495605.js';
-import './topics-159a0b6e.js';
-import './utils-ce7f6e75.js';
-import './UserProfileContext-15d32bf1.js';
+import './resolvedReplyType-9aa08215.js';
+import './ChannelListProvider-f8379d09.js';
+import './topics-4b89b5a1.js';
+import './utils-0dca69e8.js';
+import './UserProfileContext-5d448d54.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
 import './ui/Avatar.js';
@@ -45,7 +45,7 @@ import './ui/ImageRenderer.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-6f31ea1f.js';
+import './CreateChannelProvider-c561872c.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/UserListItem.js';
@@ -57,47 +57,47 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-90c71139.js';
+import './utils-2e8a7e9b.js';
 import './ui/Badge.js';
-import './index-2a80414f.js';
-import './index-20c7c9e1.js';
+import './index-791306a2.js';
+import './index-5d30676c.js';
 import './ui/Loader.js';
-import './index-be71290f.js';
-import './index-fd809164.js';
+import './index-3ecc40b6.js';
+import './index-d259a40d.js';
 import './ui/MentionUserLabel.js';
-import './consts-5dc81b70.js';
+import './consts-21ee5ac2.js';
 import './ui/TextButton.js';
-import './color-a6442c44.js';
+import './color-56e1d933.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-d65df2df.js';
-import './const-e0d0cf98.js';
-import './compareIds-25cf33ca.js';
+import './ChannelProvider-4baa4de7.js';
+import './const-71feaede.js';
+import './compareIds-c4e63aee.js';
 import '@sendbird/chat/message';
-import './useLongPress-00e6b5b2.js';
+import './useLongPress-6d39e7c7.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-7682a07f.js';
+import './index-9db2232e.js';
 import './ui/Input.js';
-import './index-0fcda0b3.js';
+import './index-2321ee03.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './utils-9052d596.js';
+import './utils-6a803180.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-07a3c977.js';
-import './ThreadProvider-eb264f9b.js';
+import './const-ea44ddaf.js';
+import './ThreadProvider-bbf864df.js';
 import './Thread/context/types.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
 import 'dompurify';
-import './consts-122d5e84.js';
-import './consts-ef436e72.js';
-import './tokenize-d6cbc42e.js';
+import './consts-b4bd07bf.js';
+import './consts-fecb946e.js';
+import './tokenize-fd568926.js';
 import './ui/MessageContent.js';
 import './ui/MessageItemMenu.js';
-import './types-7e64ed33.js';
+import './types-d293cdcc.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
 import './ui/EmojiReactions.js';
@@ -108,7 +108,7 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/TextMessageItemBody.js';
-import './index-31e14784.js';
+import './index-3dd26ce5.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/FileMessageItemBody.js';
@@ -116,7 +116,7 @@ import './ui/ThumbnailMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/QuoteMessage.js';
-import './index-597d4155.js';
+import './index-87eb55f4.js';
 import './ui/ThreadReplies.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
@@ -124,15 +124,15 @@ import './VoicePlayer/useVoicePlayer.js';
 import './ui/PlaybackTime.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './index-b60bd9f8.js';
-import './useDirtyGetMentions-bd28fb85.js';
+import './index-5586db33.js';
+import './useDirtyGetMentions-250ee3d5.js';
 import './Channel/components/UnreadCount.js';
 import './Channel/components/FrozenNotification.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
-import './VoiceMessageInputWrapper-d8f0b49b.js';
+import './VoiceMessageInputWrapper-d618be71.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './index-a4f22fc7.js';
+import './index-dcbf8710.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
@@ -140,10 +140,10 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-eb034522.js';
+import './context-77deef8f.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './MemberList-2b766f71.js';
+import './MemberList-79dd7f80.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -152,7 +152,7 @@ import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './RemoveMessageModal-17a2bde1.js';
+import './RemoveMessageModal-74c45702.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/FileViewer.js';
 import './Thread/components/ThreadHeader.js';

package/CHANGELOG.md

@@ -1,10 +1,63 @@
 # Changelog - v3
+## [v3.6.0] (June 28 2023)
+
+### Feat:
+* Official support for Feature Configuration
+  - You can now configure the features of UIKit through the `uikitOptions` prop of `<SendbirdProvider />` or `<App />` component. You can also find the detailed sample usage from [SAMPLE.md#UIKit-Configuration-Samples](./SAMPLES.md#UIKit-Configuration-Samples)
+  - The minimum `@sendbird/chat` version has been increased to 4.9.2.
+```jsx
+  <SendbirdProvider
+    uikitOptions={{
+      common: {
+        enableUsingDefaultUserProfile: true,
+      },
+      groupChannel: {
+        enableMention: false,
+        enableOgtag: true,
+        enableReaction: true,
+        enableTypingIndicator: true,
+        input: {
+          camera: {
+            enablePhoto: true,
+            enableVideo: true,
+          },
+          gallery: {
+            enablePhoto: true,
+            enableVideo: true,
+          },
+          enableDocument: true,
+        },
+      },
+      groupChannelList: {
+        enableTypingIndicator: true,
+        enableMessageReceiptStatus: true,
+      },
+      groupChannelSettings: {
+        enableMessageSearch: true,
+      },
+      openChannel: {
+        enableOgtag: true,
+        input: {
+          camera: {
+            enablePhoto: true,
+            enableVideo: true,
+          },
+          gallery: {
+            enablePhoto: true,
+            enableVideo: true,
+          },
+          enableDocument: true,
+        },
+      },
+    }}
+  />
+```
 
 ## [v3.5.2] (June 23 2023)
 
 Fixes:
 * Allow to reduce the mobile app height
-  It was not able to reduce the height of the mobile app with some wrapper component
+  It was not able to reduce the height of the mobile app with some wrapper components
 * Do not display the UnreadCount(new message notification) comp when unreadSince is null
 * Improve sampling and bitrate of Voice Recording
   * sampling rate: 11025

package/Channel/components/ChannelHeader.js

@@ -1,34 +1,34 @@
 import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../utils-9052d596.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-993488e6.js';
+import { g as getChannelTitle } from '../../utils-6a803180.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-b278d349.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-b72d20ff.js';
+import { a as LocalizationContext } from '../../LocalizationContext-403c015e.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-d65df2df.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-e19f73a1.js';
-import { n as noop } from '../../utils-ce7f6e75.js';
+import { u as useChannelContext } from '../../ChannelProvider-4baa4de7.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-10a96f08.js';
+import { n as noop } from '../../utils-0dca69e8.js';
 import 'prop-types';
-import '../../stringSet-45364ddd.js';
-import '../../_rollupPluginBabelHelpers-5abfebd1.js';
+import '../../stringSet-0c19bc76.js';
+import '../../_rollupPluginBabelHelpers-a02973d1.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-ea268593.js';
-import '../../utils-90c71139.js';
-import '../../index-ca1ea065.js';
+import '../../uuid-1b2431d8.js';
+import '../../utils-2e8a7e9b.js';
+import '../../index-12be6afc.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-15d32bf1.js';
-import '../../const-e0d0cf98.js';
-import '../../index-20c7c9e1.js';
-import '../../topics-159a0b6e.js';
-import '../../index-246150c1.js';
+import '../../UserProfileContext-5d448d54.js';
+import '../../const-71feaede.js';
+import '../../index-5d30676c.js';
+import '../../topics-4b89b5a1.js';
+import '../../index-9b3b0903.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-25cf33ca.js';
+import '../../compareIds-c4e63aee.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-13764641.js';
-import '../../resolvedReplyType-9c5d1a16.js';
+import '../../consts-ed3956ee.js';
+import '../../resolvedReplyType-9aa08215.js';
 
 const ChannelHeader = _ref => {
   var _globalStore$config, _globalStore$config2, _currentGroupChannel$;

package/Channel/components/ChannelUI.js

@@ -1,75 +1,75 @@
 import React__default from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-d65df2df.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-0fcda0b3.js';
+import { u as useChannelContext } from '../../ChannelProvider-4baa4de7.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-2321ee03.js';
 import ConnectionStatus from '../../ui/ConnectionStatus.js';
 import ChannelHeader from './ChannelHeader.js';
 import MessageList from './MessageList.js';
 import TypingIndicator from './TypingIndicator.js';
 import MessageInputWrapper from './MessageInput.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-5abfebd1.js';
-import '../../UserProfileContext-15d32bf1.js';
+import '../../_rollupPluginBabelHelpers-a02973d1.js';
+import '../../UserProfileContext-5d448d54.js';
 import 'prop-types';
-import '../../const-e0d0cf98.js';
-import '../../index-20c7c9e1.js';
-import '../../index-ca1ea065.js';
-import '../../topics-159a0b6e.js';
-import '../../index-246150c1.js';
+import '../../const-71feaede.js';
+import '../../index-5d30676c.js';
+import '../../index-12be6afc.js';
+import '../../topics-4b89b5a1.js';
+import '../../index-9b3b0903.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-25cf33ca.js';
+import '../../compareIds-c4e63aee.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-ea268593.js';
+import '../../uuid-1b2431d8.js';
 import '@sendbird/chat/message';
-import '../../consts-13764641.js';
-import '../../resolvedReplyType-9c5d1a16.js';
-import '../../LocalizationContext-b72d20ff.js';
-import '../../stringSet-45364ddd.js';
+import '../../consts-ed3956ee.js';
+import '../../resolvedReplyType-9aa08215.js';
+import '../../LocalizationContext-403c015e.js';
+import '../../stringSet-0c19bc76.js';
 import '../../ui/Icon.js';
-import '../../index-993488e6.js';
+import '../../index-b278d349.js';
 import '../../ui/Loader.js';
-import '../../utils-9052d596.js';
+import '../../utils-6a803180.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../utils-90c71139.js';
-import '../../MediaQueryContext-e19f73a1.js';
-import '../../utils-ce7f6e75.js';
+import '../../utils-2e8a7e9b.js';
+import '../../MediaQueryContext-10a96f08.js';
+import '../../utils-0dca69e8.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../const-07a3c977.js';
-import '../../ThreadProvider-eb264f9b.js';
+import '../../const-ea44ddaf.js';
+import '../../ThreadProvider-bbf864df.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-a6442c44.js';
+import '../../color-56e1d933.js';
 import '../../ui/MessageInput.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-5dc81b70.js';
-import '../../consts-122d5e84.js';
-import '../../consts-ef436e72.js';
-import '../../tokenize-d6cbc42e.js';
-import '../../index.module-90c2127d.js';
+import '../../consts-21ee5ac2.js';
+import '../../consts-b4bd07bf.js';
+import '../../consts-fecb946e.js';
+import '../../tokenize-fd568926.js';
+import '../../index.module-14e1c533.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../index-2a80414f.js';
-import '../../index-be71290f.js';
-import '../../index-fd809164.js';
+import '../../index-791306a2.js';
+import '../../index-3ecc40b6.js';
+import '../../index-d259a40d.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../types-7e64ed33.js';
+import '../../types-d293cdcc.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../useLongPress-00e6b5b2.js';
+import '../../useLongPress-6d39e7c7.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
-import '../../index-db793fe0.js';
+import '../../index-2bf2298f.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -78,7 +78,7 @@ import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../index-31e14784.js';
+import '../../index-3dd26ce5.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/FileMessageItemBody.js';
@@ -87,25 +87,25 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../index-597d4155.js';
+import '../../index-87eb55f4.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-a2c461b6.js';
+import '../../index-c0b5fd00.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/Modal.js';
 import '../../ui/PlaybackTime.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';
-import '../../index-b60bd9f8.js';
-import '../../useDirtyGetMentions-bd28fb85.js';
+import '../../index-5586db33.js';
+import '../../useDirtyGetMentions-250ee3d5.js';
 import './UnreadCount.js';
 import './FrozenNotification.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../VoiceMessageInputWrapper-d8f0b49b.js';
+import '../../VoiceMessageInputWrapper-d618be71.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-a4f22fc7.js';
+import '../../index-dcbf8710.js';
 
 const ChannelUI = _ref => {
   var _globalStore$stores, _globalStore$stores$s, _globalStore$config, _globalStore$config2, _globalStore$config3, _globalStore$config3$;

package/Channel/components/FileViewer.js

@@ -1,29 +1,29 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
 import Avatar from '../../ui/Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-993488e6.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-b278d349.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as MODAL_ROOT } from '../../index-db793fe0.js';
-import { x as isSupportedFileView, y as isVideo, z as isImage } from '../../index-246150c1.js';
+import { M as MODAL_ROOT } from '../../index-2bf2298f.js';
+import { x as isSupportedFileView, y as isVideo, z as isImage } from '../../index-9b3b0903.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-d65df2df.js';
+import { u as useChannelContext } from '../../ChannelProvider-4baa4de7.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-ea268593.js';
+import '../../uuid-1b2431d8.js';
 import 'prop-types';
-import '../../stringSet-45364ddd.js';
-import '../../_rollupPluginBabelHelpers-5abfebd1.js';
+import '../../stringSet-0c19bc76.js';
+import '../../_rollupPluginBabelHelpers-a02973d1.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-15d32bf1.js';
-import '../../const-e0d0cf98.js';
-import '../../index-20c7c9e1.js';
-import '../../index-ca1ea065.js';
-import '../../topics-159a0b6e.js';
-import '../../compareIds-25cf33ca.js';
+import '../../UserProfileContext-5d448d54.js';
+import '../../const-71feaede.js';
+import '../../index-5d30676c.js';
+import '../../index-12be6afc.js';
+import '../../topics-4b89b5a1.js';
+import '../../compareIds-c4e63aee.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-13764641.js';
-import '../../resolvedReplyType-9c5d1a16.js';
+import '../../consts-ed3956ee.js';
+import '../../resolvedReplyType-9aa08215.js';
 
 const FileViewerComponent = _ref => {
   let {

package/Channel/components/FrozenNotification.js

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-b72d20ff.js';
-import { L as Label, a as LabelTypography } from '../../index-993488e6.js';
-import '../../stringSet-45364ddd.js';
-import '../../index-ca1ea065.js';
+import { a as LocalizationContext } from '../../LocalizationContext-403c015e.js';
+import { L as Label, a as LabelTypography } from '../../index-b278d349.js';
+import '../../stringSet-0c19bc76.js';
+import '../../index-12be6afc.js';
 import 'prop-types';
 
 const FrozenNotification = _ref => {