@patternfly/chatbot 2.2.0-prerelease.15 → 2.2.0-prerelease.17

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

@@ -0,0 +1 @@
+export {};

package/dist/cjs/AttachmentEdit/AttachmentEdit.test.js

@@ -0,0 +1,52 @@
+"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");
+const AttachmentEdit_1 = __importDefault(require("./AttachmentEdit"));
+describe('AttachmentEdit', () => {
+    it('should open AttachmentEdit modal', () => {
+        const props = {
+            code: 'code',
+            fileName: 'fileName',
+            onCancel: jest.fn(),
+            onSave: jest.fn(),
+            isModalOpen: true,
+            handleModalToggle: jest.fn()
+        };
+        (0, react_2.render)(react_1.default.createElement(AttachmentEdit_1.default, Object.assign({}, props)));
+        expect(react_2.screen.getByText('Edit attachment')).toBeTruthy();
+    });
+    it('should call onSave handler when the save button is clicked', () => {
+        const onSaveHandler = jest.fn();
+        const props = {
+            code: 'code',
+            fileName: 'fileName',
+            onCancel: jest.fn(),
+            onSave: onSaveHandler,
+            isModalOpen: true,
+            handleModalToggle: jest.fn()
+        };
+        (0, react_2.render)(react_1.default.createElement(AttachmentEdit_1.default, Object.assign({}, props)));
+        // Click on save button
+        react_2.fireEvent.click(react_2.screen.getByText('Save'));
+        expect(onSaveHandler).toHaveBeenCalledWith(expect.any(Object), 'code');
+    });
+    it('should call cancel handler when the cancel button is clicked', () => {
+        const onCancelHandler = jest.fn();
+        const props = {
+            code: 'code',
+            fileName: 'fileName',
+            onCancel: onCancelHandler,
+            onSave: jest.fn(),
+            isModalOpen: true,
+            handleModalToggle: jest.fn()
+        };
+        (0, react_2.render)(react_1.default.createElement(AttachmentEdit_1.default, Object.assign({}, props)));
+        // Click on cancel button
+        react_2.fireEvent.click(react_2.screen.getByText('Cancel'));
+        expect(onCancelHandler).toHaveBeenCalled();
+    });
+});

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

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

package/dist/cjs/Chatbot/Chatbot.test.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@testing-library/jest-dom");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const Chatbot_1 = __importDefault(require("./Chatbot"));
+describe('Chatbot', () => {
+    it('should render Chatbot with default display mode', () => {
+        (0, react_2.render)(react_1.default.createElement(Chatbot_1.default, null, "Chatbot Content"));
+        expect(react_2.screen.getByText('Chatbot Content')).toBeTruthy();
+    });
+    it('should render Chatbot with custom ariaLabel', () => {
+        (0, react_2.render)(react_1.default.createElement(Chatbot_1.default, { ariaLabel: "Chatbot" }, "Chatbot Content"));
+        expect(react_2.screen.getByLabelText('Chatbot')).toBeTruthy();
+    });
+    it('should render Chatbot with custom className', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(Chatbot_1.default, { ariaLabel: "Chatbot", className: "custom-class" }, "Chatbot Content"));
+        const chatbotElement = container.querySelector('.custom-class');
+        expect(chatbotElement).toBeInTheDocument();
+    });
+    it('should not render Chatbot', () => {
+        (0, react_2.render)(react_1.default.createElement(Chatbot_1.default, { isVisible: false }, "Chatbot Content"));
+        expect(react_2.screen.queryByLabelText('Chatbot')).toBeFalsy();
+    });
+});

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

@@ -0,0 +1 @@
+export {};

package/dist/cjs/ChatbotAlert/ChatbotAlert.test.js

