@botpress/webchat 2.3.8 → 2.4.0-beta.2

package/{.eslintrc.js → .eslintrc.cjs}

@@ -1,11 +1,12 @@
 /** @type {import("eslint").Linter.Config} */
 module.exports = {
   root: true,
-  extends: ["@repo/eslint-config/react-internal.js"],
+  extends: ["@repo/eslint-config/react-internal.js", "plugin:storybook/recommended"],
   parser: "@typescript-eslint/parser",
   ignorePatterns: ["dist", "node_modules", "storybook-static", ".turbo", "turbo/*"],
   parserOptions: {
     project: "./tsconfig.json",
     tsconfigRootDir: __dirname,
   },
+
 };

package/.storybook/main.ts

@@ -0,0 +1,25 @@
+import { join, dirname } from 'path'
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value) {
+  return dirname(require.resolve(join(value, 'package.json')))
+}
+
+/** @type { import('@storybook/react-vite').StorybookConfig } */
+const config = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    getAbsolutePath('@storybook/addon-onboarding'),
+    getAbsolutePath('@storybook/addon-essentials'),
+    getAbsolutePath('@chromatic-com/storybook'),
+    getAbsolutePath('@storybook/addon-interactions'),
+  ],
+  framework: {
+    name: getAbsolutePath('@storybook/react-vite'),
+    options: {},
+  },
+}
+export default config

package/.storybook/preview.tsx

@@ -0,0 +1,112 @@
+// import '../src/index.css' // This has to be imported as early as possible
+import React from 'react'
+import type { Preview } from '@storybook/react'
+import { StylesheetProvider } from '../src/providers'
+import { Container } from '../src/components'
+
+const radiusMap = {
+  none: 0,
+  sm: 0.5,
+  md: 1,
+  lg: 2,
+  xl: 4,
+}
+
+const colorMap = {
+  red: '#dc2626',
+  orange: '#ea580c',
+  amber: '#d97706',
+  yellow: '#eab308',
+  lime: '#a3e635',
+  green: '#22c55e',
+  emerald: '#10b981',
+  teal: '#14b8a6',
+  cyan: '#06b6d4',
+  sky: '#0ea5e9',
+  blue: '#3b82f6',
+  indigo: '#6366f1',
+  violet: '#8b5cf6',
+  purple: '#9333ea',
+  fuchsia: '#d946ef',
+  pink: '#ec4899',
+}
+
+/** @type { import('@storybook/react').Preview } */
+const preview: Preview = {
+  initialGlobals: {
+    themeMode: 'light',
+    fontFamily: 'inter',
+    radius: 'md',
+    variant: 'solid',
+    color: 'blue',
+  },
+  globalTypes: {
+    themeMode: {
+      toolbar: {
+        dynamicTitle: true,
+        title: 'Theme',
+        icon: 'mirror',
+        items: ['light', 'dark'],
+      },
+    },
+    fontFamily: {
+      toolbar: {
+        title: 'Font Family',
+        dynamicTitle: true,
+        icon: 'edit',
+        items: ['rubik', 'inter', 'ibm', 'fira'],
+      },
+    },
+    radius: {
+      toolbar: {
+        title: 'Radius',
+        dynamicTitle: true,
+        icon: 'button',
+        items: Object.keys(radiusMap),
+      },
+    },
+    variant: {
+      toolbar: {
+        title: 'Variant',
+        dynamicTitle: true,
+        icon: 'expandalt',
+        items: ['solid', 'soft'],
+      },
+    },
+    color: {
+      toolbar: {
+        title: 'Color',
+        dynamicTitle: true,
+        icon: 'paintbrush',
+        items: Object.keys(colorMap),
+      },
+    },
+  },
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+  decorators: [
+    (Story, context) => {
+      const { themeMode, variant, radius, fontFamily, color } = context.globals
+      return (
+        // TODO: These css hacks should not be required
+        <Container
+          className="bpReset bpContainer"
+          style={{ width: '400px', border: 'none', backgroundColor: 'transparent' }}
+        >
+          <StylesheetProvider
+            {...{ themeMode, variant, fontFamily, radius: radiusMap[radius], color: colorMap[color] }}
+          />
+          <Story />
+        </Container>
+      )
+    },
+  ],
+}
+
+export default preview

package/.turbo/turbo-build.log

@@ -1,25 +1,21 @@
 
