@botpress/webchat 1.1.1 → 1.3.0

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

@@ -1,9 +1,6 @@
-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];
+import { Theme } from './theme';
+import { target } from 'webchat-adapters';
+export type BlockTypes = 'button' | 'text' | 'image' | 'audio' | 'video' | 'file' | 'location' | 'column' | 'row' | 'bubble' | 'carousel' | 'dropdown';
 export type BlockStyles = NonNullable<Theme['message']>['blocks'];
 export type AudioBlock = target.AudioMessage;
 export type BubbleBlock = target.BubbleMessage;

package/dist/types/configuration.d.ts

@@ -1,16 +1,4 @@
-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 {};
+import { z } from 'zod';
+import * as schemas from '../schemas';
+export type DescriptionItem = z.infer<typeof schemas.descriptionItemSchema>;
+export type Configuration = z.infer<typeof schemas.configurationSchema>;

package/dist/types/index.d.ts

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

package/dist/types/init.d.ts

@@ -0,0 +1,6 @@
+import { z } from 'zod';
+import * as schemas from '../schemas';
+export type StateProps = z.infer<typeof schemas.statePropsSchema>;
+export type UserProps = z.infer<typeof schemas.userPropsSchema>;
+export type ClientModeProps = z.infer<typeof schemas.clientModePropsSchema>;
+export type InitProps = z.infer<typeof schemas.initPropsSchema>;

package/dist/types/theme.d.ts

@@ -0,0 +1,7 @@
+import { z } from 'zod';
+import * as schemas from '../schemas';
+export type MarkdownType = z.infer<typeof schemas.markdownTypeSchema>;
+export type StyleOption = z.infer<typeof schemas.styleOptionSchema>;
+export type AvatarTheme = z.infer<typeof schemas.avatarThemeSchema>;
+export type BlocksTheme = z.infer<typeof schemas.blockThemeSchema>;
+export type Theme = z.infer<typeof schemas.themeSchema>;

package/dist/utils/index.d.ts

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

package/openapi/index.ts

@@ -0,0 +1,31 @@
+import yargs, { parseEnv, YargsSchema } from '@bpinternal/yargs-extra'
+import { api } from 'webchat-api'
+import pathlib from 'path'
+
+const DEFAULT_OPENAPI_GEN_ENDPOINT = 'http://api.openapi-generator.tech'
+
+const configSchema = {
+  outDir: {
+    type: 'string',
+    demandOption: true,
+  },
+  openapiEndpoint: {
+    type: 'string',
+    default: DEFAULT_OPENAPI_GEN_ENDPOINT,
+  },
+} satisfies YargsSchema
+
+const description = 'Generate OpenAPI client'
+void yargs
+  .command('$0', description, configSchema, async (argv) => {
+    const args = { ...argv, ...parseEnv(configSchema) }
+
+    const clientDir = pathlib.join(args.outDir, 'client')
+    const signalsDir = pathlib.join(args.outDir, 'signals')
+    const modelsDir = pathlib.join(args.outDir, 'models')
+    await api.exportClient(clientDir, args.openapiEndpoint)
+    await api.signals.exportSchemas(signalsDir)
+    await api.models.exportSchemas(modelsDir)
+  })
+  .help()
+  .parse()

package/openapi/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "openapi.ts",
+  "description": "script to generate client",
+  "type": "commonjs"
+}

package/openapi/readme.md

