@sendbird/uikit-react 3.14.10 → 3.14.11-rc-1

package/index.js

@@ -3,93 +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-BPtW84KW.js';
+export { g as getStringSet } from './chunks/bundle-DpvwJ56x.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-C9dq6ZD4.js';
-import './chunks/bundle-qivrTGrV.js';
+export { T as TypingIndicatorType } from './chunks/bundle-Ci5HsRTf.js';
+import './chunks/bundle-CFPctvMY.js';
 import 'react';
 import '@sendbird/uikit-tools';
-import 'css-vars-ponyfill';
-import './chunks/bundle-CNntTHc2.js';
-import './chunks/bundle-BjRVnEt2.js';
-import '@sendbird/chat';
-import './chunks/bundle-C7f1DHyg.js';
-import '@sendbird/chat/openChannel';
-import '@sendbird/chat/groupChannel';
-import './chunks/bundle-CymNo3WD.js';
-import './chunks/bundle-DeZiTTFB.js';
-import './chunks/bundle-BRMIsbFP.js';
-import './chunks/bundle-DExTOIEC.js';
-import './chunks/bundle-Cj5JMK7Q.js';
-import './chunks/bundle-ZiboK-fO.js';
+import './chunks/bundle-Fw4J4vYE.js';
+import './chunks/bundle-D_-SsVPb.js';
 import 'react-dom';
-import './chunks/bundle-DLSqJtw7.js';
-import './chunks/bundle-CJ0gnHtN.js';
-import './chunks/bundle-D3QfP61V.js';
+import './chunks/bundle-QidoK1d-.js';
+import './chunks/bundle-BGyFQLds.js';
+import './chunks/bundle-Ddmh-CSA.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-6WkrZ6GC.js';
+import './chunks/bundle-C5ry_tLy.js';
 import './ui/Icon.js';
-import './chunks/bundle-D4w7NQSK.js';
-import './chunks/bundle-FlpX_Kua.js';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import './chunks/bundle-DBI4R6Wl.js';
+import '@sendbird/chat/openChannel';
+import '@sendbird/chat/groupChannel';
+import './chunks/bundle-B--KSVZl.js';
+import './chunks/bundle-Das_HcJY.js';
+import './chunks/bundle-9-Mn7M_Z.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
+import './chunks/bundle-D_Z0gcUk.js';
+import './chunks/bundle-CGGiHRqC.js';
+import './chunks/bundle-Be6tbz1P.js';
+import './chunks/bundle-Ba1wQpmb.js';
 import './GroupChannel.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-DyLTHcXb.js';
-import './chunks/bundle-CEJvyLWs.js';
-import './chunks/bundle-B69jleUo.js';
-import './chunks/bundle-DJ72fQy-.js';
-import './chunks/bundle-BLtZDfBw.js';
+import './chunks/bundle-MnMO7fTy.js';
+import './chunks/bundle-BAeuPMFc.js';
+import './chunks/bundle-BX3FODIp.js';
+import './chunks/bundle-mnktcUOP.js';
+import './chunks/bundle-DBhARJJE.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-C24BBg-c.js';
+import './chunks/bundle-CZZcoU2t.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-DxoQxJce.js';
+import './chunks/bundle-CmR1BOgg.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-Dk_le87C.js';
+import './chunks/bundle-BUTDHQ0K.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-Cj4fyKiq.js';
-import './chunks/bundle-Bmi-ESIg.js';
-import './chunks/bundle-Dbrz-SZu.js';
+import './chunks/bundle-gYCdtXHX.js';
+import './chunks/bundle-DDyW5U8c.js';
+import './chunks/bundle-BhJo-J5S.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle-bP-B5oUs.js';
+import './chunks/bundle-D34mzHDX.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-RF00I10F.js';
-import './chunks/bundle-DntyeaUa.js';
-import './chunks/bundle-CP4szzas.js';
-import './chunks/bundle-h5uBMqdB.js';
+import './chunks/bundle-DJd7sEV5.js';
+import './chunks/bundle-wjiRO8fP.js';
+import './chunks/bundle-LFWpEfNl.js';
+import './chunks/bundle-T36Ny7tN.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-DPKDvBjV.js';
-import './chunks/bundle-BqUF9DSr.js';
+import './chunks/bundle-CneD1kSz.js';
+import './chunks/bundle-DPjIs0rS.js';
 import 'dompurify';
