@patternfly/chatbot 6.3.0-prerelease.13 → 6.3.0-prerelease.14

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 import { ButtonProps, TooltipProps } from '@patternfly/react-core';
 export interface SendButtonProps extends ButtonProps {
     /** Callback for when button is clicked */
@@ -9,7 +9,8 @@ export interface SendButtonProps extends ButtonProps {
     tooltipProps?: Omit<TooltipProps, 'content'>;
     /** English text "Send" used in the tooltip */
     tooltipContent?: string;
+    /** Whether send button has compact styling */
     isCompact?: boolean;
 }
-export declare const SendButton: React.FunctionComponent<SendButtonProps>;
+export declare const SendButton: FunctionComponent<SendButtonProps>;
 export default SendButton;

package/dist/cjs/MessageBar/SendButton.js

@@ -10,25 +10,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SendButton = void 0;
-// ============================================================================
-// Chatbot Footer - Message Bar - Send
-// ============================================================================
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 // Import PatternFly components
 const react_core_1 = require("@patternfly/react-core");
 const paper_plane_icon_1 = require("@patternfly/react-icons/dist/esm/icons/paper-plane-icon");
 const SendButton = (_a) => {
     var { className, onClick, tooltipProps, tooltipContent = 'Send', isCompact } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "tooltipContent", "isCompact"]);
-    return (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ id: "pf-chatbot__tooltip--send", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.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, 
+    return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ id: "pf-chatbot__tooltip--send", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.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),
-        react_1.default.createElement(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--send ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Send', onClick: onClick, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
-                react_1.default.createElement(paper_plane_icon_1.PaperPlaneIcon, null)), size: isCompact ? 'sm' : undefined }, props))));
+        aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--send ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Send', onClick: onClick, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true, children: (0, jsx_runtime_1.jsx)(paper_plane_icon_1.PaperPlaneIcon, {}) }), size: isCompact ? 'sm' : undefined }, props)) })));
 };
 exports.SendButton = SendButton;
 exports.default = exports.SendButton;

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

