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

stream-chat-react 14.11.1 → 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 (1701) hide show

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

@@ -0,0 +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 ADDED Viewed

@@ -0,0 +1,61 @@
+import { useComponentContext } from "../../context/ComponentContext.mjs";
+import { useDialogIsOpen, useDialogOnNearestManager } from "../Dialog/hooks/useDialog.mjs";
+import { useMessageContext } from "../../context/MessageContext.mjs";
+import { useTranslationContext } from "../../context/TranslationContext.mjs";
+import { 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 { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/components/MessageActions/MessageActions.tsx
+/**
+* A new actions component to replace current `MessageOptions` component.
+* Exports from `stream-chat-react/experimental` __MIGHT__ change - use with caution
+* and follow release notes in case you notice unexpected behavior.
+*/
+var MessageActions = ({ disableBaseMessageActionSetFilter = false, messageActionSet = defaultMessageActionSet }) => {
+	const { isMyMessage, message, threadList } = useMessageContext();
+	const { ContextMenu: ContextMenuComponent = ContextMenu } = useComponentContext();
+	const { t } = useTranslationContext();
+	const [actionsBoxButtonElement, setActionsBoxButtonElement] = useState(null);
+	const { dropdownActionSet, quickActionSet, quickDropdownToggleAction } = useSplitActionSet(useBaseMessageActionSetFilter(messageActionSet, disableBaseMessageActionSetFilter));
+	const messageActionsDialogId = MessageActions.getDialogId({ messageId: message.id });
+	const reactionSelectorDialogId = ReactionSelector.getDialogId({
+		messageId: message.id,
+		threadList
+	});
+	const dropdownReactionSelectorDialogId = `${reactionSelectorDialogId}-dropdown`;
+	const { dialog, dialogManager } = useDialogOnNearestManager({ id: messageActionsDialogId });
+	const messageActionsDialogIsOpen = useDialogIsOpen(messageActionsDialogId, dialogManager?.id);
+	const reactionSelectorDialogIsOpen = useDialogIsOpen(reactionSelectorDialogId, dialogManager?.id);
+	const dropdownReactionSelectorDialogIsOpen = useDialogIsOpen(dropdownReactionSelectorDialogId, dialogManager?.id);
+	if (dropdownActionSet.length + quickActionSet.length === 0) return null;
+	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("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
+			}),
+			dialogManagerId: dialogManager?.id,
+			id: messageActionsDialogId,
+			onClose: dialog?.close,
+			placement: isMyMessage() ? "top-end" : "top-start",
+			referenceElement: actionsBoxButtonElement,
+			tabIndex: -1,
+			trapFocus: true,
+			children: dropdownActionSet.map(({ Component, type }) => /* @__PURE__ */ jsx(Component, {}, type))
+		})] }), quickActionSet.map(({ Component: QuickActionComponent, type }) => /* @__PURE__ */ jsx(QuickActionComponent, {}, type))]
+	});
+};
+MessageActions.getDialogId = ({ messageId }) => `message-actions-${messageId}`;
+MessageActions.displayName = "MessageActions";
+//#endregion
+export { MessageActions };
+//# sourceMappingURL=MessageActions.mjs.map

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

@@ -0,0 +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/QuickMessageActionButton.mjs ADDED Viewed

@@ -0,0 +1,20 @@
+import { Button } from "../Button/Button.mjs";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/components/MessageActions/QuickMessageActionButton.tsx
+var QuickMessageActionsButton = forwardRef(function QuickMessageActionsButton({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Button, {
+		appearance: "ghost",
+		circular: true,
+		className: clsx("str-chat__message-actions-box-button", className),
+		ref,
+		size: "sm",
+		variant: "secondary",
+		...props
+	});
+});
+//#endregion
+export { QuickMessageActionsButton };
+//# sourceMappingURL=QuickMessageActionButton.mjs.map