@@ -0,0 +1,27 @@
+"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");
+const ChatbotAlert_1 = __importDefault(require("./ChatbotAlert"));
+describe('ChatbotAlert', () => {
+    it('should render ChatbotAlert with default variant', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotAlert_1.default, { title: "Chatbot Alert" }));
+        expect(react_2.screen.getByText('Chatbot Alert')).toBeTruthy();
+    });
+    it('should render ChatbotAlert with children', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotAlert_1.default, { title: "Chatbot Alert" }, "Chatbot Alert Content"));
+        expect(react_2.screen.getByText('Chatbot Alert Content')).toBeTruthy();
+    });
+    it('should call onClose handler when onClose button is clicked', () => {
+        const onCloseHandler = jest.fn();
+        (0, react_2.render)(react_1.default.createElement(ChatbotAlert_1.default, { title: "Chatbot Alert", onClose: onCloseHandler }, "Chatbot Alert Content"));
+        expect(react_2.screen.getByText('Chatbot Alert')).toBeTruthy();
+        expect(react_2.screen.getByText('Chatbot Alert Content')).toBeTruthy();
+        // click on the close button
+        react_2.fireEvent.click(react_2.screen.getByRole('button'));
+        expect(onCloseHandler).toHaveBeenCalled();
+    });
+});

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

@@ -0,0 +1 @@
+export {};

package/dist/cjs/ChatbotContent/ChatbotContent.test.js

@@ -0,0 +1,18 @@
+"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");
+const ChatbotContent_1 = __importDefault(require("./ChatbotContent"));
+describe('ChatbotContent', () => {
+    it('should render ChatbotContent with children', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotContent_1.default, null, "Chatbot Content"));
+        expect(react_2.screen.getByText('Chatbot Content')).toBeTruthy();
+    });
+    it('should render ChatbotContent with custom classname', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotContent_1.default, { className: "custom-class" }, "Chatbot Content"));
+        expect(container.querySelector('.custom-class')).toBeTruthy();
+    });
+});

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

@@ -0,0 +1 @@
+export {};

package/dist/cjs/ChatbotFooter/ChatbotFooter.test.js

@@ -0,0 +1,18 @@
+"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");
+const ChatbotFooter_1 = __importDefault(require("./ChatbotFooter"));
+describe('ChatbotFooter', () => {
+    it('should render ChatbotFooter with children', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotFooter_1.default, null, "Chatbot Content"));
+        expect(react_2.screen.getByText('Chatbot Content')).toBeTruthy();
+    });
+    it('should render ChatbotFooter with custom classname', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotFooter_1.default, { className: "custom-class" }, "Chatbot Content"));
+        expect(container.querySelector('.custom-class')).toBeTruthy();
+    });
+});

package/dist/cjs/ChatbotFooter/ChatbotFooternote.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/ChatbotFooter/ChatbotFooternote.test.js

@@ -0,0 +1,87 @@
+"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");
+const ChatbotFootnote_1 = __importDefault(require("./ChatbotFootnote"));
+describe('ChatbotFooternote', () => {
+    const onClick = jest.fn();
+    const popoverProps = {
+        title: 'Verify accuracy',
+        description: 'description',
+        bannerImage: {
+            src: 'src',
+            alt: 'alt'
+        },
+        cta: {
+            label: 'Got it',
+            onClick
+        },
+        link: {
+            label: 'label',
+            url: 'url'
+        }
+    };
+    it('should render ChatbotFooternote', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotFootnote_1.default, { label: "Chatbot footer" }));
+        expect(react_2.screen.getByText('Chatbot footer')).toBeTruthy();
+    });
+    it('should render ChatbotFooternote with popover', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(ChatbotFootnote_1.default, { label: "Chatbot footer", popover: popoverProps }));
+        // click on the footer button
+        (0, react_2.act)(() => {
+            react_2.fireEvent.click(react_2.screen.getByRole('button'));
+        });
+        yield (0, react_2.waitFor)(() => {
+            // Check if the popover is visible and click on the cta button
+            react_2.screen.getByLabelText('More information');
+            react_2.screen.getByText('Verify accuracy');
+            react_2.fireEvent.click(react_2.screen.getByRole('button', { name: 'Got it' }));
+            expect(onClick).toHaveBeenCalled();
+        });
+    }));
+    it('should call onClick handler when popover cta button is clicked', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(ChatbotFootnote_1.default, { label: "Chatbot footer", popover: popoverProps }));
+        // click on the footer button
+        (0, react_2.act)(() => {
+            react_2.fireEvent.click(react_2.screen.getByRole('button'));
+        });
+        yield (0, react_2.waitFor)(() => {
+            // Check if the popover is visible and click on the cta button
+            react_2.screen.getByLabelText('More information');
+            react_2.screen.getByText('Verify accuracy');
+            react_2.fireEvent.click(react_2.screen.getByRole('button', { name: 'Got it' }));
+            expect(onClick).toHaveBeenCalled();
+        });
+    }));
+    it('should close the popover when escape is pressed', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(ChatbotFootnote_1.default, { label: "Chatbot footer", popover: popoverProps }));
+        // click on the footer button
+        (0, react_2.act)(() => {
+            react_2.fireEvent.click(react_2.screen.getByRole('button'));
+        });
+        yield (0, react_2.waitFor)(() => {
+            // Check if the popover is visible and click on the cta button
+            react_2.screen.getByLabelText('More information');
+            react_2.screen.getByText('Verify accuracy');
+        });
+        (0, react_2.act)(() => {
+            // trigger escape to close the popover
+            react_2.fireEvent.keyDown(document, { key: 'Escape', code: 'Escape' });
+        });
+        yield (0, react_2.waitFor)(() => {
+            expect(react_2.screen.queryByText('Verify accuracy')).toBeFalsy();
+        });
+    }));
+});

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

