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

package/lib/preview.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+import { ColorMode, Theme } from './types';
+/**
+ * @internal
+ */
+export declare const Container: FC<{
+    children: ReactNode;
+    mode: ColorMode;
+    theme: Partial<Theme>;
+}>;

package/lib/types.d.ts

@@ -1,4 +1,4 @@
-import { BotMessage } from '@nlxai/chat-core';
+import { BotMessage, ConversationHandler } from '@nlxai/chat-core';
 import { FC } from 'react';
 /**
  * Window size configuration
@@ -8,10 +8,6 @@ export type WindowSize = "half" | "full";
  * Color mode configuration (light/dark modes)
  */
 export type ColorMode = "light" | "dark";
-/**
- * Logo URL if applicable. May be specified as a single image URL or as an object by color mode (light/dark)
- */
-export type LogoUrl = string | Record<ColorMode, string>;
 /**
  * Choice message with metadata
  */
@@ -38,6 +34,10 @@ export type CustomModalityComponent<Data> = FC<{
      * The payload of the Custom Modality. The schema is defined in Dialog Studio settings.
      */
     data: Data;
+    /**
+     * Conversation handler instance
+     */
+    conversationHandler: ConversationHandler;
 }>;
 /**
  * The full theme expressed as CSS custom properties
@@ -135,4 +135,12 @@ export interface Theme {
      * Secondary error color
      */
     errorSecondary: string;
+    /**
+     * Inner border radius: used for most buttons
+     */
+    innerBorderRadius: string;
+    /**
+     * Outer border radius: generally used for elements that contain buttons that have inner border radius. Also used by the launch button.
+     */
+    outerBorderRadius: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nlxai/touchpoint-ui",
-  "version": "1.0.4-alpha.2",
+  "version": "1.0.4",
   "description": "Web UI for Touchpoint",
   "type": "module",
   "main": "lib/index.js",
@@ -24,7 +24,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@nlxai/chat-core": "^1.0.4-alpha.0",
+    "@nlxai/chat-core": "^1.0.4",
     "@react-hookz/web": "^25.0.1",
     "@react-input/mask": "^2.0.4",
     "clsx": "^2.1.1",
@@ -50,11 +50,11 @@
     "postcss": "^8.4.38",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5",
-    "vite": "^5.2.11",
+    "vite": "^4.5.6",
     "vite-plugin-dts": "^4.5.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "127059e95fb42d2a6943d7f3ff87a57df73582b2"
+  "gitHead": "27ff05880575d5e4656c5d22dd85d29e9490d9d2"
 }

package/tailwind.config.js

@@ -14,8 +14,8 @@ module.exports = {
         content: "608px",
       },
       borderRadius: {
-        base: "12px",
-        plus: "20px",
+        inner: "var(--inner-border-radius)",
+        outer: "var(--outer-border-radius)",
       },
       zIndex: {
         touchpoint: 1000,

package/lib/components/ChatSettings.d.ts

@@ -1,12 +0,0 @@
-import { FC, Dispatch, SetStateAction } from 'react';
-import { ConversationHandler } from '@nlxai/chat-core';
-import { WindowSize } from '../types';
-interface ChatSettingsProps {
-    onClose: () => void;
-    handler: ConversationHandler;
-    windowSize: WindowSize;
-    setWindowSizeOverride: Dispatch<SetStateAction<WindowSize | null>>;
-    className?: string;
-}
-export declare const ChatSettings: FC<ChatSettingsProps>;
-export {};

package/lib/context.d.ts

@@ -1,6 +0,0 @@
-import { ConversationHandler } from '@nlxai/chat-core';
-export interface ContextValue {
-    handler: ConversationHandler | null;
-}
-export declare const Context: import('react').Context<ContextValue>;
-export declare const useTouchpointContext: () => ContextValue;