package/dist/es/components/MessageActions/QuickMessageActionButton.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QuickMessageActionButton.mjs","names":[],"sources":["../../../../src/components/MessageActions/QuickMessageActionButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../Button';\nimport clsx from 'clsx';\nimport React, { forwardRef } from 'react';\n\nexport const QuickMessageActionsButton = forwardRef<HTMLButtonElement, ButtonProps>(\n function QuickMessageActionsButton({ className, ...props }, ref) {\n return (\n <Button\n appearance='ghost'\n circular\n className={clsx('str-chat__message-actions-box-button', className)}\n ref={ref}\n size='sm'\n variant='secondary'\n {...props}\n />\n );\n },\n);\n"],"mappings":";;;;;AAIA,IAAa,4BAA4B,WACvC,SAAS,0BAA0B,EAAE,WAAW,GAAG,SAAS,KAAK;CAC/D,OACE,oBAAC,QAAD;EACE,YAAW;EACX,UAAA;EACA,WAAW,KAAK,wCAAwC,SAAS;EAC5D;EACL,MAAK;EACL,SAAQ;EACR,GAAI;CACL,CAAA;AAEL,CACF"}

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

@@ -0,0 +1,71 @@
+import { useChatContext } from "../../context/ChatContext.mjs";
+import { useMessageContext } from "../../context/MessageContext.mjs";
+import { useTranslationContext } from "../../context/TranslationContext.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
+var getErrorMessage = (error, fallback) => error instanceof Error && error.message ? error.message : fallback;
+var getNotificationError = (error) => {
+	if (error instanceof Error) return error;
+	if (typeof error === "string") return new Error(error);
+	if (error && typeof error === "object" && "message" in error) {
+		const message = error.message;
+		if (typeof message === "string") return new Error(message);
+	}
+};
+var RemindMeSubmenuHeader = () => {
+	const { IconChevronLeft } = useComponentContextIcons();
+	const { t } = useTranslationContext();
+	const { returnToParentMenu } = useContextMenuContext();
+	return /* @__PURE__ */ jsx(ContextMenuHeader, { children: /* @__PURE__ */ jsxs(ContextMenuBackButton, {
+		onClick: returnToParentMenu,
+		children: [/* @__PURE__ */ jsx(IconChevronLeft, {}), /* @__PURE__ */ jsx("span", { children: t("messageActions.remindMeSubmenu.remindMe.text", "Remind Me") })]
+	}) });
+};
+var RemindMeSubmenu = () => {
+	const { t } = useTranslationContext();
+	const { client } = useChatContext();
+	const { message } = useMessageContext();
+	const { closeMenu } = useContextMenuContext();
+	const { addNotification } = useNotificationApi();
+	return /* @__PURE__ */ jsx("div", {
+		className: "str-chat__message-actions-box__submenu",
+		children: client.reminders.scheduledOffsetsMs.map((offsetMs) => /* @__PURE__ */ jsx(ContextMenuButton, {
+			className: "str-chat__message-actions-list-item-button",
+			onClick: async () => {
+				try {
+					await client.reminders.upsertReminder({
+						message_id: message.id,
+						remind_at: new Date((/* @__PURE__ */ new Date()).getTime() + offsetMs)
+					});
+					addNotification({
+						context: { message },
+						emitter: "MessageActions",
+						message: t("common.reminderSet.text", "Reminder set"),
+						severity: "success",
+						type: "api:message:reminder:set:success"
+					});
+				} catch (error) {
+					addNotification({
+						context: { message },
+						emitter: "MessageActions",
+						error: getNotificationError(error),
+						message: getErrorMessage(error, "Error setting reminder"),
+						severity: "error",
+						type: "api:message:reminder:set:failed"
+					});
+				} finally {
+					closeMenu();
+				}
+			},
+			children: t("duration.remindMe", { milliseconds: offsetMs })
+		}, `reminder-offset-option--${offsetMs}`))
+	});
+};
+//#endregion
+export { RemindMeSubmenu, RemindMeSubmenuHeader };
+//# sourceMappingURL=RemindMeSubmenu.mjs.map

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

@@ -0,0 +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/downloadUtils.mjs ADDED Viewed

