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

package/hooks/useModal.js

@@ -1,17 +1,17 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CVDtzU3E.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-D_KO6Orc.js';
 import React__default, { createContext, useState, useCallback, useMemo, useContext } from 'react';
-import { K } from '../chunks/bundle-4a9M9y8N.js';
-import { n as noop } from '../chunks/bundle-CT3xDvIx.js';
-import { M as Modal } from '../chunks/bundle-CCUBCV04.js';
-export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-CCUBCV04.js';
+import { K } from '../chunks/bundle-aH4n4ipp.js';
+import { n as noop } from '../chunks/bundle-CwofYH9U.js';
+import { M as Modal } from '../chunks/bundle-BSPBjwR6.js';
+export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-BSPBjwR6.js';
 import 'react-dom';
-import '../chunks/bundle-BX0LQWqY.js';
-import '../chunks/bundle-DaQK1Cox.js';
-import '../chunks/bundle-BxBdkxXV.js';
-import '../chunks/bundle-CLqgMCvn.js';
+import '../chunks/bundle-CJIPD7gN.js';
+import '../chunks/bundle-DXhynnjn.js';
+import '../chunks/bundle-CcTHgZqq.js';
+import '../chunks/bundle-BuIxT5aZ.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-DPhbbRZE.js';
+import '../chunks/bundle-C-_RpFyM.js';
 import '../ui/Icon.js';
 
 var GlobalModalContext = createContext({

package/index.js

@@ -3,94 +3,93 @@ export { default as App } from './App.js';
 export { default as ChannelSettings } from './ChannelSettings.js';
 export { default as ChannelList } from './ChannelList.js';
 export { default as Channel } from './Channel.js';
-export { g as getStringSet } from './chunks/bundle-DaQK1Cox.js';
+export { g as getStringSet } from './chunks/bundle-DXhynnjn.js';
 export { default as OpenChannel } from './OpenChannel.js';
 export { default as OpenChannelSettings } from './OpenChannelSettings.js';
 export { default as MessageSearch } from './MessageSearch.js';
 export { default as withSendBird } from './withSendbird.js';
 export { default as sendBirdSelectors, default as sendbirdSelectors } from './sendbirdSelectors.js';
 export { useSendbirdStateContext } from './useSendbirdStateContext.js';
-export { T as TypingIndicatorType } from './chunks/bundle-DlHudqve.js';
-import './chunks/bundle-CVDtzU3E.js';
+export { T as TypingIndicatorType } from './chunks/bundle-5okwu0-4.js';
+import './chunks/bundle-D_KO6Orc.js';
 import 'react';
 import '@sendbird/uikit-tools';
 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 './chunks/bundle-CkInAxxb.js';
+import './chunks/bundle-BFDyBk4r.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-DI3fL4Xw.js';
-import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-CT3xDvIx.js';
-import './chunks/bundle-1ymLj4Og.js';
-import './chunks/bundle-DxdGwARh.js';
-import './chunks/bundle-BlHQV-25.js';
+import './chunks/bundle-CwofYH9U.js';
+import './chunks/bundle-C_n2Emjx.js';
+import './chunks/bundle-C0LxowmB.js';
+import './chunks/bundle-BJ9OAqWz.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-BX0LQWqY.js';
-import './chunks/bundle-BxBdkxXV.js';
-import './chunks/bundle-CCUBCV04.js';
+import './chunks/bundle-CJIPD7gN.js';
+import './chunks/bundle-CcTHgZqq.js';
+import './chunks/bundle-BSPBjwR6.js';
 import 'react-dom';
-import './chunks/bundle-CLqgMCvn.js';
+import './chunks/bundle-BuIxT5aZ.js';
 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-BHOxoDJO.js';
+import './chunks/bundle-RpPfSzD9.js';
 import './hooks/useModal.js';
-import './ui/ContextMenu.js';
-import './ui/SortByRow.js';
 import './GroupChannel.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 './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 './utils/message/getOutgoingMessageState.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';
@@ -103,19 +102,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';
@@ -123,64 +122,65 @@ 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.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 './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-CVFMpKJZ.js';
+import './chunks/bundle-PsMmoXV_.js';
 import './Thread/context/types.js';
-import './chunks/bundle-C6ZXjQ1L.js';
-import './chunks/bundle-CAki7JUf.js';
+import './chunks/bundle-DTDkmegk.js';
+import './chunks/bundle-CPszRkFg.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-Cvm8Ag45.js';
-import './chunks/bundle-DQnpJfyk.js';
+import './chunks/bundle-B5kwbUC5.js';
+import './chunks/bundle-BKG2cvZ9.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -195,37 +195,37 @@ 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 './chunks/bundle-VttuSapS.js';
-import './chunks/bundle-D3OeBr-9.js';
+import './chunks/bundle-C8TvjQ68.js';
+import './chunks/bundle-ynxAt7xC.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
 import './Channel/context.js';
-import './chunks/bundle-D6kFzMhH.js';
+import './chunks/bundle-XGYpSNOg.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 './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-CYtZF1xr.js';
+import './chunks/bundle-BoezGGkX.js';
 import './OpenChannel/components/OpenChannelInput.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
-import './chunks/bundle-BAsn0CBE.js';
-import './chunks/bundle-Dypl_pLH.js';
+import './chunks/bundle-BhjXV0mk.js';
+import './chunks/bundle-BJs_5v6q.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
@@ -236,7 +236,7 @@ import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-CjW6ZQ1k.js';
+import './chunks/bundle-azFrmmyK.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';

package/package.json

@@ -36,13 +36,13 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.13.3",
+  "version": "3.14.0-beta.2",
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@sendbird/chat": "^4.11.0",
+    "@sendbird/chat": "^4.11.3",
     "@sendbird/react-uikit-message-template-view": "0.0.1-alpha.65",
     "@sendbird/uikit-tools": "0.0.1-alpha.65",
     "css-vars-ponyfill": "^2.3.2",
@@ -1207,6 +1207,12 @@
       "require": "./cjs/ui/MobileFeedbackMenu.js",
       "import": "./ui/MobileFeedbackMenu.js",
       "default": "./ui/MobileFeedbackMenu.js"
+    },
+    "./ui/Carousel": {
+      "types": "./types/ui/Carousel/index.d.ts",
+      "require": "./cjs/ui/Carousel.js",
+      "import": "./ui/Carousel.js",
+      "default": "./ui/Carousel.js"
     }
   },
   "typesVersions": {
@@ -1786,6 +1792,9 @@
       ],
       "ui/MobileFeedbackMenu": [
         "./types/ui/MobileFeedbackMenu/index.d.ts"
+      ],
+      "ui/Carousel": [
+        "./types/ui/Carousel/index.d.ts"
       ]
     }
   }

