stream-chat-react 13.14.3 → 14.0.0-beta.2

package/dist/components/Message/utils.js

@@ -1,336 +0,0 @@
-import deepequal from 'react-fast-compare';
-import emojiRegex from 'emoji-regex';
-/**
- * Following function validates a function which returns notification message.
- * It validates if the first parameter is function and also if return value of function is string or no.
- */
-export const validateAndGetMessage = (func, args) => {
-    if (!func || typeof func !== 'function')
-        return null;
-    // below is due to tests passing a single argument
-    // rather than an array.
-    if (!Array.isArray(args)) {
-        args = [args];
-    }
-    const returnValue = func(...args);
-    if (typeof returnValue !== 'string')
-        return null;
-    return returnValue;
-};
-/**
- * Tell if the owner of the current message is muted
- */
-export const isUserMuted = (message, mutes) => {
-    if (!mutes || !message)
-        return false;
-    const userMuted = mutes.filter((el) => el.target.id === message.user?.id);
-    return !!userMuted.length;
-};
-export const OPTIONAL_MESSAGE_ACTIONS = {
-    deleteForMe: 'deleteForMe',
-};
-export const MESSAGE_ACTIONS = {
-    delete: 'delete',
-    edit: 'edit',
-    flag: 'flag',
-    markUnread: 'markUnread',
-    mute: 'mute',
-    pin: 'pin',
-    quote: 'quote',
-    react: 'react',
-    remindMe: 'remindMe',
-    reply: 'reply',
-    saveForLater: 'saveForLater',
-};
-// @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
-export const defaultPinPermissions = {
-    commerce: {
-        admin: true,
-        anonymous: false,
-        channel_member: false,
-        channel_moderator: true,
-        guest: false,
-        member: false,
-        moderator: true,
-        owner: true,
-        user: false,
-    },
-    gaming: {
-        admin: true,
-        anonymous: false,
-        channel_member: false,
-        channel_moderator: true,
-        guest: false,
-        member: false,
-        moderator: true,
-        owner: false,
-        user: false,
-    },
-    livestream: {
-        admin: true,
-        anonymous: false,
-        channel_member: false,
-        channel_moderator: true,
-        guest: false,
-        member: false,
-        moderator: true,
-        owner: true,
-        user: false,
-    },
-    messaging: {
-        admin: true,
-        anonymous: false,
-        channel_member: true,
-        channel_moderator: true,
-        guest: false,
-        member: true,
-        moderator: true,
-        owner: true,
-        user: false,
-    },
-    team: {
-        admin: true,
-        anonymous: false,
-        channel_member: true,
-        channel_moderator: true,
-        guest: false,
-        member: true,
-        moderator: true,
-        owner: true,
-        user: false,
-    },
-};
-export const getMessageActions = (actions, { canDelete, canEdit, canFlag, canMarkUnread, canMute, canPin, canQuote, canReact, canReply, }, channelConfig) => {
-    const messageActionsAfterPermission = [];
-    let messageActions = [];
-    if (actions && typeof actions === 'boolean') {
-        // If value of actions is true, then populate all the possible values
-        messageActions = Object.keys(MESSAGE_ACTIONS);
-    }
-    else if (actions && actions.length > 0) {
-        messageActions = [...actions];
-    }
-    else {
-        return [];
-    }
-    if (canDelete && messageActions.indexOf(MESSAGE_ACTIONS.delete) > -1) {
-        messageActionsAfterPermission.push(MESSAGE_ACTIONS.delete);
-    }
-    if (canDelete && messageActions.indexOf(OPTIONAL_MESSAGE_ACTIONS.deleteForMe) > -1) {
-        messageActionsAfterPermission.push(OPTIONAL_MESSAGE_ACTIONS.deleteForMe);
-    }
-    if (canEdit && messageActions.indexOf(MESSAGE_ACTIONS.edit) > -1) {
-        messageActionsAfterPermission.push(MESSAGE_ACTIONS.edit);
-    }
-    if (canFlag && messageActions.indexOf(MESSAGE_ACTIONS.flag) > -1) {
-        messageActionsAfterPermission.push(MESSAGE_ACTIONS.flag);
-    }
-    if (canMarkUnread && messageActions.indexOf(MESSAGE_ACTIONS.markUnread) > -1) {
-        messageActionsAfterPermission.push(MESSAGE_ACTIONS.markUnread);
-    }
-    if (canMute && messageActions.indexOf(MESSAGE_ACTIONS.mute) > -1) {
-        messageActionsAfterPermission.push(MESSAGE_ACTIONS.mute);
-    }
-    if (canPin && messageActions.indexOf(MESSAGE_ACTIONS.pin) > -1) {
-        messageActionsAfterPermission.push(MESSAGE_ACTIONS.pin);
-    }
-    if (canQuote && messageActions.indexOf(MESSAGE_ACTIONS.quote) > -1) {
-        messageActionsAfterPermission.push(MESSAGE_ACTIONS.quote);
-    }
-    if (canReact && messageActions.indexOf(MESSAGE_ACTIONS.react) > -1) {
-        messageActionsAfterPermission.push(MESSAGE_ACTIONS.react);
-    }
-    if (channelConfig?.['user_message_reminders'] &&
-        messageActions.indexOf(MESSAGE_ACTIONS.remindMe) > -1) {
-        messageActionsAfterPermission.push(MESSAGE_ACTIONS.remindMe);
-    }
-    if (canReply && messageActions.indexOf(MESSAGE_ACTIONS.reply) > -1) {
-        messageActionsAfterPermission.push(MESSAGE_ACTIONS.reply);
-    }
-    if (channelConfig?.['user_message_reminders'] &&
-        messageActions.indexOf(MESSAGE_ACTIONS.saveForLater) > -1) {
-        messageActionsAfterPermission.push(MESSAGE_ACTIONS.saveForLater);
-    }
-    return messageActionsAfterPermission;
-};
-export const ACTIONS_NOT_WORKING_IN_THREAD = [
-    MESSAGE_ACTIONS.pin,
-    MESSAGE_ACTIONS.reply,
-    MESSAGE_ACTIONS.markUnread,
-];
-/**
- * @deprecated use `shouldRenderMessageActions` instead
- */
-export const showMessageActionsBox = (actions, inThread) => shouldRenderMessageActions({ inThread, messageActions: actions });
-export const shouldRenderMessageActions = ({ customMessageActions, CustomMessageActionsList, inThread, messageActions, }) => {
-    if (typeof CustomMessageActionsList !== 'undefined' ||
-        typeof customMessageActions !== 'undefined')
-        return true;
-    if (!messageActions.length)
-        return false;
-    if (inThread &&
-        messageActions.filter((action) => !ACTIONS_NOT_WORKING_IN_THREAD.includes(action))
-            .length === 0) {
-        return false;
-    }
-    if (messageActions.length === 1 &&
-        (messageActions.includes(MESSAGE_ACTIONS.react) ||
-            messageActions.includes(MESSAGE_ACTIONS.reply))) {
-        return false;
-    }
-    if (messageActions.length === 2 &&
-        messageActions.includes(MESSAGE_ACTIONS.react) &&
-        messageActions.includes(MESSAGE_ACTIONS.reply)) {
-        return false;
-    }
-    return true;
-};
-function areMessagesEqual(prevMessage, nextMessage) {
-    const areBaseMessagesEqual = (prevMessage, nextMessage) => prevMessage.deleted_at === nextMessage.deleted_at &&
-        prevMessage.latest_reactions?.length === nextMessage.latest_reactions?.length &&
-        prevMessage.own_reactions?.length === nextMessage.own_reactions?.length &&
-        prevMessage.pinned === nextMessage.pinned &&
-        prevMessage.reply_count === nextMessage.reply_count &&
-        prevMessage.status === nextMessage.status &&
-        prevMessage.text === nextMessage.text &&
-        prevMessage.type === nextMessage.type &&
-        prevMessage.updated_at === nextMessage.updated_at &&
-        prevMessage.user?.updated_at === nextMessage.user?.updated_at;
-    return (areBaseMessagesEqual(prevMessage, nextMessage) &&
-        Boolean(prevMessage.quoted_message) === Boolean(nextMessage.quoted_message) &&
-        ((!prevMessage.quoted_message && !nextMessage.quoted_message) ||
-            areBaseMessagesEqual(prevMessage.quoted_message, nextMessage.quoted_message)));
-}
-export const areMessagePropsEqual = (prevProps, nextProps) => {
-    const { message: prevMessage, Message: prevMessageUI } = prevProps;
-    const { message: nextMessage, Message: nextMessageUI } = nextProps;
-    if (prevMessageUI !== nextMessageUI)
-        return false;
-    if (prevProps.endOfGroup !== nextProps.endOfGroup)
-        return false;
-    if (nextProps.showDetailedReactions !== prevProps.showDetailedReactions) {
-        return false;
-    }
-    if (nextProps.closeReactionSelectorOnClick !== prevProps.closeReactionSelectorOnClick) {
-        return false;
-    }
-    const messagesAreEqual = areMessagesEqual(prevMessage, nextMessage);
-    if (!messagesAreEqual)
-        return false;
-    const deepEqualProps = deepequal(nextProps.messageActions, prevProps.messageActions) &&
-        deepequal(nextProps.readBy, prevProps.readBy) &&
-        deepequal(nextProps.deliveredTo, prevProps.deliveredTo) &&
-        deepequal(nextProps.highlighted, prevProps.highlighted) &&
-        deepequal(nextProps.groupStyles, prevProps.groupStyles) && // last 3 messages can have different group styles
-        deepequal(nextProps.mutes, prevProps.mutes) &&
-        deepequal(nextProps.lastReceivedId, prevProps.lastReceivedId);
-    if (!deepEqualProps)
-        return false;
-    return (prevProps.messageListRect === nextProps.messageListRect // MessageList wrapper layout changes
-    );
-};
-export const areMessageUIPropsEqual = (prevProps, nextProps) => {
-    const { lastReceivedId: prevLastReceivedId, message: prevMessage } = prevProps;
-    const { lastReceivedId: nextLastReceivedId, message: nextMessage } = nextProps;
-    if (prevProps.editing !== nextProps.editing)
-        return false;
-    if (prevProps.highlighted !== nextProps.highlighted)
-        return false;
-    if (prevProps.endOfGroup !== nextProps.endOfGroup)
-        return false;
-    if (prevProps.mutes?.length !== nextProps.mutes?.length)
-        return false;
-    if (prevProps.readBy?.length !== nextProps.readBy?.length)
-        return false;
-    if (prevProps.deliveredTo?.length !== nextProps.deliveredTo?.length)
-        return false;
-    if (prevProps.groupStyles !== nextProps.groupStyles)
-        return false;
-    if (prevProps.showDetailedReactions !== nextProps.showDetailedReactions) {
-        return false;
-    }
-    if ((prevMessage.id === prevLastReceivedId || prevMessage.id === nextLastReceivedId) &&
-        prevLastReceivedId !== nextLastReceivedId) {
-        return false;
-    }
-    return areMessagesEqual(prevMessage, nextMessage);
-};
-export const messageHasReactions = (message) => Object.values(message?.reaction_groups ?? {}).some(({ count }) => count > 0);
-export const messageHasAttachments = (message) => !!message?.attachments && !!message.attachments.length;
-export const getImages = (message) => {
-    if (!message?.attachments) {
-        return [];
-    }
-    return message.attachments.filter((item) => item.type === 'image');
-};
-export const getNonImageAttachments = (message) => {
-    if (!message?.attachments) {
-        return [];
-    }
-    return message.attachments.filter((item) => item.type !== 'image');
-};
-/**
- * Default Tooltip Username mapper implementation.
- *
- * @param user the user.
- */
-export const mapToUserNameOrId = (user) => user.name || user.id;
-export const getReadByTooltipText = (users, t, client, tooltipUserNameMapper) => {
-    let outStr = '';
-    if (!t) {
-        throw new Error('getReadByTooltipText was called, but translation function is not available');
-    }
-    if (!tooltipUserNameMapper) {
-        throw new Error('getReadByTooltipText was called, but tooltipUserNameMapper function is not available');
-    }
-    // first filter out client user, so restLength won't count it
-    const otherUsers = users
-        .filter((item) => item && client?.user && item.id !== client.user.id)
-        .map(tooltipUserNameMapper);
-    const slicedArr = otherUsers.slice(0, 5);
-    const restLength = otherUsers.length - slicedArr.length;
-    if (slicedArr.length === 1) {
-        outStr = `${slicedArr[0]} `;
-    }
-    else if (slicedArr.length === 2) {
-        // joins all with "and" but =no commas
-        // example: "bob and sam"
-        outStr = t('{{ firstUser }} and {{ secondUser }}', {
-            firstUser: slicedArr[0],
-            secondUser: slicedArr[1],
-        });
-    }
-    else if (slicedArr.length > 2) {
-        // joins all with commas, but last one gets ", and" (oxford comma!)
-        // example: "bob, joe, sam and 4 more"
-        if (restLength === 0) {
-            // mutate slicedArr to remove last user to display it separately
-            const lastUser = slicedArr.splice(slicedArr.length - 1, 1);
-            outStr = t('{{ commaSeparatedUsers }}, and {{ lastUser }}', {
-                commaSeparatedUsers: slicedArr.join(', '),
-                lastUser,
-            });
-        }
-        else {
-            outStr = t('{{ commaSeparatedUsers }} and {{ moreCount }} more', {
-                commaSeparatedUsers: slicedArr.join(', '),
-                moreCount: restLength,
-            });
-        }
-    }
-    return outStr;
-};
-export const isOnlyEmojis = (text) => {
-    if (!text)
-        return false;
-    const noEmojis = text.replace(emojiRegex(), '');
-    const noSpace = noEmojis.replace(/[\s\n]/gm, '');
-    return !noSpace;
-};
-export const isMessageBounced = (message) => message.type === 'error' &&
-    (message.moderation_details?.action === 'MESSAGE_RESPONSE_ACTION_BOUNCE' ||
-        message.moderation?.action === 'bounce');
-export const isMessageBlocked = (message) => message.type === 'error' &&
-    (message.moderation_details?.action === 'MESSAGE_RESPONSE_ACTION_REMOVE' ||
-        message.moderation?.action === 'remove');
-export const isMessageEdited = (message) => !!message.message_text_updated_at;

