@nlxai/touchpoint-ui 1.0.5-alpha.9 → 1.1.1

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.
      */
@@ -156,6 +156,10 @@ export interface Theme {
  * @param context - context set via TouchpointConfiguration.initialContext
  */
 export type InitializeConversation = (handler: ConversationHandler, context?: Context) => void;
+/**
+ * Input type for the experience
+ */
+export type Input = "text" | "voice" | "voiceMini";
 /**
  * Main Touchpoint creation properties object
  */
@@ -201,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.
@@ -211,7 +215,7 @@ export interface TouchpointConfiguration {
     /**
      * 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.
      */

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,8 @@ interface VoiceHookReturn {
     isUserSpeaking: boolean;
     isApplicationSpeaking: boolean;
     soundCheck: null | SoundCheck;
+    roomData: null | ModalitiesWithContext;
+    retrySoundCheck: () => void;
 }
 interface UseVoiceParams {
     active: boolean;
@@ -18,5 +20,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.9",
+  "version": "1.1.1",
   "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.9",
+    "@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": "2d9cdb12e0847e8cad5f21f692b27bd8e6a2ef25"
+  "gitHead": "b243443c611b5bf9c930e508b34195b25a8cb5bf"
 }

package/tailwind.config.js

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