@sendbird/uikit-react 3.14.8 → 3.14.10-rc.0

package/index.js

@@ -3,91 +3,93 @@ export { default as App } from './App.js';
 export { default as ChannelSettings } from './ChannelSettings.js';
 export { default as ChannelList } from './ChannelList.js';
 export { default as Channel } from './Channel.js';
-export { g as getStringSet } from './chunks/bundle-BBNNCVgD.js';
+export { g as getStringSet } from './chunks/bundle-DDmvUZXC.js';
 export { default as OpenChannel } from './OpenChannel.js';
 export { default as OpenChannelSettings } from './OpenChannelSettings.js';
 export { default as MessageSearch } from './MessageSearch.js';
 export { default as withSendBird } from './withSendbird.js';
 export { default as sendBirdSelectors, default as sendbirdSelectors } from './sendbirdSelectors.js';
 export { useSendbirdStateContext } from './useSendbirdStateContext.js';
-export { T as TypingIndicatorType } from './chunks/bundle-Lg46FDnz.js';
-import './chunks/bundle-DlFdSxvC.js';
+export { T as TypingIndicatorType } from './chunks/bundle-VXXJZkam.js';
+import './chunks/bundle-DdIo_zFs.js';
 import 'react';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import './chunks/bundle-9u0MWDuF.js';
-import './chunks/bundle-DCMOXTSM.js';
+import './chunks/bundle-qeI43E3_.js';
+import './chunks/bundle-CorHVuoo.js';
 import '@sendbird/chat';
-import './chunks/bundle-AnT7R0wX.js';
+import './chunks/bundle-BJuiDRhf.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-C8qp8u68.js';
-import './chunks/bundle-Bt9wsU0z.js';
-import './chunks/bundle-D70fpWll.js';
-import './chunks/bundle-021cIMZ5.js';
-import './chunks/bundle-b-FYiCDP.js';
+import './chunks/bundle-BPHZWcCv.js';
+import './chunks/bundle-CCLbyHL5.js';
+import './chunks/bundle-DEc9jVCz.js';
+import './chunks/bundle-B9jaULeT.js';
+import './chunks/bundle-DI7rfz5k.js';
+import './chunks/bundle-C7vkuHMJ.js';
 import 'react-dom';
-import './chunks/bundle-D-emSqoh.js';
-import './chunks/bundle-Chh1lOPn.js';
-import './chunks/bundle-CfzNjGmr.js';
+import './chunks/bundle-DT4DSBZo.js';
+import './chunks/bundle-D66A0jl2.js';
+import './chunks/bundle-ByOz6UaI.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-CJm78NeA.js';
+import './chunks/bundle-DEtCTxPD.js';
 import './ui/Icon.js';
-import './chunks/bundle-CYpEvsrY.js';
-import './chunks/bundle-CXtVIcwh.js';
+import './chunks/bundle-p7o7XIwK.js';
+import './chunks/bundle-COi-bE-H.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
 import './GroupChannel.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-BQIouDdf.js';
-import './chunks/bundle-DTUNr1BU.js';
-import './chunks/bundle-DqJw5Zs6.js';
-import './chunks/bundle-DcWxk5a4.js';
-import './chunks/bundle-pZ4uNXwu.js';
+import './chunks/bundle-CFVWrfBk.js';
+import './chunks/bundle-B8xX1Uqv.js';
+import './chunks/bundle-LTG1RsSu.js';
+import './chunks/bundle-6c1kf582.js';
+import './chunks/bundle-BDRmRmBl.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-DQaaU4Jj.js';
+import './chunks/bundle-pgzH1a0T.js';
 import './GroupChannel/components/TypingIndicator.js';
 import './ui/ConnectionStatus.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './GroupChannel/components/GroupChannelHeader.js';
