@sendbird/uikit-react 3.9.3 → 3.10.1

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

package/types/ui/MessageContent/types.d.ts

@@ -0,0 +1,8 @@
+export declare enum SbFeedbackStatus {
+    /** Feedback is unavailable for this message. This is the default value for base message. */
+    NOT_APPLICABLE = "NOT_APPLICABLE",
+    /** Feedback can be set for this message, but nothing has been submitted yet. */
+    NO_FEEDBACK = "NO_FEEDBACK",
+    /** Feedback can be set for this message, and something has been submitted. */
+    SUBMITTED = "SUBMITTED"
+}

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

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import './index.scss';
+export interface MobileFeedbackMenuProps {
+    hideMenu(): void;
+    onEditFeedback(): void;
+    onRemoveFeedback(): void;
+}
+export default function MobileFeedbackMenu(props: MobileFeedbackMenuProps): ReactElement;

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

@@ -21,6 +21,7 @@ export declare const ModalFooter: ({ submitText, disabled, hideCancelButton, typ
 export interface ModalProps {
     children?: ReactNode;
     className?: string;
+    contentClassName?: string | Array<string>;
     isCloseOnClickOutside?: boolean;
     isFullScreenOnMobile?: boolean;
     titleText?: string;
@@ -35,6 +36,7 @@ export interface ModalProps {
     onClose?: () => void;
     onSubmit?: (...args: any[]) => void;
     renderHeader?: () => ReactElement;
+    customFooter?: ReactNode;
 }
 export declare function Modal(props: ModalProps): ReactElement;
 export default Modal;

package/types/utils/index.d.ts

@@ -1,5 +1,5 @@
 import SendbirdChat, { Emoji, EmojiContainer, User } from '@sendbird/chat';
-import { GroupChannel, SendbirdGroupChat, GroupChannelListQuery } from '@sendbird/chat/groupChannel';
+import { GroupChannel, SendbirdGroupChat, GroupChannelListQuery, GroupChannelListOrder } from '@sendbird/chat/groupChannel';
 import { AdminMessage, BaseMessage, FileMessage, MessageListParams, MultipleFilesMessage, Reaction, UploadedFileInfo, UserMessage } from '@sendbird/chat/message';
 import { OpenChannel, SendbirdOpenChat } from '@sendbird/chat/openChannel';
 import { Nullable, EveryMessage } from '../types';
@@ -119,8 +119,7 @@ export declare const hasSameMembers: <T>(a: T[], b: T[]) => boolean;
 export declare const isFriend: (user: Nullable<User>) => boolean;
 export declare const filterMessageListParams: (params: MessageListParams, message: SendableMessageType) => boolean;
 export declare const filterChannelListParams: (params: GroupChannelListQuery, channel: GroupChannel, currentUserId: string) => boolean;
-export declare const binarySearch: (list: Array<number>, number: number) => number;
-export declare const getChannelsWithUpsertedChannel: (channels: Array<GroupChannel>, channel: GroupChannel) => Array<GroupChannel>;
+export declare const getChannelsWithUpsertedChannel: (_channels: Array<GroupChannel>, channel: GroupChannel, order?: GroupChannelListOrder) => Array<GroupChannel>;
 export declare const getMatchedUserIds: (word: string, users: Array<User>, _template?: string) => boolean;
 export declare enum StringObjType {
     normal = "normal",

package/types/utils/omitObjectProperty.d.ts

@@ -0,0 +1 @@
+export declare function omitObjectProperties<O extends Record<string, any>>(obj: O, properties: string[]): O;

package/ui/Accordion.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-t6JaUd1b.js';
+import { a as __spreadArray } from '../chunks/bundle-GKopZh-T.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import AccordionGroup$1 from './AccordionGroup.js';
-import { C as Consumer } from '../chunks/bundle-PCj9QYWV.js';
-import '../chunks/bundle-f-bQSvmA.js';
+import { C as Consumer } from '../chunks/bundle-tca5p7Pl.js';
+import '../chunks/bundle-WpHDilD_.js';
 
 function Accordion(_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;

package/ui/AccordionGroup.js

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
-import { P as Provider } from '../chunks/bundle-PCj9QYWV.js';
-import '../chunks/bundle-f-bQSvmA.js';
+import { P as Provider } from '../chunks/bundle-tca5p7Pl.js';
+import '../chunks/bundle-WpHDilD_.js';
 
 // Wraps all the accordions in an accordion set
 // keep one accordion open at a time

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-t6JaUd1b.js';
+import { a as __spreadArray } from '../chunks/bundle-GKopZh-T.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-mxq273ll.js';
-import '../chunks/bundle-olZmltOQ.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
+import '../chunks/bundle-YmIrZYPF.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,9 +1,9 @@
-import '../chunks/bundle-t6JaUd1b.js';
+import '../chunks/bundle-GKopZh-T.js';
 import 'react';
 import './ImageRenderer.js';
-import '../chunks/bundle-hEvM6x_9.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-vVdAEhWk.js';
-import '../chunks/bundle-gdweDZjg.js';
+import '../chunks/bundle-aeQZ5WsP.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-X3h4GiLa.js';
+import '../chunks/bundle-Kv4GXRTs.js';
 import './Icon.js';
-import '../chunks/bundle-f-bQSvmA.js';
+import '../chunks/bundle-WpHDilD_.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-t6JaUd1b.js';
+import { a as __spreadArray } from '../chunks/bundle-GKopZh-T.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-mxq273ll.js';
-import { L as LocalizationContext } from '../chunks/bundle-KjVIQqaY.js';
-import '../chunks/bundle-olZmltOQ.js';
-import '../chunks/bundle-vAvSNdmj.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
+import { L as LocalizationContext } from '../chunks/bundle-y_LgB6DS.js';
+import '../chunks/bundle-YmIrZYPF.js';
+import '../chunks/bundle-TV4-nyqN.js';
 
 function Badge(_a) {
     var count = _a.count, _b = _a.maxLevel, maxLevel = _b === void 0 ? 2 : _b, _c = _a.className, className = _c === void 0 ? '' : _c;

package/ui/BottomSheet.js

@@ -1,17 +1,17 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
 import '../hooks/useModal.js';
-import { a as MODAL_ROOT } from '../chunks/bundle-q1M15U1p.js';
-import '../chunks/bundle-t6JaUd1b.js';
-import '../chunks/bundle-2axFKCIx.js';
-import '../chunks/bundle-f-bQSvmA.js';
-import '../chunks/bundle-KjVIQqaY.js';
-import '../chunks/bundle-olZmltOQ.js';
-import '../chunks/bundle-vAvSNdmj.js';
-import '../chunks/bundle-ior2BlUD.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-VPanFdbf.js';
+import '../chunks/bundle-GKopZh-T.js';
+import '../chunks/bundle-kfNTRju0.js';
+import '../chunks/bundle-WpHDilD_.js';
+import '../chunks/bundle-y_LgB6DS.js';
+import '../chunks/bundle-YmIrZYPF.js';
+import '../chunks/bundle-TV4-nyqN.js';
+import '../chunks/bundle-KmauOTrg.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-mxq273ll.js';
+import '../chunks/bundle-dWJnfDPH.js';
 import './Icon.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-t6JaUd1b.js';
+import { a as __spreadArray } from '../chunks/bundle-GKopZh-T.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-mxq273ll.js';
-import '../chunks/bundle-olZmltOQ.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
+import '../chunks/bundle-YmIrZYPF.js';
 
 var ButtonTypes;
 (function (ButtonTypes) {
@@ -9,6 +9,7 @@ var ButtonTypes;
     ButtonTypes["SECONDARY"] = "SECONDARY";
     ButtonTypes["DANGER"] = "DANGER";
     ButtonTypes["DISABLED"] = "DISABLED";
+    ButtonTypes["WARNING"] = "WARNING";
 })(ButtonTypes || (ButtonTypes = {}));
 var ButtonSizes;
 (function (ButtonSizes) {
@@ -22,6 +23,7 @@ function changeTypeToClassName(type) {
         case ButtonTypes.SECONDARY: return 'sendbird-button--secondary';
         case ButtonTypes.DANGER: return 'sendbird-button--danger';
         case ButtonTypes.DISABLED: return 'sendbird-button--disabled';
+        case ButtonTypes.WARNING: return 'sendbird-button--warning';
         default: return null;
     }
 }
@@ -34,7 +36,7 @@ function changeSizeToClassName(size) {
 }
 
 function Button(_a) {
-    var className = _a.className, _b = _a.type, type = _b === void 0 ? ButtonTypes.PRIMARY : _b, _c = _a.size, size = _c === void 0 ? ButtonSizes.BIG : _c, _d = _a.children, children = _d === void 0 ? 'Button' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f;
+    var className = _a.className, _b = _a.type, type = _b === void 0 ? ButtonTypes.PRIMARY : _b, _c = _a.size, size = _c === void 0 ? ButtonSizes.BIG : _c, _d = _a.children, children = _d === void 0 ? 'Button' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, _g = _a.labelType, labelType = _g === void 0 ? LabelTypography.BUTTON_1 : _g, _h = _a.labelColor, labelColor = _h === void 0 ? LabelColors.ONCONTENT_1 : _h;
     var injectingClassNames = __spreadArray(__spreadArray([], ((Array.isArray(className)) ? className : [className]), true), [
         'sendbird-button',
         (disabled ? 'sendbird-button__disabled' : ''),
@@ -42,7 +44,7 @@ function Button(_a) {
         changeSizeToClassName(size),
     ], false).join(' ');
     return (React__default.createElement("button", { className: injectingClassNames, type: "button", onClick: onClick, disabled: disabled },
-        React__default.createElement(Label, { className: "sendbird-button__text", type: LabelTypography.BUTTON_1, color: LabelColors.ONCONTENT_1 }, children)));
+        React__default.createElement(Label, { className: "sendbird-button__text", type: labelType, color: labelColor }, children)));
 }
 
 export { ButtonSizes, ButtonTypes, Button as default };

package/ui/Button.js.map

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

package/ui/ChannelAvatar.js

@@ -1,12 +1,12 @@
 import React__default, { useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-vVdAEhWk.js';
+import { A as Avatar } from '../chunks/bundle-X3h4GiLa.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-ZbGteG77.js';
-import '../chunks/bundle-t6JaUd1b.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-lmXvuxOb.js';
+import '../chunks/bundle-GKopZh-T.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-hEvM6x_9.js';
-import '../chunks/bundle-gdweDZjg.js';
-import '../chunks/bundle-f-bQSvmA.js';
+import '../chunks/bundle-aeQZ5WsP.js';
+import '../chunks/bundle-Kv4GXRTs.js';
+import '../chunks/bundle-WpHDilD_.js';
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, userId = _a.userId, theme = _a.theme, _b = _a.width, width = _b === void 0 ? 56 : _b, _c = _a.height, height = _c === void 0 ? 56 : _c;

package/ui/ConnectionStatus.js

@@ -1,11 +1,11 @@
 import React__default, { useContext } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-mxq273ll.js';
-import { L as LocalizationContext } from '../chunks/bundle-KjVIQqaY.js';
-import '../chunks/bundle-t6JaUd1b.js';
-import '../chunks/bundle-f-bQSvmA.js';
-import '../chunks/bundle-olZmltOQ.js';
-import '../chunks/bundle-vAvSNdmj.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
+import { L as LocalizationContext } from '../chunks/bundle-y_LgB6DS.js';
+import '../chunks/bundle-GKopZh-T.js';
+import '../chunks/bundle-WpHDilD_.js';
+import '../chunks/bundle-YmIrZYPF.js';
+import '../chunks/bundle-TV4-nyqN.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,13 +1,14 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { d as __extends, _ as __assign } from '../chunks/bundle-t6JaUd1b.js';
+import { d as __extends, _ as __assign } from '../chunks/bundle-GKopZh-T.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { n as getClassName } from '../chunks/bundle-NZcldiSn.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-mxq273ll.js';
-import '../chunks/bundle-hEvM6x_9.js';
+import { n as getClassName } from '../chunks/bundle-uk2Y0AQu.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
+import '../chunks/bundle-aeQZ5WsP.js';
+import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-2axFKCIx.js';
-import '../chunks/bundle-olZmltOQ.js';
+import '../chunks/bundle-kfNTRju0.js';
+import '../chunks/bundle-YmIrZYPF.js';
 
 // padding to handle height of last item in message-list
 var HEIGHT_PADDING = 60;

package/ui/ContextMenu.js.map

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

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../chunks/bundle-t6JaUd1b.js';
+import { a as __spreadArray } from '../chunks/bundle-GKopZh-T.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-yND4UFpN.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-mxq273ll.js';
-import '../chunks/bundle-olZmltOQ.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-OZZH5fXZ.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
+import '../chunks/bundle-YmIrZYPF.js';
 
 var DateSeparator = function (_a) {
     var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.separatorColor, separatorColor = _d === void 0 ? Colors.ONBACKGROUND_4 : _d;

package/ui/EmojiReactions.js

@@ -4,38 +4,39 @@ import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ContextMenu, { EmojiListItems } from './ContextMenu.js';
-import { O as getEmojiUrl, P as isReactedBy, Q as getEmojiTooltipString, p as getEmojiListAll, R as getEmojiMapAll, n as getClassName } from '../chunks/bundle-NZcldiSn.js';
+import { N as getEmojiUrl, O as isReactedBy, P as getEmojiTooltipString, p as getEmojiListAll, Q as getEmojiMapAll, n as getClassName } from '../chunks/bundle-uk2Y0AQu.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-mxq273ll.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
 import UserListItem from './UserListItem.js';
-import { _ as __assign } from '../chunks/bundle-t6JaUd1b.js';
+import { _ as __assign } from '../chunks/bundle-GKopZh-T.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-ior2BlUD.js';
-import { u as useLongPress } from '../chunks/bundle-IHKKjTVb.js';
-import { L as LocalizationContext } from '../chunks/bundle-KjVIQqaY.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-KmauOTrg.js';
+import { u as useLongPress } from '../chunks/bundle-W8t7rR3H.js';
+import { L as LocalizationContext } from '../chunks/bundle-y_LgB6DS.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import '../chunks/bundle-olZmltOQ.js';
-import '../chunks/bundle-f-bQSvmA.js';
+import '../chunks/bundle-YmIrZYPF.js';
+import '../chunks/bundle-WpHDilD_.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-hEvM6x_9.js';
+import '../chunks/bundle-aeQZ5WsP.js';
+import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-2axFKCIx.js';
+import '../chunks/bundle-kfNTRju0.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-q1M15U1p.js';
+import '../chunks/bundle-VPanFdbf.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-vAvSNdmj.js';
-import '../chunks/bundle-79RbKDD4.js';
-import '../chunks/bundle-vVdAEhWk.js';
-import '../chunks/bundle-gdweDZjg.js';
+import '../chunks/bundle-TV4-nyqN.js';
+import '../chunks/bundle-cXqs96Pt.js';
+import '../chunks/bundle-X3h4GiLa.js';
+import '../chunks/bundle-Kv4GXRTs.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-KF1IhHsV.js';
+import '../chunks/bundle-ku6CEjGk.js';
 import '../withSendbird.js';
 
 var ReactedMembersBottomSheet = function (_a) {

package/ui/EmojiReactions.js.map

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

package/ui/FeedbackIconButton.js

@@ -0,0 +1,20 @@
+import React__default from 'react';
+
+var FeedbackIconButton = React__default.forwardRef(function (props, ref) {
+    var children = props.children, isSelected = props.isSelected, _a = props.onClick, onClick = _a === void 0 ? function () { } : _a, _b = props.disabled, disabled = _b === void 0 ? false : _b;
+    return (React__default.createElement("button", { className: [
+            'sendbird-iconbutton__feedback',
+            isSelected ? 'sendbird-iconbutton__feedback__pressed' : '',
+            disabled ? 'sendbird-iconbutton__feedback__disabled' : '',
+        ].join(' '), ref: ref, type: 'button', onClick: function (e) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        }, disabled: disabled },
+        React__default.createElement("span", { className: [
+                'sendbird-iconbutton__feedback__inner',
+                isSelected ? 'sendbird-iconbutton__feedback__inner__pressed' : '',
+                disabled ? 'sendbird-iconbutton__feedback__inner__disabled' : '',
+            ].join(' ') }, children)));
+});
+
+export { FeedbackIconButton as default };
+//# sourceMappingURL=FeedbackIconButton.js.map

package/ui/FeedbackIconButton.js.map

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

package/ui/FileMessageItemBody.js

@@ -1,15 +1,16 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-mxq273ll.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { n as getClassName, u as getUIKitFileType, v as truncateString } from '../chunks/bundle-NZcldiSn.js';
-import { C as Colors } from '../chunks/bundle-yND4UFpN.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-ior2BlUD.js';
-import '../chunks/bundle-t6JaUd1b.js';
-import '../chunks/bundle-olZmltOQ.js';
-import '../chunks/bundle-f-bQSvmA.js';
+import { n as getClassName, u as getUIKitFileType, v as truncateString } from '../chunks/bundle-uk2Y0AQu.js';
+import { C as Colors } from '../chunks/bundle-OZZH5fXZ.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-KmauOTrg.js';
+import '../chunks/bundle-GKopZh-T.js';
+import '../chunks/bundle-YmIrZYPF.js';
+import '../chunks/bundle-WpHDilD_.js';
+import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-2axFKCIx.js';
+import '../chunks/bundle-kfNTRju0.js';
 
 function FileMessageItemBody(_a) {
     var _b;

package/ui/FileMessageItemBody.js.map

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

package/ui/FileViewer.js

@@ -1,24 +1,27 @@
-import '../chunks/bundle-t6JaUd1b.js';
+import '../chunks/bundle-GKopZh-T.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-KjVIQqaY.js';
+import '../chunks/bundle-y_LgB6DS.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-NZcldiSn.js';
-import '../chunks/bundle-f-bQSvmA.js';
-import '../chunks/bundle-vVdAEhWk.js';
-import '../chunks/bundle-mxq273ll.js';
+import '../chunks/bundle-uk2Y0AQu.js';
+import '../chunks/bundle-WpHDilD_.js';
+import '../chunks/bundle-X3h4GiLa.js';
+import '../chunks/bundle-dWJnfDPH.js';
 import './Icon.js';
-export { b as FileViewerComponent, F as default } from '../chunks/bundle-MtGjgUxA.js';
-import '../chunks/bundle-q1M15U1p.js';
-import '../chunks/bundle-olZmltOQ.js';
-import '../chunks/bundle-vAvSNdmj.js';
-import '../chunks/bundle-2axFKCIx.js';
-import '../chunks/bundle-ior2BlUD.js';
+export { b as FileViewerComponent, F as default } from '../chunks/bundle-DeRyZP32.js';
+import '../chunks/bundle-xgiw36M5.js';
+import '../chunks/bundle-VPanFdbf.js';
+import '../chunks/bundle-YmIrZYPF.js';
+import '../chunks/bundle-TV4-nyqN.js';
+import '../chunks/bundle-kfNTRju0.js';
+import '../chunks/bundle-KmauOTrg.js';
 import './IconButton.js';
 import './Button.js';
+import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-hEvM6x_9.js';
-import '../chunks/bundle-gdweDZjg.js';
-import '../chunks/bundle-joPrRU5E.js';
+import '../chunks/bundle-aeQZ5WsP.js';
+import '../chunks/bundle-Kv4GXRTs.js';
+import '../chunks/bundle-ZKM9Qk_j.js';
+import '@sendbird/uikit-tools';
 //# sourceMappingURL=FileViewer.js.map

package/ui/FileViewer.js.map

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