stream-chat-react 14.11.1 → 15.0.0-rc.1

package/dist/es/components/MessageActions/MessageActions.defaults.mjs

@@ -0,0 +1,643 @@
+import { useChatContext } from "../../context/ChatContext.mjs";
+import { useComponentContext } from "../../context/ComponentContext.mjs";
+import { useDialogIsOpen, useDialogOnNearestManager } from "../Dialog/hooks/useDialog.mjs";
+import { useMessageContext } from "../../context/MessageContext.mjs";
+import { useTranslationContext } from "../../context/TranslationContext.mjs";
+import { useNotificationApi } from "../Notifications/hooks/useNotificationApi.mjs";
+import { DialogAnchor } from "../Dialog/service/DialogAnchor.mjs";
+import { ContextMenuButton, useContextMenuContext } from "../Dialog/components/ContextMenu.mjs";
+import { isMessageDeleted, isUserMuted } from "../Message/utils.mjs";
+import { useMessageReminder } from "../Message/hooks/useMessageReminder.mjs";
+import { GlobalModal } from "../Modal/GlobalModal.mjs";
+import { useMessageComposerController } from "../MessageComposer/hooks/useMessageComposerController.mjs";
+import { savePreEditSnapshot } from "../MessageComposer/preEditSnapshot.mjs";
+import { ReactionSelector } from "../Reactions/ReactionSelector.mjs";
+import { ReactionSelectorWithButton } from "../Reactions/ReactionSelectorWithButton.mjs";
+import { RemindMeSubmenu, RemindMeSubmenuHeader } from "./RemindMeSubmenu.mjs";
+import { downloadAttachment, isDownloadableAttachment } from "./downloadUtils.mjs";
+import { DownloadSubmenu, DownloadSubmenuHeader } from "./DownloadSubmenu.mjs";
+import { QuickMessageActionsButton } from "./QuickMessageActionButton.mjs";
+import { DeleteMessageAlert } from "./DeleteMessageAlert.mjs";
+import { MessageActions } from "./MessageActions.mjs";
+import { useComponentContextIcons } from "../../context/useComponentContextIcons.mjs";
+import { forwardRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/components/MessageActions/MessageActions.defaults.tsx
+var msgActionsBoxButtonClassName = "str-chat__message-actions-list-item-button";
+var MessageActionsMenuItemButton = (props) => /* @__PURE__ */ jsx(ContextMenuButton, { ...props });
+var getErrorMessage = (error, fallback) => error instanceof Error && error.message ? error.message : fallback;
+var getNotificationError = (error) => {
+	if (error instanceof Error) return error;
+	if (typeof error === "string") return new Error(error);
+	if (error && typeof error === "object" && "message" in error) {
+		const message = error.message;
+		if (typeof message === "string") return new Error(message);
+	}
+};
+var DefaultMessageActionComponents = {
+	dropdown: {
+		React() {
+			const { IconEmoji } = useComponentContextIcons();
+			const { ReactionSelector: ReactionSelector$1 = ReactionSelector } = useComponentContext();
+			const { anchorReferenceElement } = useContextMenuContext();
+			const { isMyMessage, message, threadList } = useMessageContext();
+			const { t } = useTranslationContext();
+			const [referenceElement, setReferenceElement] = useState(null);
+			const dialogId = `${ReactionSelector.getDialogId({
+				messageId: message.id,
+				threadList
+			})}-dropdown`;
+			const { dialog, dialogManager } = useDialogOnNearestManager({ id: dialogId });
+			const dialogIsOpen = useDialogIsOpen(dialogId, dialogManager?.id);
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DialogAnchor, {
+				dialogManagerId: dialogManager?.id,
+				id: dialogId,
+				offset: 8,
+				placement: isMyMessage() ? "top-end" : "top-start",
+				referenceElement,
+				trapFocus: true,
+				updatePositionOnContentResize: true,
+				children: /* @__PURE__ */ jsx(ReactionSelector$1, { dialogId })
+			}), /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-expanded": dialogIsOpen,
+				"aria-label": t("common.openReactionSelector.ariaLabel", "Open Reaction Selector"),
+				className: clsx(msgActionsBoxButtonClassName, "str-chat__message-actions-list-item-button--react"),
+				"data-testid": "dropdown-react-action",
+				Icon: IconEmoji,
+				onClick: (event) => {
+					if (dialogIsOpen) {
+						dialog.close();
+						return;
+					}
+					setReferenceElement(anchorReferenceElement instanceof HTMLElement ? anchorReferenceElement : event.currentTarget);
+					dialog.open();
+				},
+				children: t("common.addReaction.text", "Add reaction")
+			})] });
+		},
+		ThreadReply() {
+			const { IconThread } = useComponentContextIcons();
+			const { closeMenu } = useContextMenuContext();
+			const { handleOpenThread } = useMessageContext();
+			const { t } = useTranslationContext();
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": t("messageActions.openThread.ariaLabel", "Open Thread"),
+				className: msgActionsBoxButtonClassName,
+				"data-testid": "thread-action",
+				Icon: IconThread,
+				onClick: (e) => {
+					handleOpenThread(e);
+					closeMenu();
+				},
+				children: t("messageActions.threadReply.text", "Thread Reply")
+			});
+		},
+		Quote() {
+			const { IconQuote } = useComponentContextIcons();
+			const { closeMenu } = useContextMenuContext();
+			const { message } = useMessageContext();
+			const { t } = useTranslationContext();
+			const messageComposer = useMessageComposerController();
+			const handleQuote = () => {
+				messageComposer.setQuotedMessage(message);
+				const textarea = (message.parent_id ? document.querySelectorAll(".str-chat__thread .str-chat__textarea__textarea") : document.getElementsByClassName("str-chat__textarea__textarea")).item(0);
+				if (textarea instanceof HTMLTextAreaElement) textarea.focus();
+			};
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": t("messageActions.quoteMessage.ariaLabel", "Quote Message"),
+				className: msgActionsBoxButtonClassName,
+				Icon: IconQuote,
+				onClick: () => {
+					handleQuote();
+					closeMenu();
+				},
+				children: t("messageActions.quoteReply.text", "Quote Reply")
+			});
+		},
+		Download() {
+			const { IconDownload } = useComponentContextIcons();
+			const { closeMenu, openSubmenu } = useContextMenuContext();
+			const { message } = useMessageContext();
+			const { t } = useTranslationContext();
+			const downloadableAttachments = (message.attachments ?? []).filter(isDownloadableAttachment);
+			if (!downloadableAttachments.length) return null;
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": t("common.downloadAttachment.ariaLabel", "Download attachment"),
+				className: msgActionsBoxButtonClassName,
+				hasSubMenu: downloadableAttachments.length > 1,
+				Icon: IconDownload,
+				onClick: (event) => {
+					if (downloadableAttachments.length > 1) {
+						openSubmenu({
+							focusReturnTarget: event.currentTarget,
+							Header: DownloadSubmenuHeader,
+							Submenu: DownloadSubmenu
+						});
+						return;
+					}
+					downloadAttachment(downloadableAttachments[0]);
+					closeMenu();
+				},
+				children: t("common.downloadAttachment.title", "Download Attachment")
+			});
+		},
+		Pin() {
+			const { IconPin, IconUnpin } = useComponentContextIcons();
+			const { closeMenu } = useContextMenuContext();
+			const { handlePin, message } = useMessageContext();
+			const { addNotification } = useNotificationApi();
+			const { t } = useTranslationContext();
+			const isPinned = !!message.pinned;
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": isPinned ? t("messageActions.unpinMessage.ariaLabel", "Unpin Message") : t("messageActions.pinMessage.ariaLabel", "Pin Message"),
+				className: msgActionsBoxButtonClassName,
+				Icon: isPinned ? IconUnpin : IconPin,
+				onClick: async (event) => {
+					try {
+						await handlePin(event);
+						addNotification({
+							context: { message },
+							emitter: "MessageActions",
+							message: isPinned ? t("messageActions.messageUnpinned.text", "Message unpinned") : t("common.messagePinned.label", "Message pinned"),
+							severity: "success",
+							type: isPinned ? "api:message:unpin:success" : "api:message:pin:success"
+						});
+					} catch (error) {
+						addNotification({
+							context: { message },
+							emitter: "MessageActions",
+							error: getNotificationError(error),
+							message: getErrorMessage(error, isPinned ? t("common.errorRemovingMessagePin.label", "Error removing message pin") : t("common.errorPinningMessage.label", "Error pinning message")),
+							severity: "error",
+							type: isPinned ? "api:message:unpin:failed" : "api:message:pin:failed"
+						});
+					}
+					closeMenu();
+				},
+				children: isPinned ? t("common.unpin.title", "Unpin") : t("common.pin.title", "Pin")
+			});
+		},
+		CopyMessageText() {
+			const { IconCopy } = useComponentContextIcons();
+			const { closeMenu } = useContextMenuContext();
+			const { message } = useMessageContext();
+			const { t } = useTranslationContext();
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": t("messageActions.copyMessageText.ariaLabel", "Copy Message Text"),
+				className: msgActionsBoxButtonClassName,
+				Icon: IconCopy,
+				onClick: () => {
+					if (message.text) navigator.clipboard.writeText(message.text);
+					closeMenu();
+				},
+				children: t("messageActions.copyMessage.text", "Copy Message")
+			});
+		},
+		Resend() {
+			const { IconRetry } = useComponentContextIcons();
+			const { closeMenu } = useContextMenuContext();
+			const { handleRetry, message } = useMessageContext();
+			const { t } = useTranslationContext();
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": t("messageActions.resendMessage.ariaLabel", "Resend Message"),
+				className: msgActionsBoxButtonClassName,
+				Icon: IconRetry,
+				onClick: () => {
+					handleRetry(message);
+					closeMenu();
+				},
+				children: t("messageActions.resend.text", "Resend")
+			});
+		},
+		Edit() {
+			const { IconEdit } = useComponentContextIcons();
+			const messageComposer = useMessageComposerController();
+			const { message } = useMessageContext();
+			const { t } = useTranslationContext();
+			const { closeMenu } = useContextMenuContext();
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": t("messageActions.editMessage.ariaLabel", "Edit Message"),
+				className: msgActionsBoxButtonClassName,
+				Icon: IconEdit,
+				onClick: () => {
+					savePreEditSnapshot(messageComposer);
+					messageComposer.initState({ composition: message });
+					closeMenu();
+				},
+				children: t("common.editMessage.text", "Edit Message")
+			});
+		},
+		MarkUnread() {
+			const { IconNotification } = useComponentContextIcons();
+			const { closeMenu } = useContextMenuContext();
+			const { handleMarkUnread, message } = useMessageContext();
+			const { addNotification } = useNotificationApi();
+			const { t } = useTranslationContext();
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": t("messageActions.markMessageUnread.ariaLabel", "Mark Message Unread"),
+				className: msgActionsBoxButtonClassName,
+				Icon: IconNotification,
+				onClick: async (event) => {
+					try {
+						await handleMarkUnread(event);
+						addNotification({
+							context: { message },
+							emitter: "MessageActions",
+							message: t("messageActions.messageMarkedUnread.text", "Message marked as unread"),
+							severity: "success",
+							type: "api:message:markUnread:success"
+						});
+					} catch (error) {
+						addNotification({
+							context: { message },
+							emitter: "MessageActions",
+							error: getNotificationError(error),
+							message: getErrorMessage(error, t("messageActions.errorMarkingMessageUnread.text", "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.")),
+							severity: "error",
+							type: "api:message:markUnread:failed"
+						});
+					}
+					closeMenu();
+				},
+				children: t("messageActions.markUnread.text", "Mark as unread")
+			});
+		},
+		RemindMe() {
+			const { IconBell, IconBellOff } = useComponentContextIcons();
+			const { closeMenu, openSubmenu } = useContextMenuContext();
+			const { client } = useChatContext();
+			const { addNotification } = useNotificationApi();
+			const { t } = useTranslationContext();
+			const { message } = useMessageContext();
+			const reminder = useMessageReminder(message.id);
+			if (reminder != null && reminder.remindAt == null) return null;
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": reminder ? t("messageActions.remindMeMessage.ariaLabel", "Remind Me Message") : t("messageActions.removeReminder.ariaLabel", "Remove Reminder"),
+				className: msgActionsBoxButtonClassName,
+				hasSubMenu: !reminder,
+				Icon: reminder ? IconBellOff : IconBell,
+				onClick: async (event) => {
+					if (reminder) try {
+						await client.reminders.deleteReminder(reminder.id);
+						addNotification({
+							context: { message },
+							emitter: "MessageActions",
+							message: t("messageActions.removeReminder.text", "Remove reminder"),
+							severity: "success",
+							type: "api:message:reminder:delete:success"
+						});
+					} catch (error) {
+						addNotification({
+							context: { message },
+							emitter: "MessageActions",
+							error: getNotificationError(error),
+							message: getErrorMessage(error, "Error removing reminder"),
+							severity: "error",
+							type: "api:message:reminder:delete:failed"
+						});
+					} finally {
+						closeMenu();
+					}
+					else openSubmenu({
+						focusReturnTarget: event.currentTarget,
+						Header: RemindMeSubmenuHeader,
+						Submenu: RemindMeSubmenu
+					});
+				},
+				children: reminder ? t("messageActions.removeReminder.text", "Remove reminder") : t("messageActions.remindMe.text", "Remind me")
+			});
+		},
+		SaveForLater() {
+			const { IconBookmark, IconBookmarkRemove } = useComponentContextIcons();
+			const { closeMenu } = useContextMenuContext();
+			const { client } = useChatContext();
+			const { addNotification } = useNotificationApi();
+			const { message } = useMessageContext();
+			const { t } = useTranslationContext();
+			const reminder = useMessageReminder(message.id);
+			if (reminder?.remindAt != null) return null;
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": reminder ? t("messageActions.removeSaveLater.ariaLabel", "Remove Save For Later") : t("messageActions.bookmarkMessage.ariaLabel", "Bookmark Message"),
+				className: msgActionsBoxButtonClassName,
+				Icon: reminder ? IconBookmarkRemove : IconBookmark,
+				onClick: async () => {
+					try {
+						if (reminder) {
+							await client.reminders.deleteReminder(reminder.id);
+							addNotification({
+								context: { message },
+								emitter: "MessageActions",
+								message: t("messageActions.removeSaveLater.text", "Remove save for later"),
+								severity: "success",
+								type: "api:message:saveForLater:delete:success"
+							});
+						} else {
+							await client.reminders.createReminder({ message_id: message.id });
+							addNotification({
+								context: { message },
+								emitter: "MessageActions",
+								message: t("common.savedLater.text", "Saved for later"),
+								severity: "success",
+								type: "api:message:saveForLater:create:success"
+							});
+						}
+					} catch (error) {
+						addNotification({
+							context: { message },
+							emitter: "MessageActions",
+							error: getNotificationError(error),
+							message: getErrorMessage(error, reminder ? "Error removing message from saved for later" : "Error saving message for later"),
+							severity: "error",
+							type: reminder ? "api:message:saveForLater:delete:failed" : "api:message:saveForLater:create:failed"
+						});
+					} finally {
+						closeMenu();
+					}
+				},
+				children: reminder ? t("messageActions.removeSaveLater.text", "Remove save for later") : t("messageActions.saveLater.text", "Save for later")
+			});
+		},
+		Flag() {
+			const { IconFlag } = useComponentContextIcons();
+			const { closeMenu } = useContextMenuContext();
+			const { handleFlag, message } = useMessageContext();
+			const { addNotification } = useNotificationApi();
+			const { t } = useTranslationContext();
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": t("messageActions.flagMessage.ariaLabel", "Flag Message"),
+				className: msgActionsBoxButtonClassName,
+				Icon: IconFlag,
+				onClick: async (event) => {
+					try {
+						await handleFlag(event);
+						addNotification({
+							context: { message },
+							emitter: "MessageActions",
+							message: t("messageActions.messageSuccessfullyFlagged.text", "Message has been successfully flagged"),
+							severity: "success",
+							type: "api:message:flag:success"
+						});
+					} catch (error) {
+						addNotification({
+							context: { message },
+							emitter: "MessageActions",
+							error: getNotificationError(error),
+							message: getErrorMessage(error, t("messageActions.errorAddingFlag.text", "Error adding flag")),
+							severity: "error",
+							type: "api:message:flag:failed"
+						});
+					}
+					closeMenu();
+				},
+				children: t("messageActions.flag.text", "Flag")
+			});
+		},
+		Mute() {
+			const { IconAudio, IconMute } = useComponentContextIcons();
+			const { closeMenu } = useContextMenuContext();
+			const { handleMute, message } = useMessageContext();
+			const { addNotification } = useNotificationApi();
+			const { mutes } = useChatContext();
+			const { t } = useTranslationContext();
+			const isMuted = isUserMuted(message, mutes);
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": isMuted ? t("messageActions.unmuteUser.ariaLabel", "Unmute User") : t("messageActions.muteUser.ariaLabel", "Mute User"),
+				className: msgActionsBoxButtonClassName,
+				Icon: isMuted ? IconAudio : IconMute,
+				onClick: async (event) => {
+					try {
+						await handleMute(event);
+						addNotification({
+							context: { message },
+							emitter: "MessageActions",
+							message: isMuted ? t("common.unmuted.label", "{{ user }} has been unmuted", { user: message.user?.name || message.user?.id }) : t("common.muted.label", "{{ user }} has been muted", { user: message.user?.name || message.user?.id }),
+							severity: "success",
+							type: isMuted ? "api:user:unmute:success" : "api:user:mute:success"
+						});
+					} catch (error) {
+						addNotification({
+							context: { message },
+							emitter: "MessageActions",
+							error: getNotificationError(error),
+							message: getErrorMessage(error, isMuted ? t("common.errorUnmutingUser.label", "Error unmuting a user ...") : t("common.errorMutingUser.label", "Error muting a user ...")),
+							severity: "error",
+							type: isMuted ? "api:user:unmute:failed" : "api:user:mute:failed"
+						});
+					}
+					closeMenu();
+				},
+				children: isMuted ? t("common.unmute.title", "Unmute") : t("common.mute.title", "Mute")
+			});
+		},
+		Delete() {
+			const { IconDelete } = useComponentContextIcons();
+			const { closeMenu } = useContextMenuContext();
+			const { addNotification } = useNotificationApi();
+			const { Modal = GlobalModal } = useComponentContext();
+			const { handleDelete, message } = useMessageContext();
+			const { t } = useTranslationContext();
+			const [openModal, setOpenModal] = useState(false);
+			if (isMessageDeleted(message)) return null;
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": t("messageActions.deleteMessage.ariaLabel", "Delete Message"),
+				className: msgActionsBoxButtonClassName,
+				Icon: IconDelete,
+				onClick: () => {
+					setOpenModal(true);
+				},
+				variant: "destructive",
+				children: t("messageActions.deleteMessageAlert.deleteMessage.title", "Delete message")
+			}), /* @__PURE__ */ jsx(Modal, {
+				open: openModal,
+				role: "alertdialog",
+				children: /* @__PURE__ */ jsx(DeleteMessageAlert, {
+					onCancel: () => {
+						setOpenModal(false);
+						closeMenu();
+					},
+					onDelete: async () => {
+						try {
+							await handleDelete();
+							addNotification({
+								context: { message },
+								emitter: "MessageActions",
+								message: t("common.messageDeleted.text", "Message deleted"),
+								severity: "success",
+								type: "api:message:delete:success"
+							});
+						} catch (error) {
+							addNotification({
+								context: { message },
+								emitter: "MessageActions",
+								error: getNotificationError(error),
+								message: getErrorMessage(error, t("common.errorDeletingMessage.label", "Error deleting message")),
+								severity: "error",
+								type: "api:message:delete:failed"
+							});
+						} finally {
+							setOpenModal(false);
+							closeMenu();
+						}
+					}
+				})
+			})] });
+		},
+		BlockUser() {
+			const { IconNoSign, IconUserCheck } = useComponentContextIcons();
+			const { closeMenu } = useContextMenuContext();
+			const { client } = useChatContext();
+			const { message } = useMessageContext();
+			const { t } = useTranslationContext();
+			const isBlocked = !message.user?.id || new Set(client.blockedUsers.getLatestValue().userIds).has(message.user?.id);
+			return /* @__PURE__ */ jsx(MessageActionsMenuItemButton, {
+				"aria-label": isBlocked ? t("common.unblock.ariaLabel", "Unblock") : t("messageActions.blockUser.ariaLabel", "Block User"),
+				className: clsx(msgActionsBoxButtonClassName),
+				Icon: isBlocked ? IconUserCheck : IconNoSign,
+				onClick: () => {
+					const targetId = message.user?.id;
+					if (targetId) if (isBlocked) client.unblockUser(targetId);
+					else client.blockUser(targetId);
+					closeMenu();
+				},
+				children: isBlocked ? t("common.unblock.ariaLabel", "Unblock") : t("common.blockUser.title", "Block User")
+			});
+		}
+	},
+	quick: {
+		DropdownToggle: forwardRef((_, ref) => {
+			const { IconMore } = useComponentContextIcons();
+			const { t } = useTranslationContext();
+			const { message, threadList } = useMessageContext();
+			const dropdownDialogIsOpen = useDialogIsOpen(MessageActions.getDialogId({ messageId: message.id }));
+			const { dialog } = useDialogOnNearestManager({ id: MessageActions.getDialogId({ messageId: message.id }) });
+			const { dialog: dropdownReactionSelectorDialog } = useDialogOnNearestManager({ id: `${ReactionSelector.getDialogId({
+				messageId: message.id,
+				threadList
+			})}-dropdown` });
+			return /* @__PURE__ */ jsx(QuickMessageActionsButton, {
+				"aria-expanded": dropdownDialogIsOpen,
+				"aria-haspopup": "true",
+				"aria-label": t("messageActions.openMessageActionsMenu.ariaLabel", "Open Message Actions Menu"),
+				className: "str-chat__message-actions-box-button",
+				"data-testid": "message-actions-toggle-button",
+				onClick: () => {
+					dropdownReactionSelectorDialog?.close();
+					dialog?.toggle();
+				},
+				ref,
+				children: /* @__PURE__ */ jsx(IconMore, { className: "str-chat__message-action-icon" })
+			});
+		}),
+		React() {
+			return /* @__PURE__ */ jsx(ReactionSelectorWithButton, {});
+		},
+		Reply() {
+			const { IconReply } = useComponentContextIcons();
+			const { handleOpenThread } = useMessageContext();
+			const { t } = useTranslationContext();
+			return /* @__PURE__ */ jsx(QuickMessageActionsButton, {
+				"aria-label": t("messageActions.openThread.ariaLabel", "Open Thread"),
+				className: "str-chat__message-reply-in-thread-button",
+				"data-testid": "thread-action",
+				onClick: handleOpenThread,
+				children: /* @__PURE__ */ jsx(IconReply, { className: "str-chat__message-action-icon" })
+			});
+		}
+	}
+};
+var defaultMessageActionSet = [
+	{
+		Component: DefaultMessageActionComponents.quick.DropdownToggle,
+		placement: "quick-dropdown-toggle"
+	},
+	{
+		Component: DefaultMessageActionComponents.quick.Reply,
+		placement: "quick",
+		type: "reply"
+	},
+	{
+		Component: DefaultMessageActionComponents.quick.React,
+		placement: "quick",
+		type: "react"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.React,
+		placement: "dropdown",
+		type: "react"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.ThreadReply,
+		placement: "dropdown",
+		type: "reply"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.Quote,
+		placement: "dropdown",
+		type: "quote"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.Download,
+		placement: "dropdown",
+		type: "download"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.Pin,
+		placement: "dropdown",
+		type: "pin"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.CopyMessageText,
+		placement: "dropdown",
+		type: "copyMessageText"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.Resend,
+		placement: "dropdown",
+		type: "resendMessage"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.Edit,
+		placement: "dropdown",
+		type: "edit"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.MarkUnread,
+		placement: "dropdown",
+		type: "markUnread"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.RemindMe,
+		placement: "dropdown",
+		type: "remindMe"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.SaveForLater,
+		placement: "dropdown",
+		type: "saveForLater"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.Flag,
+		placement: "dropdown",
+		type: "flag"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.Mute,
+		placement: "dropdown",
+		type: "mute"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.Delete,
+		placement: "dropdown",
+		type: "delete"
+	},
+	{
+		Component: DefaultMessageActionComponents.dropdown.BlockUser,
+		placement: "dropdown",
+		type: "blockUser"
+	}
+];
+//#endregion
+export { defaultMessageActionSet };
+
+//# sourceMappingURL=MessageActions.defaults.mjs.map