package/dist/components/MessageActions/CustomMessageActionsList.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { LocalMessage } from 'stream-chat';
-import type { CustomMessageActions } from '../../context/MessageContext';
-export type CustomMessageActionsListProps = {
-    message: LocalMessage;
-    customMessageActions?: CustomMessageActions;
-};
-export declare const CustomMessageActionsList: (props: CustomMessageActionsListProps) => React.JSX.Element | null;

package/dist/components/MessageActions/CustomMessageActionsList.js

@@ -1,11 +0,0 @@
-import React from 'react';
-export const CustomMessageActionsList = (props) => {
-    const { customMessageActions, message } = props;
-    if (!customMessageActions)
-        return null;
-    const customActionsArray = Object.keys(customMessageActions);
-    return (React.createElement(React.Fragment, null, customActionsArray.map((customAction) => {
-        const customHandler = customMessageActions[customAction];
-        return (React.createElement("button", { "aria-selected": 'false', className: 'str-chat__message-actions-list-item str-chat__message-actions-list-item-button', key: customAction, onClick: (event) => customHandler(message, event), role: 'option' }, customAction));
-    })));
-};

package/dist/components/MessageActions/MessageActions.d.ts

@@ -1,19 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-import type { MessageContextValue } from '../../context/MessageContext';
-import type { IconProps } from '../../types/types';
-type MessageContextPropsToPick = 'getMessageActions' | 'handleDelete' | 'handleFlag' | 'handleMarkUnread' | 'handleMute' | 'handlePin' | 'message';
-export type MessageActionsProps = Partial<Pick<MessageContextValue, MessageContextPropsToPick>> & {
-    ActionsIcon?: React.ComponentType<IconProps>;
-    customWrapperClass?: string;
-    inline?: boolean;
-    mine?: () => boolean;
-};
-export declare const MessageActions: (props: MessageActionsProps) => React.JSX.Element | null;
-export type MessageActionsWrapperProps = {
-    customWrapperClass?: string;
-    inline?: boolean;
-    toggleOpen?: () => void;
-};
-export declare const MessageActionsWrapper: (props: PropsWithChildren<MessageActionsWrapperProps>) => React.JSX.Element;
-export {};

