@nlxai/touchpoint-ui 1.1.8-alpha.2 → 1.1.8-alpha.4

package/index.html

@@ -146,6 +146,7 @@
           languageCode: "en-US",
         },
         input: "voiceMini",
+        animate: true,
         launchIcon: CustomLaunchButton,
         bidirectional: {
           custom(action, payload) {

package/lib/components/FullscreenVoice.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { Context, ConversationHandler } from '@nlxai/core';
-import { ColorMode, InitializeConversation, CustomModalityComponent } from '../interface';
+import { ColorMode, CustomModalityComponent } from '../interface';
 import { ModalitiesWithContext } from '../voice';
 interface Props {
     colorMode: ColorMode;
@@ -9,7 +9,6 @@ interface Props {
     brandIcon?: string;
     className?: string;
     context?: Context;
-    initializeConversation: InitializeConversation;
     customModalities?: Record<string, CustomModalityComponent<unknown>>;
 }
 export declare const VoiceModalities: FC<{

package/lib/components/RiveAnimation.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const RiveAnimation: FC<unknown>;

package/lib/index.d.ts

@@ -1,4 +1,3 @@
-import { ConversationHandler } from '@nlxai/core';
 import { TextButton } from './components/ui/TextButton';
 import { IconButton } from './components/ui/IconButton';
 import { Ripple } from './components/Ripple';
@@ -6,7 +5,7 @@ import { BaseText, SmallText } from './components/ui/Typography';
 import { CustomCard, CustomCardRow, CustomCardImageRow } from './components/ui/CustomCard';
 import { Carousel } from './components/ui/Carousel';
 import { DateInput } from './components/ui/DateInput';
-import { TouchpointConfiguration, BidirectionalCustomCommand } from './interface';
+import { TouchpointConfiguration, TouchpointInstance } from './interface';
 import * as Icons from "./components/ui/Icons";
 export { analyzePageForms, type InteractiveElementInfo, type PageForms, type AccessibilityInformation, } from './bidirectional/analyzePageForms';
 /**
@@ -30,77 +29,7 @@ export { type CustomCardProps, type CustomCardRowProps, } from './components/ui/
 export { type DateInputProps } from './components/ui/DateInput';
 export { type IconButtonProps, type IconButtonType, } from './components/ui/IconButton';
 export { type TextButtonProps } from './components/ui/TextButton';
-export type { WindowSize, ColorMode, ChoiceMessage, CustomModalityComponent, Theme, InitializeConversation, CustomLaunchButton, Input, InputField, PageState, BidirectionalContext, BidirectionalConfig, TouchpointConfiguration, BidirectionalCustomCommand, } from './interface';
-/**
- * Instance of a Touchpoint UI component
- */
-export interface TouchpointInstance {
-    /**
-     * Controls whether the Touchpoint UI is expanded or collapsed
-     */
-    expanded: boolean;
-    /**
-     * The conversation handler instance for interacting with the application
-     */
-    conversationHandler: ConversationHandler;
-    /**
-     * Method to remove the Touchpoint UI from the DOM
-     */
-    teardown: () => void;
-    /**
-     * Sets currently available custom bidirectional commands.
-     * This allows you to define custom commands that can be used in the voice bot.
-     * The commands will be available in the voice bot and can be used to trigger actions.
-     *
-     * Example:
-     * ```javascript
-     * client.setCustomBidirectionalCommands([
-     *     {
-     *       action: "Meal",
-     *       description: "add a meal to your flight",
-     *       schema: {
-     *         enum: ["standard", "vegetarian", "vegan", "gluten-free"],
-     *       },
-     *       handler: (value) => {
-     *         console.log("Meal option:", value);
-     *       },
-     *     },
-     *   ]);
-     * ```
-     *
-     * This will allow the voice bot to use the command `Meal` with the value `standard`, `vegetarian`, `vegan`, or `gluten-free`.
-     *
-     * When using more complex arguments, a library such as [Zod](https://zod.dev) can be useful:
-     *
-     * ```javascript
-     * import * as z from "zod/v4";
-     *
-     * const schema = z.object({
-     *   "name": z.string().describe("The customer's name, such as John Doe"),
-     *   "email": z.string().email().describe("The customer's email address"),
-     * });
-     *
-     * client.setCustomBidirectionalCommands([
-     *     {
-     *       action: "Meal",
-     *       description: "add a meal to your flight",
-     *       schema: z.toJSONSchema(schema, {io: "input"}),
-     *       handler: (value) => {
-     *         const result = z.safeParse(schema, value);
-     *         if (result.success) {
-     *           // result.data is now type safe and TypeScript can reason about it
-     *           console.log("Meal option:", result.data);
-     *         } else {
-     *           console.error("Failed to parse Meal option:", result.error);
-     *         }
-     *       },
-     *     },
-     *   ]);
-     * ```
-     * @param commands - A list containing the custom commands to set.
-     */
-    setCustomBidirectionalCommands: (commands: BidirectionalCustomCommand[]) => void;
-}
+export type { WindowSize, ColorMode, ChoiceMessage, CustomModalityComponent, Theme, InitializeConversation, CustomLaunchButton, Input, InputField, PageState, BidirectionalContext, BidirectionalConfig, TouchpointConfiguration, BidirectionalCustomCommand, TouchpointInstance, } from './interface';
 /**
  * Creates a new Touchpoint UI instance and appends it to the document body
  * @param props - Configuration props for Touchpoint