@patternfly/chatbot 2.1.0-prerelease.17

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

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

package/dist/cjs/FileDetails/FileDetails.test.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const FileDetails_1 = __importDefault(require("./FileDetails"));
+describe('FileDetails', () => {
+    it('should render file details', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(FileDetails_1.default, { fileName: "test.txt" }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render file details correctly if an extension we support is passed in', () => {
+        (0, react_2.render)(react_1.default.createElement(FileDetails_1.default, { fileName: "test.txt", languageTestId: "language" }));
+        expect(react_2.screen.getByText('test')).toBeTruthy();
+        expect(react_2.screen.getByText('TEXT')).toBeTruthy();
+        expect(react_2.screen.getByTestId('language')).toBeTruthy();
+    });
+    it('should skip language if we do not support an extension', () => {
+        (0, react_2.render)(react_1.default.createElement(FileDetails_1.default, { fileName: "test.joke", languageTestId: "language" }));
+        expect(react_2.screen.getByText('test')).toBeTruthy();
+        expect(react_2.screen.queryByTestId('language')).toBeFalsy();
+    });
+});

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

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

package/dist/cjs/FileDetails/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FileDetails_1 = require("./FileDetails");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileDetails_1).default; } });
+__exportStar(require("./FileDetails"), exports);

package/dist/cjs/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/cjs/FileDetailsLabel/FileDetailsLabel.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileDetailsLabel = void 0;
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const FileDetails_1 = __importDefault(require("../FileDetails"));
+const react_core_2 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const FileDetailsLabel = ({ fileName, fileId, isLoading, onClick, onClose, closeButtonAriaLabel, languageTestId, spinnerTestId }) => {
+    const handleClose = (event) => {
+        onClose && onClose(event, fileName, fileId);
+    };
+    return (react_1.default.createElement(react_core_1.Label, Object.assign({ className: "pf-chatbot__file-label" }, (onClose && { onClose: (event) => onClose(event, fileName, fileId) }), { closeBtn: react_1.default.createElement(react_core_1.Button, { type: "button", variant: "plain", "aria-label": closeButtonAriaLabel !== null && closeButtonAriaLabel !== void 0 ? closeButtonAriaLabel : `Close ${fileName}`, icon: react_1.default.createElement(react_icons_1.TimesIcon, null), onClick: handleClose }) }, (onClick && { onClick: (event) => onClick(event, fileName, fileId) })),
+        react_1.default.createElement("div", { className: "pf-chatbot__file-label-contents" },
+            react_1.default.createElement(FileDetails_1.default, { className: isLoading ? 'pf-chatbot__file-label-loading' : undefined, fileName: fileName, languageTestId: languageTestId }),
+            isLoading && react_1.default.createElement(react_core_2.Spinner, { "data-testid": spinnerTestId, size: "sm" }))));
+};
+exports.FileDetailsLabel = FileDetailsLabel;
+exports.default = exports.FileDetailsLabel;

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

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

package/dist/cjs/FileDetailsLabel/FileDetailsLabel.test.js

@@ -0,0 +1,61 @@
+"use strict";
+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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const FileDetailsLabel_1 = __importDefault(require("./FileDetailsLabel"));
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+describe('FileDetailsLabel', () => {
+    it('should render file details label', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(FileDetailsLabel_1.default, { fileName: "test.txt" }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render file details correctly if an extension we support is passed in', () => {
+        (0, react_2.render)(react_1.default.createElement(FileDetailsLabel_1.default, { fileName: "test.txt" }));
+        expect(react_2.screen.getByText('test')).toBeTruthy();
+        expect(react_2.screen.getByText('TEXT')).toBeTruthy();
+    });
+    it('should skip language if we do not support an extension', () => {
+        (0, react_2.render)(react_1.default.createElement(FileDetailsLabel_1.default, { fileName: "test.joke", languageTestId: "language" }));
+        expect(react_2.screen.getByText('test')).toBeTruthy();
+        expect(react_2.screen.queryByTestId('language')).toBeFalsy();
+    });
+    it('should not show spinner by default', () => {
+        (0, react_2.render)(react_1.default.createElement(FileDetailsLabel_1.default, { fileName: "test.txt", spinnerTestId: "spinner" }));
+        expect(react_2.screen.queryByTestId('spinner')).toBeFalsy();
+    });
+    it('should show spinner if loading', () => {
+        (0, react_2.render)(react_1.default.createElement(FileDetailsLabel_1.default, { fileName: "test.txt", isLoading: true, spinnerTestId: "spinner" }));
+        expect(react_2.screen.getByText('test')).toBeTruthy();
+        expect(react_2.screen.getByText('TEXT')).toBeTruthy();
+        expect(react_2.screen.queryByTestId('spinner')).toBeTruthy();
+    });
+    it('should call onClick prop', () => __awaiter(void 0, void 0, void 0, function* () {
+        const spy = jest.fn();
+        (0, react_2.render)(react_1.default.createElement(FileDetailsLabel_1.default, { fileName: "test.txt", onClick: spy }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button'));
+        expect(spy).toHaveBeenCalledTimes(1);
+    }));
+    it('should call onClose prop', () => __awaiter(void 0, void 0, void 0, function* () {
+        const spy = jest.fn();
+        (0, react_2.render)(react_1.default.createElement(FileDetailsLabel_1.default, { fileName: "test.txt", onClose: spy }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Close test.txt/i }));
+        expect(spy).toHaveBeenCalledTimes(1);
+    }));
+    it('should use closeButtonAriaLabel prop appropriately', () => {
+        (0, react_2.render)(react_1.default.createElement(FileDetailsLabel_1.default, { fileName: "test.txt", onClose: jest.fn(), closeButtonAriaLabel: "Delete file" }));
+        react_2.screen.getByRole('button', { name: /Delete file/i });
+    });
+});

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

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

package/dist/cjs/FileDetailsLabel/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FileDetailsLabel_1 = require("./FileDetailsLabel");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileDetailsLabel_1).default; } });
+__exportStar(require("./FileDetailsLabel"), exports);

