@sendbird/uikit-react 3.13.3 → 3.14.0-beta.2

package/App.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import { SendbirdProvider } from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './chunks/bundle-CLqgMCvn.js';
-import { _ as __assign } from './chunks/bundle-CVDtzU3E.js';
+import { u as useMediaQueryContext } from './chunks/bundle-BuIxT5aZ.js';
+import { _ as __assign } from './chunks/bundle-D_KO6Orc.js';
 import { GroupChannel } from './GroupChannel.js';
 import { GroupChannelList } from './GroupChannelList.js';
 import Channel from './Channel.js';
@@ -11,84 +11,83 @@ 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 './chunks/bundle-CkInAxxb.js';
-import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-DxdGwARh.js';
+import { u as uuidv4 } from './chunks/bundle-BFDyBk4r.js';
+import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-C0LxowmB.js';
 import '@sendbird/uikit-tools';
 import './withSendbird.js';
 import 'css-vars-ponyfill';
-import './chunks/bundle-4a9M9y8N.js';
-import './chunks/bundle-DuNr1Njk.js';
-import './chunks/bundle-COR7gPrO.js';
+import './chunks/bundle-aH4n4ipp.js';
+import './chunks/bundle-DcOT2xg0.js';
+import './chunks/bundle-GKCJ2hC_.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-DI3fL4Xw.js';
+import './chunks/bundle-5okwu0-4.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-CT3xDvIx.js';
-import './chunks/bundle-1ymLj4Og.js';
+import './chunks/bundle-CwofYH9U.js';
+import './chunks/bundle-C_n2Emjx.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-BX0LQWqY.js';
-import './chunks/bundle-DaQK1Cox.js';
-import './chunks/bundle-BxBdkxXV.js';
-import './chunks/bundle-CCUBCV04.js';
+import './chunks/bundle-CJIPD7gN.js';
+import './chunks/bundle-DXhynnjn.js';
+import './chunks/bundle-CcTHgZqq.js';
+import './chunks/bundle-BSPBjwR6.js';
 import 'react-dom';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-DPhbbRZE.js';
+import './chunks/bundle-C-_RpFyM.js';
 import './ui/Icon.js';
-import './chunks/bundle-BlHQV-25.js';
-import './chunks/bundle-BHOxoDJO.js';
+import './chunks/bundle-BJ9OAqWz.js';
+import './chunks/bundle-RpPfSzD9.js';
 import './hooks/useModal.js';
-import './ui/ContextMenu.js';
-import './ui/SortByRow.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-yNfnN0a6.js';
-import './chunks/bundle-DoJNLxY9.js';
-import './chunks/bundle-IuZ6uyzU.js';
-import './chunks/bundle-D45e30Hl.js';
-import './chunks/bundle-HsrPpAtd.js';
-import './chunks/bundle-BntzGGYb.js';
-import './chunks/bundle-DEqxoG9B.js';
+import './chunks/bundle-DnFiUPoR.js';
+import './chunks/bundle-D-cpJ5MP.js';
+import './chunks/bundle-COGPgRK-.js';
+import './chunks/bundle-DgJrJ2xn.js';
+import './chunks/bundle-WwYLGAen.js';
+import './chunks/bundle-BNeRxCQA.js';
+import './chunks/bundle-Bf5VthYV.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-DIEAFe_F.js';
+import './chunks/bundle-B1s46xJT.js';
 import './GroupChannel/components/TypingIndicator.js';
-import './chunks/bundle-DlHudqve.js';
 import './ui/ConnectionStatus.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './GroupChannel/components/GroupChannelHeader.js';
-import './chunks/bundle-fvRtOX6P.js';
+import './chunks/bundle-BmPxXQ_C.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-BXpzbAbi.js';
+import './chunks/bundle-C4sUzPGS.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-DYJilNov.js';
-import './chunks/bundle-BVGlC_pg.js';
-import './chunks/bundle-aE9efllI.js';
+import './chunks/bundle-BUy5u56K.js';
+import './chunks/bundle-BPclYGwz.js';
+import './chunks/bundle-Bys5RwQj.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-rl7Rvf_6.js';
-import './chunks/bundle-DBzkkIf1.js';
-import './chunks/bundle-CZYvKysu.js';
+import './chunks/bundle-DRIvYDIu.js';
+import './chunks/bundle-dw1OtCIz.js';
+import './chunks/bundle-DoLed6JB.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-DHp0VTVS.js';
+import './chunks/bundle-CfKGkWtT.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-ts_i6oEg.js';
-import './chunks/bundle-DNq8IoOw.js';
+import './chunks/bundle-87W4GPnC.js';
+import './chunks/bundle-cjTAVQxr.js';
 import 'dompurify';
