@patternfly/chatbot 2.2.0-prerelease.16 → 2.2.0-prerelease.18

package/dist/cjs/Settings/SettingsForm.test.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_2 = require("@testing-library/react");
+const SettingsForm_1 = require("./SettingsForm");
+describe('SettingsForm', () => {
+    it('should render settingsForm with custom classname', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(SettingsForm_1.SettingsForm, { className: "custom-settings" }));
+        expect(container.querySelector('.custom-settings')).toBeTruthy();
+    });
+    it('should render settingsForm with fields', () => {
+        const fields = [
+            {
+                id: 'archived-chat',
+                label: 'Archive chat',
+                field: (react_1.default.createElement(react_core_1.Button, { id: "archived-chat", variant: "secondary" }, "Archive chat"))
+            }
+        ];
+        (0, react_2.render)(react_1.default.createElement(SettingsForm_1.SettingsForm, { fields: fields }));
+        expect(react_2.screen.getByRole('button', { name: 'Archive chat' })).toBeTruthy();
+    });
+});

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

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

package/dist/esm/AttachmentEdit/AttachmentEdit.test.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { fireEvent, render, screen } from '@testing-library/react';
+import AttachmentEdit from './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()
+        };
+        render(React.createElement(AttachmentEdit, Object.assign({}, props)));
+        expect(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()
+        };
+        render(React.createElement(AttachmentEdit, Object.assign({}, props)));
+        // Click on save button
+        fireEvent.click(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()
+        };
+        render(React.createElement(AttachmentEdit, Object.assign({}, props)));
+        // Click on cancel button
+        fireEvent.click(screen.getByText('Cancel'));
+        expect(onCancelHandler).toHaveBeenCalled();
+    });
+});

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

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

package/dist/esm/Chatbot/Chatbot.test.js

@@ -0,0 +1,23 @@
+import '@testing-library/jest-dom';
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import Chatbot from './Chatbot';
+describe('Chatbot', () => {
+    it('should render Chatbot with default display mode', () => {
+        render(React.createElement(Chatbot, null, "Chatbot Content"));
+        expect(screen.getByText('Chatbot Content')).toBeTruthy();
+    });
+    it('should render Chatbot with custom ariaLabel', () => {
+        render(React.createElement(Chatbot, { ariaLabel: "Chatbot" }, "Chatbot Content"));
+        expect(screen.getByLabelText('Chatbot')).toBeTruthy();
+    });
+    it('should render Chatbot with custom className', () => {
+        const { container } = render(React.createElement(Chatbot, { ariaLabel: "Chatbot", className: "custom-class" }, "Chatbot Content"));
+        const chatbotElement = container.querySelector('.custom-class');
+        expect(chatbotElement).toBeInTheDocument();
+    });
+    it('should not render Chatbot', () => {
+        render(React.createElement(Chatbot, { isVisible: false }, "Chatbot Content"));
+        expect(screen.queryByLabelText('Chatbot')).toBeFalsy();
+    });
+});

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

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

package/dist/esm/ChatbotAlert/ChatbotAlert.test.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { fireEvent, render, screen } from '@testing-library/react';
+import ChatbotAlert from './ChatbotAlert';
+describe('ChatbotAlert', () => {
+    it('should render ChatbotAlert with default variant', () => {
+        render(React.createElement(ChatbotAlert, { title: "Chatbot Alert" }));
+        expect(screen.getByText('Chatbot Alert')).toBeTruthy();
+    });
+    it('should render ChatbotAlert with children', () => {
+        render(React.createElement(ChatbotAlert, { title: "Chatbot Alert" }, "Chatbot Alert Content"));
+        expect(screen.getByText('Chatbot Alert Content')).toBeTruthy();
+    });
+    it('should call onClose handler when onClose button is clicked', () => {
+        const onCloseHandler = jest.fn();
+        render(React.createElement(ChatbotAlert, { title: "Chatbot Alert", onClose: onCloseHandler }, "Chatbot Alert Content"));
+        expect(screen.getByText('Chatbot Alert')).toBeTruthy();
+        expect(screen.getByText('Chatbot Alert Content')).toBeTruthy();
+        // click on the close button
+        fireEvent.click(screen.getByRole('button'));
+        expect(onCloseHandler).toHaveBeenCalled();
+    });
+});

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

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

