@sendbird/uikit-react 3.10.1 → 3.10.2-alpha.0

package/types/modules/GroupChannelList/context/GroupChannelListProvider.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { User } from '@sendbird/chat';
+import type { GroupChannel, GroupChannelCreateParams, GroupChannelFilterParams } from '@sendbird/chat/groupChannel';
+import { GroupChannelCollectionParams } from '@sendbird/chat/groupChannel';
+import { useGroupChannelList } from '@sendbird/uikit-tools';
+import type { CHANNEL_TYPE } from '../../CreateChannel/types';
+import type { UserProfileProviderProps } from '../../../lib/UserProfileContext';
+import { PartialRequired } from '../../../utils/typeHelpers/partialRequired';
+type OnCreateChannelClickParams = {
+    users: Array<string>;
+    onClose: () => void;
+    channelType: CHANNEL_TYPE;
+};
+type ChannelListDataSource = ReturnType<typeof useGroupChannelList>;
+type ChannelListQueryParamsType = Omit<GroupChannelCollectionParams, 'filter'> & GroupChannelFilterParams;
+interface ContextBaseType {
+    onChannelSelect(channel: GroupChannel | null): void;
+    onChannelCreated(channel: GroupChannel): void;
+    className: string | string[];
+    selectedChannelUrl?: string;
+    allowProfileEdit: boolean;
+    disableAutoSelect: boolean;
+    isTypingIndicatorEnabled: boolean;
+    isMessageReceiptStatusEnabled: boolean;
+    channelListQueryParams?: ChannelListQueryParamsType;
+    onThemeChange?(theme: string): void;
+    onCreateChannelClick?(params: OnCreateChannelClickParams): void;
+    onBeforeCreateChannel?(users: string[]): GroupChannelCreateParams;
+    onUserProfileUpdated?(user: User): void;
+}
+export interface GroupChannelListContextType extends ContextBaseType, ChannelListDataSource {
+    typingChannelUrls: string[];
+}
+export interface GroupChannelListProviderProps extends PartialRequired<ContextBaseType, 'onChannelSelect' | 'onChannelCreated'>, Pick<UserProfileProviderProps, 'onUserProfileMessage' | 'renderUserProfile' | 'disableUserProfile'> {
+    children?: React.ReactNode;
+}
+export declare const GroupChannelListContext: React.Context<GroupChannelListContextType>;
+export declare const GroupChannelListProvider: (props: GroupChannelListProviderProps) => React.JSX.Element;
+export declare const useGroupChannelListContext: () => GroupChannelListContextType;
+export {};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { GroupChannelListProviderProps } from './context/GroupChannelListProvider';
+import { GroupChannelListUIProps } from './components/GroupChannelListUI';
+export interface GroupChannelListProps extends GroupChannelListProviderProps, GroupChannelListUIProps {
+}
+export declare const GroupChannelList: (props: GroupChannelListProps) => React.JSX.Element;
+export default GroupChannelList;

package/types/modules/OpenChannel/context/utils.d.ts

@@ -2,12 +2,10 @@ import type React from 'react';
 import type { User } from '@sendbird/chat';
 import type { OpenChannel, ParticipantListQuery } from '@sendbird/chat/openChannel';
 import { Logger } from '../../../lib/SendbirdState';
-import { CoreMessageType, SendableMessageType } from '../../../utils';
+import { SendableMessageType } from '../../../utils';
 export declare const getMessageCreatedAt: (message: SendableMessageType) => string;
 export declare const shouldFetchMore: (messageLength: number, maxMessages: number) => boolean;
 export declare const scrollIntoLast: (initialTry: number, scrollRef: React.RefObject<HTMLElement>) => void;
-export declare const isSameGroup: (message: CoreMessageType, comparingMessage: CoreMessageType) => boolean;
-export declare const compareMessagesForGrouping: (prevMessage: CoreMessageType, currMessage: CoreMessageType, nextMessage: CoreMessageType) => [boolean, boolean];
 export declare const kFormatter: (num: number) => string;
 export declare const isOperator: (openChannel: OpenChannel, userId: string) => boolean;
 export declare const isDisabledBecauseFrozen: (openChannel: OpenChannel, userId: string) => boolean;