-import './chunks/bundle-B8HW06Fl.js';
-import './chunks/bundle-CJ9_QDKY.js';
-import './chunks/bundle-WrvoTlHQ.js';
-import './chunks/bundle-DqNfXH8L.js';
+import './chunks/bundle-gSQF3Ob-.js';
+import './chunks/bundle-DRL21d0s.js';
+import './chunks/bundle-BvQAepkJ.js';
+import './chunks/bundle-D_X2Bqh-.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-jd7__XU_.js';
-import './chunks/bundle-CMKCY3ba.js';
-import './chunks/bundle-Bm_WZS3a.js';
+import './chunks/bundle-BdZAuvN7.js';
+import './chunks/bundle-CcVFQEGF.js';
+import './chunks/bundle-BJgNc4do.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-CIO0N9hp.js';
+import './ui/ContextMenu.js';
+import './ui/SortByRow.js';
+import './chunks/bundle-rfEyWmAm.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-j5EP0k3D.js';
+import './chunks/bundle-DUTTSKO5.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -102,19 +101,19 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-GRqvZZ2N.js';
-import './chunks/bundle-DTywBX7q.js';
+import './chunks/bundle-B2pNgmzq.js';
+import './chunks/bundle-CRLJsnLv.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-C6fuKmVo.js';
+import './chunks/bundle-D56MXYqF.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/TextButton.js';
-import './chunks/bundle-BMvaJoQA.js';
-import './chunks/bundle-Dj4HLKX0.js';
-import './chunks/bundle-CP1hwfFC.js';
+import './chunks/bundle-rSEP1XoB.js';
+import './chunks/bundle-zf2ni0YJ.js';
+import './chunks/bundle-GQqssfTX.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -122,67 +121,68 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-D47WMGAq.js';
+import './chunks/bundle-BH5rbsxO.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
+import './ui/Carousel.js';
 import './ui/FeedbackIconButton.js';
 import './ui/MobileFeedbackMenu.js';
 import './Channel/components/MessageFeedbackModal.js';
 import './ui/Input.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-CS4RK0T7.js';
+import './chunks/bundle-By4sE23W.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-BkM4cdOJ.js';
+import './chunks/bundle-C1RngQCJ.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-SvqLmXeF.js';
-import './chunks/bundle-CIhbNReG.js';
+import './chunks/bundle-BNydv1KA.js';
+import './chunks/bundle-DkRogqRS.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
 import './GroupChannel/components/UnreadCount.js';
 import './GroupChannel/components/FrozenNotification.js';
 import './ui/TypingIndicatorBubble.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-CmdUup8N.js';
+import './chunks/bundle-B0azZJiA.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-5HwGq_hd.js';
-import './chunks/bundle-CfZFWZM3.js';
+import './chunks/bundle-Cvk0UZLW.js';
+import './chunks/bundle-CTyr18ZN.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-CilkBcv-.js';
+import './chunks/bundle-l_8hg8H3.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-Ds2X6Fjs.js';
+import './chunks/bundle-CbBN2HTx.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-BIvhXCoF.js';
+import './chunks/bundle-CS7t26su.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-Di7baNGv.js';
+import './chunks/bundle-CF6PMu9B.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Channel/context.js';
-import './chunks/bundle-Cvm8Ag45.js';
-import './chunks/bundle-C6ZXjQ1L.js';
-import './chunks/bundle-CAki7JUf.js';
-import './chunks/bundle-D6kFzMhH.js';
-import './chunks/bundle-D3OeBr-9.js';
-import './chunks/bundle-CVFMpKJZ.js';
+import './chunks/bundle-B5kwbUC5.js';
+import './chunks/bundle-DTDkmegk.js';
+import './chunks/bundle-CPszRkFg.js';
+import './chunks/bundle-XGYpSNOg.js';
+import './chunks/bundle-ynxAt7xC.js';
+import './chunks/bundle-PsMmoXV_.js';
 import './Channel/components/ChannelUI.js';
 import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-BpDuHeEB.js';
