@sendbird/uikit-react 3.4.0-rc.7 → 3.4.0

package/{types-6c683617.js.map → types-490489b7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"types-6c683617.js","sources":["../src/lib/types.ts"],"sourcesContent":["import type SendbirdChat from '@sendbird/chat';\nimport type { User } from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCreateParams,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\nimport type {\n  OpenChannel,\n  OpenChannelCreateParams,\n  SendbirdOpenChat,\n} from '@sendbird/chat/openChannel';\nimport type {\n  AdminMessage,\n  FileMessage,\n  FileMessageCreateParams,\n  UserMessage,\n  UserMessageCreateParams,\n  UserMessageUpdateParams,\n} from '@sendbird/chat/message';\n\nimport type SendBirdTypes from '../types';\nimport { UikitMessageHandler } from './selectors';\nimport { Logger } from './SendbirdState';\nimport { ReplyType } from 'SendbirdUIKitGlobal';\n\n// note to SDK team:\n// using enum inside .d.ts won’t work for jest, but const enum will work.\nexport const Role = {\n  OPERATOR: 'operator',\n  NONE: 'none',\n} as const;\n\nexport interface SendBirdProviderProps {\n  userId: string;\n  appId: string;\n  accessToken?: string;\n  children?: React.ReactElement;\n  theme?: 'light' | 'dark';\n  nickname?: string;\n  profileUrl?: string;\n  dateLocale?: Locale;\n  disableUserProfile?: boolean;\n  disableMarkAsDelivered?: boolean;\n  renderUserProfile?: (props: SendBirdTypes.RenderUserProfileProps) => React.ReactElement;\n  allowProfileEdit?: boolean;\n  userListQuery?(): SendBirdTypes.UserListQuery;\n  config?: SendBirdTypes.SendBirdProviderConfig;\n  stringSet?: Record<string, string>;\n  colorSet?: Record<string, string>;\n  isMentionEnabled?: boolean;\n  isVoiceMessageEnabled?: boolean;\n  voiceRecord?: {\n    maxRecordingTime: number;\n    minRecordingTime: number;\n  };\n  imageCompression?: {\n    compressionRate?: number,\n    resizingWidth?: number | string,\n    resizingHeight?: number | string,\n  };\n  isTypingIndicatorEnabledOnChannelList?: boolean;\n  isMessageReceiptStatusEnabledOnChannelList?: boolean;\n}\n\nexport interface SendBirdStateConfig {\n  disableUserProfile: boolean;\n  disableMarkAsDelivered: boolean;\n  renderUserProfile?: (props: SendBirdTypes.RenderUserProfileProps) => React.ReactElement;\n  onUserProfileMessage?: (props: GroupChannel) => void;\n  allowProfileEdit: boolean;\n  isOnline: boolean;\n  userId: string;\n  appId: string;\n  accessToken: string;\n  theme: string;\n  pubSub: any;\n  logger: Logger;\n  setCurrenttheme: (theme: string) => void;\n  userListQuery?(): SendBirdTypes.UserListQuery;\n  isReactionEnabled: boolean;\n  isMentionEnabled: boolean;\n  isVoiceMessageEnabled?: boolean;\n  voiceRecord?: {\n    maxRecordingTime: number;\n    minRecordingTime: number;\n  };\n  userMention: {\n    maxMentionCount: number,\n    maxSuggestionCount: number,\n  };\n  imageCompression?: {\n    compressionRate?: number,\n    resizingWidth?: number | string,\n    resizingHeight?: number | string,\n  };\n  isTypingIndicatorEnabledOnChannelList?: boolean;\n  isMessageReceiptStatusEnabledOnChannelList?: boolean;\n  replyType: ReplyType;\n}\nexport interface SdkStore {\n  error: boolean;\n  initialized: boolean;\n  loading: boolean;\n  sdk: SendbirdChat & SendbirdGroupChat & SendbirdOpenChat;\n}\nexport interface UserStore {\n  initialized: boolean;\n  loading: boolean;\n  user: User;\n}\nexport interface SendBirdStateStore {\n  sdkStore: SdkStore;\n  userStore: UserStore;\n}\n\n\nexport type SendBirdState = {\n  config: SendBirdStateConfig;\n  stores: SendBirdStateStore;\n  dispatchers: {\n    userDispatcher: UserDispatcher,\n  },\n}\n\ntype UserDispatcherParams = {\n  type: string,\n  payload: User,\n};\n\ntype UserDispatcher = (params: UserDispatcherParams) => void;\n\ntype GetSdk = SendbirdChat | undefined;\ntype GetConnect = (\n  userId: string,\n  accessToken?: string\n) => Promise<User>;\ntype GetDisconnect = () => Promise<void>;\ntype GetUpdateUserInfo = (\n  nickName: string,\n  profileUrl?: string\n) => Promise<User>;\ntype GetCreateGroupChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;\ntype GetCreateOpenChannel = (channelParams: OpenChannelCreateParams) => Promise<OpenChannel>;\ntype GetGetGroupChannel = (\n  channelUrl: string,\n  isSelected?: boolean,\n) => Promise<GroupChannel>;\ntype GetGetOpenChannel = (\n  channelUrl: string,\n) => Promise<OpenChannel>;\ntype GetLeaveGroupChannel = (channel: GroupChannel) => Promise<void>;\ntype GetEnterOpenChannel = (channel: OpenChannel) => Promise<OpenChannel>;\ntype GetExitOpenChannel = (channel: OpenChannel) => Promise<void>;\ntype GetFreezeChannel = (channel: GroupChannel | OpenChannel) => Promise<void>;\ntype GetUnFreezeChannel = (channel: GroupChannel | OpenChannel) => Promise<void>;\ntype GetSendUserMessage = (\n  channel: GroupChannel | OpenChannel,\n  userMessageParams: UserMessageCreateParams,\n) => UikitMessageHandler;\ntype GetSendFileMessage = (\n  channel: GroupChannel | OpenChannel,\n  fileMessageParams: FileMessageCreateParams\n) => UikitMessageHandler;\ntype GetUpdateUserMessage = (\n  channel: GroupChannel | OpenChannel,\n  messageId: string | number,\n  params: UserMessageUpdateParams\n) => Promise<UserMessage>;\n// type getUpdateFileMessage = (\n//   channel: GroupChannel | OpenChannel,\n//   messageId: string | number,\n//   params: FileMessageUpdateParams,\n// ) => Promise<FileMessage>;\ntype GetDeleteMessage = (\n  channel: GroupChannel | OpenChannel,\n  message: AdminMessage | UserMessage | FileMessage\n) => Promise<void>;\ntype GetResendUserMessage = (\n  channel: GroupChannel | OpenChannel,\n  failedMessage: UserMessage\n) => Promise<UserMessage>;\ntype GetResendFileMessage = (\n  channel: GroupChannel | OpenChannel,\n  failedMessage: FileMessage\n) => Promise<FileMessage>;\n\nexport interface sendbirdSelectorsInterface {\n  getSdk: (store: SendBirdState) => GetSdk;\n  getConnect: (store: SendBirdState) => GetConnect\n  getDisconnect: (store: SendBirdState) => GetDisconnect;\n  getUpdateUserInfo: (store: SendBirdState) => GetUpdateUserInfo;\n  getCreateGroupChannel: (store: SendBirdState) => GetCreateGroupChannel;\n  getCreateOpenChannel: (store: SendBirdState) => GetCreateOpenChannel;\n  getGetGroupChannel: (store: SendBirdState) => GetGetGroupChannel;\n  getGetOpenChannel: (store: SendBirdState) => GetGetOpenChannel;\n  getLeaveGroupChannel: (store: SendBirdState) => GetLeaveGroupChannel;\n  getEnterOpenChannel: (store: SendBirdState) => GetEnterOpenChannel;\n  getExitOpenChannel: (store: SendBirdState) => GetExitOpenChannel;\n  getFreezeChannel: (store: SendBirdState) => GetFreezeChannel;\n  getUnFreezeChannel: (store: SendBirdState) => GetUnFreezeChannel;\n  getSendUserMessage: (store: SendBirdState) => GetSendUserMessage;\n  getSendFileMessage: (store: SendBirdState) => GetSendFileMessage;\n  getUpdateUserMessage: (store: SendBirdState) => GetUpdateUserMessage;\n  // getUpdateFileMessage: (store: SendBirdState) => GetUpdateFileMessage;\n  getDeleteMessage: (store: SendBirdState) => GetDeleteMessage;\n  getResendUserMessage: (store: SendBirdState) => GetResendUserMessage;\n  getResendFileMessage: (store: SendBirdState) => GetResendFileMessage;\n}\n"],"names":["Role","OPERATOR","NONE"],"mappings":"AA0BA;AACA;AACO,IAAMA,IAAI,GAAG;AAClBC,EAAAA,QAAQ,EAAE,UADQ;AAElBC,EAAAA,IAAI,EAAE,MAAA;AAFY;;;;"}
+{"version":3,"file":"types-490489b7.js","sources":["../src/lib/types.ts"],"sourcesContent":["import type SendbirdChat from '@sendbird/chat';\nimport type { User } from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCreateParams,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\nimport type {\n  OpenChannel,\n  OpenChannelCreateParams,\n  SendbirdOpenChat,\n} from '@sendbird/chat/openChannel';\nimport type {\n  AdminMessage,\n  FileMessage,\n  FileMessageCreateParams,\n  UserMessage,\n  UserMessageCreateParams,\n  UserMessageUpdateParams,\n} from '@sendbird/chat/message';\n\nimport type SendBirdTypes from '../types';\nimport { UikitMessageHandler } from './selectors';\nimport { Logger } from './SendbirdState';\nimport { ReplyType } from 'SendbirdUIKitGlobal';\n\n// note to SDK team:\n// using enum inside .d.ts won’t work for jest, but const enum will work.\nexport const Role = {\n  OPERATOR: 'operator',\n  NONE: 'none',\n} as const;\n\nexport interface SendBirdProviderProps {\n  userId: string;\n  appId: string;\n  accessToken?: string;\n  children?: React.ReactElement;\n  theme?: 'light' | 'dark';\n  nickname?: string;\n  profileUrl?: string;\n  dateLocale?: Locale;\n  disableUserProfile?: boolean;\n  disableMarkAsDelivered?: boolean;\n  renderUserProfile?: (props: SendBirdTypes.RenderUserProfileProps) => React.ReactElement;\n  allowProfileEdit?: boolean;\n  userListQuery?(): SendBirdTypes.UserListQuery;\n  config?: SendBirdTypes.SendBirdProviderConfig;\n  stringSet?: Record<string, string>;\n  colorSet?: Record<string, string>;\n  isMentionEnabled?: boolean;\n  isVoiceMessageEnabled?: boolean;\n  voiceRecord?: {\n    maxRecordingTime: number;\n    minRecordingTime: number;\n  };\n  imageCompression?: {\n    compressionRate?: number,\n    resizingWidth?: number | string,\n    resizingHeight?: number | string,\n  };\n  isTypingIndicatorEnabledOnChannelList?: boolean;\n  isMessageReceiptStatusEnabledOnChannelList?: boolean;\n}\n\nexport interface SendBirdStateConfig {\n  disableUserProfile: boolean;\n  disableMarkAsDelivered: boolean;\n  renderUserProfile?: (props: SendBirdTypes.RenderUserProfileProps) => React.ReactElement;\n  onUserProfileMessage?: (props: GroupChannel) => void;\n  allowProfileEdit: boolean;\n  isOnline: boolean;\n  userId: string;\n  appId: string;\n  accessToken: string;\n  theme: string;\n  pubSub: any;\n  logger: Logger;\n  setCurrenttheme: (theme: string) => void;\n  userListQuery?(): SendBirdTypes.UserListQuery;\n  isReactionEnabled: boolean;\n  isMentionEnabled: boolean;\n  isVoiceMessageEnabled?: boolean;\n  voiceRecord?: {\n    maxRecordingTime: number;\n    minRecordingTime: number;\n  };\n  userMention: {\n    maxMentionCount: number,\n    maxSuggestionCount: number,\n  };\n  imageCompression?: {\n    compressionRate?: number,\n    resizingWidth?: number | string,\n    resizingHeight?: number | string,\n  };\n  isTypingIndicatorEnabledOnChannelList?: boolean;\n  isMessageReceiptStatusEnabledOnChannelList?: boolean;\n  replyType: ReplyType;\n}\nexport interface SdkStore {\n  error: boolean;\n  initialized: boolean;\n  loading: boolean;\n  sdk: SendbirdChat & SendbirdGroupChat & SendbirdOpenChat;\n}\nexport interface UserStore {\n  initialized: boolean;\n  loading: boolean;\n  user: User;\n}\nexport interface SendBirdStateStore {\n  sdkStore: SdkStore;\n  userStore: UserStore;\n}\n\n\nexport type SendBirdState = {\n  config: SendBirdStateConfig;\n  stores: SendBirdStateStore;\n  dispatchers: {\n    userDispatcher: UserDispatcher,\n  },\n}\n\ntype UserDispatcherParams = {\n  type: string,\n  payload: User,\n};\n\ntype UserDispatcher = (params: UserDispatcherParams) => void;\n\ntype GetSdk = SendbirdChat | undefined;\ntype GetConnect = (\n  userId: string,\n  accessToken?: string\n) => Promise<User>;\ntype GetDisconnect = () => Promise<void>;\ntype GetUpdateUserInfo = (\n  nickName: string,\n  profileUrl?: string\n) => Promise<User>;\ntype GetCreateGroupChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;\ntype GetCreateOpenChannel = (channelParams: OpenChannelCreateParams) => Promise<OpenChannel>;\ntype GetGetGroupChannel = (\n  channelUrl: string,\n  isSelected?: boolean,\n) => Promise<GroupChannel>;\ntype GetGetOpenChannel = (\n  channelUrl: string,\n) => Promise<OpenChannel>;\ntype GetLeaveGroupChannel = (channel: GroupChannel) => Promise<void>;\ntype GetEnterOpenChannel = (channel: OpenChannel) => Promise<OpenChannel>;\ntype GetExitOpenChannel = (channel: OpenChannel) => Promise<void>;\ntype GetFreezeChannel = (channel: GroupChannel | OpenChannel) => Promise<void>;\ntype GetUnFreezeChannel = (channel: GroupChannel | OpenChannel) => Promise<void>;\ntype GetSendUserMessage = (\n  channel: GroupChannel | OpenChannel,\n  userMessageParams: UserMessageCreateParams,\n) => UikitMessageHandler;\ntype GetSendFileMessage = (\n  channel: GroupChannel | OpenChannel,\n  fileMessageParams: FileMessageCreateParams\n) => UikitMessageHandler;\ntype GetUpdateUserMessage = (\n  channel: GroupChannel | OpenChannel,\n  messageId: string | number,\n  params: UserMessageUpdateParams\n) => Promise<UserMessage>;\n// type getUpdateFileMessage = (\n//   channel: GroupChannel | OpenChannel,\n//   messageId: string | number,\n//   params: FileMessageUpdateParams,\n// ) => Promise<FileMessage>;\ntype GetDeleteMessage = (\n  channel: GroupChannel | OpenChannel,\n  message: AdminMessage | UserMessage | FileMessage\n) => Promise<void>;\ntype GetResendUserMessage = (\n  channel: GroupChannel | OpenChannel,\n  failedMessage: UserMessage\n) => Promise<UserMessage>;\ntype GetResendFileMessage = (\n  channel: GroupChannel | OpenChannel,\n  failedMessage: FileMessage\n) => Promise<FileMessage>;\n\nexport interface sendbirdSelectorsInterface {\n  getSdk: (store: SendBirdState) => GetSdk;\n  getConnect: (store: SendBirdState) => GetConnect\n  getDisconnect: (store: SendBirdState) => GetDisconnect;\n  getUpdateUserInfo: (store: SendBirdState) => GetUpdateUserInfo;\n  getCreateGroupChannel: (store: SendBirdState) => GetCreateGroupChannel;\n  getCreateOpenChannel: (store: SendBirdState) => GetCreateOpenChannel;\n  getGetGroupChannel: (store: SendBirdState) => GetGetGroupChannel;\n  getGetOpenChannel: (store: SendBirdState) => GetGetOpenChannel;\n  getLeaveGroupChannel: (store: SendBirdState) => GetLeaveGroupChannel;\n  getEnterOpenChannel: (store: SendBirdState) => GetEnterOpenChannel;\n  getExitOpenChannel: (store: SendBirdState) => GetExitOpenChannel;\n  getFreezeChannel: (store: SendBirdState) => GetFreezeChannel;\n  getUnFreezeChannel: (store: SendBirdState) => GetUnFreezeChannel;\n  getSendUserMessage: (store: SendBirdState) => GetSendUserMessage;\n  getSendFileMessage: (store: SendBirdState) => GetSendFileMessage;\n  getUpdateUserMessage: (store: SendBirdState) => GetUpdateUserMessage;\n  // getUpdateFileMessage: (store: SendBirdState) => GetUpdateFileMessage;\n  getDeleteMessage: (store: SendBirdState) => GetDeleteMessage;\n  getResendUserMessage: (store: SendBirdState) => GetResendUserMessage;\n  getResendFileMessage: (store: SendBirdState) => GetResendFileMessage;\n}\n"],"names":["Role","OPERATOR","NONE"],"mappings":"AA0BA;AACA;AACO,IAAMA,IAAI,GAAG;AAClBC,EAAAA,QAAQ,EAAE,UADQ;AAElBC,EAAAA,IAAI,EAAE,MAAA;AAFY;;;;"}

