@nlxai/touchpoint-ui 1.0.5-alpha.0 → 1.0.5-alpha.2

package/index.html

@@ -88,6 +88,21 @@
         aliquam bibendum.
       </p>
     </main>
-    <script type="module" src="/src/index.tsx"></script>
+    <script type="module">
+      import { create } from "/src/index.tsx";
+      const touchpoint = await create({
+        config: {
+          applicationUrl:
+            "https://bots.dev.studio.nlx.ai/c/kQwAgKCx86vJ4r0PUSxYR/ON4zgwWnVofsz2NaiD38Z",
+          headers: {
+            "nlx-api-key": "XDE2Th70VhBSlhz2YA",
+          },
+          userId: "1234-5678",
+          languageCode: "en-US",
+        },
+        input: "textAndVoice",
+      });
+      touchpoint.expanded = true;
+    </script>
   </body>
 </html>

package/lib/App.d.ts

@@ -1,39 +1,14 @@
-import { ConversationHandler, Config } from '@nlxai/chat-core';
-import { ColorMode, WindowSize, Theme, CustomModalityComponent } from './types';
+import { ConversationHandler } from '@nlxai/chat-core';
+import { TouchpointConfiguration, InitializeConversation } from './types';
 /**
  * Main Touchpoint creation properties object
  */
-export interface Props {
-    /**
-     * Configuration object for Touchpoint
-     */
-    config: Config;
-    /**
-     * Optional window size for the chat window, defaults to `half`
-     */
-    windowSize?: WindowSize;
-    /**
-     * Optional color mode for the chat window, defaults to `dark`
-     */
-    colorMode?: ColorMode;
-    /**
-     * URL of icon used to display the brand in the chat header
-     */
-    brandIcon?: string;
-    /**
-     * URL of icon used on the launch icon in the bottom right when the experience is collapsed.
-     *
-     * When set to `false`, no launch button is shown at all. When not set or set to `true`, the default launch icon is rendered.
-     */
-    launchIcon?: string | boolean;
-    /**
-     * Optional theme object to override default theme values
-     */
-    theme?: Partial<Theme>;
-    /**
-     * Optional custom modality components to render in Touchpoint
-     */
-    customModalities?: Record<string, CustomModalityComponent<any>>;
+interface Props extends TouchpointConfiguration {
+    embedded: boolean;
+    onClose: ((event: Event) => void) | null;
+    enableSettings: boolean;
+    enabled: boolean;
+    initializeConversation: InitializeConversation;
 }
 export interface AppRef {
     setExpanded: (val: boolean) => void;

package/lib/components/Header.d.ts

@@ -1,13 +1,15 @@
 import { FC } from 'react';
 import { WindowSize, ColorMode } from '../types';
 interface HeaderProps {
-    windowSize: WindowSize;
+    windowSize: WindowSize | "embedded";
     colorMode: ColorMode;
     brandIcon?: string;
-    collapse: () => void;
+    renderCollapse: boolean;
+    collapse: (event: Event) => void;
     reset: () => void;
     toggleSettings?: () => void;
     isSettingsOpen: boolean;
+    enabled: boolean;
 }
 export declare const Header: FC<HeaderProps>;
 export {};

package/lib/components/Input.d.ts

@@ -10,6 +10,8 @@ interface InputProps {
         file: File;
     }) => void;
     choiceMessage?: ChoiceMessage;
+    voiceEnabled: boolean;
+    enabled: boolean;
 }
 export declare const Input: FC<InputProps>;
 export {};

package/lib/components/Messages.d.ts

@@ -10,6 +10,7 @@ export interface MessagesProps {
     lastBotResponseIndex?: number;
     customModalities: Record<string, CustomModalityComponent<any>>;
     className?: string;
+    enabled: boolean;
 }
 export declare const MessageChoices: FC<{
     handler: ConversationHandler;

package/lib/components/ui/IconButton.d.ts

@@ -9,7 +9,7 @@ import { IconProps } from './Icons';
  * - `coverup`: An icon button used to cover up or mask something.
  * - `overlay`: An icon button that appears over other content.
  */
-export type IconButtonType = "main" | "ghost" | "activated" | "coverup" | "overlay";
+export type IconButtonType = "main" | "ghost" | "activated" | "coverup" | "error" | "overlay";
 /**
  * Props for the IconButton component
  */

package/lib/index.d.ts

@@ -1,11 +1,11 @@
 import { ConversationHandler } from '@nlxai/chat-core';
-import { Props } from './App';
 import { TextButton } from './components/ui/TextButton';
 import { IconButton } from './components/ui/IconButton';
 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 } from './types';
 import * as Icons from "./components/ui/Icons";
 export { default as React } from 'react';
 export declare const html: (strings: TemplateStringsArray, ...values: any[]) => unknown;
@@ -14,8 +14,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 Props } from './App';
-export { type ColorMode, type Theme, type WindowSize, type CustomModalityComponent, } from './types';
+export { type InitializeConversation, type ColorMode, type Theme, type WindowSize, type CustomModalityComponent, type TouchpointConfiguration, } from './types';
 /**
  * Instance of a Touchpoint UI component
  */
@@ -38,5 +37,5 @@ export interface TouchpointInstance {
  * @param props - Configuration props for Touchpoint
  * @returns A promise that resolves to a TouchpointInstance
  */
-export declare const create: (props: Props) => Promise<TouchpointInstance>;
+export declare const create: (props: TouchpointConfiguration) => Promise<TouchpointInstance>;
 export { Container as PreviewContainer } from './preview';