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

package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import '@testing-library/jest-dom';
 import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import { ChatbotDisplayMode } from '../Chatbot/Chatbot';
@@ -15,13 +15,9 @@ import ChatbotConversationHistoryNav from './ChatbotConversationHistoryNav';
 import { EmptyStateStatus, Spinner } from '@patternfly/react-core';
 import { OutlinedCommentsIcon, SearchIcon } from '@patternfly/react-icons';
 const ERROR = {
-    bodyText: (React.createElement(React.Fragment, null,
-        "To try again, check your connection and reload this page. If the issue persists,",
-        ' ',
-        React.createElement("a", { href: "" }, "contact the support team"),
-        ".")),
+    bodyText: (_jsxs(_Fragment, { children: ["To try again, check your connection and reload this page. If the issue persists,", ' ', _jsx("a", { href: "", children: "contact the support team" }), "."] })),
     buttonText: 'Reload',
-    buttonIcon: React.createElement(Spinner, { size: "sm" }),
+    buttonIcon: _jsx(Spinner, { size: "sm" }),
     hasButton: true,
     titleText: 'Could not load chat history',
     status: EmptyStateStatus.danger,
@@ -38,13 +34,9 @@ const EMPTY_STATE = {
     icon: OutlinedCommentsIcon
 };
 const ERROR_WITHOUT_BUTTON = {
-    bodyText: (React.createElement(React.Fragment, null,
-        "To try again, check your connection and reload this page. If the issue persists,",
-        ' ',
-        React.createElement("a", { href: "" }, "contact the support team"),
-        ".")),
+    bodyText: (_jsxs(_Fragment, { children: ["To try again, check your connection and reload this page. If the issue persists,", ' ', _jsx("a", { href: "", children: "contact the support team" }), "."] })),
     buttonText: 'Reload',
-    buttonIcon: React.createElement(Spinner, { size: "sm" }),
+    buttonIcon: _jsx(Spinner, { size: "sm" }),
     hasButton: false,
     titleText: 'Could not load chat history',
     status: EmptyStateStatus.danger,
@@ -59,22 +51,22 @@ describe('ChatbotConversationHistoryNav', () => {
         }
     ];
     it('should open the conversation history navigation drawer', () => {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations }));
         expect(screen.queryByText('ChatBot documentation')).toBeInTheDocument();
     });
     it('should display the conversations for grouped conversations', () => {
         const groupedConversations = {
             Today: [...initialConversations, { id: '2', text: 'Chatbot extension' }]
         };
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: groupedConversations }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: groupedConversations }));
         expect(screen.queryByText('Chatbot extension')).toBeInTheDocument();
     });
     it('should apply the reversed class when reverseButtonOrder is true', () => {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: true, conversations: initialConversations }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: true, conversations: initialConversations }));
         expect(screen.getByTestId('chatbot-nav-drawer-actions')).toHaveClass('pf-v6-c-drawer__actions--reversed');
     });
     it('should not apply the reversed class when reverseButtonOrder is false', () => {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, conversations: initialConversations }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, conversations: initialConversations }));
         expect(screen.getByTestId('chatbot-nav-drawer-actions')).not.toHaveClass('pf-v6-c-drawer__actions--reversed');
     });
     it('should invoke handleTextInputChange callback when user searches for conversations', () => {
@@ -82,13 +74,13 @@ describe('ChatbotConversationHistoryNav', () => {
         const groupedConversations = {
             Today: [...initialConversations, { id: '2', text: 'Chatbot extension' }]
         };
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, conversations: groupedConversations, handleTextInputChange: handleSearch }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, conversations: groupedConversations, handleTextInputChange: handleSearch }));
         const searchInput = screen.getByPlaceholderText(/Search/i);
         fireEvent.change(searchInput, { target: { value: 'Chatbot' } });
         expect(handleSearch).toHaveBeenCalledWith('Chatbot');
     });
     it('should close the drawer when escape key is pressed', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations }));
         fireEvent.keyDown(screen.getByPlaceholderText(/Search/i), {
             key: 'Escape',
             code: 'Escape',
@@ -100,52 +92,52 @@ describe('ChatbotConversationHistoryNav', () => {
         });
     }));
     it('should be resizable', () => {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerPanelContentProps: { isResizable: true, minSize: '200px' } }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerPanelContentProps: { isResizable: true, minSize: '200px' } }));
         expect(screen.getByRole('dialog', { name: /Resize/i })).toBeTruthy();
         expect(screen.getByRole('separator', { name: /Resize/i })).toBeTruthy();
         expect(screen.getByRole('dialog', { name: /Resize/i })).toHaveAttribute('style', '--pf-v6-c-drawer__panel--md--FlexBasis: 384px; --pf-v6-c-drawer__panel--md--FlexBasis--min: 200px;');
     });
     it('should accept drawerContentProps', () => {
-        const { container } = render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerContentProps: { className: 'test' } }));
+        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerContentProps: { className: 'test' } }));
         const element = container.querySelector('.test');
         expect(element).toBeInTheDocument();
     });
     it('should accept drawerContentBodyProps', () => {
-        const { container } = render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerContentBodyProps: { className: 'test' } }));
+        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerContentBodyProps: { className: 'test' } }));
         const element = container.querySelector('.test');
         expect(element).toBeInTheDocument();
     });
     it('should accept drawerHeadProps', () => {
-        const { container } = render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerHeadProps: { className: 'test' } }));
+        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerHeadProps: { className: 'test' } }));
         const element = container.querySelector('.test');
         expect(element).toBeInTheDocument();
     });
     it('should accept drawerActionsProps', () => {
-        const { container } = render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerActionsProps: { className: 'test' } }));
+        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerActionsProps: { className: 'test' } }));
         const element = container.querySelector('.test');
         expect(element).toBeInTheDocument();
     });
     it('should accept drawerCloseButtonProps', () => {
-        const { container } = render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerCloseButtonProps: { className: 'test' } }));
+        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerCloseButtonProps: { className: 'test' } }));
         const element = container.querySelector('.test');
         expect(element).toBeInTheDocument();
     });
     it('should accept drawerPanelBodyProps', () => {
-        const { container } = render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerPanelBodyProps: { className: 'test' } }));
+        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerPanelBodyProps: { className: 'test' } }));
         const element = container.querySelector('.test');
         expect(element).toBeInTheDocument();
     });
     it('should show loading state if triggered', () => {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, isLoading: true }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, isLoading: true }));
         expect(screen.getByRole('dialog', { name: /Loading chatbot conversation history/i })).toBeTruthy();
         expect(screen.getByRole('button', { name: /Close drawer panel/i })).toBeTruthy();
     });
     it('should pass alternative aria label to loading state', () => {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, isLoading: true, loadingState: { screenreaderText: 'I am a test' } }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, isLoading: true, loadingState: { screenreaderText: 'I am a test' } }));
         expect(screen.getByRole('dialog', { name: /I am a test/i })).toBeTruthy();
     });
     it('should accept errorState', () => {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, errorState: ERROR }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, errorState: ERROR }));
         expect(screen.getByRole('dialog', {
             name: /Could not load chat history To try again, check your connection and reload this page. If the issue persists, contact the support team . Loading... Reload/i
         })).toBeTruthy();
