@botpress/webchat 4.1.0 → 4.2.1

package/.turbo/turbo-build.log

@@ -1,21 +1,21 @@
 
-> @botpress/webchat@4.1.0 build /home/runner/work/genisys/genisys/packages/webchat-components
+> @botpress/webchat@4.2.1 build /home/runner/work/genisys/genisys/packages/webchat-components
 > vite build
 
 vite v5.4.8 building for production...
 transforming...
-✓ 2346 modules transformed.
+✓ 2383 modules transformed.
 rendering chunks...
 
 [vite:dts] Start generate declaration files...
 computing gzip size...
 dist/style.css   54.01 kB │ gzip:   9.07 kB
-dist/index.js   675.87 kB │ gzip: 182.59 kB
+dist/index.js   679.73 kB │ gzip: 183.94 kB
 [vite:dts] Start rollup declaration files...
 Analysis will use the bundled TypeScript version 5.8.2
 *** The target project appears to use TypeScript 5.9.3 which is newer than the bundled compiler engine; consider upgrading API Extractor.
-[vite:dts] Declaration files built in 20130ms.
+[vite:dts] Declaration files built in 19038ms.
 
 dist/style.css       54.01 kB │ gzip:   9.07 kB
-dist/index.umd.cjs  449.08 kB │ gzip: 147.52 kB
-✓ built in 25.01s
+dist/index.umd.cjs  451.76 kB │ gzip: 148.76 kB
+✓ built in 23.74s

package/dist/index.d.ts

@@ -13,11 +13,12 @@ import type { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { IntegrationError } from '@botpress/webchat-client';
-import { JSX as JSX_2 } from 'react';
-import { JSX as JSX_3 } from 'react/jsx-runtime';
+import { JSX } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LatestWebchatTheme } from '@bpinternal/shared';
 import { MemoExoticComponent } from 'react';
 import { Message as Message_2 } from '@botpress/webchat-client';
+import { NamedExoticComponent } from 'react';
 import { PersistOptions } from 'zustand/middleware';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
@@ -62,7 +63,7 @@ export declare type BlocIntegrationMessageItems = Extract<IntegrationMessage['pa
     type: 'bloc';
 }>['items'];
 
