@sendbird/uikit-react 3.9.3-rc-0 → 3.9.3

package/types/lib/UserProfileContext.d.ts

@@ -18,5 +18,5 @@ type UserProfileProviderProps = React.PropsWithChildren<{
     renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
     onUserProfileMessage?: (channel: GroupChannel) => void;
 }>;
-declare const UserProfileProvider: ({ isOpenChannel, disableUserProfile, renderUserProfile, onUserProfileMessage, children, }: UserProfileProviderProps) => JSX.Element;
+declare const UserProfileProvider: ({ isOpenChannel, disableUserProfile, renderUserProfile, onUserProfileMessage, children, }: UserProfileProviderProps) => React.JSX.Element;
 export { UserProfileContext, UserProfileProvider };

package/types/lib/hooks/useConnect/setupConnection.d.ts

@@ -1,4 +1,4 @@
-import SendbirdChat, { SendbirdError } from '@sendbird/chat';
+import { SendbirdError } from '@sendbird/chat';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
 import { SetupConnectionTypes } from './types';
@@ -14,5 +14,5 @@ export declare function setUpParams({ appId, customApiHost, customWebSocketHost,
     customWebSocketHost?: string;
     sdkInitParams?: SendbirdChatInitParams;
     customExtensionParams?: CustomExtensionParams;
-}): SendbirdChat & import("@sendbird/chat/lib/__definition").ModuleNamespaces<[...(import("@sendbird/chat/lib/__definition").Module & (GroupChannelModule | OpenChannelModule))[], import("@sendbird/chat/message").MessageModule, import("@sendbird/chat/poll").PollModule], import("@sendbird/chat/message").MessageModule | import("@sendbird/chat/poll").PollModule | (import("@sendbird/chat/lib/__definition").Module & (GroupChannelModule | OpenChannelModule))>;
+}): import("@sendbird/chat").SendbirdChatWith<import("@sendbird/chat/lib/__definition").Module[] & (GroupChannelModule | OpenChannelModule)[]>;
 export declare function setUpConnection({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, isUserIdUsedForNickname, sdkInitParams, customExtensionParams, isMobile, eventHandlers, }: SetupConnectionTypes): Promise<void>;

package/types/modules/App/index.d.ts

@@ -1,4 +1,9 @@
-/// <reference types="react" />
+/**
+ * This is a drop in Chat solution
+ * Can also be used as an example for creating
+ * default chat apps
+ */
+import React from 'react';
 import { SendbirdProviderProps } from '../../lib/Sendbird';
 import './index.scss';
 import { AppLayoutProps } from './types';
@@ -40,5 +45,5 @@ interface AppProps {
     disableAutoSelect?: AppLayoutProps['disableAutoSelect'];
     onProfileEditSuccess?: AppLayoutProps['onProfileEditSuccess'];
 }
-export default function App(props: AppProps): JSX.Element;
+export default function App(props: AppProps): React.JSX.Element;
 export {};

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import './index.scss';
+import React from 'react';
 interface Props {
     replyOptions: string[];
     onSendMessage: ({ message }: {
         message: string;
     }) => void;
 }
-declare const SuggestedReplies: ({ replyOptions, onSendMessage }: Props) => JSX.Element;
+declare const SuggestedReplies: ({ replyOptions, onSendMessage }: Props) => React.JSX.Element;
 export default SuggestedReplies;

package/types/modules/Channel/components/TypingIndicator.d.ts

@@ -3,6 +3,6 @@ import { Member } from '@sendbird/chat/groupChannel';
 export interface TypingIndicatorTextProps {
     members: Member[];
 }
-export declare const TypingIndicatorText: ({ members }: TypingIndicatorTextProps) => JSX.Element;
+export declare const TypingIndicatorText: ({ members }: TypingIndicatorTextProps) => React.JSX.Element;
 declare const TypingIndicator: React.FC;
 export default TypingIndicator;

package/types/modules/ChannelList/components/ChannelPreviewAction.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 type ChannelPreviewActionProps = {
     channel?: GroupChannel;
     disabled: boolean;
     onLeaveChannel(): void;
 };
