@sendbird/uikit-react 3.9.3 → 3.10.0

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-Dv_OpODB.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-rQ1k1Cpu.js';
+import { n as noop } from '../chunks/bundle-kHH52OEM.js';
+import { M as Modal } from '../chunks/bundle-4vHal8Yn.js';
+export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-4vHal8Yn.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-AilPIINY.js';
+import '../chunks/bundle-P_LfQm7L.js';
+import '../chunks/bundle-26VX7FQg.js';
+import '../chunks/bundle-Uw736N77.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-mxq273ll.js';
+import '../chunks/bundle-cYhstyoi.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-P_LfQm7L.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-oW5LS1AU.js';
+import './chunks/bundle-Dv_OpODB.js';
 import 'react';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import './chunks/bundle-2axFKCIx.js';
-import './chunks/bundle-A36uZCDl.js';
+import './chunks/bundle-rQ1k1Cpu.js';
+import './chunks/bundle-XkweI7LG.js';
 import '@sendbird/chat';
-import './chunks/bundle-hEvM6x_9.js';
+import './chunks/bundle-mccz6DbW.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-NZcldiSn.js';
+import './chunks/bundle-aD4V4aI8.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-kHH52OEM.js';
+import './chunks/bundle-8XsN_e3a.js';
+import './chunks/bundle-QjcHKpDK.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-KjVIQqaY.js';
-import './chunks/bundle-vAvSNdmj.js';
-import './chunks/bundle-q1M15U1p.js';
+import './chunks/bundle-AilPIINY.js';
+import './chunks/bundle-26VX7FQg.js';
+import './chunks/bundle-4vHal8Yn.js';
 import 'react-dom';
-import './chunks/bundle-ior2BlUD.js';
+import './chunks/bundle-Uw736N77.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-mxq273ll.js';
+import './chunks/bundle-cYhstyoi.js';
 import './ui/Icon.js';
-import './chunks/bundle-EvZinAAd.js';
+import './chunks/bundle-QGpFq71p.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-Abz9zH51.js';
+import './chunks/bundle-tD8xAWw2.js';
+import './chunks/bundle-KpJtSqe-.js';
+import './chunks/bundle-gzQGUVJt.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-79RbKDD4.js';
+import './chunks/bundle-8XAFqDsw.js';
 import './Thread/context/types.js';
-import './chunks/bundle-mW5agIOj.js';
-import './chunks/bundle-l9d09gzQ.js';
+import './chunks/bundle-ej1sc1yZ.js';
+import './chunks/bundle-1pnUZsGs.js';
 import './Thread/components/ThreadUI.js';
-import './chunks/bundle-DXjnvT3X.js';
+import './chunks/bundle-Kt1S-50v.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-KVQUrA22.js';
-import './chunks/bundle-hnbY99fx.js';
+import './chunks/bundle-B_aR2jdp.js';
+import './chunks/bundle-TztVqjoB.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/ImageRenderer.js';
 import './ui/TextButton.js';
-import './chunks/bundle-yND4UFpN.js';
+import './chunks/bundle-y_DSrC-A.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-IHKKjTVb.js';
+import './chunks/bundle-tLQ87Jwz.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-HVtbYmj3.js';
+import './chunks/bundle-s5uFV3hh.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-YD2b0cnK.js';
+import './chunks/bundle-ZExhHi47.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-4uNbb5ZI.js';
+import './chunks/bundle-hNJ4PtSG.js';
+import './chunks/bundle-YWlIaifS.js';
+import './chunks/bundle-QSb_mwts.js';
+import './chunks/bundle-zx8iuoIh.js';
 import './Channel/hooks/useInitialMessagesFetch.js';
 import './Channel/components/SuggestedMentionList.js';
-import './chunks/bundle-rcUMtSzr.js';
+import './chunks/bundle-84jQZIDS.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-uNgbgg3h.js';
+import './chunks/bundle-M-Qfv2tU.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-zL2GggA_.js';
+import './chunks/bundle-tZrqMc_G.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-imm3o8vY.js';
+import './chunks/bundle-X2Sm7pn5.js';
+import './chunks/bundle-hpM7HwDV.js';
+import './chunks/bundle-wNtXTu0c.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-fDGhJhA3.js';
+import './chunks/bundle-cN2gAFB_.js';
+import './chunks/bundle-6LRbbWyh.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-5iL1VCKs.js';
 import './ui/UnknownMessageItemBody.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './chunks/bundle-Zzg_Wc7p.js';
