@sendbird/uikit-react 3.14.13 → 3.14.14-rc-0

package/hooks/useModal.js

@@ -1,30 +1,30 @@
-import '../chunks/bundle-BQi9-O76.js';
+import '../chunks/bundle-Bq5t46O9.js';
 import 'react';
-import '../chunks/bundle-DxTN4_0p.js';
-import '../chunks/bundle-BgwzpLeQ.js';
-export { G as GlobalModalProvider, a as MODAL_ROOT, d as ModalRoot, b as useGlobalModalContext } from '../chunks/bundle-CXdo2kR_.js';
+import '../chunks/bundle-D0nAU6Fc.js';
+import '../chunks/bundle-CKD0ZX8Q.js';
+export { G as GlobalModalProvider, a as MODAL_ROOT, d as ModalRoot, b as useGlobalModalContext } from '../chunks/bundle-CQkorWo8.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CNWAfTVw.js';
-import '../chunks/bundle-CA85nVxp.js';
+import '../chunks/bundle-quWoHt6W.js';
+import '../chunks/bundle-4juD-sAA.js';
 import 'react-dom';
-import '../chunks/bundle-cQZ3UZoG.js';
-import '../chunks/bundle-Bwk5KPwK.js';
-import '../chunks/bundle-bdDHjHH6.js';
-import '../chunks/bundle-f-SpnOx2.js';
+import '../chunks/bundle-CAG3D4kg.js';
+import '../chunks/bundle-C0lGuBz1.js';
+import '../chunks/bundle-BhUk8rxd.js';
+import '../chunks/bundle-Bm3ak-IR.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-DhKQeIfP.js';
+import '../chunks/bundle-CSqe9OQ4.js';
 import '../ui/Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-etuaqevl.js';
+import '../chunks/bundle-_gCB8E7m.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-DDeWOERD.js';
-import '../chunks/bundle-DCMGp6rH.js';
+import '../chunks/bundle-DqT2tkUc.js';
+import '../chunks/bundle-CvaQCFwm.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-CwKZj-B6.js';
+import '../chunks/bundle-DFY0pASk.js';
 import '../ui/SortByRow.js';
 //# sourceMappingURL=useModal.js.map

package/index.js

@@ -3,91 +3,92 @@ 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-Bwk5KPwK.js';
+export { g as getStringSet } from './chunks/bundle-C0lGuBz1.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-DxTN4_0p.js';
-import './chunks/bundle-BQi9-O76.js';
+export { T as TypingIndicatorType } from './chunks/bundle-D0nAU6Fc.js';
+import './chunks/bundle-Bq5t46O9.js';
 import 'react';
 import '@sendbird/uikit-tools';
-import './chunks/bundle-CXdo2kR_.js';
-import './chunks/bundle-BgwzpLeQ.js';
+import './chunks/bundle-CQkorWo8.js';
+import './chunks/bundle-CKD0ZX8Q.js';
 import 'react-dom';
-import './chunks/bundle-cQZ3UZoG.js';
-import './chunks/bundle-bdDHjHH6.js';
-import './chunks/bundle-f-SpnOx2.js';
+import './chunks/bundle-CAG3D4kg.js';
+import './chunks/bundle-BhUk8rxd.js';
+import './chunks/bundle-Bm3ak-IR.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-DhKQeIfP.js';
+import './chunks/bundle-CSqe9OQ4.js';
 import './ui/Icon.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import './chunks/bundle-etuaqevl.js';
+import './chunks/bundle-_gCB8E7m.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-DDeWOERD.js';
-import './chunks/bundle-DCMGp6rH.js';
-import './chunks/bundle-CNWAfTVw.js';
-import './chunks/bundle-CwKZj-B6.js';
+import './chunks/bundle-DqT2tkUc.js';
+import './chunks/bundle-CvaQCFwm.js';
+import './chunks/bundle-quWoHt6W.js';
+import './chunks/bundle-DFY0pASk.js';
 import './ui/SortByRow.js';
-import './chunks/bundle-B7BfObV1.js';
-import './chunks/bundle-Soz6sOqr.js';
-import './chunks/bundle-Df65wuUZ.js';
-import './chunks/bundle-fHeMHhND.js';
+import './chunks/bundle-DUX1ohNl.js';
+import './chunks/bundle-Cc_eMqWE.js';
+import './chunks/bundle-BijGigMm.js';
+import './chunks/bundle-DT1ZUyUK.js';
+import './chunks/bundle-CB5wkapz.js';
 import './GroupChannel.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-BrTJ5Zbd.js';