-export default function ChannelPreviewAction({ channel, disabled, onLeaveChannel }: ChannelPreviewActionProps): JSX.Element;
+export default function ChannelPreviewAction({ channel, disabled, onLeaveChannel }: ChannelPreviewActionProps): React.JSX.Element;
 export {};

package/types/modules/ChannelList/components/Placeholder.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { PlaceHolderTypes } from '../../../ui/PlaceHolder';
 type ChannelsPlaceholderProps = {
     type: keyof typeof PlaceHolderTypes;
 };
-export default function ChannelsPlaceholder({ type }: ChannelsPlaceholderProps): JSX.Element;
+export default function ChannelsPlaceholder({ type }: ChannelsPlaceholderProps): React.JSX.Element;
 export {};

package/types/modules/EditUserProfile/components/EditUserProfileUI/EditUserProfileUIView.d.ts

@@ -1,8 +1,8 @@
-import { type MutableRefObject, type Dispatch } from 'react';
+import React, { type MutableRefObject, type Dispatch } from 'react';
 export interface EditUserProfileUIViewProps {
     formRef: MutableRefObject<any>;
     inputRef: MutableRefObject<any>;
     onThemeChange: (theme: string) => void;
     setProfileImage: Dispatch<File | null>;
 }
-export declare const EditUserProfileUIView: ({ formRef, inputRef, onThemeChange, setProfileImage, }: EditUserProfileUIViewProps) => JSX.Element;
+export declare const EditUserProfileUIView: ({ formRef, inputRef, onThemeChange, setProfileImage, }: EditUserProfileUIViewProps) => React.JSX.Element;

package/types/modules/EditUserProfile/components/EditUserProfileUI/index.d.ts

@@ -12,6 +12,6 @@ export declare const useEditUserProfileUISates: ({ onEditProfile, }: UseEditUser
     profileImage: File;
     setProfileImage: React.Dispatch<React.SetStateAction<File>>;
 };
-export declare const EditUserProfileUI: () => JSX.Element;
+export declare const EditUserProfileUI: () => React.JSX.Element;
 export { EditUserProfileUIView };
 export default EditUserProfileUI;

package/types/modules/OpenChannel/context/hooks/useFileUploadCallback.d.ts

@@ -23,5 +23,5 @@ interface StaticParams {
     scrollRef: React.MutableRefObject<HTMLElement>;
 }
 type CallbackReturn = (files: Array<File> | File) => void;
-declare function useFileUploadCallback({ currentOpenChannel, checkScrollBottom, imageCompression, onBeforeSendFileMessage, }: DynamicParams, { sdk, logger, messagesDispatcher, scrollRef }: StaticParams): CallbackReturn;
+declare function useFileUploadCallback({ currentOpenChannel, imageCompression, onBeforeSendFileMessage, }: DynamicParams, { sdk, logger, messagesDispatcher, scrollRef }: StaticParams): CallbackReturn;
 export default useFileUploadCallback;

package/types/modules/OpenChannel/context/hooks/useSendMessageCallback.d.ts

@@ -18,5 +18,5 @@ interface StaticParams {
     }) => void;
     scrollRef: React.RefObject<HTMLElement>;
 }
-declare function useSendMessageCallback({ currentOpenChannel, onBeforeSendUserMessage, checkScrollBottom, messageInputRef }: DynamicParams, { sdk, logger, messagesDispatcher, scrollRef }: StaticParams): () => void;
+declare function useSendMessageCallback({ currentOpenChannel, onBeforeSendUserMessage, messageInputRef }: DynamicParams, { sdk, logger, messagesDispatcher, scrollRef }: StaticParams): () => void;
 export default useSendMessageCallback;

package/types/modules/OpenChannelApp/assets/Icons.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare const Collapse: () => JSX.Element;
-export declare const Freeze: () => JSX.Element;
-export declare const Expand: () => JSX.Element;
-export declare const Members: () => JSX.Element;
-export declare const LiveBadge: () => JSX.Element;
-export declare const ProfileAvatar: () => JSX.Element;
+import React from 'react';
+export declare const Collapse: () => React.JSX.Element;
+export declare const Freeze: () => React.JSX.Element;
+export declare const Expand: () => React.JSX.Element;
+export declare const Members: () => React.JSX.Element;
+export declare const LiveBadge: () => React.JSX.Element;
+export declare const ProfileAvatar: () => React.JSX.Element;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 interface AvatarDefaultProps {
     width: string | number;
     height: string | number;
     text?: string;
 }
