sceyt-chat-react-uikit 1.9.0-beta.16 → 1.9.0-beta.18

package/components/Messages/MessageList/index.d.ts

@@ -106,6 +106,13 @@ interface MessagesProps {
     endVoteIcon?: JSX.Element;
     /** Replaces the default pin icon in the pinned-messages banner. */
     pinnedMessageIcon?: JSX.Element;
+    /**
+     * Replaces the compact pinned-message preview for app-specific message
+     * types. Return null or undefined to use the UIKit preview.
+     */
+    renderPinnedMessagePreview?: (message: IMessage, context: {
+        placement: 'banner' | 'system';
+    }) => React.ReactNode | null | undefined;
     messageStatusSize?: string;
     messageStatusColor?: string;
     messageReadStatusColor?: string;

package/components/Messages/PinnedMessagesBanner.d.ts

@@ -1,7 +1,15 @@
 import React from 'react';
-declare const PinnedMessagesBanner: ({ channelId, pinIcon, onOpenList }: {
+import { IMessage } from '../../types';
+declare const PinnedMessagesBanner: ({ channelId, pinIcon, onOpenList, renderPinnedMessagePreview }: {
     channelId: string;
     pinIcon?: JSX.Element | undefined;
     onOpenList?: (() => void) | undefined;
+    /**
+     * Lets an integrator replace the compact preview for app-specific message
+     * types. Return null or undefined to keep the UIKit preview.
+     */
+    renderPinnedMessagePreview?: ((message: IMessage, context: {
+        placement: 'banner' | 'system';
+    }) => React.ReactNode | null | undefined) | undefined;
 }) => React.JSX.Element | null;
 export default PinnedMessagesBanner;

package/components/Messages/SystemMessage/index.d.ts

@@ -14,8 +14,12 @@ interface ISystemMessageProps {
     backgroundColor?: string;
     borderRadius?: string;
     setLastVisibleMessageId?: (message: IMessage) => void;
+    /** Replaces a PM source-message preview for app-specific message types. */
+    renderPinnedMessagePreview?: (message: IMessage, context: {
+        placement: 'banner' | 'system';
+    }) => React.ReactNode | null | undefined;
 }
-declare const _default: React.MemoExoticComponent<({ message, nextMessage, channel, differentUserMessageSpacing, fontSize, textColor, border, backgroundColor, borderRadius, contactsMap, setLastVisibleMessageId }: ISystemMessageProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ message, nextMessage, channel, differentUserMessageSpacing, fontSize, textColor, border, backgroundColor, borderRadius, contactsMap, setLastVisibleMessageId, renderPinnedMessagePreview }: ISystemMessageProps) => React.JSX.Element>;
 export default _default;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
     topOffset?: number | undefined;

package/components/Messages/index.d.ts

@@ -99,6 +99,13 @@ interface MessagesProps {
     endVoteIcon?: JSX.Element;
     /** Replaces the default pin icon in the pinned-messages banner. */
     pinnedMessageIcon?: JSX.Element;
+    /**
+     * Replaces the compact pinned-message preview for app-specific message
+     * types. Return null or undefined to use the UIKit preview.
+     */
+    renderPinnedMessagePreview?: (message: IMessage, context: {
+        placement: 'banner' | 'system';
+    }) => React.ReactNode | null | undefined;
     openFrequentlyUsedReactions?: boolean;
     fixEmojiCategoriesTitleOnTop?: boolean;
     emojisCategoryIconsPosition?: 'top' | 'bottom';