@patternfly/chatbot 2.1.0-prerelease.17

package/dist/esm/FileDetails/FileDetails.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/FileDetails/FileDetails.test.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import FileDetails from './FileDetails';
+describe('FileDetails', () => {
+    it('should render file details', () => {
+        const { container } = render(React.createElement(FileDetails, { fileName: "test.txt" }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render file details correctly if an extension we support is passed in', () => {
+        render(React.createElement(FileDetails, { fileName: "test.txt", languageTestId: "language" }));
+        expect(screen.getByText('test')).toBeTruthy();
+        expect(screen.getByText('TEXT')).toBeTruthy();
+        expect(screen.getByTestId('language')).toBeTruthy();
+    });
+    it('should skip language if we do not support an extension', () => {
+        render(React.createElement(FileDetails, { fileName: "test.joke", languageTestId: "language" }));
+        expect(screen.getByText('test')).toBeTruthy();
+        expect(screen.queryByTestId('language')).toBeFalsy();
+    });
+});

package/dist/esm/FileDetails/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FileDetails';
+export * from './FileDetails';

package/dist/esm/FileDetails/index.js

@@ -0,0 +1,2 @@
+export { default } from './FileDetails';
+export * from './FileDetails';

package/dist/esm/FileDetailsLabel/FileDetailsLabel.d.ts

@@ -0,0 +1,21 @@
+import React, { PropsWithChildren } from 'react';
+interface FileDetailsLabelProps {
+    /** Name of file, including extension */
+    fileName: string;
+    /** Unique id of file */
+    fileId?: string | number;
+    /** Whether to display loading icon */
+    isLoading?: boolean;
+    /** Callback function for when label is clicked */
+    onClick?: (event: React.MouseEvent, fileName: string, fileId?: string | number) => void;
+    /** Callback function for when close button is clicked */
+    onClose?: (event: React.MouseEvent, fileName: string, fileId?: string | number) => void;
+    /** Aria label for close button */
+    closeButtonAriaLabel?: string;
+    /** Custom test id for the component-generated language */
+    languageTestId?: string;
+    /** Custom test id for the loading spinner in the component */
+    spinnerTestId?: string;
+}
+export declare const FileDetailsLabel: ({ fileName, fileId, isLoading, onClick, onClose, closeButtonAriaLabel, languageTestId, spinnerTestId }: PropsWithChildren<FileDetailsLabelProps>) => React.JSX.Element;
+export default FileDetailsLabel;

package/dist/esm/FileDetailsLabel/FileDetailsLabel.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Button, Label } from '@patternfly/react-core';
+import FileDetails from '../FileDetails';
+import { Spinner } from '@patternfly/react-core';
+import { TimesIcon } from '@patternfly/react-icons';
+export const FileDetailsLabel = ({ fileName, fileId, isLoading, onClick, onClose, closeButtonAriaLabel, languageTestId, spinnerTestId }) => {
+    const handleClose = (event) => {
+        onClose && onClose(event, fileName, fileId);
+    };
+    return (React.createElement(Label, Object.assign({ className: "pf-chatbot__file-label" }, (onClose && { onClose: (event) => onClose(event, fileName, fileId) }), { closeBtn: React.createElement(Button, { type: "button", variant: "plain", "aria-label": closeButtonAriaLabel !== null && closeButtonAriaLabel !== void 0 ? closeButtonAriaLabel : `Close ${fileName}`, icon: React.createElement(TimesIcon, null), onClick: handleClose }) }, (onClick && { onClick: (event) => onClick(event, fileName, fileId) })),
+        React.createElement("div", { className: "pf-chatbot__file-label-contents" },
+            React.createElement(FileDetails, { className: isLoading ? 'pf-chatbot__file-label-loading' : undefined, fileName: fileName, languageTestId: languageTestId }),
+            isLoading && React.createElement(Spinner, { "data-testid": spinnerTestId, size: "sm" }))));
+};
+export default FileDetailsLabel;

package/dist/esm/FileDetailsLabel/FileDetailsLabel.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/FileDetailsLabel/FileDetailsLabel.test.js

@@ -0,0 +1,56 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import FileDetailsLabel from './FileDetailsLabel';
+import userEvent from '@testing-library/user-event';
+describe('FileDetailsLabel', () => {
+    it('should render file details label', () => {
+        const { container } = render(React.createElement(FileDetailsLabel, { fileName: "test.txt" }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render file details correctly if an extension we support is passed in', () => {
+        render(React.createElement(FileDetailsLabel, { fileName: "test.txt" }));
+        expect(screen.getByText('test')).toBeTruthy();
+        expect(screen.getByText('TEXT')).toBeTruthy();
+    });
+    it('should skip language if we do not support an extension', () => {
+        render(React.createElement(FileDetailsLabel, { fileName: "test.joke", languageTestId: "language" }));
+        expect(screen.getByText('test')).toBeTruthy();
+        expect(screen.queryByTestId('language')).toBeFalsy();
+    });
+    it('should not show spinner by default', () => {
+        render(React.createElement(FileDetailsLabel, { fileName: "test.txt", spinnerTestId: "spinner" }));
+        expect(screen.queryByTestId('spinner')).toBeFalsy();
+    });
+    it('should show spinner if loading', () => {
+        render(React.createElement(FileDetailsLabel, { fileName: "test.txt", isLoading: true, spinnerTestId: "spinner" }));
+        expect(screen.getByText('test')).toBeTruthy();
+        expect(screen.getByText('TEXT')).toBeTruthy();
+        expect(screen.queryByTestId('spinner')).toBeTruthy();
+    });
+    it('should call onClick prop', () => __awaiter(void 0, void 0, void 0, function* () {
+        const spy = jest.fn();
+        render(React.createElement(FileDetailsLabel, { fileName: "test.txt", onClick: spy }));
+        yield userEvent.click(screen.getByRole('button'));
+        expect(spy).toHaveBeenCalledTimes(1);
+    }));
+    it('should call onClose prop', () => __awaiter(void 0, void 0, void 0, function* () {
+        const spy = jest.fn();
+        render(React.createElement(FileDetailsLabel, { fileName: "test.txt", onClose: spy }));
+        yield userEvent.click(screen.getByRole('button', { name: /Close test.txt/i }));
+        expect(spy).toHaveBeenCalledTimes(1);
+    }));
+    it('should use closeButtonAriaLabel prop appropriately', () => {
+        render(React.createElement(FileDetailsLabel, { fileName: "test.txt", onClose: jest.fn(), closeButtonAriaLabel: "Delete file" }));
+        screen.getByRole('button', { name: /Delete file/i });
+    });
+});

package/dist/esm/FileDetailsLabel/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FileDetailsLabel';
+export * from './FileDetailsLabel';

package/dist/esm/FileDetailsLabel/index.js

@@ -0,0 +1,2 @@
+export { default } from './FileDetailsLabel';
+export * from './FileDetailsLabel';

package/dist/esm/FileDropZone/FileDropZone.d.ts

@@ -0,0 +1,17 @@
+import { DropEvent } from '@patternfly/react-core';
+import React from 'react';
+import { ChatbotDisplayMode } from '../Chatbot';
+export interface FileDropZoneProps {
+    /** Content displayed when the drop zone is not currently in use */
+    children?: React.ReactNode;
+    /** Custom classname for the outer dropzone component */
+    className?: string;
+    /** Informational text that shows below the title in the drop zone */
+    infoText?: string;
+    /** When files are dropped or uploaded this callback will be called with all accepted files */
+    onFileDrop: (event: DropEvent, data: File[]) => void;
+    /** Display mode for the Chatbot parent; this influences the styles applied */
+    displayMode?: ChatbotDisplayMode;
+}
+declare const FileDropZone: React.FunctionComponent<FileDropZoneProps>;
+export default FileDropZone;

package/dist/esm/FileDropZone/FileDropZone.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { MultipleFileUpload, MultipleFileUploadMain } from '@patternfly/react-core';
+import React from 'react';
+import { ChatbotDisplayMode } from '../Chatbot';
+import { UploadIcon } from '@patternfly/react-icons';
+const FileDropZone = (_a) => {
+    var { children, className, infoText = 'Maximum file size is 25 MB', onFileDrop, displayMode = ChatbotDisplayMode.default } = _a, props = __rest(_a, ["children", "className", "infoText", "onFileDrop", "displayMode"]);
+    const [showDropZone, setShowDropZone] = React.useState(false);
+    const renderDropZone = () => (React.createElement(React.Fragment, null,
+        React.createElement(MultipleFileUploadMain, { titleIcon: React.createElement(UploadIcon, null), titleText: "Drag and drop your file here", infoText: infoText, isUploadButtonHidden: true })));
+    return (React.createElement(MultipleFileUpload, { dropzoneProps: Object.assign({ onDrop: () => setShowDropZone(false) }, props), onDragEnter: () => setShowDropZone(true), onDragLeave: () => setShowDropZone(false), onFileDrop: onFileDrop, className: `pf-chatbot__dropzone pf-chatbot__dropzone--${displayMode} pf-chatbot__dropzone--${showDropZone ? 'visible' : 'invisible'} ${className ? className : ''}` }, showDropZone ? renderDropZone() : children));
+};
+export default FileDropZone;

package/dist/esm/FileDropZone/FileDropZone.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/FileDropZone/FileDropZone.test.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import FileDropZone from './FileDropZone';
+describe('FileDropZone', () => {
+    it('should render file drop zone', () => {
+        const { container } = render(React.createElement(FileDropZone, { onFileDrop: jest.fn() }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render children', () => {
+        render(React.createElement(FileDropZone, { onFileDrop: jest.fn() }, "Hi"));
+        expect(screen.getByText('Hi')).toBeTruthy();
+    });
+});

package/dist/esm/FileDropZone/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FileDropZone';
+export * from './FileDropZone';

package/dist/esm/FileDropZone/index.js

@@ -0,0 +1,2 @@
+export { default } from './FileDropZone';
+export * from './FileDropZone';

package/dist/esm/LoadingMessage/LoadingMessage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface LoadingMessageProps {
+    icon?: React.ComponentType;
+}
+export declare const LoadingMessage: React.FunctionComponent<LoadingMessageProps>;
+export default LoadingMessage;

package/dist/esm/LoadingMessage/LoadingMessage.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Icon, Split, SplitItem } from '@patternfly/react-core';
+import RobotIcon from '@patternfly/react-icons/dist/js/icons/robot-icon';
+export const LoadingMessage = ({ icon: IconComponent = RobotIcon }) => (React.createElement(Split, null,
+    React.createElement(SplitItem, null,
+        React.createElement(Icon, { size: "lg", className: "pf-v6-u-mr-sm pf-v6-u-pt-md" },
+            React.createElement(IconComponent, null))),
+    React.createElement(SplitItem, { className: "pf-u-background-color-200" },
+        React.createElement("div", { className: "pf-v6-u-display-flex pf-u-align-items-center" },
+            React.createElement("div", null, "."),
+            React.createElement("div", null, "."),
+            React.createElement("div", null, ".")))));
+export default LoadingMessage;

package/dist/esm/LoadingMessage/LoadingMessage.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/LoadingMessage/LoadingMessage.test.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import LoadingMessage from './LoadingMessage';
+describe('LoadingMessage', () => {
+    it('should render loading message', () => {
+        const { container } = render(React.createElement(LoadingMessage, null));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render loading message correctly', () => {
+        render(React.createElement(LoadingMessage, null));
+        expect(screen.getAllByText('.')).toBeTruthy();
+        expect(screen.getAllByText('.')).toHaveLength(3);
+    });
+});

package/dist/esm/LoadingMessage/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './LoadingMessage';
+export * from './LoadingMessage';

package/dist/esm/LoadingMessage/index.js

@@ -0,0 +1,2 @@
+export { default } from './LoadingMessage';
+export * from './LoadingMessage';

package/dist/esm/Message/CodeBlockMessage/CodeBlockMessage.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ExtraProps } from 'react-markdown';
+declare const CodeBlockMessage: ({ children, className, "aria-label": ariaLabel, ...props }: JSX.IntrinsicElements["code"] & ExtraProps) => React.JSX.Element;
+export default CodeBlockMessage;

package/dist/esm/Message/CodeBlockMessage/CodeBlockMessage.js

@@ -0,0 +1,56 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// ============================================================================
+// Chatbot Main - Message - Content - Code Block
+// ============================================================================
+import React from 'react';
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import { obsidian } from 'react-syntax-highlighter/dist/esm/styles/hljs';
+// Import PatternFly components
+import { CodeBlock, CodeBlockAction, CodeBlockCode, Button, Tooltip } from '@patternfly/react-core';
+import { CheckIcon } from '@patternfly/react-icons/dist/esm/icons/check-icon';
+import { CopyIcon } from '@patternfly/react-icons/dist/esm/icons/copy-icon';
+const CodeBlockMessage = (_a) => {
+    var _b;
+    var { children, className, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["children", "className", 'aria-label']);
+    const [copied, setCopied] = React.useState(false);
+    const buttonRef = React.useRef();
+    const tooltipID = React.useId();
+    const language = (_b = /language-(\w+)/.exec(className || '')) === null || _b === void 0 ? void 0 : _b[1];
+    // Handle clicking copy button
+    const handleCopy = React.useCallback((event, text) => {
+        navigator.clipboard.writeText(text.toString());
+        setCopied(true);
+    }, []);
+    // Reset copied state
+    React.useEffect(() => {
+        if (copied) {
+            const timer = setTimeout(() => {
+                setCopied(false);
+            }, 3000);
+            return () => clearTimeout(timer);
+        }
+    });
+    if (!String(children).includes('\n')) {
+        return (React.createElement("code", Object.assign({}, props, { className: "pf-chatbot__message-inline-code" }), children));
+    }
+    // Setup code block header
+    const actions = (React.createElement(React.Fragment, null,
+        React.createElement(CodeBlockAction, null,
+            language && React.createElement("div", { className: "pf-chatbot__message-code-block-language" }, language),
+            React.createElement(Button, { ref: buttonRef, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Copy code button', variant: "plain", className: "pf-chatbot__button--copy", onClick: (event) => handleCopy(event, children) }, copied ? React.createElement(CheckIcon, null) : React.createElement(CopyIcon, null)),
+            React.createElement(Tooltip, { id: tooltipID, content: "Copy", position: "top", triggerRef: buttonRef }))));
+    return (React.createElement("div", { className: "pf-chatbot__message-code-block" },
+        React.createElement(CodeBlock, { actions: actions },
+            React.createElement(CodeBlockCode, null, language ? (React.createElement(SyntaxHighlighter, Object.assign({}, props, { language: language, style: obsidian, PreTag: "div", CodeTag: "div", wrapLongLines: true }), String(children).replace(/\n$/, ''))) : (React.createElement(React.Fragment, null, children))))));
+};
+export default CodeBlockMessage;

package/dist/esm/Message/ListMessage/ListItemMessage.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ExtraProps } from 'react-markdown';
+declare const ListItemMessage: ({ children }: JSX.IntrinsicElements["li"] & ExtraProps) => React.JSX.Element;
+export default ListItemMessage;

package/dist/esm/Message/ListMessage/ListItemMessage.js

@@ -0,0 +1,7 @@
+// ============================================================================
+// Chatbot Main - Message - Content - List
+// ============================================================================
+import React from 'react';
+import { ListItem } from '@patternfly/react-core';
+const ListItemMessage = ({ children }) => React.createElement(ListItem, null, children);
+export default ListItemMessage;

package/dist/esm/Message/ListMessage/OrderedListMessage.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ExtraProps } from 'react-markdown';
+declare const OrderedListMessage: ({ children }: JSX.IntrinsicElements["ol"] & ExtraProps) => React.JSX.Element;
+export default OrderedListMessage;

package/dist/esm/Message/ListMessage/OrderedListMessage.js

@@ -0,0 +1,8 @@
+// ============================================================================
+// Chatbot Main - Message - Content - List
+// ============================================================================
+import React from 'react';
+import { List, ListComponent, OrderType } from '@patternfly/react-core';
+const OrderedListMessage = ({ children }) => (React.createElement("div", { className: "pf-chatbot__message-ordered-list" },
+    React.createElement(List, { component: ListComponent.ol, type: OrderType.number }, children)));
+export default OrderedListMessage;

package/dist/esm/Message/ListMessage/UnorderedListMessage.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ExtraProps } from 'react-markdown';
+declare const UnorderedListMessage: ({ children }: JSX.IntrinsicElements["ul"] & ExtraProps) => React.JSX.Element;
+export default UnorderedListMessage;

package/dist/esm/Message/ListMessage/UnorderedListMessage.js

@@ -0,0 +1,8 @@
+// ============================================================================
+// Chatbot Main - Message - Content - List
+// ============================================================================
+import React from 'react';
+import { List } from '@patternfly/react-core';
+const UnorderedListMessage = ({ children }) => (React.createElement("div", { className: "pf-chatbot__message-unordered-list" },
+    React.createElement(List, null, children)));
+export default UnorderedListMessage;

package/dist/esm/Message/Message.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import { LabelGroupProps, LabelProps } from '@patternfly/react-core';
+import { ActionProps } from '../ResponseActions/ResponseActions';
+import { SourcesCardProps } from '../SourcesCard';
+export interface QuickResponse extends Omit<LabelProps, 'children'> {
+    content: string;
+    id: string;
+    onClick: () => void;
+}
+export interface MessageAttachment {
+    /** Name of file attached to the message */
+    name: string;
+    /** Unique identifier of file attached to the message */
+    id?: string | number;
+    /** Callback for when attachment label is clicked */
+    onClick?: (event: React.MouseEvent, name: string, id?: string | number) => void;
+    /** Callback for when attachment label is closed */
+    onClose?: (event: React.MouseEvent, name: string, id?: string | number) => void;
+    /** Whether file is loading */
+    isLoading?: boolean;
+    /** Aria label for attachment close button */
+    closeButtonAriaLabel?: string;
+    /** Custom test id for the language in the attachment component */
+    languageTestId?: string;
+    /** Custom test id for the loading spinner in the attachment component */
+    spinnerTestId?: string;
+}
+export interface MessageProps extends Omit<React.HTMLProps<HTMLDivElement>, 'role'> {
+    /** Unique id for message */
+    id?: string;
+    /** Role of the user sending the message */
+    role: 'user' | 'bot';
+    /** Message content */
+    content?: string;
+    /** Name of the user */
+    name?: string;
+    /** Avatar src for the user */
+    avatar: string;
+    /** Timestamp for the message */
+    timestamp?: string;
+    /** Set this to true if message is being loaded */
+    isLoading?: boolean;
+    /** Array of attachments attached to a message */
+    attachments?: MessageAttachment[];
+    /** Props for message actions, such as feedback (positive or negative), copy button, share, and listen */
+    actions?: {
+        [key: string]: ActionProps;
+    };
+    /** Sources for message */
+    sources?: SourcesCardProps;
+    /** Label for the English word "AI," used to tag messages with role "bot" */
+    botWord?: string;
+    /** Label for the English "Loading message," displayed to screenreaders when loading a message */
+    loadingWord?: string;
+    codeBlockProps?: {
+        'aria-label'?: string;
+        className?: string;
+    };
+    /** Props for quick responses */
+    quickResponses?: QuickResponse[];
+    /** Props for quick responses container */
+    quickResponseContainerProps?: Omit<LabelGroupProps, 'ref'>;
+}
+export declare const Message: React.FunctionComponent<MessageProps>;
+export default Message;

package/dist/esm/Message/Message.js

@@ -0,0 +1,62 @@
+// ============================================================================
+// Chatbot Main - Message
+// ============================================================================
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import Markdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { Avatar, Label, LabelGroup, Timestamp, Truncate } from '@patternfly/react-core';
+import MessageLoading from './MessageLoading';
+import CodeBlockMessage from './CodeBlockMessage/CodeBlockMessage';
+import TextMessage from './TextMessage/TextMessage';
+import FileDetailsLabel from '../FileDetailsLabel/FileDetailsLabel';
+import ResponseActions from '../ResponseActions/ResponseActions';
+import SourcesCard from '../SourcesCard';
+import ListItemMessage from './ListMessage/ListItemMessage';
+import UnorderedListMessage from './ListMessage/UnorderedListMessage';
+import OrderedListMessage from './ListMessage/OrderedListMessage';
+export const Message = (_a) => {
+    var { role, content, name, avatar, timestamp, isLoading, actions, sources, botWord = 'AI', loadingWord = 'Loading message', codeBlockProps, quickResponses, quickResponseContainerProps = { numLabels: 5 }, attachments } = _a, props = __rest(_a, ["role", "content", "name", "avatar", "timestamp", "isLoading", "actions", "sources", "botWord", "loadingWord", "codeBlockProps", "quickResponses", "quickResponseContainerProps", "attachments"]);
+    // Keep timestamps consistent between Timestamp component and aria-label
+    const date = new Date();
+    const dateString = timestamp !== null && timestamp !== void 0 ? timestamp : `${date.toLocaleDateString()} ${date.toLocaleTimeString()}`;
+    return (React.createElement("section", Object.assign({ "aria-label": `Message from ${role} - ${dateString}`, className: `pf-chatbot__message pf-chatbot__message--${role}` }, props),
+        React.createElement(Avatar, { src: avatar, alt: "" }),
+        React.createElement("div", { className: "pf-chatbot__message-contents" },
+            React.createElement("div", { className: "pf-chatbot__message-meta" },
+                name && (React.createElement("span", { className: "pf-chatbot__message-name" },
+                    React.createElement(Truncate, { content: name }))),
+                role === 'bot' && (React.createElement(Label, { variant: "outline", isCompact: true }, botWord)),
+                React.createElement(Timestamp, { date: date }, timestamp)),
+            React.createElement("div", { className: "pf-chatbot__message-response" },
+                React.createElement("div", { className: "pf-chatbot__message-and-actions" },
+                    isLoading ? (React.createElement(MessageLoading, { loadingWord: loadingWord })) : (React.createElement(Markdown, { components: {
+                            p: TextMessage,
+                            code: ({ children }) => React.createElement(CodeBlockMessage, Object.assign({}, codeBlockProps), children),
+                            ul: UnorderedListMessage,
+                            ol: OrderedListMessage,
+                            li: ListItemMessage
+                        }, remarkPlugins: [remarkGfm] }, content)),
+                    !isLoading && sources && React.createElement(SourcesCard, Object.assign({}, sources)),
+                    !isLoading && actions && React.createElement(ResponseActions, { actions: actions }),
+                    !isLoading && quickResponses && (React.createElement(LabelGroup, Object.assign({ className: `pf-chatbot__message-quick-response ${quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className}` }, quickResponseContainerProps), quickResponses.map((_a) => {
+                        var { id, onClick, content } = _a, props = __rest(_a, ["id", "onClick", "content"]);
+                        return (React.createElement(Label, Object.assign({ variant: "outline", color: "blue", key: id, onClick: onClick }, props), content));
+                    })))),
+                attachments && (React.createElement("div", { className: "pf-chatbot__message-attachments-container" }, attachments.map((attachment) => {
+                    var _a;
+                    return (React.createElement("div", { key: (_a = attachment.id) !== null && _a !== void 0 ? _a : attachment.name, className: "pf-chatbot__message-attachment" },
+                        React.createElement(FileDetailsLabel, { fileName: attachment.name, fileId: attachment.id, onClose: attachment.onClose, onClick: attachment.onClick, isLoading: attachment.isLoading, closeButtonAriaLabel: attachment.closeButtonAriaLabel, languageTestId: attachment.languageTestId, spinnerTestId: attachment.spinnerTestId })));
+                })))))));
+};
+export default Message;

package/dist/esm/Message/Message.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';