@patternfly/chatbot 2.1.0-prerelease.17

package/dist/cjs/MessageBar/StopButton.test.js

@@ -0,0 +1,54 @@
+"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");
+require("@testing-library/jest-dom");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const StopButton_1 = require("./StopButton");
+const renderStop = (props) => {
+    const spy = jest.fn();
+    (0, react_2.render)(react_1.default.createElement(StopButton_1.StopButton, Object.assign({ onClick: spy }, props)));
+};
+describe('Stop button', () => {
+    it('should render button correctly', () => {
+        renderStop();
+        expect(react_2.screen.getByRole('button', { name: 'Stop button' })).toBeTruthy();
+    });
+    it('should handle onClick correctly', () => __awaiter(void 0, void 0, void 0, function* () {
+        const spy = jest.fn();
+        (0, react_2.render)(react_1.default.createElement(StopButton_1.StopButton, { onClick: spy }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop button' }));
+        expect(react_2.screen.getByRole('tooltip', { name: 'Stop' })).toBeTruthy();
+        expect(spy).toHaveBeenCalledTimes(1);
+    }));
+    it('should handle custom tooltip correctly', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(StopButton_1.StopButton, { onClick: jest.fn, tooltipContent: "Test" }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop button' }));
+        expect(react_2.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
+    }));
+    it('should handle className prop', () => {
+        renderStop({ className: 'test' });
+        expect(react_2.screen.getByRole('button', { name: 'Stop button' })).toHaveClass('test');
+    });
+    it('should handle spread props, including aria-label', () => {
+        renderStop({ 'aria-label': 'test' });
+        expect(react_2.screen.getByRole('button', { name: 'test' }));
+    });
+    it('should handle tooltipProps prop', () => __awaiter(void 0, void 0, void 0, function* () {
+        renderStop({ tooltipProps: { id: 'test' } });
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop button' }));
+        expect(react_2.screen.getByRole('tooltip', { name: 'Stop' })).toHaveAttribute('id', 'test');
+    }));
+});

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

@@ -0,0 +1,5 @@
+export { default } from './MessageBar';
+export * from './MessageBar';
+export * from './AttachButton';
+export * from './MicrophoneButton';
+export * from './SendButton';

package/dist/cjs/MessageBar/index.js

@@ -0,0 +1,26 @@
+"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 MessageBar_1 = require("./MessageBar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MessageBar_1).default; } });
+__exportStar(require("./MessageBar"), exports);
+__exportStar(require("./AttachButton"), exports);
+__exportStar(require("./MicrophoneButton"), exports);
+__exportStar(require("./SendButton"), exports);

package/dist/cjs/MessageBox/JumpButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface JumpButtonProps {
+    /** Position of the Jump Button(top/bottom) */
+    position: 'top' | 'bottom';
+    /** Callback for the onClick event */
+    onClick: () => void;
+    /** Flag to change the visibilty of the button */
+    isHidden?: boolean;
+}
+declare const JumpButton: React.FunctionComponent<JumpButtonProps>;
+export default JumpButton;

