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

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-DDmvUZXC.js';
+export { g as getStringSet } from './chunks/bundle-CNHyfb7V.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-VXXJZkam.js';
-import './chunks/bundle-DdIo_zFs.js';
+export { T as TypingIndicatorType } from './chunks/bundle-Bq0-bOfM.js';
+import './chunks/bundle-DIOwxpcG.js';
 import 'react';
 import '@sendbird/uikit-tools';
-import 'css-vars-ponyfill';
-import './chunks/bundle-qeI43E3_.js';
-import './chunks/bundle-CorHVuoo.js';
-import '@sendbird/chat';
-import './chunks/bundle-BJuiDRhf.js';
-import '@sendbird/chat/openChannel';
-import '@sendbird/chat/groupChannel';
-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 './chunks/bundle-se1hgaQ-.js';
+import './chunks/bundle-CdRIsiQ1.js';
 import 'react-dom';
-import './chunks/bundle-DT4DSBZo.js';
-import './chunks/bundle-D66A0jl2.js';
-import './chunks/bundle-ByOz6UaI.js';
+import './chunks/bundle-DYYQHn6P.js';
+import './chunks/bundle-D7eYnlgm.js';
+import './chunks/bundle-5suIscWh.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-DEtCTxPD.js';
+import './chunks/bundle-BlCc7_eN.js';
 import './ui/Icon.js';
-import './chunks/bundle-p7o7XIwK.js';
-import './chunks/bundle-COi-bE-H.js';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import './chunks/bundle-CjreAsCZ.js';
+import '@sendbird/chat/openChannel';
+import '@sendbird/chat/groupChannel';
+import './chunks/bundle-DDA3KytI.js';
+import './chunks/bundle-DjH4PXg3.js';
+import './chunks/bundle-CT6oIowo.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
+import './chunks/bundle-DBC1lykB.js';
+import './chunks/bundle-DgahgsvJ.js';
+import './chunks/bundle-CSldjYVo.js';
+import './chunks/bundle-YLpFZFtY.js';
 import './GroupChannel.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-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 './chunks/bundle-DwvKuCVj.js';
+import './chunks/bundle-WXF4CSL3.js';
+import './chunks/bundle-Bimk6g75.js';
+import './chunks/bundle-DmIUQle9.js';
+import './chunks/bundle-JEz3lgaG.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-pgzH1a0T.js';
+import './chunks/bundle-l7d8-RbZ.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-DOrP_yMR.js';
+import './chunks/bundle-DlZQhmnG.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-CKHDZj3X.js';
+import './chunks/bundle-D_CNS70y.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-BU88BWC9.js';
-import './chunks/bundle-DXfHdLu7.js';
-import './chunks/bundle-DqRO_GUT.js';
+import './chunks/bundle-LJTd2kwV.js';
+import './chunks/bundle-PaTjZoup.js';
+import './chunks/bundle-BhXBD0er.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle-BpOEDk4N.js';
+import './chunks/bundle-DmtJDvJO.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-D9c1bxJQ.js';
-import './chunks/bundle-ySoO0NFU.js';
-import './chunks/bundle-BOBvB-6E.js';
-import './chunks/bundle-YkcGOzNM.js';
+import './chunks/bundle-DzwfznTL.js';
+import './chunks/bundle-BH16nLFs.js';
+import './chunks/bundle-DKbR0B7W.js';
+import './chunks/bundle-CUld9h31.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-DZdtzdKh.js';
-import './chunks/bundle-wRih48eh.js';
+import './chunks/bundle-BXf_Uoav.js';
+import './chunks/bundle-Cu9lMiME.js';
 import 'dompurify';
-import './chunks/bundle-BkXs4vmC.js';
-import './chunks/bundle-CopNic9v.js';
-import './chunks/bundle-Cyq2ZaJb.js';
-import './chunks/bundle-CjpdKqHs.js';
+import './chunks/bundle-CUa9CREe.js';
+import './chunks/bundle-S6HEUDHq.js';
+import './chunks/bundle-cyqCJOXP.js';
+import './chunks/bundle-_eyrDcfG.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-uQmOP01H.js';
+import './chunks/bundle-HjRXtQVk.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-Bt0C-BFZ.js';
-import './chunks/bundle-7aYnlE9g.js';
-import './ui/MessageItemMenu.js';
-import './chunks/bundle-D8ed5Px8.js';
+import './chunks/bundle-e2HPSZbM.js';
+import './chunks/bundle-B9dVXusF.js';
+import './chunks/bundle-DelNZG3a.js';
+import './chunks/bundle-DVk-GxJm.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-DhI4QWLh.js';
+import './chunks/bundle-BqDr8EF4.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-BN9hrgMv.js';
-import './chunks/bundle-Dnuvu_jv.js';
+import './chunks/bundle-w4CjbNCf.js';
+import './chunks/bundle-bkcMncK1.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-DHttsGgb.js';
+import './chunks/bundle-BSk0V4c7.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-DpdytzS4.js';
+import './chunks/bundle-CK_XaTIr.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-D97UcpIe.js';
+import './chunks/bundle-CeB984LL.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-CmkJzmJF.js';
+import './chunks/bundle-BZ0pRqJA.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-daosOR23.js';
+import './chunks/bundle-CsH_9kWB.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-B8TpflN6.js';
+import './chunks/bundle-D2r4zv_u.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-DJ5w4Eoe.js';
-import './chunks/bundle-CoKBNINX.js';
+import './chunks/bundle-BuZc1iHN.js';
+import './chunks/bundle-8B42nAj_.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-DZj625VH.js';
+import './chunks/bundle-CENilyRu.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-BJytW_4B.js';
+import './chunks/bundle-DTdZiBrv.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-Cz3-2Iht.js';
-import './chunks/bundle-CpcYL8Ew.js';
+import './chunks/bundle-Cu1sEVqy.js';
+import './chunks/bundle-QVgZ7Hdj.js';
 import './GroupChannelList.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-Bg_q4-JM.js';