package/dist/components/MessageActions/MessageActions.js

@@ -1,56 +0,0 @@
-import clsx from 'clsx';
-import React, { useCallback, useRef } from 'react';
-import { MessageActionsBox } from './MessageActionsBox';
-import { DialogAnchor, useDialogIsOpen, useDialogOnNearestManager } from '../Dialog';
-import { ActionsIcon as DefaultActionsIcon } from '../Message/icons';
-import { isUserMuted, shouldRenderMessageActions } from '../Message/utils';
-import { useChatContext } from '../../context/ChatContext';
-import { useMessageContext } from '../../context/MessageContext';
-import { useComponentContext, useTranslationContext } from '../../context';
-export const MessageActions = (props) => {
-    const { ActionsIcon = DefaultActionsIcon, customWrapperClass = '', getMessageActions: propGetMessageActions, handleDelete: propHandleDelete, handleFlag: propHandleFlag, handleMarkUnread: propHandleMarkUnread, handleMute: propHandleMute, handlePin: propHandlePin, inline, message: propMessage, mine, } = props;
-    const { mutes } = useChatContext('MessageActions');
-    const { customMessageActions, getMessageActions: contextGetMessageActions, handleDelete: contextHandleDelete, handleFlag: contextHandleFlag, handleMarkUnread: contextHandleMarkUnread, handleMute: contextHandleMute, handlePin: contextHandlePin, isMyMessage, message: contextMessage, setEditingState, threadList, } = useMessageContext('MessageActions');
-    const { CustomMessageActionsList } = useComponentContext('MessageActions');
-    const { t } = useTranslationContext('MessageActions');
-    const getMessageActions = propGetMessageActions || contextGetMessageActions;
-    const handleDelete = propHandleDelete || contextHandleDelete;
-    const handleFlag = propHandleFlag || contextHandleFlag;
-    const handleMarkUnread = propHandleMarkUnread || contextHandleMarkUnread;
-    const handleMute = propHandleMute || contextHandleMute;
-    const handlePin = propHandlePin || contextHandlePin;
-    const message = propMessage || contextMessage;
-    const isMine = mine ? mine() : isMyMessage();
-    const isMuted = useCallback(() => isUserMuted(message, mutes), [message, mutes]);
-    const dialogIdNamespace = threadList ? '-thread-' : '';
-    const dialogId = `message-actions${dialogIdNamespace}--${message.id}`;
-    const { dialog, dialogManager } = useDialogOnNearestManager({ id: dialogId });
-    const dialogIsOpen = useDialogIsOpen(dialogId, dialogManager?.id);
-    const messageActions = getMessageActions();
-    const renderMessageActions = shouldRenderMessageActions({
-        customMessageActions,
-        CustomMessageActionsList,
-        inThread: threadList,
-        messageActions,
-    });
-    const actionsBoxButtonRef = useRef(null);
-    if (!renderMessageActions)
-        return null;
-    return (React.createElement(MessageActionsWrapper, { customWrapperClass: customWrapperClass, inline: inline, toggleOpen: dialog?.toggle },
-        React.createElement(DialogAnchor, { dialogManagerId: dialogManager?.id, id: dialogId, placement: isMine ? 'top-end' : 'top-start', referenceElement: actionsBoxButtonRef.current, tabIndex: -1, trapFocus: true },
-            React.createElement(MessageActionsBox, { getMessageActions: getMessageActions, handleDelete: handleDelete, handleEdit: setEditingState, handleFlag: handleFlag, handleMarkUnread: handleMarkUnread, handleMute: handleMute, handlePin: handlePin, isUserMuted: isMuted, mine: isMine, open: dialogIsOpen })),
-        React.createElement("button", { "aria-expanded": dialogIsOpen, "aria-haspopup": 'true', "aria-label": t('aria/Open Message Actions Menu'), className: 'str-chat__message-actions-box-button', "data-testid": 'message-actions-toggle-button', ref: actionsBoxButtonRef },
-            React.createElement(ActionsIcon, { className: 'str-chat__message-action-icon' }))));
-};
-export const MessageActionsWrapper = (props) => {
-    const { children, customWrapperClass, inline, toggleOpen } = props;
-    const defaultWrapperClass = clsx('str-chat__message-simple__actions__action', 'str-chat__message-simple__actions__action--options', 'str-chat__message-actions-container');
-    const wrapperProps = {
-        className: customWrapperClass || defaultWrapperClass,
-        'data-testid': 'message-actions',
-        onClick: toggleOpen,
-    };
-    if (inline)
-        return React.createElement("span", { ...wrapperProps }, children);
-    return React.createElement("div", { ...wrapperProps }, children);
-};