@@ -0,0 +1 @@
+this script must have its own dedicated package.json and tsconfig.json to run properly with ts-node

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botpress/webchat",
-  "version": "1.1.1",
+  "version": "1.3.0",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.umd.cjs",
@@ -14,66 +14,46 @@
   },
   "scripts": {
     "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",
-    "test": "vitest run"
+    "build": "vite build",
+    "test": "vitest run",
+    "gen:client": "ts-node -T ./openapi --out-dir ./src/gen"
   },
   "dependencies": {
-    "@botpress/chat": "0.2.4",
-    "@botpress/messaging-socket": "^1.2.0",
+    "@botpress/messaging-socket": "^1.3.0",
     "@floating-ui/react": "^0.25.4",
     "@headlessui/react": "1.7.11",
     "@heroicons/react": "^2.0.18",
-    "@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",
+    "axios": "1.2.5",
     "clsx": "^2.0.0",
-    "culori": "^3.3.0",
     "dayjs": "^1.11.10",
     "embla-carousel-react": "8.0.0-rc11",
-    "lodash": "^4.17.21",
+    "event-source-polyfill": "^1.0.31",
     "react": "^18.2.0",
-    "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
     "react-hot-toast": "^2.4.1",
-    "react-markdown": "^8.0.7",
+    "react-markdown": "^9.0.1",
     "react-use": "^17.4.0",
-    "tailwind-merge": "^1.14.0",
-    "tailwind-scrollbar": "^3.0.4",
-    "uuid": "^9.0.0",
-    "vite-plugin-svgr": "^3.2.0",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.0",
     "zod": "^3.21.4",
     "zustand": "^4.4.1"
   },
   "devDependencies": {
-    "message-adapters": "workspace:*",
-    "@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",
+    "@bpinternal/yargs-extra": "^0.0.3",
+    "@types/event-source-polyfill": "^1.0.2",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
-    "@types/uuid": "^9.0.3",
+    "@types/web": "^0.0.115",
     "@vitejs/plugin-react-swc": "^3.0.0",
-    "autoprefixer": "^10.4.14",
-    "tailwindcss": "^3.3.2",
-    "typescript": "^5.0.2",
+    "webchat-adapters": "workspace:*",
+    "typescript": "^5.4.3",
     "vite": "^4.3.9",
     "vite-plugin-dts": "^3.5.4",
-    "vitest": "^0.34.6"
+    "vite-plugin-svgr": "^3.2.0",
+    "vitest": "^0.34.6",
+    "webchat-api": "workspace:*"
   }
 }

package/dist/App.d.ts

@@ -1,11 +0,0 @@
-import { ComponentProps } from 'react';
-import { WebChatClient } from './client';
-import { Container } from './components';
-import { Theme } from './schemas';
-type Props = {
-    theme: Theme;
-    client?: WebChatClient;
-} & ComponentProps<typeof Container>;
-export declare const App: ({ theme, client }: Props) => JSX.Element;
-export declare function FabSample(props: Props): JSX.Element;
-export {};

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

@@ -1,33 +0,0 @@
-import { z } from 'zod';
-export declare const TriggerSchema: z.ZodObject<{
-    trigger: z.ZodUnion<[z.ZodObject<{
-        type: z.ZodLiteral<"webchat-visibility">;
-        visibility: z.ZodUnion<[z.ZodLiteral<"show">, z.ZodLiteral<"hide">, z.ZodLiteral<"toggle">]>;
-    }, "strip", z.ZodTypeAny, {
-        type: "webchat-visibility";
-        visibility: "hide" | "show" | "toggle";
-    }, {
-        type: "webchat-visibility";
-        visibility: "hide" | "show" | "toggle";
-    }>, z.ZodObject<{
-        type: z.ZodLiteral<"custom-event">;
-    }, "strip", z.ZodTypeAny, {
-        type: "custom-event";
-    }, {
-        type: "custom-event";
-    }>]>;
-}, "strip", z.ZodTypeAny, {
-    trigger: {
-        type: "webchat-visibility";
-        visibility: "hide" | "show" | "toggle";
-    } | {
-        type: "custom-event";
-    };
-}, {
-    trigger: {
-        type: "webchat-visibility";
-        visibility: "hide" | "show" | "toggle";
-    } | {
-        type: "custom-event";
-    };
-}>;

package/dist/components/dev-tools/DevTools.d.ts

@@ -1 +0,0 @@
-export declare const DevTools: () => JSX.Element;

package/dist/components/dev-tools/configuration.d.ts

@@ -1,2 +0,0 @@
-import { Configuration } from '../../types';
-export declare const defaultConfiguration: Configuration;

package/dist/components/dev-tools/helpers.d.ts

@@ -1,5 +0,0 @@
-import { BlockObject, MessageObject } from '../../types';
-type Direction = 'incoming' | 'outgoing' | 'system';
-export declare function messageInBubble(block: BlockObject, direction?: Direction): MessageObject;
-export declare function splitCamelCase(text: string): string;
-export {};

package/dist/options.d.ts

@@ -1,11 +0,0 @@
-type ChatOptions = {
-    backend: 'messaging';
-    apiUrl: string;
-    clientId: string;
-} | {
-    backend: 'chat';
-    apiUrl: string;
-    clientId: string;
-};
-export declare const getOptions: () => ChatOptions;
-export {};

package/dist/themes/base.d.ts

@@ -1,3 +0,0 @@
-import { Theme } from '../schemas';
-export declare const fabIcon: (color?: string) => string;
-export declare const baseTheme: Theme;