@nlxai/touchpoint-ui 1.2.7-alpha.0 → 1.2.7-alpha.2

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/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/lib/website/ConnectChat.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "nlx-touchpoint": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+export declare const ConnectChat: FC;

package/lib/website/index.d.ts

@@ -0,0 +1 @@
+export declare const renderWebsite: (element: HTMLElement) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nlxai/touchpoint-ui",
-  "version": "1.2.7-alpha.0",
+  "version": "1.2.7-alpha.2",
   "description": "Web UI for Touchpoint",
   "type": "module",
   "main": "lib/index.js",
@@ -11,16 +11,13 @@
   "types": "lib/index.d.ts",
   "scripts": {
     "dev": "vite",
-    "design-system": "vite --mode design-system",
-    "build:design-system": "vite build --mode design-system",
+    "website": "vite --mode website",
+    "build:website": "vite build --mode website",
     "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",
@@ -29,15 +26,16 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.1.0",
-    "@nlxai/core": "^1.2.6",
+    "@nlxai/connect-chat-adapter": "^1.2.7-alpha.2",
+    "@nlxai/core": "^1.2.7-alpha.2",
     "@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",
@@ -47,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",
@@ -55,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": "e7790346d0425fceeb4a35708978251235550d5f"
+  "gitHead": "28deac5208ff64f99a3d038050172c1ac9a78630"
 }

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

@@ -21,14 +21,17 @@ const designSystemEntryPoint = (): PluginOption => {
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Design System</title>
+  <title>NLX SDK</title>
+  <style>
+    html, body, main, nlx-touchpoint { margin: 0; padding: 0px; height: 100%; }
+  </style>
 </head>
 <body>
   <main></main>
   <script type="module">
-    import { renderDesignSystem } from "./src/design-system/index.tsx";
+    import { renderWebsite } from "./src/website/index.tsx";
 
-    renderDesignSystem(document.querySelector("main"));
+    renderWebsite(document.querySelector("main"));
   </script>
 </body>
 </html>
@@ -55,9 +58,10 @@ const sharedPlugins = (command: "serve" | "build"): PluginOption[] => [
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) =>
-  mode === "design-system"
+  mode === "website"
     ? {
         plugins: [designSystemEntryPoint(), ...sharedPlugins(command)],
+        base: "./",
         build: {
           outDir: "build",
         },

package/.eslintrc.cjs

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

package/build/App.d.ts

@@ -1,20 +0,0 @@
-import { ConversationHandler } from '@nlxai/core';
-import { BidirectionalCustomCommand } from './interface';
-import { NormalizedTouchpointConfiguration } from './types';
-/**
- * Main Touchpoint creation properties object
- */
-interface Props extends NormalizedTouchpointConfiguration {
-    embedded: boolean;
-    onClose: ((event: Event) => void) | null;
-    enableSettings: boolean;
-    enabled: boolean;
-}
-export interface AppRef {
-    setExpanded: (val: boolean) => void;
-    getExpanded: () => boolean;
-    getConversationHandler: () => ConversationHandler;
-    setCustomBidirectionalCommands: (commands: BidirectionalCustomCommand[]) => void;
-}
-declare const App: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<AppRef>>;
-export default App;

package/build/ProviderStack.d.ts

@@ -1,10 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { Copy, ColorMode, Theme } from './interface';
-export declare const ProviderStack: FC<{
-    colorMode: ColorMode;
-    className?: string;
-    theme?: Partial<Theme>;
-    children?: ReactNode;
-    languageCode: string;
-    copy?: Partial<Copy>;
-}>;