@patternfly/chatbot 1.0.0

package/@types/index.d.ts

@@ -0,0 +1,9 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+declare module '*.svg' {
+  const value: any;
+  export = value;
+}
+declare module '*.png' {
+  const value: any;
+  export = value;
+}

package/dist/cjs/AttachMenu/AttachMenu.d.ts

@@ -0,0 +1,32 @@
+import type { FunctionComponent } from 'react';
+import { DropdownProps, DropdownToggleProps, PopperOptions, MenuSearchInputProps, SearchInputProps, MenuSearchProps } from '@patternfly/react-core';
+export interface AttachMenuProps extends DropdownProps {
+    /** Items in menu */
+    filteredItems: React.ReactNode;
+    /** A callback for when the input value changes. */
+    handleTextInputChange?: (value: string) => void;
+    /** Flag to indicate if menu is opened. */
+    isOpen: boolean;
+    /** Additional properties to pass to the Popper */
+    popperProps?: PopperOptions;
+    /** Callback to change the open state of the menu. Triggered by clicking outside of the menu. */
+    onOpenChange: (isOpen: boolean) => void;
+    /** Keys that trigger onOpenChange, defaults to tab and escape. It is highly recommended to include Escape in the array, while Tab may be omitted if the menu contains non-menu items that are focusable. */
+    onOpenChangeKeys?: string[];
+    /** Function callback called when user selects item. */
+    onSelect?: (event?: React.MouseEvent<Element, MouseEvent>, value?: string | number) => void;
+    /** Placeholder for search input */
+    searchInputPlaceholder?: string;
+    /** Aria label for search input */
+    searchInputAriaLabel?: string;
+    /** Toggle to be rendered */
+    toggle: DropdownToggleProps | ((toggleRef: React.RefObject<any>) => React.ReactNode);
+    /** Additional props passed to MenuSearch component */
+    menuSearchProps?: Omit<MenuSearchProps, 'ref'>;
+    /** Additional props passed to MenuSearchInput component */
+    menuSearchInputProps?: Omit<MenuSearchInputProps, 'ref'>;
+    /** Additional props passed to SearchInput component */
+    searchInputProps?: SearchInputProps;
+}
+export declare const AttachMenu: FunctionComponent<AttachMenuProps>;
+export default AttachMenu;

package/dist/cjs/AttachMenu/AttachMenu.js

@@ -0,0 +1,23 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttachMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// Import PatternFly components
+const react_core_1 = require("@patternfly/react-core");
+const AttachMenu = (_a) => {
+    var { className, filteredItems, handleTextInputChange, isOpen, popperProps = undefined, onOpenChange, onOpenChangeKeys, onSelect, searchInputPlaceholder, searchInputAriaLabel = 'Filter menu items', toggle, menuSearchProps, menuSearchInputProps, searchInputProps } = _a, props = __rest(_a, ["className", "filteredItems", "handleTextInputChange", "isOpen", "popperProps", "onOpenChange", "onOpenChangeKeys", "onSelect", "searchInputPlaceholder", "searchInputAriaLabel", "toggle", "menuSearchProps", "menuSearchInputProps", "searchInputProps"]);
+    return ((0, jsx_runtime_1.jsxs)(react_core_1.Dropdown, Object.assign({ className: `pf-chatbot__menu ${className !== null && className !== void 0 ? className : ''}`, isOpen: isOpen, onOpenChange: (isOpen) => onOpenChange(isOpen), onOpenChangeKeys: onOpenChangeKeys !== null && onOpenChangeKeys !== void 0 ? onOpenChangeKeys : ['Esc'], toggle: toggle, popperProps: popperProps, onSelect: onSelect }, props, { children: [handleTextInputChange && ((0, jsx_runtime_1.jsx)(react_core_1.MenuSearch, Object.assign({}, menuSearchProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.MenuSearchInput, Object.assign({}, menuSearchInputProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.SearchInput, Object.assign({ "aria-label": searchInputAriaLabel, onChange: (_event, value) => handleTextInputChange(value), placeholder: searchInputPlaceholder }, searchInputProps)) })) }))), filteredItems] })));
+};
+exports.AttachMenu = AttachMenu;
+exports.default = exports.AttachMenu;

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

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

package/dist/cjs/AttachMenu/index.js

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

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

