@patternfly/chatbot 6.5.0-prerelease.8 → 6.5.0

package/dist/cjs/Message/MessageAndActions/MessageAndActions.test.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom");
+const react_1 = require("@testing-library/react");
+const MessageAndActions_1 = __importDefault(require("./MessageAndActions"));
+test('Renders with children', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageAndActions_1.default, { children: "Test content" }));
+    expect(react_1.screen.getByText('Test content')).toBeInTheDocument();
+});
+test('Renders with pf-chatbot__message-and-actions class by default', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageAndActions_1.default, { children: "Test content" }));
+    expect(react_1.screen.getByText('Test content')).toHaveClass('pf-chatbot__message-and-actions', { exact: true });
+});
+test('Renders with custom className', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageAndActions_1.default, { className: "custom-class", children: "Test content" }));
+    expect(react_1.screen.getByText('Test content')).toHaveClass('custom-class');
+});
+test('Spreads additional props', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageAndActions_1.default, { id: "test-id", children: "Test content" }));
+    expect(react_1.screen.getByText('Test content')).toHaveAttribute('id', 'test-id');
+});

package/dist/cjs/Message/MessageAndActions/index.d.ts

@@ -0,0 +1 @@
+export * from './MessageAndActions';

package/dist/cjs/Message/MessageAndActions/index.js

@@ -0,0 +1,17 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MessageAndActions"), exports);

package/dist/cjs/Message/MessageAttachments/MessageAttachmentItem.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, HTMLProps, ReactNode } from 'react';
+/**
+ * The container for a single message attachment item, typically the FileDetailsLabel component. You must wrap any attachment components in this container.
+ * Use this component within MessageAttachmentsContainer when passing children to Message to customize its structure.
+ */
+export interface MessageAttachmentItemProps extends HTMLProps<HTMLDivElement> {
+    /** Content to render inside a single attachment container */
+    children: ReactNode;
+    /** Additional classes applied to the attachment container. */
+    className?: string;
+}
+export declare const MessageAttachmentItem: FunctionComponent<MessageAttachmentItemProps>;
+export default MessageAttachmentItem;

package/dist/cjs/Message/MessageAttachments/MessageAttachmentItem.js

@@ -0,0 +1,22 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageAttachmentItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_styles_1 = require("@patternfly/react-styles");
+const MessageAttachmentItem = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)('pf-chatbot__message-attachment', className) }, props, { children: children })));
+};
+exports.MessageAttachmentItem = MessageAttachmentItem;
+exports.default = exports.MessageAttachmentItem;

package/dist/cjs/Message/MessageAttachments/MessageAttachmentItem.test.d.ts

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

package/dist/cjs/Message/MessageAttachments/MessageAttachmentItem.test.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom");
+const react_1 = require("@testing-library/react");
+const MessageAttachmentItem_1 = __importDefault(require("./MessageAttachmentItem"));
+test('Renders with children', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageAttachmentItem_1.default, { children: "Test content" }));
+    expect(react_1.screen.getByText('Test content')).toBeInTheDocument();
+});
+test('Renders with pf-chatbot__message-attachment class by default', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageAttachmentItem_1.default, { children: "Test content" }));
+    expect(react_1.screen.getByText('Test content')).toHaveClass('pf-chatbot__message-attachment', { exact: true });
+});
+test('Renders with custom className', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageAttachmentItem_1.default, { className: "custom-class", children: "Test content" }));
+    expect(react_1.screen.getByText('Test content')).toHaveClass('custom-class');
+});
+test('Spreads additional props', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageAttachmentItem_1.default, { id: "test-id", children: "Test content" }));
+    expect(react_1.screen.getByText('Test content')).toHaveAttribute('id', 'test-id');
+});

