@botpress/webchat 1.0.31 → 1.1.0

package/dist/themes/eggplant.d.ts

@@ -1,2 +1,4 @@
 import { Theme } from '../schemas';
-export declare const eggplant: Theme;
+export declare function buildEggplantTheme(color: string, { darkMode }?: {
+    darkMode?: boolean;
+}): Theme;

package/dist/themes/index.d.ts

@@ -1,6 +1,3 @@
 export * from './dawn';
-export * from './midnight';
-export * from './dusk';
 export * from './eggplant';
-export * from './galaxy';
 export * from './prism';

package/dist/themes/prism.d.ts

@@ -1,2 +1,4 @@
 import { Theme } from '../schemas';
-export declare const prism: Theme;
+export declare function buildPrismTheme(color: string, { darkMode }?: {
+    darkMode?: boolean;
+}): Theme;

package/dist/themes/themeBuilder.d.ts

@@ -0,0 +1,27 @@
+declare const aliases: readonly ["base", "bgSubtle", "bg", "bgHover", "bgActive", "line", "border", "borderHover", "solid", "solidHover", "text", "textContrast", "onSolid"];
+declare const shades: readonly ["25", "50", "100", "150", "200", "300", "400", "500", "600", "700", "800", "900", "0"];
+type Aliases = Record<(typeof aliases)[number], string>;
+type Shades = Record<(typeof shades)[number], string>;
+type Palette = {
+    aliases: Aliases;
+    shades: Shades;
+};
+type Theme = {
+    light: {
+        primary: Palette;
+        secondary: Palette;
+        tertiary: Palette;
+        grey: Palette;
+    };
+    dark: {
+        primary: Palette;
+        secondary: Palette;
+        tertiary: Palette;
+        grey: Palette;
+    };
+};
+type ThemeOptions = {
+    scheme?: 'analogous' | 'complementary' | 'triadic';
+};
+export declare function buildTheme(color: string, { scheme }?: ThemeOptions): Theme;
+export {};

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

@@ -1,10 +1,23 @@
 import type { Theme } from '../schemas';
+import { target } from 'message-adapters';
 export declare const blockTypes: readonly ["button", "text", "image", "audio", "video", "file", "location", "column", "row", "bubble", "carousel", "dropdown"];
 export declare const markdownTypes: readonly ["heading1", "heading2", "heading3", "text", "horizontalRule", "link", "italic", "bold", "orderedList", "unorderedList", "listItem", "lineBreak", "pre"];
 export type MarkdownTypes = (typeof markdownTypes)[number];
 export type BlockTypes = (typeof blockTypes)[number];
 export type BlockStyles = NonNullable<Theme['message']>['blocks'];
-export type BlockObject = DropdownBlock | ButtonBlock | TextBlock | ImageBlock | AudioBlock | VideoBlock | FileBlock | LocationBlock | ColumnBlock | RowBlock | BubbleBlock | CarouselBlock;
+export type AudioBlock = target.AudioMessage;
+export type BubbleBlock = target.BubbleMessage;
+export type ButtonBlock = target.ButtonMessage;
+export type CarouselBlock = target.CarouselMessage;
+export type ColumnBlock = target.ColumnMessage;
+export type DropdownBlock = target.DropdownMessage;
+export type FileBlock = target.FileMessage;
+export type ImageBlock = target.ImageMessage;
+export type LocationBlock = target.LocationMessage;
+export type RowBlock = target.RowMessage;
+export type TextBlock = target.TextMessage;
+export type VideoBlock = target.VideoMessage;
+export type BlockObject = target.Message;
 export type Sender = {
     name: string;
     avatar?: string;
@@ -16,72 +29,6 @@ export type MessageObject<T = BlockObject> = {
     timestamp: Date;
     block: T;
 };
-export type ButtonBlock = {
-    type: 'button';
-    variant: 'action' | 'link';
-    reusable?: boolean;
-    groupId?: string;
-    text: string;
-    buttonValue: string;
-};
-export type TextBlock = {
-    type: 'text';
-    text: string;
-};
-export type ImageBlock = {
-    type: 'image';
-    orientation?: 'portrait' | 'landscape' | 'square' | 'auto';
-    url: string;
-};
-export type AudioBlock = {
-    type: 'audio';
-    url: string;
-};
-export type VideoBlock = {
-    type: 'video';
-    url: string;
-};
-export type FileBlock = {
-    type: 'file';
-    url: string;
-    title?: string;
-};
-type DropdownChoice = {
-    label: string;
-    value: string;
-};
-export type DropdownBlock = {
-    label?: string;
-    type: 'dropdown';
-    reusable?: boolean;
-    options: DropdownChoice[];
-};
-export type LocationBlock = {
-    type: 'location';
-    latitude: number;
-    longitude: number;
-    title?: string;
-};
-export type ColumnBlock = {
-    type: 'column';
-    blocks: BlockObject[];
-    horizontalAlignment?: 'left' | 'center' | 'right';
-    verticalAlignment?: 'top' | 'center' | 'bottom' | 'stretch';
-};
-export type RowBlock = {
-    type: 'row';
-    blocks: BlockObject[];
-    horizontalAlignment?: 'left' | 'center' | 'right' | 'stretch';
-    verticalAlignment?: 'top' | 'center' | 'bottom';
-};
-export type CarouselBlock = {
-    type: 'carousel';
-    blocks: BlockObject[];
-};
-export type BubbleBlock = {
-    type: 'bubble';
-    block: BlockObject;
-};
 export type CommonBlockProps = {
     styles?: BlockStyles;
 };
@@ -90,4 +37,3 @@ export type BlockMap<P extends BlockObject = BlockObject> = {
         type: T;
     }>;
 };