package/pubSub/topics.js

@@ -1,2 +1,2 @@
-export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-DEqxoG9B.js';
+export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-Bf5VthYV.js';
 //# sourceMappingURL=topics.js.map

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-DEqxoG9B.js';
-import { n as noop } from './chunks/bundle-CT3xDvIx.js';
+import { p as pubSubTopics } from './chunks/bundle-Bf5VthYV.js';
+import { n as noop } from './chunks/bundle-CwofYH9U.js';
 
 /**
  * 1. UIKit Instances

package/types/lib/dux/appInfo/actionTypes.d.ts

@@ -2,9 +2,9 @@ import { CreateAction } from '../../../utils/typeHelpers/reducers/createAction';
 import { MessageTemplatesInfo, ProcessedMessageTemplate } from './initialState';
 export declare const APP_INFO_ACTIONS: {
     readonly INITIALIZE_MESSAGE_TEMPLATES_INFO: "INITIALIZE_MESSAGE_TEMPLATES_INFO";
-    readonly UPSERT_MESSAGE_TEMPLATE: "UPSERT_MESSAGE_TEMPLATE";
-    readonly UPSERT_WAITING_TEMPLATE_KEY: "UPSERT_WAITING_TEMPLATE_KEY";
-    readonly MARK_ERROR_WAITING_TEMPLATE_KEY: "MARK_ERROR_WAITING_TEMPLATE_KEY";
+    readonly UPSERT_MESSAGE_TEMPLATES: "UPSERT_MESSAGE_TEMPLATES";
+    readonly UPSERT_WAITING_TEMPLATE_KEYS: "UPSERT_WAITING_TEMPLATE_KEYS";
+    readonly MARK_ERROR_WAITING_TEMPLATE_KEYS: "MARK_ERROR_WAITING_TEMPLATE_KEYS";
 };
 export type TemplatesMapData = {
     key: string;
@@ -12,13 +12,14 @@ export type TemplatesMapData = {
 };
 type APP_INFO_PAYLOAD_TYPES = {
     [APP_INFO_ACTIONS.INITIALIZE_MESSAGE_TEMPLATES_INFO]: MessageTemplatesInfo;
-    [APP_INFO_ACTIONS.UPSERT_MESSAGE_TEMPLATE]: TemplatesMapData;
-    [APP_INFO_ACTIONS.UPSERT_WAITING_TEMPLATE_KEY]: {
-        key: string;
+    [APP_INFO_ACTIONS.UPSERT_MESSAGE_TEMPLATES]: TemplatesMapData[];
+    [APP_INFO_ACTIONS.UPSERT_WAITING_TEMPLATE_KEYS]: {
+        keys: string[];
         requestedAt: number;
     };
-    [APP_INFO_ACTIONS.MARK_ERROR_WAITING_TEMPLATE_KEY]: {
-        key: string;
+    [APP_INFO_ACTIONS.MARK_ERROR_WAITING_TEMPLATE_KEYS]: {
+        keys: string[];
+        messageId: number;
     };
 };
 export type AppInfoActionTypes = CreateAction<APP_INFO_PAYLOAD_TYPES>;

package/types/lib/dux/appInfo/initialState.d.ts

@@ -8,7 +8,7 @@ export interface MessageTemplatesInfo {
 }
 export interface WaitingTemplateKeyData {
     requestedAt: number;
-    isError: boolean;
+    erroredMessageIds: number[];
 }
 export interface AppInfoStateType {
     messageTemplatesInfo?: MessageTemplatesInfo;

package/types/lib/dux/appInfo/utils.d.ts

@@ -4,4 +4,4 @@ import { SendbirdMessageTemplate } from '../../../ui/TemplateMessageItemBody/typ
  * Takes JSON parsed template and then returns processed message template for storing it in global state.
  */
 export declare const getProcessedTemplate: (parsedTemplate: SendbirdMessageTemplate) => ProcessedMessageTemplate;
