@botpress/webchat 2.3.0 → 2.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botpress/webchat",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.umd.cjs",
@@ -15,32 +15,32 @@
   "scripts": {
     "check:type": "tsc --noEmit",
     "build": "vite build",
-    "test": "vitest run",
-    "gen:client": "OUT_DIR=./src/gen es-node ./openapi"
+    "test": "vitest run"
   },
   "dependencies": {
+    "@bpinternal/webchat-http-client": "0.2.0",
     "@floating-ui/react": "^0.25.4",
-    "@headlessui/react": "1.7.11",
+    "@headlessui/react": "^2.1.8",
     "@heroicons/react": "^2.1.5",
     "@radix-ui/react-avatar": "^1.0.3",
-    "@radix-ui/react-collapsible": "^1.0.3",
-    "@radix-ui/react-dialog": "^1.0.4",
-    "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-collapsible": "^1.1.1",
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-scroll-area": "^1.2.0",
     "@redux-devtools/extension": "^3.3.0",
     "@types/deep-equal": "^1.0.4",
-    "@types/qs": "^6.9.8",
+    "@types/qs": "^6.9.15",
     "@types/react-scroll-to-bottom": "^4.2.5",
     "@types/react-textarea-autosize": "^8.0.0",
     "axios": "1.2.5",
-    "clsx": "^2.0.0",
+    "clsx": "^2.1.1",
     "dayjs": "^1.11.10",
     "deep-equal": "^2.2.3",
     "embla-carousel-react": "8.0.0-rc11",
     "event-source-polyfill": "^1.0.31",
     "exponential-backoff": "^3.1.1",
-    "qs": "^6.11.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "qs": "^6.12.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-hot-toast": "^2.4.1",
     "react-markdown": "^9.0.1",
     "react-scroll-to-bottom": "^4.2.0",
@@ -50,25 +50,24 @@
     "remark-gfm": "^4.0.0",
     "theme-colors": "^0.1.0",
     "uuid": "^9.0.1",
-    "zod": "^3.21.4",
+    "zod": "^3.22.4",
     "zustand": "^4.4.1"
   },
   "devDependencies": {
-    "@bpinternal/es-node": "^0.0.4",
-    "@bpinternal/yargs-extra": "^0.0.3",
+    "@repo/eslint-config": "workspace:*",
+    "@repo/typescript-config": "workspace:*",
     "@types/dom-speech-recognition": "^0.0.4",
     "@types/event-source-polyfill": "^1.0.2",
     "@types/json-schema": "^7.0.15",
-    "@types/react": "^18.0.37",
-    "@types/react-dom": "^18.0.11",
+    "@types/react": "18.3.10",
+    "@types/react-dom": "18.3.1",
     "@types/uuid": "^9.0.7",
     "@types/web": "^0.0.115",
-    "@vitejs/plugin-react-swc": "^3.0.0",
-    "vite": "^4.3.9",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "vite": "^5.4.8",
     "vite-plugin-dts": "^3.5.4",
     "vite-plugin-libcss": "^1.1.1",
-    "vite-plugin-svgr": "^3.2.0",
-    "vitest": "^1.4.0",
-    "webchat-api": "workspace:*"
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "1.6.0"
   }
 }

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