-import './chunks/bundle-Bg4q4411.js';
+import './chunks/bundle-DOrP_yMR.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-ob8tFv61.js';
+import './chunks/bundle-CKHDZj3X.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-CpOZ-vVg.js';
-import './chunks/bundle-DDIr59rJ.js';
-import './chunks/bundle-HTnw7-82.js';
+import './chunks/bundle-BU88BWC9.js';
+import './chunks/bundle-DXfHdLu7.js';
+import './chunks/bundle-DqRO_GUT.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle-n6neEdcR.js';
+import './chunks/bundle-BpOEDk4N.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-WU0noqy6.js';
-import './chunks/bundle-ByhXcncY.js';
-import './chunks/bundle-C3fQOaL6.js';
+import './chunks/bundle-D9c1bxJQ.js';
+import './chunks/bundle-ySoO0NFU.js';
+import './chunks/bundle-BOBvB-6E.js';
+import './chunks/bundle-YkcGOzNM.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-ZA_TsLfg.js';
-import './chunks/bundle-DqnsVA96.js';
+import './chunks/bundle-DZdtzdKh.js';
+import './chunks/bundle-wRih48eh.js';
 import 'dompurify';
-import './chunks/bundle-Cdo_FpIC.js';
-import './chunks/bundle-jsjTDN7O.js';
-import './chunks/bundle-ByyxrO7x.js';
-import './chunks/bundle-r28gqNc0.js';
+import './chunks/bundle-BkXs4vmC.js';
+import './chunks/bundle-CopNic9v.js';
+import './chunks/bundle-Cyq2ZaJb.js';
+import './chunks/bundle-CjpdKqHs.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-DaSr9tmm.js';
+import './chunks/bundle-uQmOP01H.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-CeffBU0n.js';
-import './chunks/bundle-_bdwbH50.js';
+import './chunks/bundle-Bt0C-BFZ.js';
+import './chunks/bundle-7aYnlE9g.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-BhFWIfjd.js';
+import './chunks/bundle-D8ed5Px8.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-D8vfKzAs.js';
+import './chunks/bundle-DhI4QWLh.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -100,18 +102,18 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-qV7-WZhl.js';
-import './chunks/bundle-C5Az2zLC.js';
+import './chunks/bundle-BN9hrgMv.js';
+import './chunks/bundle-Dnuvu_jv.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-BfC8BXO3.js';
+import './chunks/bundle-DHttsGgb.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-B1bvprAz.js';
+import './chunks/bundle-DpdytzS4.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-CKAOqUX1.js';
+import './chunks/bundle-D97UcpIe.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -119,7 +121,7 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-Dx5z32-k.js';
+import './chunks/bundle-CmkJzmJF.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/FeedbackIconButton.js';
@@ -128,58 +130,58 @@ import './ui/MessageFeedbackModal.js';
 import './ui/Input.js';
 import './ui/MessageFeedbackFailedModal.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-z43HPJVe.js';
+import './chunks/bundle-daosOR23.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-BTophPbK.js';
+import './chunks/bundle-B8TpflN6.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-CtkBrjUj.js';
-import './chunks/bundle-DgsBptfe.js';
+import './chunks/bundle-DJ5w4Eoe.js';
+import './chunks/bundle-CoKBNINX.js';
 import './GroupChannel/components/UnreadCount.js';
 import './GroupChannel/components/FrozenNotification.js';
 import './ui/TypingIndicatorBubble.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
-import './chunks/bundle-BisngXq5.js';
+import './chunks/bundle-DZj625VH.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-zMGvQ27I.js';
+import './chunks/bundle-BJytW_4B.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-DFdCvUbu.js';
-import './chunks/bundle-CYb-R0dP.js';
+import './chunks/bundle-Cz3-2Iht.js';
+import './chunks/bundle-CpcYL8Ew.js';
 import './GroupChannelList.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-iykJTXEM.js';