-import './chunks/bundle-y29vL7zu.js';
-import './chunks/bundle-C3ktHDOc.js';
-import './chunks/bundle-b6TpX_JP.js';
-import './chunks/bundle-BNDaXsLn.js';
+import './chunks/bundle-CqDpvr3y.js';
+import './chunks/bundle-BN2zj9LP.js';
+import './chunks/bundle-DaBrAfcL.js';
+import './chunks/bundle-BH2gXxGT.js';
+import './chunks/bundle-EJtklxdZ.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-DGZ_h6Q3.js';
+import './chunks/bundle-D_bCApLY.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-Cx6lYGss.js';
+import './chunks/bundle-BQFE8Gzc.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-CFosTNce.js';
+import './chunks/bundle-DI-LhFYi.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-DXRRGizV.js';
-import './chunks/bundle-GMlM2rlV.js';
-import './chunks/bundle-CVBleWtM.js';
+import './chunks/bundle-CgE34w-u.js';
+import './chunks/bundle-BE_r7XPs.js';
+import './chunks/bundle-Bx5_rVko.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle-rA4afvKU.js';
+import './chunks/bundle--ElxCzvX.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-Dnj0fmAf.js';
-import './chunks/bundle-CAdqcqOm.js';
-import './chunks/bundle-CA85nVxp.js';
-import './chunks/bundle-CveCFQYP.js';
+import './chunks/bundle-8vABSU04.js';
+import './chunks/bundle-DqYkSagZ.js';
+import './chunks/bundle-4juD-sAA.js';
+import './chunks/bundle-BRlCoDKz.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-0qSTzMXb.js';
-import './chunks/bundle-TZQ6dJCG.js';
+import './chunks/bundle-BQhKYX1c.js';
+import './chunks/bundle-BbUMbfmM.js';
 import 'dompurify';
-import './chunks/bundle-0nQK2G2O.js';
-import './chunks/bundle-B6edg1g0.js';
-import './chunks/bundle-DhGZA5UP.js';
-import './chunks/bundle-GUbI4JcD.js';
+import './chunks/bundle-4DkxVQ2g.js';
+import './chunks/bundle-DGhFLLcp.js';
+import './chunks/bundle-D6WtPiHs.js';
+import './chunks/bundle-LKXXCvQW.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-vuBlPTsL.js';
+import './chunks/bundle-DR9BPGju.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-BHK1eF5R.js';
-import './chunks/bundle-F5koPk19.js';
-import './chunks/bundle-DkBecO3w.js';
+import './chunks/bundle-BJGSKV7V.js';
+import './chunks/bundle-Dmq9tSeN.js';
+import './chunks/bundle-BMk8EQhB.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-AfQS5DGf.js';
+import './chunks/bundle-HxFd7IJ1.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -100,18 +101,18 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-BqMHiKkl.js';
+import './chunks/bundle-DoyuN1hf.js';
 import './ui/MobileMenu.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-DofK8ySe.js';
+import './chunks/bundle-Bbq-7via.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-ZVq6xGXk.js';
+import './chunks/bundle-DwVNVjsu.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-Gdl-rzQC.js';
+import './chunks/bundle-DKokRH2J.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -119,7 +120,7 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-uLjwqZrR.js';
+import './chunks/bundle-DQY7Y24f.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/FeedbackIconButton.js';
@@ -127,61 +128,61 @@ import './ui/MobileFeedbackMenu.js';
 import './ui/MessageFeedbackModal.js';
 import './ui/Input.js';
 import './ui/MessageFeedbackFailedModal.js';
-import './chunks/bundle-Cf0UgZwi.js';
+import './chunks/bundle-BE8LEwJY.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-Due9yzp6.js';
+import './chunks/bundle-DVVM6lM1.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-CqpGyIDR.js';
+import './chunks/bundle-COgHUhSN.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-D0TYbkjN.js';
-import './chunks/bundle-Zvm5CMGT.js';
+import './chunks/bundle-DfgqmAYc.js';
+import './chunks/bundle-CcEQ-8Zc.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-CMLImr6T.js';
+import './chunks/bundle-CfOHqKba.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-DX5U-zhB.js';
+import './chunks/bundle-ROtFE9qI.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-B2SAqHzx.js';
-import './chunks/bundle-DAz5E5O_.js';
+import './chunks/bundle-DW3ZidCz.js';
+import './chunks/bundle-DiU9uMH5.js';
 import './GroupChannelList.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-CRcPMrRq.js';