@@ -155,7 +147,7 @@ describe('ChatbotConversationHistoryNav', () => {
         expect(screen.getByRole('heading', { name: /Could not load chat history/i })).toBeTruthy();
     });
     it('should accept errorState without button', () => {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, errorState: ERROR_WITHOUT_BUTTON }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, errorState: ERROR_WITHOUT_BUTTON }));
         expect(screen.getByRole('dialog', {
             name: /Could not load chat history To try again, check your connection and reload this page. If the issue persists, contact the support team ./i
         })).toBeTruthy();
@@ -165,23 +157,23 @@ describe('ChatbotConversationHistoryNav', () => {
         expect(screen.getByRole('heading', { name: /Could not load chat history/i })).toBeTruthy();
     });
     it('should show loading state over error state if both are supplied', () => {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, isLoading: true, errorState: ERROR }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, isLoading: true, errorState: ERROR }));
         expect(screen.getByRole('dialog', { name: /Loading/i })).toBeTruthy();
     });
     it('should accept emptyState', () => {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, emptyState: EMPTY_STATE }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, emptyState: EMPTY_STATE }));
         expect(screen.getByRole('dialog', {
             name: /Start a new chat Access timely assistance by starting a conversation with an AI model./i
         })).toBeTruthy();
     });
     it('should accept no results state', () => {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, noResultsState: NO_RESULTS }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, noResultsState: NO_RESULTS }));
         expect(screen.getByRole('dialog', {
             name: /No results found Adjust your search query and try again. Check your spelling or try a more general term./i
         })).toBeTruthy();
     });
     it('should handle isCompact', () => {
-        render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, noResultsState: NO_RESULTS, isCompact: true, "data-testid": "drawer" }));
+        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, noResultsState: NO_RESULTS, isCompact: true, "data-testid": "drawer" }));
         expect(screen.getByTestId('drawer')).toHaveClass('pf-m-compact');
     });
 });