-import './chunks/bundle-BVEvbzBV.js';
-import './chunks/bundle-D4tV1HWB.js';
-import './chunks/bundle-D5fZI6wu.js';
-import './chunks/bundle-CnfTwxdb.js';
+import './chunks/bundle-B_o6NOdV.js';
+import './chunks/bundle-DVlyQ2ig.js';
+import './chunks/bundle-CA_gJKx5.js';
+import './chunks/bundle-BRLMd1qq.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-D6dnQXfh.js';
+import './chunks/bundle-BrAFzKQH.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-CNOIDdgc.js';
-import './chunks/bundle-BjawE8kS.js';
-import './ui/MessageItemMenu.js';
-import './chunks/bundle-8PdqOmx2.js';
+import './chunks/bundle-C0bw_0Ty.js';
+import './chunks/bundle-BZ_5U6BN.js';
+import './chunks/bundle-CjMJBCGv.js';
+import './chunks/bundle-BHH2yc5e.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-B5HpGUWF.js';
+import './chunks/bundle-D04CScdZ.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -102,18 +101,18 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-Bq9EiMSo.js';
-import './chunks/bundle-DyJeNv3Y.js';
+import './chunks/bundle-BE1MPdgl.js';
+import './ui/MobileMenu.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-DZhrQ9kO.js';
+import './chunks/bundle-ChMsC3d8.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-Bn6qVQdD.js';
+import './chunks/bundle-BRE3kEFl.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-DNIpksmH.js';
+import './chunks/bundle-eaNunjZ5.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -121,7 +120,7 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-CJ8jo8ld.js';
+import './chunks/bundle-C1HovpNn.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/FeedbackIconButton.js';
@@ -130,58 +129,60 @@ import './ui/MessageFeedbackModal.js';
 import './ui/Input.js';
 import './ui/MessageFeedbackFailedModal.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-DKD06bkH.js';
+import './chunks/bundle-AcYfIPGB.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-YMAJHrkr.js';
+import './chunks/bundle-7tw1QkZe.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-VweMT7yw.js';
-import './chunks/bundle-Djjm3Uvp.js';
+import './chunks/bundle-YBSnJQDn.js';
+import './chunks/bundle-CNXcyMQE.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-D6XlG_Vn.js';
+import './chunks/bundle-bGo0dTJI.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-Bl7LZU7k.js';
+import './chunks/bundle-BauiqHmz.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-BUiKw2Xz.js';
-import './chunks/bundle-BoPCJB2N.js';
+import './chunks/bundle-Djc6v63E.js';
+import './chunks/bundle-BIWz0XDC.js';
 import './GroupChannelList.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-B1j0RBSY.js';
+import './chunks/bundle-DNO0hXZk.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-DkjDKNtY.js';
-import './chunks/bundle-D7HK_nEb.js';
+import './chunks/bundle-KkbDKD28.js';
+import './chunks/bundle-CIS48p4l.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-EgukjrKu.js';
+import './chunks/bundle-D2HvftUm.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-iw1p3kR6.js';
+import './chunks/bundle-D_EwfZao.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-oZzTj33R.js';
+import './chunks/bundle-BE4HZgAJ.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-BQvIS2hV.js';
+import './chunks/bundle-B9g_TRqy.js';
 import './Thread/context/types.js';
-import './chunks/bundle-BTW8xwJY.js';
-import './chunks/bundle-ChLVGsVc.js';
+import './chunks/bundle-DF0TEDHi.js';
+import './chunks/bundle-C5XlByHy.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-DED8zFWK.js';
+import './chunks/bundle-CmUDfnXn.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-DHfnVt9S.js';
+import './chunks/bundle-ggd5Nalb.js';
+import './ui/MessageItemMenu.js';
+import './chunks/bundle-rSjLiAzS.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -198,34 +199,34 @@ import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-D7iwt9t3.js';
+import './chunks/bundle-CGI-GJdx.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-CEPVxLI6.js';
-import './chunks/bundle-C6NL2rIx.js';
+import './chunks/bundle-Bl9s7gbM.js';
+import './chunks/bundle-Doh2YVn-.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
 import './Channel/context.js';