package/dist/cjs/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/cjs/FileDropZone/FileDropZone.js

@@ -0,0 +1,28 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_core_1 = require("@patternfly/react-core");
+const react_1 = __importDefault(require("react"));
+const Chatbot_1 = require("../Chatbot");
+const react_icons_1 = require("@patternfly/react-icons");
+const FileDropZone = (_a) => {
+    var { children, className, infoText = 'Maximum file size is 25 MB', onFileDrop, displayMode = Chatbot_1.ChatbotDisplayMode.default } = _a, props = __rest(_a, ["children", "className", "infoText", "onFileDrop", "displayMode"]);
+    const [showDropZone, setShowDropZone] = react_1.default.useState(false);
+    const renderDropZone = () => (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.MultipleFileUploadMain, { titleIcon: react_1.default.createElement(react_icons_1.UploadIcon, null), titleText: "Drag and drop your file here", infoText: infoText, isUploadButtonHidden: true })));
+    return (react_1.default.createElement(react_core_1.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));
+};
+exports.default = FileDropZone;

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

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

package/dist/cjs/FileDropZone/FileDropZone.test.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const FileDropZone_1 = __importDefault(require("./FileDropZone"));
+describe('FileDropZone', () => {
+    it('should render file drop zone', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(FileDropZone_1.default, { onFileDrop: jest.fn() }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render children', () => {
+        (0, react_2.render)(react_1.default.createElement(FileDropZone_1.default, { onFileDrop: jest.fn() }, "Hi"));
+        expect(react_2.screen.getByText('Hi')).toBeTruthy();
+    });
+});

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

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

package/dist/cjs/FileDropZone/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FileDropZone_1 = require("./FileDropZone");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileDropZone_1).default; } });
+__exportStar(require("./FileDropZone"), exports);

package/dist/cjs/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/cjs/LoadingMessage/LoadingMessage.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingMessage = void 0;
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const robot_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/robot-icon"));
+const LoadingMessage = ({ icon: IconComponent = robot_icon_1.default }) => (react_1.default.createElement(react_core_1.Split, null,
+    react_1.default.createElement(react_core_1.SplitItem, null,
+        react_1.default.createElement(react_core_1.Icon, { size: "lg", className: "pf-v6-u-mr-sm pf-v6-u-pt-md" },
+            react_1.default.createElement(IconComponent, null))),
+    react_1.default.createElement(react_core_1.SplitItem, { className: "pf-u-background-color-200" },
+        react_1.default.createElement("div", { className: "pf-v6-u-display-flex pf-u-align-items-center" },
+            react_1.default.createElement("div", null, "."),
+            react_1.default.createElement("div", null, "."),
+            react_1.default.createElement("div", null, ".")))));
+exports.LoadingMessage = LoadingMessage;
+exports.default = exports.LoadingMessage;

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

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

package/dist/cjs/LoadingMessage/LoadingMessage.test.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const LoadingMessage_1 = __importDefault(require("./LoadingMessage"));
+describe('LoadingMessage', () => {
+    it('should render loading message', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(LoadingMessage_1.default, null));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render loading message correctly', () => {
+        (0, react_2.render)(react_1.default.createElement(LoadingMessage_1.default, null));
+        expect(react_2.screen.getAllByText('.')).toBeTruthy();
+        expect(react_2.screen.getAllByText('.')).toHaveLength(3);
+    });
+});

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

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