package/dist/components/MessageActions/MessageActionsBox.d.ts

@@ -1,14 +0,0 @@
-import type { ComponentProps } from 'react';
-import React from 'react';
-import type { MessageContextValue } from '../../context';
-type PropsDrilledToMessageActionsBox = 'getMessageActions' | 'handleDelete' | 'handleEdit' | 'handleMarkUnread' | 'handleFlag' | 'handleMute' | 'handlePin';
-export type MessageActionsBoxProps = Pick<MessageContextValue, PropsDrilledToMessageActionsBox> & {
-    isUserMuted: () => boolean;
-    mine: boolean;
-    open: boolean;
-} & ComponentProps<'div'>;
-/**
- * A popup box that displays the available actions on a message, such as edit, delete, pin, etc.
- */
-export declare const MessageActionsBox: (props: MessageActionsBoxProps) => React.JSX.Element;
-export {};

package/dist/components/MessageActions/MessageActionsBox.js

@@ -1,54 +0,0 @@
-import clsx from 'clsx';
-import React from 'react';
-import { CustomMessageActionsList as DefaultCustomMessageActionsList } from './CustomMessageActionsList';
-import { RemindMeActionButton } from './RemindMeSubmenu';
-import { OPTIONAL_MESSAGE_ACTIONS, useMessageReminder } from '../Message';
-import { useMessageComposer } from '../MessageInput';
-import { useChatContext, useComponentContext, useMessageContext, useTranslationContext, } from '../../context';
-import { MESSAGE_ACTIONS } from '../Message/utils';
-const UnMemoizedMessageActionsBox = (props) => {
-    const { className, getMessageActions, handleDelete, handleEdit, handleFlag, handleMarkUnread, handleMute, handlePin, isUserMuted, mine, open, ...restDivProps } = props;
-    const { client } = useChatContext();
-    const { CustomMessageActionsList = DefaultCustomMessageActionsList } = useComponentContext('MessageActionsBox');
-    const { customMessageActions, message, threadList } = useMessageContext('MessageActionsBox');
-    const { t } = useTranslationContext('MessageActionsBox');
-    const messageComposer = useMessageComposer();
-    const reminder = useMessageReminder(message.id);
-    const messageActions = getMessageActions();
-    const handleQuote = () => {
-        messageComposer.setQuotedMessage(message);
-        const elements = message.parent_id
-            ? document.querySelectorAll('.str-chat__thread .str-chat__textarea__textarea')
-            : document.getElementsByClassName('str-chat__textarea__textarea');
-        const textarea = elements.item(0);
-        if (textarea instanceof HTMLTextAreaElement) {
-            textarea.focus();
-        }
-    };
-    const rootClassName = clsx('str-chat__message-actions-box', className, {
-        'str-chat__message-actions-box--open': open,
-    });
-    const buttonClassName = 'str-chat__message-actions-list-item str-chat__message-actions-list-item-button';
-    return (React.createElement("div", { ...restDivProps, className: rootClassName, "data-testid": 'message-actions-box' },
-        React.createElement("div", { "aria-label": t('aria/Message Options'), className: 'str-chat__message-actions-list', role: 'listbox' },
-            React.createElement(CustomMessageActionsList, { customMessageActions: customMessageActions, message: message }),
-            messageActions.indexOf(MESSAGE_ACTIONS.quote) > -1 && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handleQuote, role: 'option' }, t('Reply'))),
-            messageActions.indexOf(MESSAGE_ACTIONS.pin) > -1 && !message.parent_id && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handlePin, role: 'option' }, !message.pinned ? t('Pin') : t('Unpin'))),
-            messageActions.indexOf(MESSAGE_ACTIONS.markUnread) > -1 &&
-                !threadList &&
-                !!message.id && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handleMarkUnread, role: 'option' }, t('Mark as unread'))),
-            messageActions.indexOf(MESSAGE_ACTIONS.flag) > -1 && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handleFlag, role: 'option' }, t('Flag'))),
-            messageActions.indexOf(MESSAGE_ACTIONS.mute) > -1 && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handleMute, role: 'option' }, isUserMuted() ? t('Unmute') : t('Mute'))),
-            messageActions.indexOf(MESSAGE_ACTIONS.edit) > -1 && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handleEdit, role: 'option' }, t('Edit Message'))),
-            messageActions.indexOf(MESSAGE_ACTIONS.delete) > -1 && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handleDelete, role: 'option' }, t('Delete'))),
-            messageActions.indexOf(OPTIONAL_MESSAGE_ACTIONS.deleteForMe) > -1 &&
-                !message.deleted_for_me && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: (e) => handleDelete(e, { deleteForMe: true }), role: 'option' }, t('Delete for me'))),
-            messageActions.indexOf(MESSAGE_ACTIONS.remindMe) > -1 && (React.createElement(RemindMeActionButton, { className: buttonClassName, isMine: mine })),
-            messageActions.indexOf(MESSAGE_ACTIONS.saveForLater) > -1 && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: () => reminder
-                    ? client.reminders.deleteReminder(reminder.id)
-                    : client.reminders.createReminder({ messageId: message.id }), role: 'option' }, reminder ? t('Remove reminder') : t('Save for later'))))));
-};
-/**
- * A popup box that displays the available actions on a message, such as edit, delete, pin, etc.
- */
-export const MessageActionsBox = React.memo(UnMemoizedMessageActionsBox);

