@nlxai/touchpoint-ui 1.2.6 → 1.2.7-alpha.1

package/lib/interface.d.ts

@@ -222,9 +222,16 @@ export type BidirectionalConfig = {
  */
 export interface TouchpointConfiguration {
     /**
-     * Connection information for the \@nlxai/core conversation handler
+     * Connection information for the \@nlxai/core conversation handler.
+     * Required unless `conversationHandler` is provided.
      */
-    config: Config;
+    config?: Config;
+    /**
+     * A pre-built conversation handler. When provided, Touchpoint will use this
+     * instead of creating one from `config`. This enables adapters like
+     * \@nlxai/connect-chat-adapter to power the Touchpoint UI.
+     */
+    conversationHandler?: ConversationHandler;
     /**
      * Optional window size for the chat window, defaults to `half`
      */

package/lib/mocks/MockText.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WindowSize, ColorMode } from '../interface';
+export declare const MockText: FC<{
+    embedded: boolean;
+    colorMode?: ColorMode;
+    isExpanded: boolean;
+    onClose: () => void;
+    onExpand: () => void;
+    windowSize: WindowSize;
+}>;

package/lib/mocks/MockVoice.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WindowSize, ColorMode } from '../interface';
+export declare const MockVoice: FC<{
+    embedded: boolean;
+    colorMode?: ColorMode;
+    isExpanded: boolean;
+    onClose: () => void;
+    onExpand: () => void;
+    windowSize: WindowSize;
+}>;

package/lib/mocks/MockVoiceMini.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ColorMode } from '../interface';
+export declare const MockVoiceMini: FC<{
+    colorMode?: ColorMode;
+    isExpanded: boolean;
+    onClose: () => void;
+    onExpand: () => void;
+}>;

package/lib/mocks/shared.d.ts

@@ -0,0 +1,5 @@
+import { Response, ConversationHandler } from '@nlxai/core';
+import { Theme } from '../interface';
+export declare const mockTheme: Partial<Theme>;
+export declare const mockConversationHandler: ConversationHandler;
+export declare const responses: Response[];

package/lib/types.d.ts

