@botonic/react 0.31.0-alpha.0 → 0.31.0-alpha.1

package/lib/cjs/components/audio.d.ts

@@ -1,4 +1,4 @@
-export function Audio(props: any): JSX.Element;
+export function Audio(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace Audio {
     export { serialize };
 }

package/lib/cjs/components/custom-message.d.ts

@@ -6,7 +6,7 @@ export function customMessage({ name, component: CustomMessageComponent, default
         children: any;
     }) => any) | undefined;
 }): {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     customTypeName: any;
-    deserialize(msg: any): JSX.Element;
+    deserialize(msg: any): import("react/jsx-runtime").JSX.Element;
 };

package/lib/cjs/components/document.d.ts

@@ -1,4 +1,4 @@
-export function Document(props: any): JSX.Element;
+export function Document(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace Document {
     export { serialize };
 }

package/lib/cjs/components/handoff.d.ts

@@ -1 +1 @@
-export function Handoff(props: any): JSX.Element;
+export function Handoff(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/image.d.ts

@@ -1,4 +1,4 @@
-export function Image(props: any): JSX.Element;
+export function Image(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace Image {
     export { serialize };
 }

package/lib/cjs/components/message/message-feedback.d.ts

@@ -3,5 +3,5 @@ interface RatingProps {
     inferenceId?: string;
     messageId: string;
 }
-export declare const MessageFeedback: ({ botInteractionId, inferenceId, messageId, }: RatingProps) => JSX.Element;
+export declare const MessageFeedback: ({ botInteractionId, inferenceId, messageId, }: RatingProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/components/message/message-footer.d.ts

@@ -7,5 +7,5 @@ interface MessageFooterProps {
     inferenceId?: string;
     botInteractionId?: string;
 }
-export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }: MessageFooterProps) => JSX.Element;
+export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }: MessageFooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/components/message/timestamps.d.ts

@@ -9,5 +9,5 @@ interface MessageTimestampProps {
     style: Record<string, unknown>;
     sentBy: SENDERS;
 }
-export declare const MessageTimestamp: ({ timestamp, style, sentBy, }: MessageTimestampProps) => JSX.Element;
+export declare const MessageTimestamp: ({ timestamp, style, sentBy, }: MessageTimestampProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/components/multichannel/multichannel-button.d.ts

@@ -1 +1 @@
-export function MultichannelButton(props: any): string | JSX.Element;
+export function MultichannelButton(props: any): string | import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/multichannel/multichannel-reply.d.ts

@@ -1 +1 @@
-export function MultichannelReply(props: any): string | JSX.Element | null;
+export function MultichannelReply(props: any): string | import("react/jsx-runtime").JSX.Element | null;

package/lib/cjs/components/multichannel/multichannel-text.d.ts

@@ -1 +1 @@
-export function MultichannelText(props: any): never[] | JSX.Element;
+export function MultichannelText(props: any): never[] | import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/raw.d.ts

@@ -1,4 +1,4 @@
-export function Raw(props: any): JSX.Element;
+export function Raw(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace Raw {
     export { serialize };
 }

package/lib/cjs/components/text.d.ts

@@ -1,6 +1,6 @@
 import { TextProps } from './index-types';
 export declare const Text: {
-    (props: TextProps): JSX.Element;
+    (props: TextProps): import("react/jsx-runtime").JSX.Element;
     serialize: (textProps: TextProps) => {
         text: any;
     };

package/lib/cjs/components/video.d.ts

@@ -1,4 +1,4 @@
-export function Video(props: any): JSX.Element;
+export function Video(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace Video {
     export { serialize };
 }

package/lib/cjs/react-bot.d.ts

@@ -3,6 +3,6 @@ export class ReactBot extends CoreBot {
     renderReactActions({ request, actions }: {
         request: any;
         actions: any;
-    }): Promise<JSX.Element[]>;
+    }): Promise<import("react/jsx-runtime").JSX.Element[]>;
 }
 import { CoreBot } from "@botonic/core/lib/cjs/core-bot";

package/lib/cjs/util/error-boundary.d.ts

@@ -1,7 +1,7 @@
 export function createErrorBoundary({ errorComponent, }?: {
     errorComponent?: (({ errorMessage }: {
         errorMessage: any;
-    }) => JSX.Element) | undefined;
+    }) => import("react/jsx-runtime").JSX.Element) | undefined;
 }): ({ children }: {
     children: any;
 }) => any;