@@ -12,47 +12,47 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
 require("@testing-library/jest-dom");
 const user_event_1 = __importDefault(require("@testing-library/user-event"));
 const SendButton_1 = require("./SendButton");
 const renderSend = (props) => {
     const spy = jest.fn();
-    (0, react_2.render)(react_1.default.createElement(SendButton_1.SendButton, Object.assign({ onClick: spy }, props)));
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(SendButton_1.SendButton, Object.assign({ onClick: spy }, props)));
 };
 describe('Send button', () => {
     it('should render button correctly', () => {
         renderSend();
-        expect(react_2.screen.getByRole('button', { name: 'Send' })).toBeTruthy();
+        expect(react_1.screen.getByRole('button', { name: 'Send' })).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(SendButton_1.SendButton, { onClick: spy }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Send' }));
-        expect(react_2.screen.getByRole('tooltip', { name: 'Send' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(SendButton_1.SendButton, { onClick: spy }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Send' }));
+        expect(react_1.screen.getByRole('tooltip', { name: 'Send' })).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(SendButton_1.SendButton, { onClick: jest.fn, tooltipContent: "Test" }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Send' }));
-        expect(react_2.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(SendButton_1.SendButton, { onClick: jest.fn, tooltipContent: "Test" }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Send' }));
+        expect(react_1.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('should handle className prop', () => {
         renderSend({ className: 'test' });
-        expect(react_2.screen.getByRole('button', { name: 'Send' })).toHaveClass('test');
+        expect(react_1.screen.getByRole('button', { name: 'Send' })).toHaveClass('test');
     });
     it('should handle spread props, including aria-label', () => {
         renderSend({ 'aria-label': 'test' });
-        expect(react_2.screen.getByRole('button', { name: 'test' }));
+        expect(react_1.screen.getByRole('button', { name: 'test' }));
     });
     it('should handle tooltipProps prop', () => __awaiter(void 0, void 0, void 0, function* () {
         renderSend({ tooltipProps: { id: 'test' } });
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Send' }));
-        expect(react_2.screen.getByRole('tooltip', { name: 'Send' })).toHaveAttribute('id', 'test');
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Send' }));
+        expect(react_1.screen.getByRole('tooltip', { name: 'Send' })).toHaveAttribute('id', 'test');
     }));
     it('should handle isCompact', () => {
         renderSend({ 'data-testid': 'button', isCompact: true });
-        expect(react_2.screen.getByTestId('button')).toHaveClass('pf-m-compact');
+        expect(react_1.screen.getByTestId('button')).toHaveClass('pf-m-compact');
     });
 });

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 import { ButtonProps, TooltipProps } from '@patternfly/react-core';
 export interface StopButtonProps extends ButtonProps {
     /** Callback for when button is clicked */
@@ -9,7 +9,8 @@ export interface StopButtonProps extends ButtonProps {
     tooltipProps?: Omit<TooltipProps, 'content'>;
     /** English text "Stop" used in the tooltip */
     tooltipContent?: string;
+    /** Whether stop button has compact styling */
     isCompact?: boolean;
 }
-export declare const StopButton: React.FunctionComponent<StopButtonProps>;
+export declare const StopButton: FunctionComponent<StopButtonProps>;
 export default StopButton;

package/dist/cjs/MessageBar/StopButton.js

@@ -10,25 +10,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StopButton = void 0;
-// ============================================================================
-// Chatbot Footer - Message Bar - Stop
-// ============================================================================
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 // Import PatternFly components
 const react_core_1 = require("@patternfly/react-core");
 const StopButton = (_a) => {
     var { className, onClick, tooltipProps, tooltipContent = 'Stop', isCompact } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "tooltipContent", "isCompact"]);
-    return (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ id: "pf-chatbot__tooltip--stop", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.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, 
+    return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ id: "pf-chatbot__tooltip--stop", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.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),
-        react_1.default.createElement(react_core_1.Button, Object.assign({ className: `pf-chatbot__button--stop ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, variant: "link", "aria-label": props['aria-label'] || 'Stop', onClick: onClick, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
-                react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    react_1.default.createElement("path", { d: "M0.5 3C0.5 1.62109 1.62109 0.5 3 0.5H13C14.3789 0.5 15.5 1.62109 15.5 3V13C15.5 14.3789 14.3789 15.5 13 15.5H3C1.62109 15.5 0.5 14.3789 0.5 13V3Z", fill: "currentColor" }))), size: isCompact ? 'sm' : undefined }, props))));
+        aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ className: `pf-chatbot__button--stop ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, variant: "link", "aria-label": props['aria-label'] || 'Stop', onClick: onClick, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true, children: (0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M0.5 3C0.5 1.62109 1.62109 0.5 3 0.5H13C14.3789 0.5 15.5 1.62109 15.5 3V13C15.5 14.3789 14.3789 15.5 13 15.5H3C1.62109 15.5 0.5 14.3789 0.5 13V3Z", fill: "currentColor" }) }) }), size: isCompact ? 'sm' : undefined }, props)) })));
 };
 exports.StopButton = StopButton;
 exports.default = exports.StopButton;

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

@@ -12,47 +12,47 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = 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)));
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(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' })).toBeTruthy();
+        expect(react_1.screen.getByRole('button', { name: 'Stop' })).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' }));
-        expect(react_2.screen.getByRole('tooltip', { name: 'Stop' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(StopButton_1.StopButton, { onClick: spy }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Stop' }));
+        expect(react_1.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' }));
-        expect(react_2.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(StopButton_1.StopButton, { onClick: jest.fn, tooltipContent: "Test" }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Stop' }));
+        expect(react_1.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('should handle className prop', () => {
         renderStop({ className: 'test' });
-        expect(react_2.screen.getByRole('button', { name: 'Stop' })).toHaveClass('test');
+        expect(react_1.screen.getByRole('button', { name: 'Stop' })).toHaveClass('test');
     });
     it('should handle spread props, including aria-label', () => {
         renderStop({ 'aria-label': 'test' });
-        expect(react_2.screen.getByRole('button', { name: 'test' }));
+        expect(react_1.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' }));
-        expect(react_2.screen.getByRole('tooltip', { name: 'Stop' })).toHaveAttribute('id', 'test');
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Stop' }));
+        expect(react_1.screen.getByRole('tooltip', { name: 'Stop' })).toHaveAttribute('id', 'test');
     }));
     it('should handle isCompact', () => {
         renderStop({ 'data-testid': 'button', isCompact: true });
-        expect(react_2.screen.getByTestId('button')).toHaveClass('pf-m-compact');
+        expect(react_1.screen.getByTestId('button')).toHaveClass('pf-m-compact');
     });
 });

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 export interface JumpButtonProps {
     /** Position of the Jump Button(top/bottom) */
     position: 'top' | 'bottom';
@@ -7,5 +7,5 @@ export interface JumpButtonProps {
     /** Flag to change the visibilty of the button */
     isHidden?: boolean;
 }
-declare const JumpButton: React.FunctionComponent<JumpButtonProps>;
+declare const JumpButton: FunctionComponent<JumpButtonProps>;
 export default JumpButton;

package/dist/cjs/MessageBox/JumpButton.js

@@ -1,17 +1,9 @@
 "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"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 // 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}`, 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)))));
+const JumpButton = ({ position, isHidden, onClick }) => isHidden ? null : ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, { id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top", children: (0, jsx_runtime_1.jsx)(react_core_1.Button, { variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Jump ${position}`, onClick: onClick, children: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { iconSize: "lg", isInline: true, children: position === 'top' ? (0, jsx_runtime_1.jsx)(arrow_up_icon_1.ArrowUpIcon, {}) : (0, jsx_runtime_1.jsx)(arrow_down_icon_1.ArrowDownIcon, {}) }) }) }));
 exports.default = JumpButton;

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

@@ -12,28 +12,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = 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/i })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(JumpButton_1.default, { position: "top", onClick: jest.fn() }));
+        expect(react_1.screen.getByRole('button', { name: /Jump top/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/i })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(JumpButton_1.default, { position: "bottom", onClick: jest.fn() }));
+        expect(react_1.screen.getByRole('button', { name: /Jump bottom/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/i }));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(JumpButton_1.default, { position: "bottom", onClick: spy }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: /Jump bottom/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/i })).toBeFalsy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(JumpButton_1.default, { position: "bottom", onClick: jest.fn(), isHidden: true }));
+        expect(react_1.screen.queryByRole('button', { name: /Jump bottom/i })).toBeFalsy();
     }));
 });

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

@@ -1,5 +1,5 @@
-import React from 'react';
-export interface MessageBoxProps extends React.HTMLProps<HTMLDivElement> {
+import type { HTMLProps } from 'react';
+export interface MessageBoxProps extends 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 */
@@ -17,5 +17,5 @@ export interface MessageBoxProps extends React.HTMLProps<HTMLDivElement> {
     /** Click handler for additional logic for when scroll to bottom jump button is clicked */
     onScrollToBottomClick?: () => void;
 }
-export declare const MessageBox: React.ForwardRefExoticComponent<Omit<MessageBoxProps, "ref"> & React.RefAttributes<any>>;
+export declare const MessageBox: import("react").ForwardRefExoticComponent<Omit<MessageBoxProps, "ref"> & import("react").RefAttributes<any>>;
 export default MessageBox;

package/dist/cjs/MessageBox/MessageBox.js

@@ -15,17 +15,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageBox = void 0;
-// ============================================================================
-// Chatbot Main - Messages
-// ============================================================================
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const JumpButton_1 = __importDefault(require("./JumpButton"));
 const MessageBoxBase = (_a) => {
     var { announcement, ariaLabel = 'Scrollable message log', children, innerRef, className, position = 'top', onScrollToTopClick, onScrollToBottomClick } = _a, props = __rest(_a, ["announcement", "ariaLabel", "children", "innerRef", "className", "position", "onScrollToTopClick", "onScrollToBottomClick"]);
-    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);
+    const [atTop, setAtTop] = (0, react_1.useState)(false);
+    const [atBottom, setAtBottom] = (0, react_1.useState)(true);
+    const [isOverflowing, setIsOverflowing] = (0, react_1.useState)(false);
+    const defaultRef = (0, react_1.useRef)(null);
     let messageBoxRef;
     if (innerRef) {
         messageBoxRef = innerRef;
@@ -34,7 +32,7 @@ const MessageBoxBase = (_a) => {
         messageBoxRef = defaultRef;
     }
     // Configure handlers
-    const handleScroll = react_1.default.useCallback(() => {
+    const handleScroll = (0, react_1.useCallback)(() => {
         const element = messageBoxRef.current;
         if (element) {
             const { scrollTop, scrollHeight, clientHeight } = element;
@@ -42,21 +40,21 @@ const MessageBoxBase = (_a) => {
             setAtBottom(Math.round(scrollTop) + Math.round(clientHeight) >= Math.round(scrollHeight) - 1); // rounding means it could be within a pixel of the bottom
         }
     }, [messageBoxRef]);
-    const checkOverflow = react_1.default.useCallback(() => {
+    const checkOverflow = (0, react_1.useCallback)(() => {
         const element = messageBoxRef.current;
         if (element) {
             const { scrollHeight, clientHeight } = element;
             setIsOverflowing(scrollHeight >= clientHeight);
         }
     }, [messageBoxRef]);
-    const scrollToTop = react_1.default.useCallback(() => {
+    const scrollToTop = (0, react_1.useCallback)(() => {
         const element = messageBoxRef.current;
         if (element) {
             element.scrollTo({ top: 0, behavior: 'smooth' });
         }
         onScrollToTopClick && onScrollToTopClick();
     }, [messageBoxRef]);
-    const scrollToBottom = react_1.default.useCallback(() => {
+    const scrollToBottom = (0, react_1.useCallback)(() => {
         const element = messageBoxRef.current;
         if (element) {
             element.scrollTo({ top: element.scrollHeight, behavior: 'smooth' });
@@ -64,7 +62,7 @@ const MessageBoxBase = (_a) => {
         onScrollToBottomClick && onScrollToBottomClick();
     }, [messageBoxRef]);
     // Detect scroll position
-    react_1.default.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const element = messageBoxRef.current;
         if (element) {
             // Listen for scroll events
@@ -77,12 +75,7 @@ const MessageBoxBase = (_a) => {
             };
         }
     }, [checkOverflow, handleScroll, messageBoxRef]);
-    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", Object.assign({ 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 }, props),
-            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 })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(JumpButton_1.default, { position: "top", isHidden: isOverflowing && atTop, onClick: scrollToTop }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ 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 }, props, { children: [children, (0, jsx_runtime_1.jsx)("div", { className: "pf-chatbot__messagebox-announcement", "aria-live": "polite", children: announcement })] })), (0, jsx_runtime_1.jsx)(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.MessageBox = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(MessageBoxBase, Object.assign({ innerRef: ref }, props))));
 exports.default = exports.MessageBox;

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

@@ -12,27 +12,25 @@ 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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_2 = require("@testing-library/react");
 const MessageBox_1 = require("./MessageBox");
 const user_event_1 = __importDefault(require("@testing-library/user-event"));
 describe('MessageBox', () => {
     it('should render Message box', () => {
-        (0, react_2.render)(react_1.default.createElement(MessageBox_1.MessageBox, null,
-            react_1.default.createElement(react_1.default.Fragment, null, "Chatbot Messages")));
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(MessageBox_1.MessageBox, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Chatbot Messages" }) }));
         expect(react_2.screen.getByText('Chatbot Messages')).toBeTruthy();
     });
     it('should assign ref to Message box', () => {
-        const ref = react_1.default.createRef();
-        (0, react_2.render)(react_1.default.createElement(MessageBox_1.MessageBox, { ref: ref },
-            react_1.default.createElement("div", null, "Test message content")));
+        const ref = (0, react_1.createRef)();
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(MessageBox_1.MessageBox, { ref: ref, children: (0, jsx_runtime_1.jsx)("div", { children: "Test message content" }) }));
         expect(ref.current).not.toBeNull();
         expect(ref.current).toBeInstanceOf(HTMLDivElement);
     });
     it('should call onScrollToBottomClick when scroll to top button is clicked', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(MessageBox_1.MessageBox, { onScrollToBottomClick: spy },
-            react_1.default.createElement("div", null, "Test message content")));
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(MessageBox_1.MessageBox, { onScrollToBottomClick: spy, children: (0, jsx_runtime_1.jsx)("div", { children: "Test message content" }) }));
         // this forces button to show
         const region = react_2.screen.getByRole('region');
         Object.defineProperty(region, 'scrollHeight', { configurable: true, value: 1000 });
@@ -46,8 +44,7 @@ describe('MessageBox', () => {
     }));
     it('should call onScrollToTopClick when scroll to top button is clicked', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(MessageBox_1.MessageBox, { onScrollToTopClick: spy },
-            react_1.default.createElement("div", null, "Test message content")));
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(MessageBox_1.MessageBox, { onScrollToTopClick: spy, children: (0, jsx_runtime_1.jsx)("div", { children: "Test message content" }) }));
         // this forces button to show
         const region = react_2.screen.getByRole('region');
         Object.defineProperty(region, 'scrollHeight', { configurable: true, value: 1000 });

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent, MouseEvent } from 'react';
 import { ChatbotDisplayMode } from '../Chatbot';
 export interface PreviewAttachmentProps {
     /** Text shown in code editor */
@@ -19,6 +19,16 @@ export interface PreviewAttachmentProps {
     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 PreviewAttachment: React.FunctionComponent<PreviewAttachmentProps>;
+export declare const PreviewAttachment: FunctionComponent<PreviewAttachmentProps>;
 export default PreviewAttachment;

package/dist/cjs/PreviewAttachment/PreviewAttachment.js

@@ -4,13 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PreviewAttachment = void 0;
-// ============================================================================
-// Preview Attachment - Chatbot Code Snippet Viewer
-// ============================================================================
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 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, isCompact }) => {
+const PreviewAttachment = ({ fileName, code, handleModalToggle, isModalOpen, onDismiss = undefined, onEdit, title = 'Preview attachment', primaryActionButtonText = 'Edit', secondaryActionButtonText = 'Dismiss', displayMode = Chatbot_1.ChatbotDisplayMode.default, modalHeaderClassName, modalBodyClassName, modalFooterClassName, isCompact }) => {
     const handleEdit = (_event) => {
         handleModalToggle(_event);
         onEdit(_event);
@@ -19,7 +16,7 @@ const PreviewAttachment = ({ fileName, code, handleModalToggle, isModalOpen, onD
         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, isCompact: isCompact }));
+    return ((0, jsx_runtime_1.jsx)(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: primaryActionButtonText, secondaryActionBtn: secondaryActionButtonText, title: title, isReadOnly: true, displayMode: displayMode, isCompact: isCompact, modalHeaderClassName: modalHeaderClassName, modalBodyClassName: modalBodyClassName, modalFooterClassName: modalFooterClassName }));
 };
 exports.PreviewAttachment = PreviewAttachment;
 exports.default = exports.PreviewAttachment;

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

@@ -1 +1 @@
-export {};
+import '@testing-library/jest-dom';

package/dist/cjs/PreviewAttachment/PreviewAttachment.test.js

@@ -1,28 +1,50 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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());
+    });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom");
 const PreviewAttachment_1 = require("./PreviewAttachment");
 describe('PreviewAttachment', () => {
     it('should render PreviewAttachment', () => {
-        (0, react_2.render)(react_1.default.createElement(PreviewAttachment_1.PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: jest.fn(), handleModalToggle: jest.fn() }));
-        expect(react_2.screen.getByText('Preview attachment')).toBeTruthy();
-        expect(react_2.screen.getByText('greetings')).toBeTruthy();
-        expect(react_2.screen.getAllByText('TEXT')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PreviewAttachment_1.PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: jest.fn(), handleModalToggle: jest.fn() }));
+        expect(react_1.screen.getByText('Preview attachment')).toBeTruthy();
+        expect(react_1.screen.getByText('greetings')).toBeTruthy();
+        expect(react_1.screen.getAllByText('TEXT')).toBeTruthy();
     });
     it('should call onEdit handler when edit button is pressed', () => {
         const onEdit = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(PreviewAttachment_1.PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: onEdit, handleModalToggle: jest.fn() }));
-        react_2.fireEvent.click(react_2.screen.getByText('Edit'));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PreviewAttachment_1.PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: onEdit, handleModalToggle: jest.fn() }));
+        react_1.fireEvent.click(react_1.screen.getByText('Edit'));
         expect(onEdit).toHaveBeenCalled();
     });
     it('should call onDismiss handler when dismiss button is pressed', () => {
         const onDismiss = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(PreviewAttachment_1.PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: jest.fn(), handleModalToggle: onDismiss }));
-        react_2.fireEvent.click(react_2.screen.getByText('Dismiss'));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PreviewAttachment_1.PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: jest.fn(), handleModalToggle: onDismiss }));
+        react_1.fireEvent.click(react_1.screen.getByText('Dismiss'));
         expect(onDismiss).toHaveBeenCalled();
     });