-export declare const Block: <T extends GenericBlock["type"]>({ block, renderers, ...props }: BlockProps<T>) => JSX_2.Element;
+export declare const Block: <T extends GenericBlock["type"]>({ block, renderers, ...props }: BlockProps<T>) => JSX.Element;
 
 export declare type BlockMessage<T = GenericBlock> = {
     id: string;
@@ -133,7 +134,7 @@ export declare type CarouselBlock = {
     blocks: GenericBlock[];
 };
 
-export declare const Chat: ({ connected, configuration, isTyping, messages, user, isLoading, renderers, isReadOnly, disableComposer, allowFileUpload, error, participants, closeWindow, sendMessage, uploadFile, addMessageFeedback, restartConversation, clientId, storageKey, soundOn, toggleSound, disableSendButton, ...props }: Props) => JSX_3.Element;
+export declare const Chat: ({ connected, configuration, isTyping, messages, user, isLoading, renderers, isReadOnly, disableComposer, allowFileUpload, error, participants, closeWindow, sendMessage, uploadFile, addMessageFeedback, restartConversation, clientId, storageKey, soundOn, toggleSound, disableSendButton, ...props }: Props) => JSX_2.Element;
 
 declare type ChatSoundStore = {
     soundOn: boolean;
@@ -175,14 +176,14 @@ export declare type ComposableIntegrationMessagePayload = Extract<IntegrationMes
 
 declare type ComposableIntegrationMessageTypes = 'audio' | 'bloc' | 'file' | 'image' | 'location' | 'markdown' | 'text' | 'video';
 
-export declare const Composer: MemoExoticComponent<ForwardRefExoticComponent<Omit<Props_3, "ref"> & RefAttributes<HTMLDivElement>>>;
+export declare const Composer: NamedExoticComponent<Omit<Props_3, "ref"> & RefAttributes<HTMLDivElement>>;
 
 export declare const CONFIG_ACCESS_DENIED = "Access denied to configuration file. Please check your credentials or your configuration URL and try again.";
 
 export { Configuration }
 
 export declare const Container: {
-    ({ children, className, uploadFile, allowFileUpload, storageKey, connected: _, ...props }: Props_4): JSX_3.Element;
+    ({ children, className, uploadFile, allowFileUpload, storageKey, connected: _, ...props }: Props_4): JSX_2.Element;
     displayName: string;
 };
 
@@ -247,7 +248,7 @@ declare type ErrorProps = {
     closeWindow?: () => void;
 };
 
-export declare function ErrorState({ error, restartConversation, closeWindow }: ErrorProps): JSX_3.Element;
+export declare function ErrorState({ error, restartConversation, closeWindow }: ErrorProps): JSX_2.Element;
 
 declare type EventError = Error & {
     type: 'error';
@@ -287,7 +288,7 @@ export declare const getUseChatSoundStore: typeof ChatSoundStores.getInstance;
 
 export declare const getUseWebchatClientStore: typeof WebchatClientStores.getInstance;
 
-export declare const Header: ({ defaultOpen, closeWindow, configuration, restartConversation, disabled, soundOn, toggleSound, clientId, ...props }: HeaderProps) => JSX_3.Element;
+export declare const Header: ({ defaultOpen, closeWindow, configuration, restartConversation, disabled, soundOn, toggleSound, clientId, ...props }: HeaderProps) => JSX_2.Element;
 
 declare type HeaderProps = {
     defaultOpen?: boolean;
@@ -363,7 +364,7 @@ export declare type LocationBlock = {
 
 export declare const mapToWebchatError: (thrown: unknown) => WebchatError;
 
-export declare const Message: MemoExoticComponent<ForwardRefExoticComponent<{
+export declare const Message: NamedExoticComponent<{
     children?: ReactNode;
     renderers?: Partial<Renderers>;
     sendMessage?: (payload: IntegrationMessage["payload"]) => void;
@@ -377,7 +378,7 @@ export declare const Message: MemoExoticComponent<ForwardRefExoticComponent<{
         name: string;
         avatar?: string;
     };
-} & RefAttributes<HTMLDivElement>>>;
+} & RefAttributes<HTMLDivElement>>;
 
 export declare const MessageContext: Context<MessageContextVaue | null>;
 
@@ -386,7 +387,7 @@ declare type MessageContextVaue = {
     setIsLoading: Dispatch<SetStateAction<string[]>>;
 };
 
-export declare const MessageList: MemoExoticComponent<({ className, messages, isTyping, headerMessage, renderers, botAvatar, botDescription, botName, sendMessage, addMessageFeedback, showMarquee, showDateSystemMessage, showMessageStatus, showIncomingMessageAvatar, showOutgoingMessageAvatar, ...props }: ComponentProps<"div"> & MessageListProps) => JSX_3.Element>;
+export declare const MessageList: MemoExoticComponent<({ className, messages, isTyping, headerMessage, renderers, botAvatar, botDescription, botName, sendMessage, addMessageFeedback, showMarquee, showDateSystemMessage, showMessageStatus, showIncomingMessageAvatar, showOutgoingMessageAvatar, ...props }: ComponentProps<"div"> & MessageListProps) => JSX_2.Element>;
 
 declare type MessageListProps = {
     messages?: RichBlockMessage[];
@@ -424,7 +425,7 @@ export declare function Modal({ open, onOpenChange, children, }: {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     children: ReactNode;
-}): JSX_3.Element;
+}): JSX_2.Element;
 
 export declare namespace Modal {
     var Button: ForwardRefExoticComponent<Dialog.DialogTriggerProps & RefAttributes<HTMLButtonElement>>;
@@ -440,7 +441,7 @@ declare function ModalContent({ title, description, onConfirm, onCancel, confirm
     confirmButtonText?: string;
     cancelButtonText?: string;
     children: ReactNode;
-}): JSX_3.Element;
+}): JSX_2.Element;
 
 export declare const ModalContext: Context<ModalContextValue>;
 
@@ -450,7 +451,7 @@ declare type ModalContextValue = {
 
 export declare const ModalProvider: ({ children }: {
     children: ReactNode;
-}) => JSX_3.Element;
+}) => JSX_2.Element;
 
 export declare const NETWORK_ERROR = "Please check your internet connection and refresh the page.";
 
@@ -558,7 +559,7 @@ export declare type Renderers = {
 
 export declare const renderers: Renderers;
 
-export declare const RestartConversationButton: ({ restartConversation, ...props }: Props_5) => JSX_3.Element;
+export declare const RestartConversationButton: ({ restartConversation, ...props }: Props_5) => JSX_2.Element;
 
 export declare const retryWithBackoff: <T>(fn: () => Promise<T>, maxAttempts?: number, delayMs?: number) => Promise<T>;
 
@@ -613,7 +614,7 @@ export declare type StyleOptions = {
 /**
  * StylesheetProvider component that manages theme styles and font loading
  */
-export declare const StylesheetProvider: ({ color, fontFamily, radius, themeMode, variant, headerVariant, additionalStylesheetUrl, }: Props_7) => JSX_3.Element;
+export declare const StylesheetProvider: ({ color, fontFamily, radius, themeMode, variant, headerVariant, additionalStylesheetUrl, }: Props_7) => JSX_2.Element;
 
 export declare type TextBlock = {
     type: 'text';
@@ -627,7 +628,7 @@ declare type ToPayloadType<T extends IntegrationMessageTypes> = {
     };
 }[T];
 
-export declare const TypingIndicator: MemoExoticComponent<({ ...props }: ComponentProps<"div">) => JSX_3.Element>;
+export declare const TypingIndicator: MemoExoticComponent<({ ...props }: ComponentProps<"div">) => JSX_2.Element>;
 
 export declare type UseImageSizeResult = [Dimensions | null, {
     loading: boolean;
@@ -687,7 +688,7 @@ export declare type VideoBlock = {
     url: string;
 };
 
-export declare const Webchat: ({ clientId, storageKey, configuration, allowFileUpload, apiUrl, user, conversationId, ...props }: Props_6) => JSX_3.Element;
+export declare const Webchat: ({ clientId, storageKey, configuration, allowFileUpload, apiUrl, user, conversationId, ...props }: Props_6) => JSX_2.Element;
 
 export declare const webchatClasses: {
     readonly container: {
@@ -1268,8 +1269,8 @@ export declare type WebchatEvents = {
 };
 
 declare type WebchatStore = {
-    messageContainerRef: RefObject<HTMLDivElement>;
-    setMessageContainerRef: (ref: RefObject<HTMLDivElement>) => void;
+    messageContainerRef: RefObject<HTMLDivElement | null>;
+    setMessageContainerRef: (ref: RefObject<HTMLDivElement | null>) => void;
     portalContainer: HTMLElement | null;
     setPortalContainer: (container: HTMLElement | null) => void;
     eventEmitter: EventEmitter<Events_2>;