stream-chat-react 13.0.5 → 13.1.1

package/dist/experimental/MessageActions/defaults.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { ComponentPropsWithoutRef } from 'react';
+import React from 'react';
 import type { MessageActionSetItem } from './MessageActions';
 export declare const DefaultDropdownActionButton: ({ "aria-selected": ariaSelected, children, className, role, ...rest }: ComponentPropsWithoutRef<'button'>) => React.JSX.Element;
 export declare const defaultMessageActionSet: MessageActionSetItem[];

package/dist/experimental/MessageActions/defaults.js

@@ -1,11 +1,11 @@
-/* eslint-disable sort-keys */
 import React from 'react';
-import { isUserMuted } from '../../components';
+import { isUserMuted, useMessageComposer, useMessageReminder } from '../../components';
 import { ReactionIcon as DefaultReactionIcon, ThreadIcon, } from '../../components/Message/icons';
 import { ReactionSelectorWithButton } from '../../components/Reactions/ReactionSelectorWithButton';
 import { useChatContext, useMessageContext, useTranslationContext } from '../../context';
-import { useMessageComposer } from '../../components';
-export const DefaultDropdownActionButton = ({ 'aria-selected': ariaSelected = 'false', children, className = 'str-chat__message-actions-list-item-button', role = 'option', ...rest }) => (React.createElement("button", { "aria-selected": ariaSelected, className: className, role: role, ...rest }, children));
+import { RemindMeActionButton } from '../../components/MessageActions/RemindMeSubmenu';
+const msgActionsBoxButtonClassName = 'str-chat__message-actions-list-item-button';
+export const DefaultDropdownActionButton = ({ 'aria-selected': ariaSelected = 'false', children, className = msgActionsBoxButtonClassName, role = 'option', ...rest }) => (React.createElement("button", { "aria-selected": ariaSelected, className: className, role: role, ...rest }, children));
 const DefaultMessageActionComponents = {
     dropdown: {
         Quote() {
@@ -55,6 +55,19 @@ const DefaultMessageActionComponents = {
             const { t } = useTranslationContext();
             return (React.createElement(DefaultDropdownActionButton, { onClick: handleDelete }, t('Delete')));
         },
+        RemindMe() {
+            const { isMyMessage } = useMessageContext();
+            return (React.createElement(RemindMeActionButton, { className: msgActionsBoxButtonClassName, isMine: isMyMessage() }));
+        },
+        SaveForLater() {
+            const { client } = useChatContext();
+            const { message } = useMessageContext();
+            const { t } = useTranslationContext();
+            const reminder = useMessageReminder(message.id);
+            return (React.createElement(DefaultDropdownActionButton, { onClick: () => reminder
+                    ? client.reminders.deleteReminder(reminder.id)
+                    : client.reminders.createReminder({ messageId: message.id }) }, reminder ? t('Remove reminder') : t('Save for later')));
+        },
     },
     quick: {
         React() {
@@ -115,4 +128,14 @@ export const defaultMessageActionSet = [
         placement: 'dropdown',
         type: 'markUnread',
     },
+    {
+        Component: DefaultMessageActionComponents.dropdown.RemindMe,
+        placement: 'dropdown',
+        type: 'remindMe',
+    },
+    {
+        Component: DefaultMessageActionComponents.dropdown.SaveForLater,
+        placement: 'dropdown',
+        type: 'saveForLater',
+    },
 ];