+import './chunks/bundle-Bg_q4-JM.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-CLQwCMbo.js';
-import './chunks/bundle-CczCegSK.js';
+import './chunks/bundle-vrHvkBOt.js';
+import './chunks/bundle-3rbgyUFf.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-Bk-LSlXK.js';
+import './chunks/bundle-CEQrkcG2.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-BUe--_Mc.js';
+import './chunks/bundle-C5TWIrbF.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-RAnyuNhc.js';
+import './chunks/bundle-wnzL460e.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-mwGwE0m9.js';
+import './chunks/bundle-BEj59fUG.js';
 import './Thread/context/types.js';
-import './chunks/bundle-BnRw6uxd.js';
-import './chunks/bundle-B94FhrB0.js';
+import './chunks/bundle-BMIlxeLF.js';
+import './chunks/bundle-CzPQUoBY.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-Bo3mnVmp.js';
+import './chunks/bundle-C0OqoVhE.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-D4Flp5xY.js';
+import './chunks/bundle-DhiRvnEl.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -196,34 +198,34 @@ import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-C0MBb9OS.js';
+import './chunks/bundle-BxHNvmlk.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-BTVhOcac.js';
-import './chunks/bundle-CTSVqXR9.js';
+import './chunks/bundle-D62t4-mN.js';
+import './chunks/bundle-B2jN9S8f.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
 import './Channel/context.js';
-import './chunks/bundle-B6t-OOt8.js';
+import './chunks/bundle-CVozsUjP.js';
 import './Channel/components/ChannelUI.js';
 import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-BZK5E1_7.js';
+import './chunks/bundle-DtJdiuLe.js';
 import './Channel/components/MessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-D6I1bAf9.js';
+import './chunks/bundle-BNSIBEFq.js';
 import './OpenChannel/components/OpenChannelInput.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
-import './chunks/bundle-BzlpyibM.js';
-import './chunks/bundle-D0zv6X_2.js';
+import './chunks/bundle-VnrHQwUf.js';
+import './chunks/bundle-BJ4QFKK7.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
@@ -234,7 +236,7 @@ import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-BBiGfbDR.js';
+import './chunks/bundle-BdSPinDs.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';

package/index.js.map

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

package/package.json

@@ -36,7 +36,7 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.14.8",
+  "version": "3.14.10-rc.0",
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0"

package/pubSub/topics.js

@@ -1,2 +1,2 @@
-export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-DcWxk5a4.js';
+export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-6c1kf582.js';
 //# sourceMappingURL=topics.js.map

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-DcWxk5a4.js';
-import { n as noop } from './chunks/bundle-C8qp8u68.js';
+import { p as pubSubTopics } from './chunks/bundle-6c1kf582.js';
+import { n as noop } from './chunks/bundle-BPHZWcCv.js';
 
 /**
  * 1. UIKit Instances

package/types/hooks/VoicePlayer/index.d.ts

@@ -7,6 +7,7 @@ export interface VoicePlayerPlayProps {
     groupKey: string;
     audioFile?: File;
     audioFileUrl?: string;
+    audioFileMimeType?: string;
 }
 export interface VoicePlayerContext {
     play: (props: VoicePlayerPlayProps) => void;

package/types/hooks/VoicePlayer/useVoicePlayer.d.ts

@@ -4,6 +4,7 @@ export interface UseVoicePlayerProps {
     channelUrl?: string;
     audioFile?: File;
     audioFileUrl?: string;
+    audioFileMimeType?: string;
 }
 export interface UseVoicePlayerContext {
     play: () => void;
@@ -13,4 +14,4 @@ export interface UseVoicePlayerContext {
     duration: number;
     playingStatus: VoicePlayerStatusType;
 }
-export declare const useVoicePlayer: ({ key, channelUrl, audioFile, audioFileUrl, }: UseVoicePlayerProps) => UseVoicePlayerContext;
+export declare const useVoicePlayer: ({ key, channelUrl, audioFile, audioFileUrl, audioFileMimeType, }: UseVoicePlayerProps) => UseVoicePlayerContext;

package/types/hooks/VoicePlayer/utils.d.ts

@@ -1,2 +1,16 @@
 export type GroupKey = string;
 export declare const generateGroupKey: (channelUrl?: string, key?: string) => GroupKey;
+/**
+ * Parses and returns the correct MIME type based on the browser.
+ * If the browser is Safari and the file type is m4a, use 'audio/x-m4a' for the audio player.
+ * Safari doesn't support 'audio/mp3' well.
+ * Also, 'audio/m4a' should be converted to 'audio/x-m4a' to be correctly played in Safari.
+ * @link: https://sendbird.atlassian.net/browse/CLNP-2997
+ *
+ * @param mimeType - The original MIME type.
+ * @returns Converted file name and MIME type.
+ */
+export declare const getParsedVoiceAudioFileInfo: (mimeType: string) => {
+    name: string;
+    mimeType: string;
+};

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