package/dist/components/MessageActions/RemindMeSubmenu.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-export declare const RemindMeActionButton: ({ className, isMine, }: {
-    isMine: boolean;
-} & ComponentProps<'button'>) => React.JSX.Element;
-export declare const RemindMeSubmenu: () => React.JSX.Element;

package/dist/components/MessageActions/RemindMeSubmenu.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { useChatContext, useMessageContext, useTranslationContext } from '../../context';
-import { ButtonWithSubmenu } from '../Dialog';
-export const RemindMeActionButton = ({ className, isMine, }) => {
-    const { t } = useTranslationContext();
-    return (React.createElement(ButtonWithSubmenu, { "aria-selected": 'false', className: className, placement: isMine ? 'left-start' : 'right-start', Submenu: RemindMeSubmenu }, t('Remind Me')));
-};
-export const RemindMeSubmenu = () => {
-    const { t } = useTranslationContext();
-    const { client } = useChatContext();
-    const { message } = useMessageContext();
-    return (React.createElement("div", { "aria-label": t('aria/Remind Me Options'), className: 'str-chat__message-actions-box__submenu', role: 'listbox' }, client.reminders.scheduledOffsetsMs.map((offsetMs) => (React.createElement("button", { className: 'str-chat__message-actions-list-item-button', key: `reminder-offset-option--${offsetMs}`, onClick: () => {
-            client.reminders.upsertReminder({
-                messageId: message.id,
-                remind_at: new Date(new Date().getTime() + offsetMs).toISOString(),
-            });
-        } }, t('duration/Remind Me', { milliseconds: offsetMs }))))));
-};