@@ -1,5 +1,5 @@
 import { Config } from '@nlxai/core';
 import { TouchpointConfiguration } from './interface';
 export type NormalizedTouchpointConfiguration = TouchpointConfiguration & Required<Pick<TouchpointConfiguration, "initializeConversation" | "input">> & {
-    config: Required<Pick<Config, "conversationId" | "userId" | "bidirectional">>;
+    config: Config & Required<Pick<Config, "conversationId" | "userId" | "bidirectional" | "languageCode">>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nlxai/touchpoint-ui",
-  "version": "1.2.6",
+  "version": "1.2.7-alpha.1",
   "description": "Web UI for Touchpoint",
   "type": "module",
   "main": "lib/index.js",
@@ -11,15 +11,14 @@
   "types": "lib/index.d.ts",
   "scripts": {
     "dev": "vite",
+    "dev:connect": "vite --open connect-chat.html",
     "design-system": "vite --mode design-system",
+    "build:design-system": "vite build --mode design-system",
     "build": "tsc && vite build",
-    "docs": "rm -rf docs/ && typedoc && concat-md --decrease-title-levels --dir-name-as-title docs/ > docs/index.md",
-    "lint:check": "eslint src/ --ext .ts,.tsx,.js,.jsx --max-warnings 0",
+    "lint:check": "eslint src/",
     "prepublish": "npm run build",
-    "lint": "eslint src/ --ext .ts,.tsx,.js,.jsx --fix",
+    "lint": "eslint src/ --fix",
     "format": "git ls-files | grep -E '\\.(js|jsx|ts|tsx|css|html)$' | xargs prettier --write",
-    "preview-docs": "npm run docs && comrak --unsafe --gfm -o docs/index.html docs/index.md && open docs/index.html",
-    "publish-docs": "npm run docs && mv docs/index.md ../website/src/content/touchpoint-ui-api-reference.md",
     "test": "typedoc --emit none && vitest run",
     "tsc": "tsc",
     "update-readme:docs": "rm -rf docs/ && typedoc --excludeExternals --externalPattern src/components/ui/Icons.tsx",
@@ -28,15 +27,15 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.1.0",
-    "@nlxai/core": "^1.2.6",
+    "@nlxai/core": "^1.2.7-alpha.1",
     "@react-hookz/web": "^25.0.1",
     "@react-input/mask": "^2.0.4",
     "@rive-app/webgl2": "^2.31.5",
     "@types/json-schema": "^7.0.15",
     "clsx": "^2.1.1",
-    "dompurify": "^3.3.1",
+    "dompurify": "^3.4.11",
     "htm": "^3.1.1",
-    "livekit-client": "^2.15.14",
+    "livekit-client": "^2.18.9",
     "marked": "^15.0.4",
     "ramda": "^0.32.0",
     "react": "^18.3.1",
@@ -46,6 +45,7 @@
     "react-textarea-autosize": "^8.5.6"
   },
   "devDependencies": {
+    "@livekit/throws-transformer": "^0.1.8",
     "@nlxai/eslint-config": "*",
     "@rollup/plugin-replace": "^6.0.2",
     "@tailwindcss/vite": "^4.1.16",
@@ -54,23 +54,22 @@
     "@types/ramda": "^0.31.1",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.8.0",
-    "@typescript-eslint/parser": "^7.8.0",
+    "@types/sdp-transform": "^2.4.9",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/ui": "^3.2.4",
+    "@vitest/ui": "^4.1.0",
     "dom-accessibility-api": "^0.7.0",
     "jsdom": "^27.0.1",
     "tailwindcss": "^4.1.16",
     "typedoc": "^0.28.14",
     "typedoc-plugin-markdown": "^4.9.0",
     "typescript": "^5.4.5",
-    "vite": "^6.0",
+    "vite": "^6.4.3",
     "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.2.4",
+    "vitest": "^4.1.0",
     "zod": "^4.1.5"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fb9a0b00ca2184fb69ffd1e11e8f55d30fe1d85e"
+  "gitHead": "548c2c6c876cf86572aeb63a6810ed87c9b0382a"
 }

package/tsdoc.json

@@ -1,6 +1,19 @@
 {
   "$schema": "https://developer.microsoft.com/json-schemas/tsdoc/v0/tsdoc.schema.json",
-  "extends": ["typedoc/tsdoc.json"],
   "noStandardTags": false,
-  "tagDefinitions": []
+  "tagDefinitions": [
+    {
+      "tagName": "@category",
+      "syntaxKind": "block",
+      "allowMultiple": true
+    },
+    {
+      "tagName": "@hidden",
+      "syntaxKind": "modifier"
+    },
+    {
+      "tagName": "@inline",
+      "syntaxKind": "modifier"
+    }
+  ]
 }

package/vite.config.ts

@@ -1,5 +1,6 @@
 import { resolve } from "path";
 import tailwindcss from "@tailwindcss/vite";
+import { type PluginOption } from "vite";
 import react from "@vitejs/plugin-react";
 import replace from "@rollup/plugin-replace";
 import { defineConfig } from "vite";
@@ -8,43 +9,72 @@ import dts from "vite-plugin-dts";
 /**
  * Adjust the JS entry point if the app is run in prototype or review modes
  */
-const adjustJsEntryPoint = ({ mode }: { mode: string }): any => {
+const designSystemEntryPoint = (): PluginOption => {
   return {
     name: "html-transform",
-    order: "pre",
-    transformIndexHtml: (html: string) => {
-      const entryPoint = "/src/index.tsx";
-      if (mode === "design-system") {
-        return html.replace(entryPoint, "/src/design-system.tsx");
-      }
-      return html;
+    transformIndexHtml: {
+      order: "pre",
+      handler: () => {
+        return {
+          html: `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Design System</title>
+</head>
+<body>
+  <main></main>
+  <script type="module">
+    import { renderDesignSystem } from "./src/design-system/index.tsx";
+
+    renderDesignSystem(document.querySelector("main"));
+  </script>
+</body>
+</html>
+`,
+          tags: [],
+        };
+      },
     },
   };
 };
 
+const sharedPlugins = (command: "serve" | "build"): PluginOption[] => [
+  react(),
+  tailwindcss(),
+  replace(
+    command === "serve"
+      ? {}
+      : {
+          "process.env.NODE_ENV": JSON.stringify("production"),
+        },
+  ),
+  dts(),
+];
+
 // https://vitejs.dev/config/
-export default defineConfig(({ mode, command }) => ({
-  plugins: [
-    react(),
-    tailwindcss(),
-    replace(
-      command === "serve"
-        ? {}
-        : {
-            "process.env.NODE_ENV": JSON.stringify("production"),
+export default defineConfig(({ mode, command }) =>
+  mode === "design-system"
+    ? {
+        plugins: [designSystemEntryPoint(), ...sharedPlugins(command)],
+        base: "./",
+        build: {
+          outDir: "build",
+        },
+      }
+    : {
+        plugins: sharedPlugins(command),
+        resolve: {},
+        build: {
+          outDir: "lib",
+          lib: {
+            entry: resolve(__dirname, "./src/index.tsx"),
+            type: ["umd", "es"],
+            name: "nlxai.touchpointUi",
+            fileName: (format) =>
+              format === "umd" ? "index.umd.js" : "index.js",
           },
-    ),
-    adjustJsEntryPoint({ mode }),
-    dts(),
-  ],
-  resolve: {},
-  build: {
-    outDir: "lib",
-    lib: {
-      entry: resolve(__dirname, "./src/index.tsx"),
-      type: ["umd", "es"],
-      name: "nlxai.touchpointUi",
-      fileName: (format) => (format === "umd" ? "index.umd.js" : "index.js"),
-    },
-  },
-}));
+        },
+      },
+);

package/.eslintrc.cjs

@@ -1,5 +0,0 @@
-/** @type {import('eslint').Linter.Config } */
-module.exports = {
-  root: true,
-  extends: ["@nlxai/eslint-config", "@nlxai/eslint-config/documentation"],
-};