@botpress/webchat 1.3.1 → 1.3.3

package/dist/adapters/messaging-to-target.d.ts

@@ -1,7 +1,7 @@
 import * as adapters from 'webchat-adapters';
 import * as target from './target';
 type WithBubble<T extends target.Message> = target.BubbleOf<T>;
-export type MessagingToTargetAdapters = adapters.Adapter<adapters.messaging.Messages, target.Messages>;
+export type MessagingToTargetAdapters = adapters.Adapter<adapters.messaging.Messages, target.AdaptersOutput>;
 export declare const audioAdapter: ({ type, audio }: {
     type: "audio";
     audio: string;
@@ -9,8 +9,10 @@ export declare const audioAdapter: ({ type, audio }: {
     avatarUrl?: string | undefined;
     title?: string | undefined;
 }) => {
-    type: "audio";
-    url: string;
+    payload: {
+        type: "audio";
+        url: string;
+    };
 };
 export declare const cardAdapter: (card: {
     title: string;
@@ -32,7 +34,9 @@ export declare const cardAdapter: (card: {
     avatarUrl?: string | undefined;
     subtitle?: string | undefined;
     image?: string | undefined;
-}) => WithBubble<target.ColumnMessage>;
+}) => {
+    payload: WithBubble<target.ColumnMessage>;
+};
 export declare const carouselAdapter: ({ items }: {
     type: "carousel";
     items: {
@@ -59,8 +63,10 @@ export declare const carouselAdapter: ({ items }: {
     className?: string | undefined;
     avatarUrl?: string | undefined;
 }) => {
-    type: "carousel";
-    blocks: target.ColumnMessage[];
+    payload: {
+        type: "carousel";
+        blocks: target.ColumnMessage[];
+    };
 };
 export declare const choiceAdapter: (x: {
     type: "single-choice";
@@ -72,7 +78,10 @@ export declare const choiceAdapter: (x: {
     className?: string | undefined;
     avatarUrl?: string | undefined;
     disableFreeText?: boolean | undefined;
-}) => target.Message;
+}) => {
+    disableInput: boolean | undefined;
+    payload: target.Message;
+};
 export declare const dropdownAdapter: (x: {
     options: {
         value: string;
@@ -90,7 +99,10 @@ export declare const dropdownAdapter: (x: {
     displayInKeyboard?: boolean | undefined;
     markdown?: boolean | undefined;
     text?: string | undefined;
-}) => WithBubble<target.ColumnMessage>;
+}) => {
+    disableInput: true;
+    payload: WithBubble<target.ColumnMessage>;
+};
 export declare const fileAdapter: ({ file, ...props }: {
     type: "file";
     file: string;
@@ -98,11 +110,13 @@ export declare const fileAdapter: ({ file, ...props }: {
     avatarUrl?: string | undefined;
     title?: string | undefined;
 }) => {
-    type: "file";
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-    title?: string | undefined;
-    url: string;
+    payload: {
+        type: "file";
+        className?: string | undefined;
+        avatarUrl?: string | undefined;
+        title?: string | undefined;
+        url: string;
+    };
 };
 export declare const imageAdapter: ({ type, image }: {
     type: "image";
@@ -110,8 +124,10 @@ export declare const imageAdapter: ({ type, image }: {
     className?: string | undefined;
     avatarUrl?: string | undefined;
 }) => {
-    type: "image";
-    url: string;
+    payload: {
+        type: "image";
+        url: string;
+    };
 };
 export declare const locationAdapter: ({ type, latitude, longitude, title, address }: {
     type: "location";
@@ -122,10 +138,22 @@ export declare const locationAdapter: ({ type, latitude, longitude, title, addre
     address?: string | undefined;
     title?: string | undefined;
 }) => {
-    type: "location";
-    latitude: number;
-    longitude: number;
-    title: string;
+    payload: {
+        type: "location";
+        latitude: number;
+        longitude: number;
+        title: string;
+    };
+};
+export declare const quickReplyAdapter: ({ text, payload }: {
+    type: "quick_reply";
+    text: string;
+    payload?: string | undefined;
+}) => {
+    payload: {
+        type: "text";
+        text: string;
+    };
 };
 export declare const textAdapter: ({ type, text }: {
     type: "text";
@@ -133,10 +161,12 @@ export declare const textAdapter: ({ type, text }: {
     className?: string | undefined;
     avatarUrl?: string | undefined;
     markdown?: boolean | undefined;
-}) => WithBubble<{
-    type: "text";
-    text: string;
-}>;
+}) => {
+    payload: WithBubble<{
+        type: "text";
+        text: string;
+    }>;
+};
 export declare const videoAdapter: ({ type, video }: {
     type: "video";
     video: string;
@@ -144,8 +174,10 @@ export declare const videoAdapter: ({ type, video }: {
     avatarUrl?: string | undefined;
     title?: string | undefined;
 }) => {
-    type: "video";
-    url: string;
+    payload: {
+        type: "video";
+        url: string;
+    };
 };
-export declare const messageAdapter: (message: adapters.messaging.Message) => target.Message;
+export declare const messageAdapter: (message: adapters.messaging.Message) => target.AdapterOutput;
 export {};

package/dist/adapters/target.d.ts

@@ -75,3 +75,8 @@ export type RowOf<T extends Message> = Omit<RowMessage, 'blocks'> & {
     blocks: T[];
 };
 export type Messages = adapters.MessagesOf<Message>;
+export type AdapterOutput = {
+    payload: Message;
+    disableInput?: boolean;
+};
+export type AdaptersOutput = Record<keyof Messages, AdapterOutput>;

package/dist/adapters/webchat-to-target.d.ts

@@ -1,13 +1,15 @@
 import * as adapters from 'webchat-adapters';
 import * as target from './target';
-export type WebchatToTargetAdapters = adapters.Adapter<adapters.webchat.Messages, target.Messages>;
+export type WebchatToTargetAdapters = adapters.Adapter<adapters.webchat.Messages, target.AdaptersOutput>;
 export declare const audioAdapter: (webchatMessage: {
     type: "audio";
     audioUrl: string;
     className?: string | undefined;
 }) => {
-    type: "audio";
-    url: string;
+    payload: {
+        type: "audio";
+        url: string;
+    };
 };
 export declare const cardAdapter: (webchatMessage: {
     title: string;
@@ -20,8 +22,10 @@ export declare const cardAdapter: (webchatMessage: {
     className?: string | undefined;
     subtitle?: string | undefined;
     imageUrl?: string | undefined;
-}) => Omit<target.BubbleMessage, "block"> & {
-    block: target.ColumnMessage;
+}) => {
+    payload: Omit<target.BubbleMessage, "block"> & {
+        block: target.ColumnMessage;
+    };
 };
 export declare const carouselAdapter: (webchatMessage: {
     type: "carousel";
@@ -38,8 +42,10 @@ export declare const carouselAdapter: (webchatMessage: {
     }[];
     className?: string | undefined;
 }) => {
-    type: "carousel";
-    blocks: target.ColumnMessage[];
+    payload: {
+        type: "carousel";
+        blocks: target.ColumnMessage[];
+    };
 };
 export declare const choiceAdapter: (webchatMessage: {
     options: {
@@ -50,7 +56,10 @@ export declare const choiceAdapter: (webchatMessage: {
     text: string;
     disableFreeText?: boolean | undefined;
     className?: string | undefined;
-}) => target.Message;
+}) => {
+    disableInput: boolean | undefined;
+    payload: target.Message;
+};
 export declare const dropdownAdapter: (webchatMessage: {
     options: {
         value: string;
@@ -59,8 +68,11 @@ export declare const dropdownAdapter: (webchatMessage: {
     type: "dropdown";
     text: string;
     className?: string | undefined;
-}) => Omit<target.BubbleMessage, "block"> & {
-    block: target.ColumnMessage;
+}) => {
+    disableInput: true;
+    payload: Omit<target.BubbleMessage, "block"> & {
+        block: target.ColumnMessage;
+    };
 };
 export declare const fileAdapter: (webchatMessage: {
     type: "file";
@@ -68,19 +80,23 @@ export declare const fileAdapter: (webchatMessage: {
     title?: string | undefined;
     className?: string | undefined;
 }) => {
-    type: "file";
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-    title?: string | undefined;
-    url: string;
+    payload: {
+        type: "file";
+        className?: string | undefined;
+        avatarUrl?: string | undefined;
+        title?: string | undefined;
+        url: string;
+    };
 };
 export declare const imageAdapter: (webchatMessage: {
     type: "image";
     imageUrl: string;
     className?: string | undefined;
 }) => {
-    type: "image";
-    url: string;
+    payload: {
+        type: "image";
+        url: string;
+    };
 };
 export declare const locationAdapter: (webchatMessage: {
     type: "location";
@@ -90,29 +106,35 @@ export declare const locationAdapter: (webchatMessage: {
     address?: string | undefined;
     className?: string | undefined;
 }) => {
-    type: "location";
-    latitude: number;
-    longitude: number;
-    title: string;
+    payload: {
+        type: "location";
+        latitude: number;
+        longitude: number;
+        title: string;
+    };
 };
 export declare const markdownAdapter: (webchatMessage: {
     type: "markdown";
     markdown: string;
     className?: string | undefined;
-}) => Omit<target.BubbleMessage, "block"> & {
-    block: {
-        type: "text";
-        text: string;
+}) => {
+    payload: Omit<target.BubbleMessage, "block"> & {
+        block: {
+            type: "text";
+            text: string;
+        };
     };
 };
 export declare const textAdapter: (webchatMessage: {
     type: "text";
     text: string;
     className?: string | undefined;
-}) => Omit<target.BubbleMessage, "block"> & {
-    block: {
-        type: "text";
-        text: string;
+}) => {
+    payload: Omit<target.BubbleMessage, "block"> & {
+        block: {
+            type: "text";
+            text: string;
+        };
     };
 };
 export declare const videoAdapter: (webchatMessage: {
@@ -120,7 +142,9 @@ export declare const videoAdapter: (webchatMessage: {
     videoUrl: string;
     className?: string | undefined;
 }) => {
-    type: "video";
-    url: string;
+    payload: {
+        type: "video";
+        url: string;
+    };
 };
-export declare const messageAdapter: (message: adapters.webchat.Message) => target.Message;
+export declare const messageAdapter: (message: adapters.webchat.Message) => target.AdapterOutput;

package/dist/client/MessagingClient/client.d.ts

@@ -22,6 +22,7 @@ export declare class MessagingClient implements WebchatClient {
     newConversation(): Promise<void>;
     listMessages(limit?: number): Promise<{
         payload: import("../../adapters/target").Message;
+        disableInput: boolean | undefined;
         id: string;
         conversationId: string;
         authorId: string | undefined;

package/dist/client/types.d.ts

@@ -10,6 +10,7 @@ export type Message = {
     conversationId: string;
     authorId: string | undefined;
     sentOn: Date;
+    disableInput?: boolean;
     payload: BlockObject;
 };
 export type Events = {

package/dist/components/Block.d.ts

@@ -1,5 +1,7 @@
-/// <reference types="react" />
-import { BlockMap, BlockTypes, CommonBlockProps } from '../types';
-export declare const Block: <T extends BlockTypes>({ block, styles, ...props }: {
-    block: BlockMap[T];
-} & CommonBlockProps) => JSX.Element;
+import { JSX } from 'react';
+import { BlockObjects, BlockType, CommonBlockProps } from '../types';
+type BlockProps<T extends BlockType> = CommonBlockProps & {
+    block: BlockObjects[T];
+};
+export declare const Block: <T extends "text" | "image" | "button" | "audio" | "video" | "file" | "location" | "column" | "row" | "bubble" | "carousel" | "dropdown">({ block, styles, ...props }: BlockProps<T>) => JSX.Element;
+export {};

package/dist/contexts/WebchatContext.d.ts

@@ -1,17 +1,13 @@
-import { CSSProperties, FC, ReactNode } from 'react';
-import { Theme, Configuration, BlockObject, BlockStyles, MessageObject } from '../types';
+import { CSSProperties, FC, ReactNode, RefObject } from 'react';
+import { Theme, Configuration, BlockObjects, MessageObject, CommonBlockProps, BlockType } from '../types';
 import { EventEmitter, Events } from '../utils';
 import { WebchatClient } from '../client';
 export type StyleOptions = {
     className?: string;
     style?: CSSProperties;
 };
-export type Renderers<P extends BlockObject = BlockObject> = {
-    [T in P['type']]: FC<Extract<P, {
-        type: T;
-    }> & {
-        styles: BlockStyles;
-    }>;
+export type Renderers = {
+    [T in BlockType]: FC<CommonBlockProps & BlockObjects[T]>;
 };
 export type ModalProps = {
     title: string | null;
@@ -19,6 +15,7 @@ export type ModalProps = {
 };
 export type ContextVaue = {
     theme: Theme;
+    messageContainerRef: RefObject<HTMLUListElement>;
     renderers: Renderers;
     messages: MessageObject[];
     setMessages: React.Dispatch<React.SetStateAction<MessageObject[]>>;

package/dist/gen/client/api.d.ts

@@ -129,11 +129,11 @@ export interface CreateEventBodyPayloadOneOf {
     'type': CreateEventBodyPayloadOneOfTypeEnum;
     /**
      *
-     * @type {{ [key: string]: any | null; }}
+     * @type {{ [key: string]: any; }}
      * @memberof CreateEventBodyPayloadOneOf
      */
     'data': {
-        [key: string]: any | null;
+        [key: string]: any;
     };
 }
 export declare const CreateEventBodyPayloadOneOfTypeEnum: {
@@ -154,10 +154,12 @@ export interface CreateEventBodyPayloadOneOf1 {
     'type': CreateEventBodyPayloadOneOf1TypeEnum;
     /**
      *
-     * @type {object}
+     * @type {{ [key: string]: any; }}
      * @memberof CreateEventBodyPayloadOneOf1
      */
-    'data': object;
+    'data': {
+        [key: string]: any;
+    };
 }
 export declare const CreateEventBodyPayloadOneOf1TypeEnum: {
     readonly ConversationStarted: "conversation_started";
@@ -700,11 +702,11 @@ export interface CreateUserBody {
     'pictureUrl'?: string;
     /**
      * User data
-     * @type {{ [key: string]: any | null; }}
+     * @type {{ [key: string]: any; }}
      * @memberof CreateUserBody
      */
     'userData'?: {
-        [key: string]: any | null;
+        [key: string]: any;
     };
 }
 /**
@@ -861,10 +863,10 @@ export interface ListConversationMessagesResponse {
 export interface ListConversationsResponse {
     /**
      *
-     * @type {Array<Conversation>}
+     * @type {Array<ListConversationsResponseConversationsInner>}
      * @memberof ListConversationsResponse
      */
-    'conversations': Array<Conversation>;
+    'conversations': Array<ListConversationsResponseConversationsInner>;
     /**
      *
      * @type {ListParticipantsResponseMeta}
@@ -872,6 +874,31 @@ export interface ListConversationsResponse {
      */
     'meta': ListParticipantsResponseMeta;
 }
+/**
+ *
+ * @export
+ * @interface ListConversationsResponseConversationsInner
+ */
+export interface ListConversationsResponseConversationsInner {
+    /**
+     * Id of the [Conversation](#schema_conversation)
+     * @type {string}
+     * @memberof ListConversationsResponseConversationsInner
+     */
+    'id': string;
+    /**
+     * Creation date of the [Conversation](#schema_conversation) in ISO 8601 format
+     * @type {string}
+     * @memberof ListConversationsResponseConversationsInner
+     */
+    'createdAt': string;
+    /**
+     * Updating date of the [Conversation](#schema_conversation) in ISO 8601 format
+     * @type {string}
+     * @memberof ListConversationsResponseConversationsInner
+     */
+    'updatedAt': string;
+}
 /**
  *
  * @export
@@ -961,11 +988,11 @@ export interface UpdateUserBody {
     'pictureUrl'?: string;
     /**
      * User data
-     * @type {{ [key: string]: any | null; }}
+     * @type {{ [key: string]: any; }}
      * @memberof UpdateUserBody
      */
     'userData'?: {
-        [key: string]: any | null;
+        [key: string]: any;
     };
 }
 /**

package/dist/gen/signals/{customSignal.t.d.ts → custom.t.d.ts}

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-export interface CustomSignal {
+export interface Custom {
     type: "custom";
     data: {
         event: {

package/dist/gen/signals/index.d.ts

@@ -1,9 +1,9 @@
-import type { MessageCreatedSignal } from './messageCreatedSignal.t';
-import type { WebchatVisibilitySignal } from './webchatVisibilitySignal.t';
-import type { WebchatConfigSignal } from './webchatConfigSignal.t';
-import type { CustomSignal } from './customSignal.t';
+import type { MessageCreated } from './messageCreated.t';
+import type { WebchatVisibility } from './webchatVisibility.t';
+import type { WebchatConfig } from './webchatConfig.t';
+import type { Custom } from './custom.t';
 export declare const zod: {
-    messageCreatedSignal: import("zod").ZodObject<{
+    messageCreated: import("zod").ZodObject<{
         type: import("zod").ZodLiteral<"message_created">;
         data: import("zod").ZodObject<{
             id: import("zod").ZodString;
@@ -609,7 +609,7 @@ export declare const zod: {
             createdAt: string;
         };
     }>;
-    webchatVisibilitySignal: import("zod").ZodObject<{
+    webchatVisibility: import("zod").ZodObject<{
         type: import("zod").ZodLiteral<"webchat_visibility">;
         data: import("zod").ZodObject<{
             visibility: import("zod").ZodEnum<["show", "hide", "toggle"]>;
@@ -629,7 +629,7 @@ export declare const zod: {
             visibility: "show" | "hide" | "toggle";
         };
     }>;
-    webchatConfigSignal: import("zod").ZodObject<{
+    webchatConfig: import("zod").ZodObject<{
         type: import("zod").ZodLiteral<"webchat_config">;
         data: import("zod").ZodObject<{
             config: import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodAny>;
@@ -649,7 +649,7 @@ export declare const zod: {
             config: Record<string, any>;
         };
     }>;
-    customSignal: import("zod").ZodObject<{
+    custom: import("zod").ZodObject<{
         type: import("zod").ZodLiteral<"custom">;
         data: import("zod").ZodObject<{
             event: import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodAny>;
@@ -671,7 +671,7 @@ export declare const zod: {
     }>;
 };
 export declare const json: {
-    messageCreatedSignal: {
+    messageCreated: {
         type: string;
         properties: {
             type: {
@@ -1171,7 +1171,7 @@ export declare const json: {
         additionalProperties: boolean;
         $schema: string;
     };
-    webchatVisibilitySignal: {
+    webchatVisibility: {
         type: string;
         properties: {
             type: {
@@ -1194,7 +1194,7 @@ export declare const json: {
         additionalProperties: boolean;
         $schema: string;
     };
-    webchatConfigSignal: {
+    webchatConfig: {
         type: string;
         properties: {
             type: {
@@ -1217,7 +1217,7 @@ export declare const json: {
         additionalProperties: boolean;
         $schema: string;
     };
-    customSignal: {
+    custom: {
         type: string;
         properties: {
             type: {
@@ -1242,8 +1242,8 @@ export declare const json: {
     };
 };
 export type Types = {
-    messageCreatedSignal: MessageCreatedSignal;
-    webchatVisibilitySignal: WebchatVisibilitySignal;
-    webchatConfigSignal: WebchatConfigSignal;
-    customSignal: CustomSignal;
+    messageCreated: MessageCreated;
+    webchatVisibility: WebchatVisibility;
+    webchatConfig: WebchatConfig;
+    custom: Custom;
 };

package/dist/gen/signals/{messageCreatedSignal.t.d.ts → messageCreated.t.d.ts}

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-export interface MessageCreatedSignal {
+export interface MessageCreated {
     type: "message_created";
     data: {
         id: string;

package/dist/gen/signals/{webchatConfigSignal.t.d.ts → webchatConfig.t.d.ts}

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-export interface WebchatConfigSignal {
+export interface WebchatConfig {
     type: "webchat_config";
     data: {
         config: {

package/dist/gen/signals/{webchatVisibilitySignal.t.d.ts → webchatVisibility.t.d.ts}

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-export interface WebchatVisibilitySignal {
+export interface WebchatVisibility {
     type: "webchat_visibility";
     data: {
         visibility: "show" | "hide" | "toggle";