package/dist/components/MessageActions/index.d.ts

@@ -1,3 +0,0 @@
-export * from './MessageActions';
-export * from './MessageActionsBox';
-export * from './CustomMessageActionsList';

package/dist/components/MessageActions/index.js

@@ -1,3 +0,0 @@
-export * from './MessageActions';
-export * from './MessageActionsBox';
-export * from './CustomMessageActionsList';

package/dist/components/MessageBounce/MessageBounceModal.d.ts

@@ -1,8 +0,0 @@
-import type { ComponentType, PropsWithChildren } from 'react';
-import React from 'react';
-import type { ModalProps } from '../Modal';
-import type { MessageBouncePromptProps } from './MessageBouncePrompt';
-export type MessageBounceModalProps = PropsWithChildren<ModalProps & {
-    MessageBouncePrompt: ComponentType<MessageBouncePromptProps>;
-}>;
-export declare function MessageBounceModal({ MessageBouncePrompt, ...modalProps }: MessageBounceModalProps): React.JSX.Element;

package/dist/components/MessageBounce/MessageBounceModal.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Modal as DefaultModal } from '../Modal';
-import { MessageBounceProvider, useComponentContext } from '../../context';
-export function MessageBounceModal({ MessageBouncePrompt, ...modalProps }) {
-    const { Modal = DefaultModal } = useComponentContext();
-    return (React.createElement(Modal, { className: 'str-chat__message-bounce-modal', ...modalProps },
-        React.createElement(MessageBounceProvider, null,
-            React.createElement(MessageBouncePrompt, { onClose: modalProps.onClose }))));
-}