-declare const AvatarDefault: (props: AvatarDefaultProps) => JSX.Element;
+declare const AvatarDefault: (props: AvatarDefaultProps) => React.JSX.Element;
 export default AvatarDefault;

package/types/ui/EmojiReactions/ReactionItem.d.ts

@@ -14,5 +14,5 @@ type Props = {
     channel: Nullable<GroupChannel | OpenChannel>;
     message?: SendableMessageType;
 };
-export default function ReactionItem({ reaction, memberNicknamesMap, setEmojiKey, toggleReaction, emojisMap, channel, message, }: Props): JSX.Element;
+export default function ReactionItem({ reaction, memberNicknamesMap, setEmojiKey, toggleReaction, emojisMap, channel, message, }: Props): React.JSX.Element;
 export {};

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

@@ -13,7 +13,7 @@ type IconProps = {
     onClick?: React.MouseEventHandler<HTMLDivElement> & React.KeyboardEventHandler<HTMLDivElement>;
     children?: React.ReactNode;
 };
-export default function Icon({ className, type, fillColor, width, height, onClick, children, }: IconProps): JSX.Element;
+export default function Icon({ className, type, fillColor, width, height, onClick, children, }: IconProps): React.JSX.Element;
 export declare const IconTypes: {
     readonly ADD: "ADD";
     readonly ARROW_LEFT: "ARROW_LEFT";

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

@@ -8,7 +8,7 @@ type LabelProps = {
     color?: ObjectValues<typeof Colors>;
     children?: React.ReactNode;
 };
-export default function Label({ className, type, color, children, }: LabelProps): JSX.Element;
+export default function Label({ className, type, color, children, }: LabelProps): React.JSX.Element;
 declare const LabelTypography: {
     readonly H_1: "H_1";
     readonly H_2: "H_2";

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { LabelColors, LabelTypography } from '../Label';
 import './index.scss';
 import { ObjectValues } from '../../utils/typeHelpers/objectValues';
@@ -9,7 +9,7 @@ type LinkLabelProps = {
     color?: ObjectValues<typeof LabelColors>;
     children: ReactNode;
 };
-export default function LinkLabel({ className, src, type, color, children }: LinkLabelProps): JSX.Element;
+export default function LinkLabel({ className, src, type, color, children }: LinkLabelProps): React.JSX.Element;
 export declare const LinkLabelTypography: {
     readonly H_1: "H_1";
     readonly H_2: "H_2";

package/types/ui/TypingIndicatorBubble/TypingDots.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './typingDots.scss';
-declare const TypingDots: () => JSX.Element;
+declare const TypingDots: () => React.JSX.Element;
 export default TypingDots;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Member } from '@sendbird/chat/groupChannel';
 export interface TypingIndicatorBubbleProps {
     typingMembers: Member[];
@@ -8,5 +8,5 @@ export interface AvatarStackProps {
     sources: string[];
     max: number;
 }
-declare const TypingIndicatorBubble: (props: TypingIndicatorBubbleProps) => JSX.Element;
+declare const TypingIndicatorBubble: (props: TypingIndicatorBubbleProps) => React.JSX.Element;
 export default TypingIndicatorBubble;

package/types/utils/compressImages.d.ts

@@ -1,5 +1,12 @@
 import { ImageCompressionOptions } from '../lib/Sendbird';
 import { Logger } from '../lib/SendbirdState';
+interface CompressImageParams {
+    imageFile: File;
+    compressionRate: number;
+    resizingWidth?: number;
+    resizingHeight?: number;
+}
+export declare const compressImage: ({ imageFile, compressionRate, resizingWidth, resizingHeight, }: CompressImageParams) => Promise<File>;
 export interface CompressImagesParams {
     files: File[];
     imageCompression: ImageCompressionOptions;
@@ -9,3 +16,4 @@ export declare const compressImages: ({ files, logger, imageCompression, }: Comp
     failedIndexes: number[];
     compressedFiles: File[];
 }>;
+export {};

package/ui/Accordion.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-5MXMpsdy.js';
+import { a as __spreadArray } from '../chunks/bundle-t6JaUd1b.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-FpzNzZJe.js';
-import '../chunks/bundle-39Q2USX9.js';
+import { C as Consumer } from '../chunks/bundle-PCj9QYWV.js';
+import '../chunks/bundle-f-bQSvmA.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-FpzNzZJe.js';
-import '../chunks/bundle-39Q2USX9.js';
+import { P as Provider } from '../chunks/bundle-PCj9QYWV.js';
+import '../chunks/bundle-f-bQSvmA.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-5MXMpsdy.js';
+import { a as __spreadArray } from '../chunks/bundle-t6JaUd1b.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Ulft7jAF.js';
-import '../chunks/bundle-U_oG_Fli.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-mxq273ll.js';
+import '../chunks/bundle-olZmltOQ.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,9 +1,9 @@
-import '../chunks/bundle-5MXMpsdy.js';
+import '../chunks/bundle-t6JaUd1b.js';
 import 'react';
 import './ImageRenderer.js';
-import '../chunks/bundle-27GyiefI.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-Lwkqzb0b.js';
-import '../chunks/bundle-cX8U_VhV.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 './Icon.js';
-import '../chunks/bundle-39Q2USX9.js';
+import '../chunks/bundle-f-bQSvmA.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-5MXMpsdy.js';
+import { a as __spreadArray } from '../chunks/bundle-t6JaUd1b.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Ulft7jAF.js';
-import { L as LocalizationContext } from '../chunks/bundle--MiZG3Js.js';
-import '../chunks/bundle-U_oG_Fli.js';
-import '../chunks/bundle-bSqchLGB.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-olZmltOQ.js';
+import '../chunks/bundle-vAvSNdmj.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-vEgsgkZU.js';
-import '../chunks/bundle-5MXMpsdy.js';
-import '../chunks/bundle-grwjdnuR.js';
-import '../chunks/bundle-39Q2USX9.js';
-import '../chunks/bundle--MiZG3Js.js';
-import '../chunks/bundle-U_oG_Fli.js';
-import '../chunks/bundle-bSqchLGB.js';
-import '../chunks/bundle-gRSst73Y.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 './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-Ulft7jAF.js';
+import '../chunks/bundle-mxq273ll.js';
 import './Icon.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-5MXMpsdy.js';
+import { a as __spreadArray } from '../chunks/bundle-t6JaUd1b.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Ulft7jAF.js';
-import '../chunks/bundle-U_oG_Fli.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-mxq273ll.js';
+import '../chunks/bundle-olZmltOQ.js';
 
 var ButtonTypes;
 (function (ButtonTypes) {

package/ui/ChannelAvatar.js

@@ -1,12 +1,12 @@
 import React__default, { useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-Lwkqzb0b.js';
+import { A as Avatar } from '../chunks/bundle-vVdAEhWk.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-jZN4I8YR.js';
-import '../chunks/bundle-5MXMpsdy.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-ZbGteG77.js';
+import '../chunks/bundle-t6JaUd1b.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-27GyiefI.js';
-import '../chunks/bundle-cX8U_VhV.js';
-import '../chunks/bundle-39Q2USX9.js';
+import '../chunks/bundle-hEvM6x_9.js';
+import '../chunks/bundle-gdweDZjg.js';
+import '../chunks/bundle-f-bQSvmA.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-Ulft7jAF.js';
-import { L as LocalizationContext } from '../chunks/bundle--MiZG3Js.js';
-import '../chunks/bundle-5MXMpsdy.js';
-import '../chunks/bundle-39Q2USX9.js';
-import '../chunks/bundle-U_oG_Fli.js';
-import '../chunks/bundle-bSqchLGB.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';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,13 +1,13 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { d as __extends, _ as __assign } from '../chunks/bundle-5MXMpsdy.js';
+import { d as __extends, _ as __assign } from '../chunks/bundle-t6JaUd1b.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { n as getClassName } from '../chunks/bundle-Nc3CgLMw.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Ulft7jAF.js';
-import '../chunks/bundle-27GyiefI.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 '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-grwjdnuR.js';
-import '../chunks/bundle-U_oG_Fli.js';
+import '../chunks/bundle-2axFKCIx.js';
+import '../chunks/bundle-olZmltOQ.js';
 
 // padding to handle height of last item in message-list
 var HEIGHT_PADDING = 60;

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../chunks/bundle-5MXMpsdy.js';
+import { a as __spreadArray } from '../chunks/bundle-t6JaUd1b.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-n_jRVaG_.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Ulft7jAF.js';
-import '../chunks/bundle-U_oG_Fli.js';
+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';
 
 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,38 @@ 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-Nc3CgLMw.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 BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Ulft7jAF.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-mxq273ll.js';
 import UserListItem from './UserListItem.js';
-import { _ as __assign } from '../chunks/bundle-5MXMpsdy.js';
+import { _ as __assign } from '../chunks/bundle-t6JaUd1b.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-gRSst73Y.js';
-import { u as useLongPress } from '../chunks/bundle-442ZifHc.js';
-import { L as LocalizationContext } from '../chunks/bundle--MiZG3Js.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 { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import '../chunks/bundle-U_oG_Fli.js';
-import '../chunks/bundle-39Q2USX9.js';
+import '../chunks/bundle-olZmltOQ.js';
+import '../chunks/bundle-f-bQSvmA.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-27GyiefI.js';
+import '../chunks/bundle-hEvM6x_9.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-grwjdnuR.js';
+import '../chunks/bundle-2axFKCIx.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-vEgsgkZU.js';
+import '../chunks/bundle-q1M15U1p.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-bSqchLGB.js';
-import '../chunks/bundle-ohZbnliW.js';
-import '../chunks/bundle-Lwkqzb0b.js';
-import '../chunks/bundle-cX8U_VhV.js';
+import '../chunks/bundle-vAvSNdmj.js';
+import '../chunks/bundle-79RbKDD4.js';
+import '../chunks/bundle-vVdAEhWk.js';
+import '../chunks/bundle-gdweDZjg.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle--t8HI__x.js';
+import '../chunks/bundle-KF1IhHsV.js';
 import '../withSendbird.js';
 
 var ReactedMembersBottomSheet = function (_a) {

package/ui/FileMessageItemBody.js

@@ -1,15 +1,15 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Ulft7jAF.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-mxq273ll.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-Nc3CgLMw.js';
-import { C as Colors } from '../chunks/bundle-n_jRVaG_.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-gRSst73Y.js';
-import '../chunks/bundle-5MXMpsdy.js';
-import '../chunks/bundle-U_oG_Fli.js';
-import '../chunks/bundle-39Q2USX9.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 '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-grwjdnuR.js';
+import '../chunks/bundle-2axFKCIx.js';
 
 function FileMessageItemBody(_a) {
     var _b;

package/ui/FileViewer.js

@@ -1,24 +1,24 @@
-import '../chunks/bundle-5MXMpsdy.js';
+import '../chunks/bundle-t6JaUd1b.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle--MiZG3Js.js';
+import '../chunks/bundle-KjVIQqaY.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-Nc3CgLMw.js';
-import '../chunks/bundle-39Q2USX9.js';
-import '../chunks/bundle-Lwkqzb0b.js';
-import '../chunks/bundle-Ulft7jAF.js';
+import '../chunks/bundle-NZcldiSn.js';
+import '../chunks/bundle-f-bQSvmA.js';
+import '../chunks/bundle-vVdAEhWk.js';
+import '../chunks/bundle-mxq273ll.js';
 import './Icon.js';
-export { b as FileViewerComponent, F as default } from '../chunks/bundle-r9tWURLe.js';
-import '../chunks/bundle-vEgsgkZU.js';
-import '../chunks/bundle-U_oG_Fli.js';
-import '../chunks/bundle-bSqchLGB.js';
-import '../chunks/bundle-grwjdnuR.js';
-import '../chunks/bundle-gRSst73Y.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';
 import './IconButton.js';
 import './Button.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-27GyiefI.js';
-import '../chunks/bundle-cX8U_VhV.js';
-import '../chunks/bundle-76TfTByX.js';
+import '../chunks/bundle-hEvM6x_9.js';
+import '../chunks/bundle-gdweDZjg.js';
+import '../chunks/bundle-joPrRU5E.js';
 //# sourceMappingURL=FileViewer.js.map