package/dist/cjs/Message/MessageAttachments/MessageAttachmentsContainer.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, HTMLProps, ReactNode } from 'react';
+/**
+ * The container to wrap MessageAttachment components. You must wrap any MessageAttachment components in this container.
+ * Use this component when passing children to Message to customize its structure.
+ */
+export interface MessageAttachmentsContainerProps extends HTMLProps<HTMLDivElement> {
+    /** Content to render inside the attachments container */
+    children: ReactNode;
+    /** Additional classes applied to the attachments container. */
+    className?: string;
+}
+export declare const MessageAttachmentsContainer: FunctionComponent<MessageAttachmentsContainerProps>;
+export default MessageAttachmentsContainer;

package/dist/cjs/Message/MessageAttachments/MessageAttachmentsContainer.js

@@ -0,0 +1,22 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageAttachmentsContainer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_styles_1 = require("@patternfly/react-styles");
+const MessageAttachmentsContainer = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)('pf-chatbot__message-attachments-container', className) }, props, { children: children })));
+};
+exports.MessageAttachmentsContainer = MessageAttachmentsContainer;
+exports.default = exports.MessageAttachmentsContainer;

package/dist/cjs/Message/MessageAttachments/MessageAttachmentsContainer.test.d.ts

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

package/dist/cjs/Message/MessageAttachments/MessageAttachmentsContainer.test.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom");
+const react_1 = require("@testing-library/react");
+const MessageAttachmentsContainer_1 = __importDefault(require("./MessageAttachmentsContainer"));
+test('Renders with children', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageAttachmentsContainer_1.default, { children: "Test content" }));
+    expect(react_1.screen.getByText('Test content')).toBeInTheDocument();
+});
+test('Renders with pf-chatbot__message-attachments-container class by default', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageAttachmentsContainer_1.default, { children: "Test content" }));
+    expect(react_1.screen.getByText('Test content')).toHaveClass('pf-chatbot__message-attachments-container', { exact: true });
+});
+test('Renders with custom className', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageAttachmentsContainer_1.default, { className: "custom-class", children: "Test content" }));
+    expect(react_1.screen.getByText('Test content')).toHaveClass('custom-class');
+});
+test('Spreads additional props', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageAttachmentsContainer_1.default, { id: "test-id", children: "Test content" }));
+    expect(react_1.screen.getByText('Test content')).toHaveAttribute('id', 'test-id');
+});

package/dist/cjs/Message/MessageAttachments/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MessageAttachmentItem';
+export * from './MessageAttachmentsContainer';

package/dist/cjs/Message/MessageAttachments/index.js

@@ -0,0 +1,18 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MessageAttachmentItem"), exports);
+__exportStar(require("./MessageAttachmentsContainer"), exports);

package/dist/cjs/Message/MessageInput.d.ts

@@ -16,5 +16,5 @@ export interface MessageInputProps extends FormProps {
     /** Message text */
     content?: string;
 }
-declare const MessageInput: FunctionComponent<MessageInputProps>;
+export declare const MessageInput: FunctionComponent<MessageInputProps>;
 export default MessageInput;

package/dist/cjs/Message/MessageInput.js

@@ -11,6 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_core_1 = require("@patternfly/react-core");
@@ -22,4 +23,5 @@ const MessageInput = (_a) => {
     };
     return ((0, jsx_runtime_1.jsxs)(react_core_1.Form, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextArea, { placeholder: editPlaceholder, value: messageText, onChange: onChange, "aria-label": editPlaceholder, autoResize: true, ref: inputRef }), (0, jsx_runtime_1.jsxs)(react_core_1.ActionGroup, { className: "pf-chatbot__message-edit-buttons", children: [(0, jsx_runtime_1.jsx)(react_core_1.Button, { variant: "primary", onClick: (event) => onEditUpdate && onEditUpdate(event, messageText), children: updateWord }), (0, jsx_runtime_1.jsx)(react_core_1.Button, { variant: "secondary", onClick: onEditCancel, children: cancelWord })] })] })));
 };
-exports.default = MessageInput;
+exports.MessageInput = MessageInput;
+exports.default = exports.MessageInput;

package/dist/cjs/Message/MessageLoading.d.ts