package/dist/esm/ChatbotConversationHistoryNav/EmptyState.d.ts

@@ -1,5 +1,5 @@
 import { EmptyStateProps } from '@patternfly/react-core';
-import React from 'react';
+import type { FunctionComponent } from 'react';
 export interface HistoryEmptyStateProps extends EmptyStateProps {
     onClick?: () => void;
     bodyText?: string | React.ReactNode;
@@ -7,5 +7,5 @@ export interface HistoryEmptyStateProps extends EmptyStateProps {
     buttonIcon?: React.ReactNode;
     hasButton?: boolean;
 }
-export declare const HistoryEmptyState: React.FunctionComponent<HistoryEmptyStateProps>;
+export declare const HistoryEmptyState: FunctionComponent<HistoryEmptyStateProps>;
 export default HistoryEmptyState;

package/dist/esm/ChatbotConversationHistoryNav/EmptyState.js

@@ -9,14 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, EmptyState, EmptyStateActions, EmptyStateBody, EmptyStateFooter } from '@patternfly/react-core';
-import React from 'react';
 export const HistoryEmptyState = (_a) => {
     var { bodyText, buttonIcon, buttonText, status, titleText, headingLevel, onClick, hasButton = false } = _a, props = __rest(_a, ["bodyText", "buttonIcon", "buttonText", "status", "titleText", "headingLevel", "onClick", "hasButton"]);
-    return (React.createElement(EmptyState, Object.assign({ status: status, titleText: titleText, headingLevel: headingLevel }, props),
-        React.createElement(EmptyStateBody, null, bodyText),
-        hasButton && (React.createElement(EmptyStateFooter, null,
-            React.createElement(EmptyStateActions, null,
-                React.createElement(Button, { icon: buttonIcon, variant: "secondary", onClick: onClick }, buttonText))))));
+    return (_jsxs(EmptyState, Object.assign({ status: status, titleText: titleText, headingLevel: headingLevel }, props, { children: [_jsx(EmptyStateBody, { children: bodyText }), hasButton && (_jsx(EmptyStateFooter, { children: _jsx(EmptyStateActions, { children: _jsx(Button, { icon: buttonIcon, variant: "secondary", onClick: onClick, children: buttonText }) }) }))] })));
 };
 export default HistoryEmptyState;

package/dist/esm/ChatbotConversationHistoryNav/LoadingState.d.ts

@@ -1,4 +1,4 @@
 import { SkeletonProps } from '@patternfly/react-core';
-import React from 'react';
-export declare const LoadingState: React.FunctionComponent<SkeletonProps>;
+import type { FunctionComponent } from 'react';
+export declare const LoadingState: FunctionComponent<SkeletonProps>;
 export default LoadingState;