package/ui/Accordion.js

@@ -1,10 +1,10 @@
-import { a as __spreadArray } from '../tslib.es6-d76132e1.js';
+import { a as __spreadArray } from '../tslib.es6-d163c646.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import AccordionGroup$1 from './AccordionGroup.js';
-import { C as Consumer } from '../context-3b95f3e6.js';
+import { C as Consumer } from '../context-7f6e48a4.js';
 import 'prop-types';
-import '../utils-61227117.js';
+import '../utils-49a0dde3.js';
 
 function Accordion(_a) {
   var className = _a.className,

package/ui/AccordionGroup.js

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
-import { P as Provider } from '../context-3b95f3e6.js';
-import '../utils-61227117.js';
+import { P as Provider } from '../context-7f6e48a4.js';
+import '../utils-49a0dde3.js';
 
 // Wraps all the accordions in an accordion set
 function AccordionGroup(_a) {

package/ui/AdminMessage.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-d76132e1.js';
+import { a as __spreadArray } from '../tslib.es6-d163c646.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
+import '../stringSet-44be1369.js';
 
 function AdminMessage(_a) {
   var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-d76132e1.js';
+import { a as __spreadArray } from '../tslib.es6-d163c646.js';
 import React__default from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { u as uuidv4 } from '../uuid-c331106c.js';
+import { u as uuidv4 } from '../uuid-bf5599d8.js';
 import 'prop-types';
 
 var pxToNumber = (function (px) {

package/ui/Badge.js

@@ -1,10 +1,10 @@
-import { a as __spreadArray } from '../tslib.es6-d76132e1.js';
+import { a as __spreadArray } from '../tslib.es6-d163c646.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
-import { a as LocalizationContext } from '../LocalizationContext-34604ccb.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
+import { a as LocalizationContext } from '../LocalizationContext-83ddce67.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
-import '../index-d02ef540.js';
+import '../stringSet-44be1369.js';
+import '../index-5eb9a836.js';
 
 function Badge(_a) {
   var count = _a.count,

package/ui/BottomSheet.js

@@ -1,6 +1,6 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { M as MODAL_ROOT } from '../index-72d34190.js';
+import { M as MODAL_ROOT } from '../index-5f7a15e3.js';
 
 var BottomSheet = function (props) {
   var _a = props.className,

package/ui/Button.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-d76132e1.js';
+import { a as __spreadArray } from '../tslib.es6-d163c646.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
+import '../stringSet-44be1369.js';
 
 var ButtonTypes$1;
 

package/ui/ChannelAvatar.js

@@ -1,10 +1,10 @@
 import React__default, { useMemo } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-2de71122.js';
-import '../tslib.es6-d76132e1.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-e96969ad.js';
+import '../tslib.es6-d163c646.js';
 import './ImageRenderer.js';
-import '../uuid-c331106c.js';
+import '../uuid-bf5599d8.js';
 import 'prop-types';
 
 function ChannelAvatar(_a) {

package/ui/ConnectionStatus.js

@@ -1,10 +1,10 @@
 import React__default, { useContext } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
-import { a as LocalizationContext } from '../LocalizationContext-34604ccb.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
+import { a as LocalizationContext } from '../LocalizationContext-83ddce67.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
-import '../index-d02ef540.js';
+import '../stringSet-44be1369.js';
+import '../index-5eb9a836.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 { b as __extends, _ as __assign } from '../tslib.es6-d76132e1.js';
+import { b as __extends, _ as __assign } from '../tslib.es6-d163c646.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { j as getClassName } from '../index-8bf75458.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
-import '../uuid-c331106c.js';
+import { j as getClassName } from '../index-34aa10d1.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
+import '../uuid-bf5599d8.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
+import '../stringSet-44be1369.js';
 
 var MenuItems$1 =
 /** @class */

package/ui/DateSeparator.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../tslib.es6-d76132e1.js';
+import { a as __spreadArray } from '../tslib.es6-d163c646.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-59367d04.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
+import { C as Colors, c as changeColorToClassName } from '../color-1e2ee795.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
+import '../stringSet-44be1369.js';
 
 var DateSeparator = function (_a) {
   var _b = _a.children,

package/ui/EmojiReactions.js

@@ -6,17 +6,17 @@ import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ContextMenu, { EmojiListItems } from './ContextMenu.js';
-import { H as getEmojiMapAll, j as getClassName, I as isReactedBy, J as getEmojiTooltipString, z as getEmojiListAll } from '../index-8bf75458.js';
-import { a as LocalizationContext } from '../LocalizationContext-34604ccb.js';
-import '../tslib.es6-d76132e1.js';
-import '../index-e4e8ae3e.js';
+import { H as getEmojiMapAll, j as getClassName, I as isReactedBy, J as getEmojiTooltipString, z as getEmojiListAll } from '../index-34aa10d1.js';
+import { a as LocalizationContext } from '../LocalizationContext-83ddce67.js';
+import '../tslib.es6-d163c646.js';
+import '../index-5258ee05.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
+import '../stringSet-44be1369.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-c331106c.js';
+import '../uuid-bf5599d8.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-d02ef540.js';
+import '../index-5eb9a836.js';
 
 var EmojiReactions = function (_a) {
   var _b, _c;

package/ui/FileMessageItemBody.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { j as getClassName, K as getUIKitFileType, t as truncateString } from '../index-8bf75458.js';
-import { C as Colors } from '../color-59367d04.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-6b657985.js';
+import { j as getClassName, K as getUIKitFileType, t as truncateString } from '../index-34aa10d1.js';
+import { C as Colors } from '../color-1e2ee795.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-010e9df0.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
-import '../tslib.es6-d76132e1.js';
+import '../stringSet-44be1369.js';
+import '../tslib.es6-d163c646.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function FileMessageItemBody(_a) {

package/ui/FileViewer.js

@@ -1,17 +1,17 @@
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { a as LocalizationContext } from '../LocalizationContext-34604ccb.js';
-import { M as MODAL_ROOT } from '../index-72d34190.js';
-import { E as isSupportedFileView, F as isVideo, G as isImage } from '../index-8bf75458.js';
+import { a as LocalizationContext } from '../LocalizationContext-83ddce67.js';
+import { M as MODAL_ROOT } from '../index-5f7a15e3.js';
+import { E as isSupportedFileView, F as isVideo, G as isImage } from '../index-34aa10d1.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../stringSet-a253a8e4.js';
-import '../index-d02ef540.js';
-import '../tslib.es6-d76132e1.js';
+import '../stringSet-44be1369.js';
+import '../index-5eb9a836.js';
+import '../tslib.es6-d163c646.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../uuid-c331106c.js';
+import '../uuid-bf5599d8.js';
 import 'prop-types';
 
 var FileViewerComponent = function (_a) {

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-d76132e1.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-d163c646.js';
 import React__default, { useState } from 'react';
 
 var IconButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {

package/ui/ImageRenderer.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-d76132e1.js';
+import { a as __spreadArray } from '../tslib.es6-d163c646.js';
 import React__default, { useState, useMemo } from 'react';
 
 var ImageRenderer = function (_a) {

package/ui/Input.js

@@ -1,7 +1,7 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
+import '../stringSet-44be1369.js';
 
 var InputLabel = function (_a) {
   var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'prop-types';
-export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-e4e8ae3e.js';
-import '../stringSet-a253a8e4.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-5258ee05.js';
+import '../stringSet-44be1369.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
-import '../stringSet-a253a8e4.js';
+import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
+import '../stringSet-44be1369.js';
 
 const http = /https?:\/\//;
 function LinkLabel(_ref) {

package/ui/Loader.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-d76132e1.js';
+import { a as __spreadArray } from '../tslib.es6-d163c646.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import 'prop-types';

package/ui/MentionLabel.js

@@ -1,28 +1,28 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
 import UserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../tslib.es6-d76132e1.js';
+import '../tslib.es6-d163c646.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-c331106c.js';
-import '../index-8bf75458.js';
+import '../uuid-bf5599d8.js';
+import '../index-34aa10d1.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
-import '../LocalizationContext-34604ccb.js';
-import '../index-d02ef540.js';
-import '../UserProfileContext-49d0ed34.js';
+import '../stringSet-44be1369.js';
+import '../LocalizationContext-83ddce67.js';
+import '../index-5eb9a836.js';
+import '../UserProfileContext-236a8db5.js';
 import '../sendbirdSelectors.js';
-import '../topics-5297af14.js';
-import '../utils-61227117.js';
+import '../topics-3f0db840.js';
+import '../utils-49a0dde3.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-3d722d2a.js';
+import '../_rollupPluginBabelHelpers-b0efb0e7.js';
 
 function MentionLabel(props) {
   var _a, _b, _c;

package/ui/MessageContent.js

@@ -1,14 +1,14 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-3d722d2a.js';
-import { _ as __assign } from '../tslib.es6-d76132e1.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-b0efb0e7.js';
+import { _ as __assign } from '../tslib.es6-d163c646.js';
 import React__default, { useState, useContext, useRef } from 'react';
-import { f as format } from '../index-1cd6e5a9.js';
+import { f as format } from '../index-33f2cf64.js';
 import Avatar from './Avatar.js';
 import UserProfile from './UserProfile.js';
-import { M as MessageStatus } from '../index-3ab34556.js';
+import { M as MessageStatus } from '../index-25d0ba0b.js';
 import MessageItemMenu from './MessageItemMenu.js';
 import MessageItemReactionMenu from './MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
@@ -17,33 +17,33 @@ import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
 import QuoteMessage from './QuoteMessage.js';
-import { s as isUserMessage, v as isSentMessage, w as isFailedMessage, x as isPendingMessage, m as isFileMessage, y as copyToClipboard, z as getEmojiListAll, A as getUIKitMessageTypes, o as isThumbnailMessage, j as getClassName, B as getSenderName, C as isTextMessage, D as isOGMessage, u as getUIKitMessageType, d as isVoiceMessage } from '../index-8bf75458.js';
-import { a as UserProfileContext } from '../UserProfileContext-49d0ed34.js';
-import { u as useLocalization } from '../LocalizationContext-34604ccb.js';
+import { s as isUserMessage, v as isSentMessage, w as isFailedMessage, x as isPendingMessage, m as isFileMessage, y as copyToClipboard, z as getEmojiListAll, A as getUIKitMessageTypes, o as isThumbnailMessage, j as getClassName, B as getSenderName, C as isTextMessage, D as isOGMessage, u as getUIKitMessageType, d as isVoiceMessage } from '../index-34aa10d1.js';
+import { a as UserProfileContext } from '../UserProfileContext-236a8db5.js';
+import { u as useLocalization } from '../LocalizationContext-83ddce67.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useLongPress } from '../useLongPress-6ac95c33.js';
+import { u as useLongPress } from '../useLongPress-a05b8d13.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import BottomSheet from './BottomSheet.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-6b657985.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-010e9df0.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../const-e1abe30a.js';
+import { T as ThreadReplySelectType } from '../const-8faafb2e.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
-import '../index-d02ef540.js';
-import '../uuid-c331106c.js';
+import '../index-5eb9a836.js';
+import '../uuid-bf5599d8.js';
 import 'prop-types';
 import '../sendbirdSelectors.js';
-import '../topics-5297af14.js';
-import '../utils-61227117.js';
+import '../topics-3f0db840.js';
+import '../utils-49a0dde3.js';
 import './Button.js';
-import '../stringSet-a253a8e4.js';
+import '../stringSet-44be1369.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-4c2cc2b0.js';
-import '../index-94f8b701.js';
+import '../index-87ea8714.js';
+import '../index-ece24db0.js';
 import './IconButton.js';
-import '../types-6c683617.js';
+import '../types-490489b7.js';
 import 'react-dom';
 import './SortByRow.js';
 import './Tooltip.js';
@@ -53,13 +53,13 @@ import './Word.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './TextButton.js';
-import '../color-59367d04.js';
+import '../color-1e2ee795.js';
 import '../withSendbird.js';
-import '../index-72d34190.js';
+import '../index-5f7a15e3.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../index-003cd138.js';
-import '../consts-19f1b47c.js';
+import '../index-ba7daf9f.js';
+import '../consts-36a3e18c.js';
 import '../VoiceRecorder/context.js';
 import '../lame.all.js';
 import './PlaybackTime.js';

package/ui/MessageInput.js

@@ -1,19 +1,19 @@
-import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-3d722d2a.js';
+import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-b0efb0e7.js';
 import React__default, { useContext, useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import { renderToString } from 'react-dom/server';
 import PropTypes from 'prop-types';
-import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-6d6447e8.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../const-e1abe30a.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-dc9e776d.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../const-8faafb2e.js';
 import IconButton from './IconButton.js';
 import Button, { ButtonTypes, ButtonSizes } from './Button.js';
 import MentionUserLabel from './MentionUserLabel.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
-import { a as LocalizationContext } from '../LocalizationContext-34604ccb.js';
-import { k as convertWordToStringObj, S as StringObjType, l as arrayEqual, j as getClassName } from '../index-8bf75458.js';
-import '../tslib.es6-d76132e1.js';
-import '../stringSet-a253a8e4.js';
-import '../index-d02ef540.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
+import { a as LocalizationContext } from '../LocalizationContext-83ddce67.js';
+import { k as convertWordToStringObj, S as StringObjType, l as arrayEqual, j as getClassName } from '../index-34aa10d1.js';
+import '../tslib.es6-d163c646.js';
+import '../stringSet-44be1369.js';
+import '../index-5eb9a836.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 // https://davidwalsh.name/javascript-debounce-function

package/ui/MessageItemMenu.js

@@ -2,18 +2,18 @@ import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { s as isUserMessage, v as isSentMessage, w as isFailedMessage, x as isPendingMessage, j as getClassName, y as copyToClipboard } from '../index-8bf75458.js';
-import { a as LocalizationContext } from '../LocalizationContext-34604ccb.js';
-import { R as Role } from '../types-6c683617.js';
-import '../tslib.es6-d76132e1.js';
+import { s as isUserMessage, v as isSentMessage, w as isFailedMessage, x as isPendingMessage, j as getClassName, y as copyToClipboard } from '../index-34aa10d1.js';
+import { a as LocalizationContext } from '../LocalizationContext-83ddce67.js';
+import { R as Role } from '../types-490489b7.js';
+import '../tslib.es6-d163c646.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-c331106c.js';
-import '../index-e4e8ae3e.js';
+import '../uuid-bf5599d8.js';
+import '../index-5258ee05.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
+import '../stringSet-44be1369.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-d02ef540.js';
+import '../index-5eb9a836.js';
 
 function MessageItemMenu(_a) {
   var _b;

package/ui/MessageItemReactionMenu.js

@@ -4,14 +4,14 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { x as isPendingMessage, w as isFailedMessage, j as getClassName, z as getEmojiListAll } from '../index-8bf75458.js';
-import '../tslib.es6-d76132e1.js';
+import { x as isPendingMessage, w as isFailedMessage, j as getClassName, z as getEmojiListAll } from '../index-34aa10d1.js';
+import '../tslib.es6-d163c646.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-c331106c.js';
-import '../index-e4e8ae3e.js';
+import '../uuid-bf5599d8.js';
+import '../index-5258ee05.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
+import '../stringSet-44be1369.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function MessageItemReactionMenu(_a) {

package/ui/MessageSearchFileItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-d76132e1.js';
+import { a as __spreadArray } from '../tslib.es6-d163c646.js';
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
-import { u as useLocalization } from '../LocalizationContext-34604ccb.js';
-import { f as format } from '../index-1cd6e5a9.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../index-4c2cc2b0.js';
-import { d as isVoiceMessage } from '../index-8bf75458.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
+import { u as useLocalization } from '../LocalizationContext-83ddce67.js';
+import { f as format } from '../index-33f2cf64.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../index-87ea8714.js';
+import { d as isVoiceMessage } from '../index-34aa10d1.js';
 import './ImageRenderer.js';
-import '../uuid-c331106c.js';
+import '../uuid-bf5599d8.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
-import '../index-d02ef540.js';
-import '../index-94f8b701.js';
+import '../stringSet-44be1369.js';
+import '../index-5eb9a836.js';
+import '../index-ece24db0.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function getCreatedAt(_a) {

package/ui/MessageSearchItem.js

@@ -1,17 +1,17 @@
-import { a as __spreadArray } from '../tslib.es6-d76132e1.js';
+import { a as __spreadArray } from '../tslib.es6-d163c646.js';
 import React__default from 'react';
-import { f as format } from '../index-1cd6e5a9.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../index-4c2cc2b0.js';
+import { f as format } from '../index-33f2cf64.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../index-87ea8714.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e4e8ae3e.js';
-import { u as useLocalization } from '../LocalizationContext-34604ccb.js';
-import '../index-d02ef540.js';
-import '../index-94f8b701.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
+import { u as useLocalization } from '../LocalizationContext-83ddce67.js';
+import '../index-5eb9a836.js';
+import '../index-ece24db0.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-c331106c.js';
-import '../stringSet-a253a8e4.js';
+import '../uuid-bf5599d8.js';
+import '../stringSet-44be1369.js';
 
 function getCreatedAt (_a) {
   var createdAt = _a.createdAt,

package/ui/MessageStatus.js

@@ -1,16 +1,16 @@
-import '../tslib.es6-d76132e1.js';
+import '../tslib.es6-d163c646.js';
 import 'react';
-import '../index-1cd6e5a9.js';
+import '../index-33f2cf64.js';
 import './Icon.js';
-import '../index-e4e8ae3e.js';
+import '../index-5258ee05.js';
 import './Loader.js';
-import '../index-8bf75458.js';
+import '../index-34aa10d1.js';
 import '../utils/message/getOutgoingMessageState.js';
-export { e as MessageStatusTypes, M as default } from '../index-3ab34556.js';
-import '../LocalizationContext-34604ccb.js';
-import '../index-d02ef540.js';
+export { e as MessageStatusTypes, M as default } from '../index-25d0ba0b.js';
+import '../LocalizationContext-83ddce67.js';
+import '../index-5eb9a836.js';
 import 'prop-types';
-import '../stringSet-a253a8e4.js';
-import '../index-4c2cc2b0.js';
-import '../index-94f8b701.js';
+import '../stringSet-44be1369.js';
+import '../index-87ea8714.js';
+import '../index-ece24db0.js';
 //# sourceMappingURL=MessageStatus.js.map