@@ -1,5 +1,14 @@
-declare const MessageLoading: ({ loadingWord, isPrimary }: {
-    loadingWord: any;
-    isPrimary: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import { FunctionComponent } from 'react';
+import type { HTMLProps } from 'react';
+/**
+ * MessageLoading displays a loading animation for messages.
+ * Use this component when passing children to Message to show a loading state.
+ */
+export interface MessageLoadingProps extends HTMLProps<HTMLDivElement> {
+    /** Text announced to screen readers during loading. */
+    loadingWord?: string;
+    /** Flag indicating whether primary styling is applied */
+    isPrimary?: boolean;
+}
+export declare const MessageLoading: FunctionComponent<MessageLoadingProps>;
 export default MessageLoading;

package/dist/cjs/Message/MessageLoading.js

@@ -1,8 +1,22 @@
 "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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageLoading = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-// ============================================================================
-// Chatbot Main - Message - Processing
-// ============================================================================
-const MessageLoading = ({ loadingWord, isPrimary }) => ((0, jsx_runtime_1.jsx)("div", { className: `pf-chatbot__message-loading ${isPrimary ? 'pf-m-primary' : ''}`, children: (0, jsx_runtime_1.jsx)("span", { className: "pf-chatbot__message-loading-dots", children: (0, jsx_runtime_1.jsx)("span", { className: "pf-v6-screen-reader", children: loadingWord }) }) }));
-exports.default = MessageLoading;
+const react_styles_1 = require("@patternfly/react-styles");
+const MessageLoading = (_a) => {
+    var { loadingWord, isPrimary } = _a, props = __rest(_a, ["loadingWord", "isPrimary"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)('pf-chatbot__message-loading', isPrimary && 'pf-m-primary') }, props, { children: (0, jsx_runtime_1.jsx)("span", { className: "pf-chatbot__message-loading-dots", children: (0, jsx_runtime_1.jsx)("span", { className: "pf-v6-screen-reader", children: loadingWord }) }) })));
+};
+exports.MessageLoading = MessageLoading;
+exports.default = exports.MessageLoading;

package/dist/cjs/Message/MessageLoading.test.d.ts

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

package/dist/cjs/Message/MessageLoading.test.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom");
+const react_1 = require("@testing-library/react");
+const MessageLoading_1 = __importDefault(require("./MessageLoading"));
+test('Renders with pf-chatbot__message-loading class by default', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageLoading_1.default, { "data-testid": "test-id" }));
+    expect(react_1.screen.getByTestId('test-id')).toHaveClass('pf-chatbot__message-loading', { exact: true });
+});
+test('Renders with pf-m-primary class when isPrimary is true', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageLoading_1.default, { "data-testid": "test-id", isPrimary: true }));
+    expect(react_1.screen.getByTestId('test-id')).toHaveClass('pf-chatbot__message-loading pf-m-primary');
+});
+test('Renders loading word when loadingWord is passed', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageLoading_1.default, { loadingWord: "Loading message" }));
+    expect(react_1.screen.getByText('Loading message')).toBeInTheDocument();
+});
+test('Spreads additional props', () => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(MessageLoading_1.default, { "data-testid": "test-id", id: "custom-id" }));
+    expect(react_1.screen.getByTestId('test-id')).toHaveAttribute('id', 'custom-id');
+});

package/dist/cjs/Message/QuickResponse/QuickResponse.js

@@ -16,6 +16,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_core_1 = require("@patternfly/react-core");
 const react_icons_1 = require("@patternfly/react-icons");