-> @botpress/webchat@2.3.8 build /home/runner/work/genisys/genisys/packages/webchat-components
+> @botpress/webchat@2.4.0-beta.2 build /home/runner/work/genisys/genisys/packages/webchat-components
 > vite build
 
 vite v5.4.8 building for production...
+src/stories/utils.ts(4,14): error TS2742: The inferred type of 'mockBlockArgs' cannot be named without a reference to '.pnpm/@vitest+spy@2.0.5/node_modules/@vitest/spy'. This is likely not portable. A type annotation is necessary.
+
 transforming...
 [plugin:vite:resolve] [plugin vite:resolve] Module "crypto" has been externalized for browser compatibility, imported by "/home/runner/work/genisys/genisys/node_modules/.pnpm/@bpinternal+webchat-http-client@0.2.3/node_modules/@bpinternal/webchat-http-client/dist/index.mjs". See https://vitejs.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility for more details.
-[vite:css] /home/runner/work/genisys/genisys/packages/webchat-components/src/components/renderers/Audio/styles.css is empty
-1  |  @import './resets.css';
-   |  ^^^^^^^^^^^^^^^^^^^^^^^
-2  |  @import './theme.css';
-   |  ^^^^^^
-3  |  @import '../components/index.css'
-✓ 3195 modules transformed.
+✓ 3103 modules transformed.
 rendering chunks...
 
 [vite:dts] Start generate declaration files...
 computing gzip size...
-dist/style.css     31.27 kB │ gzip:   5.81 kB
-dist/index.js   1,094.32 kB │ gzip: 287.43 kB
-[vite:dts] Declaration files built in 10676ms.
+dist/style.css     32.56 kB │ gzip:   6.24 kB
+dist/index.js   1,023.92 kB │ gzip: 267.60 kB
+[vite:dts] Declaration files built in 11966ms.
 
-dist/style.css       31.27 kB │ gzip:   5.81 kB
-dist/index.umd.cjs  761.43 kB │ gzip: 242.07 kB
-✓ built in 19.68s
+dist/style.css       32.56 kB │ gzip:   6.24 kB
+dist/index.umd.cjs  701.90 kB │ gzip: 223.00 kB
+✓ built in 20.48s

package/dist/client/client.d.ts