+import './chunks/bundle-DmXSWM1-.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-DvsVgg5f.js';
-import './chunks/bundle-DSn10d8F.js';
+import './chunks/bundle-DSLoBuhc.js';
+import './chunks/bundle-jhaiPoPo.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-C3GXmMjX.js';
+import './chunks/bundle-H4gTGEOI.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-Ba2Z_B16.js';
+import './chunks/bundle-DbWl79ie.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-CBUfFuFR.js';
+import './chunks/bundle-CwgVGCPx.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-T6fVCCb7.js';
+import './chunks/bundle-D57-QHcA.js';
 import './Thread/context/types.js';
-import './chunks/bundle-CpjASiz4.js';
-import './chunks/bundle-CZUYMubi.js';
+import './chunks/bundle-lY4Nyp30.js';
+import './chunks/bundle-Cu60Jdoj.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-D6ZpcPbH.js';
+import './chunks/bundle-CJIiWyQP.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-BsAIw_77.js';
-import './chunks/bundle-C3Ty1Yuy.js';
+import './chunks/bundle-CORkG2nd.js';
+import './chunks/bundle-BB1wGoa9.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -197,35 +198,35 @@ import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/ChannelSettingsMenuItem.js';
 import './ChannelSettings/components/ChannelSettingMenuList.js';
 import './ChannelSettings/hooks/useMenuList.js';
-import './chunks/bundle-DHpCLtwn.js';
-import './chunks/bundle-BjjAXlnY.js';
-import './chunks/bundle-DQk06wFZ.js';
+import './chunks/bundle-xkuB1ona.js';
+import './chunks/bundle-vz206qrm.js';
+import './chunks/bundle-oyDOkHRf.js';
 import './ui/Toggle.js';
-import './chunks/bundle-BeheAFz4.js';
-import './chunks/bundle-H8J7tAed.js';
+import './chunks/bundle-DpcKifAS.js';
+import './chunks/bundle-U-7RVj_W.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
 import './Channel/context.js';
-import './chunks/bundle-chiYJ8F8.js';
+import './chunks/bundle-OWmn-xDF.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-ClMRT1R_.js';
+import './chunks/bundle-D2zlnXBu.js';
 import './Channel/components/MessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-CoPuVBn-.js';
+import './chunks/bundle-DyGh4hDR.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-6BuULgEc.js';
-import './chunks/bundle-BdZytjCG.js';
+import './chunks/bundle-Da1g1NXg.js';
+import './chunks/bundle-lTaM_OX6.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
@@ -236,7 +237,7 @@ import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-B4KMvElm.js';
+import './chunks/bundle-OPnkSVzF.js';
 import './ui/AccordionGroup.js';
 import './ui/Accordion.js';
 import './MessageSearch/components/MessageSearchUI.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.13",