@@ -1,184 +0,0 @@
-import * as messaging from '../messaging';
-import * as target from '../target';
-import * as types from '../typings';
-type WithBubble<T extends target.Message> = target.BubbleOf<T>;
-export type MessagingToTargetAdapters = types.Adapter<messaging.Messages, target.AdaptersOutput>;
-export declare const audioAdapter: ({ type, audio }: {
-    type: "audio";
-    audio: string;
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-    title?: string | undefined;
-}) => {
-    payload: {
-        type: "audio";
-        url: string;
-    };
-};
-export declare const cardAdapter: (card: {
-    type: "card";
-    title: string;
-    actions: ({
-        text: string;
-        title: string;
-        action: "Say something";
-    } | {
-        title: string;
-        action: "Open URL";
-        url: string;
-    } | {
-        title: string;
-        action: "Postback";
-        payload: string;
-    })[];
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-    subtitle?: string | undefined;
-    image?: string | undefined;
-}) => {
-    payload: WithBubble<target.ColumnMessage>;
-};
-export declare const carouselAdapter: ({ items }: {
-    type: "carousel";
-    items: {
-        type: "card";
-        title: string;
-        actions: ({
-            text: string;
-            title: string;
-            action: "Say something";
-        } | {
-            title: string;
-            action: "Open URL";
-            url: string;
-        } | {
-            title: string;
-            action: "Postback";
-            payload: string;
-        })[];
-        className?: string | undefined;
-        avatarUrl?: string | undefined;
-        subtitle?: string | undefined;
-        image?: string | undefined;
-    }[];
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-}) => {
-    payload: {
-        type: "carousel";
-        blocks: target.ColumnMessage[];
-    };
-};
-export declare const choiceAdapter: (x: {
-    type: "single-choice";
-    text: string;
-    choices: {
-        value: string;
-        title: string;
-    }[];
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-    disableFreeText?: boolean | undefined;
-}) => {
-    disableInput: boolean | undefined;
-    payload: target.Message;
-};
-export declare const dropdownAdapter: (x: {
-    type: "dropdown";
-    options: {
-        value: string;
-        label: string;
-    }[];
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-    message?: string | undefined;
-    allowCreation?: boolean | undefined;
-    placeholderText?: string | undefined;
-    allowMultiple?: boolean | undefined;
-    buttonText?: string | undefined;
-    width?: number | undefined;
-    displayInKeyboard?: boolean | undefined;
-    markdown?: boolean | undefined;
-    text?: string | undefined;
-}) => {
-    disableInput: true;
-    payload: WithBubble<target.ColumnMessage>;
-};
-export declare const fileAdapter: ({ file, ...props }: {
-    type: "file";
-    file: string;
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-    title?: string | undefined;
-}) => {
-    payload: {
-        type: "file";
-        className?: string | undefined;
-        avatarUrl?: string | undefined;
-        title?: string | undefined;
-        url: string;
-    };
-};
-export declare const imageAdapter: ({ type, image }: {
-    type: "image";
-    image: string;
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-}) => {
-    payload: {
-        type: "image";
-        url: string;
-    };
-};
-export declare const locationAdapter: ({ type, latitude, longitude, title, address }: {
-    type: "location";
-    latitude: number;
-    longitude: number;
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-    address?: string | undefined;
-    title?: string | undefined;
-}) => {
-    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";
-    text: string;
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-    markdown?: boolean | undefined;
-}) => {
-    payload: WithBubble<{
-        type: "text";
-        text: string;
-    }>;
-};
-export declare const videoAdapter: ({ type, video }: {
-    type: "video";
-    video: string;
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-    title?: string | undefined;
-}) => {
-    payload: {
-        type: "video";
-        url: string;
-    };
-};
-export declare const messageAdapter: (message: messaging.Message) => target.AdapterOutput;
-export {};

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

@@ -1,5 +0,0 @@
-import * as webchat from '../webchat';
-import * as messaging from '../messaging';
-import * as types from '../typings';
-export type MessagingToWebChatMessageAdapters = types.Adapter<messaging.Messages, webchat.Messages>;
-export declare const messageAdapter: (message: messaging.Message) => webchat.Message;

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