package/dist/cjs/LoadingMessage/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var LoadingMessage_1 = require("./LoadingMessage");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(LoadingMessage_1).default; } });
+__exportStar(require("./LoadingMessage"), exports);

package/dist/cjs/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/cjs/Message/CodeBlockMessage/CodeBlockMessage.js

@@ -0,0 +1,61 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// ============================================================================
+// Chatbot Main - Message - Content - Code Block
+// ============================================================================
+const react_1 = __importDefault(require("react"));
+const react_syntax_highlighter_1 = __importDefault(require("react-syntax-highlighter"));
+const hljs_1 = require("react-syntax-highlighter/dist/esm/styles/hljs");
+// Import PatternFly components
+const react_core_1 = require("@patternfly/react-core");
+const check_icon_1 = require("@patternfly/react-icons/dist/esm/icons/check-icon");
+const copy_icon_1 = require("@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_1.default.useState(false);
+    const buttonRef = react_1.default.useRef();
+    const tooltipID = react_1.default.useId();
+    const language = (_b = /language-(\w+)/.exec(className || '')) === null || _b === void 0 ? void 0 : _b[1];
+    // Handle clicking copy button
+    const handleCopy = react_1.default.useCallback((event, text) => {
+        navigator.clipboard.writeText(text.toString());
+        setCopied(true);
+    }, []);
+    // Reset copied state
+    react_1.default.useEffect(() => {
+        if (copied) {
+            const timer = setTimeout(() => {
+                setCopied(false);
+            }, 3000);
+            return () => clearTimeout(timer);
+        }
+    });
+    if (!String(children).includes('\n')) {
+        return (react_1.default.createElement("code", Object.assign({}, props, { className: "pf-chatbot__message-inline-code" }), children));
+    }
+    // Setup code block header
+    const actions = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.CodeBlockAction, null,
+            language && react_1.default.createElement("div", { className: "pf-chatbot__message-code-block-language" }, language),
+            react_1.default.createElement(react_core_1.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_1.default.createElement(check_icon_1.CheckIcon, null) : react_1.default.createElement(copy_icon_1.CopyIcon, null)),
+            react_1.default.createElement(react_core_1.Tooltip, { id: tooltipID, content: "Copy", position: "top", triggerRef: buttonRef }))));
+    return (react_1.default.createElement("div", { className: "pf-chatbot__message-code-block" },
+        react_1.default.createElement(react_core_1.CodeBlock, { actions: actions },
+            react_1.default.createElement(react_core_1.CodeBlockCode, null, language ? (react_1.default.createElement(react_syntax_highlighter_1.default, Object.assign({}, props, { language: language, style: hljs_1.obsidian, PreTag: "div", CodeTag: "div", wrapLongLines: true }), String(children).replace(/\n$/, ''))) : (react_1.default.createElement(react_1.default.Fragment, null, children))))));
+};
+exports.default = CodeBlockMessage;

package/dist/cjs/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/cjs/Message/ListMessage/ListItemMessage.js

@@ -0,0 +1,12 @@
+"use strict";
+// ============================================================================
+// Chatbot Main - Message - Content - List
+// ============================================================================
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ListItemMessage = ({ children }) => react_1.default.createElement(react_core_1.ListItem, null, children);
+exports.default = ListItemMessage;

package/dist/cjs/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/cjs/Message/ListMessage/OrderedListMessage.js

@@ -0,0 +1,13 @@
+"use strict";
+// ============================================================================
+// Chatbot Main - Message - Content - List
+// ============================================================================
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const OrderedListMessage = ({ children }) => (react_1.default.createElement("div", { className: "pf-chatbot__message-ordered-list" },
+    react_1.default.createElement(react_core_1.List, { component: react_core_1.ListComponent.ol, type: react_core_1.OrderType.number }, children)));
+exports.default = OrderedListMessage;

package/dist/cjs/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/cjs/Message/ListMessage/UnorderedListMessage.js

@@ -0,0 +1,13 @@
+"use strict";
+// ============================================================================
+// Chatbot Main - Message - Content - List
+// ============================================================================
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const UnorderedListMessage = ({ children }) => (react_1.default.createElement("div", { className: "pf-chatbot__message-unordered-list" },
+    react_1.default.createElement(react_core_1.List, null, children)));
+exports.default = UnorderedListMessage;

package/dist/cjs/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;