@patternfly/chatbot 2.2.0-prerelease.2 → 2.2.0-prerelease.21

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/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js

@@ -13,7 +13,9 @@ const react_core_1 = require("@patternfly/react-core");
 const ellipsis_v_icon_1 = __importDefault(require("@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon"));
 const ChatbotConversationHistoryDropdown = ({ menuItems, menuClassName, onSelect, label }) => {
     const [isOpen, setIsOpen] = react_1.default.useState(false);
-    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.Tooltip, { className: "pf-chatbot__tooltip", content: label !== null && label !== void 0 ? label : 'Conversation options', position: "bottom" },
+    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.Tooltip, { className: "pf-chatbot__tooltip", content: label !== null && label !== void 0 ? label : 'Conversation options', position: "bottom", 
+        // prevents VO announcements of both aria label and tooltip
+        aria: "none" },
         react_1.default.createElement(react_core_1.MenuToggle, { className: "pf-chatbot__history-actions", variant: "plain", "aria-label": label !== null && label !== void 0 ? label : 'Conversation options', ref: toggleRef, isExpanded: isOpen, onClick: () => setIsOpen(!isOpen), role: "menuitem" },
             react_1.default.createElement(ellipsis_v_icon_1.default, null))));
     return (react_1.default.createElement(react_core_1.Dropdown, { className: `pf-chatbot__selections ${menuClassName !== null && menuClassName !== void 0 ? menuClassName : ''}`, isOpen: isOpen, onSelect: (props) => {

package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DrawerProps, MenuItemProps } from '@patternfly/react-core';
+import { DrawerProps, MenuItemProps, MenuProps, DrawerPanelContentProps, DrawerContentProps, DrawerContentBodyProps, DrawerHeadProps, DrawerActionsProps, DrawerCloseButtonProps, DrawerPanelBodyProps } from '@patternfly/react-core';
 import { ChatbotDisplayMode } from '../Chatbot/Chatbot';
 export interface Conversation {
     /** Conversation id */
@@ -53,6 +53,22 @@ export interface ChatbotConversationHistoryNavProps extends DrawerProps {
     reverseButtonOrder?: boolean;
     /** Custom test id for the drawer actions */
     drawerActionsTestId?: string;
+    /** Additional props applied to menu  */
+    menuProps?: MenuProps;
+    /** Additional props applied to panel */
+    drawerPanelContentProps?: DrawerPanelContentProps;
+    /** Additional props applied to drawer content */
+    drawerContentProps?: Omit<DrawerContentProps, 'panelContent'>;
+    /** Additional props applied to drawer content body */
+    drawerContentBodyProps?: DrawerContentBodyProps;
+    /** Additional props applied to drawer head */
+    drawerHeadProps?: DrawerHeadProps;
+    /** Additional props applied to drawer actions */
+    drawerActionsProps?: DrawerActionsProps;
+    /** Additional props applied to drawer close button */
+    drawerCloseButtonProps?: DrawerCloseButtonProps;
+    /** Additional props appleid to drawer panel body */
+    drawerPanelBodyProps?: DrawerPanelBodyProps;
 }
 export declare const ChatbotConversationHistoryNav: React.FunctionComponent<ChatbotConversationHistoryNavProps>;
 export default ChatbotConversationHistoryNav;

package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js

@@ -25,7 +25,7 @@ const react_icons_1 = require("@patternfly/react-icons");
 const Chatbot_1 = require("../Chatbot/Chatbot");
 const ChatbotConversationHistoryDropdown_1 = __importDefault(require("./ChatbotConversationHistoryDropdown"));
 const ChatbotConversationHistoryNav = (_a) => {
-    var { onDrawerToggle, isDrawerOpen, setIsDrawerOpen, activeItemId, onSelectActiveItem, conversations, newChatButtonText = 'New chat', drawerContent, onNewChat, searchInputPlaceholder = 'Search...', searchInputAriaLabel = 'Filter menu items', handleTextInputChange, displayMode, reverseButtonOrder = false, drawerActionsTestId = 'chatbot-nav-drawer-actions' } = _a, props = __rest(_a, ["onDrawerToggle", "isDrawerOpen", "setIsDrawerOpen", "activeItemId", "onSelectActiveItem", "conversations", "newChatButtonText", "drawerContent", "onNewChat", "searchInputPlaceholder", "searchInputAriaLabel", "handleTextInputChange", "displayMode", "reverseButtonOrder", "drawerActionsTestId"]);
+    var { onDrawerToggle, isDrawerOpen, setIsDrawerOpen, activeItemId, onSelectActiveItem, conversations, newChatButtonText = 'New chat', drawerContent, onNewChat, searchInputPlaceholder = 'Search...', searchInputAriaLabel = 'Filter menu items', handleTextInputChange, displayMode, reverseButtonOrder = false, drawerActionsTestId = 'chatbot-nav-drawer-actions', menuProps, drawerPanelContentProps, drawerContentProps, drawerContentBodyProps, drawerHeadProps, drawerActionsProps, drawerCloseButtonProps, drawerPanelBodyProps } = _a, props = __rest(_a, ["onDrawerToggle", "isDrawerOpen", "setIsDrawerOpen", "activeItemId", "onSelectActiveItem", "conversations", "newChatButtonText", "drawerContent", "onNewChat", "searchInputPlaceholder", "searchInputAriaLabel", "handleTextInputChange", "displayMode", "reverseButtonOrder", "drawerActionsTestId", "menuProps", "drawerPanelContentProps", "drawerContentProps", "drawerContentBodyProps", "drawerHeadProps", "drawerActionsProps", "drawerCloseButtonProps", "drawerPanelBodyProps"]);
     const drawerRef = react_1.default.useRef(null);
     const onExpand = () => {
         drawerRef.current && drawerRef.current.focus();
@@ -52,16 +52,16 @@ const ChatbotConversationHistoryNav = (_a) => {
     // Menu Content
     // - Consumers should pass an array to <Chatbot> of the list of conversations
     // - Groups could be optional, but items need to be ordered by date
-    const menuContent = (react_1.default.createElement(react_core_1.Menu, { isPlain: true, onSelect: onSelectActiveItem, activeItemId: activeItemId },
+    const menuContent = (react_1.default.createElement(react_core_1.Menu, Object.assign({ isPlain: true, onSelect: onSelectActiveItem, activeItemId: activeItemId }, menuProps),
         react_1.default.createElement(react_core_1.MenuContent, null, buildMenu())));
-    const panelContent = (react_1.default.createElement(react_core_1.DrawerPanelContent, { focusTrap: { enabled: true }, minSize: "384px", maxSize: "384px" },
-        react_1.default.createElement(react_core_1.DrawerHead, null,
-            react_1.default.createElement(react_core_1.DrawerActions, { "data-testid": drawerActionsTestId, className: reverseButtonOrder ? 'pf-v6-c-drawer__actions--reversed' : '' },
-                react_1.default.createElement(react_core_1.DrawerCloseButton, { onClick: onDrawerToggle }),
+    const panelContent = (react_1.default.createElement(react_core_1.DrawerPanelContent, Object.assign({ focusTrap: { enabled: true }, defaultSize: "384px" }, drawerPanelContentProps),
+        react_1.default.createElement(react_core_1.DrawerHead, Object.assign({}, drawerHeadProps),
+            react_1.default.createElement(react_core_1.DrawerActions, Object.assign({ "data-testid": drawerActionsTestId, className: reverseButtonOrder ? 'pf-v6-c-drawer__actions--reversed' : '' }, drawerActionsProps),
+                react_1.default.createElement(react_core_1.DrawerCloseButton, Object.assign({ onClick: onDrawerToggle }, drawerCloseButtonProps)),
                 onNewChat && react_1.default.createElement(react_core_1.Button, { onClick: onNewChat }, newChatButtonText))),
         handleTextInputChange && (react_1.default.createElement("div", { className: "pf-chatbot__input" },
             react_1.default.createElement(react_core_1.SearchInput, { "aria-label": searchInputAriaLabel, onChange: (_event, value) => handleTextInputChange(value), placeholder: searchInputPlaceholder }))),
-        react_1.default.createElement(react_core_1.DrawerPanelBody, null, menuContent)));
+        react_1.default.createElement(react_core_1.DrawerPanelBody, Object.assign({}, drawerPanelBodyProps), menuContent)));
     // An onKeyDown property must be passed to the Drawer component to handle closing
     // the drawer panel and deactivating the focus trap via the Escape key.
     const onEscape = (event) => {
@@ -73,8 +73,8 @@ const ChatbotConversationHistoryNav = (_a) => {
         }
     };
     return (react_1.default.createElement(react_core_1.Drawer, Object.assign({ className: "pf-chatbot__history", isExpanded: isDrawerOpen, onExpand: onExpand, position: "start", onKeyDown: onEscape, isInline: displayMode === Chatbot_1.ChatbotDisplayMode.fullscreen || displayMode === Chatbot_1.ChatbotDisplayMode.embedded }, props),
-        react_1.default.createElement(react_core_1.DrawerContent, { panelContent: panelContent },
-            react_1.default.createElement(react_core_1.DrawerContentBody, null,
+        react_1.default.createElement(react_core_1.DrawerContent, Object.assign({ panelContent: panelContent }, drawerContentProps),
+            react_1.default.createElement(react_core_1.DrawerContentBody, Object.assign({}, drawerContentBodyProps),
                 react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement("div", { className: `${isDrawerOpen && (displayMode === Chatbot_1.ChatbotDisplayMode.default || displayMode === Chatbot_1.ChatbotDisplayMode.docked) ? 'pf-v6-c-backdrop pf-chatbot__drawer-backdrop' : undefined} ` }),
                     drawerContent)))));

package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.js

@@ -22,12 +22,12 @@ describe('ChatbotConversationHistoryNav', () => {
     const initialConversations = [
         {
             id: '1',
-            text: 'Lightspeed documentation'
+            text: 'ChatBot documentation'
         }
     ];
     it('should open the conversation history navigation drawer', () => {
         (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryNav_1.default, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations }));
-        expect(react_2.screen.queryByText('Lightspeed documentation')).toBeInTheDocument();
+        expect(react_2.screen.queryByText('ChatBot documentation')).toBeInTheDocument();
     });
     it('should display the conversations for grouped conversations', () => {
         const groupedConversations = {
@@ -63,7 +63,43 @@ describe('ChatbotConversationHistoryNav', () => {
             charCode: 27
         });
         (0, react_2.waitFor)(() => {
-            expect(react_2.screen.queryByText('Lightspeed documentation')).not.toBeInTheDocument();
+            expect(react_2.screen.queryByText('ChatBot documentation')).not.toBeInTheDocument();
         });
     }));
+    it('should be resizable', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryNav_1.default, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerPanelContentProps: { isResizable: true, minSize: '200px' } }));
+        expect(react_2.screen.getByRole('dialog', { name: /Resize/i })).toBeTruthy();
+        expect(react_2.screen.getByRole('separator', { name: /Resize/i })).toBeTruthy();
+        expect(react_2.screen.getByRole('dialog', { name: /Resize/i })).toHaveAttribute('style', '--pf-v6-c-drawer__panel--md--FlexBasis: 384px; --pf-v6-c-drawer__panel--md--FlexBasis--min: 200px;');
+    });
+    it('should accept drawerContentProps', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryNav_1.default, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerContentProps: { className: 'test' } }));
+        const element = container.querySelector('.test');
+        expect(element).toBeInTheDocument();
+    });
+    it('should accept drawerContentBodyProps', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryNav_1.default, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerContentBodyProps: { className: 'test' } }));
+        const element = container.querySelector('.test');
+        expect(element).toBeInTheDocument();
+    });
+    it('should accept drawerHeadProps', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryNav_1.default, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerHeadProps: { className: 'test' } }));
+        const element = container.querySelector('.test');
+        expect(element).toBeInTheDocument();
+    });
+    it('should accept drawerActionsProps', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryNav_1.default, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerActionsProps: { className: 'test' } }));
+        const element = container.querySelector('.test');
+        expect(element).toBeInTheDocument();
+    });
+    it('should accept drawerCloseButtonProps', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryNav_1.default, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerCloseButtonProps: { className: 'test' } }));
+        const element = container.querySelector('.test');
+        expect(element).toBeInTheDocument();
+    });
+    it('should accept drawerPanelBodyProps', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryNav_1.default, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerPanelBodyProps: { className: 'test' } }));
+        const element = container.querySelector('.test');
+        expect(element).toBeInTheDocument();
+    });
 });

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.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { TooltipProps } from '@patternfly/react-core';
+export interface ChatbotHeaderCloseButtonProps {
+    /** Callback function for when button is clicked */
+    onClick: () => void;
+    /** Custom classname for the header component */
+    className?: string;
+    /** Props spread to the PF Tooltip component wrapping the display mode dropdown */
+    tooltipProps?: TooltipProps;
+    /** Aria label for menu */
+    menuAriaLabel?: string;
+    /** Ref applied to menu */
+    innerRef?: React.Ref<HTMLButtonElement>;
+    /** Content used in tooltip */
+    tooltipContent?: string;
+}
+export declare const ChatbotHeaderCloseButton: React.ForwardRefExoticComponent<ChatbotHeaderCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotHeaderCloseButton = void 0;
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const ChatbotHeaderCloseButtonBase = ({ className, onClick, tooltipProps, menuAriaLabel = 'Close', innerRef, tooltipContent = 'Close' }) => (react_1.default.createElement("div", { className: `pf-chatbot__menu ${className}` },
+    react_1.default.createElement(react_core_1.Tooltip, Object.assign({ content: tooltipContent, position: "bottom", 
+        // prevents VO announcements of both aria label and tooltip
+        aria: "none" }, tooltipProps),
+        react_1.default.createElement(react_core_1.Button, { className: "pf-chatbot__button--toggle-menu", variant: "plain", onClick: onClick, "aria-label": menuAriaLabel, ref: innerRef, icon: react_1.default.createElement(react_core_1.Icon, { size: "xl", isInline: true },
+                react_1.default.createElement(react_icons_1.CloseIcon, null)) }))));
+exports.ChatbotHeaderCloseButton = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(ChatbotHeaderCloseButtonBase, Object.assign({ innerRef: ref }, props))));

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.d.ts

