vdb-ai-chat 1.0.0 → 1.0.1

package/src/index.web.tsx

@@ -1,18 +1,44 @@
 import * as React from "react";
 import { createRoot } from "react-dom/client";
-import { View, StyleSheet } from "react-native";
+import { View, StyleSheet, Platform } from "react-native";
 import { ChatWidget } from "./components/ChatWidget";
 import type { ChatTheme } from "./types";
+import { Analytics } from "@segment/analytics-next";
+import { AnalyticsClientProvider } from "./contexts/AnalyticsClientContext";
 
 export function renderChatApp(
   domElement: HTMLElement,
   apiUrl: string,
   theme?: Partial<ChatTheme>,
   onClose?: () => void,
-  onClearChat?: () => void
+  onClearChat?: () => void,
+  segmentWriteKey?: string,
 ) {
   const root = createRoot(domElement);
-  root.render(
+  let analyticsClient: Analytics | undefined;
+  if (Platform.OS === "web" && segmentWriteKey) {
+    try {
+      const client = new Analytics({ writeKey: segmentWriteKey });
+      
+      analyticsClient = client;
+      (window as any).analytics = client;
+      client
+        .track("AI Chat: Widget Loaded", {
+          userAgent:
+            typeof navigator !== "undefined" ? navigator.userAgent : "",
+        })
+        .then?.(() => {
+          // eslint-disable-next-line no-console
+          console.log("Segment: Widget Loaded event sent");
+        })
+        .catch((e: unknown) => {
+          console.warn("Segment track failed", e);
+        });
+    } catch (e) {
+      console.warn("Segment analytics load failed", e);
+    }
+  }
+  const content = (
     <View style={styles.root}>
       <ChatWidget
         apiUrl={apiUrl}
@@ -22,6 +48,13 @@ export function renderChatApp(
       />
     </View>
   );
+  const contentWithAnalytics = analyticsClient ? (
+    <AnalyticsClientProvider client={analyticsClient}>{content}</AnalyticsClientProvider>
+  ) : (
+    content
+  );
+
+  root.render(contentWithAnalytics);
 }
 
 const styles = StyleSheet.create({

package/src/storage.ts

@@ -1,4 +1,4 @@
-import { Platform } from 'react-native';
+import { Platform } from "react-native";
 
 // Storage interface that works across platforms
 interface StorageInterface {
@@ -9,7 +9,7 @@ interface StorageInterface {
 
 // Helper to safely get localStorage (only available on web)
 function getLocalStorage(): Storage | null {
-  if (typeof window !== 'undefined' && window.localStorage) {
+  if (typeof window !== "undefined" && window.localStorage) {
     return window.localStorage;
   }
   return null;
@@ -54,7 +54,7 @@ let hasWarnedAboutStorage = false;
 /**
  * Initialize storage with AsyncStorage for React Native.
  * Call this once at app startup before using ChatWidget.
- * 
+ *
  * @example
  * import AsyncStorage from '@react-native-async-storage/async-storage';
  * import { initStorage } from 'vdb-ai-chat';
@@ -69,7 +69,7 @@ export function initStorage(asyncStorage: StorageInterface): void {
  * Check if storage is properly initialized for the current platform
  */
 export function isStorageInitialized(): boolean {
-  if (Platform.OS === 'web') {
+  if (Platform.OS === "web") {
     return getLocalStorage() !== null;
   }
   return nativeStorage !== null;
@@ -84,21 +84,21 @@ const noopStorage: StorageInterface = {
 
 // Get the appropriate storage based on platform
 function getStorage(): StorageInterface {
-  if (Platform.OS === 'web') {
+  if (Platform.OS === "web") {
     return webStorage;
   }
-  
+
   if (!nativeStorage) {
     // Only warn once to avoid console spam
     if (!hasWarnedAboutStorage) {
       console.warn(
-        '[vdb-ai-chat] AsyncStorage not initialized. Call initStorage(AsyncStorage) at app startup.'
+        "[vdb-ai-chat] AsyncStorage not initialized. Call initStorage(AsyncStorage) at app startup."
       );
       hasWarnedAboutStorage = true;
     }
     return noopStorage;
   }
-  
+
   return nativeStorage;
 }
 
@@ -107,17 +107,20 @@ export const Storage = {
   getItem: async (key: string): Promise<string | null> => {
     return getStorage().getItem(key);
   },
-  
+
   setItem: async (key: string, value: string): Promise<void> => {
     return getStorage().setItem(key, value);
   },
-  
+
   removeItem: async (key: string): Promise<void> => {
     return getStorage().removeItem(key);
   },
-  
+
   // Convenience method to get and parse JSON
-  getJSON: async <T = any>(key: string, defaultValue: T | null = null): Promise<T | null> => {
+  getJSON: async <T = any>(
+    key: string,
+    defaultValue: T | null = null
+  ): Promise<T | null> => {
     try {
       const value = await getStorage().getItem(key);
       if (value) {
@@ -128,7 +131,7 @@ export const Storage = {
       return defaultValue;
     }
   },
-  
+
   // Convenience method to stringify and set JSON
   setJSON: async (key: string, value: any): Promise<void> => {
     try {

package/src/types.ts

@@ -1,7 +1,6 @@
 export type Role = "user" | "assistant";
 
 export interface ChatMessage {
-  agent_response?: any;
   id: string;
   role: Role;
   text: string;
@@ -10,6 +9,7 @@ export interface ChatMessage {
   suggestions?: string[];
   // "0" unset, "1" like, "2" dislike
   reaction?: "0" | "1" | "2";
+  search_payload?: Record<string, any>;
 }
 
 export interface ChatTheme {