package/dist/esm/ChatbotContent/ChatbotContent.test.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import ChatbotContent from './ChatbotContent';
+describe('ChatbotContent', () => {
+    it('should render ChatbotContent with children', () => {
+        render(React.createElement(ChatbotContent, null, "Chatbot Content"));
+        expect(screen.getByText('Chatbot Content')).toBeTruthy();
+    });
+    it('should render ChatbotContent with custom classname', () => {
+        const { container } = render(React.createElement(ChatbotContent, { className: "custom-class" }, "Chatbot Content"));
+        expect(container.querySelector('.custom-class')).toBeTruthy();
+    });
+});

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

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

package/dist/esm/ChatbotFooter/ChatbotFooter.test.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import ChatbotFooter from './ChatbotFooter';
+describe('ChatbotFooter', () => {
+    it('should render ChatbotFooter with children', () => {
+        render(React.createElement(ChatbotFooter, null, "Chatbot Content"));
+        expect(screen.getByText('Chatbot Content')).toBeTruthy();
+    });
+    it('should render ChatbotFooter with custom classname', () => {
+        const { container } = render(React.createElement(ChatbotFooter, { className: "custom-class" }, "Chatbot Content"));
+        expect(container.querySelector('.custom-class')).toBeTruthy();
+    });
+});

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

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

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

