@sendbird/uikit-react 3.9.3 → 3.10.1

package/hooks/useModal.js

@@ -1,17 +1,17 @@
-import { a as __spreadArray, _ as __assign } from '../chunks/bundle-t6JaUd1b.js';
+import { a as __spreadArray, _ as __assign } from '../chunks/bundle-GKopZh-T.js';
 import React__default, { createContext, useState, useCallback, useMemo, useContext } from 'react';
-import { K } from '../chunks/bundle-2axFKCIx.js';
-import { n as noop } from '../chunks/bundle-f-bQSvmA.js';
-import { M as Modal } from '../chunks/bundle-q1M15U1p.js';
-export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-q1M15U1p.js';
+import { K } from '../chunks/bundle-kfNTRju0.js';
+import { n as noop } from '../chunks/bundle-WpHDilD_.js';
+import { M as Modal } from '../chunks/bundle-VPanFdbf.js';
+export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-VPanFdbf.js';
 import 'react-dom';
-import '../chunks/bundle-KjVIQqaY.js';
-import '../chunks/bundle-olZmltOQ.js';
-import '../chunks/bundle-vAvSNdmj.js';
-import '../chunks/bundle-ior2BlUD.js';
+import '../chunks/bundle-y_LgB6DS.js';
+import '../chunks/bundle-YmIrZYPF.js';
+import '../chunks/bundle-TV4-nyqN.js';
+import '../chunks/bundle-KmauOTrg.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-mxq273ll.js';
+import '../chunks/bundle-dWJnfDPH.js';
 import '../ui/Icon.js';
 
 var GlobalModalContext = createContext({

package/index.js

@@ -3,71 +3,71 @@ 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-olZmltOQ.js';
+export { g as getStringSet } from './chunks/bundle-YmIrZYPF.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-L_mUjiuK.js';
-import './chunks/bundle-t6JaUd1b.js';
+export { T as TypingIndicatorType } from './chunks/bundle-NYZlEPQ4.js';
+import './chunks/bundle-GKopZh-T.js';
 import 'react';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import './chunks/bundle-2axFKCIx.js';
-import './chunks/bundle-A36uZCDl.js';
+import './chunks/bundle-kfNTRju0.js';
+import './chunks/bundle-H2Il__gY.js';
 import '@sendbird/chat';
-import './chunks/bundle-hEvM6x_9.js';
+import './chunks/bundle-aeQZ5WsP.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-NZcldiSn.js';
+import './chunks/bundle-uk2Y0AQu.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-f-bQSvmA.js';
-import './chunks/bundle-jzsK-B6H.js';
-import './chunks/bundle-joPrRU5E.js';
+import './chunks/bundle-WpHDilD_.js';
+import './chunks/bundle-J_erGfOo.js';
+import './chunks/bundle-ZKM9Qk_j.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-KjVIQqaY.js';
-import './chunks/bundle-vAvSNdmj.js';
-import './chunks/bundle-q1M15U1p.js';
+import './chunks/bundle-y_LgB6DS.js';
+import './chunks/bundle-TV4-nyqN.js';
+import './chunks/bundle-VPanFdbf.js';
 import 'react-dom';
-import './chunks/bundle-ior2BlUD.js';
+import './chunks/bundle-KmauOTrg.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-mxq273ll.js';
+import './chunks/bundle-dWJnfDPH.js';
 import './ui/Icon.js';
-import './chunks/bundle-EvZinAAd.js';
+import './chunks/bundle-zpSxKsxM.js';
 import './hooks/useModal.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-fe2EF_iJ.js';
-import './chunks/bundle-KF1IhHsV.js';
-import './chunks/bundle-4PBxOF7r.js';
-import './chunks/bundle-jJZAQH44.js';
+import './chunks/bundle-cHbX4Rxo.js';
+import './chunks/bundle-ku6CEjGk.js';
+import './chunks/bundle-xsV7pD8p.js';
+import './chunks/bundle-WDOQg3ty.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-79RbKDD4.js';
+import './chunks/bundle-cXqs96Pt.js';
 import './Thread/context/types.js';
-import './chunks/bundle-mW5agIOj.js';
-import './chunks/bundle-l9d09gzQ.js';
+import './chunks/bundle-pWIkt9Ng.js';
+import './chunks/bundle-yur9nm4N.js';
 import './Thread/components/ThreadUI.js';
-import './chunks/bundle-DXjnvT3X.js';
+import './chunks/bundle-JbVZ1Tsw.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-KVQUrA22.js';
-import './chunks/bundle-hnbY99fx.js';
+import './chunks/bundle-mTQPBbmZ.js';
+import './chunks/bundle-Lt8mReNU.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/ImageRenderer.js';
 import './ui/TextButton.js';
-import './chunks/bundle-yND4UFpN.js';
+import './chunks/bundle-OZZH5fXZ.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-IHKKjTVb.js';
+import './chunks/bundle-W8t7rR3H.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
 import './ui/BottomSheet.js';
 import './ui/UserListItem.js';
-import './chunks/bundle-vVdAEhWk.js';
-import './chunks/bundle-gdweDZjg.js';
+import './chunks/bundle-X3h4GiLa.js';
+import './chunks/bundle-Kv4GXRTs.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
@@ -79,73 +79,74 @@ import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
 import './ui/PlaybackTime.js';
 import './ui/Loader.js';
-import './chunks/bundle-LFXAxMSp.js';
-import './chunks/bundle-nyXhTs2k.js';
+import './chunks/bundle-GbC4a59M.js';
+import './chunks/bundle-Gkl7Q1IK.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
-import './chunks/bundle-wZlSE8gx.js';
-import './chunks/bundle-MtGjgUxA.js';
-import './chunks/bundle-oaL-WZdX.js';
-import './chunks/bundle-XlrrUjEJ.js';
+import './chunks/bundle-ucXG1Py7.js';
+import './chunks/bundle-DeRyZP32.js';
+import './chunks/bundle-xgiw36M5.js';
+import './chunks/bundle-J79McRkg.js';
+import './chunks/bundle-f9mkey82.js';
 import './Channel/hooks/useInitialMessagesFetch.js';
 import './Channel/components/SuggestedMentionList.js';
-import './chunks/bundle-rcUMtSzr.js';
+import './chunks/bundle-1WAo3loP.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-uNgbgg3h.js';
+import './chunks/bundle-iYCB6XN2.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-zL2GggA_.js';
+import './chunks/bundle-ETZY-eQc.js';
 import 'dompurify';
-import './chunks/bundle-mO3J4SXS.js';
-import './chunks/bundle-Q-3uYmLU.js';
-import './chunks/bundle-iGWTklyk.js';
-import './chunks/bundle-Xp-L1BVs.js';
+import './chunks/bundle-_-2NCsYr.js';
+import './chunks/bundle-Jp5g4YZl.js';
+import './chunks/bundle-KSjFhl4l.js';
+import './chunks/bundle-d6R6m9-9.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-_nBy-aBx.js';
-import './chunks/bundle-TSWaRDnP.js';
-import './chunks/bundle-yT-RH-aL.js';
+import './chunks/bundle-MyYphU00.js';
+import './chunks/bundle-PZta2LmS.js';
+import './chunks/bundle-VCZsMdpB.js';
 import './ui/TextMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/ThumbnailMessageItemBody.js';
-import './chunks/bundle-v7nqMv6h.js';
+import './chunks/bundle-aVVX2zHR.js';
 import './ui/UnknownMessageItemBody.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './chunks/bundle-Zzg_Wc7p.js';
+import './chunks/bundle-gEwUSFTG.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-uDxWy2vD.js';
+import './chunks/bundle-ldRkCosA.js';
 import './Channel/hooks/useHandleUploadFiles.js';
-import './chunks/bundle-21p8ODP_.js';
+import './chunks/bundle-LEanaSuB.js';
 import './ui/PlaceHolder.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-ZbGteG77.js';
+import './chunks/bundle-lmXvuxOb.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-PCj9QYWV.js';
+import './chunks/bundle-tca5p7Pl.js';
 import './ui/Badge.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-qnTU06K7.js';
+import './chunks/bundle-MzSKVbUQ.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-K0r8aWXg.js';
+import './chunks/bundle-ipC2A4Tb.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-amfimmWY.js';
+import './chunks/bundle-ZcE3JzW_.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
@@ -161,27 +162,27 @@ import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-OiOYIWNt.js';
+import './chunks/bundle-iWI3kIle.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-v0nGdiTZ.js';
-import './chunks/bundle-YknGoAU3.js';
+import './chunks/bundle-HkbweK1K.js';
+import './chunks/bundle-F3QT9IFj.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
-import './chunks/bundle-W0Wz_roj.js';
+import './chunks/bundle-Fkv6nKcy.js';
 import './OpenChannelSettings/components/OpenChannelSettingsUI.js';
 import './OpenChannelSettings/context.js';
 import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-0-7ScOR7.js';
+import './chunks/bundle-E33Oa46E.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';
@@ -191,6 +192,9 @@ import './ui/MessageContent.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
 import './ui/ThreadReplies.js';
+import './ui/FeedbackIconButton.js';
+import './ui/MobileFeedbackMenu.js';
+import './Channel/components/MessageFeedbackModal.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
 import './Channel/utils/getMessagePartsInfo.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -36,14 +36,14 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.9.3",
+  "version": "3.10.1",
   "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.10.1",
-    "@sendbird/uikit-tools": "0.0.1-alpha.43",
+    "@sendbird/chat": "^4.10.6",
+    "@sendbird/uikit-tools": "0.0.1-alpha.57",
     "css-vars-ponyfill": "^2.3.2",
     "date-fns": "^2.16.1",
     "dompurify": "^3.0.1"
@@ -355,6 +355,12 @@
       "import": "./Channel/components/RemoveMessageModal.js",
       "default": "./Channel/components/RemoveMessageModal.js"
     },
+    "./Channel/components/MessageFeedbackModal": {
+      "types": "./types/modules/Channel/components/MessageFeedbackModal/index.d.ts",
+      "require": "./cjs/Channel/components/MessageFeedbackModal.js",
+      "import": "./Channel/components/MessageFeedbackModal.js",
+      "default": "./Channel/components/MessageFeedbackModal.js"
+    },
     "./Channel/components/TypingIndicator": {
       "types": "./types/modules/Channel/components/TypingIndicator.d.ts",
       "require": "./cjs/Channel/components/TypingIndicator.js",
@@ -1026,6 +1032,18 @@
       "require": "./cjs/ui/Word.js",
       "import": "./ui/Word.js",
       "default": "./ui/Word.js"
+    },
+    "./ui/FeedbackIconButton": {
+      "types": "./types/ui/FeedbackIconButton/index.d.ts",
+      "require": "./cjs/ui/FeedbackIconButton.js",
+      "import": "./ui/FeedbackIconButton.js",
+      "default": "./ui/FeedbackIconButton.js"
+    },
+    "./ui/MobileFeedbackMenu": {
+      "types": "./types/ui/MobileFeedbackMenu/index.d.ts",
+      "require": "./cjs/ui/MobileFeedbackMenu.js",
+      "import": "./ui/MobileFeedbackMenu.js",
+      "default": "./ui/MobileFeedbackMenu.js"
     }
   },
   "typesVersions": {
@@ -1180,6 +1198,9 @@
       "Channel/components/RemoveMessageModal": [
         "./types/modules/Channel/components/RemoveMessageModal.d.ts"
       ],
+      "Channel/components/MessageFeedbackModal": [
+        "./types/modules/Channel/components/MessageFeedbackModal/index.d.ts"
+      ],
       "Channel/components/TypingIndicator": [
         "./types/modules/Channel/components/TypingIndicator.d.ts"
       ],
@@ -1515,6 +1536,12 @@
       ],
       "ui/Word": [
         "./types/ui/Word/index.d.ts"
+      ],
+      "ui/FeedbackIconButton": [
+        "./types/ui/FeedbackIconButton/index.d.ts"
+      ],
+      "ui/MobileFeedbackMenu": [
+        "./types/ui/MobileFeedbackMenu/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-KF1IhHsV.js';
+export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-ku6CEjGk.js';
 //# sourceMappingURL=topics.js.map

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-KF1IhHsV.js';
-import { n as noop } from './chunks/bundle-f-bQSvmA.js';
+import { p as pubSubTopics } from './chunks/bundle-ku6CEjGk.js';
+import { n as noop } from './chunks/bundle-WpHDilD_.js';
 
 /**
  * 1. UIKit Instances

package/types/hooks/useKeyDown/data.mock.d.ts

@@ -0,0 +1,2 @@
+import { FileInfo } from '../../ui/FileViewer/types';
+export declare const FILE_INFO_LIST: FileInfo[];

package/types/hooks/useKeyDown/useKeyDown.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+type KeyDownCallbackMap = Record<string, (event: React.KeyboardEvent<HTMLDivElement>) => void>;
+export declare function useKeyDown(ref: React.RefObject<HTMLDivElement>, keyDownCallbackMap: KeyDownCallbackMap): React.KeyboardEventHandler<HTMLDivElement>;
+export {};

package/types/lib/types.d.ts

@@ -77,6 +77,7 @@ export interface SendBirdStateConfig {
         enableDocument: SBUConfig['groupChannel']['channel']['input']['enableDocument'];
         threadReplySelectType: SBUConfig['groupChannel']['channel']['threadReplySelectType'];
         typingIndicatorTypes: SBUConfig['groupChannel']['channel']['typingIndicatorTypes'];
+        enableFeedback: SBUConfig['groupChannel']['channel']['enableFeedback'];
     };
     openChannel: {
         enableOgtag: SBUConfig['openChannel']['channel']['enableOgtag'];

package/types/modules/Channel/components/ChannelUI/index.d.ts

@@ -1,13 +1,15 @@
 import './channel-ui.scss';
 import React from 'react';
-import { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';
+import type { MessageContentProps } from '../../../../ui/MessageContent';
+import { RenderCustomSeparatorProps, RenderMessageParamsType } from '../../../../types';
 export interface ChannelUIProps {
     isLoading?: boolean;
     renderPlaceholderLoader?: () => React.ReactElement;
     renderPlaceholderInvalid?: () => React.ReactElement;
     renderPlaceholderEmpty?: () => React.ReactElement;
     renderChannelHeader?: () => React.ReactElement;
-    renderMessage?: (props: RenderMessageProps) => React.ReactElement;
+    renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
+    renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
     renderMessageInput?: () => React.ReactElement;
     renderFileUploadIcon?: () => React.ReactElement;
     renderVoiceMessageIcon?: () => React.ReactElement;

package/types/modules/Channel/components/Message/index.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
-import { EveryMessage, RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';
-type MessageUIProps = {
+import { type MessageContentProps } from '../../../../ui/MessageContent';
+import { EveryMessage, RenderCustomSeparatorProps, RenderMessageParamsType } from '../../../../types';
+export interface MessageUIProps {
     message: EveryMessage;
     hasSeparator?: boolean;
     chainTop?: boolean;
     chainBottom?: boolean;
     handleScroll?: (isBottomMessageAffected?: boolean) => void;
-    renderMessage?: (props: RenderMessageProps) => React.ReactElement;
+    renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
+    renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
     renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
     renderEditInput?: () => React.ReactElement;
-    renderMessageContent?: () => React.ReactElement;
-};
-declare const Message: ({ message, hasSeparator, chainTop, chainBottom, handleScroll, renderCustomSeparator, renderEditInput, renderMessage, renderMessageContent, }: MessageUIProps) => React.ReactElement;
+}
+declare const Message: (props: MessageUIProps) => React.ReactElement;
 export default Message;

package/types/modules/Channel/components/MessageFeedbackFailedModal/index.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import '../MessageFeedbackModal/index.scss';
+export interface MessageFeedbackFailedModalProps {
+    text: string;
+    onCancel?: () => void;
+}
+export default function MessageFeedbackFailedModal(props: MessageFeedbackFailedModalProps): ReactElement;

package/types/modules/Channel/components/MessageFeedbackModal/index.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import './index.scss';
+import { CoreMessageType } from '../../../../utils';
+import { FeedbackRating } from '@sendbird/chat/message';
+export interface MessageFeedbackModalProps {
+    selectedFeedback: FeedbackRating | undefined;
+    message: CoreMessageType;
+    onClose?: () => void;
+    onSubmit?: (selectedFeedback: FeedbackRating, comment: string) => void;
+    onUpdate?: (selectedFeedback: FeedbackRating, comment: string) => void;
+    onRemove?: () => void;
+}
+export default function MessageFeedbackModal(props: MessageFeedbackModalProps): ReactElement;

package/types/modules/Channel/components/MessageInput/index.d.ts

@@ -6,6 +6,7 @@ export type MessageInputWrapperProps = {
     renderFileUploadIcon?: () => React.ReactElement;
     renderVoiceMessageIcon?: () => React.ReactElement;
     renderSendMessageIcon?: () => React.ReactElement;
+    acceptableMimeTypes?: string[];
 };
 export { VoiceMessageInputWrapper, VoiceMessageInputWrapperProps, } from './VoiceMessageInputWrapper';
 declare const _default: React.ForwardRefExoticComponent<MessageInputWrapperProps & React.RefAttributes<any>>;

package/types/modules/Channel/components/MessageList/index.d.ts

@@ -1,9 +1,11 @@
 import './message-list.scss';
 import React from 'react';
-import { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';
+import type { MessageContentProps } from '../../../../ui/MessageContent';
+import { RenderCustomSeparatorProps, RenderMessageParamsType } from '../../../../types';
 export interface MessageListProps {
     className?: string;
-    renderMessage?: (props: RenderMessageProps) => React.ReactElement;
+    renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
+    renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
     renderPlaceholderEmpty?: () => React.ReactElement;
     renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
     renderPlaceholderLoader?: () => React.ReactElement;

package/types/modules/ChannelList/dux/actionTypes.d.ts

@@ -23,7 +23,6 @@ export declare const ON_CHANNEL_FROZEN = "ON_CHANNEL_FROZEN";
 export declare const ON_CHANNEL_UNFROZEN = "ON_CHANNEL_UNFROZEN";
 export declare const ON_READ_RECEIPT_UPDATED = "ON_READ_RECEIPT_UPDATED";
 export declare const ON_DELIVERY_RECEIPT_UPDATED = "ON_DELIVERY_RECEIPT_UPDATED";
-export declare const CHANNEL_REPLACED_TO_TOP = "CHANNEL_REPLACED_TO_TOP";
 export declare const CHANNEL_LIST_PARAMS_UPDATED = "CHANNEL_LIST_PARAMS_UPDATED";
 type CHANNEL_LIST_PAYLOAD_TYPES = {
     [RESET_CHANNEL_LIST]: null;
@@ -57,7 +56,6 @@ type CHANNEL_LIST_PAYLOAD_TYPES = {
     [ON_CHANNEL_UNFROZEN]: GroupChannel;
     [ON_READ_RECEIPT_UPDATED]: GroupChannel;
     [ON_DELIVERY_RECEIPT_UPDATED]: GroupChannel;
-    [CHANNEL_REPLACED_TO_TOP]: GroupChannel;
     [CHANNEL_LIST_PARAMS_UPDATED]: {
         channelListQuery: GroupChannelListQuery;
         currentUserId?: string;

package/types/modules/Thread/components/ThreadMessageInput/index.d.ts

@@ -6,6 +6,7 @@ export interface ThreadMessageInputProps {
     renderFileUploadIcon?: () => React.ReactElement;
     renderVoiceMessageIcon?: () => React.ReactElement;
     renderSendMessageIcon?: () => React.ReactElement;
+    acceptableMimeTypes?: string[];
 }
 declare const _default: React.ForwardRefExoticComponent<ThreadMessageInputProps & React.RefAttributes<any>>;
 export default _default;

package/types/types.d.ts

@@ -3,6 +3,7 @@ import type { User } from '@sendbird/chat';
 import type { Member } from '@sendbird/chat/groupChannel';
 import type { AdminMessage, FileMessage, MultipleFilesMessage, UserMessage } from '@sendbird/chat/message';
 import { CoreMessageType } from './utils';
+import { MessageUIProps } from './modules/Channel/components/Message';
 export type ReplyType = 'NONE' | 'QUOTE_REPLY' | 'THREAD';
 export type Nullable<T> = T | null;
 export type SpaceFromTriggerType = {
@@ -46,6 +47,7 @@ export interface RenderMessageProps {
     chainTop: boolean;
     chainBottom: boolean;
 }
+export type RenderMessageParamsType = Omit<MessageUIProps, 'renderMessage'>;
 export interface RenderCustomSeparatorProps {
     message: CoreMessageType;
 }

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

@@ -1,6 +1,9 @@
 import { ReactElement } from 'react';
 import './index.scss';
+import { LabelColors } from '../Label';
 import { ButtonTypes, ButtonSizes } from './types';
+import { ObjectValues } from '../../utils/typeHelpers/objectValues';
+import { Typography } from '../Label/types';
 export interface ButtonProps {
     className?: string | Array<string>;
     type?: ButtonTypes;
@@ -8,6 +11,8 @@ export interface ButtonProps {
     children: string | ReactElement;
     disabled?: boolean;
     onClick?: () => void;
+    labelType?: ObjectValues<typeof Typography>;
+    labelColor?: ObjectValues<typeof LabelColors>;
 }
-export default function Button({ className, type, size, children, disabled, onClick, }: ButtonProps): ReactElement;
+export default function Button({ className, type, size, children, disabled, onClick, labelType, labelColor, }: ButtonProps): ReactElement;
 export * from './types';

package/types/ui/Button/types.d.ts

@@ -2,7 +2,8 @@ export declare enum ButtonTypes {
     PRIMARY = "PRIMARY",
     SECONDARY = "SECONDARY",
     DANGER = "DANGER",
-    DISABLED = "DISABLED"
+    DISABLED = "DISABLED",
+    WARNING = "WARNING"
 }
 export declare enum ButtonSizes {
     BIG = "BIG",

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

@@ -0,0 +1,10 @@
+import React, { MouseEvent, ReactNode } from 'react';
+import './index.scss';
+export interface FeedbackIconButtonProps {
+    children: ReactNode;
+    isSelected: boolean;
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+}
+declare const FeedbackIconButton: React.ForwardRefExoticComponent<FeedbackIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default FeedbackIconButton;

package/types/ui/FileViewer/types.d.ts

@@ -26,7 +26,7 @@ export interface FileInfo {
     url: string;
 }
 export interface BaseViewer {
-    onClose: (e: React.MouseEvent) => void;
+    onClose: (e: React.MouseEvent | React.KeyboardEvent) => void;
 }
 export interface SingleFileViewer extends SenderInfo, FileInfo, BaseViewer {
     viewerType?: typeof ViewerTypes.SINGLE;

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

@@ -73,6 +73,8 @@ export declare const IconTypes: {
     readonly TOGGLE_OFF: "TOGGLE_OFF";
     readonly TOGGLE_ON: "TOGGLE_ON";
     readonly USER: "USER";
+    readonly FEEDBACK_LIKE: "FEEDBACK_LIKE";
+    readonly FEEDBACK_DISLIKE: "FEEDBACK_DISLIKE";
 };
 export declare const IconColors: {
     readonly DEFAULT: "DEFAULT";

package/types/ui/Icon/type.d.ts

@@ -57,5 +57,7 @@ export declare const Types: {
     readonly TOGGLE_OFF: "TOGGLE_OFF";
     readonly TOGGLE_ON: "TOGGLE_ON";
     readonly USER: "USER";
+    readonly FEEDBACK_LIKE: "FEEDBACK_LIKE";
+    readonly FEEDBACK_DISLIKE: "FEEDBACK_DISLIKE";
 };
 export type Types = typeof Types[keyof typeof Types];

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

@@ -10,6 +10,7 @@ export interface InputProps {
     disabled?: boolean;
     value?: string;
     placeHolder?: string;
+    autoFocus?: boolean;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

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

@@ -18,6 +18,7 @@ declare const LabelTypography: {
     readonly BODY_2: "BODY_2";
     readonly BUTTON_1: "BUTTON_1";
     readonly BUTTON_2: "BUTTON_2";
+    readonly BUTTON_3: "BUTTON_3";
     readonly CAPTION_1: "CAPTION_1";
     readonly CAPTION_2: "CAPTION_2";
     readonly CAPTION_3: "CAPTION_3";