@@ -0,0 +1 @@
+export {};

package/dist/cjs/ChatbotHeader/ChatbotHeader.test.js

@@ -0,0 +1,18 @@
+"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");
+const ChatbotHeader_1 = __importDefault(require("./ChatbotHeader"));
+describe('ChatbotHeader', () => {
+    it('should render ChatbotHeader with children', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeader_1.default, null, "Chatbot Header"));
+        expect(react_2.screen.getByText('Chatbot Header')).toBeTruthy();
+    });
+    it('should render ChatbotHeader with custom classname', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotHeader_1.default, { className: "custom-header-class" }, "Chatbot Content"));
+        expect(container.querySelector('.custom-header-class')).toBeTruthy();
+    });
+});

package/dist/cjs/ChatbotHeader/ChatbotHeaderActions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/ChatbotHeader/ChatbotHeaderActions.test.js

@@ -0,0 +1,18 @@
+"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");
+const ChatbotHeaderActions_1 = __importDefault(require("./ChatbotHeaderActions"));
+describe('ChatbotHeaderActions', () => {
+    it('should render ChatbotHeaderActions with children', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderActions_1.default, null, "Chatbot Header"));
+        expect(react_2.screen.getByText('Chatbot Header')).toBeTruthy();
+    });
+    it('should render ChatbotHeaderActions with custom classname', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotHeaderActions_1.default, { className: "custom-header-action-class" }, "Chatbot Content"));
+        expect(container.querySelector('.custom-header-action-class')).toBeTruthy();
+    });
+});

package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.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");
+const ChatbotHeaderCloseButton_1 = require("./ChatbotHeaderCloseButton");
+describe('ChatbotHeaderCloseButton', () => {
+    it('should render ChatbotHeaderCloseButton', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotHeaderCloseButton_1.ChatbotHeaderCloseButton, { className: "custom-header-close-button", onClick: jest.fn() }));
+        expect(container.querySelector('.custom-header-close-button')).toBeTruthy();
+    });
+    it('should call onClick handler when close button is pressed', () => {
+        const onClick = jest.fn();
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderCloseButton_1.ChatbotHeaderCloseButton, { className: "custom-header-close-button", onClick: onClick }));
+        react_2.fireEvent.click(react_2.screen.getByRole('button', { name: 'Close' }));
+        expect(onClick).toHaveBeenCalled();
+    });
+});

package/dist/cjs/ChatbotHeader/ChatbotHeaderMain.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/ChatbotHeader/ChatbotHeaderMain.test.js

@@ -0,0 +1,18 @@
+"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");
+const ChatbotHeaderMain_1 = __importDefault(require("./ChatbotHeaderMain"));
+describe('ChatbotHeaderMain', () => {
+    it('should render ChatbotHeaderMain with children', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderMain_1.default, null, "Chatbot Header Main"));
+        expect(react_2.screen.getByText('Chatbot Header Main')).toBeTruthy();
+    });
+    it('should render ChatbotHeaderMain with custom classname', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotHeaderMain_1.default, { className: "custom-header-class" }, "Chatbot Content"));
+        expect(container.querySelector('.custom-header-class')).toBeTruthy();
+    });
+});