+import './chunks/bundle-A2r1XSkU.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-vrHvkBOt.js';
-import './chunks/bundle-3rbgyUFf.js';
+import './chunks/bundle-CmPOY9Ut.js';
+import './chunks/bundle-Co8Cn-Xy.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-CEQrkcG2.js';
+import './chunks/bundle-ifQmTDw0.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-C5TWIrbF.js';
+import './chunks/bundle-D3FJrZKH.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-wnzL460e.js';
+import './chunks/bundle-C20oLMaA.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-BEj59fUG.js';
+import './chunks/bundle-CpnV1F7K.js';
 import './Thread/context/types.js';
-import './chunks/bundle-BMIlxeLF.js';
-import './chunks/bundle-CzPQUoBY.js';
+import './chunks/bundle-CB91svgK.js';
+import './chunks/bundle-CExXoiRc.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-C0OqoVhE.js';
+import './chunks/bundle-DFHJryqD.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-DhiRvnEl.js';
+import './chunks/bundle-DNCQ4u5R.js';
+import './ui/MessageItemMenu.js';
+import './chunks/bundle-Bx3HwK0O.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-BxHNvmlk.js';
+import './chunks/bundle-DzOZbhBa.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-D62t4-mN.js';
-import './chunks/bundle-B2jN9S8f.js';
+import './chunks/bundle-DM_G8NqJ.js';
+import './chunks/bundle-DHgDkkn9.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
 import './Channel/context.js';
-import './chunks/bundle-CVozsUjP.js';
+import './chunks/bundle-BTrGLGPQ.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-DtJdiuLe.js';
+import './chunks/bundle-DuX-Qk0N.js';
 import './Channel/components/MessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-BNSIBEFq.js';
+import './chunks/bundle-CTGooW1o.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-VnrHQwUf.js';
-import './chunks/bundle-BJ4QFKK7.js';
+import './chunks/bundle-CNPvqIMP.js';
+import './chunks/bundle-BBF0XCpb.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-BdSPinDs.js';
+import './chunks/bundle-Bv0mCrgn.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-rc.0",
+  "version": "3.14.11-rc-0",
   "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",
@@ -1681,6 +1687,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"
       ],

package/pubSub/topics.js

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

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-6c1kf582.js';
-import { n as noop } from './chunks/bundle-BPHZWcCv.js';
+import { p as pubSubTopics } from './chunks/bundle-DmIUQle9.js';
+import { n as noop } from './chunks/bundle-CdRIsiQ1.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;

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

@@ -0,0 +1,34 @@
+import React, { ReactNode, MutableRefObject, MouseEvent } from 'react';
+import { SendableMessageType } from '../../utils';
+interface CommonMessageMenuContextProps {
+    message: SendableMessageType;
+    hideMenu: () => void;
+    setQuoteMessage: (message: SendableMessageType) => void;
+    onReplyInThread: (props: {
+        message: SendableMessageType;
+    }) => void;
+    onMoveToParentMessage: () => void;
+    showEdit: (bool: boolean) => void;
+    showRemove: (bool: boolean) => void;
+    deleteMessage: (message: SendableMessageType) => void;
+    resendMessage: (message: SendableMessageType) => void;
+    isOnline: boolean;
+    disableDeleteMessage: boolean | null;
+    triggerRef: MutableRefObject<null>;
+    containerRef: MutableRefObject<null>;
+}
+export interface MessageMenuContextProps extends CommonMessageMenuContextProps {
+    showMenu: () => void;
+    toggleMenu: () => void;
+}
+export interface MobileMessageMenuContextProps extends CommonMessageMenuContextProps {
+    onDownloadClick?: (e: MouseEvent) => Promise<void>;
+}
+interface MessageMenuProviderProps {
+    children: ReactNode;
+    value: MessageMenuContextProps | MobileMessageMenuContextProps;
+    isMobile?: boolean;
+}
+export declare const MessageMenuProvider: ({ children, value }: MessageMenuProviderProps) => React.JSX.Element;
+export declare const useMessageMenuContext: () => MessageMenuContextProps | MobileMessageMenuContextProps;
+export {};

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

@@ -0,0 +1,4 @@
+import './index.scss';
+export { MessageMenu, type MessageMenuProps } from './MessageMenu';
+export { MessageMenuProvider, useMessageMenuContext, type MessageMenuContextProps } from './MessageMenuProvider';
+export { MenuItem, BottomSheetMenuItem, type MenuItemProps } from './menuItems/BasicItems';