+  "version": "3.14.14-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-b6TpX_JP.js';
+export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-BH2gXxGT.js';
 //# sourceMappingURL=topics.js.map

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-b6TpX_JP.js';
-import { n as noop } from './chunks/bundle-BgwzpLeQ.js';
+import { p as pubSubTopics } from './chunks/bundle-BH2gXxGT.js';
+import { n as noop } from './chunks/bundle-CKD0ZX8Q.js';
 
 /**
  * 1. UIKit Instances

package/types/hooks/useHTMLTextDirection.d.ts

@@ -1,3 +1,4 @@
 import { HTMLTextDirection } from '../types';
 declare const useHTMLTextDirection: (direction: HTMLTextDirection) => void;
+export declare const useMessageLayoutDirection: (direction: HTMLTextDirection, forceLeftToRightMessageLayout: boolean, loading: boolean) => void;
 export default useHTMLTextDirection;

package/types/lib/Sendbird.d.ts

@@ -49,6 +49,7 @@ export interface SendbirdProviderProps extends CommonUIKitConfigProps, React.Pro
     disableMarkAsDelivered?: boolean;
     breakpoint?: string | boolean;
     htmlTextDirection?: HTMLTextDirection;
+    forceLeftToRightMessageLayout?: boolean;
     renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
     onUserProfileMessage?: (channel: GroupChannel) => void;
     uikitOptions?: UIKitOptions;

package/types/lib/types.d.ts

@@ -50,6 +50,7 @@ export interface SendBirdStateConfig {
     accessToken?: string;
     theme: string;
     htmlTextDirection: HTMLTextDirection;
+    forceLeftToRightMessageLayout: boolean;
     pubSub: SBUGlobalPubSub;
     logger: Logger;
     setCurrentTheme: (theme: 'light' | 'dark') => void;

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

@@ -37,6 +37,7 @@ export interface AppProps {
     disableAutoSelect?: AppLayoutProps['disableAutoSelect'];
     onProfileEditSuccess?: AppLayoutProps['onProfileEditSuccess'];
     htmlTextDirection?: AppLayoutProps['htmlTextDirection'];
+    forceLeftToRightMessageLayout?: AppLayoutProps['forceLeftToRightMessageLayout'];
     /**
      * The default value is false.
      * If this option is enabled, it uses legacy modules (Channel, ChannelList) that are not applied local caching.

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

@@ -9,6 +9,7 @@ export interface AppLayoutProps {
     isReactionEnabled?: boolean;
     replyType?: 'NONE' | 'QUOTE_REPLY' | 'THREAD';
     htmlTextDirection?: HTMLTextDirection;
+    forceLeftToRightMessageLayout?: boolean;
     isMessageGroupingEnabled?: boolean;
     isMultipleFilesMessageEnabled?: boolean;
     allowProfileEdit?: boolean;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ChannelSettingsUIProps } from './components/ChannelSettingsUI';
 import { ChannelSettingsContextProps } from './context/ChannelSettingsProvider';
-interface ChannelSettingsProps extends ChannelSettingsUIProps, ChannelSettingsContextProps {
+interface ChannelSettingsProps extends ChannelSettingsContextProps, Omit<ChannelSettingsUIProps, 'renderUserListItem'> {
 }
 declare const ChannelSettings: React.FC<ChannelSettingsProps>;
 export default ChannelSettings;

package/types/modules/GroupChannel/context/GroupChannelProvider.d.ts

@@ -29,6 +29,7 @@ interface ContextBaseType {
     disableUserProfile?: boolean;
     disableMarkAsRead?: boolean;
     scrollBehavior?: 'smooth' | 'auto';
+    forceLeftToRightMessageLayout?: boolean;
     startingPoint?: number;
     animatedMessageId?: number | null;
     onMessageAnimated?: () => void;

package/types/utils/index.d.ts

@@ -2,7 +2,7 @@ import SendbirdChat, { Emoji, EmojiContainer, User } from '@sendbird/chat';
 import { GroupChannel, SendbirdGroupChat, GroupChannelListQuery, GroupChannelListOrder } from '@sendbird/chat/groupChannel';
 import { AdminMessage, BaseMessage, FileMessage, MessageListParams, MultipleFilesMessage, Reaction, UploadedFileInfo, UserMessage } from '@sendbird/chat/message';
 import { OpenChannel, SendbirdOpenChat } from '@sendbird/chat/openChannel';
-import { Nullable } from '../types';
+import { HTMLTextDirection, Nullable } from '../types';
 export declare const SUPPORTED_MIMES: {
     IMAGE: string[];
     VIDEO: string[];
@@ -117,6 +117,8 @@ interface UIKitStore {
     };
     config: {
         isReactionEnabled: boolean;
+        htmlTextDirection: HTMLTextDirection;
+        forceLeftToRightMessageLayout: boolean;
     };
 }
 export declare const getCurrentUserId: (store: UIKitStore) => string;

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-BgwzpLeQ.js';
-import '../chunks/bundle-BQi9-O76.js';
+import { c as classnames } from '../chunks/bundle-CKD0ZX8Q.js';
+import '../chunks/bundle-Bq5t46O9.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-BgwzpLeQ.js';
+import { n as noop } from '../chunks/bundle-CKD0ZX8Q.js';
 
 var AccordionGroupContext = createContext({
     openedListKeys: [],

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-BQi9-O76.js';
+import { c as __spreadArray } from '../chunks/bundle-Bq5t46O9.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DhKQeIfP.js';
-import '../chunks/bundle-Bwk5KPwK.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CSqe9OQ4.js';
+import '../chunks/bundle-C0lGuBz1.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-BQi9-O76.js';
+import '../chunks/bundle-Bq5t46O9.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-CFosTNce.js';
-import '../chunks/bundle-BgwzpLeQ.js';
-import '../chunks/bundle-DXRRGizV.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-DI-LhFYi.js';
+import '../chunks/bundle-CKD0ZX8Q.js';
+import '../chunks/bundle-CgE34w-u.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-BQi9-O76.js';
+import { c as __spreadArray } from '../chunks/bundle-Bq5t46O9.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DhKQeIfP.js';
-import { L as LocalizationContext } from '../chunks/bundle-cQZ3UZoG.js';
-import '../chunks/bundle-Bwk5KPwK.js';
-import '../chunks/bundle-bdDHjHH6.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CSqe9OQ4.js';
+import { L as LocalizationContext } from '../chunks/bundle-CAG3D4kg.js';
+import '../chunks/bundle-C0lGuBz1.js';
+import '../chunks/bundle-BhUk8rxd.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,31 +1,31 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { a as MODAL_ROOT } from '../chunks/bundle-CXdo2kR_.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-CQkorWo8.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-BQi9-O76.js';
-import '../chunks/bundle-DxTN4_0p.js';
+import '../chunks/bundle-Bq5t46O9.js';
+import '../chunks/bundle-D0nAU6Fc.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CNWAfTVw.js';
-import '../chunks/bundle-CA85nVxp.js';
-import '../chunks/bundle-BgwzpLeQ.js';
-import '../chunks/bundle-cQZ3UZoG.js';
-import '../chunks/bundle-Bwk5KPwK.js';
-import '../chunks/bundle-bdDHjHH6.js';
-import '../chunks/bundle-f-SpnOx2.js';
+import '../chunks/bundle-quWoHt6W.js';
+import '../chunks/bundle-4juD-sAA.js';
+import '../chunks/bundle-CKD0ZX8Q.js';
+import '../chunks/bundle-CAG3D4kg.js';
+import '../chunks/bundle-C0lGuBz1.js';
+import '../chunks/bundle-BhUk8rxd.js';
+import '../chunks/bundle-Bm3ak-IR.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-DhKQeIfP.js';
+import '../chunks/bundle-CSqe9OQ4.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-etuaqevl.js';
+import '../chunks/bundle-_gCB8E7m.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-DDeWOERD.js';
-import '../chunks/bundle-DCMGp6rH.js';
-import '../chunks/bundle-CwKZj-B6.js';
+import '../chunks/bundle-DqT2tkUc.js';
+import '../chunks/bundle-CvaQCFwm.js';
+import '../chunks/bundle-DFY0pASk.js';
 import './SortByRow.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-BQi9-O76.js';
+import { c as __spreadArray } from '../chunks/bundle-Bq5t46O9.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DhKQeIfP.js';
-import '../chunks/bundle-Bwk5KPwK.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CSqe9OQ4.js';
+import '../chunks/bundle-C0lGuBz1.js';
 
 var ButtonTypes;
 (function (ButtonTypes) {

package/ui/ChannelAvatar.js

@@ -1,11 +1,11 @@
 import React__default, { useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-CFosTNce.js';
+import { A as Avatar } from '../chunks/bundle-DI-LhFYi.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-GMlM2rlV.js';
-import '../chunks/bundle-BQi9-O76.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-BE_r7XPs.js';
+import '../chunks/bundle-Bq5t46O9.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BgwzpLeQ.js';
-import '../chunks/bundle-DXRRGizV.js';
+import '../chunks/bundle-CKD0ZX8Q.js';
+import '../chunks/bundle-CgE34w-u.js';
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, userId = _a.userId, theme = _a.theme, _b = _a.width, width = _b === void 0 ? 56 : _b, _c = _a.height, height = _c === void 0 ? 56 : _c;

package/ui/ConnectionStatus.js

@@ -1,11 +1,11 @@
 import React__default, { useContext } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DhKQeIfP.js';
-import { L as LocalizationContext } from '../chunks/bundle-cQZ3UZoG.js';
-import '../chunks/bundle-BQi9-O76.js';
-import '../chunks/bundle-BgwzpLeQ.js';
-import '../chunks/bundle-Bwk5KPwK.js';
-import '../chunks/bundle-bdDHjHH6.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CSqe9OQ4.js';
+import { L as LocalizationContext } from '../chunks/bundle-CAG3D4kg.js';
+import '../chunks/bundle-Bq5t46O9.js';
+import '../chunks/bundle-CKD0ZX8Q.js';
+import '../chunks/bundle-C0lGuBz1.js';
+import '../chunks/bundle-BhUk8rxd.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;