stream-chat-react 14.11.1 → 14.12.0

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

@@ -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 { 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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"}

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

@@ -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 { 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";
+//#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("aria/Message Actions"),
+			backLabel: t("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

@@ -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 { 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"}

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

@@ -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

@@ -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

@@ -0,0 +1,71 @@
+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 "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("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({
+						messageId: message.id,
+						remind_at: new Date((/* @__PURE__ */ new Date()).getTime() + offsetMs).toISOString()
+					});
+					addNotification({
+						context: { message },
+						emitter: "MessageActions",
+						message: t("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/Remind Me", { milliseconds: offsetMs })
+		}, `reminder-offset-option--${offsetMs}`))
+	});
+};
+//#endregion
+export { RemindMeSubmenu, RemindMeSubmenuHeader };
+
+//# sourceMappingURL=RemindMeSubmenu.mjs.map

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

@@ -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\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"}

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

@@ -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

@@ -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

@@ -0,0 +1,64 @@
+import { useChannelStateContext } from "../../../context/ChannelStateContext.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 { useMemo } from "react";
+import { isAudioAttachment, isFileAttachment, isImageAttachment, isVideoAttachment, isVoiceRecordingAttachment } from "stream-chat";
+//#region src/components/MessageActions/hooks/useBaseMessageActionSetFilter.ts
+/**
+* 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 { initialMessage: isInitialMessage, message } = useMessageContext();
+	const { channelConfig } = useChannelStateContext();
+	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" && !channelConfig?.["user_message_reminders"] || type === "saveForLater" && !channelConfig?.["user_message_reminders"]) return false;
+			return true;
+		});
+	}, [
+		allowRetry,
+		canBlockUser,
+		canDelete,
+		canEdit,
+		canFlag,
+		canMarkUnread,
+		canMute,
+		canQuote,
+		canReact,
+		canReply,
+		canSendMessage,
+		channelConfig,
+		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

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

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

@@ -0,0 +1,18 @@
+import { useComponentContext } from "../../context/ComponentContext.mjs";
+import { MessageBounceProvider } from "../../context/MessageBounceContext.mjs";
+import { GlobalModal } from "../Modal/GlobalModal.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

@@ -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

@@ -0,0 +1,67 @@
+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 "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("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,
+			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("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("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("Send Anyway")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { MessageBouncePrompt };
+
+//# sourceMappingURL=MessageBouncePrompt.mjs.map

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

@@ -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\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"}