npm - stream-chat-react - Versions diffs - 14.12.0 → 15.0.0-rc.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1428) hide show

package/dist/es/components/MessageActions/MessageActions.defaults.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageActions.defaults.mjs","names":[],"sources":["../../../../src/components/MessageActions/MessageActions.defaults.tsx"],"sourcesContent":["/* eslint-disable sort-keys */\nimport React, { forwardRef, useState } from 'react';\n\nimport { GlobalModal } from '../Modal';\nimport { isMessageDeleted, isUserMuted } from '../Message/utils';\nimport { useMessageComposerController } from '../MessageComposer/hooks/useMessageComposerController';\nimport { savePreEditSnapshot } from '../MessageComposer/preEditSnapshot';\nimport { useNotificationApi } from '../Notifications';\nimport { useMessageReminder } from '../Message/hooks/useMessageReminder';\nimport { ReactionSelector as DefaultReactionSelector } from '../Reactions';\nimport { ReactionSelectorWithButton } from '../Reactions/ReactionSelectorWithButton';\nimport {\n useChatContext,\n useComponentContext,\n useComponentContextIcons,\n useMessageContext,\n useTranslationContext,\n} from '../../context';\nimport { RemindMeSubmenu, RemindMeSubmenuHeader } from './RemindMeSubmenu';\nimport { DownloadSubmenu, DownloadSubmenuHeader } from './DownloadSubmenu';\nimport {\n ContextMenuButton,\n DialogAnchor,\n useContextMenuContext,\n useDialogIsOpen,\n useDialogOnNearestManager,\n} from '../Dialog';\nimport { MessageActions, type MessageActionSetItem } from './MessageActions';\nimport { QuickMessageActionsButton } from './QuickMessageActionButton';\nimport clsx from 'clsx';\nimport { DeleteMessageAlert } from './DeleteMessageAlert';\nimport { downloadAttachment, isDownloadableAttachment } from './downloadUtils';\n\nconst msgActionsBoxButtonClassName =\n 'str-chat__message-actions-list-item-button' as const;\n\nconst MessageActionsMenuItemButton = (\n props: React.ComponentProps<typeof ContextMenuButton>,\n) => <ContextMenuButton {...props} />;\n\nconst getErrorMessage = (error: unknown, fallback: string) =>\n error instanceof Error && error.message ? error.message : fallback;\n\nconst getNotificationError = (error: unknown): Error \| undefined => {\n if (error instanceof Error) return error;\n if (typeof error === 'string') return new Error(error);\n if (error && typeof error === 'object' && 'message' in error) {\n const message = error.message;\n if (typeof message === 'string') return new Error(message);\n }\n return undefined;\n};\n\nconst DefaultMessageActionComponents = {\n dropdown: {\n React() {\n const { ReactionSelector = DefaultReactionSelector } = useComponentContext();\n const { anchorReferenceElement } = useContextMenuContext();\n const { isMyMessage, message, threadList } = useMessageContext();\n const { t } = useTranslationContext();\n const [referenceElement, setReferenceElement] = useState<HTMLElement \| null>(null);\n const dialogId = `${DefaultReactionSelector.getDialogId({\n messageId: message.id,\n threadList,\n })}-dropdown`;\n const { dialog, dialogManager } = useDialogOnNearestManager({\n id: dialogId,\n });\n const dialogIsOpen = useDialogIsOpen(dialogId, dialogManager?.id);\n\n const { IconEmoji } = useComponentContextIcons();\n return (\n <>\n <DialogAnchor\n dialogManagerId={dialogManager?.id}\n id={dialogId}\n offset={8}\n placement={isMyMessage() ? 'top-end' : 'top-start'}\n referenceElement={referenceElement}\n trapFocus\n updatePositionOnContentResize\n >\n <ReactionSelector dialogId={dialogId} />\n </DialogAnchor>\n <MessageActionsMenuItemButton\n aria-expanded={dialogIsOpen}\n aria-label={t('aria/Open Reaction Selector')}\n className={clsx(\n msgActionsBoxButtonClassName,\n 'str-chat__message-actions-list-item-button--react',\n )}\n data-testid='dropdown-react-action'\n Icon={IconEmoji}\n onClick={(event) => {\n if (dialogIsOpen) {\n dialog.close();\n return;\n }\n setReferenceElement(\n anchorReferenceElement instanceof HTMLElement\n ? anchorReferenceElement\n : event.currentTarget,\n );\n dialog.open();\n }}\n >\n {t('Add reaction')}\n </MessageActionsMenuItemButton>\n </>\n );\n },\n ThreadReply() {\n const { closeMenu } = useContextMenuContext();\n const { handleOpenThread } = useMessageContext();\n const { t } = useTranslationContext();\n\n const { IconThread } = useComponentContextIcons();\n return (\n <MessageActionsMenuItemButton\n aria-label={t('aria/Open Thread')}\n className={msgActionsBoxButtonClassName}\n data-testid='thread-action'\n Icon={IconThread}\n onClick={(e) => {\n handleOpenThread(e);\n closeMenu();\n }}\n >\n {t('Thread Reply')}\n </MessageActionsMenuItemButton>\n );\n },\n Quote() {\n const { closeMenu } = useContextMenuContext();\n const { message } = useMessageContext();\n const { t } = useTranslationContext();\n const messageComposer = useMessageComposerController();\n\n const handleQuote = () => {\n messageComposer.setQuotedMessage(message);\n\n const elements = message.parent_id\n ? document.querySelectorAll('.str-chat__thread .str-chat__textarea__textarea')\n : document.getElementsByClassName('str-chat__textarea__textarea');\n const textarea = elements.item(0);\n\n if (textarea instanceof HTMLTextAreaElement) {\n textarea.focus();\n }\n };\n\n const { IconQuote } = useComponentContextIcons();\n return (\n <MessageActionsMenuItemButton\n aria-label={t('aria/Quote Message')}\n className={msgActionsBoxButtonClassName}\n Icon={IconQuote}\n onClick={() => {\n handleQuote();\n closeMenu();\n }}\n >\n {t('Quote Reply')}\n </MessageActionsMenuItemButton>\n );\n },\n Download() {\n const { closeMenu, openSubmenu } = useContextMenuContext();\n const { message } = useMessageContext();\n const { t } = useTranslationContext();\n const { IconDownload } = useComponentContextIcons();\n\n const downloadableAttachments = (message.attachments ?? []).filter(\n isDownloadableAttachment,\n );\n\n if (!downloadableAttachments.length) return null;\n\n return (\n <MessageActionsMenuItemButton\n aria-label={t('aria/Download attachment')}\n className={msgActionsBoxButtonClassName}\n hasSubMenu={downloadableAttachments.length > 1}\n Icon={IconDownload}\n onClick={(event) => {\n if (downloadableAttachments.length > 1) {\n openSubmenu({\n focusReturnTarget: event.currentTarget,\n Header: DownloadSubmenuHeader,\n Submenu: DownloadSubmenu,\n });\n return;\n }\n\n void downloadAttachment(downloadableAttachments[0]);\n closeMenu();\n }}\n >\n {t('Download Attachment')}\n </MessageActionsMenuItemButton>\n );\n },\n Pin() {\n const { closeMenu } = useContextMenuContext();\n const { handlePin, message } = useMessageContext();\n const { addNotification } = useNotificationApi();\n const { t } = useTranslationContext();\n const isPinned = !!message.pinned;\n const { IconPin, IconUnpin } = useComponentContextIcons();\n return (\n <MessageActionsMenuItemButton\n aria-label={isPinned ? t('aria/Unpin Message') : t('aria/Pin Message')}\n className={msgActionsBoxButtonClassName}\n Icon={isPinned ? IconUnpin : IconPin}\n onClick={async (event) => {\n try {\n await handlePin(event);\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: isPinned ? t('Message unpinned') : t('Message pinned'),\n severity: 'success',\n type: isPinned ? 'api:message:unpin:success' : 'api:message:pin:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(\n error,\n isPinned ? t('Error removing message pin') : t('Error pinning message'),\n ),\n severity: 'error',\n type: isPinned ? 'api:message:unpin:failed' : 'api:message:pin:failed',\n });\n }\n closeMenu();\n }}\n >\n {isPinned ? t('Unpin') : t('Pin')}\n </MessageActionsMenuItemButton>\n );\n },\n CopyMessageText() {\n const { closeMenu } = useContextMenuContext();\n const { message } = useMessageContext();\n const { t } = useTranslationContext();\n\n const { IconCopy } = useComponentContextIcons();\n return (\n <MessageActionsMenuItemButton\n aria-label={t('aria/Copy Message Text')}\n className={msgActionsBoxButtonClassName}\n Icon={IconCopy}\n onClick={() => {\n if (message.text) navigator.clipboard.writeText(message.text);\n closeMenu();\n }}\n >\n {t('Copy Message')}\n </MessageActionsMenuItemButton>\n );\n },\n Resend() {\n const { closeMenu } = useContextMenuContext();\n const { handleRetry, message } = useMessageContext();\n const { t } = useTranslationContext();\n\n const { IconRetry } = useComponentContextIcons();\n return (\n <MessageActionsMenuItemButton\n aria-label={t('aria/Resend Message')}\n className={msgActionsBoxButtonClassName}\n Icon={IconRetry}\n onClick={() => {\n handleRetry(message);\n closeMenu();\n }}\n >\n {t('Resend')}\n </MessageActionsMenuItemButton>\n );\n },\n Edit() {\n const messageComposer = useMessageComposerController();\n const { message } = useMessageContext();\n const { t } = useTranslationContext();\n const { closeMenu } = useContextMenuContext();\n\n const { IconEdit } = useComponentContextIcons();\n return (\n <MessageActionsMenuItemButton\n aria-label={t('aria/Edit Message')}\n className={msgActionsBoxButtonClassName}\n Icon={IconEdit}\n onClick={() => {\n savePreEditSnapshot(messageComposer);\n messageComposer.initState({ composition: message });\n closeMenu();\n }}\n >\n {t('Edit Message')}\n </MessageActionsMenuItemButton>\n );\n },\n MarkUnread() {\n const { closeMenu } = useContextMenuContext();\n const { handleMarkUnread, message } = useMessageContext();\n const { addNotification } = useNotificationApi();\n const { t } = useTranslationContext();\n\n const { IconNotification } = useComponentContextIcons();\n return (\n <MessageActionsMenuItemButton\n aria-label={t('aria/Mark Message Unread')}\n className={msgActionsBoxButtonClassName}\n Icon={IconNotification}\n onClick={async (event) => {\n try {\n await handleMarkUnread(event);\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t('Message marked as unread'),\n severity: 'success',\n type: 'api:message:markUnread:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(\n error,\n t(\n 'Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.',\n ),\n ),\n severity: 'error',\n type: 'api:message:markUnread:failed',\n });\n }\n closeMenu();\n }}\n >\n {t('Mark as unread')}\n </MessageActionsMenuItemButton>\n );\n },\n RemindMe() {\n const { closeMenu, openSubmenu } = useContextMenuContext();\n const { client } = useChatContext();\n const { addNotification } = useNotificationApi();\n const { t } = useTranslationContext();\n const { message } = useMessageContext();\n const reminder = useMessageReminder(message.id);\n const { IconBell, IconBellOff } = useComponentContextIcons();\n const messageAlreadyBookmarked = reminder && !reminder?.remindAt;\n\n if (messageAlreadyBookmarked) return null;\n\n return (\n <MessageActionsMenuItemButton\n aria-label={reminder ? t('aria/Remind Me Message') : t('aria/Remove Reminder')}\n className={msgActionsBoxButtonClassName}\n hasSubMenu={!reminder}\n Icon={reminder ? IconBellOff : IconBell}\n onClick={async (event) => {\n if (reminder) {\n try {\n await client.reminders.deleteReminder(reminder.id);\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t('Remove reminder'),\n severity: 'success',\n type: 'api:message:reminder:delete:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(error, 'Error removing reminder'),\n severity: 'error',\n type: 'api:message:reminder:delete:failed',\n });\n } finally {\n closeMenu();\n }\n } else {\n openSubmenu({\n focusReturnTarget: event.currentTarget,\n Header: RemindMeSubmenuHeader,\n Submenu: RemindMeSubmenu,\n });\n }\n }}\n >\n {reminder ? t('Remove reminder') : t('Remind me')}\n </MessageActionsMenuItemButton>\n );\n },\n SaveForLater() {\n const { closeMenu } = useContextMenuContext();\n const { client } = useChatContext();\n const { addNotification } = useNotificationApi();\n const { message } = useMessageContext();\n const { t } = useTranslationContext();\n const reminder = useMessageReminder(message.id);\n const { IconBookmark, IconBookmarkRemove } = useComponentContextIcons();\n const messageAlreadyHasReminderScheduled = Boolean(reminder && reminder?.remindAt);\n\n if (messageAlreadyHasReminderScheduled) return null;\n\n return (\n <MessageActionsMenuItemButton\n aria-label={\n reminder ? t('aria/Remove Save For Later') : t('aria/Bookmark Message')\n }\n className={msgActionsBoxButtonClassName}\n Icon={reminder ? IconBookmarkRemove : IconBookmark}\n onClick={async () => {\n try {\n if (reminder) {\n await client.reminders.deleteReminder(reminder.id);\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t('Remove save for later'),\n severity: 'success',\n type: 'api:message:saveForLater:delete:success',\n });\n } else {\n await client.reminders.createReminder({ messageId: message.id });\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t('Saved for later'),\n severity: 'success',\n type: 'api:message:saveForLater:create:success',\n });\n }\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(\n error,\n reminder\n ? 'Error removing message from saved for later'\n : 'Error saving message for later',\n ),\n severity: 'error',\n type: reminder\n ? 'api:message:saveForLater:delete:failed'\n : 'api:message:saveForLater:create:failed',\n });\n } finally {\n closeMenu();\n }\n }}\n >\n {reminder ? t('Remove save for later') : t('Save for later')}\n </MessageActionsMenuItemButton>\n );\n },\n Flag() {\n const { closeMenu } = useContextMenuContext();\n const { handleFlag, message } = useMessageContext();\n const { addNotification } = useNotificationApi();\n const { t } = useTranslationContext();\n\n const { IconFlag } = useComponentContextIcons();\n return (\n <MessageActionsMenuItemButton\n aria-label={t('aria/Flag Message')}\n className={msgActionsBoxButtonClassName}\n Icon={IconFlag}\n onClick={async (event) => {\n try {\n await handleFlag(event);\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t('Message has been successfully flagged'),\n severity: 'success',\n type: 'api:message:flag:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(error, t('Error adding flag')),\n severity: 'error',\n type: 'api:message:flag:failed',\n });\n }\n closeMenu();\n }}\n >\n {t('Flag')}\n </MessageActionsMenuItemButton>\n );\n },\n Mute() {\n const { closeMenu } = useContextMenuContext();\n const { handleMute, message } = useMessageContext();\n const { addNotification } = useNotificationApi();\n const { mutes } = useChatContext();\n const { t } = useTranslationContext();\n\n const isMuted = isUserMuted(message, mutes);\n const { IconAudio, IconMute } = useComponentContextIcons();\n return (\n <MessageActionsMenuItemButton\n aria-label={isMuted ? t('aria/Unmute User') : t('aria/Mute User')}\n className={msgActionsBoxButtonClassName}\n Icon={isMuted ? IconAudio : IconMute}\n onClick={async (event) => {\n try {\n await handleMute(event);\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: isMuted\n ? t('{{ user }} has been unmuted', {\n user: message.user?.name \|\| message.user?.id,\n })\n : t('{{ user }} has been muted', {\n user: message.user?.name \|\| message.user?.id,\n }),\n severity: 'success',\n type: isMuted ? 'api:user:unmute:success' : 'api:user:mute:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(\n error,\n isMuted ? t('Error unmuting a user ...') : t('Error muting a user ...'),\n ),\n severity: 'error',\n type: isMuted ? 'api:user:unmute:failed' : 'api:user:mute:failed',\n });\n }\n closeMenu();\n }}\n >\n {isMuted ? t('Unmute') : t('Mute')}\n </MessageActionsMenuItemButton>\n );\n },\n Delete() {\n const { closeMenu } = useContextMenuContext();\n const { addNotification } = useNotificationApi();\n const { Modal = GlobalModal } = useComponentContext();\n const { IconDelete } = useComponentContextIcons();\n const { handleDelete, message } = useMessageContext();\n const { t } = useTranslationContext();\n const [openModal, setOpenModal] = useState(false);\n\n if (isMessageDeleted(message)) return null;\n\n return (\n <>\n <MessageActionsMenuItemButton\n aria-label={t('aria/Delete Message')}\n className={msgActionsBoxButtonClassName}\n Icon={IconDelete}\n onClick={() => {\n setOpenModal(true);\n }}\n variant='destructive'\n >\n {t('Delete message')}\n </MessageActionsMenuItemButton>\n <Modal open={openModal} role='alertdialog'>\n <DeleteMessageAlert\n onCancel={() => {\n setOpenModal(false);\n closeMenu();\n }}\n onDelete={async () => {\n try {\n await handleDelete();\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t('Message deleted'),\n severity: 'success',\n type: 'api:message:delete:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(error, t('Error deleting message')),\n severity: 'error',\n type: 'api:message:delete:failed',\n });\n } finally {\n setOpenModal(false);\n closeMenu();\n }\n }}\n />\n </Modal>\n </>\n );\n },\n BlockUser() {\n const { closeMenu } = useContextMenuContext();\n const { client } = useChatContext();\n const { message } = useMessageContext();\n const { t } = useTranslationContext();\n const isBlocked =\n !message.user?.id \|\|\n new Set(client.blockedUsers.getLatestValue().userIds).has(message.user?.id);\n\n const { IconNoSign, IconUserCheck } = useComponentContextIcons();\n return (\n <MessageActionsMenuItemButton\n aria-label={isBlocked ? t('Unblock') : t('aria/Block User')}\n className={clsx(msgActionsBoxButtonClassName)}\n Icon={isBlocked ? IconUserCheck : IconNoSign}\n onClick={() => {\n const targetId = message.user?.id;\n if (targetId) {\n if (isBlocked) client.unBlockUser(targetId);\n else client.blockUser(targetId);\n }\n closeMenu();\n }}\n >\n {isBlocked ? t('Unblock') : t('Block User')}\n </MessageActionsMenuItemButton>\n );\n },\n },\n quick: {\n // eslint-disable-next-line react/display-name\n DropdownToggle: forwardRef<HTMLButtonElement>((_, ref) => {\n const { t } = useTranslationContext();\n const { message, threadList } = useMessageContext();\n const dropdownDialogIsOpen = useDialogIsOpen(\n MessageActions.getDialogId({ messageId: message.id }),\n );\n const { dialog } = useDialogOnNearestManager({\n id: MessageActions.getDialogId({ messageId: message.id }),\n });\n const reactionSelectorDialogId = DefaultReactionSelector.getDialogId({\n messageId: message.id,\n threadList,\n });\n const { dialog: dropdownReactionSelectorDialog } = useDialogOnNearestManager({\n id: `${reactionSelectorDialogId}-dropdown`,\n });\n\n const { IconMore } = useComponentContextIcons();\n return (\n <QuickMessageActionsButton\n aria-expanded={dropdownDialogIsOpen}\n aria-haspopup='true'\n aria-label={t('aria/Open Message Actions Menu')}\n className='str-chat__message-actions-box-button'\n data-testid='message-actions-toggle-button'\n onClick={() => {\n // Close dropdown-anchored reaction selectors before toggling actions menu\n // to avoid stale selector re-anchoring.\n dropdownReactionSelectorDialog?.close();\n dialog?.toggle();\n }}\n ref={ref}\n >\n <IconMore className='str-chat__message-action-icon' />\n </QuickMessageActionsButton>\n );\n }),\n React() {\n const { IconEmoji } = useComponentContextIcons();\n return <ReactionSelectorWithButton ReactionIcon={IconEmoji} />;\n },\n Reply() {\n const { handleOpenThread } = useMessageContext();\n const { t } = useTranslationContext();\n\n const { IconReply } = useComponentContextIcons();\n return (\n <QuickMessageActionsButton\n aria-label={t('aria/Open Thread')}\n className='str-chat__message-reply-in-thread-button'\n data-testid='thread-action'\n onClick={handleOpenThread}\n >\n <IconReply className='str-chat__message-action-icon' />\n </QuickMessageActionsButton>\n );\n },\n },\n};\n\nexport const defaultMessageActionSet: MessageActionSetItem[] = [\n {\n Component: DefaultMessageActionComponents.quick.DropdownToggle,\n placement: 'quick-dropdown-toggle',\n },\n {\n Component: DefaultMessageActionComponents.quick.Reply,\n placement: 'quick',\n type: 'reply',\n },\n {\n Component: DefaultMessageActionComponents.quick.React,\n placement: 'quick',\n type: 'react',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.React,\n placement: 'dropdown',\n type: 'react',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.ThreadReply,\n placement: 'dropdown',\n type: 'reply',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Quote,\n placement: 'dropdown',\n type: 'quote',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Download,\n placement: 'dropdown',\n type: 'download',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Pin,\n placement: 'dropdown',\n type: 'pin',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.CopyMessageText,\n placement: 'dropdown',\n type: 'copyMessageText',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Resend,\n placement: 'dropdown',\n type: 'resendMessage',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Edit,\n placement: 'dropdown',\n type: 'edit',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.MarkUnread,\n placement: 'dropdown',\n type: 'markUnread',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.RemindMe,\n placement: 'dropdown',\n type: 'remindMe',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.SaveForLater,\n placement: 'dropdown',\n type: 'saveForLater',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Flag,\n placement: 'dropdown',\n type: 'flag',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Mute,\n placement: 'dropdown',\n type: 'mute',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Delete,\n placement: 'dropdown',\n type: 'delete',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.BlockUser,\n placement: 'dropdown',\n type: 'blockUser',\n },\n] as const;\n"],"mappings":"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"}
1	+ {"version":3,"file":"MessageActions.defaults.mjs","names":[],"sources":["../../../../src/components/MessageActions/MessageActions.defaults.tsx"],"sourcesContent":["/* eslint-disable sort-keys */\nimport React, { forwardRef, useState } from 'react';\n\nimport { GlobalModal } from '../Modal';\nimport { isMessageDeleted, isUserMuted } from '../Message/utils';\nimport { useMessageComposerController } from '../MessageComposer/hooks/useMessageComposerController';\nimport { savePreEditSnapshot } from '../MessageComposer/preEditSnapshot';\nimport { useNotificationApi } from '../Notifications';\nimport { useMessageReminder } from '../Message/hooks/useMessageReminder';\nimport { ReactionSelector as DefaultReactionSelector } from '../Reactions';\nimport { ReactionSelectorWithButton } from '../Reactions/ReactionSelectorWithButton';\nimport {\n useChatContext,\n useComponentContext,\n useComponentContextIcons,\n useMessageContext,\n useTranslationContext,\n} from '../../context';\nimport { RemindMeSubmenu, RemindMeSubmenuHeader } from './RemindMeSubmenu';\nimport { DownloadSubmenu, DownloadSubmenuHeader } from './DownloadSubmenu';\nimport {\n ContextMenuButton,\n DialogAnchor,\n useContextMenuContext,\n useDialogIsOpen,\n useDialogOnNearestManager,\n} from '../Dialog';\nimport { MessageActions, type MessageActionSetItem } from './MessageActions';\nimport { QuickMessageActionsButton } from './QuickMessageActionButton';\nimport clsx from 'clsx';\nimport { DeleteMessageAlert } from './DeleteMessageAlert';\nimport { downloadAttachment, isDownloadableAttachment } from './downloadUtils';\n\nconst msgActionsBoxButtonClassName =\n 'str-chat__message-actions-list-item-button' as const;\n\nconst MessageActionsMenuItemButton = (\n props: React.ComponentProps<typeof ContextMenuButton>,\n) => <ContextMenuButton {...props} />;\n\nconst getErrorMessage = (error: unknown, fallback: string) =>\n error instanceof Error && error.message ? error.message : fallback;\n\nconst getNotificationError = (error: unknown): Error \| undefined => {\n if (error instanceof Error) return error;\n if (typeof error === 'string') return new Error(error);\n if (error && typeof error === 'object' && 'message' in error) {\n const message = error.message;\n if (typeof message === 'string') return new Error(message);\n }\n return undefined;\n};\n\nconst DefaultMessageActionComponents = {\n dropdown: {\n React() {\n const { IconEmoji } = useComponentContextIcons();\n const { ReactionSelector = DefaultReactionSelector } = useComponentContext();\n const { anchorReferenceElement } = useContextMenuContext();\n const { isMyMessage, message, threadList } = useMessageContext();\n const { t } = useTranslationContext();\n const [referenceElement, setReferenceElement] = useState<HTMLElement \| null>(null);\n const dialogId = `${DefaultReactionSelector.getDialogId({\n messageId: message.id,\n threadList,\n })}-dropdown`;\n const { dialog, dialogManager } = useDialogOnNearestManager({\n id: dialogId,\n });\n const dialogIsOpen = useDialogIsOpen(dialogId, dialogManager?.id);\n\n return (\n <>\n <DialogAnchor\n dialogManagerId={dialogManager?.id}\n id={dialogId}\n offset={8}\n placement={isMyMessage() ? 'top-end' : 'top-start'}\n referenceElement={referenceElement}\n trapFocus\n updatePositionOnContentResize\n >\n <ReactionSelector dialogId={dialogId} />\n </DialogAnchor>\n <MessageActionsMenuItemButton\n aria-expanded={dialogIsOpen}\n aria-label={t(\n 'common.openReactionSelector.ariaLabel',\n 'Open Reaction Selector',\n )}\n className={clsx(\n msgActionsBoxButtonClassName,\n 'str-chat__message-actions-list-item-button--react',\n )}\n data-testid='dropdown-react-action'\n Icon={IconEmoji}\n onClick={(event) => {\n if (dialogIsOpen) {\n dialog.close();\n return;\n }\n setReferenceElement(\n anchorReferenceElement instanceof HTMLElement\n ? anchorReferenceElement\n : event.currentTarget,\n );\n dialog.open();\n }}\n >\n {t('common.addReaction.text', 'Add reaction')}\n </MessageActionsMenuItemButton>\n </>\n );\n },\n ThreadReply() {\n const { IconThread } = useComponentContextIcons();\n const { closeMenu } = useContextMenuContext();\n const { handleOpenThread } = useMessageContext();\n const { t } = useTranslationContext();\n\n return (\n <MessageActionsMenuItemButton\n aria-label={t('messageActions.openThread.ariaLabel', 'Open Thread')}\n className={msgActionsBoxButtonClassName}\n data-testid='thread-action'\n Icon={IconThread}\n onClick={(e) => {\n handleOpenThread(e);\n closeMenu();\n }}\n >\n {t('messageActions.threadReply.text', 'Thread Reply')}\n </MessageActionsMenuItemButton>\n );\n },\n Quote() {\n const { IconQuote } = useComponentContextIcons();\n const { closeMenu } = useContextMenuContext();\n const { message } = useMessageContext();\n const { t } = useTranslationContext();\n const messageComposer = useMessageComposerController();\n\n const handleQuote = () => {\n messageComposer.setQuotedMessage(message);\n\n const elements = message.parent_id\n ? document.querySelectorAll('.str-chat__thread .str-chat__textarea__textarea')\n : document.getElementsByClassName('str-chat__textarea__textarea');\n const textarea = elements.item(0);\n\n if (textarea instanceof HTMLTextAreaElement) {\n textarea.focus();\n }\n };\n\n return (\n <MessageActionsMenuItemButton\n aria-label={t('messageActions.quoteMessage.ariaLabel', 'Quote Message')}\n className={msgActionsBoxButtonClassName}\n Icon={IconQuote}\n onClick={() => {\n handleQuote();\n closeMenu();\n }}\n >\n {t('messageActions.quoteReply.text', 'Quote Reply')}\n </MessageActionsMenuItemButton>\n );\n },\n Download() {\n const { IconDownload } = useComponentContextIcons();\n const { closeMenu, openSubmenu } = useContextMenuContext();\n const { message } = useMessageContext();\n const { t } = useTranslationContext();\n\n const downloadableAttachments = (message.attachments ?? []).filter(\n isDownloadableAttachment,\n );\n\n if (!downloadableAttachments.length) return null;\n\n return (\n <MessageActionsMenuItemButton\n aria-label={t('common.downloadAttachment.ariaLabel', 'Download attachment')}\n className={msgActionsBoxButtonClassName}\n hasSubMenu={downloadableAttachments.length > 1}\n Icon={IconDownload}\n onClick={(event) => {\n if (downloadableAttachments.length > 1) {\n openSubmenu({\n focusReturnTarget: event.currentTarget,\n Header: DownloadSubmenuHeader,\n Submenu: DownloadSubmenu,\n });\n return;\n }\n\n void downloadAttachment(downloadableAttachments[0]);\n closeMenu();\n }}\n >\n {t('common.downloadAttachment.title', 'Download Attachment')}\n </MessageActionsMenuItemButton>\n );\n },\n Pin() {\n const { IconPin, IconUnpin } = useComponentContextIcons();\n const { closeMenu } = useContextMenuContext();\n const { handlePin, message } = useMessageContext();\n const { addNotification } = useNotificationApi();\n const { t } = useTranslationContext();\n const isPinned = !!message.pinned;\n return (\n <MessageActionsMenuItemButton\n aria-label={\n isPinned\n ? t('messageActions.unpinMessage.ariaLabel', 'Unpin Message')\n : t('messageActions.pinMessage.ariaLabel', 'Pin Message')\n }\n className={msgActionsBoxButtonClassName}\n Icon={isPinned ? IconUnpin : IconPin}\n onClick={async (event) => {\n try {\n await handlePin(event);\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: isPinned\n ? t('messageActions.messageUnpinned.text', 'Message unpinned')\n : t('common.messagePinned.label', 'Message pinned'),\n severity: 'success',\n type: isPinned ? 'api:message:unpin:success' : 'api:message:pin:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(\n error,\n isPinned\n ? t(\n 'common.errorRemovingMessagePin.label',\n 'Error removing message pin',\n )\n : t('common.errorPinningMessage.label', 'Error pinning message'),\n ),\n severity: 'error',\n type: isPinned ? 'api:message:unpin:failed' : 'api:message:pin:failed',\n });\n }\n closeMenu();\n }}\n >\n {isPinned ? t('common.unpin.title', 'Unpin') : t('common.pin.title', 'Pin')}\n </MessageActionsMenuItemButton>\n );\n },\n CopyMessageText() {\n const { IconCopy } = useComponentContextIcons();\n const { closeMenu } = useContextMenuContext();\n const { message } = useMessageContext();\n const { t } = useTranslationContext();\n\n return (\n <MessageActionsMenuItemButton\n aria-label={t('messageActions.copyMessageText.ariaLabel', 'Copy Message Text')}\n className={msgActionsBoxButtonClassName}\n Icon={IconCopy}\n onClick={() => {\n if (message.text) navigator.clipboard.writeText(message.text);\n closeMenu();\n }}\n >\n {t('messageActions.copyMessage.text', 'Copy Message')}\n </MessageActionsMenuItemButton>\n );\n },\n Resend() {\n const { IconRetry } = useComponentContextIcons();\n const { closeMenu } = useContextMenuContext();\n const { handleRetry, message } = useMessageContext();\n const { t } = useTranslationContext();\n\n return (\n <MessageActionsMenuItemButton\n aria-label={t('messageActions.resendMessage.ariaLabel', 'Resend Message')}\n className={msgActionsBoxButtonClassName}\n Icon={IconRetry}\n onClick={() => {\n handleRetry(message);\n closeMenu();\n }}\n >\n {t('messageActions.resend.text', 'Resend')}\n </MessageActionsMenuItemButton>\n );\n },\n Edit() {\n const { IconEdit } = useComponentContextIcons();\n const messageComposer = useMessageComposerController();\n const { message } = useMessageContext();\n const { t } = useTranslationContext();\n const { closeMenu } = useContextMenuContext();\n\n return (\n <MessageActionsMenuItemButton\n aria-label={t('messageActions.editMessage.ariaLabel', 'Edit Message')}\n className={msgActionsBoxButtonClassName}\n Icon={IconEdit}\n onClick={() => {\n savePreEditSnapshot(messageComposer);\n messageComposer.initState({ composition: message });\n closeMenu();\n }}\n >\n {t('common.editMessage.text', 'Edit Message')}\n </MessageActionsMenuItemButton>\n );\n },\n MarkUnread() {\n const { IconNotification } = useComponentContextIcons();\n const { closeMenu } = useContextMenuContext();\n const { handleMarkUnread, message } = useMessageContext();\n const { addNotification } = useNotificationApi();\n const { t } = useTranslationContext();\n\n return (\n <MessageActionsMenuItemButton\n aria-label={t(\n 'messageActions.markMessageUnread.ariaLabel',\n 'Mark Message Unread',\n )}\n className={msgActionsBoxButtonClassName}\n Icon={IconNotification}\n onClick={async (event) => {\n try {\n await handleMarkUnread(event);\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t(\n 'messageActions.messageMarkedUnread.text',\n 'Message marked as unread',\n ),\n severity: 'success',\n type: 'api:message:markUnread:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(\n error,\n t(\n 'messageActions.errorMarkingMessageUnread.text',\n 'Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.',\n ),\n ),\n severity: 'error',\n type: 'api:message:markUnread:failed',\n });\n }\n closeMenu();\n }}\n >\n {t('messageActions.markUnread.text', 'Mark as unread')}\n </MessageActionsMenuItemButton>\n );\n },\n RemindMe() {\n const { IconBell, IconBellOff } = useComponentContextIcons();\n const { closeMenu, openSubmenu } = useContextMenuContext();\n const { client } = useChatContext();\n const { addNotification } = useNotificationApi();\n const { t } = useTranslationContext();\n const { message } = useMessageContext();\n const reminder = useMessageReminder(message.id);\n const messageAlreadyBookmarked = reminder != null && reminder.remindAt == null;\n\n if (messageAlreadyBookmarked) return null;\n\n return (\n <MessageActionsMenuItemButton\n aria-label={\n reminder\n ? t('messageActions.remindMeMessage.ariaLabel', 'Remind Me Message')\n : t('messageActions.removeReminder.ariaLabel', 'Remove Reminder')\n }\n className={msgActionsBoxButtonClassName}\n hasSubMenu={!reminder}\n Icon={reminder ? IconBellOff : IconBell}\n onClick={async (event) => {\n if (reminder) {\n try {\n await client.reminders.deleteReminder(reminder.id);\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t('messageActions.removeReminder.text', 'Remove reminder'),\n severity: 'success',\n type: 'api:message:reminder:delete:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(error, 'Error removing reminder'),\n severity: 'error',\n type: 'api:message:reminder:delete:failed',\n });\n } finally {\n closeMenu();\n }\n } else {\n openSubmenu({\n focusReturnTarget: event.currentTarget,\n Header: RemindMeSubmenuHeader,\n Submenu: RemindMeSubmenu,\n });\n }\n }}\n >\n {reminder\n ? t('messageActions.removeReminder.text', 'Remove reminder')\n : t('messageActions.remindMe.text', 'Remind me')}\n </MessageActionsMenuItemButton>\n );\n },\n SaveForLater() {\n const { IconBookmark, IconBookmarkRemove } = useComponentContextIcons();\n const { closeMenu } = useContextMenuContext();\n const { client } = useChatContext();\n const { addNotification } = useNotificationApi();\n const { message } = useMessageContext();\n const { t } = useTranslationContext();\n const reminder = useMessageReminder(message.id);\n const messageAlreadyHasReminderScheduled = reminder?.remindAt != null;\n\n if (messageAlreadyHasReminderScheduled) return null;\n\n return (\n <MessageActionsMenuItemButton\n aria-label={\n reminder\n ? t('messageActions.removeSaveLater.ariaLabel', 'Remove Save For Later')\n : t('messageActions.bookmarkMessage.ariaLabel', 'Bookmark Message')\n }\n className={msgActionsBoxButtonClassName}\n Icon={reminder ? IconBookmarkRemove : IconBookmark}\n onClick={async () => {\n try {\n if (reminder) {\n await client.reminders.deleteReminder(reminder.id);\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t(\n 'messageActions.removeSaveLater.text',\n 'Remove save for later',\n ),\n severity: 'success',\n type: 'api:message:saveForLater:delete:success',\n });\n } else {\n await client.reminders.createReminder({ message_id: message.id });\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t('common.savedLater.text', 'Saved for later'),\n severity: 'success',\n type: 'api:message:saveForLater:create:success',\n });\n }\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(\n error,\n reminder\n ? 'Error removing message from saved for later'\n : 'Error saving message for later',\n ),\n severity: 'error',\n type: reminder\n ? 'api:message:saveForLater:delete:failed'\n : 'api:message:saveForLater:create:failed',\n });\n } finally {\n closeMenu();\n }\n }}\n >\n {reminder\n ? t('messageActions.removeSaveLater.text', 'Remove save for later')\n : t('messageActions.saveLater.text', 'Save for later')}\n </MessageActionsMenuItemButton>\n );\n },\n Flag() {\n const { IconFlag } = useComponentContextIcons();\n const { closeMenu } = useContextMenuContext();\n const { handleFlag, message } = useMessageContext();\n const { addNotification } = useNotificationApi();\n const { t } = useTranslationContext();\n\n return (\n <MessageActionsMenuItemButton\n aria-label={t('messageActions.flagMessage.ariaLabel', 'Flag Message')}\n className={msgActionsBoxButtonClassName}\n Icon={IconFlag}\n onClick={async (event) => {\n try {\n await handleFlag(event);\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t(\n 'messageActions.messageSuccessfullyFlagged.text',\n 'Message has been successfully flagged',\n ),\n severity: 'success',\n type: 'api:message:flag:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(\n error,\n t('messageActions.errorAddingFlag.text', 'Error adding flag'),\n ),\n severity: 'error',\n type: 'api:message:flag:failed',\n });\n }\n closeMenu();\n }}\n >\n {t('messageActions.flag.text', 'Flag')}\n </MessageActionsMenuItemButton>\n );\n },\n Mute() {\n const { IconAudio, IconMute } = useComponentContextIcons();\n const { closeMenu } = useContextMenuContext();\n const { handleMute, message } = useMessageContext();\n const { addNotification } = useNotificationApi();\n const { mutes } = useChatContext();\n const { t } = useTranslationContext();\n\n const isMuted = isUserMuted(message, mutes);\n return (\n <MessageActionsMenuItemButton\n aria-label={\n isMuted\n ? t('messageActions.unmuteUser.ariaLabel', 'Unmute User')\n : t('messageActions.muteUser.ariaLabel', 'Mute User')\n }\n className={msgActionsBoxButtonClassName}\n Icon={isMuted ? IconAudio : IconMute}\n onClick={async (event) => {\n try {\n await handleMute(event);\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: isMuted\n ? t('common.unmuted.label', '{{ user }} has been unmuted', {\n user: message.user?.name \|\| message.user?.id,\n })\n : t('common.muted.label', '{{ user }} has been muted', {\n user: message.user?.name \|\| message.user?.id,\n }),\n severity: 'success',\n type: isMuted ? 'api:user:unmute:success' : 'api:user:mute:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(\n error,\n isMuted\n ? t('common.errorUnmutingUser.label', 'Error unmuting a user ...')\n : t('common.errorMutingUser.label', 'Error muting a user ...'),\n ),\n severity: 'error',\n type: isMuted ? 'api:user:unmute:failed' : 'api:user:mute:failed',\n });\n }\n closeMenu();\n }}\n >\n {isMuted ? t('common.unmute.title', 'Unmute') : t('common.mute.title', 'Mute')}\n </MessageActionsMenuItemButton>\n );\n },\n Delete() {\n const { IconDelete } = useComponentContextIcons();\n const { closeMenu } = useContextMenuContext();\n const { addNotification } = useNotificationApi();\n const { Modal = GlobalModal } = useComponentContext();\n const { handleDelete, message } = useMessageContext();\n const { t } = useTranslationContext();\n const [openModal, setOpenModal] = useState(false);\n\n if (isMessageDeleted(message)) return null;\n\n return (\n <>\n <MessageActionsMenuItemButton\n aria-label={t('messageActions.deleteMessage.ariaLabel', 'Delete Message')}\n className={msgActionsBoxButtonClassName}\n Icon={IconDelete}\n onClick={() => {\n setOpenModal(true);\n }}\n variant='destructive'\n >\n {t('messageActions.deleteMessageAlert.deleteMessage.title', 'Delete message')}\n </MessageActionsMenuItemButton>\n <Modal open={openModal} role='alertdialog'>\n <DeleteMessageAlert\n onCancel={() => {\n setOpenModal(false);\n closeMenu();\n }}\n onDelete={async () => {\n try {\n await handleDelete();\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t('common.messageDeleted.text', 'Message deleted'),\n severity: 'success',\n type: 'api:message:delete:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(\n error,\n t('common.errorDeletingMessage.label', 'Error deleting message'),\n ),\n severity: 'error',\n type: 'api:message:delete:failed',\n });\n } finally {\n setOpenModal(false);\n closeMenu();\n }\n }}\n />\n </Modal>\n </>\n );\n },\n BlockUser() {\n const { IconNoSign, IconUserCheck } = useComponentContextIcons();\n const { closeMenu } = useContextMenuContext();\n const { client } = useChatContext();\n const { message } = useMessageContext();\n const { t } = useTranslationContext();\n const isBlocked =\n !message.user?.id \|\|\n new Set(client.blockedUsers.getLatestValue().userIds).has(message.user?.id);\n\n return (\n <MessageActionsMenuItemButton\n aria-label={\n isBlocked\n ? t('common.unblock.ariaLabel', 'Unblock')\n : t('messageActions.blockUser.ariaLabel', 'Block User')\n }\n className={clsx(msgActionsBoxButtonClassName)}\n Icon={isBlocked ? IconUserCheck : IconNoSign}\n onClick={() => {\n const targetId = message.user?.id;\n if (targetId) {\n if (isBlocked) client.unblockUser(targetId);\n else client.blockUser(targetId);\n }\n closeMenu();\n }}\n >\n {isBlocked\n ? t('common.unblock.ariaLabel', 'Unblock')\n : t('common.blockUser.title', 'Block User')}\n </MessageActionsMenuItemButton>\n );\n },\n },\n quick: {\n // eslint-disable-next-line react/display-name\n DropdownToggle: forwardRef<HTMLButtonElement>((_, ref) => {\n const { IconMore } = useComponentContextIcons();\n const { t } = useTranslationContext();\n const { message, threadList } = useMessageContext();\n const dropdownDialogIsOpen = useDialogIsOpen(\n MessageActions.getDialogId({ messageId: message.id }),\n );\n const { dialog } = useDialogOnNearestManager({\n id: MessageActions.getDialogId({ messageId: message.id }),\n });\n const reactionSelectorDialogId = DefaultReactionSelector.getDialogId({\n messageId: message.id,\n threadList,\n });\n const { dialog: dropdownReactionSelectorDialog } = useDialogOnNearestManager({\n id: `${reactionSelectorDialogId}-dropdown`,\n });\n\n return (\n <QuickMessageActionsButton\n aria-expanded={dropdownDialogIsOpen}\n aria-haspopup='true'\n aria-label={t(\n 'messageActions.openMessageActionsMenu.ariaLabel',\n 'Open Message Actions Menu',\n )}\n className='str-chat__message-actions-box-button'\n data-testid='message-actions-toggle-button'\n onClick={() => {\n // Close dropdown-anchored reaction selectors before toggling actions menu\n // to avoid stale selector re-anchoring.\n dropdownReactionSelectorDialog?.close();\n dialog?.toggle();\n }}\n ref={ref}\n >\n <IconMore className='str-chat__message-action-icon' />\n </QuickMessageActionsButton>\n );\n }),\n React() {\n // No `ReactionIcon`: the component resolves the `IconEmoji` slot itself. Passing it from\n // here would read the same value and only add a hop that invites a direct import later.\n return <ReactionSelectorWithButton />;\n },\n Reply() {\n const { IconReply } = useComponentContextIcons();\n const { handleOpenThread } = useMessageContext();\n const { t } = useTranslationContext();\n\n return (\n <QuickMessageActionsButton\n aria-label={t('messageActions.openThread.ariaLabel', 'Open Thread')}\n className='str-chat__message-reply-in-thread-button'\n data-testid='thread-action'\n onClick={handleOpenThread}\n >\n <IconReply className='str-chat__message-action-icon' />\n </QuickMessageActionsButton>\n );\n },\n },\n};\n\nexport const defaultMessageActionSet: MessageActionSetItem[] = [\n {\n Component: DefaultMessageActionComponents.quick.DropdownToggle,\n placement: 'quick-dropdown-toggle',\n },\n {\n Component: DefaultMessageActionComponents.quick.Reply,\n placement: 'quick',\n type: 'reply',\n },\n {\n Component: DefaultMessageActionComponents.quick.React,\n placement: 'quick',\n type: 'react',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.React,\n placement: 'dropdown',\n type: 'react',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.ThreadReply,\n placement: 'dropdown',\n type: 'reply',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Quote,\n placement: 'dropdown',\n type: 'quote',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Download,\n placement: 'dropdown',\n type: 'download',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Pin,\n placement: 'dropdown',\n type: 'pin',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.CopyMessageText,\n placement: 'dropdown',\n type: 'copyMessageText',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Resend,\n placement: 'dropdown',\n type: 'resendMessage',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Edit,\n placement: 'dropdown',\n type: 'edit',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.MarkUnread,\n placement: 'dropdown',\n type: 'markUnread',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.RemindMe,\n placement: 'dropdown',\n type: 'remindMe',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.SaveForLater,\n placement: 'dropdown',\n type: 'saveForLater',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Flag,\n placement: 'dropdown',\n type: 'flag',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Mute,\n placement: 'dropdown',\n type: 'mute',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.Delete,\n placement: 'dropdown',\n type: 'delete',\n },\n {\n Component: DefaultMessageActionComponents.dropdown.BlockUser,\n placement: 'dropdown',\n type: 'blockUser',\n },\n] as const;\n"],"mappings":"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,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;CACA;EACE,WAAW,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;CACA;EACE,WAAW,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;CACA;EACE,WAAW,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;CACA;EACE,WAAW,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;CACA;EACE,WAAW,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;CACA;EACE,WAAW,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;CACA;EACE,WAAW,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;CACA;EACE,WAAW,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;CACA;EACE,WAAW,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;CACA;EACE,WAAW,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;CACA;EACE,WAAW,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;CACA;EACE,WAAW,+BAA+B,SAAS;EACnD,WAAW;EACX,MAAM;CACR;AACF"}

package/dist/es/components/MessageActions/MessageActions.mjs CHANGED Viewed

@@ -3,10 +3,10 @@ import { useDialogIsOpen, useDialogOnNearestManager } from "../Dialog/hooks/useD
 import { useMessageContext } from "../../context/MessageContext.mjs";
 import { useTranslationContext } from "../../context/TranslationContext.mjs";
 import { ContextMenu } from "../Dialog/components/ContextMenu.mjs";
+import { useSplitActionSet } from "../Chat/hooks/useSplitActionSet.mjs";
 import { useBaseMessageActionSetFilter } from "./hooks/useBaseMessageActionSetFilter.mjs";
 import { ReactionSelector } from "../Reactions/ReactionSelector.mjs";
 import { defaultMessageActionSet } from "./MessageActions.defaults.mjs";
-import { useSplitActionSet } from "../Chat/hooks/useSplitActionSet.mjs";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
@@ -36,8 +36,8 @@ var MessageActions = ({ disableBaseMessageActionSetFilter = false, messageAction
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx("str-chat__message-options", { "str-chat__message-options--active": messageActionsDialogIsOpen || reactionSelectorDialogIsOpen || dropdownReactionSelectorDialogIsOpen }),
 		children: [quickDropdownToggleAction && dropdownActionSet.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(quickDropdownToggleAction.Component, { ref: setActionsBoxButtonElement }), /* @__PURE__ */ jsx(ContextMenuComponent, {
-			"aria-label": t("aria/Message Actions"),
-			backLabel: t("Back"),
+			"aria-label": t("messageActions.messageActions.ariaLabel", "Message Actions"),
+			backLabel: t("common.back.label", "Back"),
 			className: clsx("str-chat__message-actions-box", {
 				"str-chat__message-actions-box--hidden": dropdownReactionSelectorDialogIsOpen,
 				"str-chat__message-actions-box--open": messageActionsDialogIsOpen

package/dist/es/components/MessageActions/MessageActions.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageActions.mjs","names":[],"sources":["../../../../src/components/MessageActions/MessageActions.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { type ComponentPropsWithRef, useState } from 'react';\n\nimport {\n useComponentContext,\n useMessageContext,\n useTranslationContext,\n} from '../../context';\nimport {\n ContextMenu,\n type ContextMenuItemProps,\n useDialogIsOpen,\n useDialogOnNearestManager,\n} from '../Dialog';\nimport { useBaseMessageActionSetFilter } from './hooks';\nimport { defaultMessageActionSet } from './MessageActions.defaults';\nimport { ~~type~~ ~~MESSAGE_ACTIONS~~ } from '../~~Message~~';\nimport { ~~ReactionSelector~~ } from '../~~Reactions~~';\~~nimport~~ { ~~useSplitActionSet~~ } ~~from~~ '~~../Chat/hooks/useSplitActionSet~~';\n\ntype BaseMessageActionSetItem = {\n type: ~~keyof~~ ~~typeof MESSAGE_ACTIONS~~ \| (string & {});\n};\n\nexport type QuickMessageActionSetItem = BaseMessageActionSetItem & {\n Component: React.ComponentType;\n placement: 'quick';\n};\n\nexport type DropdownMessageActionSetItem = BaseMessageActionSetItem & {\n Component: React.ComponentType<ContextMenuItemProps>;\n placement: 'dropdown';\n};\n\nexport type QuickDropdownToggleActionSetItem = {\n Component: React.ComponentType<ComponentPropsWithRef<'button'>>;\n placement: 'quick-dropdown-toggle';\n};\n\nexport type MessageActionSetItem =\n \| QuickMessageActionSetItem\n \| DropdownMessageActionSetItem\n \| QuickDropdownToggleActionSetItem;\n\nexport type MessageActionsProps = {\n disableBaseMessageActionSetFilter?: boolean;\n messageActionSet?: MessageActionSetItem[];\n};\n\ninterface MessageActionsInterface {\n (props: MessageActionsProps): React.ReactNode;\n getDialogId: (_: { messageId: string }) => string;\n displayName: string;\n}\n\n/*\n A new actions component to replace current `MessageOptions` component.\n * Exports from `stream-chat-react/experimental` __MIGHT__ change - use with caution\n * and follow release notes in case you notice unexpected behavior.\n */\nexport const MessageActions: MessageActionsInterface = ({\n disableBaseMessageActionSetFilter = false,\n messageActionSet = defaultMessageActionSet,\n}) => {\n const { isMyMessage, message, threadList } = useMessageContext();\n const { ContextMenu: ContextMenuComponent = ContextMenu } = useComponentContext();\n const { t } = useTranslationContext();\n const [actionsBoxButtonElement, setActionsBoxButtonElement] =\n useState<HTMLButtonElement \| null>(null);\n\n const filteredMessageActionSet = useBaseMessageActionSetFilter(\n messageActionSet,\n disableBaseMessageActionSetFilter,\n );\n\n const { dropdownActionSet, quickActionSet, quickDropdownToggleAction } =\n useSplitActionSet(filteredMessageActionSet);\n\n const messageActionsDialogId = MessageActions.getDialogId({ messageId: message.id });\n const reactionSelectorDialogId = ReactionSelector.getDialogId({\n messageId: message.id,\n threadList,\n });\n const dropdownReactionSelectorDialogId = `${reactionSelectorDialogId}-dropdown`;\n const { dialog, dialogManager } = useDialogOnNearestManager({\n id: messageActionsDialogId,\n });\n const messageActionsDialogIsOpen = useDialogIsOpen(\n messageActionsDialogId,\n dialogManager?.id,\n );\n const reactionSelectorDialogIsOpen = useDialogIsOpen(\n reactionSelectorDialogId,\n dialogManager?.id,\n );\n const dropdownReactionSelectorDialogIsOpen = useDialogIsOpen(\n dropdownReactionSelectorDialogId,\n dialogManager?.id,\n );\n\n // do not render anything if total action count is zero\n if (dropdownActionSet.length + quickActionSet.length === 0) {\n return null;\n }\n\n return (\n <div\n className={clsx('str-chat__message-options', {\n 'str-chat__message-options--active':\n messageActionsDialogIsOpen \|\|\n reactionSelectorDialogIsOpen \|\|\n dropdownReactionSelectorDialogIsOpen,\n })}\n >\n {quickDropdownToggleAction && dropdownActionSet.length > 0 && (\n <>\n <quickDropdownToggleAction.Component ref={setActionsBoxButtonElement} />\n\n <ContextMenuComponent\n aria-label={t('~~aria/~~Message Actions')}\n backLabel={t('Back')}\n className={clsx('str-chat__message-actions-box', {\n 'str-chat__message-actions-box--hidden':\n dropdownReactionSelectorDialogIsOpen,\n 'str-chat__message-actions-box--open': messageActionsDialogIsOpen,\n })}\n dialogManagerId={dialogManager?.id}\n id={messageActionsDialogId}\n onClose={dialog?.close}\n placement={isMyMessage() ? 'top-end' : 'top-start'}\n referenceElement={actionsBoxButtonElement}\n tabIndex={-1}\n trapFocus\n >\n {dropdownActionSet.map(({ Component, type }) => (\n <Component key={type} />\n ))}\n </ContextMenuComponent>\n </>\n )}\n {quickActionSet.map(({ Component: QuickActionComponent, type }) => (\n <QuickActionComponent key={type} />\n ))}\n </div>\n );\n};\n\nMessageActions.getDialogId = ({ messageId }) => `message-actions-${messageId}`;\n\nMessageActions.displayName = 'MessageActions';\n"],"mappings":";;;;;;;;;;;;;;;;;;~~AA4DA~~,IAAa,kBAA2C,EACtD,oCAAoC,OACpC,mBAAmB,8BACf;CACJ,MAAM,EAAE,aAAa,SAAS,eAAe,kBAAkB;CAC/D,MAAM,EAAE,aAAa,uBAAuB,gBAAgB,oBAAoB;CAChF,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,CAAC,yBAAyB,8BAC9B,SAAmC,IAAI;CAOzC,MAAM,EAAE,mBAAmB,gBAAgB,8BACzC,kBAN+B,8BAC/B,kBACA,iCAIkB,CAAwB;CAE5C,MAAM,yBAAyB,eAAe,YAAY,EAAE,WAAW,QAAQ,GAAG,CAAC;CACnF,MAAM,2BAA2B,iBAAiB,YAAY;EAC5D,WAAW,QAAQ;EACnB;CACF,CAAC;CACD,MAAM,mCAAmC,GAAG,yBAAyB;CACrE,MAAM,EAAE,QAAQ,kBAAkB,0BAA0B,EAC1D,IAAI,uBACN,CAAC;CACD,MAAM,6BAA6B,gBACjC,wBACA,eAAe,EACjB;CACA,MAAM,+BAA+B,gBACnC,0BACA,eAAe,EACjB;CACA,MAAM,uCAAuC,gBAC3C,kCACA,eAAe,EACjB;CAGA,IAAI,kBAAkB,SAAS,eAAe,WAAW,GACvD,OAAO;CAGT,OACE,qBAAC,OAAD;EACE,WAAW,KAAK,6BAA6B,EAC3C,qCACE,8BACA,gCACA,qCACJ,CAAC;YANH,CAQG,6BAA6B,kBAAkB,SAAS,KACvD,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,0BAA0B,WAA3B,EAAqC,KAAK,2BAA6B,CAAA,GAEvE,oBAAC,sBAAD;GACE,cAAY,EAAE,~~sBAAsB~~;~~GACpC~~,WAAW,EAAE,MAAM;~~GACnB~~,WAAW,KAAK,iCAAiC;IAC/C,yCACE;IACF,uCAAuC;GACzC,CAAC;GACD,iBAAiB,eAAe;GAChC,IAAI;GACJ,SAAS,QAAQ;GACjB,WAAW,YAAY,IAAI,YAAY;GACvC,kBAAkB;GAClB,UAAU;GACV,WAAA;aAEC,kBAAkB,KAAK,EAAE,WAAW,WACnC,oBAAC,WAAD,CAAuB,GAAP,IAAO,CACxB;EACmB,CAAA,CACtB,EAAA,CAAA,GAEH,eAAe,KAAK,EAAE,WAAW,sBAAsB,WACtD,oBAAC,sBAAD,CAAkC,GAAP,IAAO,CACnC,CACE;;AAET;AAEA,eAAe,eAAe,EAAE,gBAAgB,mBAAmB;AAEnE,eAAe,cAAc"}
1	+ {"version":3,"file":"MessageActions.mjs","names":[],"sources":["../../../../src/components/MessageActions/MessageActions.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { type ComponentPropsWithRef, useState } from 'react';\n\nimport {\n useComponentContext,\n useMessageContext,\n useTranslationContext,\n} from '../../context';\nimport {\n ContextMenu,\n type ContextMenuItemProps,\n useDialogIsOpen,\n useDialogOnNearestManager,\n} from '../Dialog';\nimport { useBaseMessageActionSetFilter } from './hooks';\nimport { defaultMessageActionSet } from './MessageActions.defaults';\nimport { ReactionSelector } from '../Reactions';\nimport { useSplitActionSet } from '../Chat/hooks/useSplitActionSet';\n\n/*\n The action types {@link defaultMessageActionSet} ships. Listed for autocomplete only -- a custom\n * action names itself, so any string is accepted.\n /\nexport type DefaultMessageActionType =\n \| 'blockUser'\n \| 'copyMessageText'\n \| 'delete'\n \| 'download'\n \| 'edit'\n \| 'flag'\n \| 'markUnread'\n \| 'mute'\n \| 'pin'\n \| 'quote'\n \| 'react'\n \| 'remindMe'\n \| 'reply'\n \| 'resendMessage'\n \| 'saveForLater';\n\ntype BaseMessageActionSetItem = {\n type: DefaultMessageActionType \| (string & {});\n};\n\nexport type QuickMessageActionSetItem = BaseMessageActionSetItem & {\n Component: React.ComponentType;\n placement: 'quick';\n};\n\nexport type DropdownMessageActionSetItem = BaseMessageActionSetItem & {\n Component: React.ComponentType<ContextMenuItemProps>;\n placement: 'dropdown';\n};\n\nexport type QuickDropdownToggleActionSetItem = {\n Component: React.ComponentType<ComponentPropsWithRef<'button'>>;\n placement: 'quick-dropdown-toggle';\n};\n\nexport type MessageActionSetItem =\n \| QuickMessageActionSetItem\n \| DropdownMessageActionSetItem\n \| QuickDropdownToggleActionSetItem;\n\nexport type MessageActionsProps = {\n disableBaseMessageActionSetFilter?: boolean;\n messageActionSet?: MessageActionSetItem[];\n};\n\ninterface MessageActionsInterface {\n (props: MessageActionsProps): React.ReactNode;\n getDialogId: (_: { messageId: string }) => string;\n displayName: string;\n}\n\n/\n A new actions component to replace current `MessageOptions` component.\n * Exports from `stream-chat-react/experimental` __MIGHT__ change - use with caution\n * and follow release notes in case you notice unexpected behavior.\n */\nexport const MessageActions: MessageActionsInterface = ({\n disableBaseMessageActionSetFilter = false,\n messageActionSet = defaultMessageActionSet,\n}) => {\n const { isMyMessage, message, threadList } = useMessageContext();\n const { ContextMenu: ContextMenuComponent = ContextMenu } = useComponentContext();\n const { t } = useTranslationContext();\n const [actionsBoxButtonElement, setActionsBoxButtonElement] =\n useState<HTMLButtonElement \| null>(null);\n\n const filteredMessageActionSet = useBaseMessageActionSetFilter(\n messageActionSet,\n disableBaseMessageActionSetFilter,\n );\n\n const { dropdownActionSet, quickActionSet, quickDropdownToggleAction } =\n useSplitActionSet(filteredMessageActionSet);\n\n const messageActionsDialogId = MessageActions.getDialogId({ messageId: message.id });\n const reactionSelectorDialogId = ReactionSelector.getDialogId({\n messageId: message.id,\n threadList,\n });\n const dropdownReactionSelectorDialogId = `${reactionSelectorDialogId}-dropdown`;\n const { dialog, dialogManager } = useDialogOnNearestManager({\n id: messageActionsDialogId,\n });\n const messageActionsDialogIsOpen = useDialogIsOpen(\n messageActionsDialogId,\n dialogManager?.id,\n );\n const reactionSelectorDialogIsOpen = useDialogIsOpen(\n reactionSelectorDialogId,\n dialogManager?.id,\n );\n const dropdownReactionSelectorDialogIsOpen = useDialogIsOpen(\n dropdownReactionSelectorDialogId,\n dialogManager?.id,\n );\n\n // do not render anything if total action count is zero\n if (dropdownActionSet.length + quickActionSet.length === 0) {\n return null;\n }\n\n return (\n <div\n className={clsx('str-chat__message-options', {\n 'str-chat__message-options--active':\n messageActionsDialogIsOpen \|\|\n reactionSelectorDialogIsOpen \|\|\n dropdownReactionSelectorDialogIsOpen,\n })}\n >\n {quickDropdownToggleAction && dropdownActionSet.length > 0 && (\n <>\n <quickDropdownToggleAction.Component ref={setActionsBoxButtonElement} />\n\n <ContextMenuComponent\n aria-label={t('messageActions.messageActions.ariaLabel', 'Message Actions')}\n backLabel={t('common.back.label', 'Back')}\n className={clsx('str-chat__message-actions-box', {\n 'str-chat__message-actions-box--hidden':\n dropdownReactionSelectorDialogIsOpen,\n 'str-chat__message-actions-box--open': messageActionsDialogIsOpen,\n })}\n dialogManagerId={dialogManager?.id}\n id={messageActionsDialogId}\n onClose={dialog?.close}\n placement={isMyMessage() ? 'top-end' : 'top-start'}\n referenceElement={actionsBoxButtonElement}\n tabIndex={-1}\n trapFocus\n >\n {dropdownActionSet.map(({ Component, type }) => (\n <Component key={type} />\n ))}\n </ContextMenuComponent>\n </>\n )}\n {quickActionSet.map(({ Component: QuickActionComponent, type }) => (\n <QuickActionComponent key={type} />\n ))}\n </div>\n );\n};\n\nMessageActions.getDialogId = ({ messageId }) => `message-actions-${messageId}`;\n\nMessageActions.displayName = 'MessageActions';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgFA,IAAa,kBAA2C,EACtD,oCAAoC,OACpC,mBAAmB,8BACf;CACJ,MAAM,EAAE,aAAa,SAAS,eAAe,kBAAkB;CAC/D,MAAM,EAAE,aAAa,uBAAuB,gBAAgB,oBAAoB;CAChF,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,CAAC,yBAAyB,8BAC9B,SAAmC,IAAI;CAOzC,MAAM,EAAE,mBAAmB,gBAAgB,8BACzC,kBAN+B,8BAC/B,kBACA,iCAIkB,CAAwB;CAE5C,MAAM,yBAAyB,eAAe,YAAY,EAAE,WAAW,QAAQ,GAAG,CAAC;CACnF,MAAM,2BAA2B,iBAAiB,YAAY;EAC5D,WAAW,QAAQ;EACnB;CACF,CAAC;CACD,MAAM,mCAAmC,GAAG,yBAAyB;CACrE,MAAM,EAAE,QAAQ,kBAAkB,0BAA0B,EAC1D,IAAI,uBACN,CAAC;CACD,MAAM,6BAA6B,gBACjC,wBACA,eAAe,EACjB;CACA,MAAM,+BAA+B,gBACnC,0BACA,eAAe,EACjB;CACA,MAAM,uCAAuC,gBAC3C,kCACA,eAAe,EACjB;CAGA,IAAI,kBAAkB,SAAS,eAAe,WAAW,GACvD,OAAO;CAGT,OACE,qBAAC,OAAD;EACE,WAAW,KAAK,6BAA6B,EAC3C,qCACE,8BACA,gCACA,qCACJ,CAAC;YANH,CAQG,6BAA6B,kBAAkB,SAAS,KACvD,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,0BAA0B,WAA3B,EAAqC,KAAK,2BAA6B,CAAA,GAEvE,oBAAC,sBAAD;GACE,cAAY,EAAE,2CAA2C,iBAAiB;GAC1E,WAAW,EAAE,qBAAqB,MAAM;GACxC,WAAW,KAAK,iCAAiC;IAC/C,yCACE;IACF,uCAAuC;GACzC,CAAC;GACD,iBAAiB,eAAe;GAChC,IAAI;GACJ,SAAS,QAAQ;GACjB,WAAW,YAAY,IAAI,YAAY;GACvC,kBAAkB;GAClB,UAAU;GACV,WAAA;aAEC,kBAAkB,KAAK,EAAE,WAAW,WACnC,oBAAC,WAAD,CAAuB,GAAP,IAAO,CACxB;EACmB,CAAA,CACtB,EAAA,CAAA,GAEH,eAAe,KAAK,EAAE,WAAW,sBAAsB,WACtD,oBAAC,sBAAD,CAAkC,GAAP,IAAO,CACnC,CACE;;AAET;AAEA,eAAe,eAAe,EAAE,gBAAgB,mBAAmB;AAEnE,eAAe,cAAc"}

package/dist/es/components/MessageActions/RemindMeSubmenu.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
 import { useChatContext } from "../../context/ChatContext.mjs";
-import { useComponentContextIcons } from "../../context/useComponentContextIcons.mjs";
 import { useMessageContext } from "../../context/MessageContext.mjs";
 import { useTranslationContext } from "../../context/TranslationContext.mjs";
-import { ContextMenuBackButton, ContextMenuButton, ContextMenuHeader, useContextMenuContext } from "../Dialog/components/ContextMenu.mjs";
 import { useNotificationApi } from "../Notifications/hooks/useNotificationApi.mjs";
+import { ContextMenuBackButton, ContextMenuButton, ContextMenuHeader, useContextMenuContext } from "../Dialog/components/ContextMenu.mjs";
+import { useComponentContextIcons } from "../../context/useComponentContextIcons.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/MessageActions/RemindMeSubmenu.tsx
@@ -22,7 +22,7 @@ var RemindMeSubmenuHeader = () => {
 	const { returnToParentMenu } = useContextMenuContext();
 	return /* @__PURE__ */ jsx(ContextMenuHeader, { children: /* @__PURE__ */ jsxs(ContextMenuBackButton, {
 		onClick: returnToParentMenu,
-		children: [/* @__PURE__ */ jsx(IconChevronLeft, {}), /* @__PURE__ */ jsx("span", { children: t("Remind Me") })]
+		children: [/* @__PURE__ */ jsx(IconChevronLeft, {}), /* @__PURE__ */ jsx("span", { children: t("messageActions.remindMeSubmenu.remindMe.text", "Remind Me") })]
 	}) });
 };
 var RemindMeSubmenu = () => {
@@ -38,13 +38,13 @@ var RemindMeSubmenu = () => {
 			onClick: async () => {
 				try {
 					await client.reminders.upsertReminder({
-						messageId: message.id,
-						remind_at: new Date((/* @__PURE__ */ new Date()).getTime() + offsetMs).toISOString()
+						message_id: message.id,
+						remind_at: new Date((/* @__PURE__ */ new Date()).getTime() + offsetMs)
 					});
 					addNotification({
 						context: { message },
 						emitter: "MessageActions",
-						message: t("Reminder set"),
+						message: t("common.reminderSet.text", "Reminder set"),
 						severity: "success",
 						type: "api:message:reminder:set:success"
 					});
@@ -61,7 +61,7 @@ var RemindMeSubmenu = () => {
 					closeMenu();
 				}
 			},
-			children: t("duration/Remind Me", { milliseconds: offsetMs })
+			children: t("duration.remindMe", { milliseconds: offsetMs })
 		}, `reminder-offset-option--${offsetMs}`))
 	});
 };

package/dist/es/components/MessageActions/RemindMeSubmenu.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RemindMeSubmenu.mjs","names":[],"sources":["../../../../src/components/MessageActions/RemindMeSubmenu.tsx"],"sourcesContent":["import React from 'react';\nimport {\n useChatContext,\n useComponentContextIcons,\n useMessageContext,\n useTranslationContext,\n} from '../../context';\nimport { useNotificationApi } from '../Notifications';\nimport {\n ContextMenuBackButton,\n ContextMenuButton,\n ContextMenuHeader,\n useContextMenuContext,\n} from '../Dialog';\n\nconst getErrorMessage = (error: unknown, fallback: string) =>\n error instanceof Error && error.message ? error.message : fallback;\n\nconst getNotificationError = (error: unknown): Error \| undefined => {\n if (error instanceof Error) return error;\n if (typeof error === 'string') return new Error(error);\n if (error && typeof error === 'object' && 'message' in error) {\n const message = error.message;\n if (typeof message === 'string') return new Error(message);\n }\n return undefined;\n};\n\nexport const RemindMeSubmenuHeader = () => {\n const { IconChevronLeft } = useComponentContextIcons();\n\n const { t } = useTranslationContext();\n const { returnToParentMenu } = useContextMenuContext();\n return (\n <ContextMenuHeader>\n <ContextMenuBackButton onClick={returnToParentMenu}>\n <IconChevronLeft />\n <span>{t('Remind Me')}</span>\n </ContextMenuBackButton>\n </ContextMenuHeader>\n );\n};\n\nexport const RemindMeSubmenu = () => {\n const { t } = useTranslationContext();\n const { client } = useChatContext();\n const { message } = useMessageContext();\n const { closeMenu } = useContextMenuContext();\n const { addNotification } = useNotificationApi();\n return (\n <div className='str-chat__message-actions-box__submenu'>\n {client.reminders.scheduledOffsetsMs.map((offsetMs) => (\n <ContextMenuButton\n className='str-chat__message-actions-list-item-button'\n key={`reminder-offset-option--${offsetMs}`}\n onClick={async () => {\n try {\n await client.reminders.upsertReminder({\n ~~messageId~~: message.id,\n remind_at: new Date(new Date().getTime() + offsetMs)~~.toISOString()~~,\n });\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t('Reminder set'),\n severity: 'success',\n type: 'api:message:reminder:set:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(error, 'Error setting reminder'),\n severity: 'error',\n type: 'api:message:reminder:set:failed',\n });\n } finally {\n closeMenu();\n }\n }}\n >\n {t('duration~~/Remind Me~~', { milliseconds: offsetMs })}\n </ContextMenuButton>\n ))}\n {/* todo: potential improvement to add a custom option that would trigger rendering modal with custom date picker - we need date picker */}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;AAeA,IAAM,mBAAmB,OAAgB,aACvC,iBAAiB,SAAS,MAAM,UAAU,MAAM,UAAU;AAE5D,IAAM,wBAAwB,UAAsC;CAClE,IAAI,iBAAiB,OAAO,OAAO;CACnC,IAAI,OAAO,UAAU,UAAU,OAAO,IAAI,MAAM,KAAK;CACrD,IAAI,SAAS,OAAO,UAAU,YAAY,aAAa,OAAO;EAC5D,MAAM,UAAU,MAAM;EACtB,IAAI,OAAO,YAAY,UAAU,OAAO,IAAI,MAAM,OAAO;CAC3D;AAEF;AAEA,IAAa,8BAA8B;CACzC,MAAM,EAAE,oBAAoB,yBAAyB;~~CAErD~~,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,uBAAuB,sBAAsB;CACrD,OACE,oBAAC,mBAAD,EAAA,UACE,qBAAC,uBAAD;EAAuB,SAAS;YAAhC,CACE,oBAAC,iBAAD,CAAkB,CAAA,GAClB,oBAAC,QAAD,EAAA,UAAO,EAAE,WAAW,EAAQ,CAAA,~~CACP~~;IACN,CAAA;AAEvB;AAEA,IAAa,wBAAwB;CACnC,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,YAAY,kBAAkB;CACtC,MAAM,EAAE,cAAc,sBAAsB;CAC5C,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,OACE,oBAAC,OAAD;EAAK,WAAU;YACZ,OAAO,UAAU,mBAAmB,KAAK,aACxC,oBAAC,mBAAD;GACE,WAAU;GAEV,SAAS,YAAY;IACnB,IAAI;KACF,MAAM,OAAO,UAAU,eAAe;MACpC,~~WAAW~~,QAAQ;~~MACnB~~,WAAW,IAAI,sBAAK,IAAI,KAAK,EAAA,CAAE,QAAQ,IAAI,QAAQ~~,CAAC,CAAC,YAAY~~;~~KACnE~~,CAAC;KACD,gBAAgB;MACd,SAAS,EACP,QACF;MACA,SAAS;MACT,SAAS,EAAE,cAAc;~~MACzB~~,UAAU;MACV,MAAM;KACR,CAAC;IACH,SAAS,OAAO;KACd,gBAAgB;MACd,SAAS,EACP,QACF;MACA,SAAS;MACT,OAAO,qBAAqB,KAAK;MACjC,SAAS,gBAAgB,OAAO,wBAAwB;MACxD,UAAU;MACV,MAAM;KACR,CAAC;IACH,UAAU;KACR,UAAU;IACZ;GACF;aAEC,EAAE,~~sBAAsB~~,EAAE,cAAc,SAAS,CAAC;~~EAClC~~,GAjCZ,2BAA2B,UAiCf,CACpB;CAEE,CAAA;AAET"}
1	+ {"version":3,"file":"RemindMeSubmenu.mjs","names":[],"sources":["../../../../src/components/MessageActions/RemindMeSubmenu.tsx"],"sourcesContent":["import React from 'react';\nimport {\n useChatContext,\n useComponentContextIcons,\n useMessageContext,\n useTranslationContext,\n} from '../../context';\nimport { useNotificationApi } from '../Notifications';\nimport {\n ContextMenuBackButton,\n ContextMenuButton,\n ContextMenuHeader,\n useContextMenuContext,\n} from '../Dialog';\n\nconst getErrorMessage = (error: unknown, fallback: string) =>\n error instanceof Error && error.message ? error.message : fallback;\n\nconst getNotificationError = (error: unknown): Error \| undefined => {\n if (error instanceof Error) return error;\n if (typeof error === 'string') return new Error(error);\n if (error && typeof error === 'object' && 'message' in error) {\n const message = error.message;\n if (typeof message === 'string') return new Error(message);\n }\n return undefined;\n};\n\nexport const RemindMeSubmenuHeader = () => {\n const { IconChevronLeft } = useComponentContextIcons();\n const { t } = useTranslationContext();\n const { returnToParentMenu } = useContextMenuContext();\n return (\n <ContextMenuHeader>\n <ContextMenuBackButton onClick={returnToParentMenu}>\n <IconChevronLeft />\n <span>{t('messageActions.remindMeSubmenu.remindMe.text', 'Remind Me')}</span>\n </ContextMenuBackButton>\n </ContextMenuHeader>\n );\n};\n\nexport const RemindMeSubmenu = () => {\n const { t } = useTranslationContext();\n const { client } = useChatContext();\n const { message } = useMessageContext();\n const { closeMenu } = useContextMenuContext();\n const { addNotification } = useNotificationApi();\n return (\n <div className='str-chat__message-actions-box__submenu'>\n {client.reminders.scheduledOffsetsMs.map((offsetMs) => (\n <ContextMenuButton\n className='str-chat__message-actions-list-item-button'\n key={`reminder-offset-option--${offsetMs}`}\n onClick={async () => {\n try {\n await client.reminders.upsertReminder({\n message_id: message.id,\n remind_at: new Date(new Date().getTime() + offsetMs),\n });\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n message: t('common.reminderSet.text', 'Reminder set'),\n severity: 'success',\n type: 'api:message:reminder:set:success',\n });\n } catch (error) {\n addNotification({\n context: {\n message,\n },\n emitter: 'MessageActions',\n error: getNotificationError(error),\n message: getErrorMessage(error, 'Error setting reminder'),\n severity: 'error',\n type: 'api:message:reminder:set:failed',\n });\n } finally {\n closeMenu();\n }\n }}\n >\n {t('duration.remindMe', { milliseconds: offsetMs })}\n </ContextMenuButton>\n ))}\n {/* todo: potential improvement to add a custom option that would trigger rendering modal with custom date picker - we need date picker */}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;AAeA,IAAM,mBAAmB,OAAgB,aACvC,iBAAiB,SAAS,MAAM,UAAU,MAAM,UAAU;AAE5D,IAAM,wBAAwB,UAAsC;CAClE,IAAI,iBAAiB,OAAO,OAAO;CACnC,IAAI,OAAO,UAAU,UAAU,OAAO,IAAI,MAAM,KAAK;CACrD,IAAI,SAAS,OAAO,UAAU,YAAY,aAAa,OAAO;EAC5D,MAAM,UAAU,MAAM;EACtB,IAAI,OAAO,YAAY,UAAU,OAAO,IAAI,MAAM,OAAO;CAC3D;AAEF;AAEA,IAAa,8BAA8B;CACzC,MAAM,EAAE,oBAAoB,yBAAyB;CACrD,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,uBAAuB,sBAAsB;CACrD,OACE,oBAAC,mBAAD,EAAA,UACE,qBAAC,uBAAD;EAAuB,SAAS;YAAhC,CACE,oBAAC,iBAAD,CAAkB,CAAA,GAClB,oBAAC,QAAD,EAAA,UAAO,EAAE,gDAAgD,WAAW,EAAQ,CAAA,CACvD;IACN,CAAA;AAEvB;AAEA,IAAa,wBAAwB;CACnC,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,YAAY,kBAAkB;CACtC,MAAM,EAAE,cAAc,sBAAsB;CAC5C,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,OACE,oBAAC,OAAD;EAAK,WAAU;YACZ,OAAO,UAAU,mBAAmB,KAAK,aACxC,oBAAC,mBAAD;GACE,WAAU;GAEV,SAAS,YAAY;IACnB,IAAI;KACF,MAAM,OAAO,UAAU,eAAe;MACpC,YAAY,QAAQ;MACpB,WAAW,IAAI,sBAAK,IAAI,KAAK,EAAA,CAAE,QAAQ,IAAI,QAAQ;KACrD,CAAC;KACD,gBAAgB;MACd,SAAS,EACP,QACF;MACA,SAAS;MACT,SAAS,EAAE,2BAA2B,cAAc;MACpD,UAAU;MACV,MAAM;KACR,CAAC;IACH,SAAS,OAAO;KACd,gBAAgB;MACd,SAAS,EACP,QACF;MACA,SAAS;MACT,OAAO,qBAAqB,KAAK;MACjC,SAAS,gBAAgB,OAAO,wBAAwB;MACxD,UAAU;MACV,MAAM;KACR,CAAC;IACH,UAAU;KACR,UAAU;IACZ;GACF;aAEC,EAAE,qBAAqB,EAAE,cAAc,SAAS,CAAC;EACjC,GAjCZ,2BAA2B,UAiCf,CACpB;CAEE,CAAA;AAET"}

package/dist/es/components/MessageActions/hooks/useBaseMessageActionSetFilter.mjs CHANGED Viewed

@@ -1,10 +1,12 @@
-import { useChannelStateContext } from "../../../context/ChannelStateContext.mjs";
+import { useStateStore } from "../../../store/hooks/useStateStore.mjs";
 import { useMessageContext } from "../../../context/MessageContext.mjs";
 import { ACTIONS_NOT_WORKING_IN_THREAD, isMessageBounced, isMessageDeleted, isMessageErrorRetryable, isNetworkSendFailure } from "../../Message/utils.mjs";
 import { useUserRole } from "../../Message/hooks/useUserRole.mjs";
+import { useChannel } from "../../../context/useChannel.mjs";
 import { useMemo } from "react";
 import { isAudioAttachment, isFileAttachment, isImageAttachment, isVideoAttachment, isVoiceRecordingAttachment } from "stream-chat";
 //#region src/components/MessageActions/hooks/useBaseMessageActionSetFilter.ts
+var userMessageRemindersStateSelector = ({ userMessageReminders }) => ({ userMessageRemindersEnabled: userMessageReminders.enabled });
 /**
 * Base filter hook which covers actions of type `delete`, `edit`,
 * `flag`, `markUnread`, `mute`, `quote`, `react` and `reply`, whether
@@ -12,8 +14,9 @@ import { isAudioAttachment, isFileAttachment, isImageAttachment, isVideoAttachme
 * whether the message has appropriate type and status (including soft-deleted).
 */
 var useBaseMessageActionSetFilter = (messageActionSet, disable = false) => {
+	const channel = useChannel();
 	const { initialMessage: isInitialMessage, message } = useMessageContext();
-	const { channelConfig } = useChannelStateContext();
+	const { userMessageRemindersEnabled } = useStateStore(channel.configState, userMessageRemindersStateSelector);
 	const messageIsDeleted = isMessageDeleted(message);
 	const { canBlockUser, canDelete, canEdit, canFlag, canMarkUnread, canMute, canQuote, canReact, canReply, canSendMessage } = useUserRole(message);
 	const isMessageThreadReply = typeof message.parent_id === "string";
@@ -28,7 +31,7 @@ var useBaseMessageActionSetFilter = (messageActionSet, disable = false) => {
 			const type = action.type;
 			if (ACTIONS_NOT_WORKING_IN_THREAD.includes(type) && isMessageThreadReply) return false;
 			if (message.error) return type === "resendMessage" && canSendMessage && (allowRetry || isBounced) || type === "edit" && (isBounced && canEdit || hasNetworkSendFailure) || type === "delete" && !messageIsDeleted && (isBounced && canDelete || hasNetworkSendFailure);
-			if (type === "resendMessage" || type === "blockUser" && !canBlockUser || type === "copyMessageText" && !message.text || type === "download" && !message.attachments?.some((attachment) => isFileAttachment(attachment) || isImageAttachment(attachment) || isVideoAttachment(attachment) || isAudioAttachment(attachment) || isVoiceRecordingAttachment(attachment)) || type === "delete" && (!canDelete || messageIsDeleted) || type === "edit" && !canEdit || type === "flag" && !canFlag || type === "markUnread" && !canMarkUnread || type === "mute" && !canMute || type === "quote" && !canQuote || type === "react" && !canReact || type === "reply" && !canReply || type === "remindMe" && !channelConfig?.["user_message_reminders"] || type === "saveForLater" && !channelConfig?.["user_message_reminders"]) return false;
+			if (type === "resendMessage" || type === "blockUser" && !canBlockUser || type === "copyMessageText" && !message.text || type === "download" && !message.attachments?.some((attachment) => isFileAttachment(attachment) || isImageAttachment(attachment) || isVideoAttachment(attachment) || isAudioAttachment(attachment) || isVoiceRecordingAttachment(attachment)) || type === "delete" && (!canDelete || messageIsDeleted) || type === "edit" && !canEdit || type === "flag" && !canFlag || type === "markUnread" && !canMarkUnread || type === "mute" && !canMute || type === "quote" && !canQuote || type === "react" && !canReact || type === "reply" && !canReply || type === "remindMe" && !userMessageRemindersEnabled || type === "saveForLater" && !userMessageRemindersEnabled) return false;
 			return true;
 		});
 	}, [
@@ -43,7 +46,7 @@ var useBaseMessageActionSetFilter = (messageActionSet, disable = false) => {
 		canReact,
 		canReply,
 		canSendMessage,
-		channelConfig,
+		userMessageRemindersEnabled,
 		isBounced,
 		isInitialMessage,
 		messageIsDeleted,

package/dist/es/components/MessageActions/hooks/useBaseMessageActionSetFilter.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useBaseMessageActionSetFilter.mjs","names":[],"sources":["../../../../../src/components/MessageActions/hooks/useBaseMessageActionSetFilter.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { ~~useChannelStateContext~~, useMessageContext } from '../../../context';\nimport { useUserRole } from '../../Message/hooks';\nimport {\n ACTIONS_NOT_WORKING_IN_THREAD,\n isMessageBounced,\n isMessageDeleted,\n isMessageErrorRetryable,\n isNetworkSendFailure,\n} from '../../Message/utils';\n\nimport type { MessageActionSetItem } from '../MessageActions';\nimport {\n isAudioAttachment,\n isFileAttachment,\n isImageAttachment,\n isVideoAttachment,\n isVoiceRecordingAttachment,\n} from 'stream-chat';\n\n/*\n Base filter hook which covers actions of type `delete`, `edit`,\n * `flag`, `markUnread`, `mute`, `quote`, `react` and `reply`, whether\n * the rendered message is a reply (replies are limited to certain actions) and\n * whether the message has appropriate type and status (including soft-deleted).\n */\nexport const useBaseMessageActionSetFilter = (\n messageActionSet: MessageActionSetItem[],\n disable = false,\n) => {\n const { initialMessage: isInitialMessage, message } = useMessageContext();\n const { ~~channelConfig~~ } = ~~useChannelStateContext~~();\n const messageIsDeleted = isMessageDeleted(message);\n const {\n canBlockUser,\n canDelete,\n canEdit,\n canFlag,\n canMarkUnread,\n canMute,\n canQuote,\n canReact,\n canReply,\n canSendMessage,\n } = useUserRole(message);\n const isMessageThreadReply = typeof message.parent_id === 'string';\n const isBounced = isMessageBounced(message);\n const allowRetry = isMessageErrorRetryable(message);\n const hasNetworkSendFailure = isNetworkSendFailure(message);\n\n return useMemo(() => {\n if (disable) return messageActionSet;\n\n // filter out all actions if any of these are true\n if (\n isBounced \|\|\n isInitialMessage \|\| // not sure whether this thing even works anymore\n !message.type \|\|\n message.type === 'system' \|\|\n message.type === 'ephemeral' \|\|\n message.status === 'sending'\n )\n return [];\n\n return messageActionSet.filter((action) => {\n if (action.placement === 'quick-dropdown-toggle') return true;\n\n const type = action.type;\n\n // filter out actions with types that do not work in thread\n if (ACTIONS_NOT_WORKING_IN_THREAD.includes(type) && isMessageThreadReply)\n return false;\n\n // failed message menu has special treatment\n if (message.error) {\n return (\n (type === 'resendMessage' && canSendMessage && (allowRetry \|\| isBounced)) \|\|\n (type === 'edit' && ((isBounced && canEdit) \|\| hasNetworkSendFailure)) \|\|\n (type === 'delete' &&\n !messageIsDeleted &&\n ((isBounced && canDelete) \|\| hasNetworkSendFailure))\n );\n }\n\n if (\n type === 'resendMessage' \|\|\n (type === 'blockUser' && !canBlockUser) \|\|\n (type === 'copyMessageText' && !message.text) \|\|\n (type === 'download' &&\n !message.attachments?.some(\n (attachment) =>\n isFileAttachment(attachment) \|\|\n isImageAttachment(attachment) \|\|\n isVideoAttachment(attachment) \|\|\n isAudioAttachment(attachment) \|\|\n isVoiceRecordingAttachment(attachment),\n )) \|\|\n (type === 'delete' && (!canDelete \|\| messageIsDeleted)) \|\|\n (type === 'edit' && !canEdit) \|\|\n (type === 'flag' && !canFlag) \|\|\n (type === 'markUnread' && !canMarkUnread) \|\|\n (type === 'mute' && !canMute) \|\|\n (type === 'quote' && !canQuote) \|\|\n (type === 'react' && !canReact) \|\|\n (type === 'reply' && !canReply) \|\|\n (type === 'remindMe' && !~~channelConfig?.['user_message_reminders']~~) \|\|\n (type === 'saveForLater' && !~~channelConfig?.['user_message_reminders']~~)\n )\n return false;\n\n return true;\n });\n }, [\n allowRetry,\n canBlockUser,\n canDelete,\n canEdit,\n canFlag,\n canMarkUnread,\n canMute,\n canQuote,\n canReact,\n canReply,\n canSendMessage,\n ~~channelConfig~~,\n isBounced,\n isInitialMessage,\n messageIsDeleted,\n isMessageThreadReply,\n message.error,\n message.attachments,\n message.status,\n message.text,\n message.type,\n disable,\n hasNetworkSendFailure,\n messageActionSet,\n ]);\n};\n"],"mappings":"~~;;;;;;;;;;;;;AA2BA~~,IAAa,iCACX,kBACA,UAAU,UACP;CACH,MAAM,EAAE,gBAAgB,kBAAkB,YAAY,kBAAkB;CACxE,MAAM,EAAE,~~kBAAkB~~,~~uBAAuB~~;~~CACjD~~,MAAM,mBAAmB,iBAAiB,OAAO;CACjD,MAAM,EACJ,cACA,WACA,SACA,SACA,eACA,SACA,UACA,UACA,UACA,mBACE,YAAY,OAAO;CACvB,MAAM,uBAAuB,OAAO,QAAQ,cAAc;CAC1D,MAAM,YAAY,iBAAiB,OAAO;CAC1C,MAAM,aAAa,wBAAwB,OAAO;CAClD,MAAM,wBAAwB,qBAAqB,OAAO;CAE1D,OAAO,cAAc;EACnB,IAAI,SAAS,OAAO;EAGpB,IACE,aACA,oBACA,CAAC,QAAQ,QACT,QAAQ,SAAS,YACjB,QAAQ,SAAS,eACjB,QAAQ,WAAW,WAEnB,OAAO,CAAC;EAEV,OAAO,iBAAiB,QAAQ,WAAW;GACzC,IAAI,OAAO,cAAc,yBAAyB,OAAO;GAEzD,MAAM,OAAO,OAAO;GAGpB,IAAI,8BAA8B,SAAS,IAAI,KAAK,sBAClD,OAAO;GAGT,IAAI,QAAQ,OACV,OACG,SAAS,mBAAmB,mBAAmB,cAAc,cAC7D,SAAS,WAAY,aAAa,WAAY,0BAC9C,SAAS,YACR,CAAC,qBACC,aAAa,aAAc;GAInC,IACE,SAAS,mBACR,SAAS,eAAe,CAAC,gBACzB,SAAS,qBAAqB,CAAC,QAAQ,QACvC,SAAS,cACR,CAAC,QAAQ,aAAa,MACnB,eACC,iBAAiB,UAAU,KAC3B,kBAAkB,UAAU,KAC5B,kBAAkB,UAAU,KAC5B,kBAAkB,UAAU,KAC5B,2BAA2B,UAAU,CACzC,KACD,SAAS,aAAa,CAAC,aAAa,qBACpC,SAAS,UAAU,CAAC,WACpB,SAAS,UAAU,CAAC,WACpB,SAAS,gBAAgB,CAAC,iBAC1B,SAAS,UAAU,CAAC,WACpB,SAAS,WAAW,CAAC,YACrB,SAAS,WAAW,CAAC,YACrB,SAAS,WAAW,CAAC,YACrB,SAAS,cAAc,CAAC,~~gBAAgB,6BACxC,~~SAAS,kBAAkB,CAAC,~~gBAAgB~~,~~2BAE7C,~~OAAO;GAET,OAAO;EACT,CAAC;CACH,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR;EACA;EACA;CACF,CAAC;AACH"}
1	+ {"version":3,"file":"useBaseMessageActionSetFilter.mjs","names":[],"sources":["../../../../../src/components/MessageActions/hooks/useBaseMessageActionSetFilter.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useChannel, useMessageContext } from '../../../context';\nimport { useUserRole } from '../../Message/hooks';\nimport {\n ACTIONS_NOT_WORKING_IN_THREAD,\n isMessageBounced,\n isMessageDeleted,\n isMessageErrorRetryable,\n isNetworkSendFailure,\n} from '../../Message/utils';\n\nimport type { MessageActionSetItem } from '../MessageActions';\nimport {\n isAudioAttachment,\n isFileAttachment,\n isImageAttachment,\n isVideoAttachment,\n isVoiceRecordingAttachment,\n} from 'stream-chat';\nimport type { ChannelConfig } from 'stream-chat';\nimport { useStateStore } from '../../../store';\n\nconst userMessageRemindersStateSelector = ({ userMessageReminders }: ChannelConfig) => ({\n userMessageRemindersEnabled: userMessageReminders.enabled,\n});\n\n/*\n Base filter hook which covers actions of type `delete`, `edit`,\n * `flag`, `markUnread`, `mute`, `quote`, `react` and `reply`, whether\n * the rendered message is a reply (replies are limited to certain actions) and\n * whether the message has appropriate type and status (including soft-deleted).\n */\nexport const useBaseMessageActionSetFilter = (\n messageActionSet: MessageActionSetItem[],\n disable = false,\n) => {\n const channel = useChannel();\n const { initialMessage: isInitialMessage, message } = useMessageContext();\n const { userMessageRemindersEnabled } = useStateStore(\n channel.configState,\n userMessageRemindersStateSelector,\n );\n const messageIsDeleted = isMessageDeleted(message);\n const {\n canBlockUser,\n canDelete,\n canEdit,\n canFlag,\n canMarkUnread,\n canMute,\n canQuote,\n canReact,\n canReply,\n canSendMessage,\n } = useUserRole(message);\n const isMessageThreadReply = typeof message.parent_id === 'string';\n const isBounced = isMessageBounced(message);\n const allowRetry = isMessageErrorRetryable(message);\n const hasNetworkSendFailure = isNetworkSendFailure(message);\n\n return useMemo(() => {\n if (disable) return messageActionSet;\n\n // filter out all actions if any of these are true\n if (\n isBounced \|\|\n isInitialMessage \|\| // not sure whether this thing even works anymore\n !message.type \|\|\n message.type === 'system' \|\|\n message.type === 'ephemeral' \|\|\n message.status === 'sending'\n )\n return [];\n\n return messageActionSet.filter((action) => {\n if (action.placement === 'quick-dropdown-toggle') return true;\n\n const type = action.type;\n\n // filter out actions with types that do not work in thread\n if (ACTIONS_NOT_WORKING_IN_THREAD.includes(type) && isMessageThreadReply)\n return false;\n\n // failed message menu has special treatment\n if (message.error) {\n return (\n (type === 'resendMessage' && canSendMessage && (allowRetry \|\| isBounced)) \|\|\n (type === 'edit' && ((isBounced && canEdit) \|\| hasNetworkSendFailure)) \|\|\n (type === 'delete' &&\n !messageIsDeleted &&\n ((isBounced && canDelete) \|\| hasNetworkSendFailure))\n );\n }\n\n if (\n type === 'resendMessage' \|\|\n (type === 'blockUser' && !canBlockUser) \|\|\n (type === 'copyMessageText' && !message.text) \|\|\n (type === 'download' &&\n !message.attachments?.some(\n (attachment) =>\n isFileAttachment(attachment) \|\|\n isImageAttachment(attachment) \|\|\n isVideoAttachment(attachment) \|\|\n isAudioAttachment(attachment) \|\|\n isVoiceRecordingAttachment(attachment),\n )) \|\|\n (type === 'delete' && (!canDelete \|\| messageIsDeleted)) \|\|\n (type === 'edit' && !canEdit) \|\|\n (type === 'flag' && !canFlag) \|\|\n (type === 'markUnread' && !canMarkUnread) \|\|\n (type === 'mute' && !canMute) \|\|\n (type === 'quote' && !canQuote) \|\|\n (type === 'react' && !canReact) \|\|\n (type === 'reply' && !canReply) \|\|\n (type === 'remindMe' && !userMessageRemindersEnabled) \|\|\n (type === 'saveForLater' && !userMessageRemindersEnabled)\n )\n return false;\n\n return true;\n });\n }, [\n allowRetry,\n canBlockUser,\n canDelete,\n canEdit,\n canFlag,\n canMarkUnread,\n canMute,\n canQuote,\n canReact,\n canReply,\n canSendMessage,\n userMessageRemindersEnabled,\n isBounced,\n isInitialMessage,\n messageIsDeleted,\n isMessageThreadReply,\n message.error,\n message.attachments,\n message.status,\n message.text,\n message.type,\n disable,\n hasNetworkSendFailure,\n messageActionSet,\n ]);\n};\n"],"mappings":";;;;;;;;AAuBA,IAAM,qCAAqC,EAAE,4BAA2C,EACtF,6BAA6B,qBAAqB,QACpD;;;;;;;AAQA,IAAa,iCACX,kBACA,UAAU,UACP;CACH,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,gBAAgB,kBAAkB,YAAY,kBAAkB;CACxE,MAAM,EAAE,gCAAgC,cACtC,QAAQ,aACR,iCACF;CACA,MAAM,mBAAmB,iBAAiB,OAAO;CACjD,MAAM,EACJ,cACA,WACA,SACA,SACA,eACA,SACA,UACA,UACA,UACA,mBACE,YAAY,OAAO;CACvB,MAAM,uBAAuB,OAAO,QAAQ,cAAc;CAC1D,MAAM,YAAY,iBAAiB,OAAO;CAC1C,MAAM,aAAa,wBAAwB,OAAO;CAClD,MAAM,wBAAwB,qBAAqB,OAAO;CAE1D,OAAO,cAAc;EACnB,IAAI,SAAS,OAAO;EAGpB,IACE,aACA,oBACA,CAAC,QAAQ,QACT,QAAQ,SAAS,YACjB,QAAQ,SAAS,eACjB,QAAQ,WAAW,WAEnB,OAAO,CAAC;EAEV,OAAO,iBAAiB,QAAQ,WAAW;GACzC,IAAI,OAAO,cAAc,yBAAyB,OAAO;GAEzD,MAAM,OAAO,OAAO;GAGpB,IAAI,8BAA8B,SAAS,IAAI,KAAK,sBAClD,OAAO;GAGT,IAAI,QAAQ,OACV,OACG,SAAS,mBAAmB,mBAAmB,cAAc,cAC7D,SAAS,WAAY,aAAa,WAAY,0BAC9C,SAAS,YACR,CAAC,qBACC,aAAa,aAAc;GAInC,IACE,SAAS,mBACR,SAAS,eAAe,CAAC,gBACzB,SAAS,qBAAqB,CAAC,QAAQ,QACvC,SAAS,cACR,CAAC,QAAQ,aAAa,MACnB,eACC,iBAAiB,UAAU,KAC3B,kBAAkB,UAAU,KAC5B,kBAAkB,UAAU,KAC5B,kBAAkB,UAAU,KAC5B,2BAA2B,UAAU,CACzC,KACD,SAAS,aAAa,CAAC,aAAa,qBACpC,SAAS,UAAU,CAAC,WACpB,SAAS,UAAU,CAAC,WACpB,SAAS,gBAAgB,CAAC,iBAC1B,SAAS,UAAU,CAAC,WACpB,SAAS,WAAW,CAAC,YACrB,SAAS,WAAW,CAAC,YACrB,SAAS,WAAW,CAAC,YACrB,SAAS,cAAc,CAAC,+BACxB,SAAS,kBAAkB,CAAC,6BAE7B,OAAO;GAET,OAAO;EACT,CAAC;CACH,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR;EACA;EACA;CACF,CAAC;AACH"}

package/dist/es/components/MessageBounce/MessageBounceModal.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { useComponentContext } from "../../context/ComponentContext.mjs";
-import { MessageBounceProvider } from "../../context/MessageBounceContext.mjs";
 import { GlobalModal } from "../Modal/GlobalModal.mjs";
+import { MessageBounceProvider } from "../../context/MessageBounceContext.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/MessageBounce/MessageBounceModal.tsx

package/dist/es/components/MessageBounce/MessageBouncePrompt.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
-import { useComponentContextIcons } from "../../context/useComponentContextIcons.mjs";
-import { useMessageBounceContext } from "../../context/MessageBounceContext.mjs";
-import { useModalContext } from "../../context/ModalContext.mjs";
 import { useTranslationContext } from "../../context/TranslationContext.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Alert } from "../Dialog/components/Alert.mjs";
+import { useMessageBounceContext } from "../../context/MessageBounceContext.mjs";
+import { useModalContext } from "../../context/ModalContext.mjs";
+import { useComponentContextIcons } from "../../context/useComponentContextIcons.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/MessageBounce/MessageBouncePrompt.tsx
@@ -23,9 +23,9 @@ function MessageBouncePrompt({ children }) {
 		"data-testid": "message-bounce-prompt",
 		children: [/* @__PURE__ */ jsx(Alert.Header, {
 			className: "str-chat__message-bounce-alert-header",
-			description: !children ? t("Review this message and choose whether to delete it, edit it, or send it anyway") : void 0,
+			description: !children ? t("messageBounce.prompt.description", "Review this message and choose whether to delete it, edit it, or send it anyway") : void 0,
 			Icon: IconExclamationMark,
-			title: !children ? t("This message did not meet our content guidelines") : void 0,
+			title: !children ? t("messageBounce.prompt.title", "This message did not meet our content guidelines") : void 0,
 			children
 		}), /* @__PURE__ */ jsxs(Alert.Actions, {
 			className: "str-chat__message-bounce-actions",
@@ -37,7 +37,7 @@ function MessageBouncePrompt({ children }) {
 					onClick: createHandler(handleDelete),
 					size: "md",
 					variant: "danger",
-					children: t("Delete")
+					children: t("common.delete.text", "Delete")
 				}),
 				/* @__PURE__ */ jsx(Button, {
 					appearance: "outline",
@@ -46,7 +46,7 @@ function MessageBouncePrompt({ children }) {
 					onClick: createHandler(handleEdit),
 					size: "md",
 					variant: "secondary",
-					children: t("Edit Message")
+					children: t("common.editMessage.text", "Edit Message")
 				}),
 				/* @__PURE__ */ jsx(Button, {
 					appearance: "outline",
@@ -55,7 +55,7 @@ function MessageBouncePrompt({ children }) {
 					onClick: createHandler(handleRetry),
 					size: "md",
 					variant: "secondary",
-					children: t("Send Anyway")
+					children: t("messageBounce.prompt.sendAnyway.text", "Send Anyway")
 				})
 			]
 		})]

package/dist/es/components/MessageBounce/MessageBouncePrompt.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageBouncePrompt.mjs","names":[],"sources":["../../../../src/components/MessageBounce/MessageBouncePrompt.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\nimport React from 'react';\nimport {\n useComponentContextIcons,\n useMessageBounceContext,\n useModalContext,\n useTranslationContext,\n} from '../../context';\nimport { Button } from '../Button';\nimport { Alert } from '../Dialog';\nimport type { PropsWithChildrenOnly } from '../../types/types';\n\nexport type MessageBouncePromptProps = PropsWithChildrenOnly;\n\n// todo: shall we rename this to MessageBounceAlert?\nexport function MessageBouncePrompt({ children }: MessageBouncePromptProps) {\n const { IconExclamationMark } = useComponentContextIcons();\n\n const { handleDelete, handleEdit, handleRetry } = useMessageBounceContext();\n const { t } = useTranslationContext();\n const { close } = useModalContext();\n\n function createHandler(\n handle: MouseEventHandler<HTMLButtonElement>,\n ): MouseEventHandler<HTMLButtonElement> {\n return (e) => {\n handle(e);\n close();\n };\n }\n\n return (\n <Alert.Root\n className='str-chat__message-bounce-alert'\n data-testid='message-bounce-prompt'\n >\n <Alert.Header\n className='str-chat__message-bounce-alert-header'\n description={\n !children\n ? t(\n 'Review this message and choose whether to delete it, edit it, or send it anyway',\n )\n : undefined\n }\n Icon={IconExclamationMark}\n title={\n !children ? t('This message did not meet our content guidelines') : undefined\n }\n >\n {children}\n </Alert.Header>\n <Alert.Actions className={'str-chat__message-bounce-actions'}>\n <Button\n appearance='outline'\n className='str-chat__message-bounce-delete'\n data-testid='message-bounce-delete'\n onClick={createHandler(handleDelete)}\n size='md'\n variant='danger'\n >\n {t('Delete')}\n </Button>\n <Button\n appearance='outline'\n className='str-chat__message-bounce-edit'\n data-testid='message-bounce-edit'\n onClick={createHandler(handleEdit)}\n size='md'\n variant='secondary'\n >\n {t('Edit Message')}\n </Button>\n <Button\n appearance='outline'\n className='str-chat__message-bounce-send'\n data-testid='message-bounce-send'\n onClick={createHandler(handleRetry)}\n size='md'\n variant='secondary'\n >\n {t('Send Anyway')}\n </Button>\n </Alert.Actions>\n </Alert.Root>\n );\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,oBAAoB,EAAE,YAAsC;CAC1E,MAAM,EAAE,wBAAwB,yBAAyB;~~CAEzD~~,MAAM,EAAE,cAAc,YAAY,gBAAgB,wBAAwB;CAC1E,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,UAAU,gBAAgB;CAElC,SAAS,cACP,QACsC;EACtC,QAAQ,MAAM;GACZ,OAAO,CAAC;GACR,MAAM;EACR;CACF;CAEA,OACE,qBAAC,MAAM,MAAP;EACE,WAAU;EACV,eAAY;YAFd,CAIE,oBAAC,MAAM,QAAP;GACE,WAAU;GACV,aACE,CAAC,WACG,EACE,iFACF,IACA,KAAA;GAEN,MAAM;GACN,OACE,CAAC,~~WAAW~~,~~EAAE~~,~~kDAAkD~~,~~IAAI~~,KAAA;~~GAGrE~~;EACW,CAAA,GACd,qBAAC,MAAM,SAAP;GAAe,WAAW;aAA1B;IACE,oBAAC,QAAD;KACE,YAAW;KACX,WAAU;KACV,eAAY;KACZ,SAAS,cAAc,YAAY;KACnC,MAAK;KACL,SAAQ;eAEP,EAAE,QAAQ;~~IACL~~,CAAA;IACR,oBAAC,QAAD;KACE,YAAW;KACX,WAAU;KACV,eAAY;KACZ,SAAS,cAAc,UAAU;KACjC,MAAK;KACL,SAAQ;eAEP,EAAE,cAAc;~~IACX~~,CAAA;IACR,oBAAC,QAAD;KACE,YAAW;KACX,WAAU;KACV,eAAY;KACZ,SAAS,cAAc,WAAW;KAClC,MAAK;KACL,SAAQ;eAEP,EAAE,aAAa;~~IACV~~,CAAA;GACK;IACL;;AAEhB"}
1	+ {"version":3,"file":"MessageBouncePrompt.mjs","names":[],"sources":["../../../../src/components/MessageBounce/MessageBouncePrompt.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\nimport React from 'react';\nimport {\n useComponentContextIcons,\n useMessageBounceContext,\n useModalContext,\n useTranslationContext,\n} from '../../context';\nimport { Button } from '../Button';\nimport { Alert } from '../Dialog';\nimport type { PropsWithChildrenOnly } from '../../types/types';\n\nexport type MessageBouncePromptProps = PropsWithChildrenOnly;\n\n// todo: shall we rename this to MessageBounceAlert?\nexport function MessageBouncePrompt({ children }: MessageBouncePromptProps) {\n const { IconExclamationMark } = useComponentContextIcons();\n const { handleDelete, handleEdit, handleRetry } = useMessageBounceContext();\n const { t } = useTranslationContext();\n const { close } = useModalContext();\n\n function createHandler(\n handle: MouseEventHandler<HTMLButtonElement>,\n ): MouseEventHandler<HTMLButtonElement> {\n return (e) => {\n handle(e);\n close();\n };\n }\n\n return (\n <Alert.Root\n className='str-chat__message-bounce-alert'\n data-testid='message-bounce-prompt'\n >\n <Alert.Header\n className='str-chat__message-bounce-alert-header'\n description={\n !children\n ? t(\n 'messageBounce.prompt.description',\n 'Review this message and choose whether to delete it, edit it, or send it anyway',\n )\n : undefined\n }\n Icon={IconExclamationMark}\n title={\n !children\n ? t(\n 'messageBounce.prompt.title',\n 'This message did not meet our content guidelines',\n )\n : undefined\n }\n >\n {children}\n </Alert.Header>\n <Alert.Actions className={'str-chat__message-bounce-actions'}>\n <Button\n appearance='outline'\n className='str-chat__message-bounce-delete'\n data-testid='message-bounce-delete'\n onClick={createHandler(handleDelete)}\n size='md'\n variant='danger'\n >\n {t('common.delete.text', 'Delete')}\n </Button>\n <Button\n appearance='outline'\n className='str-chat__message-bounce-edit'\n data-testid='message-bounce-edit'\n onClick={createHandler(handleEdit)}\n size='md'\n variant='secondary'\n >\n {t('common.editMessage.text', 'Edit Message')}\n </Button>\n <Button\n appearance='outline'\n className='str-chat__message-bounce-send'\n data-testid='message-bounce-send'\n onClick={createHandler(handleRetry)}\n size='md'\n variant='secondary'\n >\n {t('messageBounce.prompt.sendAnyway.text', 'Send Anyway')}\n </Button>\n </Alert.Actions>\n </Alert.Root>\n );\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,oBAAoB,EAAE,YAAsC;CAC1E,MAAM,EAAE,wBAAwB,yBAAyB;CACzD,MAAM,EAAE,cAAc,YAAY,gBAAgB,wBAAwB;CAC1E,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,UAAU,gBAAgB;CAElC,SAAS,cACP,QACsC;EACtC,QAAQ,MAAM;GACZ,OAAO,CAAC;GACR,MAAM;EACR;CACF;CAEA,OACE,qBAAC,MAAM,MAAP;EACE,WAAU;EACV,eAAY;YAFd,CAIE,oBAAC,MAAM,QAAP;GACE,WAAU;GACV,aACE,CAAC,WACG,EACE,oCACA,iFACF,IACA,KAAA;GAEN,MAAM;GACN,OACE,CAAC,WACG,EACE,8BACA,kDACF,IACA,KAAA;GAGL;EACW,CAAA,GACd,qBAAC,MAAM,SAAP;GAAe,WAAW;aAA1B;IACE,oBAAC,QAAD;KACE,YAAW;KACX,WAAU;KACV,eAAY;KACZ,SAAS,cAAc,YAAY;KACnC,MAAK;KACL,SAAQ;eAEP,EAAE,sBAAsB,QAAQ;IAC3B,CAAA;IACR,oBAAC,QAAD;KACE,YAAW;KACX,WAAU;KACV,eAAY;KACZ,SAAS,cAAc,UAAU;KACjC,MAAK;KACL,SAAQ;eAEP,EAAE,2BAA2B,cAAc;IACtC,CAAA;IACR,oBAAC,QAAD;KACE,YAAW;KACX,WAAU;KACV,eAAY;KACZ,SAAS,cAAc,WAAW;KAClC,MAAK;KACL,SAAQ;eAEP,EAAE,wCAAwC,aAAa;IAClD,CAAA;GACK;IACL;;AAEhB"}

package/dist/es/components/MessageComposer/AttachmentPreviewList/AttachmentPreviewList.mjs CHANGED Viewed

@@ -1,15 +1,15 @@
 import { useComponentContext } from "../../../context/ComponentContext.mjs";
 import { GlobalModal } from "../../Modal/GlobalModal.mjs";
+import { useMessageComposerController } from "../hooks/useMessageComposerController.mjs";
 import { toBaseImageDescriptors } from "../../BaseImage/toBaseImageDescriptors.mjs";
 import { Gallery } from "../../Gallery/Gallery.mjs";
 import { useAttachmentsForPreview } from "../hooks/useAttachmentsForPreview.mjs";
 import { UnsupportedAttachmentPreview } from "./UnsupportedAttachmentPreview.mjs";
 import { FileAttachmentPreview } from "./FileAttachmentPreview.mjs";
 import { MediaAttachmentPreview } from "./MediaAttachmentPreview.mjs";
-import { useMessageComposerController } from "../hooks/useMessageComposerController.mjs";
 import { useCallback, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { isLocalAttachment, isLocalAudioAttachment, isLocalFileAttachment, isLocalImageAttachment, isLocalVideoAttachment, isLocalVoiceRecordingAttachment, isScrapedContent, isVoiceRecordingAttachment } from "stream-chat";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/MessageComposer/AttachmentPreviewList/AttachmentPreviewList.tsx
 var AttachmentPreviewList = ({ AudioAttachmentPreview = FileAttachmentPreview, FileAttachmentPreview: FileAttachmentPreview$1 = FileAttachmentPreview, ImageAttachmentPreview = MediaAttachmentPreview, UnsupportedAttachmentPreview: UnsupportedAttachmentPreview$1 = UnsupportedAttachmentPreview, VideoAttachmentPreview = MediaAttachmentPreview }) => {
 	const messageComposer = useMessageComposerController();