-export {};

package/dist/utils/index.d.ts

@@ -1,4 +1,3 @@
-export * from './colors';
 export * from './eventEmitter';
 export * from './hashStringToInt';
 export * from './mergeThemes';

package/dist/utils/withBaseTheme.d.ts

@@ -259,7 +259,7 @@ export declare function withBaseTheme(theme: Theme): {
             } | undefined;
         } | undefined;
         blocks?: {
-            text: Partial<Record<"text" | "heading1" | "heading2" | "heading3" | "horizontalRule" | "link" | "italic" | "bold" | "orderedList" | "unorderedList" | "listItem" | "lineBreak" | "pre", {
+            text: Partial<Record<"text" | "link" | "heading1" | "heading2" | "heading3" | "horizontalRule" | "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.31",
+  "version": "1.1.0",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.umd.cjs",
@@ -23,25 +23,28 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@botpress/chat": "^0.2.2",
+    "@botpress/chat": "0.2.4",
     "@botpress/messaging-socket": "^1.2.0",
     "@floating-ui/react": "^0.25.4",
     "@headlessui/react": "1.7.11",
     "@heroicons/react": "^2.0.18",
-    "@material/material-color-utilities": "^0.2.7",
+    "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-avatar": "^1.0.3",
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-dialog": "^1.0.4",
     "@radix-ui/react-icons": "^1.3.0",
     "@tailwindcss/container-queries": "^0.1.1",
+    "@types/culori": "^2.0.4",
+    "@types/react-color": "^3.0.10",
     "classnames": "^2.3.2",
     "clsx": "^2.0.0",
-    "color-convert": "^2.0.1",
+    "culori": "^3.3.0",
     "dayjs": "^1.11.10",
     "embla-carousel-react": "8.0.0-rc11",
     "lodash": "^4.17.21",
+    "message-adapters": "workspace:*",
     "react": "^18.2.0",
-    "react-colorful": "^5.6.1",
+    "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
     "react-hot-toast": "^2.4.1",
     "react-markdown": "^8.0.7",
@@ -54,17 +57,17 @@
     "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",
     "@twind/preset-container-queries": "^1.0.7",
     "@twind/preset-tailwind": "^1.1.4",
     "@twind/with-react": "^1.1.3",
+    "@types/color-convert": "^2.0.1",
+    "@types/lodash": "^4.14.199",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
+    "@types/uuid": "^9.0.3",
     "@vitejs/plugin-react-swc": "^3.0.0",
     "autoprefixer": "^10.4.14",
     "tailwindcss": "^3.3.2",

package/dist/client/MessagingClient/adapters/Audio.d.ts

@@ -1,19 +0,0 @@
-import { z } from 'zod';
-import { AudioBlock } from '../../../types';
-export declare const AudioSchema: z.ZodEffects<z.ZodObject<{
-    type: z.ZodLiteral<"audio">;
-    audio: z.ZodString;
-    title: z.ZodOptional<z.ZodString>;
-}, "strip", z.ZodTypeAny, {
-    audio: string;
-    type: "audio";
-    title?: string | undefined;
-}, {
-    audio: string;
-    type: "audio";
-    title?: string | undefined;
-}>, AudioBlock, {
-    audio: string;
-    type: "audio";
-    title?: string | undefined;
-}>;

package/dist/client/MessagingClient/adapters/Card.d.ts

@@ -1,188 +0,0 @@
-import { z } from 'zod';
-import { ButtonBlock, ColumnBlock, ImageBlock, TextBlock } from '../../../types';
-import { WithBubble } from './Utils';
-export type CardBlockType = {
-    blocks: CardBlocks;
-} & Omit<ColumnBlock, 'blocks'>;
-type CardBlocks = (ImageBlock | TextBlock | {
-    type: 'row';
-    blocks: ButtonBlock[];
-})[];
-export declare const BaseCardSchema: z.ZodObject<{
-    type: z.ZodLiteral<"card">;
-    title: z.ZodOptional<z.ZodString>;
-    subtitle: z.ZodOptional<z.ZodString>;
-    image: z.ZodOptional<z.ZodString>;
-    actions: z.ZodArray<z.ZodUnion<[z.ZodEffects<z.ZodObject<{
-        title: z.ZodString;
-        action: z.ZodLiteral<"Say something">;
-        text: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        text: string;
-        title: string;
-        action: "Say something";
-    }, {
-        text: string;
-        title: string;
-        action: "Say something";
-    }>, ButtonBlock, {
-        text: string;
-        title: string;
-        action: "Say something";
-    }>, z.ZodEffects<z.ZodObject<{
-        title: z.ZodString;
-        action: z.ZodLiteral<"Open URL">;
-        url: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        title: string;
-        action: "Open URL";
-        url: string;
-    }, {
-        title: string;
-        action: "Open URL";
-        url: string;
-    }>, ButtonBlock, {
-        title: string;
-        action: "Open URL";
-        url: string;
-    }>, z.ZodEffects<z.ZodObject<{
-        title: z.ZodString;
-        action: z.ZodLiteral<"Postback">;
-        payload: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        title: string;
-        action: "Postback";
-        payload: string;
-    }, {
-        title: string;
-        action: "Postback";
-        payload: string;
-    }>, ButtonBlock, {
-        title: string;
-        action: "Postback";
-        payload: string;
-    }>]>, "many">;
-}, "strip", z.ZodTypeAny, {
-    type: "card";
-    actions: ButtonBlock[];
-    title?: string | undefined;
-    subtitle?: string | undefined;
-    image?: string | undefined;
-}, {
-    type: "card";
-    actions: ({
-        text: string;
-        title: string;
-        action: "Say something";
-    } | {
-        title: string;
-        action: "Open URL";
-        url: string;
-    } | {
-        title: string;
-        action: "Postback";
-        payload: string;
-    })[];
-    title?: string | undefined;
-    subtitle?: string | undefined;
-    image?: string | undefined;
-}>;
-export declare const CardSchemaTransform: ({ title, image, actions, subtitle, }: Omit<z.infer<typeof BaseCardSchema>, 'type'>) => CardBlockType;
-export declare const CardSchema: z.ZodEffects<z.ZodObject<{
-    type: z.ZodLiteral<"card">;
-    title: z.ZodOptional<z.ZodString>;
-    subtitle: z.ZodOptional<z.ZodString>;
-    image: z.ZodOptional<z.ZodString>;
-    actions: z.ZodArray<z.ZodUnion<[z.ZodEffects<z.ZodObject<{
-        title: z.ZodString;
-        action: z.ZodLiteral<"Say something">;
-        text: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        text: string;
-        title: string;
-        action: "Say something";
-    }, {
-        text: string;
-        title: string;
-        action: "Say something";
-    }>, ButtonBlock, {
-        text: string;
-        title: string;
-        action: "Say something";
-    }>, z.ZodEffects<z.ZodObject<{
-        title: z.ZodString;
-        action: z.ZodLiteral<"Open URL">;
-        url: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        title: string;
-        action: "Open URL";
-        url: string;
-    }, {
-        title: string;
-        action: "Open URL";
-        url: string;
-    }>, ButtonBlock, {
-        title: string;
-        action: "Open URL";
-        url: string;
-    }>, z.ZodEffects<z.ZodObject<{
-        title: z.ZodString;
-        action: z.ZodLiteral<"Postback">;
-        payload: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        title: string;
-        action: "Postback";
-        payload: string;
-    }, {
-        title: string;
-        action: "Postback";
-        payload: string;
-    }>, ButtonBlock, {
-        title: string;
-        action: "Postback";
-        payload: string;
-    }>]>, "many">;
-}, "strip", z.ZodTypeAny, {
-    type: "card";
-    actions: ButtonBlock[];
-    title?: string | undefined;
-    subtitle?: string | undefined;
-    image?: string | undefined;
-}, {
-    type: "card";
-    actions: ({
-        text: string;
-        title: string;
-        action: "Say something";
-    } | {
-        title: string;
-        action: "Open URL";
-        url: string;
-    } | {
-        title: string;
-        action: "Postback";
-        payload: string;
-    })[];
-    title?: string | undefined;
-    subtitle?: string | undefined;
-    image?: string | undefined;
-}>, WithBubble<CardBlockType>, {
-    type: "card";
-    actions: ({
-        text: string;
-        title: string;
-        action: "Say something";
-    } | {
-        title: string;
-        action: "Open URL";
-        url: string;
-    } | {
-        title: string;
-        action: "Postback";
-        payload: string;
-    })[];
-    title?: string | undefined;
-    subtitle?: string | undefined;
-    image?: string | undefined;
-}>;
-export {};

package/dist/client/MessagingClient/adapters/Carousel.d.ts

@@ -1,147 +0,0 @@
-import { z } from 'zod';
-import { CardBlockType } from './Card';
-import { CarouselBlock } from '../../../types';
-type CarouselBlockType = {
-    blocks: CardBlockType[];
-} & Omit<CarouselBlock, 'blocks'>;
-export declare const CarouselSchema: z.ZodEffects<z.ZodObject<{
-    type: z.ZodLiteral<"carousel">;
-    items: z.ZodArray<z.ZodEffects<z.ZodObject<Omit<{
-        type: z.ZodLiteral<"card">;
-        title: z.ZodOptional<z.ZodString>;
-        subtitle: z.ZodOptional<z.ZodString>;
-        image: z.ZodOptional<z.ZodString>;
-        actions: z.ZodArray<z.ZodUnion<[z.ZodEffects<z.ZodObject<{
-            title: z.ZodString;
-            action: z.ZodLiteral<"Say something">;
-            text: z.ZodString;
-        }, "strip", z.ZodTypeAny, {
-            text: string;
-            title: string;
-            action: "Say something";
-        }, {
-            text: string;
-            title: string;
-            action: "Say something";
-        }>, import("../../../types").ButtonBlock, {
-            text: string;
-            title: string;
-            action: "Say something";
-        }>, z.ZodEffects<z.ZodObject<{
-            title: z.ZodString;
-            action: z.ZodLiteral<"Open URL">;
-            url: z.ZodString;
-        }, "strip", z.ZodTypeAny, {
-            title: string;
-            action: "Open URL";
-            url: string;
-        }, {
-            title: string;
-            action: "Open URL";
-            url: string;
-        }>, import("../../../types").ButtonBlock, {
-            title: string;
-            action: "Open URL";
-            url: string;
-        }>, z.ZodEffects<z.ZodObject<{
-            title: z.ZodString;
-            action: z.ZodLiteral<"Postback">;
-            payload: z.ZodString;
-        }, "strip", z.ZodTypeAny, {
-            title: string;
-            action: "Postback";
-            payload: string;
-        }, {
-            title: string;
-            action: "Postback";
-            payload: string;
-        }>, import("../../../types").ButtonBlock, {
-            title: string;
-            action: "Postback";
-            payload: string;
-        }>]>, "many">;
-    }, "type">, "strip", z.ZodTypeAny, {
-        actions: import("../../../types").ButtonBlock[];
-        image?: string | undefined;
-        title?: string | undefined;
-        subtitle?: string | undefined;
-    }, {
-        actions: ({
-            text: string;
-            title: string;
-            action: "Say something";
-        } | {
-            title: string;
-            action: "Open URL";
-            url: string;
-        } | {
-            title: string;
-            action: "Postback";
-            payload: string;
-        })[];
-        image?: string | undefined;
-        title?: string | undefined;
-        subtitle?: string | undefined;
-    }>, CardBlockType, {
-        actions: ({
-            text: string;
-            title: string;
-            action: "Say something";
-        } | {
-            title: string;
-            action: "Open URL";
-            url: string;
-        } | {
-            title: string;
-            action: "Postback";
-            payload: string;
-        })[];
-        image?: string | undefined;
-        title?: string | undefined;
-        subtitle?: string | undefined;
-    }>, "many">;
-}, "strip", z.ZodTypeAny, {
-    type: "carousel";
-    items: CardBlockType[];
-}, {
-    type: "carousel";
-    items: {
-        actions: ({
-            text: string;
-            title: string;
-            action: "Say something";
-        } | {
-            title: string;
-            action: "Open URL";
-            url: string;
-        } | {
-            title: string;
-            action: "Postback";
-            payload: string;
-        })[];
-        image?: string | undefined;
-        title?: string | undefined;
-        subtitle?: string | undefined;
-    }[];
-}>, CarouselBlockType, {
-    type: "carousel";
-    items: {
-        actions: ({
-            text: string;
-            title: string;
-            action: "Say something";
-        } | {
-            title: string;
-            action: "Open URL";
-            url: string;
-        } | {
-            title: string;
-            action: "Postback";
-            payload: string;
-        })[];
-        image?: string | undefined;
-        title?: string | undefined;
-        subtitle?: string | undefined;
-    }[];
-}>;
-export {};

package/dist/client/MessagingClient/adapters/Choice.d.ts

@@ -1,45 +0,0 @@
-import { z } from 'zod';
-import { ButtonBlock, ColumnBlock, RowBlock, TextBlock } from '../../../types';
-import { WithBubble } from './Utils';
-type ButtonBlocks = {
-    blocks: ButtonBlock[];
-} & Omit<RowBlock, 'blocks'>;
-type ChoiceBlockType = {
-    blocks: (ButtonBlocks | TextBlock)[];
-} & Omit<ColumnBlock, 'blocks'>;
-export declare const ChoiceSchema: z.ZodEffects<z.ZodObject<{
-    type: z.ZodLiteral<"single-choice">;
-    text: z.ZodString;
-    choices: z.ZodArray<z.ZodObject<{
-        title: z.ZodString;
-        value: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        value: string;
-        title: string;
-    }, {
-        value: string;
-        title: string;
-    }>, "many">;
-}, "strip", z.ZodTypeAny, {
-    text: string;
-    type: "single-choice";
-    choices: {
-        value: string;
-        title: string;
-    }[];
-}, {
-    text: string;
-    type: "single-choice";
-    choices: {
-        value: string;
-        title: string;
-    }[];
-}>, WithBubble<ChoiceBlockType>, {
-    text: string;
-    type: "single-choice";
-    choices: {
-        value: string;
-        title: string;
-    }[];
-}>;
-export {};

package/dist/client/MessagingClient/adapters/Dropdown.d.ts

@@ -1,46 +0,0 @@
-import { z } from 'zod';
-import { ColumnBlock, DropdownBlock, TextBlock } from '../../../types';
-import { WithBubble } from './Utils';
-type DropdownBlockType = {
-    blocks: (DropdownBlock | TextBlock)[];
-} & Omit<ColumnBlock, 'blocks'>;
-export declare const DropdownSchema: z.ZodEffects<z.ZodObject<{
-    type: z.ZodLiteral<"dropdown">;
-    text: z.ZodOptional<z.ZodString>;
-    message: z.ZodOptional<z.ZodString>;
-    options: z.ZodArray<z.ZodObject<{
-        label: z.ZodString;
-        value: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        value: string;
-        label: string;
-    }, {
-        value: string;
-        label: string;
-    }>, "many">;
-}, "strip", z.ZodTypeAny, {
-    options: {
-        value: string;
-        label: string;
-    }[];
-    type: "dropdown";
-    text?: string | undefined;
-    message?: string | undefined;
-}, {
-    options: {
-        value: string;
-        label: string;
-    }[];
-    type: "dropdown";
-    text?: string | undefined;
-    message?: string | undefined;
-}>, WithBubble<DropdownBlockType>, {
-    options: {
-        value: string;
-        label: string;
-    }[];
-    type: "dropdown";
-    text?: string | undefined;
-    message?: string | undefined;
-}>;
-export {};