@botpress/webchat 1.0.27 → 1.0.29

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,9 +177,67 @@ 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?: {
-        className?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
+        container?: {
+            className?: string | undefined;
+            style?: import("react").CSSProperties | undefined;
+        } | undefined;
+        marquee?: {
+            content?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            title?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            description?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            avatar?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                image?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                fallback?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+            container?: {
+                className?: string | undefined;
+                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?: {
@@ -201,7 +259,7 @@ export declare function withBaseTheme(theme: Theme): {
             } | undefined;
         } | undefined;
         blocks?: {
-            text: Partial<Record<"link" | "pre" | "text" | "bold" | "lineBreak" | "italic" | "heading1" | "heading2" | "heading3" | "horizontalRule" | "orderedList" | "unorderedList" | "listItem", {
+            text: Partial<Record<"text" | "heading1" | "heading2" | "heading3" | "horizontalRule" | "link" | "italic" | "bold" | "orderedList" | "unorderedList" | "listItem" | "lineBreak" | "pre", {
                 className?: string | undefined;
                 style?: import("react").CSSProperties | undefined;
             } | undefined>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botpress/webchat",
-  "version": "1.0.27",
+  "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"
   }
 }