package/lib/cjs/util/react.d.ts

@@ -8,5 +8,5 @@ export function ConditionalWrapper({ condition, wrapper, children }: {
     children: any;
 }): any;
 export function mapObjectNonBooleanValues(obj: any): any;
-export function hasComplexChildren(element: any): false | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal;
+export function hasComplexChildren(element: any): boolean;
 export function deepMapWithIndex(children: any, deepMapFn: any): any;

package/lib/cjs/webchat/chat-area/index.d.ts

@@ -1 +1 @@
-export declare const ChatArea: () => JSX.Element;
+export declare const ChatArea: () => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/webchat/components/common.d.ts

@@ -1 +1 @@
-export function Icon(props: any): JSX.Element;
+export function Icon(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/webchat/components/conditional-animation.d.ts

@@ -1 +1 @@
-export function ConditionalAnimation(props: any): JSX.Element;
+export function ConditionalAnimation(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/webchat/components/opened-persistent-menu.d.ts

@@ -2,5 +2,5 @@ export function OpenedPersistentMenu({ onClick, options, borderRadius }: {
     onClick: any;
     options: any;
     borderRadius: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default OpenedPersistentMenu;

package/lib/cjs/webchat/header.d.ts

@@ -1,3 +1,3 @@
-export function DefaultHeader(props: any): JSX.Element;
+export function DefaultHeader(props: any): import("react/jsx-runtime").JSX.Element;
 export const WebchatHeader: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from "react";

package/lib/cjs/webchat/input-panel/attachment.d.ts

@@ -3,5 +3,5 @@ interface AttachmentProps {
     enableAttachments: boolean;
     onChange: (event: any) => void;
 }
-export declare const Attachment: ({ accept, enableAttachments, onChange, }: AttachmentProps) => JSX.Element;
+export declare const Attachment: ({ accept, enableAttachments, onChange, }: AttachmentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/input-panel/emoji-picker.d.ts

@@ -2,5 +2,5 @@ interface EmojiPickerProps {
     enableEmojiPicker: boolean;
     onClick: () => void;
 }
-export declare const EmojiPicker: ({ enableEmojiPicker, onClick, }: EmojiPickerProps) => JSX.Element;
+export declare const EmojiPicker: ({ enableEmojiPicker, onClick, }: EmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/input-panel/index.d.ts

@@ -8,5 +8,5 @@ interface InputPanelProps {
     host: HTMLElement;
     onUserInput?: (event: any) => Promise<void>;
 }
-export declare const InputPanel: ({ persistentMenu, enableEmojiPicker, enableAttachments, handleAttachment, textareaRef, host, onUserInput, }: InputPanelProps) => JSX.Element;
+export declare const InputPanel: ({ persistentMenu, enableEmojiPicker, enableAttachments, handleAttachment, textareaRef, host, onUserInput, }: InputPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/input-panel/opened-emoji-picker.d.ts

@@ -2,5 +2,5 @@ interface OpenedEmojiPickerProps {
     onClick: () => void;
     onEmojiClick: (event: any) => void;
 }
-export declare const OpenedEmojiPicker: ({ onClick, onEmojiClick, }: OpenedEmojiPickerProps) => JSX.Element;
+export declare const OpenedEmojiPicker: ({ onClick, onEmojiClick, }: OpenedEmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/input-panel/persistent-menu.d.ts

@@ -2,5 +2,5 @@ interface PersistentMenuProps {
     persistentMenu: any;
     onClick: () => void;
 }
-export declare const PersistentMenu: ({ onClick, persistentMenu, }: PersistentMenuProps) => JSX.Element;
+export declare const PersistentMenu: ({ onClick, persistentMenu, }: PersistentMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/input-panel/send-button.d.ts

@@ -1,5 +1,5 @@
 interface SendButtonProps {
     onClick: () => Promise<void>;
 }
-export declare const SendButton: ({ onClick }: SendButtonProps) => JSX.Element;
+export declare const SendButton: ({ onClick }: SendButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/input-panel/textarea.d.ts

@@ -7,5 +7,5 @@ interface TextareaProps {
     sendChatEvent: (event: string) => Promise<void>;
     sendTextAreaText: () => Promise<void>;
 }
-export declare const Textarea: ({ host, persistentMenu, textareaRef, sendChatEvent, sendTextAreaText, }: TextareaProps) => JSX.Element;
+export declare const Textarea: ({ host, persistentMenu, textareaRef, sendChatEvent, sendTextAreaText, }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/message-list/index.d.ts

@@ -1 +1 @@
-export declare const WebchatMessageList: () => JSX.Element;
+export declare const WebchatMessageList: () => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/webchat/message-list/intro-message.d.ts

@@ -1 +1 @@
-export declare const IntroMessage: () => JSX.Element | null;
+export declare const IntroMessage: () => import("react/jsx-runtime").JSX.Element | null;

package/lib/cjs/webchat/message-list/scroll-button.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ScrollButtonProps {
     handleClick: () => void;
 }

package/lib/cjs/webchat/replies.d.ts

@@ -1 +1 @@
-export function WebchatReplies(props: any): JSX.Element;
+export function WebchatReplies(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/webchat/session-view.d.ts

@@ -1 +1 @@
-export function SessionView(props: any): JSX.Element;
+export function SessionView(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/webchat/session-view.js

@@ -4,7 +4,7 @@ exports.SessionView = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importDefault(require("react"));
-const react_json_tree_1 = tslib_1.__importDefault(require("react-json-tree"));
+const react_json_tree_1 = require("react-json-tree");
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 const constants_1 = require("../constants");
 const hooks_1 = require("./hooks");
@@ -95,7 +95,7 @@ const SessionView = props => {
                             ? `[${input.type}] ${input.data || ''}`
                             : '' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PAYLOAD:', value: input.payload }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'INTENT:', value: input.intent
                             ? `${input.intent} (${(input.confidence * 100).toFixed(1)}%)`
-                            : '' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PATH:', value: lastRoutePath ? `/${lastRoutePath}` : '/' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'SESSION:' }), (0, jsx_runtime_1.jsx)(SessionContainer, { children: (0, jsx_runtime_1.jsx)(react_json_tree_1.default, { data: session, hideRoot: true }) }), (0, jsx_runtime_1.jsx)(KeepSessionContainer, { children: (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { type: 'checkbox', name: 'toggleKeepSessionOnReload', checked: Boolean(webchatState.devSettings.keepSessionOnReload), onChange: toggleKeepSessionOnReload }), "Keep session on reload"] }) })] })] })));
+                            : '' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PATH:', value: lastRoutePath ? `/${lastRoutePath}` : '/' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'SESSION:' }), (0, jsx_runtime_1.jsx)(SessionContainer, { children: (0, jsx_runtime_1.jsx)(react_json_tree_1.JSONTree, { data: session, hideRoot: true }) }), (0, jsx_runtime_1.jsx)(KeepSessionContainer, { children: (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { type: 'checkbox', name: 'toggleKeepSessionOnReload', checked: Boolean(webchatState.devSettings.keepSessionOnReload), onChange: toggleKeepSessionOnReload }), "Keep session on reload"] }) })] })] })));
 };
 exports.SessionView = SessionView;
 //# sourceMappingURL=session-view.js.map

package/lib/cjs/webchat/session-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-view.js","sourceRoot":"","sources":["../../../src/webchat/session-view.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"session-view.js","sourceRoot":"","sources":["../../../src/webchat/session-view.jsx"],"names":[],"mappings":"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"}

package/lib/cjs/webchat/trigger-button/index.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const TriggerButton: () => JSX.Element;

package/lib/cjs/webchat/typing-indicator/index.d.ts

@@ -1 +1 @@
-export declare const TypingIndicator: () => JSX.Element;
+export declare const TypingIndicator: () => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/webchat/webchat-dev.d.ts

@@ -2,6 +2,6 @@ export const DebugTab: import("styled-components").StyledComponent<"div", any, {
 export function DebugTabPortal({ webchatHooks, ...props }: {
     [x: string]: any;
     webchatHooks: any;
-}): import("react-dom/node_modules/@types/react").ReactPortal;
+}): React.ReactPortal;
 export const WebchatDev: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React_1 from "react";
+import React from "react";

package/lib/cjs/webchat/webview.d.ts

@@ -1,2 +1,2 @@
-export function WebviewHeader(): JSX.Element;
-export function WebviewContainer(props: any): JSX.Element;
+export function WebviewHeader(): import("react/jsx-runtime").JSX.Element;
+export function WebviewContainer(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/webchat-app.d.ts

@@ -89,7 +89,7 @@ export class WebchatApp {
     getLastMessageUpdate(): any;
     updateMessageInfo(msgId: any, messageInfo: any): any;
     updateWebchatSettings(settings: any): any;
-    getComponent(host: any, optionsAtRuntime?: {}): JSX.Element;
+    getComponent(host: any, optionsAtRuntime?: {}): import("react/jsx-runtime").JSX.Element;
     isWebchatVisible({ appId }: {
         appId: any;
     }): Promise<boolean>;

package/lib/esm/components/audio.d.ts

@@ -1,4 +1,4 @@
-export function Audio(props: any): JSX.Element;
+export function Audio(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace Audio {
     export { serialize };
 }

package/lib/esm/components/custom-message.d.ts

@@ -6,7 +6,7 @@ export function customMessage({ name, component: CustomMessageComponent, default
         children: any;
     }) => any) | undefined;
 }): {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     customTypeName: any;
-    deserialize(msg: any): JSX.Element;
+    deserialize(msg: any): import("react/jsx-runtime").JSX.Element;
 };

package/lib/esm/components/document.d.ts

@@ -1,4 +1,4 @@
-export function Document(props: any): JSX.Element;
+export function Document(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace Document {
     export { serialize };
 }

package/lib/esm/components/handoff.d.ts

@@ -1 +1 @@
-export function Handoff(props: any): JSX.Element;
+export function Handoff(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/esm/components/image.d.ts

@@ -1,4 +1,4 @@
-export function Image(props: any): JSX.Element;
+export function Image(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace Image {
     export { serialize };
 }

package/lib/esm/components/message/message-feedback.d.ts

@@ -3,5 +3,5 @@ interface RatingProps {
     inferenceId?: string;
     messageId: string;
 }
-export declare const MessageFeedback: ({ botInteractionId, inferenceId, messageId, }: RatingProps) => JSX.Element;
+export declare const MessageFeedback: ({ botInteractionId, inferenceId, messageId, }: RatingProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/esm/components/message/message-footer.d.ts

@@ -7,5 +7,5 @@ interface MessageFooterProps {
     inferenceId?: string;
     botInteractionId?: string;
 }
-export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }: MessageFooterProps) => JSX.Element;
+export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }: MessageFooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/esm/components/message/timestamps.d.ts

@@ -9,5 +9,5 @@ interface MessageTimestampProps {
     style: Record<string, unknown>;
     sentBy: SENDERS;
 }
-export declare const MessageTimestamp: ({ timestamp, style, sentBy, }: MessageTimestampProps) => JSX.Element;
+export declare const MessageTimestamp: ({ timestamp, style, sentBy, }: MessageTimestampProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/esm/components/multichannel/multichannel-button.d.ts

@@ -1 +1 @@
-export function MultichannelButton(props: any): string | JSX.Element;
+export function MultichannelButton(props: any): string | import("react/jsx-runtime").JSX.Element;

package/lib/esm/components/multichannel/multichannel-reply.d.ts

@@ -1 +1 @@
-export function MultichannelReply(props: any): string | JSX.Element | null;
+export function MultichannelReply(props: any): string | import("react/jsx-runtime").JSX.Element | null;

package/lib/esm/components/multichannel/multichannel-text.d.ts

@@ -1 +1 @@
-export function MultichannelText(props: any): never[] | JSX.Element;
+export function MultichannelText(props: any): never[] | import("react/jsx-runtime").JSX.Element;

package/lib/esm/components/raw.d.ts

@@ -1,4 +1,4 @@
-export function Raw(props: any): JSX.Element;
+export function Raw(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace Raw {
     export { serialize };
 }

package/lib/esm/components/text.d.ts

@@ -1,6 +1,6 @@
 import { TextProps } from './index-types';
 export declare const Text: {
-    (props: TextProps): JSX.Element;
+    (props: TextProps): import("react/jsx-runtime").JSX.Element;
     serialize: (textProps: TextProps) => {
         text: any;
     };

package/lib/esm/components/video.d.ts

@@ -1,4 +1,4 @@
-export function Video(props: any): JSX.Element;
+export function Video(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace Video {
     export { serialize };
 }

package/lib/esm/react-bot.d.ts

@@ -3,6 +3,6 @@ export class ReactBot extends CoreBot {
     renderReactActions({ request, actions }: {
         request: any;
         actions: any;
-    }): Promise<JSX.Element[]>;
+    }): Promise<import("react/jsx-runtime").JSX.Element[]>;
 }
 import { CoreBot } from "@botonic/core/lib/cjs/core-bot";

package/lib/esm/util/error-boundary.d.ts

@@ -1,7 +1,7 @@
 export function createErrorBoundary({ errorComponent, }?: {
     errorComponent?: (({ errorMessage }: {
         errorMessage: any;
-    }) => JSX.Element) | undefined;
+    }) => import("react/jsx-runtime").JSX.Element) | undefined;
 }): ({ children }: {
     children: any;
 }) => any;

package/lib/esm/util/react.d.ts

@@ -8,5 +8,5 @@ export function ConditionalWrapper({ condition, wrapper, children }: {
     children: any;
 }): any;
 export function mapObjectNonBooleanValues(obj: any): any;
-export function hasComplexChildren(element: any): false | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal;
+export function hasComplexChildren(element: any): boolean;
 export function deepMapWithIndex(children: any, deepMapFn: any): any;

package/lib/esm/webchat/chat-area/index.d.ts

@@ -1 +1 @@
-export declare const ChatArea: () => JSX.Element;
+export declare const ChatArea: () => import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/components/common.d.ts

@@ -1 +1 @@
-export function Icon(props: any): JSX.Element;
+export function Icon(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/components/conditional-animation.d.ts

@@ -1 +1 @@
-export function ConditionalAnimation(props: any): JSX.Element;
+export function ConditionalAnimation(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/components/opened-persistent-menu.d.ts

@@ -2,5 +2,5 @@ export function OpenedPersistentMenu({ onClick, options, borderRadius }: {
     onClick: any;
     options: any;
     borderRadius: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default OpenedPersistentMenu;

package/lib/esm/webchat/header.d.ts

@@ -1,3 +1,3 @@
-export function DefaultHeader(props: any): JSX.Element;
+export function DefaultHeader(props: any): import("react/jsx-runtime").JSX.Element;
 export const WebchatHeader: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from "react";

package/lib/esm/webchat/input-panel/attachment.d.ts

@@ -3,5 +3,5 @@ interface AttachmentProps {
     enableAttachments: boolean;
     onChange: (event: any) => void;
 }
-export declare const Attachment: ({ accept, enableAttachments, onChange, }: AttachmentProps) => JSX.Element;
+export declare const Attachment: ({ accept, enableAttachments, onChange, }: AttachmentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/esm/webchat/input-panel/emoji-picker.d.ts

@@ -2,5 +2,5 @@ interface EmojiPickerProps {
     enableEmojiPicker: boolean;
     onClick: () => void;
 }
-export declare const EmojiPicker: ({ enableEmojiPicker, onClick, }: EmojiPickerProps) => JSX.Element;
+export declare const EmojiPicker: ({ enableEmojiPicker, onClick, }: EmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/esm/webchat/input-panel/index.d.ts

@@ -8,5 +8,5 @@ interface InputPanelProps {
     host: HTMLElement;
     onUserInput?: (event: any) => Promise<void>;
 }
-export declare const InputPanel: ({ persistentMenu, enableEmojiPicker, enableAttachments, handleAttachment, textareaRef, host, onUserInput, }: InputPanelProps) => JSX.Element;
+export declare const InputPanel: ({ persistentMenu, enableEmojiPicker, enableAttachments, handleAttachment, textareaRef, host, onUserInput, }: InputPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/esm/webchat/input-panel/opened-emoji-picker.d.ts

@@ -2,5 +2,5 @@ interface OpenedEmojiPickerProps {
     onClick: () => void;
     onEmojiClick: (event: any) => void;
 }
-export declare const OpenedEmojiPicker: ({ onClick, onEmojiClick, }: OpenedEmojiPickerProps) => JSX.Element;
+export declare const OpenedEmojiPicker: ({ onClick, onEmojiClick, }: OpenedEmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/esm/webchat/input-panel/persistent-menu.d.ts

@@ -2,5 +2,5 @@ interface PersistentMenuProps {
     persistentMenu: any;
     onClick: () => void;
 }
-export declare const PersistentMenu: ({ onClick, persistentMenu, }: PersistentMenuProps) => JSX.Element;
+export declare const PersistentMenu: ({ onClick, persistentMenu, }: PersistentMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/esm/webchat/input-panel/send-button.d.ts

@@ -1,5 +1,5 @@
 interface SendButtonProps {
     onClick: () => Promise<void>;
 }
-export declare const SendButton: ({ onClick }: SendButtonProps) => JSX.Element;
+export declare const SendButton: ({ onClick }: SendButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/esm/webchat/input-panel/textarea.d.ts

@@ -7,5 +7,5 @@ interface TextareaProps {
     sendChatEvent: (event: string) => Promise<void>;
     sendTextAreaText: () => Promise<void>;
 }
-export declare const Textarea: ({ host, persistentMenu, textareaRef, sendChatEvent, sendTextAreaText, }: TextareaProps) => JSX.Element;
+export declare const Textarea: ({ host, persistentMenu, textareaRef, sendChatEvent, sendTextAreaText, }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/esm/webchat/message-list/index.d.ts

@@ -1 +1 @@
-export declare const WebchatMessageList: () => JSX.Element;
+export declare const WebchatMessageList: () => import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/message-list/intro-message.d.ts

@@ -1 +1 @@
-export declare const IntroMessage: () => JSX.Element | null;
+export declare const IntroMessage: () => import("react/jsx-runtime").JSX.Element | null;

package/lib/esm/webchat/message-list/scroll-button.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ScrollButtonProps {
     handleClick: () => void;
 }

package/lib/esm/webchat/replies.d.ts

@@ -1 +1 @@
-export function WebchatReplies(props: any): JSX.Element;
+export function WebchatReplies(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/session-view.d.ts

@@ -1 +1 @@
-export function SessionView(props: any): JSX.Element;
+export function SessionView(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/session-view.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import JSONTree from 'react-json-tree';
+import { JSONTree } from 'react-json-tree';
 import styled from 'styled-components';
 import { COLORS } from '../constants';
 import { useWebchat } from './hooks';

package/lib/esm/webchat/session-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-view.js","sourceRoot":"","sources":["../../../src/webchat/session-view.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"session-view.js","sourceRoot":"","sources":["../../../src/webchat/session-view.jsx"],"names":[],"mappings":"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"}

package/lib/esm/webchat/trigger-button/index.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const TriggerButton: () => JSX.Element;

package/lib/esm/webchat/typing-indicator/index.d.ts

@@ -1 +1 @@
-export declare const TypingIndicator: () => JSX.Element;
+export declare const TypingIndicator: () => import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/webchat-dev.d.ts

@@ -2,6 +2,6 @@ export const DebugTab: import("styled-components").StyledComponent<"div", any, {
 export function DebugTabPortal({ webchatHooks, ...props }: {
     [x: string]: any;
     webchatHooks: any;
-}): import("react").ReactPortal;
+}): React.ReactPortal;
 export const WebchatDev: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React_1 from "react";
+import React from "react";

package/lib/esm/webchat/webview.d.ts

@@ -1,2 +1,2 @@
-export function WebviewHeader(): JSX.Element;
-export function WebviewContainer(props: any): JSX.Element;
+export function WebviewHeader(): import("react/jsx-runtime").JSX.Element;
+export function WebviewContainer(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat-app.d.ts

@@ -89,7 +89,7 @@ export class WebchatApp {
     getLastMessageUpdate(): any;
     updateMessageInfo(msgId: any, messageInfo: any): any;
     updateWebchatSettings(settings: any): any;
-    getComponent(host: any, optionsAtRuntime?: {}): JSX.Element;
+    getComponent(host: any, optionsAtRuntime?: {}): import("react/jsx-runtime").JSX.Element;
     isWebchatVisible({ appId }: {
         appId: any;
     }): Promise<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/react",
-  "version": "0.31.0-alpha.0",
+  "version": "0.31.0-alpha.1",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "./lib/cjs",
@@ -22,33 +22,33 @@
   "dependencies": {
     "@botonic/core": "^0.30.0",
     "axios": "^1.7.2",
-    "emoji-picker-react": "^4.4.9",
+    "emoji-picker-react": "^4.12.0",
     "lodash.merge": "^4.6.2",
-    "markdown-it": "^12.0.6",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
-    "react-json-tree": "^0.15.0",
+    "markdown-it": "^12.3.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-json-tree": "^0.18.0",
     "react-router-dom": "^5.3.4",
-    "react-textarea-autosize": "^8.5.3",
-    "styled-components": "^5.3.0",
+    "react-textarea-autosize": "^8.5.5",
+    "styled-components": "^5.3.11",
     "ua-parser-js": "^1.0.39",
     "uuid": "^10.0.0"
   },
   "devDependencies": {
-    "@babel/plugin-transform-runtime": "^7.23.9",
-    "@babel/preset-react": "^7.18.6",
-    "@testing-library/react": "^12.0.0",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@types/jest": "^29.5.1",
+    "@babel/plugin-transform-runtime": "^7.25.9",
+    "@babel/preset-react": "^7.25.9",
+    "@testing-library/react": "^16.0.1",
+    "@types/jest": "^29.5.14",
     "@types/parse5": "^7.0.0",
-    "@types/react": "^16.14.56",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "@types/styled-components": "^5.1.34",
     "@types/uuid": "^10.0.0",
     "babel-plugin-add-module-exports": "^1.0.4",
     "copyfiles": "^2.4.1",
     "identity-obj-proxy": "^3.0.0",
     "intersection-observer": "^0.12.2",
-    "react-test-renderer": "^17.0.0",
+    "react-test-renderer": "^18.0.0",
     "typescript": "5.0.4"
   },
   "engines": {

package/src/webchat/session-view.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import JSONTree from 'react-json-tree'
+import { JSONTree } from 'react-json-tree'
 import styled from 'styled-components'
 
 import { COLORS } from '../constants'