package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.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");
+const ChatbotHeaderMenu_1 = require("./ChatbotHeaderMenu");
+describe('ChatbotHeaderMenu', () => {
+    it('should render ChatbotHeaderMenu with custom class', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotHeaderMenu_1.ChatbotHeaderMenu, { className: "custom-header-menu", onMenuToggle: jest.fn() }));
+        expect(container.querySelector('.custom-header-menu')).toBeTruthy();
+    });
+    it('should call onMenuToggle when ChatbotHeaderMenu button is clicked', () => {
+        const onMenuToggle = jest.fn();
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderMenu_1.ChatbotHeaderMenu, { className: "custom-header-menu", onMenuToggle: onMenuToggle }));
+        react_2.fireEvent.click(react_2.screen.getByRole('button', { name: 'Toggle menu' }));
+        expect(onMenuToggle).toHaveBeenCalled();
+    });
+});

package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.js

@@ -0,0 +1,43 @@
+"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_core_1 = require("@patternfly/react-core");
+const react_2 = require("@testing-library/react");
+const ChatbotHeaderOptionsDropdown_1 = require("./ChatbotHeaderOptionsDropdown");
+describe('ChatbotHeaderOptionsDropdown', () => {
+    const dropdownItems = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.DropdownItem, null, "Option 1"),
+        react_1.default.createElement(react_core_1.DropdownItem, null, "Option 2"),
+        react_1.default.createElement(react_core_1.DropdownItem, null, "Option 3")));
+    it('should render ChatbotHeaderOptionsDropdown', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderOptionsDropdown_1.ChatbotHeaderOptionsDropdown, null, dropdownItems));
+        expect(react_2.screen.getByRole('button', { name: 'Chatbot options' })).toBeTruthy();
+    });
+    it('should call onselect handler when a dropdown item is clicked', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onSelect = jest.fn();
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotHeaderOptionsDropdown_1.ChatbotHeaderOptionsDropdown, { className: "custom-header-options-dropdown", onSelect: onSelect }, dropdownItems));
+        (0, react_2.act)(() => {
+            react_2.fireEvent.click(react_2.screen.getByRole('button', { name: 'Chatbot options' }));
+        });
+        yield (0, react_2.waitFor)(() => {
+            expect(container.querySelector('.custom-header-options-dropdown')).toBeTruthy();
+            expect(react_2.screen.getByText('Option 1'));
+            expect(react_2.screen.getByText('Option 2'));
+            expect(react_2.screen.getByText('Option 3'));
+            react_2.fireEvent.click(react_2.screen.getByText('Option 3'));
+            expect(onSelect).toHaveBeenCalled();
+        });
+    }));
+});

package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.js

@@ -0,0 +1,41 @@
+"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_core_1 = require("@patternfly/react-core");
+const react_2 = require("@testing-library/react");
+const ChatbotHeaderSelectorDropdown_1 = require("./ChatbotHeaderSelectorDropdown");
+describe('ChatbotHeaderSelectorDropdown', () => {
+    const dropdownItems = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.DropdownItem, null, "Option 1"),
+        react_1.default.createElement(react_core_1.DropdownItem, null, "Option 2"),
+        react_1.default.createElement(react_core_1.DropdownItem, null, "Option 3")));
+    it('should render ChatbotHeaderSelectorDropdown', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderSelectorDropdown_1.ChatbotHeaderSelectorDropdown, { value: "Option 1" }, dropdownItems));
+        expect(react_2.screen.getByRole('button', { name: 'Chatbot selector' })).toBeTruthy();
+    });
+    it('should call onselect handler when a dropdown item is clicked', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onSelect = jest.fn();
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotHeaderSelectorDropdown_1.ChatbotHeaderSelectorDropdown, { value: "Option 1", className: "custom-header-selector-dropdown", onSelect: onSelect }, dropdownItems));
+        (0, react_2.act)(() => {
+            react_2.fireEvent.click(react_2.screen.getByRole('button', { name: 'Chatbot selector' }));
+        });
+        yield (0, react_2.waitFor)(() => {
+            expect(container.querySelector('.custom-header-selector-dropdown')).toBeTruthy();
+            expect(react_2.screen.getByText('Option 3'));
+            react_2.fireEvent.click(react_2.screen.getByText('Option 3'));
+            expect(onSelect).toHaveBeenCalled();
+        });
+    }));
+});

package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.test.js