@@ -1,45 +1,37 @@
-import { EventEmitter } from '../utils';
-import { Events, UserCredentials, UserData, UserOptions, type Message, type User } from './types';
-import { type FileType } from '../types';
-import type { Message as WebchatMessage } from '../adapters/webchat';
-export type PushpinClientProps = {
+import { Message as BotpressMessage } from '@bpinternal/webchat-http-client';
+import type { MessageObject } from '../types';
+type Props = {
     apiUrl: string;
     clientId: string;
+    sseTimeout?: number;
 };
-export declare class WebchatClient extends EventEmitter<Events> {
-    private _client;
-    private _webhookId;
-    private _apiUrl;
-    private _state;
-    constructor(props: PushpinClientProps);
-    readonly mode = "pushpin";
-    get apiUrl(): string;
-    get clientId(): string;
-    get userId(): string | undefined;
-    getUser(): Promise<{
-        data: {
-            [k: string]: any;
-        } | undefined;
+export type Client = ReturnType<typeof getClient>;
+export declare function getClient({ apiUrl, clientId, sseTimeout }: Props): {
+    sendMessage: (props: Parameters<(input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/createMessage").CreateMessageInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/createMessage").CreateMessageResponse>>[number]) => Promise<MessageObject>;
+    getMessage: (props: Parameters<(input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/getMessage").GetMessageInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/getMessage").GetMessageResponse>>[number]) => Promise<MessageObject>;
+    listConversationMessages: (props: Parameters<(input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/listConversationMessages").ListConversationMessagesInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/listConversationMessages").ListConversationMessagesResponse>>[number]) => Promise<{
+        messages: MessageObject[];
+        meta: {
+            nextToken?: string;
+        };
     }>;
-    updateUser(user: User): Promise<User>;
-    get conversationId(): string | undefined;
-    connect(creds?: UserCredentials, data?: UserData, opts?: UserOptions): Promise<UserCredentials | undefined>;
-    private _initialConnect;
-    private _reConnect;
-    disconnect(): Promise<void>;
-    sendFile(file: File): Promise<{
-        fileUrl: string;
-        name: string;
-        type: FileType;
-    }>;
-    sendMessage(payload: WebchatMessage): Promise<void>;
-    sendEvent(event: Record<string, any>): Promise<void>;
-    switchConversation(id: string): Promise<void>;
-    conversationExists(id: string): Promise<boolean>;
-    userExists({ userToken }: UserCredentials): Promise<boolean>;
-    newConversation(): Promise<void>;
-    private _createNewConversation;
-    listMessages(): Promise<Message[]>;
-    private _connectConversation;
-    private _mapMessage;
-}
+    createMessage: (props: Parameters<(input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/createMessage").CreateMessageInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/createMessage").CreateMessageResponse>>[number]) => Promise<MessageObject>;
+    addParticipant: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/addParticipant").AddParticipantInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/addParticipant").AddParticipantResponse>;
+    createConversation: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/createConversation").CreateConversationInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/createConversation").CreateConversationResponse>;
+    createEvent: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/createEvent").CreateEventInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/createEvent").CreateEventResponse>;
+    createFile: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/createFile").CreateFileInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/createFile").CreateFileResponse>;
+    createUser: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/createUser").CreateUserInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/createUser").CreateUserResponse>;
+    deleteConversation: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/deleteConversation").DeleteConversationInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/deleteConversation").DeleteConversationResponse>;
+    deleteMessage: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/deleteMessage").DeleteMessageInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/deleteMessage").DeleteMessageResponse>;
+    deleteUser: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/deleteUser").DeleteUserInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/deleteUser").DeleteUserResponse>;
+    getConversation: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/getConversation").GetConversationInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/getConversation").GetConversationResponse>;
+    getEvent: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/getEvent").GetEventInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/getEvent").GetEventResponse>;
+    getParticipant: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/getParticipant").GetParticipantInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/getParticipant").GetParticipantResponse>;
+    getUser: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/getUser").GetUserInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/getUser").GetUserResponse>;
+    listConversations: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/listConversations").ListConversationsInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/listConversations").ListConversationsResponse>;
+    removeParticipant: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/removeParticipant").RemoveParticipantInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/removeParticipant").RemoveParticipantResponse>;
+    updateUser: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/updateUser").UpdateUserInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/updateUser").UpdateUserResponse>;
+    listenConversation: ({ id, "x-user-key": userKey, }: import("@bpinternal/webchat-http-client/dist/gen/client/operations/listenConversation").ListenConversationInput) => Promise<import("@bpinternal/webchat-http-client").SignalListener>;
+};
+export declare function mapMessage(message: BotpressMessage): MessageObject;
+export {};

package/dist/client/index.d.ts

@@ -1,2 +1,4 @@
 export * from './client';
+export * from './legacyClient';
+export * from './state-machine';
 export * from './types';

package/dist/client/legacyClient.d.ts

@@ -0,0 +1,55 @@
+import { EventEmitter } from '../utils';
+import { Events, UserCredentials, UserData, UserOptions, type User } from './types';
+import { type FileType } from '../types';
+import type { Message as WebchatMessage } from '../adapters/webchat';
+export type PushpinClientProps = {
+    apiUrl: string;
+    clientId: string;
+};
+export declare class WebchatClient extends EventEmitter<Events> {
+    private _client;
+    private _webhookId;
+    private _apiUrl;
+    private _state;
+    constructor(props: PushpinClientProps);
+    readonly mode = "pushpin";
+    get apiUrl(): string;
+    get clientId(): string;
+    get userId(): string | undefined;
+    getUser(): Promise<{
+        data: {
+            [k: string]: any;
+        } | undefined;
+    }>;
+    updateUser(user: User): Promise<User>;
+    get conversationId(): string | undefined;
+    connect(creds?: UserCredentials, data?: UserData, opts?: UserOptions): Promise<UserCredentials | undefined>;
+    private _initialConnect;
+    private _reConnect;
+    disconnect(): Promise<void>;
+    sendFile(file: File): Promise<{
+        fileUrl: string;
+        name: string;
+        type: FileType;
+    }>;
+    sendMessage(payload: WebchatMessage): Promise<void>;
+    sendEvent(event: Record<string, any>): Promise<void>;
+    switchConversation(id: string): Promise<void>;
+    conversationExists(id: string): Promise<boolean>;
+    userExists({ userToken }: UserCredentials): Promise<boolean>;
+    newConversation(): Promise<void>;
+    private _createNewConversation;
+    listMessages(): Promise<{
+        id: string;
+        conversationId: string;
+        authorId: string;
+        sentOn: Date;
+        payload: import("../adapters/target").Message;
+        disableInput: boolean | undefined;
+        metadata: {
+            [k: string]: any;
+        } | undefined;
+    }[]>;
+    private _connectConversation;
+    private _mapMessage;
+}