+import './chunks/bundle-DCjOFMcr.js';
 import './Channel/components/MessageInput.js';
-import './chunks/bundle-VttuSapS.js';
+import './chunks/bundle-C8TvjQ68.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
@@ -194,10 +194,10 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-DavEbLba.js';
+import './chunks/bundle-DrfdRrEf.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-BOrV2z_R.js';
+import './chunks/bundle-N_XkA5JB.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -208,9 +208,9 @@ import './Thread/context.js';
 import './Thread/context/types.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-aJhoAKLH.js';
+import './chunks/bundle-Dicb9Y5f.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-DQnpJfyk.js';
+import './chunks/bundle-BKG2cvZ9.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';

package/CHANGELOG.md

@@ -1,83 +1,22 @@
 # Changelog - v3
 
-## [v3.13.3] (Mar 22, 2024)
-
-### Features
-* Added a `renderMenuItem` to the `MessageMenu` component
-  * How to use?
-  ```tsx
-  <GroupChannel
-    renderMessageContent={(props) => (
-      <MessageContent
-        {...props}
-        renderMessageMenu={(props) => (
-          <MessageMenu
-            {...props}
-            renderMenuItem={(props) => {
-              const {
-                className,
-                onClick,
-                dataSbId,
-                disable,
-                text,
-              } = props;
-              return <MenuItem /> // Render Custom Menu Item
-            }}
-          />
-        )}
-      />
-    )}
-  />
-  ```
-* Added `onBeforeDownloadFileMessage` to the `<GroupChannel />` and `<Thread />` modules
-  * How to use?
-  ```tsx
-  const ONE_MB = 1024 * 1024;
-  /**
-    * Use this list to check if it's displayed as a ThumbnailMessage.
-    * (https://github.com/sendbird/sendbird-uikit-react/blob/main/src/utils/index.ts)
-  */
-  const ThumbnailMessageTypes = [
-    'image/jpeg',
-    'image/jpg',
-    'image/png',
-    'image/gif',
-    'image/svg+xml',
-    'image/webp', // not supported in IE
-    'video/mpeg',
-    'video/ogg',
-    'video/webm',
-    'video/mp4',
-  ];
-
-  <GroupChannel // or Thread
-    onBeforeDownloadFileMessage={async ({ message, index = null }) => {
-      if (message.isFileMessage()) {
-        const confirmed = window.confirm(`The file size is ${(message.size / ONE_MB).toFixed(2)}MB. Would you like to continue downloading?`);
-        return confirmed;
-      }
-      if (message.isMultipleFilesMessage()) {
-        const confirmed = window.confirm(`The file size is ${(message.fileInfoList[index].fileSize / ONE_MB).toFixed(2)}MB. Would you like to continue downloading?`);
-        return confirmed;
-      }
-      return true;
-    }}
-  />
-  ```
-* Added `onDownloadClick` to the `FileViewer`, `FileViewerView`, `MobileBottomSheet`, `MobileContextMenu`, and `MobileMenu`
+## [v3.14.0-beta.2] (Mar 22, 2024)
 
 ### Fixes
-* Improved the stability of the ChannelSettings Modals
-  * Support menu on the `MembersModal`, `MutedMembersModal`, and `OperatorsModal`
-  * Display `Operator` description on the `MembersModal`
-* Fixed the `width` size of the `OGMessageItemBody` component
-* Added fallback logic on template rendering error
-* Replaced the hardcoded text ` (You)` with the StringSet `CHANNEL_SETTING__MEMBERS__YOU` in the `UserListItem`
+* Fixed a bug where swiping `Carousel` in mobile view displaying flickering effect
+* Added missing default `font-family` value to `sendbird-message-template__root`
+
+## [v3.14.0-beta] (Mar 15, 2024)
+
+### Features
+* Added 'wide' and 'full' width support for `MessageContent` when value exists in `message.extendedMessagePayload['ui']['container_type']`
+* Added `Carousel` ui component
+* `MessageTemplate` now supports composite templates
 
 ## [v3.13.2] (Mar 14, 2024)
 
 ### Features