+const react_styles_1 = require("@patternfly/react-styles");
 const QuickResponse = ({ quickResponses, quickResponseContainerProps = { numLabels: 5 }, onSelect, isCompact }) => {
     const [selectedQuickResponse, setSelectedQuickResponse] = (0, react_1.useState)();
     const handleQuickResponseClick = (id, onClick) => {
@@ -23,9 +24,9 @@ const QuickResponse = ({ quickResponses, quickResponseContainerProps = { numLabe
         onClick && onClick();
         onSelect && onSelect(id);
     };
-    return ((0, jsx_runtime_1.jsx)(react_core_1.LabelGroup, Object.assign({ className: `pf-chatbot__message-quick-response ${(quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className) ? quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className : ''}` }, quickResponseContainerProps, { children: quickResponses.map((_a) => {
+    return ((0, jsx_runtime_1.jsx)(react_core_1.LabelGroup, Object.assign({ className: (0, react_styles_1.css)('pf-chatbot__message-quick-response', quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className) }, quickResponseContainerProps, { children: quickResponses.map((_a) => {
             var { id, onClick, content, className } = _a, props = __rest(_a, ["id", "onClick", "content", "className"]);
-            return ((0, jsx_runtime_1.jsx)(react_core_1.Label, Object.assign({ variant: id === selectedQuickResponse ? undefined : 'outline', icon: id === selectedQuickResponse ? (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, {}) : undefined, color: "blue", onClick: () => handleQuickResponseClick(id, onClick), className: `${id === selectedQuickResponse ? 'pf-chatbot__message-quick-response--selected' : ''} ${className ? className : ''}`, isCompact: isCompact }, props, { children: content }), id));
+            return ((0, jsx_runtime_1.jsx)(react_core_1.Label, Object.assign({ variant: id === selectedQuickResponse ? undefined : 'outline', icon: id === selectedQuickResponse ? (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, {}) : undefined, color: "blue", onClick: () => handleQuickResponseClick(id, onClick), className: (0, react_styles_1.css)(id === selectedQuickResponse && 'pf-chatbot__message-quick-response--selected', className), isCompact: isCompact }, props, { children: content }), id));
         }) })));
 };
 exports.QuickResponse = QuickResponse;

package/dist/cjs/Message/QuickResponse/QuickResponse.test.d.ts

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

package/dist/cjs/Message/QuickResponse/QuickResponse.test.js

@@ -0,0 +1,109 @@
+"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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+require("@testing-library/jest-dom");
+const QuickResponse_1 = __importDefault(require("./QuickResponse"));
+test('Renders with quick responses', () => {
+    const quickResponses = [
+        { id: '1', content: 'Response 1' },
+        { id: '2', content: 'Response 2' },
+        { id: '3', content: 'Response 3' }
+    ];
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(QuickResponse_1.default, { quickResponses: quickResponses }));
+    expect(react_1.screen.getByText('Response 1')).toBeVisible();
+    expect(react_1.screen.getByText('Response 2')).toBeVisible();
+    expect(react_1.screen.getByText('Response 3')).toBeVisible();
+});
+test('Renders with compact styling', () => {
+    const quickResponses = [{ id: '1', content: 'Compact response' }];
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(QuickResponse_1.default, { quickResponses: quickResponses, isCompact: true }));
+    expect(react_1.screen.getByText('Compact response').closest('.pf-v6-c-label')).toHaveClass('pf-m-compact');
+});
+test('Renders with custom className on response', () => {
+    const quickResponses = [{ id: '1', content: 'Custom class response', className: 'custom-response-class' }];
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(QuickResponse_1.default, { quickResponses: quickResponses }));
+    expect(react_1.screen.getByText('Custom class response').closest('.pf-v6-c-label')).toHaveClass('custom-response-class');
+});
+test('Renders with custom container className', () => {
+    const quickResponses = [
+        { id: '1', content: 'Response 1' },
+        { id: '2', content: 'Response 2' }
+    ];
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(QuickResponse_1.default, { quickResponses: quickResponses, quickResponseContainerProps: { className: 'custom-container-class' } }));
+    expect(react_1.screen.getByText('Response 1').closest('.pf-v6-c-label-group')).toHaveClass('custom-container-class');
+});
+test('Spreads additional custom container props', () => {
+    const quickResponses = [
+        { id: '1', content: 'Response 1' },
+        { id: '2', content: 'Response 2' }
+    ];
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(QuickResponse_1.default, { quickResponses: quickResponses, quickResponseContainerProps: { id: 'custom-container-id' } }));
+    expect(react_1.screen.getByText('Response 1').closest('.pf-v6-c-label-group__list')).toHaveAttribute('id', 'custom-container-id');
+});
+test('Renders with pf-chatbot__message-quick-response--selected class after click', () => __awaiter(void 0, void 0, void 0, function* () {
+    const user = user_event_1.default.setup();
+    const quickResponses = [
+        { id: '1', content: 'Response 1' },
+        { id: '2', content: 'Response 2' }
+    ];
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(QuickResponse_1.default, { quickResponses: quickResponses }));
+    yield user.click(react_1.screen.getByText('Response 1'));
+    expect(react_1.screen.getByText('Response 1').closest('.pf-v6-c-label')).toHaveClass('pf-chatbot__message-quick-response--selected');
+}));
+test('Does not calls onClick handler when not passed', () => __awaiter(void 0, void 0, void 0, function* () {
+    const user = user_event_1.default.setup();
+    const handleClick = jest.fn();
+    const quickResponses = [{ id: '1', content: 'Clickable response' }];
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(QuickResponse_1.default, { quickResponses: quickResponses }));
+    yield user.click(react_1.screen.getByText('Clickable response'));
+    expect(handleClick).not.toHaveBeenCalled();
+}));
+test('Calls onClick handler when passed', () => __awaiter(void 0, void 0, void 0, function* () {
+    const user = user_event_1.default.setup();
+    const handleClick = jest.fn();
+    const quickResponses = [{ id: '1', content: 'Clickable response', onClick: handleClick }];
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(QuickResponse_1.default, { quickResponses: quickResponses }));
+    yield user.click(react_1.screen.getByText('Clickable response'));
+    expect(handleClick).toHaveBeenCalled();
+}));
+test('Does not call onSelect when not passed', () => __awaiter(void 0, void 0, void 0, function* () {
+    const user = user_event_1.default.setup();
+    const handleSelect = jest.fn();
+    const quickResponses = [
+        { id: '1', content: 'Response 1' },
+        { id: '2', content: 'Response 2' }
+    ];
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(QuickResponse_1.default, { quickResponses: quickResponses }));
+    yield user.click(react_1.screen.getByText('Response 2'));
+    expect(handleSelect).not.toHaveBeenCalled();
+}));
+test('Calls onSelect when passed', () => __awaiter(void 0, void 0, void 0, function* () {
+    const user = user_event_1.default.setup();
+    const handleSelect = jest.fn();
+    const quickResponses = [
+        { id: '1', content: 'Response 1' },
+        { id: '2', content: 'Response 2' }
+    ];
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(QuickResponse_1.default, { quickResponses: quickResponses, onSelect: handleSelect }));
+    yield user.click(react_1.screen.getByText('Response 2'));
+    expect(handleSelect).toHaveBeenCalledWith('2');
+}));
+test('Spreads additional response props', () => {
+    const quickResponses = [{ id: '1', content: 'Response with props', isCompact: true, 'aria-label': 'Test label' }];
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(QuickResponse_1.default, { quickResponses: quickResponses }));
+    expect(react_1.screen.getByText('Response with props').closest('.pf-v6-c-label')).toHaveAttribute('aria-label', 'Test label');
+});