-import './chunks/bundle-BDVMQbBW.js';
+import './chunks/bundle-DsEgBhPg.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-DV9a2cbl.js';
+import './chunks/bundle-3fMVUYp7.js';
 import './Channel/components/MessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-Cl4yYhxx.js';
+import './chunks/bundle-B2p351ZT.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-NlCI0Va_.js';
-import './chunks/bundle-B9YjA2kE.js';
+import './chunks/bundle-GH5biG7L.js';
+import './chunks/bundle-CAxXAlv2.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-BF1Qctol.js';
+import './chunks/bundle-CstGAeH0.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,15 +36,15 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.14.10",
+  "version": "3.14.11-rc-1",
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
     "@sendbird/chat": "^4.12.3",
-    "@sendbird/react-uikit-message-template-view": "0.0.1-alpha.73",
-    "@sendbird/uikit-tools": "0.0.1-alpha.73",
+    "@sendbird/react-uikit-message-template-view": "0.0.1-alpha.76",
+    "@sendbird/uikit-tools": "0.0.1-alpha.76",
     "css-vars-ponyfill": "^2.3.2",
     "date-fns": "^2.16.1",
     "dompurify": "^3.0.1"
@@ -973,6 +973,12 @@
       "import": "./ui/MessageItemReactionMenu.js",
       "default": "./ui/MessageItemReactionMenu.js"
     },
+    "./ui/MessageMenu": {
+      "types": "./types/ui/MessageMenu/index.d.ts",
+      "require": "./cjs/ui/MessageMenu.js",
+      "import": "./ui/MessageMenu.js",
+      "default": "./ui/MessageMenu.js"
+    },
     "./ui/MessageSearchFileItem": {
       "types": "./types/ui/MessageSearchFileItem/index.d.ts",
       "require": "./cjs/ui/MessageSearchFileItem.js",
@@ -1207,6 +1213,12 @@
       "import": "./ui/MobileFeedbackMenu.js",
       "default": "./ui/MobileFeedbackMenu.js"
     },