@@ -1,223 +0,0 @@
-import * as webchat from '../webchat';
-import * as messaging from '../messaging';
-import * as types from '../typings';
-export type WebChatToMessagingMessageAdapters = types.Adapter<webchat.Messages, messaging.Messages>;
-export type WebChatToMessagingTriggerAdapters = types.Adapter<webchat.Triggers, messaging.Triggers>;
-export declare const audioAdapter: (x: {
-    type: "audio";
-    audioUrl: string;
-    className?: string | undefined;
-}) => {
-    type: "audio";
-    audio: string;
-    audioUrl: string;
-    className?: string | undefined;
-};
-export declare const cardAdapter: (x: {
-    type: "card";
-    title: string;
-    actions: {
-        value: string;
-        action: "postback" | "url" | "say";
-        label: string;
-    }[];
-    className?: string | undefined;
-    subtitle?: string | undefined;
-    imageUrl?: string | undefined;
-}) => {
-    type: "card";
-    title: string;
-    actions: ({
-        text: string;
-        title: string;
-        action: "Say something";
-    } | {
-        title: string;
-        action: "Open URL";
-        url: string;
-    } | {
-        title: string;
-        action: "Postback";
-        payload: string;
-    })[];
-    className?: string | undefined;
-    avatarUrl?: string | undefined;
-    subtitle?: string | undefined;
-    image?: string | undefined;
-};
-export declare const carouselAdapter: (x: {
-    type: "carousel";
-    items: {
-        title: string;
-        actions: {
-            value: string;
-            action: "postback" | "url" | "say";
-            label: string;
-        }[];
-        imageUrl?: string | undefined;
-        subtitle?: string | undefined;
-        className?: string | undefined;
-    }[];
-    className?: string | undefined;
-}) => {
-    type: "carousel";
-    items: {
-        type: "card";
-        title: string;
-        actions: ({
-            text: string;
-            title: string;
-            action: "Say something";
-        } | {
-            title: string;
-            action: "Open URL";
-            url: string;
-        } | {
-            title: string;
-            action: "Postback";
-            payload: string;
-        })[];
-        className?: string | undefined;
-        avatarUrl?: string | undefined;
-        subtitle?: string | undefined;
-        image?: string | undefined;
-    }[];
-    className?: string | undefined;
-};
-export declare const choiceAdapter: (x: {
-    type: "choice";
-    text: string;
-    options: {
-        value: string;
-        label: string;
-    }[];
-    disableFreeText?: boolean | undefined;
-    className?: string | undefined;
-}) => {
-    type: "single-choice";
-    text: string;
-    choices: {
-        title: string;
-        value: string;
-    }[];
-    disableFreeText: boolean | undefined;
-    options: {
-        value: string;
-        label: string;
-    }[];
-    className?: string | undefined;
-};
-export declare const dropdownAdapter: (x: {
-    type: "dropdown";
-    text: string;
-    options: {
-        value: string;
-        label: string;
-    }[];
-    className?: string | undefined;
-}) => {
-    type: "dropdown";
-    message: string;
-    options: {
-        label: string;
-        value: string;
-    }[];
-    text: string;
-    className?: string | undefined;
-};
-export declare const fileAdapter: (x: {
-    type: "file";
-    fileUrl: string;
-    title?: string | undefined;
-    className?: string | undefined;
-}) => {
-    type: "file";
-    file: string;
-    title: string | undefined;
-    fileUrl: string;
-    className?: string | undefined;
-};
-export declare const imageAdapter: (x: {
-    type: "image";
-    imageUrl: string;
-    className?: string | undefined;
-}) => {
-    type: "image";
-    image: string;
-    imageUrl: string;
-    className?: string | undefined;
-};
-export declare const locationAdapter: (x: {
-    type: "location";
-    latitude: number;
-    longitude: number;
-    title?: string | undefined;
-    address?: string | undefined;
-    className?: string | undefined;
-}) => {
-    type: "location";
-    latitude: number;
-    longitude: number;
-    title?: string | undefined;
-    address?: string | undefined;
-    className?: string | undefined;
-};
-export declare const markdownAdapter: (x: {
-    type: "markdown";
-    markdown: string;
-    className?: string | undefined;
-}) => {
-    type: "text";
-    text: string;
-    markdown: true;
-    className?: string | undefined;
-};
-export declare const textAdapter: (x: {
-    type: "text";
-    text: string;
-    className?: string | undefined;
-}) => {
-    type: "text";
-    text: string;
-    markdown: true;
-    className?: string | undefined;
-};
-export declare const videoAdapter: (x: {
-    type: "video";
-    videoUrl: string;
-    className?: string | undefined;
-}) => {
-    type: "video";
-    video: string;
-    videoUrl: string;
-    className?: string | undefined;
-};
-export declare const messageAdapter: (message: webchat.Message) => messaging.Message;
-export declare const webchatVisibilityAdapter: (x: {
-    type: "webchat_visibility";
-    data: {
-        visibility: "show" | "hide" | "toggle";
-    };
-}) => {
-    type: "webchat-visibility";
-    visibility: "show" | "hide" | "toggle";
-};
-export declare const webchatConfigAdapter: (x: {
-    type: "webchat_config";
-    data: {
-        config: Record<string, any>;
-    };
-}) => {
-    type: "webchat-config";
-    config: Record<string, any>;
-};
-export declare const customAdapter: (x: {
-    type: "custom";
-    data: {
-        event: Record<string, any>;
-    };
-}) => {
-    type: "custom-event";
-    event: Record<string, any>;
-};
-export declare const triggerAdapter: (trigger: webchat.Trigger) => messaging.Trigger;

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