package/dist/cjs/Message/QuickResponse/index.d.ts

@@ -0,0 +1 @@
+export * from './QuickResponse';

package/dist/cjs/Message/QuickResponse/index.js

@@ -0,0 +1,17 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./QuickResponse"), exports);

package/dist/cjs/Message/QuickStarts/QuickStartTile.d.ts

@@ -25,5 +25,5 @@ export interface QuickStartTileProps {
     /** Sets the tile to compact styling */
     isCompact?: boolean;
 }
-declare const QuickStartTile: FC<QuickStartTileProps>;
+export declare const QuickStartTile: FC<QuickStartTileProps>;
 export default QuickStartTile;

package/dist/cjs/Message/QuickStarts/QuickStartTile.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.camelize = void 0;
+exports.QuickStartTile = exports.camelize = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const rocket_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/rocket-icon"));
 const outlined_bookmark_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/outlined-bookmark-icon"));
@@ -43,4 +43,5 @@ const QuickStartTile = ({ className, quickStart, onClick, onSelectQuickStart, mi
                 actions: { actions: additionalAction }
             }), { children: quickStartIcon })), (0, jsx_runtime_1.jsx)(react_core_1.CardTitle, { children: (0, jsx_runtime_1.jsx)(QuickStartTileHeader_1.default, { name: displayName, onSelect: onSelect, quickStartId: id }) }), (0, jsx_runtime_1.jsx)(react_core_1.CardBody, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Stack, { hasGutter: true, children: [(0, jsx_runtime_1.jsxs)(react_core_1.Flex, { spaceItems: { default: 'spaceItemsSm' }, children: [type && (0, jsx_runtime_1.jsx)(react_core_1.Label, { color: type.color, children: type.text }), durationMinutes && ((0, jsx_runtime_1.jsx)(react_core_1.Label, { variant: "outline", "data-test": "duration", icon: (0, jsx_runtime_1.jsx)(outlined_clock_icon_1.default, {}), children: (0, react_core_1.pluralize)(durationMinutes, minuteWord, minuteWordPlural) }))] }), (0, jsx_runtime_1.jsx)(QuickStartTileDescription_1.default, { description: description, prerequisites: prerequisites, prerequisiteWord: prerequisiteWord, prerequisiteWordPlural: prerequisiteWordPlural, quickStartButtonAriaLabel: quickStartButtonAriaLabel })] }) }), (0, jsx_runtime_1.jsx)(react_core_1.CardFooter, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, { variant: "link", isInline: true, onClick: onSelect, children: (0, jsx_runtime_1.jsx)("span", { className: "pf-v6-c-button__text", children: "Start" }) }) })] }));
 };