@@ -0,0 +1,47 @@
+"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");
+const Chatbot_1 = require("../Chatbot/Chatbot");
+const ChatbotHeaderTitle_1 = __importDefault(require("./ChatbotHeaderTitle"));
+describe('ChatbotHeaderTitle', () => {
+    it('should render ChatbotHeaderTitle with children', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, null, "Chatbot Header Title"));
+        expect(react_2.screen.getByText('Chatbot Header Title')).toBeTruthy();
+    });
+    it('should render ChatbotHeaderTitle with custom classname', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { className: "custom-header-class" }, "Chatbot Header Title"));
+        expect(container.querySelector('.custom-header-class')).toBeTruthy();
+    });
+    it('should render title for default display mode', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.default, showOnDefault: 'Default header title' }));
+        expect(react_2.screen.getByText('Default header title')).toBeTruthy();
+    });
+    it('should render title for docked display mode', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.docked, showOnDocked: 'Docked header title' }));
+        expect(react_2.screen.getByText('Docked header title')).toBeTruthy();
+    });
+    it('should fallback to default title when docked display mode title is not configured', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.docked, showOnDefault: 'Default header title' }));
+        expect(react_2.screen.getByText('Default header title')).toBeTruthy();
+    });
+    it('should render title for embedded display mode', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.embedded, showOnEmbedded: 'Embedded header title' }));
+        expect(react_2.screen.getByText('Embedded header title')).toBeTruthy();
+    });
+    it('should fallback to default title when embedded display mode title is not configured', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.embedded, showOnDefault: 'Default header title' }));
+        expect(react_2.screen.getByText('Default header title')).toBeTruthy();
+    });
+    it('should render title for fullscreen display mode', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, showOnFullScreen: 'Fullscreen header title', className: "custom-header-class" }));
+        expect(react_2.screen.getByText('Fullscreen header title')).toBeTruthy();
+    });
+    it('should fallback to default title when fullscreen display mode title is not configured', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, showOnDefault: 'Default header title' }));
+        expect(react_2.screen.getByText('Default header title')).toBeTruthy();
+    });
+});

package/dist/cjs/Message/Message.js

@@ -57,11 +57,21 @@ const MessageBase = (_a) => {
             react_1.default.createElement("div", { className: "pf-chatbot__message-response" },
                 react_1.default.createElement("div", { className: "pf-chatbot__message-and-actions" },
                     isLoading ? (react_1.default.createElement(MessageLoading_1.default, { loadingWord: loadingWord })) : (react_1.default.createElement(react_markdown_1.default, { components: {
-                            p: TextMessage_1.default,
-                            code: ({ children }) => react_1.default.createElement(CodeBlockMessage_1.default, Object.assign({}, codeBlockProps), children),
+                            p: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.p }, props)),
+                            code: (_a) => {
+                                var { children } = _a, props = __rest(_a, ["children"]);
+                                return (react_1.default.createElement(CodeBlockMessage_1.default, Object.assign({}, props, codeBlockProps), children));
+                            },
                             ul: UnorderedListMessage_1.default,
                             ol: (props) => react_1.default.createElement(OrderedListMessage_1.default, Object.assign({}, props)),
-                            li: ListItemMessage_1.default
+                            li: ListItemMessage_1.default,
+                            h1: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.h1 }, props)),
+                            h2: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.h2 }, props)),
+                            h3: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.h3 }, props)),
+                            h4: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.h4 }, props)),
+                            h5: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.h5 }, props)),
+                            h6: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.h6 }, props)),
+                            blockquote: (props) => react_1.default.createElement(TextMessage_1.default, Object.assign({ component: react_core_1.ContentVariants.blockquote }, props))
                         }, remarkPlugins: [remark_gfm_1.default] }, content)),
                     !isLoading && sources && react_1.default.createElement(SourcesCard_1.default, Object.assign({}, sources)),
                     quickStarts && quickStarts.quickStart && (react_1.default.createElement(QuickStartTile_1.default, { quickStart: quickStarts.quickStart, onSelectQuickStart: quickStarts.onSelectQuickStart, minuteWord: quickStarts.minuteWord, minuteWordPlural: quickStarts.minuteWordPlural, prerequisiteWord: quickStarts.prerequisiteWord, prerequisiteWordPlural: quickStarts.prerequisiteWordPlural, quickStartButtonAriaLabel: quickStarts.quickStartButtonAriaLabel })),

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

@@ -77,6 +77,22 @@ const ORDERED_LIST_WITH_CODE = `
 
 3. Item 3
 `;