@@ -0,0 +1,82 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import ChatbotFootnote from './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', () => {
+        render(React.createElement(ChatbotFootnote, { label: "Chatbot footer" }));
+        expect(screen.getByText('Chatbot footer')).toBeTruthy();
+    });
+    it('should render ChatbotFooternote with popover', () => __awaiter(void 0, void 0, void 0, function* () {
+        render(React.createElement(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
+        // click on the footer button
+        act(() => {
+            fireEvent.click(screen.getByRole('button'));
+        });
+        yield waitFor(() => {
+            // Check if the popover is visible and click on the cta button
+            screen.getByLabelText('More information');
+            screen.getByText('Verify accuracy');
+            fireEvent.click(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* () {
+        render(React.createElement(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
+        // click on the footer button
+        act(() => {
+            fireEvent.click(screen.getByRole('button'));
+        });
+        yield waitFor(() => {
+            // Check if the popover is visible and click on the cta button
+            screen.getByLabelText('More information');
+            screen.getByText('Verify accuracy');
+            fireEvent.click(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* () {
+        render(React.createElement(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
+        // click on the footer button
+        act(() => {
+            fireEvent.click(screen.getByRole('button'));
+        });
+        yield waitFor(() => {
+            // Check if the popover is visible and click on the cta button
+            screen.getByLabelText('More information');
+            screen.getByText('Verify accuracy');
+        });
+        act(() => {
+            // trigger escape to close the popover
+            fireEvent.keyDown(document, { key: 'Escape', code: 'Escape' });
+        });
+        yield waitFor(() => {
+            expect(screen.queryByText('Verify accuracy')).toBeFalsy();
+        });
+    }));
+});

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

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

package/dist/esm/ChatbotHeader/ChatbotHeader.test.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import ChatbotHeader from './ChatbotHeader';
+describe('ChatbotHeader', () => {
+    it('should render ChatbotHeader with children', () => {
+        render(React.createElement(ChatbotHeader, null, "Chatbot Header"));
+        expect(screen.getByText('Chatbot Header')).toBeTruthy();
+    });
+    it('should render ChatbotHeader with custom classname', () => {
+        const { container } = render(React.createElement(ChatbotHeader, { className: "custom-header-class" }, "Chatbot Content"));
+        expect(container.querySelector('.custom-header-class')).toBeTruthy();
+    });
+});

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import ChatbotHeaderActions from './ChatbotHeaderActions';
+describe('ChatbotHeaderActions', () => {
+    it('should render ChatbotHeaderActions with children', () => {
+        render(React.createElement(ChatbotHeaderActions, null, "Chatbot Header"));
+        expect(screen.getByText('Chatbot Header')).toBeTruthy();
+    });
+    it('should render ChatbotHeaderActions with custom classname', () => {
+        const { container } = render(React.createElement(ChatbotHeaderActions, { className: "custom-header-action-class" }, "Chatbot Content"));
+        expect(container.querySelector('.custom-header-action-class')).toBeTruthy();
+    });
+});

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

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

package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.test.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { ChatbotHeaderCloseButton } from './ChatbotHeaderCloseButton';
+describe('ChatbotHeaderCloseButton', () => {
+    it('should render ChatbotHeaderCloseButton', () => {
+        const { container } = render(React.createElement(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();
+        render(React.createElement(ChatbotHeaderCloseButton, { className: "custom-header-close-button", onClick: onClick }));
+        fireEvent.click(screen.getByRole('button', { name: 'Close' }));
+        expect(onClick).toHaveBeenCalled();
+    });
+});

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import ChatbotHeaderMain from './ChatbotHeaderMain';
+describe('ChatbotHeaderMain', () => {
+    it('should render ChatbotHeaderMain with children', () => {
+        render(React.createElement(ChatbotHeaderMain, null, "Chatbot Header Main"));
+        expect(screen.getByText('Chatbot Header Main')).toBeTruthy();
+    });
+    it('should render ChatbotHeaderMain with custom classname', () => {
+        const { container } = render(React.createElement(ChatbotHeaderMain, { className: "custom-header-class" }, "Chatbot Content"));
+        expect(container.querySelector('.custom-header-class')).toBeTruthy();
+    });
+});

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

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

package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { ChatbotHeaderMenu } from './ChatbotHeaderMenu';
+describe('ChatbotHeaderMenu', () => {
+    it('should render ChatbotHeaderMenu with custom class', () => {
+        const { container } = render(React.createElement(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();
+        render(React.createElement(ChatbotHeaderMenu, { className: "custom-header-menu", onMenuToggle: onMenuToggle }));
+        fireEvent.click(screen.getByRole('button', { name: 'Toggle menu' }));
+        expect(onMenuToggle).toHaveBeenCalled();
+    });
+});

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

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

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

@@ -0,0 +1,38 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { DropdownItem } from '@patternfly/react-core';
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { ChatbotHeaderOptionsDropdown } from './ChatbotHeaderOptionsDropdown';
+describe('ChatbotHeaderOptionsDropdown', () => {
+    const dropdownItems = (React.createElement(React.Fragment, null,
+        React.createElement(DropdownItem, null, "Option 1"),
+        React.createElement(DropdownItem, null, "Option 2"),
+        React.createElement(DropdownItem, null, "Option 3")));
+    it('should render ChatbotHeaderOptionsDropdown', () => {
+        render(React.createElement(ChatbotHeaderOptionsDropdown, null, dropdownItems));
+        expect(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 } = render(React.createElement(ChatbotHeaderOptionsDropdown, { className: "custom-header-options-dropdown", onSelect: onSelect }, dropdownItems));
+        act(() => {
+            fireEvent.click(screen.getByRole('button', { name: 'Chatbot options' }));
+        });
+        yield waitFor(() => {
+            expect(container.querySelector('.custom-header-options-dropdown')).toBeTruthy();
+            expect(screen.getByText('Option 1'));
+            expect(screen.getByText('Option 2'));
+            expect(screen.getByText('Option 3'));
+            fireEvent.click(screen.getByText('Option 3'));
+            expect(onSelect).toHaveBeenCalled();
+        });
+    }));
+});

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

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

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

@@ -0,0 +1,36 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { DropdownItem } from '@patternfly/react-core';
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { ChatbotHeaderSelectorDropdown } from './ChatbotHeaderSelectorDropdown';
+describe('ChatbotHeaderSelectorDropdown', () => {
+    const dropdownItems = (React.createElement(React.Fragment, null,
+        React.createElement(DropdownItem, null, "Option 1"),
+        React.createElement(DropdownItem, null, "Option 2"),
+        React.createElement(DropdownItem, null, "Option 3")));
+    it('should render ChatbotHeaderSelectorDropdown', () => {
+        render(React.createElement(ChatbotHeaderSelectorDropdown, { value: "Option 1" }, dropdownItems));
+        expect(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 } = render(React.createElement(ChatbotHeaderSelectorDropdown, { value: "Option 1", className: "custom-header-selector-dropdown", onSelect: onSelect }, dropdownItems));
+        act(() => {
+            fireEvent.click(screen.getByRole('button', { name: 'Chatbot selector' }));
+        });
+        yield waitFor(() => {
+            expect(container.querySelector('.custom-header-selector-dropdown')).toBeTruthy();
+            expect(screen.getByText('Option 3'));
+            fireEvent.click(screen.getByText('Option 3'));
+            expect(onSelect).toHaveBeenCalled();
+        });
+    }));
+});

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

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

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { ChatbotDisplayMode } from '../Chatbot/Chatbot';
+import ChatbotHeaderTitle from './ChatbotHeaderTitle';
+describe('ChatbotHeaderTitle', () => {
+    it('should render ChatbotHeaderTitle with children', () => {
+        render(React.createElement(ChatbotHeaderTitle, null, "Chatbot Header Title"));
+        expect(screen.getByText('Chatbot Header Title')).toBeTruthy();
+    });
+    it('should render ChatbotHeaderTitle with custom classname', () => {
+        const { container } = render(React.createElement(ChatbotHeaderTitle, { className: "custom-header-class" }, "Chatbot Header Title"));
+        expect(container.querySelector('.custom-header-class')).toBeTruthy();
+    });
+    it('should render title for default display mode', () => {
+        render(React.createElement(ChatbotHeaderTitle, { displayMode: ChatbotDisplayMode.default, showOnDefault: 'Default header title' }));
+        expect(screen.getByText('Default header title')).toBeTruthy();
+    });
+    it('should render title for docked display mode', () => {
+        render(React.createElement(ChatbotHeaderTitle, { displayMode: ChatbotDisplayMode.docked, showOnDocked: 'Docked header title' }));
+        expect(screen.getByText('Docked header title')).toBeTruthy();
+    });
+    it('should fallback to default title when docked display mode title is not configured', () => {
+        render(React.createElement(ChatbotHeaderTitle, { displayMode: ChatbotDisplayMode.docked, showOnDefault: 'Default header title' }));
+        expect(screen.getByText('Default header title')).toBeTruthy();
+    });
+    it('should render title for embedded display mode', () => {
+        render(React.createElement(ChatbotHeaderTitle, { displayMode: ChatbotDisplayMode.embedded, showOnEmbedded: 'Embedded header title' }));
+        expect(screen.getByText('Embedded header title')).toBeTruthy();
+    });
+    it('should fallback to default title when embedded display mode title is not configured', () => {
+        render(React.createElement(ChatbotHeaderTitle, { displayMode: ChatbotDisplayMode.embedded, showOnDefault: 'Default header title' }));
+        expect(screen.getByText('Default header title')).toBeTruthy();
+    });
+    it('should render title for fullscreen display mode', () => {
+        render(React.createElement(ChatbotHeaderTitle, { displayMode: ChatbotDisplayMode.fullscreen, showOnFullScreen: 'Fullscreen header title', className: "custom-header-class" }));
+        expect(screen.getByText('Fullscreen header title')).toBeTruthy();
+    });
+    it('should fallback to default title when fullscreen display mode title is not configured', () => {
+        render(React.createElement(ChatbotHeaderTitle, { displayMode: ChatbotDisplayMode.fullscreen, showOnDefault: 'Default header title' }));
+        expect(screen.getByText('Default header title')).toBeTruthy();
+    });
+});

package/dist/esm/MessageBar/AttachButton.js

@@ -24,7 +24,7 @@ const AttachButtonBase = (_a) => {
         onDropAccepted: onAttachAccepted
     });
     return (React.createElement(React.Fragment, null,
-        React.createElement("input", Object.assign({ "data-testid": inputTestId }, getInputProps())),
+        React.createElement("input", Object.assign({ "data-testid": inputTestId }, getInputProps(), { hidden: true })),
         React.createElement(Tooltip, Object.assign({ id: "pf-chatbot__tooltip--attach", content: tooltipContent, position: "top", entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0, 
             // prevents VO announcements of both aria label and tooltip
             aria: "none" }, tooltipProps),

package/dist/esm/MessageBar/MessageBar.test.js

@@ -7,14 +7,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import '@testing-library/jest-dom';
 import React from 'react';
+import { DropdownGroup, DropdownItem, DropdownList } from '@patternfly/react-core';
+import { BellIcon, CalendarAltIcon, ClipboardIcon, CodeIcon } from '@patternfly/react-icons';
 import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
 import userEvent from '@testing-library/user-event';
-import { MessageBar } from './MessageBar';
-import { DropdownGroup, DropdownItem, DropdownList } from '@patternfly/react-core';
 import SourceDetailsMenuItem from '../SourceDetailsMenuItem';
-import { BellIcon, CalendarAltIcon, ClipboardIcon, CodeIcon } from '@patternfly/react-icons';
+import { MessageBar } from './MessageBar';
 const ATTACH_MENU_ITEMS = [
     React.createElement(DropdownList, { key: "list-1" },
         React.createElement(DropdownItem, { className: "pf-chatbot-source-details-dropdown-item", value: "auth-operator Pod", id: "0" },

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

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

package/dist/esm/MessageBox/MessageBox.test.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { MessageBox } from './MessageBox';
+describe('MessageBox', () => {
+    it('should render Message box', () => {
+        render(React.createElement(MessageBox, null,
+            React.createElement(React.Fragment, null, "Chatbot Messages")));
+        expect(screen.getByText('Chatbot Messages')).toBeTruthy();
+    });
+    it('should assign ref to Message box', () => {
+        const ref = React.createRef();
+        render(React.createElement(MessageBox, { ref: ref },
+            React.createElement("div", null, "Test message content")));
+        expect(ref.current).not.toBeNull();
+        expect(ref.current).toBeInstanceOf(HTMLDivElement);
+    });
+});

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

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

package/dist/esm/PreviewAttachment/PreviewAttachment.test.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { PreviewAttachment } from './PreviewAttachment';
+describe('PreviewAttachment', () => {
+    it('should render PreviewAttachment', () => {
+        render(React.createElement(PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: jest.fn(), handleModalToggle: jest.fn() }));
+        expect(screen.getByText('Preview attachment')).toBeTruthy();
+        expect(screen.getByText('greetings')).toBeTruthy();
+        expect(screen.getAllByText('TEXT')).toBeTruthy();
+    });
+    it('should call onEdit handler when edit button is pressed', () => {
+        const onEdit = jest.fn();
+        render(React.createElement(PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: onEdit, handleModalToggle: jest.fn() }));
+        fireEvent.click(screen.getByText('Edit'));
+        expect(onEdit).toHaveBeenCalled();
+    });
+    it('should call onDismiss handler when dismiss button is pressed', () => {
+        const onDismiss = jest.fn();
+        render(React.createElement(PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: jest.fn(), handleModalToggle: onDismiss }));
+        fireEvent.click(screen.getByText('Dismiss'));
+        expect(onDismiss).toHaveBeenCalled();
+    });
+});

package/dist/esm/Settings/SettingsForm.test.d.ts

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

package/dist/esm/Settings/SettingsForm.test.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Button } from '@patternfly/react-core';
+import { render, screen } from '@testing-library/react';
+import { SettingsForm } from './SettingsForm';
+describe('SettingsForm', () => {
+    it('should render settingsForm with custom classname', () => {
+        const { container } = render(React.createElement(SettingsForm, { className: "custom-settings" }));
+        expect(container.querySelector('.custom-settings')).toBeTruthy();
+    });
+    it('should render settingsForm with fields', () => {
+        const fields = [
+            {
+                id: 'archived-chat',
+                label: 'Archive chat',
+                field: (React.createElement(Button, { id: "archived-chat", variant: "secondary" }, "Archive chat"))
+            }
+        ];
+        render(React.createElement(SettingsForm, { fields: fields }));
+        expect(screen.getByRole('button', { name: 'Archive chat' })).toBeTruthy();
+    });
+});

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/AttachMenu/AttachMenu.tsx","../src/AttachMenu/index.ts","../src/AttachmentEdit/AttachmentEdit.tsx","../src/AttachmentEdit/index.ts","../src/Chatbot/Chatbot.tsx","../src/Chatbot/index.ts","../src/ChatbotAlert/ChatbotAlert.tsx","../src/ChatbotAlert/index.ts","../src/ChatbotContent/ChatbotContent.tsx","../src/ChatbotContent/index.ts","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx","../src/ChatbotConversationHistoryNav/index.ts","../src/ChatbotFooter/ChatbotFooter.tsx","../src/ChatbotFooter/ChatbotFootnote.tsx","../src/ChatbotFooter/index.ts","../src/ChatbotHeader/ChatbotHeader.tsx","../src/ChatbotHeader/ChatbotHeaderActions.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.tsx","../src/ChatbotHeader/ChatbotHeaderMain.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.tsx","../src/ChatbotHeader/index.ts","../src/ChatbotModal/ChatbotModal.tsx","../src/ChatbotModal/index.ts","../src/ChatbotPopover/ChatbotPopover.tsx","../src/ChatbotPopover/index.ts","../src/ChatbotToggle/ChatbotToggle.test.tsx","../src/ChatbotToggle/ChatbotToggle.tsx","../src/ChatbotToggle/index.ts","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx","../src/ChatbotWelcomePrompt/index.ts","../src/CodeModal/CodeModal.tsx","../src/CodeModal/index.ts","../src/Compare/Compare.test.tsx","../src/Compare/Compare.tsx","../src/Compare/index.ts","../src/FileDetails/FileDetails.test.tsx","../src/FileDetails/FileDetails.tsx","../src/FileDetails/index.ts","../src/FileDetailsLabel/FileDetailsLabel.test.tsx","../src/FileDetailsLabel/FileDetailsLabel.tsx","../src/FileDetailsLabel/index.ts","../src/FileDropZone/FileDropZone.test.tsx","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/index.ts","../src/LoadingMessage/LoadingMessage.test.tsx","../src/LoadingMessage/LoadingMessage.tsx","../src/LoadingMessage/index.ts","../src/Message/Message.test.tsx","../src/Message/Message.tsx","../src/Message/MessageLoading.tsx","../src/Message/index.ts","../src/Message/CodeBlockMessage/CodeBlockMessage.tsx","../src/Message/ListMessage/ListItemMessage.tsx","../src/Message/ListMessage/OrderedListMessage.tsx","../src/Message/ListMessage/UnorderedListMessage.tsx","../src/Message/QuickResponse/QuickResponse.tsx","../src/Message/QuickStarts/FallbackImg.tsx","../src/Message/QuickStarts/QuickStartTile.tsx","../src/Message/QuickStarts/QuickStartTileDescription.test.tsx","../src/Message/QuickStarts/QuickStartTileDescription.tsx","../src/Message/QuickStarts/QuickStartTileHeader.tsx","../src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart.ts","../src/Message/QuickStarts/types.ts","../src/Message/TextMessage/TextMessage.tsx","../src/Message/UserFeedback/CloseButton.tsx","../src/Message/UserFeedback/UserFeedback.test.tsx","../src/Message/UserFeedback/UserFeedback.tsx","../src/Message/UserFeedback/UserFeedbackComplete.test.tsx","../src/Message/UserFeedback/UserFeedbackComplete.tsx","../src/MessageBar/AttachButton.test.tsx","../src/MessageBar/AttachButton.tsx","../src/MessageBar/MessageBar.test.tsx","../src/MessageBar/MessageBar.tsx","../src/MessageBar/MicrophoneButton.tsx","../src/MessageBar/SendButton.test.tsx","../src/MessageBar/SendButton.tsx","../src/MessageBar/StopButton.test.tsx","../src/MessageBar/StopButton.tsx","../src/MessageBar/index.ts","../src/MessageBox/JumpButton.test.tsx","../src/MessageBox/JumpButton.tsx","../src/MessageBox/MessageBox.tsx","../src/MessageBox/index.ts","../src/PreviewAttachment/PreviewAttachment.tsx","../src/PreviewAttachment/index.ts","../src/ResponseActions/ResponseActionButton.test.tsx","../src/ResponseActions/ResponseActionButton.tsx","../src/ResponseActions/ResponseActions.test.tsx","../src/ResponseActions/ResponseActions.tsx","../src/ResponseActions/index.ts","../src/Settings/SettingsForm.tsx","../src/Settings/index.ts","../src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx","../src/SourceDetailsMenuItem/index.ts","../src/SourcesCard/SourcesCard.test.tsx","../src/SourcesCard/SourcesCard.tsx","../src/SourcesCard/index.ts","../src/TermsOfUse/TermsOfUse.test.tsx","../src/TermsOfUse/TermsOfUse.tsx","../src/TermsOfUse/index.ts"],"version":"5.6.3"}
+{"root":["../src/index.ts","../src/AttachMenu/AttachMenu.tsx","../src/AttachMenu/index.ts","../src/AttachmentEdit/AttachmentEdit.test.tsx","../src/AttachmentEdit/AttachmentEdit.tsx","../src/AttachmentEdit/index.ts","../src/Chatbot/Chatbot.test.tsx","../src/Chatbot/Chatbot.tsx","../src/Chatbot/index.ts","../src/ChatbotAlert/ChatbotAlert.test.tsx","../src/ChatbotAlert/ChatbotAlert.tsx","../src/ChatbotAlert/index.ts","../src/ChatbotContent/ChatbotContent.test.tsx","../src/ChatbotContent/ChatbotContent.tsx","../src/ChatbotContent/index.ts","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx","../src/ChatbotConversationHistoryNav/index.ts","../src/ChatbotFooter/ChatbotFooter.test.tsx","../src/ChatbotFooter/ChatbotFooter.tsx","../src/ChatbotFooter/ChatbotFooternote.test.tsx","../src/ChatbotFooter/ChatbotFootnote.tsx","../src/ChatbotFooter/index.ts","../src/ChatbotHeader/ChatbotHeader.test.tsx","../src/ChatbotHeader/ChatbotHeader.tsx","../src/ChatbotHeader/ChatbotHeaderActions.test.tsx","../src/ChatbotHeader/ChatbotHeaderActions.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.tsx","../src/ChatbotHeader/ChatbotHeaderMain.test.tsx","../src/ChatbotHeader/ChatbotHeaderMain.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.test.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.test.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.tsx","../src/ChatbotHeader/index.ts","../src/ChatbotModal/ChatbotModal.tsx","../src/ChatbotModal/index.ts","../src/ChatbotPopover/ChatbotPopover.tsx","../src/ChatbotPopover/index.ts","../src/ChatbotToggle/ChatbotToggle.test.tsx","../src/ChatbotToggle/ChatbotToggle.tsx","../src/ChatbotToggle/index.ts","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx","../src/ChatbotWelcomePrompt/index.ts","../src/CodeModal/CodeModal.tsx","../src/CodeModal/index.ts","../src/Compare/Compare.test.tsx","../src/Compare/Compare.tsx","../src/Compare/index.ts","../src/FileDetails/FileDetails.test.tsx","../src/FileDetails/FileDetails.tsx","../src/FileDetails/index.ts","../src/FileDetailsLabel/FileDetailsLabel.test.tsx","../src/FileDetailsLabel/FileDetailsLabel.tsx","../src/FileDetailsLabel/index.ts","../src/FileDropZone/FileDropZone.test.tsx","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/index.ts","../src/LoadingMessage/LoadingMessage.test.tsx","../src/LoadingMessage/LoadingMessage.tsx","../src/LoadingMessage/index.ts","../src/Message/Message.test.tsx","../src/Message/Message.tsx","../src/Message/MessageLoading.tsx","../src/Message/index.ts","../src/Message/CodeBlockMessage/CodeBlockMessage.tsx","../src/Message/ListMessage/ListItemMessage.tsx","../src/Message/ListMessage/OrderedListMessage.tsx","../src/Message/ListMessage/UnorderedListMessage.tsx","../src/Message/QuickResponse/QuickResponse.tsx","../src/Message/QuickStarts/FallbackImg.tsx","../src/Message/QuickStarts/QuickStartTile.tsx","../src/Message/QuickStarts/QuickStartTileDescription.test.tsx","../src/Message/QuickStarts/QuickStartTileDescription.tsx","../src/Message/QuickStarts/QuickStartTileHeader.tsx","../src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart.ts","../src/Message/QuickStarts/types.ts","../src/Message/TextMessage/TextMessage.tsx","../src/Message/UserFeedback/CloseButton.tsx","../src/Message/UserFeedback/UserFeedback.test.tsx","../src/Message/UserFeedback/UserFeedback.tsx","../src/Message/UserFeedback/UserFeedbackComplete.test.tsx","../src/Message/UserFeedback/UserFeedbackComplete.tsx","../src/MessageBar/AttachButton.test.tsx","../src/MessageBar/AttachButton.tsx","../src/MessageBar/MessageBar.test.tsx","../src/MessageBar/MessageBar.tsx","../src/MessageBar/MicrophoneButton.tsx","../src/MessageBar/SendButton.test.tsx","../src/MessageBar/SendButton.tsx","../src/MessageBar/StopButton.test.tsx","../src/MessageBar/StopButton.tsx","../src/MessageBar/index.ts","../src/MessageBox/JumpButton.test.tsx","../src/MessageBox/JumpButton.tsx","../src/MessageBox/MessageBox.test.tsx","../src/MessageBox/MessageBox.tsx","../src/MessageBox/index.ts","../src/PreviewAttachment/PreviewAttachment.test.tsx","../src/PreviewAttachment/PreviewAttachment.tsx","../src/PreviewAttachment/index.ts","../src/ResponseActions/ResponseActionButton.test.tsx","../src/ResponseActions/ResponseActionButton.tsx","../src/ResponseActions/ResponseActions.test.tsx","../src/ResponseActions/ResponseActions.tsx","../src/ResponseActions/index.ts","../src/Settings/SettingsForm.test.tsx","../src/Settings/SettingsForm.tsx","../src/Settings/index.ts","../src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx","../src/SourceDetailsMenuItem/index.ts","../src/SourcesCard/SourcesCard.test.tsx","../src/SourcesCard/SourcesCard.tsx","../src/SourcesCard/index.ts","../src/TermsOfUse/TermsOfUse.test.tsx","../src/TermsOfUse/TermsOfUse.tsx","../src/TermsOfUse/index.ts"],"version":"5.6.3"}