package/dist/client/types.d.ts

@@ -1,4 +1,4 @@
-import { BlockObject } from '../types/block-type';
+import { type MessageObject } from '../types/block-type';
 import { UserProps } from '../types';
 import type { Message as WebchatMessage } from '../adapters/webchat';
 type SafeOmit<T, K extends keyof T> = Omit<T, K>;
@@ -9,18 +9,9 @@ export type UserCredentials = {
 export type User = UserProps;
 export type UserData = User['data'];
 export type UserOptions = SafeOmit<User, 'data'>;
-export type Message = {
-    id: string;
-    conversationId: string;
-    authorId: string | undefined;
-    sentOn: Date;
-    disableInput?: boolean;
-    payload: BlockObject;
-    metadata?: Record<string, any>;
-};
 export type WebchatEvents = {
     conversation: string | undefined;
-    message: Message;
+    message: MessageObject;
     messageSent: WebchatMessage;
     error: Error;
     webchatVisibility: 'show' | 'hide' | 'toggle';

package/dist/components/Block.d.ts

@@ -1,7 +1,9 @@
 import { JSX } from 'react';
+import { Renderers } from '../types';
 import { BlockObjects, BlockType, type CommonBlockProps } from '../types';
 type BlockProps<T extends BlockType> = {
     block: BlockObjects[T];
-} & Partial<CommonBlockProps>;
-export declare const Block: <T extends BlockType>({ block, ...props }: BlockProps<T>) => JSX.Element;
+    renderers?: Partial<Renderers>;
+} & CommonBlockProps;
+export declare const Block: <T extends BlockType>({ block, renderers, ...props }: BlockProps<T>) => JSX.Element;
 export {};

package/dist/components/CloseWindowButton.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { XMarkIcon } from '@heroicons/react/24/outline';
+type Props = ComponentProps<typeof XMarkIcon> & {
+    onClick?: () => void;
+};
+export declare const CloseWindowButton: ({ onClick, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Composer/Composer.d.ts

@@ -1,6 +1,18 @@
 import { ComponentProps, type Ref } from 'react';
+import type { Configuration, FileType } from '../../types';
+import type { Message } from '../../adapters/webchat';
 type Props = ComponentProps<'div'> & {
     inputRef?: Ref<HTMLTextAreaElement>;
-};
+    disableComposer?: boolean;
+    isReadOnly?: boolean;
+    allowFileUpload?: boolean;
+    connected?: boolean;
+    sendMessage?: (payload: Message) => void;
+    uploadFile?: (file: File) => Promise<{
+        fileUrl: string;
+        name: string;
+        type: FileType;
+    }>;
+} & Pick<Configuration, 'composerPlaceholder' | 'showPoweredBy'>;
 export declare const Composer: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
 export {};

package/dist/components/Container/Container.d.ts

@@ -1 +1,9 @@
-export declare const Container: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { ComponentProps } from 'react';
+type Props = ComponentProps<'div'> & {
+    connected?: boolean;
+};
+export declare const Container: {
+    ({ children, className, connected, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/Header/Header.d.ts

@@ -1,8 +1,12 @@
+import type { Configuration } from '../../types';
 type HeaderProps = {
     defaultOpen?: boolean;
     open?: boolean;
     disabled?: boolean;
     onOpenChange?(open: boolean): void;
+    restartConversation?: () => void;
+    closeWindow?: () => void;
+    configuration: Pick<Configuration, 'email' | 'phone' | 'privacyPolicy' | 'website' | 'termsOfService' | 'botAvatar' | 'botDescription' | 'botName'>;
 };
-export declare const Header: ({ defaultOpen, disabled, onOpenChange, ...props }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ defaultOpen, closeWindow, configuration, restartConversation, ...props }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    className?: string;
+};
+export declare const Loader: ({ className, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Loader/index.d.ts

@@ -0,0 +1 @@
+export * from './Loader';

package/dist/components/Marquee/Marquee.d.ts

@@ -1 +1,7 @@
-export declare function Marquee(): import("react/jsx-runtime").JSX.Element;
+type Props = {
+    botAvatar?: string;
+    botDescription?: string;
+    botName?: string;
+};
+export declare function Marquee({ botAvatar, botDescription, botName }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Message/Message.d.ts

@@ -1,8 +1,12 @@
 import { type ReactNode } from 'react';
-import type { MessageObject } from '../../types';
-type MessageProps = {
-    scroll: () => void;
+import type { Renderers } from '../../types';
+import type { Message as WebchatMessage } from '../../adapters/webchat';
+export declare const Message: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
     children?: ReactNode;
-} & MessageObject;
-export declare const Message: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Partial<MessageProps> & import("react").RefAttributes<HTMLDivElement>>>;
-export {};
+    renderers?: Partial<Renderers>;
+    sendMessage?: (payload: WebchatMessage) => void;
+    isReadOnly?: boolean;
+} & import("../..").MessageObject<import("../../adapters/target").Message> & {
+    direction: import("../..").MessageDirection;
+    sender: import("../..").Sender;
+} & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/components/MessageList/MessageList.d.ts

@@ -1,10 +1,16 @@
-import { ComponentProps, FC } from 'react';
-import { StyleOptions } from '../../contexts';
+import { ComponentProps } from 'react';
+import type { Renderers, RichMessageObject } from '../../types';
+import type { Message as WebchatMessage } from '../../adapters/webchat';
 type MessageListProps = {
-    scrollDownButton?: {
-        text?: string;
-        icon?: FC<StyleOptions>;
-    };
+    messages?: RichMessageObject[];
+    isTyping?: boolean;
+    headerMessage?: string;
+    renderers?: Partial<Renderers>;
+    botAvatar?: string;
+    botDescription?: string;
+    botName?: string;
+    sendMessage?: (payload: WebchatMessage) => void;
+    showMarquee?: boolean;
 };
-export declare const MessageList: import("react").MemoExoticComponent<({ scrollDownButton, className, ...props }: ComponentProps<"ul"> & MessageListProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MessageList: import("react").MemoExoticComponent<({ className, messages, isTyping, headerMessage, renderers, botAvatar, botDescription, botName, sendMessage, showMarquee, ...props }: ComponentProps<"ul"> & MessageListProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/RestartConversationButton.d.ts

@@ -0,0 +1,7 @@
+import { ArrowPathIcon } from '@heroicons/react/20/solid';
+import { ComponentProps } from 'react';
+type Props = {
+    onClick?: () => void;
+} & ComponentProps<typeof ArrowPathIcon>;
+export declare const RestartConversationButton: ({ onClick, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Webchat.d.ts

@@ -1 +1,29 @@
-export declare const Webchat: () => import("react/jsx-runtime").JSX.Element;
+import type { Configuration, FileType, MessageObject, Renderers } from '../types';
+import type { Message } from '../adapters/webchat';
+export type Props = {
+    renderers?: Partial<Renderers>;
+    configuration: Configuration;
+    messages: MessageObject[];
+    connected?: boolean;
+    disableComposer?: boolean;
+    isReadOnly?: boolean;
+    isLoading?: boolean;
+    isTyping?: boolean;
+    lastTypingHeartbeat?: Date | null;
+    allowFileUpload?: boolean;
+    clientId?: string;
+    closeWindow?: () => void;
+    restartConversation?: () => void;
+    user: {
+        id: string;
+        name?: string;
+        pictureUrl?: string;
+    } & Record<string, unknown>;
+    sendMessage?: (payload: Message) => void;
+    uploadFile?: (file: File) => Promise<{
+        fileUrl: string;
+        name: string;
+        type: FileType;
+    }>;
+};
+export declare const Webchat: ({ connected, configuration, closeWindow, isTyping, messages, user, sendMessage, uploadFile, isLoading, renderers, isReadOnly, disableComposer, restartConversation, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -8,6 +8,6 @@ export * from './TypingIndicator';
 export * from './Message';
 export * from './MessageList';
 export * from './Modal';
-export * from './RestartConversation';
+export * from './RestartConversationButton';
 export * from './Webchat';
 export * from './renderers';

package/dist/components/renderers/Audio/Audio.d.ts

@@ -1,4 +1,6 @@
-export declare const Audio: import("react").ForwardRefExoticComponent<import("../../../adapters/target").AudioMessage & Partial<Pick<import("../../..").MessageObject<import("../../../adapters/target").Message>, "direction" | "timestamp" | "sender"> & {
+export declare const Audio: import("react").ForwardRefExoticComponent<import("../../../adapters/target").AudioMessage & Pick<import("../../..").RichMessageObject<import("../../../adapters/target").Message>, "direction" | "timestamp" | "sender"> & {
     messageId: string;
+    sendMessage?: (payload: import("../../../adapters/webchat").Message) => void;
     metadata?: Record<string, any>;
-}> & import("react").RefAttributes<HTMLAudioElement>>;
+    isReadOnly?: boolean;
+} & import("react").RefAttributes<HTMLAudioElement>>;

package/dist/components/renderers/Button/Button.d.ts

@@ -1,4 +1,4 @@
 import { ButtonBlock, type CommonBlockProps } from '../../../types';
 type Props = ButtonBlock & CommonBlockProps;
-export declare const Button: ({ text, buttonValue, type, variant, groupId, reusable, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ text, buttonValue, variant, groupId, reusable, sendMessage, isReadOnly, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/renderers/Carousel/Carousel.d.ts

@@ -1,4 +1,6 @@
-export declare const Carousel: import("react").ForwardRefExoticComponent<import("../../../adapters/target").CarouselMessage & Partial<Pick<import("../../..").MessageObject<import("../../../adapters/target").Message>, "direction" | "timestamp" | "sender"> & {
+export declare const Carousel: import("react").ForwardRefExoticComponent<import("../../../adapters/target").CarouselMessage & Pick<import("../../..").RichMessageObject<import("../../../adapters/target").Message>, "direction" | "timestamp" | "sender"> & {
     messageId: string;
+    sendMessage?: (payload: import("../../../adapters/webchat").Message) => void;
     metadata?: Record<string, any>;
-}> & import("react").RefAttributes<HTMLDivElement>>;
+    isReadOnly?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/renderers/Dropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
 import { DropdownBlock, type CommonBlockProps } from '../../../types';
 import { ComponentProps } from 'react';
 type Props = DropdownBlock & ComponentProps<'div'> & CommonBlockProps;
-export declare const Dropdown: ({ options, label, reusable }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ options, label, reusable, sendMessage, isReadOnly }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/renderers/File/File.d.ts

@@ -1,4 +1,6 @@
-export declare const File: import("react").ForwardRefExoticComponent<import("../../../adapters/target").FileMessage & Partial<Pick<import("../../..").MessageObject<import("../../../adapters/target").Message>, "direction" | "timestamp" | "sender"> & {
+export declare const File: import("react").ForwardRefExoticComponent<import("../../../adapters/target").FileMessage & Pick<import("../../..").RichMessageObject<import("../../../adapters/target").Message>, "direction" | "timestamp" | "sender"> & {
     messageId: string;
+    sendMessage?: (payload: import("../../../adapters/webchat").Message) => void;
     metadata?: Record<string, any>;
-}> & import("react").RefAttributes<HTMLAnchorElement>>;
+    isReadOnly?: boolean;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/components/renderers/Image/Image.d.ts

@@ -1,4 +1,6 @@
-export declare const Image: import("react").ForwardRefExoticComponent<import("../../../adapters/target").ImageMessage & Partial<Pick<import("../../..").MessageObject<import("../../../adapters/target").Message>, "direction" | "timestamp" | "sender"> & {
+export declare const Image: import("react").ForwardRefExoticComponent<import("../../../adapters/target").ImageMessage & Pick<import("../../..").RichMessageObject<import("../../../adapters/target").Message>, "direction" | "timestamp" | "sender"> & {
     messageId: string;
+    sendMessage?: (payload: import("../../../adapters/webchat").Message) => void;
     metadata?: Record<string, any>;
-}> & import("react").RefAttributes<HTMLImageElement>>;
+    isReadOnly?: boolean;
+} & import("react").RefAttributes<HTMLImageElement>>;

package/dist/components/renderers/Location/Location.d.ts

@@ -1,4 +1,6 @@
-export declare const Location: import("react").ForwardRefExoticComponent<import("../../../adapters/target").LocationMessage & Partial<Pick<import("../../..").MessageObject<import("../../../adapters/target").Message>, "direction" | "timestamp" | "sender"> & {
+export declare const Location: import("react").ForwardRefExoticComponent<import("../../../adapters/target").LocationMessage & Pick<import("../../..").RichMessageObject<import("../../../adapters/target").Message>, "direction" | "timestamp" | "sender"> & {
     messageId: string;
+    sendMessage?: (payload: import("../../../adapters/webchat").Message) => void;
     metadata?: Record<string, any>;
-}> & import("react").RefAttributes<HTMLAnchorElement>>;
+    isReadOnly?: boolean;
+} & import("react").RefAttributes<HTMLAnchorElement>>;