@nlxai/touchpoint-ui 1.2.1 → 1.2.2-alpha.1

package/lib/interface.d.ts

@@ -360,6 +360,11 @@ export interface TouchpointConfiguration {
     /**
      * Optional custom modality components to render in Touchpoint
      */
+    modalityComponents?: Record<string, CustomModalityComponent<unknown>>;
+    /**
+     * Optional custom modality components to render in Touchpoint
+     * @deprecated use {@link TouchpointConfiguration.modalityComponents} instead.
+     */
     customModalities?: Record<string, CustomModalityComponent<unknown>>;
     /**
      * Custom conversation init method. Defaults to sending the welcome intent

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nlxai/touchpoint-ui",
-  "version": "1.2.1",
+  "version": "1.2.2-alpha.1",
   "description": "Web UI for Touchpoint",
   "type": "module",
   "main": "lib/index.js",
@@ -31,16 +31,18 @@
     "@types/json-schema": "^7.0.15",
     "clsx": "^2.1.1",
     "htm": "^3.1.1",
-    "livekit-client": "^2.9.9",
+    "livekit-client": "^2.15.14",
     "marked": "^15.0.4",
     "ramda": "^0.30.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-error-boundary": "^6.0.0",
     "react-indiana-drag-scroll": "^2.2.0",
     "react-textarea-autosize": "^8.5.6"
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^6.0.2",
+    "@tailwindcss/vite": "^4.1.16",
     "@types/node": "^20.12.8",
     "@types/ramda": "^0.30.2",
     "@types/react": "^18.3.1",
@@ -48,11 +50,9 @@
     "@typescript-eslint/eslint-plugin": "^7.8.0",
     "@typescript-eslint/parser": "^7.8.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "autoprefixer": "^10.4.19",
     "dom-accessibility-api": "^0.7.0",
     "eslint-config-nlx": "*",
-    "postcss": "^8.4.38",
-    "tailwindcss": "^3.4.3",
+    "tailwindcss": "^4.1.16",
     "typescript": "^5.4.5",
     "vite": "^6.0",
     "vite-plugin-dts": "^4.5.0",
@@ -61,5 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e0ab548a70dd47378d9c91d9cb4b8d800597b1cf"
+  "gitHead": "768073c5aa4cfd99f63fd8a9d1b8591e0eb4bcf5"
 }

package/vite.config.ts

@@ -1,4 +1,5 @@
 import { resolve } from "path";
+import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
 import replace from "@rollup/plugin-replace";
 import { defineConfig } from "vite";
@@ -25,6 +26,7 @@ const adjustJsEntryPoint = ({ mode }: { mode: string }): any => {
 export default defineConfig(({ mode, command }) => ({
   plugins: [
     react(),
+    tailwindcss(),
     replace(
       command === "serve"
         ? {}

package/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/tailwind.config.js

@@ -1,50 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: ["./src/**/*.{ts,tsx}"],
-  prefix: "",
-  theme: {
-    fontFamily: {
-      sans: ["var(--font-family)"],
-    },
-    extend: {
-      backdropBlur: {
-        overlay: "48px",
-      },
-      maxWidth: {
-        content: "640px",
-      },
-      borderRadius: {
-        inner: "var(--inner-border-radius)",
-        outer: "var(--outer-border-radius)",
-      },
-      zIndex: {
-        touchpoint: 1000,
-        launchButton: 100,
-      },
-      colors: {
-        "primary-80": "var(--primary-80)",
-        "primary-60": "var(--primary-60)",
-        "primary-40": "var(--primary-40)",
-        "primary-20": "var(--primary-20)",
-        "primary-10": "var(--primary-10)",
-        "primary-5": "var(--primary-5)",
-        "primary-1": "var(--primary-1)",
-        "secondary-80": "var(--secondary-80)",
-        "secondary-60": "var(--secondary-60)",
-        "secondary-40": "var(--secondary-40)",
-        "secondary-20": "var(--secondary-20)",
-        "secondary-10": "var(--secondary-10)",
-        "secondary-5": "var(--secondary-5)",
-        "secondary-1": "var(--secondary-1)",
-        accent: "var(--accent)",
-        "accent-20": "var(--accent-20)",
-        background: "var(--background)",
-        overlay: "var(--overlay)",
-        "warning-primary": "var(--warning-primary)",
-        "warning-secondary": "var(--warning-secondary)",
-        "error-primary": "var(--error-primary)",
-        "error-secondary": "var(--error-secondary)",
-      },
-    },
-  },
-};