+const HEADING = `
+# h1 Heading
+
+## h2 Heading
+
+### h3 Heading
+
+#### h4 Heading
+
+##### h5 Heading
+
+###### h6 Heading
+`;
+const BLOCK_QUOTES = `> Blockquotes can also be nested...
+>> ...by using additional greater-than signs (>) right next to each other...
+> > > ...or with spaces between each sign.`;
 const checkListItemsRendered = () => {
     const items = ['Item 1', 'Item 2', 'Item 3'];
     expect(react_2.screen.getAllByRole('listitem')).toHaveLength(3);
@@ -312,12 +328,16 @@ describe('Message', () => {
         (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: CODE_MESSAGE }));
         expect(react_2.screen.getByText('Here is some YAML code:')).toBeTruthy();
         expect(react_2.screen.getByRole('button', { name: 'Copy code button' })).toBeTruthy();
-        expect(react_2.screen.getByText(/apiVersion: helm.openshift.io\/v1beta1/i)).toBeTruthy();
+        expect(react_2.screen.getByText(/yaml/)).toBeTruthy();
+        expect(react_2.screen.getByText(/apiVersion:/i)).toBeTruthy();
+        expect(react_2.screen.getByText(/helm.openshift.io\/v1beta1/i)).toBeTruthy();
         expect(react_2.screen.getByText(/metadata:/i)).toBeTruthy();
-        expect(react_2.screen.getByText(/name: azure-sample-repo0oooo00ooo/i)).toBeTruthy();
+        expect(react_2.screen.getByText(/name:/i)).toBeTruthy();
+        expect(react_2.screen.getByText(/azure-sample-repo0oooo00ooo/i)).toBeTruthy();
         expect(react_2.screen.getByText(/spec/i)).toBeTruthy();
         expect(react_2.screen.getByText(/connectionConfig:/i)).toBeTruthy();
-        expect(react_2.screen.getByText(/url: https:\/\/raw.githubusercontent.com\/Azure-Samples\/helm-charts\/master\/docs/i)).toBeTruthy();
+        expect(react_2.screen.getByText(/url:/i)).toBeTruthy();
+        expect(react_2.screen.getByText(/https:\/\/raw.githubusercontent.com\/Azure-Samples\/helm-charts\/master\/docs/i)).toBeTruthy();
     });
     it('can click copy code button', () => __awaiter(void 0, void 0, void 0, function* () {
         // need explicit setup since RTL stubs clipboard if you do this
@@ -383,4 +403,19 @@ describe('Message', () => {
             } }));
         expect(react_2.screen.getAllByRole('img')[1]).toHaveAttribute('src', 'test.png');
     }));
+    it('should handle block quote correctly', () => {
+        (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: BLOCK_QUOTES }));
+        expect(react_2.screen.getByText(/Blockquotes can also be nested.../)).toBeTruthy();
+        expect(react_2.screen.getByText('...by using additional greater-than signs (>) right next to each other...')).toBeTruthy();
+        expect(react_2.screen.getByText(/...or with spaces between each sign./)).toBeTruthy();
+    });
+    it('should handle heading correctly', () => {
+        (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: HEADING }));
+        expect(react_2.screen.getByRole('heading', { name: /h1 Heading/i })).toBeTruthy();
+        expect(react_2.screen.getByRole('heading', { name: /h2 Heading/i })).toBeTruthy();
+        expect(react_2.screen.getByRole('heading', { name: /h3 Heading/i })).toBeTruthy();
+        expect(react_2.screen.getByRole('heading', { name: /h4 Heading/i })).toBeTruthy();
+        expect(react_2.screen.getByRole('heading', { name: /h5 Heading/i })).toBeTruthy();
+        expect(react_2.screen.getByRole('heading', { name: /h6 Heading/i })).toBeTruthy();
+    });
 });

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

@@ -1,4 +1,5 @@
 import React from 'react';
 import { ExtraProps } from 'react-markdown';
-declare const TextMessage: ({ children, ...props }: JSX.IntrinsicElements["p"] & ExtraProps) => React.JSX.Element;
+import { ContentProps } from '@patternfly/react-core';
+declare const TextMessage: ({ component, children, ...props }: ContentProps & ExtraProps) => React.JSX.Element;
 export default TextMessage;