@nlxai/touchpoint-ui 1.0.5-alpha.8 → 1.1.0

package/lib/types.d.ts

@@ -1,5 +1,5 @@
-import { Config, BotMessage, ConversationHandler } from '@nlxai/chat-core';
-import { FC } from 'react';
+import { Config, BotMessage, ConversationHandler, Context } from '@nlxai/chat-core';
+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.
      */
@@ -153,8 +153,13 @@ export interface Theme {
 /**
  * Custom conversation init method. Defaults to sending the welcome intent
  * @param handler - the conversation handler.
+ * @param context - context set via TouchpointConfiguration.initialContext
  */
-export type InitializeConversation = (handler: ConversationHandler) => void;
+export type InitializeConversation = (handler: ConversationHandler, context?: Context) => void;
+/**
+ * Input type for the experience
+ */
+export type Input = "text" | "voice" | "voiceMini";
 /**
  * Main Touchpoint creation properties object
  */
@@ -200,14 +205,19 @@ 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.
+     * @param context - the context object
      */
     initializeConversation?: InitializeConversation;
     /**
      * Controls the ways in which the user can communicate with the application. Defaults to `"text"`
      */
-    input?: "text" | "voice" | "voiceMini";
+    input?: Input;
+    /**
+     * Context sent with the initial request.
+     */
+    initialContext?: Context;
 }

package/lib/voice.d.ts

@@ -1,5 +1,5 @@
-import { ConversationHandler } from '@nlxai/chat-core';
-type VoiceRoomState = "inactive" | "pending" | "active" | "error";
+import { Context, ConversationHandler, ModalityPayloads } from '@nlxai/chat-core';
+type VoiceRoomState = "inactive" | "pending" | "active" | "error" | "terminated";
 export interface SoundCheck {
     micAllowed: boolean;
     micNames: string[];
@@ -10,12 +10,19 @@ interface VoiceHookReturn {
     isUserSpeaking: boolean;
     isApplicationSpeaking: boolean;
     soundCheck: null | SoundCheck;
+    roomData: null | ModalitiesWithContext;
 }
 interface UseVoiceParams {
     active: boolean;
     micEnabled: boolean;
     speakersEnabled: boolean;
     handler: ConversationHandler;
+    context?: Context;
 }
-export declare const useVoice: ({ active, micEnabled, speakersEnabled, handler, }: UseVoiceParams) => VoiceHookReturn;
+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.8",
+  "version": "1.1.0",
   "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.8",
+    "@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": "18cbbadac7360430f812049e5833853223c679f6"
+  "gitHead": "adab97fb26a1baa44bb0fddd84f5ef6029709e24"
 }

package/tailwind.config.js

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