@@ -0,0 +1,34 @@
+import type { FunctionComponent } from 'react';
+import { ChatbotDisplayMode } from '../Chatbot';
+export interface AttachmentEditProps {
+    /** Text shown in code editor */
+    code: string;
+    /** Filename, including extension, of file shown in editor */
+    fileName: string;
+    /** Function that runs when cancel button is clicked  */
+    onCancel: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
+    /** Function that runs when save button is clicked; allows consumers to use the edited code string  */
+    onSave: (event: React.MouseEvent | MouseEvent | KeyboardEvent, code: string) => void;
+    /** Function that opens and closes modal */
+    handleModalToggle: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
+    /** Whether modal is open */
+    isModalOpen: boolean;
+    /** Title of modal */
+    title?: string;
+    /** Display mode for the Chatbot parent; this influences the styles applied */
+    displayMode?: ChatbotDisplayMode;
+    /** Sets modal to compact styling. */
+    isCompact?: boolean;
+    /** Primary action button text */
+    primaryActionButtonText?: string;
+    /** Secondary action button text */
+    secondaryActionButtonText?: string;
+    /** Class applied to modal header */
+    modalHeaderClassName?: string;
+    /** Class applied to modal body */
+    modalBodyClassName?: string;
+    /** Class applied to modal footer */
+    modalFooterClassName?: string;
+}
+export declare const AttachmentEdit: FunctionComponent<AttachmentEditProps>;
+export default AttachmentEdit;

package/dist/cjs/AttachmentEdit/AttachmentEdit.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttachmentEdit = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CodeModal_1 = __importDefault(require("../CodeModal"));
+const Chatbot_1 = require("../Chatbot");
+const AttachmentEdit = ({ fileName, code, handleModalToggle, isModalOpen, onCancel, onSave, title = 'Edit attachment', displayMode = Chatbot_1.ChatbotDisplayMode.default, isCompact, modalHeaderClassName, modalBodyClassName, modalFooterClassName, primaryActionButtonText = 'Save', secondaryActionButtonText = 'Cancel' }) => {
+    const handleSave = (_event, code) => {
+        handleModalToggle(_event);
+        onSave(_event, code);
+    };
+    const handleCancel = (_event) => {
+        handleModalToggle(_event);
+        onCancel(_event);
+    };
+    return ((0, jsx_runtime_1.jsx)(CodeModal_1.default, { code: code, fileName: fileName, handleModalToggle: handleModalToggle, isModalOpen: isModalOpen, onPrimaryAction: handleSave, onSecondaryAction: handleCancel, primaryActionBtn: primaryActionButtonText, secondaryActionBtn: secondaryActionButtonText, title: title, displayMode: displayMode, isCompact: isCompact, modalHeaderClassName: modalHeaderClassName, modalBodyClassName: modalBodyClassName, modalFooterClassName: modalFooterClassName }));
+};
+exports.AttachmentEdit = AttachmentEdit;
+exports.default = exports.AttachmentEdit;

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

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

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

@@ -0,0 +1,77 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+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_1.render)((0, jsx_runtime_1.jsx)(AttachmentEdit_1.default, Object.assign({}, props)));
+        expect(react_1.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_1.render)((0, jsx_runtime_1.jsx)(AttachmentEdit_1.default, Object.assign({}, props)));
+        // Click on save button
+        react_1.fireEvent.click(react_1.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_1.render)((0, jsx_runtime_1.jsx)(AttachmentEdit_1.default, Object.assign({}, props)));
+        // Click on cancel button
+        react_1.fireEvent.click(react_1.screen.getByText('Cancel'));
+        expect(onCancelHandler).toHaveBeenCalled();
+    });
+    it('should render custom button text for footer actions buttons', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachmentEdit_1.default, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onCancel: jest.fn(), onSave: jest.fn(), handleModalToggle: jest.fn(), primaryActionButtonText: "Save", secondaryActionButtonText: "Close" }));
+        expect(react_1.screen.getByText('Save')).toBeInTheDocument();
+        expect(react_1.screen.getByText('Close')).toBeInTheDocument();
+    });
+    it('should render AttachmentEdit with custom classNames', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachmentEdit_1.default, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onCancel: jest.fn(), onSave: jest.fn(), handleModalToggle: jest.fn(), primaryActionButtonText: "Save", secondaryActionButtonText: "Close", modalHeaderClassName: "custom-header-class", modalBodyClassName: "custom-body-class", modalFooterClassName: "custom-footer-class" }));
+        const modal = react_1.screen.getByRole('dialog');
+        const modalHeader = (0, react_1.within)(modal).getByRole('banner');
+        expect(modalHeader).toHaveClass('custom-header-class');
+        const modalBody = modal.querySelector('#code-modal-body');
+        expect(modalBody).toHaveClass('custom-body-class');
+        const modalfooter = (0, react_1.within)(modal).getByRole('contentinfo');
+        expect(modalfooter).toHaveClass('custom-footer-class');
+    }));
+});

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

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

package/dist/cjs/AttachmentEdit/index.js

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

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

