@botpress/webchat 1.0.28 → 1.0.29

package/dist/providers/WebchatProvider.d.ts

@@ -1,12 +1,13 @@
 import { ComponentProps, ReactNode } from 'react';
 import { type WebChatClient } from '../client';
-import { Configuration, ContextVaue, Renderers, WebchatContext } from '../contexts';
+import { ContextVaue, Renderers, WebchatContext } from '../contexts';
 import { Theme } from '../schemas';
+import { Configuration } from '../types';
 type Props = {
     theme?: Theme;
     renderers?: Renderers;
     client?: WebChatClient;
-    configuration: Configuration;
+    configuration?: Configuration;
     defaultState?: Partial<ContextVaue['state']>;
     children?: ReactNode | ((configuration: Configuration) => ReactNode);
 } & Omit<ComponentProps<typeof WebchatContext.Provider>, 'value' | 'children'>;

package/dist/schemas/theme.d.ts

@@ -1833,6 +1833,46 @@ export declare const ThemeSchema: z.ZodObject<{
             } | undefined;
         } | undefined;
     }>>;
+    fab: z.ZodOptional<z.ZodObject<{
+        icon: z.ZodOptional<z.ZodObject<{
+            className: z.ZodEffects<z.ZodOptional<z.ZodString>, string | undefined, string | undefined>;
+            style: z.ZodEffects<z.ZodOptional<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>, CSSProperties | undefined, z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined>;
+        }, "strip", z.ZodTypeAny, {
+            className?: string | undefined;
+            style?: CSSProperties | undefined;
+        }, {
+            className?: string | undefined;
+            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+        }>>;
+        container: z.ZodOptional<z.ZodObject<{
+            className: z.ZodEffects<z.ZodOptional<z.ZodString>, string | undefined, string | undefined>;
+            style: z.ZodEffects<z.ZodOptional<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>, CSSProperties | undefined, z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined>;
+        }, "strip", z.ZodTypeAny, {
+            className?: string | undefined;
+            style?: CSSProperties | undefined;
+        }, {
+            className?: string | undefined;
+            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+        }>>;
+    }, "strip", z.ZodTypeAny, {
+        icon?: {
+            className?: string | undefined;
+            style?: CSSProperties | undefined;
+        } | undefined;
+        container?: {
+            className?: string | undefined;
+            style?: CSSProperties | undefined;
+        } | undefined;
+    }, {
+        icon?: {
+            className?: string | undefined;
+            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+        } | undefined;
+        container?: {
+            className?: string | undefined;
+            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+        } | undefined;
+    }>>;
     messageList: z.ZodOptional<z.ZodObject<{
         container: z.ZodOptional<z.ZodObject<{
             className: z.ZodEffects<z.ZodOptional<z.ZodString>, string | undefined, string | undefined>;
@@ -2006,6 +2046,64 @@ export declare const ThemeSchema: z.ZodObject<{
                 style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
             } | undefined;
         }>>;
+        scrollDownButton: z.ZodOptional<z.ZodObject<{
+            container: z.ZodOptional<z.ZodObject<{
+                className: z.ZodEffects<z.ZodOptional<z.ZodString>, string | undefined, string | undefined>;
+                style: z.ZodEffects<z.ZodOptional<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>, CSSProperties | undefined, z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            button: z.ZodOptional<z.ZodObject<{
+                className: z.ZodEffects<z.ZodOptional<z.ZodString>, string | undefined, string | undefined>;
+                style: z.ZodEffects<z.ZodOptional<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>, CSSProperties | undefined, z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            icon: z.ZodOptional<z.ZodObject<{
+                className: z.ZodEffects<z.ZodOptional<z.ZodString>, string | undefined, string | undefined>;
+                style: z.ZodEffects<z.ZodOptional<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>, CSSProperties | undefined, z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+        }, "strip", z.ZodTypeAny, {
+            container?: {
+                className?: string | undefined;
+                style?: CSSProperties | undefined;
+            } | undefined;
+            button?: {
+                className?: string | undefined;
+                style?: CSSProperties | undefined;
+            } | undefined;
+            icon?: {
+                className?: string | undefined;
+                style?: CSSProperties | undefined;
+            } | undefined;
+        }, {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            button?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            icon?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+        }>>;
     }, "strip", z.ZodTypeAny, {
         container?: {
             className?: string | undefined;
@@ -2043,6 +2141,20 @@ export declare const ThemeSchema: z.ZodObject<{
                 style?: CSSProperties | undefined;
             } | undefined;
         } | undefined;
+        scrollDownButton?: {
+            container?: {
+                className?: string | undefined;
+                style?: CSSProperties | undefined;
+            } | undefined;
+            button?: {
+                className?: string | undefined;
+                style?: CSSProperties | undefined;
+            } | undefined;
+            icon?: {
+                className?: string | undefined;
+                style?: CSSProperties | undefined;
+            } | undefined;
+        } | undefined;
     }, {
         container?: {
             className?: string | undefined;
@@ -2080,6 +2192,20 @@ export declare const ThemeSchema: z.ZodObject<{
                 style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
             } | undefined;
         } | undefined;
+        scrollDownButton?: {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            button?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            icon?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+        } | undefined;
     }>>;
     message: z.ZodOptional<z.ZodObject<{
         container: z.ZodOptional<z.ZodObject<{
@@ -3306,6 +3432,16 @@ export declare const ThemeSchema: z.ZodObject<{
             } | undefined;
         } | undefined;
     } | undefined;
+    fab?: {
+        icon?: {
+            className?: string | undefined;
+            style?: CSSProperties | undefined;
+        } | undefined;
+        container?: {
+            className?: string | undefined;
+            style?: CSSProperties | undefined;
+        } | undefined;
+    } | undefined;
     messageList?: {
         container?: {
             className?: string | undefined;
@@ -3343,6 +3479,20 @@ export declare const ThemeSchema: z.ZodObject<{
                 style?: CSSProperties | undefined;
             } | undefined;
         } | undefined;
+        scrollDownButton?: {
+            container?: {
+                className?: string | undefined;
+                style?: CSSProperties | undefined;
+            } | undefined;
+            button?: {
+                className?: string | undefined;
+                style?: CSSProperties | undefined;
+            } | undefined;
+            icon?: {
+                className?: string | undefined;
+                style?: CSSProperties | undefined;
+            } | undefined;
+        } | undefined;
     } | undefined;
     message?: {
         container?: {
@@ -3663,6 +3813,16 @@ export declare const ThemeSchema: z.ZodObject<{
             } | undefined;
         } | undefined;
     } | undefined;
+    fab?: {
+        icon?: {
+            className?: string | undefined;
+            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+        } | undefined;
+        container?: {
+            className?: string | undefined;
+            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+        } | undefined;
+    } | undefined;
     messageList?: {
         container?: {
             className?: string | undefined;
@@ -3700,6 +3860,20 @@ export declare const ThemeSchema: z.ZodObject<{
                 style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
             } | undefined;
         } | undefined;
+        scrollDownButton?: {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            button?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            icon?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+        } | undefined;
     } | undefined;
     message?: {
         container?: {

package/dist/types/block-type.d.ts

@@ -9,12 +9,12 @@ export type Sender = {
     name: string;
     avatar?: string;
 };
-export type MessageObject = {
+export type MessageObject<T = BlockObject> = {
     direction: 'incoming' | 'outgoing' | 'system';
     disableInput?: boolean;
     sender: Sender;
     timestamp: Date;
-    block: BlockObject;
+    block: T;
 };
 export type ButtonBlock = {
     type: 'button';

package/dist/types/configuration.d.ts

@@ -0,0 +1,16 @@
+type DescriptionItem = {
+    title: string;
+    link?: string;
+};
+export type Configuration = {
+    composerPlaceholder?: string;
+    botName?: string;
+    botAvatar?: string;
+    botDescription?: string;
+    website?: DescriptionItem;
+    email?: DescriptionItem;
+    phone?: DescriptionItem;
+    privacyPolicy?: DescriptionItem;
+    termsOfService?: DescriptionItem;
+};
+export {};

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './block-type';
 export * from './image';
+export * from './configuration';

package/dist/utils/message.d.ts

@@ -0,0 +1,8 @@
+import { OpUnitType } from 'dayjs';
+import { MessageObject } from '../types';
+/**
+ * @param interval - The interval to check for date differences (default is 'day')
+ * @returns Array of message objects with system date messages inserted at every change of date more than the `interval`
+ *  */
+export declare function withDateSystemMessages(messages: MessageObject[], interval?: OpUnitType): MessageObject[];
+export declare function humanizeTimestamp(timestamp: Date, long?: boolean): string;

package/dist/utils/message.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/withBaseTheme.d.ts

@@ -177,6 +177,16 @@ export declare function withBaseTheme(theme: Theme): {
             } | undefined;
         } | undefined;
     } | undefined;
+    fab?: {
+        icon?: {
+            className?: string | undefined;
+            style?: import("react").CSSProperties | undefined;
+        } | undefined;
+        container?: {
+            className?: string | undefined;
+            style?: import("react").CSSProperties | undefined;
+        } | undefined;
+    } | undefined;
     messageList?: {
         container?: {
             className?: string | undefined;
@@ -214,6 +224,20 @@ export declare function withBaseTheme(theme: Theme): {
                 style?: import("react").CSSProperties | undefined;
             } | undefined;
         } | undefined;
+        scrollDownButton?: {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            button?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            icon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        } | undefined;
     } | undefined;
     message?: {
         container?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botpress/webchat",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.umd.cjs",
@@ -16,11 +16,14 @@
     "type:check": "tsc --noEmit",
     "dev": "vite --debug --log-level info",
     "build": "pnpm type:check && vite build",
+    "inspect-build": "vite build --sourcemap && npx source-map-explorer dist/index.js --no-border-checks",
     "bundle": "vite build",
     "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test": "vitest"
   },
   "dependencies": {
+    "@botpress/chat": "^0.0.2",
     "@botpress/messaging-socket": "^1.2.0",
     "@floating-ui/react": "^0.25.4",
     "@headlessui/react": "1.7.11",
@@ -31,15 +34,11 @@
     "@radix-ui/react-dialog": "^1.0.4",
     "@radix-ui/react-icons": "^1.3.0",
     "@tailwindcss/container-queries": "^0.1.1",
-    "@types/color-convert": "^2.0.1",
-    "@types/lodash": "^4.14.199",
-    "@types/uuid": "^9.0.3",
-    "@botpress/chat": "^0.0.1",
     "classnames": "^2.3.2",
     "clsx": "^2.0.0",
     "color-convert": "^2.0.1",
+    "dayjs": "^1.11.10",
     "embla-carousel-react": "8.0.0-rc11",
-    "google-map-react": "^2.2.1",
     "lodash": "^4.17.21",
     "react": "^18.2.0",
     "react-colorful": "^5.6.1",
@@ -55,6 +54,9 @@
     "zustand": "^4.4.1"
   },
   "devDependencies": {
+    "@types/color-convert": "^2.0.1",
+    "@types/lodash": "^4.14.199",
+    "@types/uuid": "^9.0.3",
     "@twind/core": "^1.1.3",
     "@twind/intellisense": "^1.1.3",
     "@twind/preset-autoprefix": "^1.0.7",
@@ -68,6 +70,7 @@
     "tailwindcss": "^3.3.2",
     "typescript": "^5.0.2",
     "vite": "^4.3.9",
-    "vite-plugin-dts": "^3.5.4"
+    "vite-plugin-dts": "^3.5.4",
+    "vitest": "^0.34.6"
   }
 }