@@ -0,0 +1,65 @@
+import { isAudioAttachment, isFileAttachment, isImageAttachment, isVideoAttachment, isVoiceRecordingAttachment } from "stream-chat";
+//#region src/components/MessageActions/downloadUtils.ts
+var isDownloadableAttachment = (attachment) => {
+	if (!attachment || typeof attachment !== "object") return false;
+	const typedAttachment = attachment;
+	return isFileAttachment(typedAttachment) || isImageAttachment(typedAttachment) || isVideoAttachment(typedAttachment) || isAudioAttachment(typedAttachment) || isVoiceRecordingAttachment(typedAttachment);
+};
+var triggerUrlDownload = ({ filename, openInNewTab, revokeObjectUrl, url }) => {
+	const anchor = document.createElement("a");
+	anchor.download = filename;
+	anchor.href = url;
+	anchor.rel = "noopener noreferrer";
+	if (openInNewTab && !url.startsWith("blob:")) anchor.target = "_blank";
+	document.body.append(anchor);
+	anchor.click();
+	anchor.remove();
+	if ((revokeObjectUrl ?? url.startsWith("blob:")) && url.startsWith("blob:")) setTimeout(() => URL.revokeObjectURL(url), 0);
+};
+var fetchRemoteAttachmentAsObjectUrl = async (url) => {
+	if (typeof fetch !== "function") return null;
+	const response = await fetch(url);
+	if (!response.ok) throw new Error(`Failed to fetch attachment, status ${response.status}`);
+	const blob = await response.blob();
+	return URL.createObjectURL(blob);
+};
+var downloadAttachment = async (attachment, options = {}) => {
+	const { openRemoteInNewTab = true, preferRemoteFetch = true } = options;
+	const titleFallback = attachment.title ?? "downloaded-attachment";
+	const rawFile = attachment.localMetadata?.file;
+	if (rawFile instanceof Blob) {
+		triggerUrlDownload({
+			filename: rawFile instanceof File && rawFile.name ? rawFile.name : titleFallback,
+			url: URL.createObjectURL(rawFile)
+		});
+		return;
+	}
+	const filename = rawFile && typeof rawFile === "object" && "name" in rawFile && typeof rawFile.name === "string" ? rawFile.name : titleFallback;
+	const url = attachment.asset_url ?? attachment.image_url;
+	if (!url) return;
+	if (preferRemoteFetch) try {
+		const objectUrl = await fetchRemoteAttachmentAsObjectUrl(url);
+		if (objectUrl) {
+			triggerUrlDownload({
+				filename,
+				url: objectUrl
+			});
+			return;
+		}
+	} catch {}
+	triggerUrlDownload({
+		filename,
+		openInNewTab: openRemoteInNewTab,
+		url
+	});
+};
+var downloadAllAttachments = async (attachments) => {
+	for (const attachment of attachments) await downloadAttachment(attachment, {
+		openRemoteInNewTab: true,
+		preferRemoteFetch: true
+	});
+};
+//#endregion
+export { downloadAllAttachments, downloadAttachment, isDownloadableAttachment };
+//# sourceMappingURL=downloadUtils.mjs.map

