@botpress/webchat 1.2.0 → 1.3.1

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 '../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,7 @@
+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 ConfigProps = z.infer<typeof schemas.configPropsSchema>;
+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.ts

@@ -0,0 +1,40 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+import type { default as yargs } from '@bpinternal/yargs-extra'
+import { parseEnv, YargsSchema } from '@bpinternal/yargs-extra'
+import { api } from 'webchat-api'
+import pathlib from 'path'
+
+const yargsExtra = require('@bpinternal/yargs-extra') // running script from an esm module
+const yargz = yargsExtra.default as typeof yargs
+
+const DEFAULT_OPENAPI_GEN_ENDPOINT = 'http://api.openapi-generator.tech'
+
+const configSchema = {
+  outDir: {
+    type: 'string',
+  },
+  openapiEndpoint: {
+    type: 'string',
+    default: DEFAULT_OPENAPI_GEN_ENDPOINT,
+  },
+} satisfies YargsSchema
+
+const description = 'Generate OpenAPI client'
+
+void yargz
+  .command('$0', description, configSchema, async (argv) => {
+    const config = { ...argv, ...parseEnv(configSchema) }
+    if (!config.outDir) {
+      throw new Error('outDir is required')
+    }
+
+    const clientDir = pathlib.join(config.outDir, 'client')
+    const signalsDir = pathlib.join(config.outDir, 'signals')
+    const modelsDir = pathlib.join(config.outDir, 'models')
+    await api.exportClient(clientDir, config.openapiEndpoint)
+    await api.signals.exportSchemas(signalsDir)
+    await api.models.exportSchemas(modelsDir)
+  })
+  .showHelpOnFail(false)
+  .help()
+  .parse()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botpress/webchat",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.umd.cjs",
@@ -14,72 +14,49 @@
   },
   "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",
+    "build": "vite build",
     "test": "vitest run",
-    "gen:client": "ts-node -T ./openapi --out-dir ./src/gen"
+    "gen:client": "OUT_DIR=./src/gen es-node ./openapi"
   },
   "dependencies": {
-    "@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",
     "axios": "1.2.5",
-    "classnames": "^2.3.2",
     "clsx": "^2.0.0",
-    "culori": "^3.3.0",
     "dayjs": "^1.11.10",
     "embla-carousel-react": "8.0.0-rc11",
     "event-source-polyfill": "^1.0.31",
-    "lodash": "^4.17.21",
     "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",
+    "uuid": "^9.0.1",
     "zod": "^3.21.4",
     "zustand": "^4.4.1"
   },
   "devDependencies": {
+    "@bpinternal/es-node": "^0.0.4",
     "@bpinternal/yargs-extra": "^0.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/event-source-polyfill": "^1.0.2",
-    "@types/lodash": "^4.14.199",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
-    "@types/uuid": "^9.0.3",
+    "@types/uuid": "^9.0.7",
     "@types/web": "^0.0.115",
     "@vitejs/plugin-react-swc": "^3.0.0",
-    "autoprefixer": "^10.4.14",
-    "webchat-api": "workspace:*",
-    "message-adapters": "workspace:*",
-    "tailwindcss": "^3.3.2",
-    "typescript": "^5.0.2",
+    "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-adapters": "workspace:*",
+    "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) => import("react/jsx-runtime").JSX.Element;
-export declare function FabSample(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-export declare const DevTools: () => import("react/jsx-runtime").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 WebchatOptions = {
-    backend: 'messaging';
-    apiUrl: string;
-    clientId: string;
-} | {
-    backend: 'pushpin';
-    apiUrl: string;
-    clientId: string;
-};
-export declare const getOptions: () => WebchatOptions;
-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;