@@ -11,5 +11,7 @@ export interface ChatbotHeaderMenuProps {
     menuAriaLabel?: string;
     /** Ref applied to menu */
     innerRef?: React.Ref<HTMLButtonElement>;
+    /** Content used in tooltip */
+    tooltipContent?: string;
 }
 export declare const ChatbotHeaderMenu: React.ForwardRefExoticComponent<ChatbotHeaderMenuProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.js

@@ -7,8 +7,10 @@ exports.ChatbotHeaderMenu = void 0;
 const react_1 = __importDefault(require("react"));
 const react_core_1 = require("@patternfly/react-core");
 const bars_icon_1 = __importDefault(require("@patternfly/react-icons/dist/esm/icons/bars-icon"));
-const ChatbotHeaderMenuBase = ({ className, onMenuToggle, tooltipProps, menuAriaLabel = 'Toggle menu', innerRef }) => (react_1.default.createElement("div", { className: `pf-chatbot__menu ${className}` },
-    react_1.default.createElement(react_core_1.Tooltip, Object.assign({ content: "Menu", position: "bottom" }, tooltipProps),
+const ChatbotHeaderMenuBase = ({ className, onMenuToggle, tooltipProps, menuAriaLabel = 'Toggle menu', innerRef, tooltipContent = 'Menu' }) => (react_1.default.createElement("div", { className: `pf-chatbot__menu ${className}` },
+    react_1.default.createElement(react_core_1.Tooltip, Object.assign({ content: tooltipContent, position: "bottom", 
+        // prevents VO announcements of both aria label and tooltip
+        aria: "none" }, tooltipProps),
         react_1.default.createElement(react_core_1.Button, { className: "pf-chatbot__button--toggle-menu", variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef, icon: react_1.default.createElement(react_core_1.Icon, { size: "xl", isInline: true },
                 react_1.default.createElement(bars_icon_1.default, null)) }))));
 exports.ChatbotHeaderMenu = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(ChatbotHeaderMenuBase, Object.assign({ innerRef: ref }, props))));

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.js

@@ -21,7 +21,9 @@ const ellipsis_v_icon_1 = __importDefault(require("@patternfly/react-icons/dist/
 const ChatbotHeaderOptionsDropdown = (_a) => {
     var { className, children, onSelect, tooltipProps, menuToggleAriaLabel = 'Chatbot options' } = _a, props = __rest(_a, ["className", "children", "onSelect", "tooltipProps", "menuToggleAriaLabel"]);
     const [isOptionsMenuOpen, setIsOptionsMenuOpen] = react_1.default.useState(false);
-    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ className: "pf-chatbot__tooltip", content: "Chatbot options", position: "bottom" }, tooltipProps),
+    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ className: "pf-chatbot__tooltip", content: "Chatbot options", position: "bottom", 
+        // prevents VO announcements of both aria label and tooltip
+        aria: "none" }, tooltipProps),
         react_1.default.createElement(react_core_1.MenuToggle, { className: "pf-chatbot__button--toggle-options", variant: "plain", "aria-label": menuToggleAriaLabel, ref: toggleRef, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: "xl", isInline: true },
                 react_1.default.createElement(ellipsis_v_icon_1.default, null)), isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen) })));
     return (react_1.default.createElement(react_core_1.Dropdown, Object.assign({ className: `pf-chatbot__options ${className !== null && className !== void 0 ? className : ''}`, isOpen: isOptionsMenuOpen, onSelect: (e, value) => {

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

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