@nlxai/touchpoint-ui 1.0.5-alpha.11 → 1.0.5-alpha.13

package/lib/types.d.ts

@@ -1,5 +1,5 @@
 import { Config, BotMessage, ConversationHandler, Context } from '@nlxai/chat-core';
-import { FC } from 'react';
+import { ComponentType } from 'react';
 /**
  * Window size configuration
  */
@@ -29,7 +29,7 @@ export interface ChoiceMessage {
  * Custom Modalities allow rendering of rich components from nodes.
  * See: https://docs.studio.nlx.ai/build/resources/modalities
  */
-export type CustomModalityComponent<Data> = FC<{
+export type CustomModalityComponent<Data> = ComponentType<{
     /**
      * The payload of the Custom Modality. The schema is defined in Dialog Studio settings.
      */
@@ -205,7 +205,7 @@ export interface TouchpointConfiguration {
     /**
      * Optional custom modality components to render in Touchpoint
      */
-    customModalities?: Record<string, CustomModalityComponent<any>>;
+    customModalities?: Record<string, CustomModalityComponent<unknown>>;
     /**
      * Custom conversation init method. Defaults to sending the welcome intent
      * @param handler - the conversation handler.

package/lib/voice.d.ts

@@ -1,4 +1,4 @@
-import { Context, ConversationHandler } from '@nlxai/chat-core';
+import { Context, ConversationHandler, ModalityPayloads } from '@nlxai/chat-core';
 type VoiceRoomState = "inactive" | "pending" | "active" | "error" | "terminated";
 export interface SoundCheck {
     micAllowed: boolean;
@@ -10,6 +10,7 @@ interface VoiceHookReturn {
     isUserSpeaking: boolean;
     isApplicationSpeaking: boolean;
     soundCheck: null | SoundCheck;
+    roomData: null | ModalitiesWithContext;
 }
 interface UseVoiceParams {
     active: boolean;
@@ -18,5 +19,10 @@ interface UseVoiceParams {
     handler: ConversationHandler;
     context?: Context;
 }
+export interface ModalitiesWithContext {
+    modalities: ModalityPayloads;
+    from?: string;
+    timestamp: number;
+}
 export declare const useVoice: ({ active, micEnabled, speakersEnabled, handler, context, }: UseVoiceParams) => VoiceHookReturn;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nlxai/touchpoint-ui",
-  "version": "1.0.5-alpha.11",
+  "version": "1.0.5-alpha.13",
   "description": "Web UI for Touchpoint",
   "type": "module",
   "main": "lib/index.js",
@@ -24,7 +24,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@nlxai/chat-core": "^1.0.5-alpha.11",
+    "@nlxai/chat-core": "^1.0.5-alpha.13",
     "@react-hookz/web": "^25.0.1",
     "@react-input/mask": "^2.0.4",
     "clsx": "^2.1.1",
@@ -47,6 +47,7 @@
     "@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",
@@ -57,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c5324ea31b9f4c806e6ddb8fd547405b7298d2b0"
+  "gitHead": "2760fadb724143d4d72ca5a4a4da77a71aa41199"
 }

package/tailwind.config.js

@@ -11,7 +11,7 @@ module.exports = {
         overlay: "48px",
       },
       maxWidth: {
-        content: "608px",
+        content: "640px",
       },
       borderRadius: {
         inner: "var(--inner-border-radius)",