-export declare const getProcessedTemplates: (parsedTemplates: SendbirdMessageTemplate[]) => Record<string, ProcessedMessageTemplate>;
+export declare const getProcessedTemplatesMap: (parsedTemplates: SendbirdMessageTemplate[]) => Record<string, ProcessedMessageTemplate>;

package/types/lib/hooks/useMessageTemplateUtils.d.ts

@@ -11,7 +11,7 @@ interface UseMessageTemplateUtilsProps {
 }
 export interface UseMessageTemplateUtilsWrapper {
     getCachedTemplate: (key: string) => ProcessedMessageTemplate | null;
-    updateMessageTemplatesInfo: (templateKey: string, requestedAt: number) => Promise<void>;
+    updateMessageTemplatesInfo: (templateKeys: string[], messageId: number, requestedAt: number) => Promise<void>;
     initializeMessageTemplatesInfo: (readySdk: SendbirdChat) => Promise<void>;
 }
 export default function useMessageTemplateUtils({ sdk, logger, appInfoStore, appInfoDispatcher, }: UseMessageTemplateUtilsProps): UseMessageTemplateUtilsWrapper;

package/types/lib/types.d.ts

@@ -185,7 +185,7 @@ export type UIKitOptions = PartialDeep<{
 export type SendbirdChatInitParams = Omit<SendbirdChatParams<Module[]>, 'appId'>;
 export type CustomExtensionParams = Record<string, string>;
 export type SendbirdProviderUtils = {
-    updateMessageTemplatesInfo: (templateKey: string, createdAt: number) => Promise<void>;
+    updateMessageTemplatesInfo: (templateKeys: string[], messageId: number, createdAt: number) => Promise<void>;
     getCachedTemplate: (key: string) => ProcessedMessageTemplate | null;
 };
 export {};

package/types/modules/GroupChannel/components/FileViewer/FileViewerView.d.ts

@@ -1,13 +1,12 @@
 import './index.scss';
-import React, { MouseEvent } from 'react';
+import React from 'react';
 import { FileViewerProps } from '.';
 import type { CoreMessageType, SendableMessageType } from '../../../../utils';
 type DeleteMessageTypeLegacy = (message: CoreMessageType) => Promise<void>;
 export interface FileViewerViewProps extends FileViewerProps {
     deleteMessage: ((message: SendableMessageType) => Promise<void>) | DeleteMessageTypeLegacy;
-    onDownloadClick?: (e: MouseEvent) => Promise<void>;
 }
-export declare const FileViewerView: ({ message, onCancel, deleteMessage, onDownloadClick, }: FileViewerViewProps) => React.ReactPortal;
+export declare const FileViewerView: ({ message, onCancel, deleteMessage, }: FileViewerViewProps) => React.ReactPortal;
 export interface FileViewerUIProps {
     profileUrl: string;
     nickname: string;
@@ -18,7 +17,6 @@ export interface FileViewerUIProps {
     onCancel: () => void;
     onDelete: () => void;
     disableDelete: boolean;
-    onDownloadClick?: (e: MouseEvent) => Promise<void>;
 }
-export declare const FileViewerComponent: ({ profileUrl, nickname, name, type, url, isByMe, onCancel, onDelete, disableDelete, onDownloadClick, }: FileViewerUIProps) => React.JSX.Element;
+export declare const FileViewerComponent: ({ profileUrl, nickname, name, type, url, isByMe, onCancel, onDelete, disableDelete, }: FileViewerUIProps) => React.JSX.Element;
 export {};

package/types/modules/GroupChannel/components/Message/MessageView.d.ts

@@ -7,7 +7,6 @@ import { ThreadReplySelectType } from '../../context/const';
 import { CoreMessageType, SendableMessageType } from '../../../../utils';
 import { MessageContentProps } from '../../../../ui/MessageContent';
 import { SuggestedRepliesProps } from '../SuggestedReplies';
-import type { OnBeforeDownloadFileMessageType } from '../../context/GroupChannelProvider';
 export interface MessageProps {
     message: EveryMessage;
     hasSeparator?: boolean;
@@ -73,11 +72,6 @@ export interface MessageViewProps extends MessageProps {
         message: EveryMessage;
         onCancel: () => void;
     }) => React.ReactElement;
-    /**
-     * You can't use this prop in the Channel component (legacy).
-     * Accepting this prop only for the GroupChannel.
-    */
-    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
     animatedMessageId: number;
     setAnimatedMessageId: React.Dispatch<React.SetStateAction<number>>;
     onMessageAnimated?: () => void;

package/types/modules/GroupChannel/components/MessageTemplateWrapper/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import { ReactElement } from 'react';
 import { BaseMessage } from '@sendbird/chat/message';
 import { MessageTemplateProps } from '../../../../ui/MessageTemplate';
 export interface MessageTemplateWrapperProps extends MessageTemplateProps {
     message: BaseMessage;
 }
-export declare const MessageTemplateWrapper: ({ message, templateItems }: MessageTemplateWrapperProps) => React.JSX.Element;
+export declare const MessageTemplateWrapper: ({ message, templateItems, }: MessageTemplateWrapperProps) => ReactElement;
 export default MessageTemplateWrapper;

package/types/modules/GroupChannel/context/GroupChannelProvider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SendbirdError, User } from '@sendbird/chat';
-import { FileMessageCreateParams, MultipleFilesMessageCreateParams, UserMessageCreateParams, UserMessageUpdateParams, type FileMessage, type MultipleFilesMessage } from '@sendbird/chat/message';
+import { FileMessageCreateParams, MultipleFilesMessageCreateParams, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
 import type { GroupChannel, MessageCollectionParams, MessageFilterParams } from '@sendbird/chat/groupChannel';
 import { useGroupChannelMessages } from '@sendbird/uikit-tools';
 import type { SendableMessageType } from '../../../utils';
@@ -14,10 +14,6 @@ type OnBeforeHandler<T> = (params: T) => T | Promise<T>;
 type MessageListQueryParamsType = Omit<MessageCollectionParams, 'filter'> & MessageFilterParams;
 type MessageActions = ReturnType<typeof useMessageActions>;
 type MessageListDataSourceWithoutActions = Omit<ReturnType<typeof useGroupChannelMessages>, keyof MessageActions | `_dangerous_${string}`>;
-export type OnBeforeDownloadFileMessageType = (params: {
-    message: FileMessage | MultipleFilesMessage;
-    index?: number;
-}) => Promise<boolean>;
 interface ContextBaseType {
     channelUrl: string;
     isReactionEnabled?: boolean;
@@ -38,7 +34,6 @@ interface ContextBaseType {
     onBeforeSendVoiceMessage?: OnBeforeHandler<FileMessageCreateParams>;
     onBeforeSendMultipleFilesMessage?: OnBeforeHandler<MultipleFilesMessageCreateParams>;
     onBeforeUpdateUserMessage?: OnBeforeHandler<UserMessageUpdateParams>;
-    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
     onBackClick?(): void;
     onChatHeaderActionClick?(event: React.MouseEvent<HTMLElement>): void;
     onReplyInThreadClick?: (props: {

package/types/modules/Thread/components/ParentMessageInfo/ParentMessageInfoItem.d.ts

@@ -1,11 +1,9 @@
 import { ReactElement } from 'react';
 import './ParentMessageInfoItem.scss';
 import { SendableMessageType } from '../../../../utils';
-import type { OnBeforeDownloadFileMessageType } from '../../../GroupChannel/context/GroupChannelProvider';
 export interface ParentMessageInfoItemProps {
     className?: string;
     message: SendableMessageType;
     showFileViewer?: (bool: boolean) => void;
-    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
 }
-export default function ParentMessageInfoItem({ className, message, showFileViewer, onBeforeDownloadFileMessage, }: ParentMessageInfoItemProps): ReactElement;
+export default function ParentMessageInfoItem({ className, message, showFileViewer, }: ParentMessageInfoItemProps): ReactElement;

package/types/modules/Thread/context/ThreadProvider.d.ts

@@ -5,7 +5,6 @@ import type { BaseMessage, FileMessage, FileMessageCreateParams, MultipleFilesMe
 import { ThreadContextInitialState } from './dux/initialState';
 import { SendMessageParams } from './hooks/useSendUserMessageCallback';
 import { SendableMessageType } from '../../../utils';
-import type { OnBeforeDownloadFileMessageType } from '../../GroupChannel/context/GroupChannelProvider';
 export type ThreadProviderProps = {
     children?: React.ReactElement;
     channelUrl: string;
@@ -19,7 +18,6 @@ export type ThreadProviderProps = {
     onBeforeSendFileMessage?: (file: File, quotedMessage?: SendableMessageType) => FileMessageCreateParams;
     onBeforeSendVoiceMessage?: (file: File, quotedMessage?: SendableMessageType) => FileMessageCreateParams;
     onBeforeSendMultipleFilesMessage?: (files: Array<File>, quotedMessage?: SendableMessageType) => MultipleFilesMessageCreateParams;
-    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
     disableUserProfile?: boolean;
     renderUserProfile?: (props: {
         user: User;

package/types/types.d.ts

@@ -70,3 +70,8 @@ export interface UploadedFileInfoWithUpload {
     isUploaded?: boolean;
 }
 export type SendbirdTheme = 'light' | 'dark';
+export declare enum MessageContentMiddleContainerType {
+    DEFAULT = "default",
+    WIDE = "wide",
+    FULL = "full"
+}

package/types/ui/Avatar/index.d.ts

@@ -17,6 +17,7 @@ interface AvatarProps {
     width?: string | number;
     zIndex?: string | number;
     left?: string;
+    bottom?: string;
     src?: string | Array<string>;
     alt?: string;
     onClick?(): void;

package/types/ui/Carousel/index.d.ts

@@ -0,0 +1,10 @@
+import './index.scss';
+import React, { ReactElement } from 'react';
+interface CarouselProps {
+    id: string;
+    items: ReactElement[];
+    gap?: number;
+    classNameWithTouchAction?: string;
+}
+export declare const Carousel: React.MemoExoticComponent<({ id, items, gap, classNameWithTouchAction, }: CarouselProps) => ReactElement>;
+export default Carousel;

package/types/ui/FileMessageItemBody/index.d.ts

@@ -1,7 +1,6 @@
 import './index.scss';
 import { ReactElement } from 'react';
 import type { FileMessage } from '@sendbird/chat/message';
-import type { OnBeforeDownloadFileMessageType } from '../../modules/GroupChannel/context/GroupChannelProvider';
 interface Props {
     className?: string | Array<string>;
     message: FileMessage;
@@ -9,7 +8,6 @@ interface Props {
     mouseHover?: boolean;
     isReactionEnabled?: boolean;
     truncateLimit?: number;
-    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
 }
-export default function FileMessageItemBody({ className, message, isByMe, mouseHover, isReactionEnabled, truncateLimit, onBeforeDownloadFileMessage, }: Props): ReactElement;
+export default function FileMessageItemBody({ className, message, isByMe, mouseHover, isReactionEnabled, truncateLimit, }: Props): ReactElement;
 export {};