@@ -0,0 +1,25 @@
+export interface ChatbotProps {
+    /** Content to be displayed in the chatbot */
+    children: React.ReactNode;
+    /** Display Mode for the Chatbot */
+    displayMode?: ChatbotDisplayMode;
+    /** Visibility flag for the chatbot */
+    isVisible?: boolean;
+    /** Custom classname for the Chatbot component */
+    className?: string;
+    /** Ref applied to chatbot  */
+    innerRef?: React.Ref<HTMLDivElement>;
+    /** Custom aria label applied to focusable container */
+    ariaLabel?: string;
+    /** Density of information within the ChatBot */
+    isCompact?: boolean;
+}
+export declare enum ChatbotDisplayMode {
+    default = "default",
+    embedded = "embedded",
+    docked = "docked",
+    fullscreen = "fullscreen",
+    drawer = "drawer"
+}
+declare const Chatbot: import("react").ForwardRefExoticComponent<ChatbotProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Chatbot;

package/dist/cjs/Chatbot/Chatbot.js

@@ -0,0 +1,30 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotDisplayMode = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+var ChatbotDisplayMode;
+(function (ChatbotDisplayMode) {
+    ChatbotDisplayMode["default"] = "default";
+    ChatbotDisplayMode["embedded"] = "embedded";
+    ChatbotDisplayMode["docked"] = "docked";
+    ChatbotDisplayMode["fullscreen"] = "fullscreen";
+    ChatbotDisplayMode["drawer"] = "drawer";
+})(ChatbotDisplayMode || (exports.ChatbotDisplayMode = ChatbotDisplayMode = {}));
+const ChatbotBase = (_a) => {
+    var { children, displayMode = ChatbotDisplayMode.default, isVisible = true, className, innerRef, ariaLabel, isCompact } = _a, props = __rest(_a, ["children", "displayMode", "isVisible", "className", "innerRef", "ariaLabel", "isCompact"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `pf-chatbot pf-chatbot--${displayMode} ${!isVisible ? 'pf-chatbot--hidden' : 'pf-chatbot--visible'}  ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}` }, props, { children: isVisible ? ((0, jsx_runtime_1.jsx)("section", { "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Chatbot', className: `pf-chatbot-container pf-chatbot-container--${displayMode} ${!isVisible ? 'pf-chatbot-container--hidden' : ''}`, tabIndex: -1, ref: innerRef, children: children })) : undefined })));
+};
+const Chatbot = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(ChatbotBase, Object.assign({ innerRef: ref }, props))));
+exports.default = Chatbot;

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,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom");
+const react_1 = require("@testing-library/react");
+const Chatbot_1 = __importDefault(require("./Chatbot"));
+describe('Chatbot', () => {
+    it('should render Chatbot with default display mode', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Chatbot_1.default, { children: "Chatbot Content" }));
+        expect(react_1.screen.getByText('Chatbot Content')).toBeTruthy();
+    });
+    it('should render Chatbot with custom ariaLabel', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Chatbot_1.default, { ariaLabel: "Chatbot", children: "Chatbot Content" }));
+        expect(react_1.screen.getByLabelText('Chatbot')).toBeTruthy();
+    });
+    it('should render Chatbot with custom className', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Chatbot_1.default, { ariaLabel: "Chatbot", className: "custom-class", children: "Chatbot Content" }));
+        const chatbotElement = container.querySelector('.custom-class');
+        expect(chatbotElement).toBeInTheDocument();
+    });
+    it('should not render Chatbot', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Chatbot_1.default, { isVisible: false, children: "Chatbot Content" }));
+        expect(react_1.screen.queryByLabelText('Chatbot')).toBeFalsy();
+    });
+    it('should handle isCompact', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Chatbot_1.default, { "data-testid": "chatbot", isVisible: true, isCompact: true, children: "Chatbot Content" }));
+        expect(react_1.screen.getByTestId('chatbot')).toHaveClass('pf-m-compact');
+    });
+});

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

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

package/dist/cjs/Chatbot/index.js

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

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

@@ -0,0 +1,8 @@
+import type { FunctionComponent } from 'react';
+import { AlertProps } from '@patternfly/react-core';
+export interface ChatbotAlert extends AlertProps {
+    /** Callback for when close button is clicked; if none is provided, there will be no way to dismiss the alert */
+    onClose?: () => void;
+}
+export declare const ChatbotAlert: FunctionComponent<ChatbotAlert>;
+export default ChatbotAlert;

package/dist/cjs/ChatbotAlert/ChatbotAlert.js