-exports.default = QuickStartTile;
+exports.QuickStartTile = QuickStartTile;
+exports.default = exports.QuickStartTile;

package/dist/cjs/Message/QuickStarts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './QuickStartTile';
+export * from './types';

package/dist/cjs/Message/QuickStarts/index.js

@@ -0,0 +1,18 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./QuickStartTile"), exports);
+__exportStar(require("./types"), exports);

package/dist/cjs/Message/TableMessage/TableMessage.d.ts

@@ -16,7 +16,12 @@ export interface TableNode {
     type: string;
 }
 export interface TableMessageProps {
+    /** Content of the table */
+    children?: React.ReactNode;
+    /** Flag indicating whether primary styles should be applied. */
     isPrimary?: boolean;
+    /** Flag indicating that the content should retain message styles when using Markdown. */
+    shouldRetainStyles?: boolean;
 }
-declare const TableMessage: ({ children, isPrimary, ...props }: Omit<TableProps, "ref"> & ExtraProps & TableMessageProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableMessage: ({ children, isPrimary, shouldRetainStyles, ...props }: Omit<TableProps, "ref"> & ExtraProps & TableMessageProps) => import("react/jsx-runtime").JSX.Element;
 export default TableMessage;

package/dist/cjs/Message/TableMessage/TableMessage.js

@@ -17,9 +17,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // ============================================================================
 const react_1 = require("react");
 const react_table_1 = require("@patternfly/react-table");
+const react_styles_1 = require("@patternfly/react-styles");
 const TableMessage = (_a) => {
     var _b;
-    var { children, isPrimary } = _a, props = __rest(_a, ["children", "isPrimary"]);
+    var { children, isPrimary, shouldRetainStyles } = _a, props = __rest(_a, ["children", "isPrimary", "shouldRetainStyles"]);
     const { className } = props, rest = __rest(props, ["className"]);
     // This allows us to parse the nested data we get back from the 3rd party Markdown parser
     // Open to feedback here if there is a better way to do this
@@ -60,6 +61,6 @@ const TableMessage = (_a) => {
     }
     return (
     // gridBreakPoint is so we show mobile-styled-PF table
-    (0, jsx_runtime_1.jsx)(react_table_1.Table, Object.assign({ "aria-label": props['aria-label'], gridBreakPoint: "grid", className: `pf-chatbot__message-table ${isPrimary ? 'pf-m-primary' : ''} ${className ? className : ''}` }, rest, { children: modifyChildren(children) })));
+    (0, jsx_runtime_1.jsx)(react_table_1.Table, Object.assign({ "aria-label": props['aria-label'], gridBreakPoint: "grid", className: (0, react_styles_1.css)('pf-chatbot__message-table', isPrimary && 'pf-m-primary', shouldRetainStyles && 'pf-m-markdown', className) }, rest, { children: modifyChildren(children) })));
 };
 exports.default = TableMessage;

