@nlxai/touchpoint-ui 1.0.4-alpha.2 → 1.0.4

package/lib/App.d.ts

@@ -1,17 +1,26 @@
 import { ConversationHandler, Config } from '@nlxai/chat-core';
-import { ColorMode, WindowSize, LogoUrl, Theme, CustomModalityComponent } from './types';
+import { ColorMode, WindowSize, Theme, CustomModalityComponent } from './types';
 export interface Props {
     config: Config;
     windowSize?: WindowSize;
     colorMode?: ColorMode;
-    logoUrl?: LogoUrl;
+    /**
+     * 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;
     theme?: Partial<Theme>;
     customModalities?: Record<string, CustomModalityComponent<any>>;
 }
 export interface AppRef {
-    expand: () => void;
-    collapse: () => void;
-    getConversationHandler: () => ConversationHandler | null;
+    setExpanded: (val: boolean) => void;
+    getExpanded: () => boolean;
+    getConversationHandler: () => ConversationHandler;
 }
 declare const App: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<AppRef>>;
 export default App;

package/lib/components/FullscreenError.d.ts

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

package/lib/components/{ChatHeader.d.ts → Header.d.ts}

@@ -1,13 +1,13 @@
 import { FC } from 'react';
-import { WindowSize, LogoUrl, ColorMode } from '../types';
-interface ChatHeaderProps {
+import { WindowSize, ColorMode } from '../types';
+interface HeaderProps {
     windowSize: WindowSize;
     colorMode: ColorMode;
-    logoUrl?: LogoUrl;
+    brandIcon?: string;
     collapse: () => void;
     reset: () => void;
     toggleSettings?: () => void;
     isSettingsOpen: boolean;
 }
-export declare const ChatHeader: FC<ChatHeaderProps>;
+export declare const Header: FC<HeaderProps>;
 export {};

package/lib/components/{ChatInput.d.ts → Input.d.ts}

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { ConversationHandler, UploadUrl } from '@nlxai/chat-core';
 import { ChoiceMessage } from '../types';
-interface ChatInputProps {
+interface InputProps {
     className?: string;
     handler: ConversationHandler;
     uploadUrl?: UploadUrl;
@@ -11,5 +11,5 @@ interface ChatInputProps {
     }) => void;
     choiceMessage?: ChoiceMessage;
 }
-declare const ChatInput: FC<ChatInputProps>;
-export default ChatInput;
+export declare const Input: FC<InputProps>;
+export {};

package/lib/components/{ChatMessages.d.ts → Messages.d.ts}

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { Response, ConversationHandler, BotMessage } from '@nlxai/chat-core';
 import { CustomModalityComponent, ColorMode } from '../types';
-export interface ChatMessagesProps {
+export interface MessagesProps {
     isWaiting: boolean;
     handler: ConversationHandler;
     responses: Response[];
@@ -18,4 +18,4 @@ export declare const MessageChoices: FC<{
     messageIndex: number;
     className?: string;
 }>;
-export declare const ChatMessages: FC<ChatMessagesProps>;
+export declare const Messages: FC<MessagesProps>;

package/lib/components/Settings.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ConversationHandler } from '@nlxai/chat-core';
+interface SettingsProps {
+    onClose: () => void;
+    handler: ConversationHandler;
+    className?: string;
+}
+export declare const Settings: FC<SettingsProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { FC, ReactNode } from 'react';
+export declare const Carousel: FC<{
+    children: ReactNode;
+}>;

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

@@ -5,9 +5,6 @@ export interface CustomCardProps {
     selected?: boolean;
     onClick?: () => void;
 }
-export declare const CustomCards: FC<{
-    children: ReactNode;
-}>;
 export declare const CustomCard: FC<CustomCardProps>;
 export declare const CustomCardImageRow: FC<{
     src: string;

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

@@ -4,5 +4,6 @@ export interface LaunchButtonProps {
     className?: string;
     showLabel?: boolean;
     onClick?: () => void;
+    iconUrl?: string;
 }
 export declare const LaunchButton: FC<LaunchButtonProps>;

package/lib/index.d.ts

@@ -3,16 +3,17 @@ import { Props } from './App';
 import { TextButton } from './components/ui/TextButton';
 import { IconButton } from './components/ui/IconButton';
 import { BaseText, SmallText } from './components/ui/Typography';
-import { CustomCards, CustomCard, CustomCardRow, CustomCardImageRow } from './components/ui/CustomCard';
+import { CustomCard, CustomCardRow, CustomCardImageRow } from './components/ui/CustomCard';
+import { Carousel } from './components/ui/Carousel';
+import { DateInput } from './components/ui/DateInput';
 import * as Icons from "./components/ui/Icons";
-export { useTouchpointContext } from './context';
 export { default as React } from 'react';
 export declare const html: (strings: TemplateStringsArray, ...values: any[]) => unknown;
-export { TextButton, IconButton, BaseText, SmallText, CustomCards, CustomCard, CustomCardRow, CustomCardImageRow, Icons, };
+export { TextButton, IconButton, BaseText, SmallText, DateInput, Carousel, CustomCard, CustomCardRow, CustomCardImageRow, Icons, };
 export interface TouchpointInstance {
-    expand: () => void;
-    collapse: () => void;
-    getConversationHandler: () => ConversationHandler | null;
+    expanded: boolean;
+    conversationHandler: ConversationHandler;
     teardown: () => void;
 }
-export declare const create: (props: Props) => TouchpointInstance;
+export declare const create: (props: Props) => Promise<TouchpointInstance>;
+export { Container as PreviewContainer } from './preview';