package/dist/es/components/MessageActions/downloadUtils.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"downloadUtils.mjs","names":[],"sources":["../../../../src/components/MessageActions/downloadUtils.ts"],"sourcesContent":["import {\n type Attachment,\n isAudioAttachment,\n isFileAttachment,\n isImageAttachment,\n isVideoAttachment,\n isVoiceRecordingAttachment,\n type LocalAttachment,\n type LocalUploadAttachment,\n} from 'stream-chat';\n\n/**\n * Download behavior notes:\n *\n * - Remote attachments prefer `fetch -> blob -> objectURL` instead of direct link clicks.\n * - In Chromium, direct sequential clicks on cross-origin URLs can yield only one actual\n * downloaded file even when multiple anchor clicks are fired.\n * - Blob URLs are same-document downloads and preserve caller-provided `a.download` names\n * more reliably than direct remote URLs.\n * - If remote fetch fails (e.g. CORS/policy/network), the code falls back to direct URL\n * download so the action remains functional.\n */\nexport type DownloadableAttachment = {\n asset_url?: string;\n image_url?: string;\n localMetadata?: LocalUploadAttachment['localMetadata'];\n title?: string;\n};\n\nexport const isDownloadableAttachment = (\n attachment: unknown,\n): attachment is DownloadableAttachment => {\n if (!attachment || typeof attachment !== 'object') return false;\n const typedAttachment = attachment as Attachment | LocalAttachment;\n\n return (\n isFileAttachment(typedAttachment) ||\n isImageAttachment(typedAttachment) ||\n isVideoAttachment(typedAttachment) ||\n isAudioAttachment(typedAttachment) ||\n isVoiceRecordingAttachment(typedAttachment)\n );\n};\n\nconst triggerUrlDownload = ({\n filename,\n openInNewTab,\n revokeObjectUrl,\n url,\n}: {\n openInNewTab?: boolean;\n revokeObjectUrl?: boolean;\n url: string;\n filename: string;\n}) => {\n const anchor = document.createElement('a');\n anchor.download = filename;\n anchor.href = url;\n anchor.rel = 'noopener noreferrer';\n // Keep chat in place for direct remote URLs by opening in a new tab when requested.\n if (openInNewTab && !url.startsWith('blob:')) {\n anchor.target = '_blank';\n }\n document.body.append(anchor);\n anchor.click();\n anchor.remove();\n\n // Revoke object URLs by default; direct network URLs are never revoked.\n const shouldRevokeObjectUrl = revokeObjectUrl ?? url.startsWith('blob:');\n if (shouldRevokeObjectUrl && url.startsWith('blob:')) {\n setTimeout(() => URL.revokeObjectURL(url), 0);\n }\n};\n\nconst fetchRemoteAttachmentAsObjectUrl = async (url: string) => {\n if (typeof fetch !== 'function') return null;\n\n const response = await fetch(url);\n if (!response.ok) {\n throw new Error(`Failed to fetch attachment, status ${response.status}`);\n }\n const blob = await response.blob();\n return URL.createObjectURL(blob);\n};\n\nexport const downloadAttachment = async (\n attachment: DownloadableAttachment,\n options: { openRemoteInNewTab?: boolean; preferRemoteFetch?: boolean } = {},\n) => {\n const { openRemoteInNewTab = true, preferRemoteFetch = true } = options;\n const titleFallback = attachment.title ?? 'downloaded-attachment';\n const rawFile = attachment.localMetadata?.file;\n\n if (rawFile instanceof Blob) {\n const filename =\n rawFile instanceof File && rawFile.name ? rawFile.name : titleFallback;\n triggerUrlDownload({\n filename,\n url: URL.createObjectURL(rawFile),\n });\n return;\n }\n\n const filename =\n rawFile &&\n typeof rawFile === 'object' &&\n 'name' in rawFile &&\n typeof (rawFile as { name: unknown }).name === 'string'\n ? (rawFile as { name: string }).name\n : titleFallback;\n\n const url = attachment.asset_url ?? attachment.image_url;\n if (!url) return;\n\n // Prefer blob-based download for remote files when requested.\n if (preferRemoteFetch) {\n try {\n const objectUrl = await fetchRemoteAttachmentAsObjectUrl(url);\n if (objectUrl) {\n triggerUrlDownload({\n filename,\n url: objectUrl,\n });\n return;\n }\n } catch {\n // Fall back to direct URL download when fetch is blocked (e.g. CORS/policy).\n }\n }\n\n triggerUrlDownload({ filename, openInNewTab: openRemoteInNewTab, url });\n};\n\nexport const downloadAllAttachments = async (attachments: DownloadableAttachment[]) => {\n // Sequential execution keeps user intent clear and avoids bursting simultaneous requests.\n for (const attachment of attachments) {\n await downloadAttachment(attachment, {\n openRemoteInNewTab: true,\n preferRemoteFetch: true,\n });\n }\n};\n"],"mappings":";;AA6BA,IAAa,4BACX,eACyC;CACzC,IAAI,CAAC,cAAc,OAAO,eAAe,UAAU,OAAO;CAC1D,MAAM,kBAAkB;CAExB,OACE,iBAAiB,eAAe,KAChC,kBAAkB,eAAe,KACjC,kBAAkB,eAAe,KACjC,kBAAkB,eAAe,KACjC,2BAA2B,eAAe;AAE9C;AAEA,IAAM,sBAAsB,EAC1B,UACA,cACA,iBACA,UAMI;CACJ,MAAM,SAAS,SAAS,cAAc,GAAG;CACzC,OAAO,WAAW;CAClB,OAAO,OAAO;CACd,OAAO,MAAM;CAEb,IAAI,gBAAgB,CAAC,IAAI,WAAW,OAAO,GACzC,OAAO,SAAS;CAElB,SAAS,KAAK,OAAO,MAAM;CAC3B,OAAO,MAAM;CACb,OAAO,OAAO;CAId,KAD8B,mBAAmB,IAAI,WAAW,OAAO,MAC1C,IAAI,WAAW,OAAO,GACjD,iBAAiB,IAAI,gBAAgB,GAAG,GAAG,CAAC;AAEhD;AAEA,IAAM,mCAAmC,OAAO,QAAgB;CAC9D,IAAI,OAAO,UAAU,YAAY,OAAO;CAExC,MAAM,WAAW,MAAM,MAAM,GAAG;CAChC,IAAI,CAAC,SAAS,IACZ,MAAM,IAAI,MAAM,sCAAsC,SAAS,QAAQ;CAEzE,MAAM,OAAO,MAAM,SAAS,KAAK;CACjC,OAAO,IAAI,gBAAgB,IAAI;AACjC;AAEA,IAAa,qBAAqB,OAChC,YACA,UAAyE,CAAC,MACvE;CACH,MAAM,EAAE,qBAAqB,MAAM,oBAAoB,SAAS;CAChE,MAAM,gBAAgB,WAAW,SAAS;CAC1C,MAAM,UAAU,WAAW,eAAe;CAE1C,IAAI,mBAAmB,MAAM;EAG3B,mBAAmB;GACjB,UAFA,mBAAmB,QAAQ,QAAQ,OAAO,QAAQ,OAAO;GAGzD,KAAK,IAAI,gBAAgB,OAAO;EAClC,CAAC;EACD;CACF;CAEA,MAAM,WACJ,WACA,OAAO,YAAY,YACnB,UAAU,WACV,OAAQ,QAA8B,SAAS,WAC1C,QAA6B,OAC9B;CAEN,MAAM,MAAM,WAAW,aAAa,WAAW;CAC/C,IAAI,CAAC,KAAK;CAGV,IAAI,mBACF,IAAI;EACF,MAAM,YAAY,MAAM,iCAAiC,GAAG;EAC5D,IAAI,WAAW;GACb,mBAAmB;IACjB;IACA,KAAK;GACP,CAAC;GACD;EACF;CACF,QAAQ,CAER;CAGF,mBAAmB;EAAE;EAAU,cAAc;EAAoB;CAAI,CAAC;AACxE;AAEA,IAAa,yBAAyB,OAAO,gBAA0C;CAErF,KAAK,MAAM,cAAc,aACvB,MAAM,mBAAmB,YAAY;EACnC,oBAAoB;EACpB,mBAAmB;CACrB,CAAC;AAEL"}

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