+    it('should render custom button text for footer actions buttons', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PreviewAttachment_1.PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: jest.fn(), handleModalToggle: jest.fn(), primaryActionButtonText: "Edit", secondaryActionButtonText: "Close" }));
+        react_1.screen.getByText('Edit');
+        react_1.screen.getByText('Close');
+    });
+    it('should render PreviewAttachment with custom classNames', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PreviewAttachment_1.PreviewAttachment, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onEdit: jest.fn(), handleModalToggle: jest.fn(), primaryActionButtonText: "Edit", 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/ResponseActions/ResponseActionButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent, MouseEvent } from 'react';
 import { ButtonProps, TooltipProps } from '@patternfly/react-core';
 export interface ResponseActionButtonProps extends ButtonProps {
     /** Aria-label for the button. Defaults to the value of the tooltipContent if none provided */
@@ -24,6 +24,6 @@ export interface ResponseActionButtonProps extends ButtonProps {
     /** Ref applied to button  */
     innerRef?: React.Ref<HTMLButtonElement>;
 }
-export declare const ResponseActionButtonBase: React.FunctionComponent<ResponseActionButtonProps>;
-declare const ResponseActionButton: React.ForwardRefExoticComponent<ResponseActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ResponseActionButtonBase: FunctionComponent<ResponseActionButtonProps>;
+declare const ResponseActionButton: import("react").ForwardRefExoticComponent<ResponseActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default ResponseActionButton;