package/types/modules/Thread/components/SuggestedMentionList.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SuggestedMentionListViewProps } from '../../GroupChannel/components/SuggestedMentionList/SuggestedMentionListView';
+export type SuggestedMentionListProps = Omit<SuggestedMentionListViewProps, 'currentChannel'>;
+export declare const SuggestedMentionList: (props: SuggestedMentionListProps) => React.JSX.Element;
+export default SuggestedMentionList;

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

@@ -1,6 +1,6 @@
 import React, { RefObject } from 'react';
 import './index.scss';
-import { SendableMessageType } from '../../../../utils';
+import type { SendableMessageType } from '../../../../utils';
 export interface ThreadListProps {
     className?: string;
     renderMessage?: (props: {

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

@@ -35,9 +35,9 @@ export interface ThreadProviderInterface extends ThreadProviderProps, ThreadCont
     sendMultipleFilesMessage: (files: Array<File>, quoteMessage?: SendableMessageType) => Promise<MultipleFilesMessage>;
     resendMessage: (failedMessage: SendableMessageType) => void;
     updateMessage: (props: any, callback?: () => void) => void;
-    deleteMessage: (message: SendableMessageType) => Promise<SendableMessageType>;
+    deleteMessage: (message: SendableMessageType) => Promise<void>;
     nicknamesMap: Map<string, string>;
 }
-export declare const ThreadProvider: React.FC<ThreadProviderProps>;
+export declare const ThreadProvider: (props: ThreadProviderProps) => React.JSX.Element;
 export type UseThreadContextType = () => ThreadProviderInterface;
 export declare const useThreadContext: UseThreadContextType;

package/types/modules/Thread/context/hooks/useDeleteMessageCallback.d.ts

@@ -8,5 +8,5 @@ interface DynamicProps {
 interface StaticProps {
     logger: Logger;
 }
-export default function useDeleteMessageCallback({ currentChannel, threadDispatcher, }: DynamicProps, { logger, }: StaticProps): (message: SendableMessageType) => Promise<SendableMessageType>;
+export default function useDeleteMessageCallback({ currentChannel, threadDispatcher, }: DynamicProps, { logger, }: StaticProps): (message: SendableMessageType) => Promise<void>;
 export {};

package/types/modules/Thread/context/hooks/useThreadFetchers.d.ts

@@ -0,0 +1,21 @@
+import { BaseMessage } from '@sendbird/chat/message';
+import { SendableMessageType } from '../../../../utils';
+import { CustomUseReducerDispatcher } from '../../../../lib/SendbirdState';
+import { LoggerInterface } from '../../../../lib/Logger';
+import { ThreadListStateTypes } from '../../types';
+type Params = {
+    anchorMessage?: SendableMessageType;
+    parentMessage: SendableMessageType;
+    isReactionEnabled?: boolean;
+    threadDispatcher: CustomUseReducerDispatcher;
+    logger: LoggerInterface;
+    threadListState: ThreadListStateTypes;
+    oldestMessageTimeStamp: number;
+    latestMessageTimeStamp: number;
+};
+export declare const useThreadFetchers: ({ isReactionEnabled, anchorMessage, parentMessage: staleParentMessage, threadDispatcher, logger, oldestMessageTimeStamp, latestMessageTimeStamp, threadListState, }: Params) => {
+    initialize: (callback?: (messages: BaseMessage[]) => void) => Promise<void>;
+    loadPrevious: (callback?: (messages: BaseMessage[]) => void) => Promise<void>;
+    loadNext: (callback?: (messages: BaseMessage[]) => void) => Promise<void>;
+};
+export {};

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

@@ -10,6 +10,4 @@ export declare const isEmpty: (val: unknown) => boolean;
 export declare function compareIds(a: number | string, b: number | string): boolean;
 export declare const getMessageCreatedAt: (message: SendableMessageType) => string;
 export declare const isReadMessage: (channel: GroupChannel, message: SendableMessageType) => boolean;
-export declare const isSameGroup: (message: SendableMessageType, comparingMessage: SendableMessageType, currentChannel: GroupChannel) => boolean;
-export declare const compareMessagesForGrouping: (prevMessage: SendableMessageType, currMessage: SendableMessageType, nextMessage: SendableMessageType, currentChannel: GroupChannel, replyType: string) => [boolean, boolean];
 export declare const scrollIntoLast: (intialTry?: number) => void;

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

@@ -4,5 +4,5 @@ import { ThreadUIProps } from './components/ThreadUI';
 export interface ThreadProps extends ThreadProviderProps, ThreadUIProps {
     className?: string;
 }
-declare const Thread: React.FC<ThreadProps>;
+declare const Thread: (props: ThreadProps) => React.JSX.Element;
 export default Thread;

package/types/types.d.ts

@@ -1,9 +1,9 @@
 import { MutableRefObject } from 'react';
 import type { User } from '@sendbird/chat';
 import type { Member } from '@sendbird/chat/groupChannel';
-import type { AdminMessage, FileMessage, MultipleFilesMessage, UserMessage } from '@sendbird/chat/message';
+import type { AdminMessage, FileMessage, MultipleFilesMessage, UserMessage, Thumbnail } from '@sendbird/chat/message';
 import { CoreMessageType } from './utils';
-import { MessageUIProps } from './modules/Channel/components/Message';
+import { MessageProps } from './modules/GroupChannel/components/Message/MessageView';
 export type ReplyType = 'NONE' | 'QUOTE_REPLY' | 'THREAD';
 export type Nullable<T> = T | null;
 export type SpaceFromTriggerType = {
@@ -47,7 +47,7 @@ export interface RenderMessageProps {
     chainTop: boolean;
     chainBottom: boolean;
 }
-export type RenderMessageParamsType = Omit<MessageUIProps, 'renderMessage'>;
+export type RenderMessageParamsType = Omit<MessageProps, 'renderMessage'>;
 export interface RenderCustomSeparatorProps {
     message: CoreMessageType;
 }
@@ -61,3 +61,11 @@ export interface ClientMultipleFilesMessage extends MultipleFilesMessage, Client
 }
 export type EveryMessage = ClientUserMessage | ClientFileMessage | ClientMultipleFilesMessage | ClientAdminMessage;
 export type ClientSentMessages = ClientUserMessage | ClientFileMessage | ClientMultipleFilesMessage;
+export interface UploadedFileInfoWithUpload {
+    fileName?: string;
+    fileSize?: number;
+    mimeType?: string;
+    thumbnails?: Thumbnail[];
+    url?: string;
+    isUploaded?: boolean;
+}

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

@@ -2,11 +2,11 @@ import './index.scss';
 import { MouseEvent, ReactElement } from 'react';
 import { FileMessage, MultipleFilesMessage } from '@sendbird/chat/message';
 import { FileViewerComponentProps } from './types';
-import { StatefulFileInfo } from '../../utils/createStatefulFileInfoList';
+import { UploadedFileInfoWithUpload } from '../../types';
 export declare const FileViewerComponent: (props: FileViewerComponentProps) => ReactElement;
 export interface FileViewerProps {
     message?: FileMessage | MultipleFilesMessage;
-    statefulFileInfoList?: StatefulFileInfo[];
+    statefulFileInfoList?: UploadedFileInfoWithUpload[];
     isByMe?: boolean;
     currentIndex?: number;
     onClose: (e: MouseEvent) => void;

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

@@ -12,9 +12,7 @@ export interface ImageRendererProps {
     circle?: boolean;
     fixedSize?: boolean;
     placeHolder?: ((props: {
-        style: {
-            [key: string]: string | number;
-        };
+        style: Record<string, string | number>;
     }) => ReactElement) | ReactElement;
     defaultComponent?: (() => ReactElement) | ReactElement;
     borderRadius?: string | number;

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

@@ -30,7 +30,7 @@ export interface MessageContentProps {
     showRemove?: (bool: boolean) => void;
     showFileViewer?: (bool: boolean) => void;
     resendMessage?: (message: SendableMessageType) => void;
-    deleteMessage?: (message: CoreMessageType) => Promise<CoreMessageType>;
+    deleteMessage?: (message: CoreMessageType) => Promise<void>;
     toggleReaction?: (message: SendableMessageType, reactionKey: string, isReacted: boolean) => void;
     setQuoteMessage?: (message: SendableMessageType) => void;
     onReplyInThread?: (props: {

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

@@ -14,6 +14,7 @@ export interface MessageMenuProps {
     disableDeleteMessage?: boolean;
     showEdit?: (bool: boolean) => void;
     showRemove?: (bool: boolean) => void;
+    deleteMessage?: (message: SendableMessageType) => void;
     resendMessage?: (message: SendableMessageType) => void;
     setQuoteMessage?: (message: SendableMessageType) => void;
     setSupposedHover?: (bool: boolean) => void;
@@ -22,5 +23,5 @@ export interface MessageMenuProps {
     }) => void;
     onMoveToParentMessage?: () => void;
 }
-export declare function MessageMenu({ className, message, channel, isByMe, disabled, replyType, disableDeleteMessage, showEdit, showRemove, resendMessage, setQuoteMessage, setSupposedHover, onReplyInThread, onMoveToParentMessage, }: MessageMenuProps): ReactElement;
+export declare function MessageMenu({ className, message, channel, isByMe, disabled, replyType, disableDeleteMessage, showEdit, showRemove, deleteMessage, resendMessage, setQuoteMessage, setSupposedHover, onReplyInThread, onMoveToParentMessage, }: MessageMenuProps): ReactElement;
 export default MessageMenu;

package/types/ui/MobileMenu/types.d.ts

@@ -17,7 +17,7 @@ export interface BaseMenuProps {
     showEdit?: (bool: boolean) => void;
     showRemove?: (bool: boolean) => void;
     resendMessage?: (message: SendableMessageType) => void;
-    deleteMessage?: (message: CoreMessageType) => Promise<CoreMessageType>;
+    deleteMessage?: (message: CoreMessageType) => Promise<void>;
     setQuoteMessage?: (message: SendableMessageType) => void;
     isReactionEnabled?: boolean;
     parentRef?: React.RefObject<HTMLElement>;

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

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { MultipleFilesMessage } from '@sendbird/chat/message';
 import './index.scss';
-import { StatefulFileInfo } from '../../utils/createStatefulFileInfoList';
+import { UploadedFileInfoWithUpload } from '../../types';
 export declare const ThreadMessageKind: {
     readonly PARENT: "parent";
     readonly CHILD: "child";
@@ -15,7 +15,7 @@ interface Props {
     isReactionEnabled?: boolean;
     truncateLimit?: number;
     threadMessageKindKey?: string;
-    statefulFileInfoList?: StatefulFileInfo[];
+    statefulFileInfoList?: UploadedFileInfoWithUpload[];
 }
 export default function MultipleFilesMessageItemBody({ className, message, isReactionEnabled, threadMessageKindKey, statefulFileInfoList, }: Props): ReactElement;
 export {};

package/types/utils/index.d.ts

@@ -106,6 +106,9 @@ export declare const getCurrentUserId: (store: UIKitStore) => string;
 export declare const getUseReaction: (store: UIKitStore, channel: GroupChannel | OpenChannel) => boolean;
 export declare function getSuggestedReplies(message?: EveryMessage): string[];
 export declare const isMessageSentByMe: (userId: string, message: SendableMessageType) => boolean;
+/** @deprecated
+ * URL detection in a message text will be handled in utils/tokens/tokenize.ts
+ */
 export declare const isUrl: (text: string) => boolean;
 export declare const isMentionedText: (text: string) => boolean;
 export declare const truncateString: (fullStr: string, strLen?: number) => string;
@@ -119,6 +122,10 @@ 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 sortChannelList: (channels: GroupChannel[], order: GroupChannelListOrder) => GroupChannel[];
+/**
+ * Upserts given channel to the channel list and then returns the sorted channel list.
+ */
 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 {

package/types/utils/messages.d.ts

@@ -0,0 +1,17 @@
+import { type BaseMessage } from '@sendbird/chat/message';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+import { ReplyType } from '../types';
+import type { CoreMessageType } from '.';
+/**
+ * exported, should be backward compatible
+ * @returns [chainTop: `boolean`, chainBottom: `boolean`]
+ */
+export declare const compareMessagesForGrouping: (prevMessage: CoreMessageType, currMessage: CoreMessageType, nextMessage: CoreMessageType, currentChannel?: GroupChannel, replyType?: ReplyType) => boolean[];
+export declare const getMessageCreatedAt: (message: BaseMessage) => string;
+export declare const isSameGroup: (message: CoreMessageType, comparingMessage: CoreMessageType, currentChannel?: GroupChannel) => boolean;
+declare const _default: {
+    compareMessagesForGrouping: (prevMessage: CoreMessageType, currMessage: CoreMessageType, nextMessage: CoreMessageType, currentChannel?: GroupChannel, replyType?: ReplyType) => boolean[];
+    getMessageCreatedAt: (message: BaseMessage) => string;
+    isSameGroup: (message: CoreMessageType, comparingMessage: CoreMessageType, currentChannel?: GroupChannel) => boolean;
+};
+export default _default;

package/types/utils/typeHelpers/partialRequired.d.ts

@@ -0,0 +1 @@
+export type PartialRequired<T, RequiredKeys extends keyof T> = Partial<Omit<T, RequiredKeys>> & Required<Pick<T, RequiredKeys>>;

package/ui/Accordion.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-GKopZh-T.js';
+import { a as __spreadArray } from '../chunks/bundle-BA7tv0JB.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-tca5p7Pl.js';
-import '../chunks/bundle-WpHDilD_.js';
+import { C as Consumer } from '../chunks/bundle-YVEtWFVy.js';
+import '../chunks/bundle-cA_r9HRx.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-tca5p7Pl.js';
-import '../chunks/bundle-WpHDilD_.js';
+import { P as Provider } from '../chunks/bundle-YVEtWFVy.js';
+import '../chunks/bundle-cA_r9HRx.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-GKopZh-T.js';
+import { a as __spreadArray } from '../chunks/bundle-BA7tv0JB.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
-import '../chunks/bundle-YmIrZYPF.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
+import '../chunks/bundle-jy6_UG14.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,9 +1,8 @@
-import '../chunks/bundle-GKopZh-T.js';
+import '../chunks/bundle-BA7tv0JB.js';
 import 'react';
 import './ImageRenderer.js';
-import '../chunks/bundle-aeQZ5WsP.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-X3h4GiLa.js';
-import '../chunks/bundle-Kv4GXRTs.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-Qufz6_i_.js';
+import '../chunks/bundle-cA_r9HRx.js';
+import '../chunks/bundle-jDjj3eHU.js';
 import './Icon.js';
-import '../chunks/bundle-WpHDilD_.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Avatar.js.map

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

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-GKopZh-T.js';
+import { a as __spreadArray } from '../chunks/bundle-BA7tv0JB.js';
 import React__default, { useContext } from 'react';
-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';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
+import { L as LocalizationContext } from '../chunks/bundle-BBjosDA0.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '../chunks/bundle-ULVw0l0r.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-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 { a as MODAL_ROOT } from '../chunks/bundle-cvTUkQV_.js';
+import '../chunks/bundle-BA7tv0JB.js';
+import '../chunks/bundle-aKXnhi3A.js';
+import '../chunks/bundle-cA_r9HRx.js';
+import '../chunks/bundle-BBjosDA0.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '../chunks/bundle-ULVw0l0r.js';
+import '../chunks/bundle-r9j_eCHc.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-dWJnfDPH.js';
+import '../chunks/bundle-I8JFwttJ.js';
 import './Icon.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-GKopZh-T.js';
+import { a as __spreadArray } from '../chunks/bundle-BA7tv0JB.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
-import '../chunks/bundle-YmIrZYPF.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
+import '../chunks/bundle-jy6_UG14.js';
 
 var ButtonTypes;
 (function (ButtonTypes) {

package/ui/ChannelAvatar.js

@@ -1,12 +1,11 @@
 import React__default, { useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-X3h4GiLa.js';
+import { A as Avatar } from '../chunks/bundle-Qufz6_i_.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-lmXvuxOb.js';
-import '../chunks/bundle-GKopZh-T.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-F6-2aFsp.js';
+import '../chunks/bundle-BA7tv0JB.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-aeQZ5WsP.js';
-import '../chunks/bundle-Kv4GXRTs.js';
-import '../chunks/bundle-WpHDilD_.js';
+import '../chunks/bundle-cA_r9HRx.js';
+import '../chunks/bundle-jDjj3eHU.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;
@@ -22,7 +21,7 @@ function ChannelAvatar(_a) {
                 } },
                 React__default.createElement(Icon, { type: IconTypes.BROADCAST, fillColor: IconColors.CONTENT, width: width * 0.575, height: height * 0.575 })))
             : (React__default.createElement(Avatar, { className: "sendbird-chat-header--avatar--broadcast-channel", src: getChannelAvatarSource(channel, userId), width: width, height: height, alt: channel === null || channel === void 0 ? void 0 : channel.name })))
-        : (React__default.createElement(Avatar, { className: "sendbird-chat-header--avatar--group-channel", src: getChannelAvatarSource(channel, userId), width: "".concat(width, "px"), height: "".concat(height, "px"), alt: channel === null || channel === void 0 ? void 0 : channel.name }))); }, [channel === null || channel === void 0 ? void 0 : channel.members, channel === null || channel === void 0 ? void 0 : channel.coverUrl, theme]);
+        : (React__default.createElement(Avatar, { className: "sendbird-chat-header--avatar--group-channel", src: getChannelAvatarSource(channel, userId), width: "".concat(width, "px"), height: "".concat(height, "px"), alt: channel === null || channel === void 0 ? void 0 : channel.name }))); }, [getChannelAvatarSource(channel, userId), theme]);
     return (React__default.createElement(React__default.Fragment, null, memoizedAvatar));
 }
 

package/ui/ChannelAvatar.js.map

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

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-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';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
+import { L as LocalizationContext } from '../chunks/bundle-BBjosDA0.js';
+import '../chunks/bundle-BA7tv0JB.js';
+import '../chunks/bundle-cA_r9HRx.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '../chunks/bundle-ULVw0l0r.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,14 +1,14 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { d as __extends, _ as __assign } from '../chunks/bundle-GKopZh-T.js';
+import { e as __extends, _ as __assign } from '../chunks/bundle-BA7tv0JB.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.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 { q as getClassName } from '../chunks/bundle-N9hMnIRl.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
+import '../chunks/bundle-YoWLsJ0C.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-kfNTRju0.js';
-import '../chunks/bundle-YmIrZYPF.js';
+import '../chunks/bundle-aKXnhi3A.js';
+import '../chunks/bundle-jy6_UG14.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-GKopZh-T.js';
+import { a as __spreadArray } from '../chunks/bundle-BA7tv0JB.js';
 import React__default from 'react';
-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';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-LWD0OLz8.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
+import '../chunks/bundle-jy6_UG14.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,39 +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 { N as getEmojiUrl, O as isReactedBy, P as getEmojiTooltipString, p as getEmojiListAll, Q as getEmojiMapAll, n as getClassName } from '../chunks/bundle-uk2Y0AQu.js';
+import { M as getEmojiUrl, N as isReactedBy, O as getEmojiTooltipString, s as getEmojiListAll, P as getEmojiMapAll, q as getClassName } from '../chunks/bundle-N9hMnIRl.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-dWJnfDPH.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
 import UserListItem from './UserListItem.js';
-import { _ as __assign } from '../chunks/bundle-GKopZh-T.js';
+import { _ as __assign } from '../chunks/bundle-BA7tv0JB.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.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 { u as useMediaQueryContext } from '../chunks/bundle-r9j_eCHc.js';
+import { u as useLongPress } from '../chunks/bundle-0jbuC1o3.js';
+import { L as LocalizationContext } from '../chunks/bundle-BBjosDA0.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import '../chunks/bundle-YmIrZYPF.js';
-import '../chunks/bundle-WpHDilD_.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '../chunks/bundle-cA_r9HRx.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-aeQZ5WsP.js';
+import '../chunks/bundle-YoWLsJ0C.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-kfNTRju0.js';
+import '../chunks/bundle-aKXnhi3A.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-VPanFdbf.js';
+import '../chunks/bundle-cvTUkQV_.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-TV4-nyqN.js';
-import '../chunks/bundle-cXqs96Pt.js';
-import '../chunks/bundle-X3h4GiLa.js';
-import '../chunks/bundle-Kv4GXRTs.js';
+import '../chunks/bundle-ULVw0l0r.js';
+import '../chunks/bundle-vOT5acXc.js';
+import '../chunks/bundle-Qufz6_i_.js';
+import '../chunks/bundle-jDjj3eHU.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-ku6CEjGk.js';
+import '../chunks/bundle-nlOgiAcu.js';
 import '../withSendbird.js';
 
 var ReactedMembersBottomSheet = function (_a) {
@@ -57,8 +57,11 @@ var ReactedMembersBottomSheet = function (_a) {
                 return (React__default.createElement("div", { key: reaction.key, className: "\n                  sendbird-message__bottomsheet__reacted-members__item\n                  ".concat(selectedEmoji === reaction.key ? 'sendbird-message__bottomsheet__reacted-members__item__selected' : '', "\n                "), onClick: function () {
                         setSelectedEmoji(reaction.key);
                     } },
-                    React__default.createElement(ImageRenderer, { url: emojiUrl, width: "28px", height: "28px", placeHolder: function (style) { return (React__default.createElement("div", { style: style },
-                            React__default.createElement(Icon, { type: IconTypes.QUESTION, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" }))); } }),
+                    React__default.createElement(ImageRenderer, { url: emojiUrl, width: "28px", height: "28px", placeHolder: function (_a) {
+                            var style = _a.style;
+                            return (React__default.createElement("div", { style: style },
+                                React__default.createElement(Icon, { type: IconTypes.QUESTION, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
+                        } }),
                     React__default.createElement(Label, { type: LabelTypography.BUTTON_2, color: selectedEmoji === reaction.key ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3 }, reaction.userIds.length)));
             })),
             React__default.createElement("div", { className: "sendbird-message__bottomsheet__reactor-list" }, // making a member list who reacted to the message with the `selectedEmoji`
@@ -126,8 +129,11 @@ var MobileEmojisBottomSheet = function (_a) {
                     toggleReaction === null || toggleReaction === void 0 ? void 0 : toggleReaction(message, emoji.key, isReacted);
                     hideMenu();
                 }, dataSbId: "ui_mobile_emoji_reactions_menu_".concat(emoji.key) },
-                React__default.createElement(ImageRenderer, { url: emoji.url, width: "38px", height: "38px", placeHolder: function (style) { return (React__default.createElement("div", { style: style },
-                        React__default.createElement(Icon, { type: IconTypes.QUESTION, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" }))); } })));
+                React__default.createElement(ImageRenderer, { url: emoji.url, width: "38px", height: "38px", placeHolder: function (_a) {
+                        var style = _a.style;
+                        return (React__default.createElement("div", { style: style },
+                            React__default.createElement(Icon, { type: IconTypes.QUESTION, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
+                    } })));
         }))));
 };
 
@@ -160,8 +166,11 @@ var EmojiReactions = function (_a) {
                         toggleReaction === null || toggleReaction === void 0 ? void 0 : toggleReaction(message, emoji.key, isReacted);
                         e === null || e === void 0 ? void 0 : e.stopPropagation();
                     }, dataSbId: "ui_emoji_reactions_menu_".concat(emoji.key) },
-                    React__default.createElement(ImageRenderer, { url: (emoji === null || emoji === void 0 ? void 0 : emoji.url) || '', width: "28px", height: "28px", placeHolder: function (style) { return (React__default.createElement("div", { style: style },
-                            React__default.createElement(Icon, { type: IconTypes.QUESTION, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" }))); } })));
+                    React__default.createElement(ImageRenderer, { url: (emoji === null || emoji === void 0 ? void 0 : emoji.url) || '', width: "28px", height: "28px", placeHolder: function (_a) {
+                            var style = _a.style;
+                            return (React__default.createElement("div", { style: style },
+                                React__default.createElement(Icon, { type: IconTypes.QUESTION, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
+                        } })));
             }))); } })),
         (isMobile && showAddReactionBadge) && (React__default.createElement(AddReactionBadgeItem, { onClick: function () {
                 setShowEmojiList(true);

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