package/dist/cjs/Message/TextMessage/TextMessage.d.ts

@@ -1,7 +1,14 @@
 import { ExtraProps } from 'react-markdown';
 import { ContentProps } from '@patternfly/react-core';
 export interface TextMessageProps {
+    /** The text message content */
+    children?: React.ReactNode;
+    /** Flag indicating whether primary styling is applied. */
     isPrimary?: boolean;
+    /** The wrapper component to use for the PatternFly Content component. Defaults to a div. */
+    component?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'a' | 'small' | 'blockquote' | 'pre' | 'hr' | 'ul' | 'ol' | 'dl' | 'li' | 'dt' | 'dd';
+    /** Flag indicating that the content should retain message styles when using Markdown. */
+    shouldRetainStyles?: boolean;
 }
-declare const TextMessage: ({ component, children, isPrimary, ...props }: Omit<ContentProps, "ref"> & ExtraProps & TextMessageProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextMessage: ({ component, children, isPrimary, shouldRetainStyles, ...props }: Omit<ContentProps, "ref"> & ExtraProps & TextMessageProps) => import("react/jsx-runtime").JSX.Element;
 export default TextMessage;

package/dist/cjs/Message/TextMessage/TextMessage.js

@@ -13,8 +13,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_core_1 = require("@patternfly/react-core");
+const react_styles_1 = require("@patternfly/react-styles");
 const TextMessage = (_a) => {
-    var { component, children, isPrimary } = _a, props = __rest(_a, ["component", "children", "isPrimary"]);
-    return ((0, jsx_runtime_1.jsx)("span", { className: `pf-chatbot__message-text ${isPrimary ? 'pf-m-primary' : ''}`, children: (0, jsx_runtime_1.jsx)(react_core_1.Content, Object.assign({ component: component }, props, { children: children })) }));
+    var { component, children, isPrimary, shouldRetainStyles } = _a, props = __rest(_a, ["component", "children", "isPrimary", "shouldRetainStyles"]);
+    return ((0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)('pf-chatbot__message-text', isPrimary && 'pf-m-primary', shouldRetainStyles && 'pf-m-markdown'), children: (0, jsx_runtime_1.jsx)(react_core_1.Content, Object.assign({ component: component }, props, { className: (0, react_styles_1.css)(props === null || props === void 0 ? void 0 : props.className), children: children })) }));
 };
 exports.default = TextMessage;

package/dist/cjs/Message/UserFeedback/UserFeedback.d.ts

@@ -48,6 +48,8 @@ export interface UserFeedbackProps extends Omit<CardProps, 'onSubmit'>, OUIAProp
     textAreaProps?: TextAreaProps;
     /** Additional props passed to action group */
     actionGroupProps?: ActionGroupProps;
+    /** Optional privacy statement text displayed under text area */
+    privacyStatement?: string;
 }
-declare const UserFeedback: FunctionComponent<UserFeedbackProps>;
+export declare const UserFeedback: FunctionComponent<UserFeedbackProps>;
 export default UserFeedback;