@nlxai/touchpoint-ui 1.0.5-alpha.10 → 1.0.5-alpha.12

package/lib/analyzePageForms.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Accessibility information
+ */
+export type AccessibilityInformation = Record<string, any>;
+/**
+ * Accessibility information with ID
+ */
+export interface InteractiveElementInfo extends AccessibilityInformation {
+    /**
+     * Form element ID (assigned by the analysis logic, not necessarily equal to the DOM ID)
+     */
+    id: string;
+}
+/**
+ * Page forms with elements
+ */
+export interface PageForms {
+    /**
+     * Page context
+     */
+    context: InteractiveElementInfo[];
+    /**
+     * Form element references
+     */
+    formElements: Record<string, Element>;
+}
+/**
+ * Analyze page forms
+ * @returns pageForms
+ */
+export declare const analyzePageForms: () => PageForms;

package/lib/components/FullscreenVoice.d.ts

@@ -5,6 +5,8 @@ import { SoundCheck } from '../voice';
 interface Props {
     colorMode: ColorMode;
     handler: ConversationHandler;
+    speakersEnabled: boolean;
+    brandIcon?: string;
     className?: string;
     active: boolean;
     setActive: Dispatch<SetStateAction<boolean>>;

package/lib/components/Header.d.ts

@@ -1,8 +1,13 @@
-import { FC } from 'react';
+import { SetStateAction, Dispatch, FC } from 'react';
 import { WindowSize, ColorMode } from '../types';
 interface HeaderProps {
     windowSize: WindowSize | "embedded";
     colorMode: ColorMode;
+    errorThemedCloseButton?: boolean;
+    speakerControls?: {
+        enabled: boolean;
+        setEnabled: Dispatch<SetStateAction<boolean>>;
+    };
     brandIcon?: string;
     renderCollapse: boolean;
     collapse: (event: Event) => void;

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

@@ -16,6 +16,14 @@ export interface CustomCardProps {
      * Handler function for when the card is clicked
      */
     onClick?: () => void;
+    /**
+     *  Transform the card into an anchor tag with the href specified
+     */
+    href?: string;
+    /**
+     * Specify whether the URL should take the user to a new tab
+     */
+    newTab?: boolean;
 }
 export declare const CustomCard: FC<CustomCardProps>;
 export declare const CustomCardImageRow: FC<{

package/lib/index.d.ts

@@ -7,6 +7,17 @@ import { Carousel } from './components/ui/Carousel';
 import { DateInput } from './components/ui/DateInput';
 import { TouchpointConfiguration } from './types';
 import * as Icons from "./components/ui/Icons";
+export { analyzePageForms, type InteractiveElementInfo, type PageForms, type AccessibilityInformation, } from './analyzePageForms';
+/**
+ * If you wish to build custom modalities using JSX, you will want to
+ *
+ * ```javascript
+ * import { React } from "@nlx/touchpoint-ui";
+ * ```
+ *
+ * instead of importing from "react" directly. This ensures that the custom modalities will
+ * be running in the same React context as the Touchpoint UI using the correct version of React.
+ */
 export { default as React } from 'react';
 export declare const html: (strings: TemplateStringsArray, ...values: any[]) => unknown;
 export { TextButton, IconButton, BaseText, SmallText, DateInput, Carousel, CustomCard, CustomCardRow, CustomCardImageRow, Icons, };
@@ -14,7 +25,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 InitializeConversation, type ColorMode, type Theme, type WindowSize, type CustomModalityComponent, type TouchpointConfiguration, } from './types';
+export { type InitializeConversation, type ColorMode, type Input, type Theme, type WindowSize, type CustomModalityComponent, type TouchpointConfiguration, } from './types';
 /**
  * Instance of a Touchpoint UI component
  */