@@ -0,0 +1,24 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotAlert = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_core_1 = require("@patternfly/react-core");
+const ChatbotAlert = (_a) => {
+    var { variant = 'info', title, children = '', onClose } = _a, props = __rest(_a, ["variant", "title", "children", "onClose"]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "pf-chatbot__alert", children: (0, jsx_runtime_1.jsx)(react_core_1.Alert, Object.assign({ variant: variant, isInline: true, title: title, component: "h6" }, (onClose && {
+            actionClose: (0, jsx_runtime_1.jsx)(react_core_1.AlertActionCloseButton, { onClose: onClose })
+        }), props, { children: children })) }));
+};
+exports.ChatbotAlert = ChatbotAlert;
+exports.default = exports.ChatbotAlert;

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

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

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

package/dist/cjs/ChatbotAlert/index.js

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

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

@@ -0,0 +1,11 @@
+import type { HTMLProps, FunctionComponent } from 'react';
+export interface ChatbotContentProps extends HTMLProps<HTMLDivElement> {
+    /** Content to be displayed in the chatbot */
+    children: React.ReactNode;
+    /** Custom classname for the ChatbotContent component */
+    className?: string;
+    /** Sets background color to primary */
+    isPrimary?: boolean;
+}
+export declare const ChatbotContent: FunctionComponent<ChatbotContentProps>;
+export default ChatbotContent;

package/dist/cjs/ChatbotContent/ChatbotContent.js

@@ -0,0 +1,21 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ChatbotContent = (_a) => {
+    var { children, className, isPrimary } = _a, props = __rest(_a, ["children", "className", "isPrimary"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `pf-chatbot__content ${isPrimary ? 'pf-m-primary' : ''} ${className !== null && className !== void 0 ? className : ''}` }, props, { children: children })));
+};
+exports.ChatbotContent = ChatbotContent;
+exports.default = exports.ChatbotContent;

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const ChatbotContent_1 = __importDefault(require("./ChatbotContent"));
+describe('ChatbotContent', () => {
+    it('should render ChatbotContent with children', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotContent_1.default, { children: "Chatbot Content" }));
+        expect(react_1.screen.getByText('Chatbot Content')).toBeTruthy();
+    });
+    it('should render ChatbotContent with custom classname', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotContent_1.default, { className: "custom-class", children: "Chatbot Content" }));
+        expect(container.querySelector('.custom-class')).toBeTruthy();
+    });
+    it('should render ChatbotContent with primary class', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotContent_1.default, { isPrimary: true, children: "Chatbot Content" }));
+        expect(container.querySelector('.pf-m-primary')).toBeTruthy();
+    });
+});

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

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

package/dist/cjs/ChatbotContent/index.js

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

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

@@ -0,0 +1,18 @@
+import type { FunctionComponent } from 'react';
+import { DropdownProps } from '@patternfly/react-core';
+export interface ChatbotConversationHistoryDropdownProps extends Omit<DropdownProps, 'toggle'> {
+    /** Dropdown items rendered in conversation settings dropdown */
+    menuItems: React.ReactNode;
+    /** Optional classname applied to conversation settings dropdown */
+    menuClassName?: string;
+    /** Tooltip content applied to conversation settings dropdown */
+    label?: string;
+    /** Aria-label applied to conversation settings dropdown */
+    'aria-label'?: string;
+    /** Callback for when user selects item. */
+    onSelect?: (event?: React.MouseEvent, value?: string | number) => void;
+    /** Id applied to dropdown menu toggle */
+    id?: string;
+}
+export declare const ChatbotConversationHistoryDropdown: FunctionComponent<ChatbotConversationHistoryDropdownProps>;
+export default ChatbotConversationHistoryDropdown;

package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotConversationHistoryDropdown = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+// Import PatternFly components
+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 = 'Conversation options', 'aria-label': ariaLabel, id }) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const toggle = (toggleRef) => ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, { className: "pf-chatbot__tooltip", content: label, position: "bottom", 
+        // prevents VO announcements of both aria label and tooltip
+        aria: "none", children: (0, jsx_runtime_1.jsx)(react_core_1.MenuToggle, { className: "pf-chatbot__history-actions", variant: "plain", "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label, ref: toggleRef, isExpanded: isOpen, onClick: () => setIsOpen(!isOpen), id: id, role: "menuitem", children: (0, jsx_runtime_1.jsx)(ellipsis_v_icon_1.default, {}) }) }));
+    return ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { className: `pf-chatbot__selections ${menuClassName !== null && menuClassName !== void 0 ? menuClassName : ''}`, isOpen: isOpen, onSelect: (props) => {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(props);
+            setIsOpen((prev) => !prev);
+        }, onOpenChange: (isOpen) => setIsOpen(isOpen), popperProps: { position: 'right' }, shouldFocusToggleOnSelect: true, shouldFocusFirstItemOnOpen: true, toggle: toggle, children: menuItems }));
+};
+exports.ChatbotConversationHistoryDropdown = ChatbotConversationHistoryDropdown;
+exports.default = exports.ChatbotConversationHistoryDropdown;

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

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