@botpress/webchat 1.2.0 → 1.3.0

package/dist/gen/signals/messageCreatedSignal.z.d.ts

@@ -6,13 +6,16 @@ declare const _default: z.ZodObject<{
         createdAt: z.ZodString;
         payload: z.ZodUnion<[z.ZodObject<{
             audioUrl: z.ZodString;
+            className: z.ZodOptional<z.ZodString>;
             type: z.ZodLiteral<"audio">;
         }, "strip", z.ZodTypeAny, {
             type: "audio";
             audioUrl: string;
+            className?: string | undefined;
         }, {
             type: "audio";
             audioUrl: string;
+            className?: string | undefined;
         }>, z.ZodObject<{
             title: z.ZodString;
             subtitle: z.ZodOptional<z.ZodString>;
@@ -31,9 +34,10 @@ declare const _default: z.ZodObject<{
                 label: string;
             }>, "many">;
             type: z.ZodLiteral<"card">;
+            className: z.ZodOptional<z.ZodString>;
         }, "strip", z.ZodTypeAny, {
-            type: "card";
             title: string;
+            type: "card";
             actions: {
                 value: string;
                 action: "url" | "postback" | "say";
@@ -41,9 +45,10 @@ declare const _default: z.ZodObject<{
             }[];
             subtitle?: string | undefined;
             imageUrl?: string | undefined;
+            className?: string | undefined;
         }, {
-            type: "card";
             title: string;
+            type: "card";
             actions: {
                 value: string;
                 action: "url" | "postback" | "say";
@@ -51,6 +56,7 @@ declare const _default: z.ZodObject<{
             }[];
             subtitle?: string | undefined;
             imageUrl?: string | undefined;
+            className?: string | undefined;
         }>, z.ZodObject<{
             items: z.ZodArray<z.ZodObject<{
                 title: z.ZodString;
@@ -69,6 +75,7 @@ declare const _default: z.ZodObject<{
                     action: "url" | "postback" | "say";
                     label: string;
                 }>, "many">;
+                className: z.ZodOptional<z.ZodString>;
             }, "strip", z.ZodTypeAny, {
                 title: string;
                 actions: {
@@ -78,6 +85,7 @@ declare const _default: z.ZodObject<{
                 }[];
                 subtitle?: string | undefined;
                 imageUrl?: string | undefined;
+                className?: string | undefined;
             }, {
                 title: string;
                 actions: {
@@ -87,7 +95,9 @@ declare const _default: z.ZodObject<{
                 }[];
                 subtitle?: string | undefined;
                 imageUrl?: string | undefined;
+                className?: string | undefined;
             }>, "many">;
+            className: z.ZodOptional<z.ZodString>;
             type: z.ZodLiteral<"carousel">;
         }, "strip", z.ZodTypeAny, {
             type: "carousel";
@@ -100,7 +110,9 @@ declare const _default: z.ZodObject<{
                 }[];
                 subtitle?: string | undefined;
                 imageUrl?: string | undefined;
+                className?: string | undefined;
             }[];
+            className?: string | undefined;
         }, {
             type: "carousel";
             items: {
@@ -112,7 +124,9 @@ declare const _default: z.ZodObject<{
                 }[];
                 subtitle?: string | undefined;
                 imageUrl?: string | undefined;
+                className?: string | undefined;
             }[];
+            className?: string | undefined;
         }>, z.ZodObject<{
             text: z.ZodString;
             options: z.ZodArray<z.ZodObject<{
@@ -125,21 +139,27 @@ declare const _default: z.ZodObject<{
                 value: string;
                 label: string;
             }>, "many">;
+            className: z.ZodOptional<z.ZodString>;
             type: z.ZodLiteral<"choice">;
+            disableFreeText: z.ZodOptional<z.ZodBoolean>;
         }, "strip", z.ZodTypeAny, {
-            type: "choice";
             options: {
                 value: string;
                 label: string;
             }[];
+            type: "choice";
             text: string;
+            className?: string | undefined;
+            disableFreeText?: boolean | undefined;
         }, {
-            type: "choice";
             options: {
                 value: string;
                 label: string;
             }[];
+            type: "choice";
             text: string;
+            className?: string | undefined;
+            disableFreeText?: boolean | undefined;
         }>, z.ZodObject<{
             text: z.ZodString;
             options: z.ZodArray<z.ZodObject<{
@@ -152,47 +172,57 @@ declare const _default: z.ZodObject<{
                 value: string;
                 label: string;
             }>, "many">;
+            className: z.ZodOptional<z.ZodString>;
             type: z.ZodLiteral<"dropdown">;
         }, "strip", z.ZodTypeAny, {
-            type: "dropdown";
             options: {
                 value: string;
                 label: string;
             }[];
+            type: "dropdown";
             text: string;
+            className?: string | undefined;
         }, {
-            type: "dropdown";
             options: {
                 value: string;
                 label: string;
             }[];
+            type: "dropdown";
             text: string;
+            className?: string | undefined;
         }>, z.ZodObject<{
             fileUrl: z.ZodString;
             title: z.ZodOptional<z.ZodString>;
+            className: z.ZodOptional<z.ZodString>;
             type: z.ZodLiteral<"file">;
         }, "strip", z.ZodTypeAny, {
             type: "file";
             fileUrl: string;
             title?: string | undefined;
+            className?: string | undefined;
         }, {
             type: "file";
             fileUrl: string;
             title?: string | undefined;
+            className?: string | undefined;
         }>, z.ZodObject<{
             imageUrl: z.ZodString;
+            className: z.ZodOptional<z.ZodString>;
             type: z.ZodLiteral<"image">;
         }, "strip", z.ZodTypeAny, {
             type: "image";
             imageUrl: string;
+            className?: string | undefined;
         }, {
             type: "image";
             imageUrl: string;
+            className?: string | undefined;
         }>, z.ZodObject<{
             latitude: z.ZodNumber;
             longitude: z.ZodNumber;
             address: z.ZodOptional<z.ZodString>;
             title: z.ZodOptional<z.ZodString>;
+            className: z.ZodOptional<z.ZodString>;
             type: z.ZodLiteral<"location">;
         }, "strip", z.ZodTypeAny, {
             type: "location";
@@ -200,39 +230,50 @@ declare const _default: z.ZodObject<{
             longitude: number;
             address?: string | undefined;
             title?: string | undefined;
+            className?: string | undefined;
         }, {
             type: "location";
             latitude: number;
             longitude: number;
             address?: string | undefined;
             title?: string | undefined;
+            className?: string | undefined;
         }>, z.ZodObject<{
             markdown: z.ZodString;
+            className: z.ZodOptional<z.ZodString>;
             type: z.ZodLiteral<"markdown">;
         }, "strip", z.ZodTypeAny, {
             type: "markdown";
             markdown: string;
+            className?: string | undefined;
         }, {
             type: "markdown";
             markdown: string;
+            className?: string | undefined;
         }>, z.ZodObject<{
             text: z.ZodString;
+            className: z.ZodOptional<z.ZodString>;
             type: z.ZodLiteral<"text">;
         }, "strip", z.ZodTypeAny, {
             type: "text";
             text: string;
+            className?: string | undefined;
         }, {
             type: "text";
             text: string;
+            className?: string | undefined;
         }>, z.ZodObject<{
             videoUrl: z.ZodString;
+            className: z.ZodOptional<z.ZodString>;
             type: z.ZodLiteral<"video">;
         }, "strip", z.ZodTypeAny, {
             type: "video";
             videoUrl: string;
+            className?: string | undefined;
         }, {
             type: "video";
             videoUrl: string;
+            className?: string | undefined;
         }>]>;
         userId: z.ZodString;
         conversationId: z.ZodString;
@@ -240,9 +281,10 @@ declare const _default: z.ZodObject<{
         payload: {
             type: "audio";
             audioUrl: string;
+            className?: string | undefined;
         } | {
-            type: "card";
             title: string;
+            type: "card";
             actions: {
                 value: string;
                 action: "url" | "postback" | "say";
@@ -250,6 +292,7 @@ declare const _default: z.ZodObject<{
             }[];
             subtitle?: string | undefined;
             imageUrl?: string | undefined;
+            className?: string | undefined;
         } | {
             type: "carousel";
             items: {
@@ -261,43 +304,54 @@ declare const _default: z.ZodObject<{
                 }[];
                 subtitle?: string | undefined;
                 imageUrl?: string | undefined;
+                className?: string | undefined;
             }[];
+            className?: string | undefined;
         } | {
-            type: "choice";
             options: {
                 value: string;
                 label: string;
             }[];
+            type: "choice";
             text: string;
+            className?: string | undefined;
+            disableFreeText?: boolean | undefined;
         } | {
-            type: "dropdown";
             options: {
                 value: string;
                 label: string;
             }[];
+            type: "dropdown";
             text: string;
+            className?: string | undefined;
         } | {
             type: "file";
             fileUrl: string;
             title?: string | undefined;
+            className?: string | undefined;
         } | {
             type: "image";
             imageUrl: string;
+            className?: string | undefined;
         } | {
             type: "location";
             latitude: number;
             longitude: number;
             address?: string | undefined;
             title?: string | undefined;
+            className?: string | undefined;
         } | {
             type: "markdown";
             markdown: string;
+            className?: string | undefined;
         } | {
             type: "text";
             text: string;
+            className?: string | undefined;
         } | {
             type: "video";
             videoUrl: string;
+            className?: string | undefined;
         };
         id: string;
         userId: string;
@@ -307,9 +361,10 @@ declare const _default: z.ZodObject<{
         payload: {
             type: "audio";
             audioUrl: string;
+            className?: string | undefined;
         } | {
-            type: "card";
             title: string;
+            type: "card";
             actions: {
                 value: string;
                 action: "url" | "postback" | "say";
@@ -317,6 +372,7 @@ declare const _default: z.ZodObject<{
             }[];
             subtitle?: string | undefined;
             imageUrl?: string | undefined;
+            className?: string | undefined;
         } | {
             type: "carousel";
             items: {
@@ -328,43 +384,54 @@ declare const _default: z.ZodObject<{
                 }[];
                 subtitle?: string | undefined;
                 imageUrl?: string | undefined;
+                className?: string | undefined;
             }[];
+            className?: string | undefined;
         } | {
-            type: "choice";
             options: {
                 value: string;
                 label: string;
             }[];
+            type: "choice";
             text: string;
+            className?: string | undefined;
+            disableFreeText?: boolean | undefined;
         } | {
-            type: "dropdown";
             options: {
                 value: string;
                 label: string;
             }[];
+            type: "dropdown";
             text: string;
+            className?: string | undefined;
         } | {
             type: "file";
             fileUrl: string;
             title?: string | undefined;
+            className?: string | undefined;
         } | {
             type: "image";
             imageUrl: string;
+            className?: string | undefined;
         } | {
             type: "location";
             latitude: number;
             longitude: number;
             address?: string | undefined;
             title?: string | undefined;
+            className?: string | undefined;
         } | {
             type: "markdown";
             markdown: string;
+            className?: string | undefined;
         } | {
             type: "text";
             text: string;
+            className?: string | undefined;
         } | {
             type: "video";
             videoUrl: string;
+            className?: string | undefined;
         };
         id: string;
         userId: string;
@@ -377,9 +444,10 @@ declare const _default: z.ZodObject<{
         payload: {
             type: "audio";
             audioUrl: string;
+            className?: string | undefined;
         } | {
-            type: "card";
             title: string;
+            type: "card";
             actions: {
                 value: string;
                 action: "url" | "postback" | "say";
@@ -387,6 +455,7 @@ declare const _default: z.ZodObject<{
             }[];
             subtitle?: string | undefined;
             imageUrl?: string | undefined;
+            className?: string | undefined;
         } | {
             type: "carousel";
             items: {
@@ -398,43 +467,54 @@ declare const _default: z.ZodObject<{
                 }[];
                 subtitle?: string | undefined;
                 imageUrl?: string | undefined;
+                className?: string | undefined;
             }[];
+            className?: string | undefined;
         } | {
-            type: "choice";
             options: {
                 value: string;
                 label: string;
             }[];
+            type: "choice";
             text: string;
+            className?: string | undefined;
+            disableFreeText?: boolean | undefined;
         } | {
-            type: "dropdown";
             options: {
                 value: string;
                 label: string;
             }[];
+            type: "dropdown";
             text: string;
+            className?: string | undefined;
         } | {
             type: "file";
             fileUrl: string;
             title?: string | undefined;
+            className?: string | undefined;
         } | {
             type: "image";
             imageUrl: string;
+            className?: string | undefined;
         } | {
             type: "location";
             latitude: number;
             longitude: number;
             address?: string | undefined;
             title?: string | undefined;
+            className?: string | undefined;
         } | {
             type: "markdown";
             markdown: string;
+            className?: string | undefined;
         } | {
             type: "text";
             text: string;
+            className?: string | undefined;
         } | {
             type: "video";
             videoUrl: string;
+            className?: string | undefined;
         };
         id: string;
         userId: string;
@@ -447,9 +527,10 @@ declare const _default: z.ZodObject<{
         payload: {
             type: "audio";
             audioUrl: string;
+            className?: string | undefined;
         } | {
-            type: "card";
             title: string;
+            type: "card";
             actions: {
                 value: string;
                 action: "url" | "postback" | "say";
@@ -457,6 +538,7 @@ declare const _default: z.ZodObject<{
             }[];
             subtitle?: string | undefined;
             imageUrl?: string | undefined;
+            className?: string | undefined;
         } | {
             type: "carousel";
             items: {
@@ -468,43 +550,54 @@ declare const _default: z.ZodObject<{
                 }[];
                 subtitle?: string | undefined;
                 imageUrl?: string | undefined;
+                className?: string | undefined;
             }[];
+            className?: string | undefined;
         } | {
-            type: "choice";
             options: {
                 value: string;
                 label: string;
             }[];
+            type: "choice";
             text: string;
+            className?: string | undefined;
+            disableFreeText?: boolean | undefined;
         } | {
-            type: "dropdown";
             options: {
                 value: string;
                 label: string;
             }[];
+            type: "dropdown";
             text: string;
+            className?: string | undefined;
         } | {
             type: "file";
             fileUrl: string;
             title?: string | undefined;
+            className?: string | undefined;
         } | {
             type: "image";
             imageUrl: string;
+            className?: string | undefined;
         } | {
             type: "location";
             latitude: number;
             longitude: number;
             address?: string | undefined;
             title?: string | undefined;
+            className?: string | undefined;
         } | {
             type: "markdown";
             markdown: string;
+            className?: string | undefined;
         } | {
             type: "text";
             text: string;
+            className?: string | undefined;
         } | {
             type: "video";
             videoUrl: string;
+            className?: string | undefined;
         };
         id: string;
         userId: string;

package/dist/get-client.d.ts

@@ -0,0 +1,8 @@
+import { WebchatClient } from './client';
+type GetClientOptions = {
+    mode: 'messaging' | 'pushpin';
+    clientId: string;
+    apiUrl: string;
+};
+export declare const getClient: ({ clientId, apiUrl, mode }: GetClientOptions) => WebchatClient;
+export {};

package/dist/hooks/useClient.d.ts

@@ -1,8 +1,8 @@
-import { MessagingClient, WebchatClient } from '../client';
+import { WebchatClient } from '../client';
 type UseClientOptions = {
     mode: 'messaging' | 'pushpin';
     clientId: string;
     apiUrl: string;
 };
-export declare const useClient: ({ clientId, apiUrl, mode }: UseClientOptions) => WebchatClient | MessagingClient | undefined;
+export declare const useClient: ({ clientId, apiUrl, mode }: UseClientOptions) => WebchatClient | undefined;
 export {};

package/dist/hooks/useWebchatStore.d.ts

@@ -5,12 +5,15 @@ type WebchatState = {
     };
     user?: UserCredentials;
     conversationId?: string;
+    clientMode: string;
     addMessageToHistory: (props: {
         userId: string;
         message: string;
     }) => void;
+    setClientMode: (clientMode: string) => void;
     setUser: (userId?: UserCredentials) => void;
     setConversationId: (conversationId?: string) => void;
+    clearAll: () => void;
 };
 export declare const useWebchatStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<WebchatState>, "setState"> & {
     setState<A extends string | {

package/dist/index.d.ts

@@ -1,9 +1,8 @@
 export * from './components';
 export * from './providers';
 export * from './types';
-export * from './themes';
-export { MessagingClient, PushpinClient, type WebchatClient as WebChatClient } from './client';
+export * from './schemas';
+export { type WebchatClient } from './client';
+export { getClient } from './get-client';
 export { useWebchatContext } from './contexts';
-export { mergeThemes } from './utils';
 export { useClient } from './hooks';
-export type { Theme } from './schemas';