package/dist/cjs/MessageBox/JumpButton.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// ============================================================================
+// Chatbot Main - Messages - Jump to Top
+// ============================================================================
+const react_1 = __importDefault(require("react"));
+// Import PatternFly components
+const react_core_1 = require("@patternfly/react-core");
+const arrow_up_icon_1 = require("@patternfly/react-icons/dist/esm/icons/arrow-up-icon");
+const arrow_down_icon_1 = require("@patternfly/react-icons/dist/esm/icons/arrow-down-icon");
+const JumpButton = ({ position, isHidden, onClick }) => isHidden ? null : (react_1.default.createElement(react_core_1.Tooltip, { id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top" },
+    react_1.default.createElement(react_core_1.Button, { variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Jump ${position} button`, onClick: onClick },
+        react_1.default.createElement(react_core_1.Icon, { iconSize: "lg", isInline: true }, position === 'top' ? react_1.default.createElement(arrow_up_icon_1.ArrowUpIcon, null) : react_1.default.createElement(arrow_down_icon_1.ArrowDownIcon, null)))));
+exports.default = JumpButton;

package/dist/cjs/MessageBox/JumpButton.test.d.ts

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

package/dist/cjs/MessageBox/JumpButton.test.js

@@ -0,0 +1,39 @@
+"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");
+require("@testing-library/jest-dom");
+const JumpButton_1 = __importDefault(require("./JumpButton"));
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+describe('JumpButton', () => {
+    it('should render top button correctly', () => {
+        (0, react_2.render)(react_1.default.createElement(JumpButton_1.default, { position: "top", onClick: jest.fn() }));
+        expect(react_2.screen.getByRole('button', { name: /Jump top button/i })).toBeTruthy();
+    });
+    it('should render bottom button correctly', () => {
+        (0, react_2.render)(react_1.default.createElement(JumpButton_1.default, { position: "bottom", onClick: jest.fn() }));
+        expect(react_2.screen.getByRole('button', { name: /Jump bottom button/i })).toBeTruthy();
+    });
+    it('should call onClick appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
+        const spy = jest.fn();
+        (0, react_2.render)(react_1.default.createElement(JumpButton_1.default, { position: "bottom", onClick: spy }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Jump bottom button/i }));
+        expect(spy).toHaveBeenCalledTimes(1);
+    }));
+    it('should be hidden if isHidden prop is used', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(JumpButton_1.default, { position: "bottom", onClick: jest.fn(), isHidden: true }));
+        expect(react_2.screen.queryByRole('button', { name: /Jump bottom button/i })).toBeFalsy();
+    }));
+});

package/dist/cjs/MessageBox/MessageBox.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface MessageBoxProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content that can be announced, such as a new message, for screen readers */
+    announcement?: string;
+    /** Custom aria-label for scrollable portion of message box */
+    ariaLabel?: string;
+    /** Content to be displayed in the message box */
+    children: React.ReactNode;
+    /** Custom classname for the MessageBox component */
+    className?: string;
+    /** Ref applied to message box */
+    innerRef?: React.Ref<HTMLDivElement>;
+    /** Modifier that controls how content in MessageBox is positioned within the container */
+    position?: 'top' | 'bottom';
+}
+export declare const MessageBox: React.ForwardRefExoticComponent<Omit<MessageBoxProps, "ref"> & React.RefAttributes<any>>;
+export default MessageBox;

package/dist/cjs/MessageBox/MessageBox.js

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageBox = void 0;
+// ============================================================================
+// Chatbot Main - Messages
+// ============================================================================
+const react_1 = __importDefault(require("react"));
+const JumpButton_1 = __importDefault(require("./JumpButton"));
+const MessageBoxBase = ({ announcement, ariaLabel = 'Scrollable message log', children, innerRef, className, position = 'top' }) => {
+    const [atTop, setAtTop] = react_1.default.useState(false);
+    const [atBottom, setAtBottom] = react_1.default.useState(true);
+    const [isOverflowing, setIsOverflowing] = react_1.default.useState(false);
+    const defaultRef = react_1.default.useRef(null);
+    let messageBoxRef;
+    if (innerRef) {
+        messageBoxRef = innerRef;
+    }
+    else {
+        messageBoxRef = defaultRef;
+    }
+    // Configure handlers
+    const handleScroll = react_1.default.useCallback(() => {
+        const element = messageBoxRef.current;
+        if (element) {
+            const { scrollTop, scrollHeight, clientHeight } = element;
+            setAtTop(scrollTop === 0);
+            setAtBottom(Math.round(scrollTop) + Math.round(clientHeight) >= Math.round(scrollHeight) - 1); // rounding means it could be within a pixel of the bottom
+        }
+    }, []);
+    const checkOverflow = react_1.default.useCallback(() => {
+        const element = messageBoxRef.current;
+        if (element) {
+            const { scrollHeight, clientHeight } = element;
+            setIsOverflowing(scrollHeight >= clientHeight);
+        }
+    }, []);
+    const scrollToTop = react_1.default.useCallback(() => {
+        const element = messageBoxRef.current;
+        if (element) {
+            element.scrollTo({ top: 0, behavior: 'smooth' });
+        }
+    }, []);
+    const scrollToBottom = react_1.default.useCallback(() => {
+        const element = messageBoxRef.current;
+        if (element) {
+            element.scrollTo({ top: element.scrollHeight, behavior: 'smooth' });
+        }
+    }, []);
+    // Detect scroll position
+    react_1.default.useEffect(() => {
+        const element = messageBoxRef.current;
+        if (element) {
+            // Listen for scroll events
+            element.addEventListener('scroll', handleScroll);
+            // Check initial position and overflow
+            handleScroll();
+            checkOverflow();
+            return () => {
+                element.removeEventListener('scroll', handleScroll);
+            };
+        }
+    }, [checkOverflow, handleScroll]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(JumpButton_1.default, { position: "top", isHidden: isOverflowing && atTop, onClick: scrollToTop }),
+        react_1.default.createElement("div", { role: "region", tabIndex: 0, "aria-label": ariaLabel, className: `pf-chatbot__messagebox ${position === 'bottom' && 'pf-chatbot__messagebox--bottom'} ${className !== null && className !== void 0 ? className : ''}`, ref: innerRef !== null && innerRef !== void 0 ? innerRef : messageBoxRef },
+            children,
+            react_1.default.createElement("div", { className: "pf-chatbot__messagebox-announcement", "aria-live": "polite" }, announcement)),
+        react_1.default.createElement(JumpButton_1.default, { position: "bottom", isHidden: isOverflowing && atBottom, onClick: scrollToBottom })));
+};
+exports.MessageBox = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(MessageBoxBase, Object.assign({ innerRef: ref }, props))));
+exports.default = exports.MessageBox;

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

@@ -0,0 +1,3 @@
+export { default } from './MessageBox';
+export * from './MessageBox';
+export * from './JumpButton';

package/dist/cjs/MessageBox/index.js

@@ -0,0 +1,24 @@
+"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 MessageBox_1 = require("./MessageBox");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MessageBox_1).default; } });
+__exportStar(require("./MessageBox"), exports);
+__exportStar(require("./JumpButton"), exports);

package/dist/cjs/PreviewAttachment/PreviewAttachment.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ChatbotDisplayMode } from '../Chatbot';
+export interface PreviewAttachmentProps {
+    /** Text shown in code editor */
+    code: string;
+    /** Filename, including extension, of file shown in modal */
+    fileName: string;
+    /** Function called when edit button is clicked */
+    onEdit: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
+    /** Function called when dismiss button is clicked */
+    onDismiss?: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
+    /** Function called when modal is toggled */
+    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;
+}
+export declare const PreviewAttachment: React.FunctionComponent<PreviewAttachmentProps>;
+export default PreviewAttachment;

package/dist/cjs/PreviewAttachment/PreviewAttachment.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviewAttachment = void 0;
+// ============================================================================
+// Preview Attachment - Chatbot Code Snippet Viewer
+// ============================================================================
+const react_1 = __importDefault(require("react"));
+const CodeModal_1 = __importDefault(require("../CodeModal"));
+const Chatbot_1 = require("../Chatbot");
+const PreviewAttachment = ({ fileName, code, handleModalToggle, isModalOpen, onDismiss = undefined, onEdit, title = 'Preview attachment', displayMode = Chatbot_1.ChatbotDisplayMode.default }) => {
+    const handleEdit = (_event) => {
+        handleModalToggle(_event);
+        onEdit(_event);
+    };
+    const handleDismiss = (_event) => {
+        handleModalToggle(_event);
+        onDismiss && onDismiss(_event);
+    };
+    return (react_1.default.createElement(CodeModal_1.default, { codeEditorControlClassName: "pf-chatbot__code-modal--controls", code: code, fileName: fileName, handleModalToggle: handleModalToggle, isCopyEnabled: true, isLineNumbersVisible: false, isModalOpen: isModalOpen, onPrimaryAction: handleEdit, onSecondaryAction: handleDismiss, primaryActionBtn: "Edit", secondaryActionBtn: "Dismiss", title: title, isReadOnly: true, displayMode: displayMode }));
+};
+exports.PreviewAttachment = PreviewAttachment;
+exports.default = exports.PreviewAttachment;

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

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

package/dist/cjs/PreviewAttachment/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 PreviewAttachment_1 = require("./PreviewAttachment");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(PreviewAttachment_1).default; } });
+__exportStar(require("./PreviewAttachment"), exports);

package/dist/cjs/ResponseActions/ResponseActionButton.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TooltipProps } from '@patternfly/react-core';
+export interface ResponseActionButtonProps {
+    /** Aria-label for the button. Defaults to the value of the tooltipContent if none provided */
+    ariaLabel?: string;
+    /** Icon for the button */
+    icon: React.ReactNode;
+    /** On-click handler for the button */
+    onClick?: ((event: MouseEvent | React.MouseEvent<Element, MouseEvent> | KeyboardEvent) => void) | undefined;
+    /** Class name for the button */
+    className?: string;
+    /** Props to control if the attach button should be disabled */
+    isDisabled?: boolean;
+    /** Content shown in the tooltip */
+    tooltipContent?: string;
+    /** Props to control the PF Tooltip component */
+    tooltipProps?: TooltipProps;
+}
+export declare const ResponseActionButton: React.FunctionComponent<ResponseActionButtonProps>;
+export default ResponseActionButton;

package/dist/cjs/ResponseActions/ResponseActionButton.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResponseActionButton = void 0;
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ResponseActionButton = ({ ariaLabel, className, icon, isDisabled, onClick, tooltipContent, tooltipProps }) => (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ id: `pf-chatbot__tooltip-response-action-${tooltipContent}`, content: tooltipContent, position: "bottom", 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 }, tooltipProps),
+    react_1.default.createElement(react_core_1.Button, { variant: "plain", className: `pf-chatbot__button--response-action ${className !== null && className !== void 0 ? className : ''}`, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : tooltipContent, icon: react_1.default.createElement(react_core_1.Icon, { isInline: true, size: "lg" }, icon), isDisabled: isDisabled, onClick: onClick, size: "sm" })));
+exports.ResponseActionButton = ResponseActionButton;
+exports.default = exports.ResponseActionButton;

package/dist/cjs/ResponseActions/ResponseActions.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { TooltipProps } from '@patternfly/react-core';
+export interface ActionProps {
+    /** Aria-label for the button */
+    ariaLabel?: string;
+    /** On-click handler for the button */
+    onClick?: ((event: MouseEvent | React.MouseEvent<Element, MouseEvent> | KeyboardEvent) => void) | undefined;
+    /** Class name for the button */
+    className?: string;
+    /** Props to control if the attach button should be disabled */
+    isDisabled?: boolean;
+    /** Content shown in the tooltip */
+    tooltipContent?: string;
+    /** Props to control the PF Tooltip component */
+    tooltipProps?: TooltipProps;
+    /** Icon for custom response action */
+    icon?: React.ReactNode;
+}
+export interface ResponseActionProps {
+    /** Props for message actions, such as feedback (positive or negative), copy button, share, and listen */
+    actions: Record<string, ActionProps | undefined> & {
+        positive?: ActionProps;
+        negative?: ActionProps;
+        copy?: ActionProps;
+        share?: ActionProps;
+        listen?: ActionProps;
+    };
+}
+export declare const ResponseActions: React.FunctionComponent<ResponseActionProps>;
+export default ResponseActions;

package/dist/cjs/ResponseActions/ResponseActions.js

@@ -0,0 +1,36 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResponseActions = void 0;
+const react_1 = __importDefault(require("react"));
+const react_icons_1 = require("@patternfly/react-icons");
+const ResponseActionButton_1 = __importDefault(require("./ResponseActionButton"));
+const ResponseActions = ({ actions }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const { positive, negative, copy, share, listen } = actions, additionalActions = __rest(actions, ["positive", "negative", "copy", "share", "listen"]);
+    return (react_1.default.createElement("div", { className: "pf-chatbot__response-actions" },
+        positive && (react_1.default.createElement(ResponseActionButton_1.default, { ariaLabel: (_a = positive.ariaLabel) !== null && _a !== void 0 ? _a : 'Good response', onClick: positive.onClick, className: positive.className, isDisabled: positive.isDisabled, tooltipContent: (_b = positive.tooltipContent) !== null && _b !== void 0 ? _b : 'Good response', tooltipProps: positive.tooltipProps, icon: react_1.default.createElement(react_icons_1.OutlinedThumbsUpIcon, null) })),
+        negative && (react_1.default.createElement(ResponseActionButton_1.default, { ariaLabel: (_c = negative.ariaLabel) !== null && _c !== void 0 ? _c : 'Bad response', onClick: negative.onClick, className: negative.className, isDisabled: negative.isDisabled, tooltipContent: (_d = negative.tooltipContent) !== null && _d !== void 0 ? _d : 'Bad response', tooltipProps: negative.tooltipProps, icon: react_1.default.createElement(react_icons_1.OutlinedThumbsDownIcon, null) })),
+        copy && (react_1.default.createElement(ResponseActionButton_1.default, { ariaLabel: (_e = copy.ariaLabel) !== null && _e !== void 0 ? _e : 'Copy', onClick: copy.onClick, className: copy.className, isDisabled: copy.isDisabled, tooltipContent: (_f = copy.tooltipContent) !== null && _f !== void 0 ? _f : 'Copy', tooltipProps: copy.tooltipProps, icon: react_1.default.createElement(react_icons_1.OutlinedCopyIcon, null) })),
+        share && (react_1.default.createElement(ResponseActionButton_1.default, { ariaLabel: (_g = share.ariaLabel) !== null && _g !== void 0 ? _g : 'Share', onClick: share.onClick, className: share.className, isDisabled: share.isDisabled, tooltipContent: (_h = share.tooltipContent) !== null && _h !== void 0 ? _h : 'Share', tooltipProps: share.tooltipProps, icon: react_1.default.createElement(react_icons_1.ExternalLinkAltIcon, null) })),
+        listen && (react_1.default.createElement(ResponseActionButton_1.default, { ariaLabel: (_j = listen.ariaLabel) !== null && _j !== void 0 ? _j : 'Listen', onClick: listen.onClick, className: listen.className, isDisabled: listen.isDisabled, tooltipContent: (_k = listen.tooltipContent) !== null && _k !== void 0 ? _k : 'Listen', tooltipProps: listen.tooltipProps, icon: react_1.default.createElement(react_icons_1.VolumeUpIcon, null) })),
+        Object.keys(additionalActions).map((action) => {
+            var _a, _b, _c, _d, _e, _f, _g;
+            return (react_1.default.createElement(ResponseActionButton_1.default, { key: action, ariaLabel: (_a = additionalActions[action]) === null || _a === void 0 ? void 0 : _a.ariaLabel, onClick: (_b = additionalActions[action]) === null || _b === void 0 ? void 0 : _b.onClick, className: (_c = additionalActions[action]) === null || _c === void 0 ? void 0 : _c.className, isDisabled: (_d = additionalActions[action]) === null || _d === void 0 ? void 0 : _d.isDisabled, tooltipContent: (_e = additionalActions[action]) === null || _e === void 0 ? void 0 : _e.tooltipContent, tooltipProps: (_f = additionalActions[action]) === null || _f === void 0 ? void 0 : _f.tooltipProps, icon: (_g = additionalActions[action]) === null || _g === void 0 ? void 0 : _g.icon }));
+        })));
+};
+exports.ResponseActions = ResponseActions;
+exports.default = exports.ResponseActions;

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

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

package/dist/cjs/ResponseActions/ResponseActions.test.js

@@ -0,0 +1,67 @@
+"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");
+require("@testing-library/jest-dom");
+const ResponseActions_1 = __importDefault(require("./ResponseActions"));
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const ALL_ACTIONS = [
+    { type: 'positive', label: 'Good response' },
+    { type: 'negative', label: 'Bad response' },
+    { type: 'copy', label: 'Copy' },
+    { type: 'share', label: 'Share' },
+    { type: 'listen', label: 'Listen' }
+];
+describe('ResponseActions', () => {
+    it('should render buttons correctly', () => {
+        ALL_ACTIONS.forEach(({ type, label }) => {
+            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn() } } }));
+            expect(react_2.screen.getByRole('button', { name: label })).toBeTruthy();
+        });
+    });
+    it('should be able to call onClick correctly', () => __awaiter(void 0, void 0, void 0, function* () {
+        ALL_ACTIONS.forEach((_a) => __awaiter(void 0, [_a], void 0, function* ({ type, label }) {
+            const spy = jest.fn();
+            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: spy } } }));
+            yield user_event_1.default.click(react_2.screen.getByRole('button', { name: label }));
+            expect(spy).toHaveBeenCalledTimes(1);
+        }));
+    }));
+    it('should be able to change aria labels', () => {
+        const actions = [
+            { type: 'positive', ariaLabel: 'Thumbs up' },
+            { type: 'negative', ariaLabel: 'Thumbs down' },
+            { type: 'copy', ariaLabel: 'Copy the message' },
+            { type: 'share', ariaLabel: 'Share it with friends' },
+            { type: 'listen', ariaLabel: 'Listen up' }
+        ];
+        actions.forEach(({ type, ariaLabel }) => {
+            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn(), ariaLabel } } }));
+            expect(react_2.screen.getByRole('button', { name: ariaLabel })).toBeTruthy();
+        });
+    });
+    it('should be able to disable buttons', () => {
+        ALL_ACTIONS.forEach(({ type, label }) => {
+            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn(), isDisabled: true } } }));
+            expect(react_2.screen.getByRole('button', { name: label })).toBeDisabled();
+        });
+    });
+    it('should be able to add class to buttons', () => {
+        ALL_ACTIONS.forEach(({ type, label }) => {
+            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn(), className: 'test' } } }));
+            expect(react_2.screen.getByRole('button', { name: label })).toHaveClass('test');
+        });
+    });
+});

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

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

package/dist/cjs/ResponseActions/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 ResponseActions_1 = require("./ResponseActions");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ResponseActions_1).default; } });
+__exportStar(require("./ResponseActions"), exports);

package/dist/cjs/SourceDetailsMenuItem/SourceDetailsMenuItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface SourceDetailsMenuItemProps extends React.HTMLProps<HTMLDivElement> {
+    /** Icon */
+    icon: React.ReactNode;
+    /** Name of source */
+    name: string;
+    /** Description of source */
+    type?: string;
+}
+export declare const SourceDetailsMenuItem: React.FunctionComponent<SourceDetailsMenuItemProps>;
+export default SourceDetailsMenuItem;

package/dist/cjs/SourceDetailsMenuItem/SourceDetailsMenuItem.js

@@ -0,0 +1,31 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SourceDetailsMenuItem = void 0;
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const SourceDetailsMenuItem = (_a) => {
+    var { icon, name, type } = _a, props = __rest(_a, ["icon", "name", "type"]);
+    return (react_1.default.createElement(react_core_1.Flex, Object.assign({ className: "pf-chatbot__source-details", gap: { default: 'gapSm' } }, props),
+        react_1.default.createElement(react_core_1.Flex, { justifyContent: { default: 'justifyContentCenter' }, alignItems: { default: 'alignItemsCenter' }, alignSelf: { default: 'alignSelfCenter' } },
+            react_1.default.createElement(react_core_1.Icon, { className: "pf-chatbot__source-details-icon" }, icon)),
+        react_1.default.createElement(react_core_1.Stack, { className: "pf-chatbot__source-details-text" },
+            react_1.default.createElement(react_core_1.StackItem, null,
+                react_1.default.createElement("span", { className: "pf-chatbot__source-details-heading" }, name)),
+            type && react_1.default.createElement(react_core_1.StackItem, { className: "pf-chatbot__source-details-subhead" }, type))));
+};
+exports.SourceDetailsMenuItem = SourceDetailsMenuItem;
+exports.default = exports.SourceDetailsMenuItem;

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

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