package/dist/esm/ChatbotConversationHistoryNav/LoadingState.js

@@ -9,30 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Skeleton } from '@patternfly/react-core';
-import React from 'react';
 export const LoadingState = (_a) => {
     var { screenreaderText } = _a, rest = __rest(_a, ["screenreaderText"]);
-    return (React.createElement("div", { className: "pf-chatbot__history-loading" },
-        React.createElement("div", { className: "pf-chatbot__history-loading-block" },
-            React.createElement(Skeleton, Object.assign({ screenreaderText: screenreaderText !== null && screenreaderText !== void 0 ? screenreaderText : 'Loading chatbot conversation history', fontSize: "3xl" }, rest))),
-        React.createElement("div", { className: "pf-chatbot__history-loading-block" },
-            React.createElement(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest))),
-        React.createElement("div", { className: "pf-chatbot__history-loading-block" },
-            React.createElement(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest))),
-        React.createElement("div", { className: "pf-chatbot__history-loading-block" },
-            React.createElement(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest))),
-        React.createElement("div", { className: "pf-chatbot__history-loading-block" },
-            React.createElement(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)))));
+    return (_jsxs("div", { className: "pf-chatbot__history-loading", children: [_jsx("div", { className: "pf-chatbot__history-loading-block", children: _jsx(Skeleton, Object.assign({ screenreaderText: screenreaderText !== null && screenreaderText !== void 0 ? screenreaderText : 'Loading chatbot conversation history', fontSize: "3xl" }, rest)) }), _jsxs("div", { className: "pf-chatbot__history-loading-block", children: [_jsx(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest))] }), _jsxs("div", { className: "pf-chatbot__history-loading-block", children: [_jsx(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest))] }), _jsxs("div", { className: "pf-chatbot__history-loading-block", children: [_jsx(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest))] }), _jsxs("div", { className: "pf-chatbot__history-loading-block", children: [_jsx(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest))] })] }));
 };
 export default LoadingState;

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

@@ -1,10 +1,10 @@
-import React from 'react';
-export interface ChatbotFooterProps extends React.HTMLProps<HTMLDivElement> {
+import type { HTMLProps, FunctionComponent } from 'react';
+export interface ChatbotFooterProps extends HTMLProps<HTMLDivElement> {
     /** Children for the Footer that supports MessageBar and FootNote components*/
     children?: React.ReactNode;
     /** Custom classname for the Footer component */
     className?: string;
     isCompact?: boolean;
 }
-export declare const ChatbotFooter: React.FunctionComponent<ChatbotFooterProps>;
+export declare const ChatbotFooter: FunctionComponent<ChatbotFooterProps>;
 export default ChatbotFooter;

package/dist/esm/ChatbotFooter/ChatbotFooter.js

@@ -1,6 +1,3 @@
-// ============================================================================
-// Chatbot Footer
-// ============================================================================
 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)
@@ -12,17 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-// Global footer component
-// Supports:
-// - Message bar
-// - Footnote
-// - Footnote popover
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider } from '@patternfly/react-core';
 export const ChatbotFooter = (_a) => {
     var { children, className, isCompact } = _a, props = __rest(_a, ["children", "className", "isCompact"]);
-    return (React.createElement("div", Object.assign({ className: `pf-chatbot__footer ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}` }, props),
-        React.createElement(Divider, null),
-        React.createElement("div", { className: "pf-chatbot__footer-container" }, children)));
+    return (_jsxs("div", Object.assign({ className: `pf-chatbot__footer ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}` }, props, { children: [_jsx(Divider, {}), _jsx("div", { className: "pf-chatbot__footer-container", children: children })] })));
 };
 export default ChatbotFooter;

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