+import './chunks/bundle-ms16euCo.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-uDxWy2vD.js';
+import './chunks/bundle-Lxhlm_wG.js';
 import './Channel/hooks/useHandleUploadFiles.js';
-import './chunks/bundle-21p8ODP_.js';
+import './chunks/bundle-EeL8s1uR.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-8tjyQiRi.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-GXGH9ESl.js';
 import './ui/Badge.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-qnTU06K7.js';
+import './chunks/bundle-OwmPKW49.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-K0r8aWXg.js';
+import './chunks/bundle-pnJu3fWb.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-KnWMPlLu.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-OHK1QMwn.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-oW9dQm2o.js';
+import './chunks/bundle-2Rw-coMg.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-edTAi5zj.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-iifpyLxR.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.0",
   "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-tD8xAWw2.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-tD8xAWw2.js';
+import { n as noop } from './chunks/bundle-kHH52OEM.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;
+    message: CoreMessageType;
+    onClose?: () => void;
+    onSubmit?: (comment: string) => void;
+    onUpdate?: (comment: string) => void;
+    onRemove?: () => void;
+}
+export default function MessageFeedbackModal(props: MessageFeedbackModalProps): ReactElement;

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/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";

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

@@ -128,6 +128,7 @@ declare const stringSet: {
         MESSAGE_INPUT__PLACE_HOLDER__MUTED: string;
         MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT: string;
         MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER: string;
+        BUTTON__SUBMIT: string;
         BUTTON__CANCEL: string;
         BUTTON__DELETE: string;
         BUTTON__SAVE: string;
@@ -187,6 +188,16 @@ declare const stringSet: {
         DATE_FORMAT__THREAD_LIST__DATE_SEPARATOR: string;
         FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT: string;
         FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: string;
+        FEEDBACK_LIKE: string;
+        FEEDBACK_DISLIKE: string;
+        EDIT_COMMENT: string;
+        REMOVE_FEEDBACK: string;
+        FEEDBACK_MODAL_TITLE: string;
+        FEEDBACK_CONTENT_PLACEHOLDER: string;
+        BUTTON__REMOVE_FEEDBACK: string;
+        FEEDBACK_FAILED_SUBMIT: string;
+        FEEDBACK_FAILED_SAVE: string;
+        FEEDBACK_FAILED_DELETE: string;
     };
 };
 declare const getStringSet: (lang?: keyof typeof stringSet) => StringSet;

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

@@ -7,6 +7,7 @@ export declare const Typography: {
     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";

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

@@ -1,4 +1,4 @@
 import { Typography, Colors } from './types';
 import { ObjectValues } from '../../utils/typeHelpers/objectValues';
-export declare function changeTypographyToClassName(type?: ObjectValues<typeof Typography>): "" | "sendbird-label--h-1" | "sendbird-label--h-2" | "sendbird-label--subtitle-1" | "sendbird-label--subtitle-2" | "sendbird-label--body-1" | "sendbird-label--body-2" | "sendbird-label--button-1" | "sendbird-label--button-2" | "sendbird-label--caption-1" | "sendbird-label--caption-2" | "sendbird-label--caption-3";
+export declare function changeTypographyToClassName(type?: ObjectValues<typeof Typography>): "" | "sendbird-label--h-1" | "sendbird-label--h-2" | "sendbird-label--subtitle-1" | "sendbird-label--subtitle-2" | "sendbird-label--body-1" | "sendbird-label--body-2" | "sendbird-label--button-1" | "sendbird-label--button-2" | "sendbird-label--button-3" | "sendbird-label--caption-1" | "sendbird-label--caption-2" | "sendbird-label--caption-3";
 export declare function changeColorToClassName(color?: ObjectValues<typeof Colors>): "" | "sendbird-label--color-onbackground-1" | "sendbird-label--color-onbackground-2" | "sendbird-label--color-onbackground-3" | "sendbird-label--color-onbackground-4" | "sendbird-label--color-oncontent-1" | "sendbird-label--color-oncontent-2" | "sendbird-label--color-primary" | "sendbird-label--color-error" | "sendbird-label--color-secondary-3";

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

@@ -19,6 +19,7 @@ export declare const LinkLabelTypography: {
     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";