@@ -1,197 +0,0 @@
-import * as target from '../target';
-import * as webchat from '../webchat';
-import * as types from '../typings';
-export type WebchatToTargetAdapters = types.Adapter<webchat.Messages, target.AdaptersOutput>;
-export declare const audioAdapter: (webchatMessage: {
-    type: "audio";
-    audioUrl: string;
-    className?: string | undefined;
-}) => {
-    payload: {
-        type: "audio";
-        url: string;
-    };
-};
-export declare const cardAdapter: (webchatMessage: {
-    type: "card";
-    title: string;
-    actions: {
-        value: string;
-        action: "postback" | "url" | "say";
-        label: string;
-    }[];
-    className?: string | undefined;
-    subtitle?: string | undefined;
-    imageUrl?: string | undefined;
-}) => {
-    payload: Omit<target.BubbleMessage, "block"> & {
-        block: target.ColumnMessage;
-    };
-};
-export declare const carouselAdapter: (webchatMessage: {
-    type: "carousel";
-    items: {
-        title: string;
-        actions: {
-            value: string;
-            action: "postback" | "url" | "say";
-            label: string;
-        }[];
-        imageUrl?: string | undefined;
-        subtitle?: string | undefined;
-        className?: string | undefined;
-    }[];
-    className?: string | undefined;
-}) => {
-    payload: {
-        type: "carousel";
-        blocks: target.ColumnMessage[];
-    };
-};
-export declare const choiceAdapter: (webchatMessage: {
-    type: "choice";
-    text: string;
-    options: {
-        value: string;
-        label: string;
-    }[];
-    disableFreeText?: boolean | undefined;
-    className?: string | undefined;
-}) => {
-    disableInput: boolean | undefined;
-    payload: target.Message;
-};
-export declare const dropdownAdapter: (webchatMessage: {
-    type: "dropdown";
-    text: string;
-    options: {
-        value: string;
-        label: string;
-    }[];
-    className?: string | undefined;
-}) => {
-    disableInput: true;
-    payload: Omit<target.BubbleMessage, "block"> & {
-        block: target.ColumnMessage;
-    };
-};
-export declare const fileAdapter: (webchatMessage: {
-    type: "file";
-    fileUrl: string;
-    title?: string | undefined;
-    className?: string | undefined;
-}) => {
-    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;
-}) => {
-    payload: {
-        type: "image";
-        url: string;
-    };
-};
-export declare const locationAdapter: (webchatMessage: {
-    type: "location";
-    latitude: number;
-    longitude: number;
-    title?: string | undefined;
-    address?: string | undefined;
-    className?: string | undefined;
-}) => {
-    payload: {
-        type: "location";
-        latitude: number;
-        longitude: number;
-        title: string;
-    };
-};
-export declare const markdownAdapter: (webchatMessage: {
-    type: "markdown";
-    markdown: string;
-    className?: string | undefined;
-}) => {
-    payload: Omit<target.BubbleMessage, "block"> & {
-        block: {
-            type: "text";
-            text: string;
-        };
-    };
-};
-export declare const textAdapter: (webchatMessage: {
-    type: "text";
-    text: string;
-    className?: string | undefined;
-}) => {
-    payload: Omit<target.BubbleMessage, "block"> & {
-        block: {
-            type: "text";
-            text: string;
-        };
-    };
-};
-export declare const videoAdapter: (webchatMessage: {
-    type: "video";
-    videoUrl: string;
-    className?: string | undefined;
-}) => {
-    payload: {
-        type: "video";
-        url: string;
-    };
-};
-export declare const blocAdapter: (webchatMessage: {
-    type: "bloc";
-    items: ({
-        type: "text";
-        payload: {
-            text: string;
-        };
-    } | {
-        type: "markdown";
-        payload: {
-            markdown: string;
-        };
-    } | {
-        type: "image";
-        payload: {
-            imageUrl: string;
-        };
-    } | {
-        type: "audio";
-        payload: {
-            audioUrl: string;
-        };
-    } | {
-        type: "video";
-        payload: {
-            videoUrl: string;
-        };
-    } | {
-        type: "file";
-        payload: {
-            fileUrl: string;
-            title?: string | undefined;
-        };
-    } | {
-        type: "location";
-        payload: {
-            latitude: number;
-            longitude: number;
-            address?: string | undefined;
-            title?: string | undefined;
-        };
-    })[];
-    className?: string | undefined;
-}) => {
-    payload: target.ColumnMessage;
-};
-export declare const messageAdapter: (message: webchat.Message) => target.AdapterOutput;