@@ -0,0 +1,67 @@
+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
+* the rendered message is a reply (replies are limited to certain actions) and
+* 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 { 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";
+	const isBounced = isMessageBounced(message);
+	const allowRetry = isMessageErrorRetryable(message);
+	const hasNetworkSendFailure = isNetworkSendFailure(message);
+	return useMemo(() => {
+		if (disable) return messageActionSet;
+		if (isBounced || isInitialMessage || !message.type || message.type === "system" || message.type === "ephemeral" || message.status === "sending") return [];
+		return messageActionSet.filter((action) => {
+			if (action.placement === "quick-dropdown-toggle") return true;
+			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" && !userMessageRemindersEnabled || type === "saveForLater" && !userMessageRemindersEnabled) return false;
+			return true;
+		});
+	}, [
+		allowRetry,
+		canBlockUser,
+		canDelete,
+		canEdit,
+		canFlag,
+		canMarkUnread,
+		canMute,
+		canQuote,
+		canReact,
+		canReply,
+		canSendMessage,
+		userMessageRemindersEnabled,
+		isBounced,
+		isInitialMessage,
+		messageIsDeleted,
+		isMessageThreadReply,
+		message.error,
+		message.attachments,
+		message.status,
+		message.text,
+		message.type,
+		disable,
+		hasNetworkSendFailure,
+		messageActionSet
+	]);
+};
+//#endregion
+export { useBaseMessageActionSetFilter };
+//# sourceMappingURL=useBaseMessageActionSetFilter.mjs.map

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

@@ -0,0 +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 ADDED Viewed