+    "./ui/MobileMenu": {
+      "types": "./types/ui/MobileMenu/index.d.ts",
+      "require": "./cjs/ui/MobileMenu.js",
+      "import": "./ui/MobileMenu.js",
+      "default": "./ui/MobileMenu.js"
+    },
     "./ui/MessageFeedbackModal": {
       "types": "./types/ui/MessageFeedbackModal/index.d.ts",
       "require": "./cjs/ui/MessageFeedbackModal.js",
@@ -1681,6 +1693,9 @@
       "ui/MessageItemReactionMenu": [
         "./types/ui/MessageItemReactionMenu/index.d.ts"
       ],
+      "ui/MessageMenu": [
+        "./types/ui/MessageMenu/index.d.ts"
+      ],
       "ui/MessageSearchFileItem": [
         "./types/ui/MessageSearchFileItem/index.d.ts"
       ],
@@ -1798,6 +1813,9 @@
       "ui/MobileFeedbackMenu": [
         "./types/ui/MobileFeedbackMenu/index.d.ts"
       ],
+      "ui/MobileMenu": [
+        "./types/ui/MobileMenu/index.d.ts"
+      ],
       "ui/MessageFeedbackModal": [
         "./types/ui/MessageFeedbackModal/index.d.ts"
       ],

package/pubSub/topics.js

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

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-DJ72fQy-.js';
-import { n as noop } from './chunks/bundle-CymNo3WD.js';
+import { p as pubSubTopics } from './chunks/bundle-mnktcUOP.js';
+import { n as noop } from './chunks/bundle-D_-SsVPb.js';
 
 /**
  * 1. UIKit Instances

package/types/hooks/useElementObserver.d.ts

@@ -0,0 +1,2 @@
+declare function useElementObserver(selector: string, targetElement?: HTMLElement | HTMLElement[] | null): boolean;
+export default useElementObserver;

package/types/lib/hooks/useTheme.d.ts

@@ -1,2 +1,3 @@
-declare const useTheme: (overrides?: Record<string, string>) => void;
+import { type ColorSet } from '../utils/colorMapper';
+declare const useTheme: (overrides?: ColorSet) => void;
 export default useTheme;

package/types/lib/types.d.ts

@@ -86,6 +86,7 @@ export interface SendBirdStateConfig {
         enableSuggestedReplies: SBUConfig['groupChannel']['channel']['enableSuggestedReplies'];
         showSuggestedRepliesFor: SBUConfig['groupChannel']['channel']['showSuggestedRepliesFor'];
         suggestedRepliesDirection: SBUConfig['groupChannel']['channel']['suggestedRepliesDirection'];
+        enableMarkdownForUserMessage: SBUConfig['groupChannel']['channel']['enableMarkdownForUserMessage'];
     };
     groupChannelList: {
         enableTypingIndicator: SBUConfig['groupChannel']['channelList']['enableTypingIndicator'];

package/types/lib/utils/colorMapper.d.ts

@@ -0,0 +1,31 @@
+export type ColorSet = Record<string, string>;
+/**
+ * Converts descriptive color keys to their numeric equivalents.
+ *
+ * This function takes a set of CSS variable keys and transforms
+ * descriptive color keys (e.g. 'extra-light', 'main') into their
+ * numeric equivalents(e.g. 100, 200, ..., 500) as defined in the colorMapping object.
+ *
+ * e.g.
+ * Input:
+ * {
+ *   '--sendbird-light-primary-extra-dark': '#00487c',
+ *   '--sendbird-light-primary-dark': '#4bb3fd',
+ *   '--sendbird-light-primary-main': '#3e6680',
+ *   '--sendbird-light-primary-light': '#0496ff',
+ *   '--sendbird-light-primary-extra-light': '#027bce',
+ * }
+ *
+ * Output:
+ * {
+ *   '--sendbird-light-primary-500': '#00487c',
+ *   '--sendbird-light-primary-400': '#4bb3fd',
+ *   '--sendbird-light-primary-300': '#3e6680',
+ *   '--sendbird-light-primary-200': '#0496ff',
+ *   '--sendbird-light-primary-100': '#027bce',
+ * }
+ *
+ * @param {ColorSet} colorSet - The input object containing CSS variables with descriptive keys.
+ * @returns {ColorSet} The transformed object with numeric keys.
+ */
+export declare const mapColorKeys: (colorSet: ColorSet) => ColorSet;

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

@@ -6,3 +6,4 @@ export declare function isContextMenuClosed(): boolean;
 export declare function getMessageTopOffset(messageCreatedAt: number): number | null;
 export declare const isDisabledBecauseFrozen: (groupChannel?: GroupChannel | null) => boolean;
 export declare const isDisabledBecauseMuted: (groupChannel?: GroupChannel | null) => boolean;
+export declare const isDisabledBecauseSuggestedReplies: (channel: GroupChannel | null | undefined, enableSuggestedReplies: boolean) => boolean;

package/types/modules/Message/utils/tokens/asSafeURL.d.ts

@@ -0,0 +1 @@
+export declare function asSafeURL(url: string): string;

package/types/modules/Message/utils/tokens/tokenize.d.ts

@@ -3,11 +3,21 @@ import { IdentifyMentionsType, MentionToken, Token, TokenParams, UndeterminedTok
 export declare function getUserMentionRegex(mentionedUsers: User[], templatePrefix_: string): RegExp;
 export declare function identifyMentions({ tokens, mentionedUsers, templatePrefix, }: IdentifyMentionsType): (MentionToken | UndeterminedToken)[];
 export declare function identifyUrlsAndStrings(token: Token[]): Token[];
+/**
+ * For every string token in the given list of tokens, if the token contains markdowns, the token is split into
+ * string tokens and markdown tokens in the original order.
+ * Returns a new array tokens.
+ * @param tokens
+ */
+export declare function splitTokensWithMarkdowns(tokens: Token[]): Token[];
 export declare function combineNearbyStrings(tokens: Token[]): Token[];
 /**
  * Converts text into set of rich tokens
  */
-export declare function tokenizeMessage({ messageText, mentionedUsers, templatePrefix, }: TokenParams): Token[];
+export declare function tokenizeMessage({ messageText, mentionedUsers, templatePrefix, includeMarkdown, }: TokenParams): Token[];
+export declare function tokenizeMarkdown({ messageText, }: {
+    messageText: any;
+}): Token[];
 /**
  * Don't need to use this util in DOM element since the white spaces will be kept as is,
  * but will need if the text is wrapped \w React.Fragement or </>

package/types/modules/Message/utils/tokens/types.d.ts

@@ -5,6 +5,7 @@ export declare const TOKEN_TYPES: {
     readonly mention: "mention";
     readonly url: "url";
     readonly undetermined: "undetermined";
+    readonly markdown: "markdown";
 };
 export type TokenType = ObjectValues<typeof TOKEN_TYPES>;
 export type StringToken = {
@@ -24,11 +25,18 @@ export type UndeterminedToken = {
     type: typeof TOKEN_TYPES.undetermined;
     value: string;
 };
-export type Token = StringToken | MentionToken | UrlToken | UndeterminedToken;
+export type MarkdownToken = {
+    type: typeof TOKEN_TYPES.markdown;
+    markdownType: 'bold' | 'url';
+    value: string;
+    groups: string[];
+};
+export type Token = StringToken | MentionToken | UrlToken | MarkdownToken | UndeterminedToken;
 export type TokenParams = {
     messageText: string;
     mentionedUsers?: User[];
     templatePrefix?: string;
+    includeMarkdown?: boolean;
 };
 export type IdentifyMentionsType = {
     tokens: UndeterminedToken[];

package/types/ui/ContextMenu/EmojiListItems.d.ts

@@ -5,11 +5,12 @@ type SpaceFromTrigger = {
     y: number;
 };
 export interface EmojiListItemsProps {
+    id?: string;
     closeDropdown: () => void;
     children: ReactNode;
     parentRef: RefObject<HTMLDivElement>;
     parentContainRef: RefObject<HTMLDivElement>;
     spaceFromTrigger?: SpaceFromTrigger;
 }
-export declare const EmojiListItems: ({ children, parentRef, parentContainRef, spaceFromTrigger, closeDropdown, }: EmojiListItemsProps) => Nullable<ReactElement>;
+export declare const EmojiListItems: ({ id, children, parentRef, parentContainRef, spaceFromTrigger, closeDropdown, }: EmojiListItemsProps) => Nullable<ReactElement>;
 export default EmojiListItems;

package/types/ui/ContextMenu/MenuItems.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactElement } from 'react';
 interface MenuItemsProps {
+    id?: string;
     className?: string;
     testID?: string;
     style?: Record<string, string>;

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

@@ -3,8 +3,10 @@ import './index.scss';
 import _MenuItems from './MenuItems';
 import { MuteMenuItem } from './items/MuteMenuItem';
 import { OperatorMenuItem } from './items/OperatorMenuItem';
+export declare const MENU_OBSERVING_CLASS_NAME = "sendbird-observing-message-menu";
+export declare const getObservingId: (txt: string | number) => string;
 export declare const MenuItems: typeof _MenuItems;
-export declare const EmojiListItems: ({ children, parentRef, parentContainRef, spaceFromTrigger, closeDropdown, }: import("./EmojiListItems").EmojiListItemsProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const EmojiListItems: ({ id, children, parentRef, parentContainRef, spaceFromTrigger, closeDropdown, }: import("./EmojiListItems").EmojiListItemsProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export interface MenuItemProps {
     className?: string | Array<string>;
     children: ReactElement | ReactElement[] | ReactNode;
@@ -17,7 +19,9 @@ export interface MenuItemProps {
     testID?: string;
 }
 export declare const MenuItem: ({ className, children, onClick, disable, dataSbId, testID, }: MenuItemProps) => ReactElement;
+export declare const MENU_ROOT_ID = "sendbird-dropdown-portal";
 export declare const MenuRoot: () => ReactElement;
+export declare const EMOJI_MENU_ROOT_ID = "sendbird-emoji-list-portal";
 export declare const EmojiReactionListRoot: () => ReactElement;
 type MenuDisplayingFunc = () => void;
 export interface ContextMenuProps {

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

@@ -1,6 +1,6 @@
 import React, { ReactElement, ReactNode } from 'react';
 import './index.scss';
-import { MessageMenuProps } from '../MessageItemMenu';
+import { type MessageMenuProps } from '../MessageMenu';
 import { MessageEmojiMenuProps } from '../MessageItemReactionMenu';
 import { EmojiReactionsProps } from '../EmojiReactions';
 import type { OnBeforeDownloadFileMessageType } from '../../modules/GroupChannel/context/GroupChannelProvider';

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

@@ -10,7 +10,6 @@ export interface MessageEmojiMenuProps {
     spaceFromTrigger?: SpaceFromTriggerType;
     emojiContainer?: EmojiContainer;
     toggleReaction?: (message: SendableMessageType, reactionKey: string, isReacted: boolean) => void;
-    setSupposedHover?: (bool: boolean) => void;
 }
-export declare function MessageEmojiMenu({ className, message, userId, spaceFromTrigger, emojiContainer, toggleReaction, setSupposedHover, }: MessageEmojiMenuProps): ReactElement | null;
+export declare function MessageEmojiMenu({ className, message, userId, spaceFromTrigger, emojiContainer, toggleReaction, }: MessageEmojiMenuProps): ReactElement | null;
 export default MessageEmojiMenu;

package/types/ui/MessageMenu/MessageMenu.d.ts

@@ -0,0 +1,37 @@
+import React, { ReactElement } from 'react';
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+import { OpenChannel } from '@sendbird/chat/openChannel';
+import { SendableMessageType } from '../../utils';
+import { type PrebuildMenuItemPropsType, TriggerIconProps } from './menuItems/MessageMenuItems';
+import { ReplyType } from '../../types';
+export type RenderMenuItemsParams = {
+    items: {
+        CopyMenuItem: (props: PrebuildMenuItemPropsType) => ReactElement;
+        ReplyMenuItem: (props: PrebuildMenuItemPropsType) => ReactElement;
+        ThreadMenuItem: (props: PrebuildMenuItemPropsType) => ReactElement;
+        OpenInChannelMenuItem: (props: PrebuildMenuItemPropsType) => ReactElement;
+        EditMenuItem: (props: PrebuildMenuItemPropsType) => ReactElement;
+        ResendMenuItem: (props: PrebuildMenuItemPropsType) => ReactElement;
+        DeleteMenuItem: (props: PrebuildMenuItemPropsType) => ReactElement;
+    };
+};
+export interface MessageMenuProps {
+    className?: string;
+    message: SendableMessageType;
+    channel: GroupChannel | OpenChannel | null;
+    isByMe?: boolean;
+    replyType?: ReplyType;
+    renderTrigger?: (params: TriggerIconProps) => ReactElement;
+    renderMenuItems?: (params: RenderMenuItemsParams) => ReactElement;
+    disableDeleteMessage?: boolean;
+    showEdit?: (bool: boolean) => void;
+    showRemove?: (bool: boolean) => void;
+    deleteMessage?: (message: SendableMessageType) => void;
+    resendMessage?: (message: SendableMessageType) => void;
+    setQuoteMessage?: (message: SendableMessageType) => void;
+    onReplyInThread?: (props: {
+        message: SendableMessageType;
+    }) => void;
+    onMoveToParentMessage?: () => void;
+}
+export declare const MessageMenu: ({ className, message, channel, isByMe, replyType, renderTrigger, renderMenuItems, disableDeleteMessage, showEdit, showRemove, deleteMessage, resendMessage, setQuoteMessage, onReplyInThread, onMoveToParentMessage, }: MessageMenuProps) => React.JSX.Element;