package/dist/components/MessageBounce/MessageBouncePrompt.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { PropsWithChildren } from 'react';
-import type { ModalProps } from '../Modal';
-export type MessageBouncePromptProps = PropsWithChildren<Pick<ModalProps, 'onClose'>>;
-export declare function MessageBouncePrompt({ children, onClose }: MessageBouncePromptProps): React.JSX.Element;

package/dist/components/MessageBounce/MessageBouncePrompt.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { useMessageBounceContext, useTranslationContext } from '../../context';
-export function MessageBouncePrompt({ children, onClose }) {
-    const { handleDelete, handleEdit, handleRetry } = useMessageBounceContext('MessageBouncePrompt');
-    const { t } = useTranslationContext('MessageBouncePrompt');
-    function createHandler(handle) {
-        return (e) => {
-            handle(e);
-            onClose?.(e);
-        };
-    }
-    return (React.createElement("div", { className: 'str-chat__message-bounce-prompt', "data-testid": 'message-bounce-prompt' },
-        React.createElement("div", { className: 'str-chat__message-bounce-prompt-header' }, children ?? t('This message did not meet our content guidelines')),
-        React.createElement("div", { className: 'str-chat__message-bounce-actions' },
-            React.createElement("button", { className: 'str-chat__message-bounce-edit', "data-testid": 'message-bounce-edit', onClick: createHandler(handleEdit), type: 'button' }, t('Edit Message')),
-            React.createElement("button", { className: 'str-chat__message-bounce-send', "data-testid": 'message-bounce-send', onClick: createHandler(handleRetry) }, t('Send Anyway')),
-            React.createElement("button", { className: 'str-chat__message-bounce-delete', "data-testid": 'message-bounce-delete', onClick: createHandler(handleDelete) }, t('Delete')))));
-}