@@ -0,0 +1,18 @@
+import { useComponentContext } from "../../context/ComponentContext.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
+function MessageBounceModal({ MessageBouncePrompt, ...modalProps }) {
+	const { Modal = GlobalModal } = useComponentContext();
+	return /* @__PURE__ */ jsx(Modal, {
+		className: "str-chat__message-bounce-modal",
+		...modalProps,
+		children: /* @__PURE__ */ jsx(MessageBounceProvider, { children: /* @__PURE__ */ jsx(MessageBouncePrompt, {}) })
+	});
+}
+//#endregion
+export { MessageBounceModal };
+//# sourceMappingURL=MessageBounceModal.mjs.map

package/dist/es/components/MessageBounce/MessageBounceModal.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MessageBounceModal.mjs","names":[],"sources":["../../../../src/components/MessageBounce/MessageBounceModal.tsx"],"sourcesContent":["import type { ComponentType, PropsWithChildren } from 'react';\nimport React from 'react';\nimport { GlobalModal, type ModalProps } from '../Modal';\nimport { MessageBounceProvider, useComponentContext } from '../../context';\nimport type { MessageBouncePromptProps } from './MessageBouncePrompt';\n\nexport type MessageBounceModalProps = PropsWithChildren<\n ModalProps & {\n MessageBouncePrompt: ComponentType<MessageBouncePromptProps>;\n }\n>;\n\nexport function MessageBounceModal({\n MessageBouncePrompt,\n ...modalProps\n}: MessageBounceModalProps) {\n const { Modal = GlobalModal } = useComponentContext();\n return (\n <Modal className='str-chat__message-bounce-modal' {...modalProps}>\n <MessageBounceProvider>\n <MessageBouncePrompt />\n </MessageBounceProvider>\n </Modal>\n );\n}\n"],"mappings":";;;;;;AAYA,SAAgB,mBAAmB,EACjC,qBACA,GAAG,cACuB;CAC1B,MAAM,EAAE,QAAQ,gBAAgB,oBAAoB;CACpD,OACE,oBAAC,OAAD;EAAO,WAAU;EAAiC,GAAI;YACpD,oBAAC,uBAAD,EAAA,UACE,oBAAC,qBAAD,CAAsB,CAAA,EACD,CAAA;CAClB,CAAA;AAEX"}

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

@@ -0,0 +1,67 @@
+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
+function MessageBouncePrompt({ children }) {
+	const { IconExclamationMark } = useComponentContextIcons();
+	const { handleDelete, handleEdit, handleRetry } = useMessageBounceContext();
+	const { t } = useTranslationContext();
+	const { close } = useModalContext();
+	function createHandler(handle) {
+		return (e) => {
+			handle(e);
+			close();
+		};
+	}
+	return /* @__PURE__ */ jsxs(Alert.Root, {
+		className: "str-chat__message-bounce-alert",
+		"data-testid": "message-bounce-prompt",
+		children: [/* @__PURE__ */ jsx(Alert.Header, {
+			className: "str-chat__message-bounce-alert-header",
+			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("messageBounce.prompt.title", "This message did not meet our content guidelines") : void 0,
+			children
+		}), /* @__PURE__ */ jsxs(Alert.Actions, {
+			className: "str-chat__message-bounce-actions",
+			children: [
+				/* @__PURE__ */ jsx(Button, {
+					appearance: "outline",
+					className: "str-chat__message-bounce-delete",
+					"data-testid": "message-bounce-delete",
+					onClick: createHandler(handleDelete),
+					size: "md",
+					variant: "danger",
+					children: t("common.delete.text", "Delete")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					appearance: "outline",
+					className: "str-chat__message-bounce-edit",
+					"data-testid": "message-bounce-edit",
+					onClick: createHandler(handleEdit),
+					size: "md",
+					variant: "secondary",
+					children: t("common.editMessage.text", "Edit Message")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					appearance: "outline",
+					className: "str-chat__message-bounce-send",
+					"data-testid": "message-bounce-send",
+					onClick: createHandler(handleRetry),
+					size: "md",
+					variant: "secondary",
+					children: t("messageBounce.prompt.sendAnyway.text", "Send Anyway")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { MessageBouncePrompt };
+//# sourceMappingURL=MessageBouncePrompt.mjs.map

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

@@ -0,0 +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"}