@@ -1,18 +1,18 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen } from '@testing-library/react';
 import ChatbotFooter from './ChatbotFooter';
 import '@testing-library/jest-dom';
 describe('ChatbotFooter', () => {
     it('should render ChatbotFooter with children', () => {
-        render(React.createElement(ChatbotFooter, null, "Chatbot Content"));
+        render(_jsx(ChatbotFooter, { children: "Chatbot Content" }));
         expect(screen.getByText('Chatbot Content')).toBeTruthy();
     });
     it('should render ChatbotFooter with custom classname', () => {
-        const { container } = render(React.createElement(ChatbotFooter, { className: "custom-class" }, "Chatbot Content"));
+        const { container } = render(_jsx(ChatbotFooter, { className: "custom-class", children: "Chatbot Content" }));
         expect(container.querySelector('.custom-class')).toBeTruthy();
     });
     it('should handle isCompact', () => {
-        render(React.createElement(ChatbotFooter, { className: "custom-class", isCompact: true, "data-testid": "footer" }, "Chatbot Content"));
+        render(_jsx(ChatbotFooter, { className: "custom-class", isCompact: true, "data-testid": "footer", children: "Chatbot Content" }));
         expect(screen.getByTestId('footer')).toHaveClass('pf-m-compact');
     });
 });

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
 import ChatbotFootnote from './ChatbotFootnote';
 describe('ChatbotFooternote', () => {
@@ -29,11 +29,11 @@ describe('ChatbotFooternote', () => {
         }
     };
     it('should render ChatbotFooternote', () => {
-        render(React.createElement(ChatbotFootnote, { label: "Chatbot footer" }));
+        render(_jsx(ChatbotFootnote, { label: "Chatbot footer" }));
         expect(screen.getByText('Chatbot footer')).toBeTruthy();
     });
     it('should render ChatbotFooternote with popover', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(React.createElement(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
+        render(_jsx(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
         // click on the footer button
         act(() => {
             fireEvent.click(screen.getByRole('button'));
@@ -47,7 +47,7 @@ describe('ChatbotFooternote', () => {
         });
     }));
     it('should call onClick handler when popover cta button is clicked', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(React.createElement(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
+        render(_jsx(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
         // click on the footer button
         act(() => {
             fireEvent.click(screen.getByRole('button'));
@@ -61,7 +61,7 @@ describe('ChatbotFooternote', () => {
         });
     }));
     it('should close the popover when escape is pressed', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(React.createElement(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
+        render(_jsx(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
         // click on the footer button
         act(() => {
             fireEvent.click(screen.getByRole('button'));

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

@@ -1,6 +1,6 @@
-import React from 'react';
+import type { HTMLProps, FunctionComponent } from 'react';
 import { PopoverProps } from '@patternfly/react-core';
-export interface ChatbotFootnoteProps extends React.HTMLProps<HTMLDivElement> {
+export interface ChatbotFootnoteProps extends Omit<HTMLProps<HTMLDivElement>, 'popover'> {
     /** Label to show for the footnote */
     label: string;
     /** Config for the popover which opens up when footnote is clicked */
@@ -40,5 +40,5 @@ export interface ChatbotFootnotePopoverLink {
     /** URL for the Link */
     url: string;
 }
-export declare const ChatbotFootnote: React.FunctionComponent<ChatbotFootnoteProps>;
+export declare const ChatbotFootnote: FunctionComponent<ChatbotFootnoteProps>;
 export default ChatbotFootnote;

package/dist/esm/ChatbotFooter/ChatbotFootnote.js

@@ -1,6 +1,3 @@
-// ============================================================================
-// Chatbot Footer - Footnote
-// ============================================================================
 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)
@@ -12,7 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 // Import Patternfly components
 import { Button, Content, ContentVariants, Flex } from '@patternfly/react-core';
 // Import Patternfly icons
@@ -24,26 +22,15 @@ export const ChatbotFootnote = (_a) => {
     var _b, _c, _d, _e, _f;
     var { label, popover, className } = _a, props = __rest(_a, ["label", "popover", "className"]);
     // Popover visibility state
-    const [isVisible, setIsVisible] = React.useState(false);
+    const [isVisible, setIsVisible] = useState(false);
     // Define popover body content
-    const popoverBodyContent = (React.createElement(React.Fragment, null,
-        (popover === null || popover === void 0 ? void 0 : popover.bannerImage) && React.createElement("img", { src: popover.bannerImage.src, alt: popover.bannerImage.alt }),
-        React.createElement(Content, { component: ContentVariants.h3 }, popover === null || popover === void 0 ? void 0 : popover.title),
-        React.createElement(Content, { component: ContentVariants.p }, popover === null || popover === void 0 ? void 0 : popover.description)));
+    const popoverBodyContent = (_jsxs(_Fragment, { children: [(popover === null || popover === void 0 ? void 0 : popover.bannerImage) && _jsx("img", { src: popover.bannerImage.src, alt: popover.bannerImage.alt }), _jsx(Content, { component: ContentVariants.h3, children: popover === null || popover === void 0 ? void 0 : popover.title }), _jsx(Content, { component: ContentVariants.p, children: popover === null || popover === void 0 ? void 0 : popover.description })] }));
     // Define popover footer content
-    const popoverFooterContent = (React.createElement(Flex, { gap: { default: 'gapSm' } },
-        (popover === null || popover === void 0 ? void 0 : popover.cta) && (React.createElement(Button, { variant: "secondary", onClick: () => {
-                var _a;
-                setIsVisible(false);
-                (_a = popover.cta) === null || _a === void 0 ? void 0 : _a.onClick();
-            } }, ((_b = popover.cta) === null || _b === void 0 ? void 0 : _b.label) || 'Dismiss')),
-        (popover === null || popover === void 0 ? void 0 : popover.link) && (React.createElement(Button, { variant: "link", component: "a", href: popover.link.url, target: "_blank", icon: React.createElement(ExternalLinkAltIcon, null), iconPosition: "end" }, popover.link.label))));
-    return (React.createElement("div", Object.assign({ className: `pf-chatbot__footnote ${className !== null && className !== void 0 ? className : ''}` }, props),
-        popover && (React.createElement(ChatbotPopover, Object.assign({ className: "pf-chatbot__popover--footnote", "aria-label": ((_c = popover.popoverProps) === null || _c === void 0 ? void 0 : _c['aria-label']) || 'More information', isVisible: isVisible, shouldOpen: (_event, _fn) => setIsVisible(true), shouldClose: (_event, _fn) => setIsVisible(false), bodyContent: popoverBodyContent, footerContent: popoverFooterContent, minWidth: ((_d = popover.popoverProps) === null || _d === void 0 ? void 0 : _d.minWidth) || '432', maxWidth: ((_e = popover.popoverProps) === null || _e === void 0 ? void 0 : _e.maxWidth) || '432', distance: ((_f = popover.popoverProps) === null || _f === void 0 ? void 0 : _f.distance) || 16, showClose: false }, popover.popoverProps),
-            React.createElement(Button, { variant: "link", size: "sm" },
-                label,
-                " ",
-                React.createElement(InfoCircleIcon, null)))),
-        !popover && React.createElement(Content, { component: ContentVariants.small }, label)));
+    const popoverFooterContent = (_jsxs(Flex, { gap: { default: 'gapSm' }, children: [(popover === null || popover === void 0 ? void 0 : popover.cta) && (_jsx(Button, { variant: "secondary", onClick: () => {
+                    var _a;
+                    setIsVisible(false);
+                    (_a = popover.cta) === null || _a === void 0 ? void 0 : _a.onClick();
+                }, children: ((_b = popover.cta) === null || _b === void 0 ? void 0 : _b.label) || 'Dismiss' })), (popover === null || popover === void 0 ? void 0 : popover.link) && (_jsx(Button, { variant: "link", component: "a", href: popover.link.url, target: "_blank", icon: _jsx(ExternalLinkAltIcon, {}), iconPosition: "end", children: popover.link.label }))] }));
+    return (_jsxs("div", Object.assign({ className: `pf-chatbot__footnote ${className !== null && className !== void 0 ? className : ''}` }, props, { children: [popover && (_jsx(ChatbotPopover, Object.assign({ className: "pf-chatbot__popover--footnote", "aria-label": ((_c = popover.popoverProps) === null || _c === void 0 ? void 0 : _c['aria-label']) || 'More information', isVisible: isVisible, shouldOpen: (_event, _fn) => setIsVisible(true), shouldClose: (_event, _fn) => setIsVisible(false), bodyContent: popoverBodyContent, footerContent: popoverFooterContent, minWidth: ((_d = popover.popoverProps) === null || _d === void 0 ? void 0 : _d.minWidth) || '432', maxWidth: ((_e = popover.popoverProps) === null || _e === void 0 ? void 0 : _e.maxWidth) || '432', distance: ((_f = popover.popoverProps) === null || _f === void 0 ? void 0 : _f.distance) || 16, showClose: false }, popover.popoverProps, { children: _jsxs(Button, { variant: "link", size: "sm", children: [label, " ", _jsx(InfoCircleIcon, {})] }) }))), !popover && _jsx(Content, { component: ContentVariants.small, children: label })] })));
 };
 export default ChatbotFootnote;

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

@@ -1,9 +1,9 @@
-import React from 'react';
-export interface ChatbotHeaderProps extends React.HTMLProps<HTMLDivElement> {
+import type { HTMLProps, FunctionComponent } from 'react';
+export interface ChatbotHeaderProps extends HTMLProps<HTMLDivElement> {
     /** Content to be displayed in the chatbot header */
     children: React.ReactNode;
     /** Custom classname for the header component */
     className?: string;
 }
-export declare const ChatbotHeader: React.FunctionComponent<ChatbotHeaderProps>;
+export declare const ChatbotHeader: FunctionComponent<ChatbotHeaderProps>;
 export default ChatbotHeader;

package/dist/esm/ChatbotHeader/ChatbotHeader.js

@@ -1,6 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider } from '@patternfly/react-core';
-export const ChatbotHeader = ({ className, children }) => (React.createElement("div", { className: "pf-chatbot__header-container" },
-    React.createElement("div", { className: `pf-chatbot__header${className ? ` ${className}` : ''}` }, children),
-    React.createElement(Divider, { className: "pf-chatbot__header__divider" })));
+export const ChatbotHeader = ({ className, children }) => (_jsxs("div", { className: "pf-chatbot__header-container", children: [_jsx("div", { className: `pf-chatbot__header${className ? ` ${className}` : ''}`, children: children }), _jsx(Divider, { className: "pf-chatbot__header__divider" })] }));
 export default ChatbotHeader;

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

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

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

@@ -1,9 +1,9 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 export interface ChatbotHeaderActionsProps {
     /** Content to be displayed in the chatbot header */
     children: React.ReactNode;
     /** Custom classname for the header component */
     className?: string;
 }
-export declare const ChatbotHeaderActions: React.FunctionComponent<ChatbotHeaderActionsProps>;
+export declare const ChatbotHeaderActions: FunctionComponent<ChatbotHeaderActionsProps>;
 export default ChatbotHeaderActions;

package/dist/esm/ChatbotHeader/ChatbotHeaderActions.js

@@ -1,3 +1,3 @@
-import React from 'react';
-export const ChatbotHeaderActions = ({ className, children }) => React.createElement("div", { className: `pf-chatbot__actions ${className || ''}` }, children);
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChatbotHeaderActions = ({ className, children }) => _jsx("div", { className: `pf-chatbot__actions ${className || ''}`, children: children });
 export default ChatbotHeaderActions;

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

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ButtonProps, TooltipProps } from '@patternfly/react-core';
 export interface ChatbotHeaderCloseButtonProps extends ButtonProps {
     /** Callback function for when button is clicked */
@@ -16,4 +15,4 @@ export interface ChatbotHeaderCloseButtonProps extends ButtonProps {
     /** Sets button to compact styling. */
     isCompact?: boolean;
 }
-export declare const ChatbotHeaderCloseButton: React.ForwardRefExoticComponent<ChatbotHeaderCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ChatbotHeaderCloseButton: import("react").ForwardRefExoticComponent<ChatbotHeaderCloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.js

@@ -9,16 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { Button, Icon, Tooltip } from '@patternfly/react-core';
 import { CloseIcon } from '@patternfly/react-icons';
 const ChatbotHeaderCloseButtonBase = (_a) => {
     var { className, onClick, tooltipProps, menuAriaLabel = 'Close', innerRef, tooltipContent = 'Close', isCompact } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "menuAriaLabel", "innerRef", "tooltipContent", "isCompact"]);
-    return (React.createElement("div", { className: `pf-chatbot__menu${className ? ` ${className}` : ''}` },
-        React.createElement(Tooltip, Object.assign({ content: tooltipContent, position: "bottom", 
+    return (_jsx("div", { className: `pf-chatbot__menu${className ? ` ${className}` : ''}`, children: _jsx(Tooltip, Object.assign({ content: tooltipContent, position: "bottom", 
             // prevents VO announcements of both aria label and tooltip
-            aria: "none" }, tooltipProps),
-            React.createElement(Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onClick, "aria-label": menuAriaLabel, ref: innerRef, icon: React.createElement(Icon, { size: isCompact ? 'lg' : 'xl', isInline: true },
-                    React.createElement(CloseIcon, null)), size: isCompact ? 'sm' : undefined }, props)))));
+            aria: "none" }, tooltipProps, { children: _jsx(Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onClick, "aria-label": menuAriaLabel, ref: innerRef, icon: _jsx(Icon, { size: isCompact ? 'lg' : 'xl', isInline: true, children: _jsx(CloseIcon, {}) }), size: isCompact ? 'sm' : undefined }, props)) })) }));
 };
-export const ChatbotHeaderCloseButton = React.forwardRef((props, ref) => (React.createElement(ChatbotHeaderCloseButtonBase, Object.assign({ innerRef: ref }, props))));
+export const ChatbotHeaderCloseButton = forwardRef((props, ref) => (_jsx(ChatbotHeaderCloseButtonBase, Object.assign({ innerRef: ref }, props))));

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

@@ -1,20 +1,20 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { fireEvent, render, screen } from '@testing-library/react';
 import { ChatbotHeaderCloseButton } from './ChatbotHeaderCloseButton';
 import '@testing-library/jest-dom';
 describe('ChatbotHeaderCloseButton', () => {
     it('should render ChatbotHeaderCloseButton', () => {
-        const { container } = render(React.createElement(ChatbotHeaderCloseButton, { className: "custom-header-close-button", onClick: jest.fn() }));
+        const { container } = render(_jsx(ChatbotHeaderCloseButton, { className: "custom-header-close-button", onClick: jest.fn() }));
         expect(container.querySelector('.custom-header-close-button')).toBeTruthy();
     });
     it('should call onClick handler when close button is pressed', () => {
         const onClick = jest.fn();
-        render(React.createElement(ChatbotHeaderCloseButton, { className: "custom-header-close-button", onClick: onClick }));
+        render(_jsx(ChatbotHeaderCloseButton, { className: "custom-header-close-button", onClick: onClick }));
         fireEvent.click(screen.getByRole('button', { name: 'Close' }));
         expect(onClick).toHaveBeenCalled();
     });
     it('should render button with isCompact', () => {
-        render(React.createElement(ChatbotHeaderCloseButton, { "data-testid": "close-button", onClick: jest.fn(), isCompact: true }));
+        render(_jsx(ChatbotHeaderCloseButton, { "data-testid": "close-button", onClick: jest.fn(), isCompact: true }));
         expect(screen.getByTestId('close-button')).toHaveClass('pf-m-compact');
     });
 });