@@ -1,6 +1,6 @@
 import './index.scss';
-import { MouseEvent, ReactElement } from 'react';
 import { FileMessage, MultipleFilesMessage } from '@sendbird/chat/message';
+import { MouseEvent, ReactElement } from 'react';
 import { FileViewerComponentProps } from './types';
 import { UploadedFileInfoWithUpload } from '../../types';
 export declare const FileViewerComponent: (props: FileViewerComponentProps) => ReactElement;

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

@@ -5,7 +5,7 @@ export declare const Colors: {
     readonly SECONDARY: "SECONDARY";
     readonly CONTENT: "CONTENT";
     readonly CONTENT_INVERSE: "CONTENT_INVERSE";
-    readonly CONTENT_INVERSE_5: "CONTENT_INVERSE_5";
+    readonly CONTENT_INVERSE_3: "CONTENT_INVERSE_3";
     readonly WHITE: "WHITE";
     readonly GRAY: "GRAY";
     readonly THUMBNAIL_ICON: "THUMBNAIL_ICON";
@@ -27,7 +27,7 @@ declare const _default: {
         readonly SECONDARY: "SECONDARY";
         readonly CONTENT: "CONTENT";
         readonly CONTENT_INVERSE: "CONTENT_INVERSE";
-        readonly CONTENT_INVERSE_5: "CONTENT_INVERSE_5";
+        readonly CONTENT_INVERSE_3: "CONTENT_INVERSE_3";
         readonly WHITE: "WHITE";
         readonly GRAY: "GRAY";
         readonly THUMBNAIL_ICON: "THUMBNAIL_ICON";

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

@@ -84,7 +84,7 @@ export declare const IconColors: {
     readonly SECONDARY: "SECONDARY";
     readonly CONTENT: "CONTENT";
     readonly CONTENT_INVERSE: "CONTENT_INVERSE";
-    readonly CONTENT_INVERSE_5: "CONTENT_INVERSE_5";
+    readonly CONTENT_INVERSE_3: "CONTENT_INVERSE_3";
     readonly WHITE: "WHITE";
     readonly GRAY: "GRAY";
     readonly THUMBNAIL_ICON: "THUMBNAIL_ICON";

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

@@ -32,7 +32,7 @@ declare const LabelColors: {
     readonly ONCONTENT_1: "ONCONTENT_1";
     readonly ONCONTENT_2: "ONCONTENT_2";
     readonly ONCONTENT_INVERSE_1: "ONCONTENT_INVERSE_1";
-    readonly ONCONTENT_INVERSE_5: "ONCONTENT_INVERSE_5";
+    readonly ONCONTENT_INVERSE_3: "ONCONTENT_INVERSE_3";
     readonly PRIMARY: "PRIMARY";
     readonly ERROR: "ERROR";
     readonly SECONDARY_3: "SECONDARY_3";

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

@@ -20,7 +20,7 @@ export declare const Colors: {
     readonly ONCONTENT_1: "ONCONTENT_1";
     readonly ONCONTENT_2: "ONCONTENT_2";
     readonly ONCONTENT_INVERSE_1: "ONCONTENT_INVERSE_1";
-    readonly ONCONTENT_INVERSE_5: "ONCONTENT_INVERSE_5";
+    readonly ONCONTENT_INVERSE_3: "ONCONTENT_INVERSE_3";
     readonly PRIMARY: "PRIMARY";
     readonly ERROR: "ERROR";
     readonly SECONDARY_3: "SECONDARY_3";

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

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

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

@@ -32,7 +32,7 @@ export declare const LinkLabelColors: {
     readonly ONCONTENT_1: "ONCONTENT_1";
     readonly ONCONTENT_2: "ONCONTENT_2";
     readonly ONCONTENT_INVERSE_1: "ONCONTENT_INVERSE_1";
-    readonly ONCONTENT_INVERSE_5: "ONCONTENT_INVERSE_5";
+    readonly ONCONTENT_INVERSE_3: "ONCONTENT_INVERSE_3";
     readonly PRIMARY: "PRIMARY";
     readonly ERROR: "ERROR";
     readonly SECONDARY_3: "SECONDARY_3";

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

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode, MouseEvent } from 'react';
+import { ReactElement, ReactNode, MouseEvent, KeyboardEvent } from 'react';
 import './index.scss';
 import { ButtonTypes } from '../Button';
 export interface ModalHeaderProps {
@@ -30,7 +30,7 @@ export interface ModalProps {
     disabled?: boolean;
     hideFooter?: boolean;
     type?: ButtonTypes;
-    onClose?: () => void;
+    onClose?: (e?: MouseEvent | KeyboardEvent) => void;
     onSubmit?: (...args: any[]) => void;
     renderHeader?: () => ReactElement;
     customFooter?: ReactNode;

package/types/utils/consts.d.ts

@@ -17,7 +17,9 @@ export declare const VOICE_PLAYER_DURATION_MIN_SIZE = 1000;
 export declare const VOICE_PLAYER_ROOT_ID = "sendbird-voice-player-provider-root";
 export declare const VOICE_PLAYER_AUDIO_ID = "sendbird-global-audio-player-id";
 export declare const VOICE_MESSAGE_FILE_NAME = "Voice_message.mp3";
+export declare const VOICE_MESSAGE_FILE_NAME__XM4A = "Voice_message.m4a";
 export declare const VOICE_MESSAGE_MIME_TYPE = "audio/mp3;sbu_type=voice";
+export declare const VOICE_MESSAGE_MIME_TYPE__XM4A = "audio/x-m4a;sbu_type=voice";
 export declare const META_ARRAY_VOICE_DURATION_KEY = "KEY_VOICE_MESSAGE_DURATION";
 export declare const META_ARRAY_MESSAGE_TYPE_KEY = "KEY_INTERNAL_MESSAGE_TYPE";
 export declare const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = "voice/mp3";

package/types/utils/index.d.ts

@@ -162,4 +162,8 @@ export interface StringObj {
 export declare const convertWordToStringObj: (word: string, _users: Array<User>, _template?: string) => Array<StringObj>;
 export declare const arrayEqual: (array1: Array<unknown>, array2: Array<unknown>) => boolean;
 export declare const isSendableMessage: (message?: BaseMessage | null) => message is SendableMessageType;
+/**
+ * If the channel is just created, the channel's createdAt and currentUser's invitedAt are the same.
+ */
+export declare const isChannelJustCreated: (channel: GroupChannel) => boolean;
 export {};

package/ui/Accordion.js

@@ -2,8 +2,8 @@ import React__default, { useMemo } from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import { useAccordionGroupContext, AccordionGroupProvider } from './AccordionGroup.js';
 export { AccordionGroupContext } from './AccordionGroup.js';
-import { c as classnames } from '../chunks/bundle-C8qp8u68.js';
-import '../chunks/bundle-DlFdSxvC.js';
+import { c as classnames } from '../chunks/bundle-BPHZWcCv.js';
+import '../chunks/bundle-DdIo_zFs.js';
 
 var Accordion = function (_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;

package/ui/AccordionGroup.js

@@ -1,5 +1,5 @@
 import React__default, { createContext, useState, useContext } from 'react';
-import { n as noop } from '../chunks/bundle-C8qp8u68.js';
+import { n as noop } from '../chunks/bundle-BPHZWcCv.js';
 
 var AccordionGroupContext = createContext({
     openedListKeys: [],

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DlFdSxvC.js';
+import { c as __spreadArray } from '../chunks/bundle-DdIo_zFs.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
-import '../chunks/bundle-BBNNCVgD.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DEtCTxPD.js';
+import '../chunks/bundle-DDmvUZXC.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-DlFdSxvC.js';
+import '../chunks/bundle-DdIo_zFs.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-ob8tFv61.js';
-import '../chunks/bundle-C8qp8u68.js';
-import '../chunks/bundle-CpOZ-vVg.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-CKHDZj3X.js';
+import '../chunks/bundle-BPHZWcCv.js';
+import '../chunks/bundle-BU88BWC9.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-DlFdSxvC.js';
+import { c as __spreadArray } from '../chunks/bundle-DdIo_zFs.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
-import { L as LocalizationContext } from '../chunks/bundle-D-emSqoh.js';
-import '../chunks/bundle-BBNNCVgD.js';
-import '../chunks/bundle-Chh1lOPn.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DEtCTxPD.js';
+import { L as LocalizationContext } from '../chunks/bundle-DT4DSBZo.js';
+import '../chunks/bundle-DDmvUZXC.js';
+import '../chunks/bundle-D66A0jl2.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,29 +1,31 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { a as MODAL_ROOT } from '../chunks/bundle-b-FYiCDP.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-C7vkuHMJ.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-DlFdSxvC.js';
-import '../chunks/bundle-Lg46FDnz.js';
+import '../chunks/bundle-DdIo_zFs.js';
+import '../chunks/bundle-VXXJZkam.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-C8qp8u68.js';
-import '../chunks/bundle-D-emSqoh.js';
-import '../chunks/bundle-BBNNCVgD.js';
-import '../chunks/bundle-Chh1lOPn.js';
-import '../chunks/bundle-CfzNjGmr.js';
+import '../chunks/bundle-DI7rfz5k.js';
+import '../chunks/bundle-BOBvB-6E.js';
+import '../chunks/bundle-BPHZWcCv.js';
+import '../chunks/bundle-DT4DSBZo.js';
+import '../chunks/bundle-DDmvUZXC.js';
+import '../chunks/bundle-D66A0jl2.js';
+import '../chunks/bundle-ByOz6UaI.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-CJm78NeA.js';
+import '../chunks/bundle-DEtCTxPD.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-AnT7R0wX.js';
+import '../chunks/bundle-BJuiDRhf.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-D70fpWll.js';
-import '../chunks/bundle-021cIMZ5.js';
-import '../chunks/bundle-CYpEvsrY.js';
+import '../chunks/bundle-DEc9jVCz.js';
+import '../chunks/bundle-B9jaULeT.js';
+import '../chunks/bundle-p7o7XIwK.js';
 
 var BottomSheet = function (props) {
     var _a, _b, _c;

package/ui/BottomSheet.js.map

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

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DlFdSxvC.js';
+import { c as __spreadArray } from '../chunks/bundle-DdIo_zFs.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
-import '../chunks/bundle-BBNNCVgD.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DEtCTxPD.js';
+import '../chunks/bundle-DDmvUZXC.js';
 
 var ButtonTypes;
 (function (ButtonTypes) {