-* Added a `renderHeader` props to the ChannelSettingsUIProps
+* Add a `renderHeader` props to the ChannelSettingsUIProps
   ```
   <ChannelSettingsUI
     renderHeader={() => ...}

package/Channel/components/ChannelHeader.js

@@ -1,43 +1,43 @@
-import { _ as __assign } from '../../chunks/bundle-CVDtzU3E.js';
+import { _ as __assign } from '../../chunks/bundle-D_KO6Orc.js';
 import React__default from 'react';
-import { G as GroupChannelHeaderView } from '../../chunks/bundle-fvRtOX6P.js';
+import { G as GroupChannelHeaderView } from '../../chunks/bundle-BmPxXQ_C.js';
 import { useChannelContext } from '../context.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-CT3xDvIx.js';
-import '../../chunks/bundle-DPhbbRZE.js';
-import '../../chunks/bundle-DaQK1Cox.js';
+import '../../chunks/bundle-CwofYH9U.js';
+import '../../chunks/bundle-C-_RpFyM.js';
+import '../../chunks/bundle-DXhynnjn.js';
 import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-BXpzbAbi.js';
+import '../../chunks/bundle-C4sUzPGS.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-DYJilNov.js';
-import '../../chunks/bundle-BVGlC_pg.js';
-import '../../chunks/bundle-aE9efllI.js';
-import '../../chunks/bundle-CLqgMCvn.js';
+import '../../chunks/bundle-BUy5u56K.js';
+import '../../chunks/bundle-BPclYGwz.js';
+import '../../chunks/bundle-Bys5RwQj.js';
+import '../../chunks/bundle-BuIxT5aZ.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-BX0LQWqY.js';
-import '../../chunks/bundle-BxBdkxXV.js';
-import '../../chunks/bundle-yNfnN0a6.js';
-import '../../chunks/bundle-CZYvKysu.js';
-import '../../chunks/bundle-HsrPpAtd.js';
+import '../../chunks/bundle-CJIPD7gN.js';
+import '../../chunks/bundle-CcTHgZqq.js';
+import '../../chunks/bundle-DnFiUPoR.js';
+import '../../chunks/bundle-DoLed6JB.js';
+import '../../chunks/bundle-WwYLGAen.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-Cvm8Ag45.js';
-import '../../chunks/bundle-DBzkkIf1.js';
-import '../../chunks/bundle-4a9M9y8N.js';
-import '../../chunks/bundle-C6ZXjQ1L.js';
-import '../../chunks/bundle-CAki7JUf.js';
-import '../../chunks/bundle-D6kFzMhH.js';
-import '../../chunks/bundle-BlHQV-25.js';
-import '../../chunks/bundle-DI3fL4Xw.js';
+import '../../chunks/bundle-B5kwbUC5.js';
+import '../../chunks/bundle-dw1OtCIz.js';
+import '../../chunks/bundle-aH4n4ipp.js';
+import '../../chunks/bundle-DTDkmegk.js';
+import '../../chunks/bundle-CPszRkFg.js';
+import '../../chunks/bundle-XGYpSNOg.js';
+import '../../chunks/bundle-BJ9OAqWz.js';
+import '../../chunks/bundle-5okwu0-4.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-CkInAxxb.js';
-import '../../chunks/bundle-D3OeBr-9.js';
-import '../../chunks/bundle-DEqxoG9B.js';
-import '../../chunks/bundle-DoJNLxY9.js';
-import '../../chunks/bundle-BHOxoDJO.js';
-import '../../chunks/bundle-CVFMpKJZ.js';
+import '../../chunks/bundle-BFDyBk4r.js';
+import '../../chunks/bundle-ynxAt7xC.js';
+import '../../chunks/bundle-Bf5VthYV.js';
+import '../../chunks/bundle-D-cpJ5MP.js';
+import '../../chunks/bundle-RpPfSzD9.js';
+import '../../chunks/bundle-PsMmoXV_.js';
 
 var ChannelHeader = function (_a) {
     var className = _a.className;