package/dist/components/MessageBounce/index.d.ts

@@ -1,2 +0,0 @@
-export * from './MessageBounceModal';
-export * from './MessageBouncePrompt';

package/dist/components/MessageBounce/index.js

@@ -1,2 +0,0 @@
-export * from './MessageBounceModal';
-export * from './MessageBouncePrompt';

package/dist/components/MessageInput/AttachmentPreviewList/AttachmentPreviewList.d.ts

@@ -1,17 +0,0 @@
-import type { ComponentType } from 'react';
-import React from 'react';
-import type { UnsupportedAttachmentPreviewProps } from './UnsupportedAttachmentPreview';
-import type { VoiceRecordingPreviewProps } from './VoiceRecordingPreview';
-import type { FileAttachmentPreviewProps } from './FileAttachmentPreview';
-import type { ImageAttachmentPreviewProps } from './ImageAttachmentPreview';
-import { type GeolocationPreviewProps } from './GeolocationPreview';
-export type AttachmentPreviewListProps = {
-    AudioAttachmentPreview?: ComponentType<FileAttachmentPreviewProps>;
-    FileAttachmentPreview?: ComponentType<FileAttachmentPreviewProps>;
-    GeolocationPreview?: ComponentType<GeolocationPreviewProps>;
-    ImageAttachmentPreview?: ComponentType<ImageAttachmentPreviewProps>;
-    UnsupportedAttachmentPreview?: ComponentType<UnsupportedAttachmentPreviewProps>;
-    VideoAttachmentPreview?: ComponentType<FileAttachmentPreviewProps>;
-    VoiceRecordingPreview?: ComponentType<VoiceRecordingPreviewProps>;
-};
-export declare const AttachmentPreviewList: ({ AudioAttachmentPreview, FileAttachmentPreview, GeolocationPreview, ImageAttachmentPreview, UnsupportedAttachmentPreview, VideoAttachmentPreview, VoiceRecordingPreview, }: AttachmentPreviewListProps) => React.JSX.Element | null;