@botpress/webchat 2.1.13 → 2.1.15

package/dist/schemas/init.d.ts

@@ -2,10 +2,16 @@
 import { z } from 'zod';
 export declare const statePropsSchema: z.ZodEnum<["opened", "closed", "initial"]>;
 export declare const userPropsSchema: z.ZodObject<{
+    name: z.ZodOptional<z.ZodString>;
+    pictureUrl: z.ZodOptional<z.ZodString>;
     data: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
 }, "strip", z.ZodTypeAny, {
+    name?: string | undefined;
+    pictureUrl?: string | undefined;
     data?: Record<string, unknown> | undefined;
 }, {
+    name?: string | undefined;
+    pictureUrl?: string | undefined;
     data?: Record<string, unknown> | undefined;
 }>;
 export declare const clientModePropsSchema: z.ZodEnum<["messaging", "pushpin"]>;
@@ -3728,10 +3734,16 @@ export declare const configPropsSchema: z.ZodObject<{
     }>>>;
     style: z.ZodCatch<z.ZodOptional<z.ZodString>>;
     user: z.ZodCatch<z.ZodOptional<z.ZodObject<{
+        name: z.ZodOptional<z.ZodString>;
+        pictureUrl: z.ZodOptional<z.ZodString>;
         data: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
     }, "strip", z.ZodTypeAny, {
+        name?: string | undefined;
+        pictureUrl?: string | undefined;
         data?: Record<string, unknown> | undefined;
     }, {
+        name?: string | undefined;
+        pictureUrl?: string | undefined;
         data?: Record<string, unknown> | undefined;
     }>>>;
 }, "strip", z.ZodTypeAny, {
@@ -4185,6 +4197,8 @@ export declare const configPropsSchema: z.ZodObject<{
     } | undefined;
     style?: string | undefined;
     user?: {
+        name?: string | undefined;
+        pictureUrl?: string | undefined;
         data?: Record<string, unknown> | undefined;
     } | undefined;
 }, {
@@ -7912,10 +7926,16 @@ export declare const initPropsSchema: z.ZodObject<{
         } | undefined;
     }>>>;
     user: z.ZodCatch<z.ZodOptional<z.ZodObject<{
+        name: z.ZodOptional<z.ZodString>;
+        pictureUrl: z.ZodOptional<z.ZodString>;
         data: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
     }, "strip", z.ZodTypeAny, {
+        name?: string | undefined;
+        pictureUrl?: string | undefined;
         data?: Record<string, unknown> | undefined;
     }, {
+        name?: string | undefined;
+        pictureUrl?: string | undefined;
         data?: Record<string, unknown> | undefined;
     }>>>;
     clientId: z.ZodString;
@@ -8380,6 +8400,8 @@ export declare const initPropsSchema: z.ZodObject<{
         } | undefined;
     } | undefined;
     user?: {
+        name?: string | undefined;
+        pictureUrl?: string | undefined;
         data?: Record<string, unknown> | undefined;
     } | undefined;
     selector?: string | undefined;

package/dist/stores/webchatStore.d.ts

@@ -16,6 +16,8 @@ export type WebchatProps = {
     lastTypingHeartbeat: Date | null;
     allowFileUpload: boolean;
     userData: Record<string, unknown>;
+    userName?: string;
+    userPictureUrl?: string;
     messageContainerRef: RefObject<HTMLDivElement>;
     closeWindow?: () => void;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botpress/webchat",
-  "version": "2.1.13",
+  "version": "2.1.15",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.umd.cjs",

package/readme.md

@@ -0,0 +1,56 @@
+# Webchat
+
+## Installation
+
+```bash
+npm install @botpress/webchat # for npm
+yarn add @botpress/webchat # for yarn
+pnpm add @botpress/webchat # for pnpm
+```
+
+## Usage
+
+```tsx
+import { useEffect, useState } from 'react'
+import { getClient, Webchat, WebchatProvider, WebchatClient, Configuration } from '@botpress/webchat'
+
+// also known as the webhookId; You can copy it from the Botpress Dashboard
+const clientId = '$CLIENT_ID'
+
+const userData = { foo: 'bar' }
+const configuration: Configuration = {
+  botAvatar: 'https://upload.wikimedia.org/wikipedia/commons/9/91/T-bone-raw-MCB.jpg',
+  botDescription: 'Hello, world!',
+  botName: 'Hello Bot',
+}
+
+function App() {
+  const [client, setClient] = useState<WebchatClient | null>(null)
+
+  useEffect(() => {
+    const client = getClient({ clientId })
+    setClient(client)
+
+    // You can listen on events sent by the Webchat backend like this:
+    client.on('*', (ev) => {
+      console.log('Event:', ev)
+
+      // You can also call the Webchat backend API like this:
+      client.getUser().then((user) => {
+        console.log('User:', user)
+      })
+    })
+  }, [])
+
+  if (!client) {
+    return <div>Loading...</div>
+  }
+  return (
+    <WebchatProvider theme={{}} client={client} configuration={configuration} userData={userData}>
+      <Webchat />
+    </WebchatProvider>
+  )
+}
+
+export default App
+```