@navsi.ai/sdk 1.0.0 → 1.0.1

package/README.md

@@ -1,4 +1,4 @@
-# @navsi/sdk - Navsi AI Chatbot SDK
+# @navsi.ai/sdk - Navsi AI Chatbot SDK
 
 AI-powered chatbot SDK for websites with Ask & Navigate modes.
 
@@ -7,11 +7,11 @@ AI-powered chatbot SDK for websites with Ask & Navigate modes.
 ## Installation (for external users)
 
 ```bash
-npm install @navsi/sdk
+npm install @navsi.ai/sdk
 # or
-yarn add @navsi/sdk
+yarn add @navsi.ai/sdk
 # or
-pnpm add @navsi/sdk
+pnpm add @navsi.ai/sdk
 ```
 
 For **Next.js** projects, ensure `next` is installed (optional peer dependency):  
@@ -20,7 +20,7 @@ For **Next.js** projects, ensure `next` is installed (optional peer dependency):
 ## Quick Start
 
 ```tsx
-import { ChatbotProvider, ChatbotWidget } from '@navsi/sdk';
+import { ChatbotProvider, ChatbotWidget } from '@navsi.ai/sdk';
 
 function App() {
   return (
@@ -41,8 +41,8 @@ For a complete setup with widget configuration from your server:
 
 ```tsx
 import React, { useState, useEffect } from 'react';
-import { ChatbotProvider, ChatbotWidget } from '@navsi/sdk';
-import type { FlatWidgetConfig } from '@navsi/shared';
+import { ChatbotProvider, ChatbotWidget } from '@navsi.ai/sdk';
+import type { FlatWidgetConfig } from '@navsi.ai/shared';
 
 function App() {
   const [widgetConfig, setWidgetConfig] = useState<FlatWidgetConfig | null>(null);
@@ -97,7 +97,7 @@ function App() {
 Use a **Client Component** to wrap your app with the chatbot and provide a Next.js navigation adapter so the AI can navigate between pages:
 
 1. Create a client component (e.g. `app/ClientProviders.tsx`) with `'use client'` at the top.
-2. Use `useRouter()` and `usePathname()` from `next/navigation`, and `useNextRouterAdapter(router, pathname)` from `@navsi/sdk`.
+2. Use `useRouter()` and `usePathname()` from `next/navigation`, and `useNextRouterAdapter(router, pathname)` from `@navsi.ai/sdk`.
 3. Wrap your app in `ChatbotProvider` (with `navigationAdapter`) and render `ChatbotWidget`.
 4. Set `NEXT_PUBLIC_NAVSI_API_KEY` and `NEXT_PUBLIC_NAVSI_API_URL` in `.env.local` (WebSocket URL is derived from the API URL).
 
@@ -106,7 +106,7 @@ Use a **Client Component** to wrap your app with the chatbot and provide a Next.
 'use client';
 
 import { useRouter, usePathname } from 'next/navigation';
-import { ChatbotProvider, ChatbotWidget, useNextRouterAdapter } from '@navsi/sdk';
+import { ChatbotProvider, ChatbotWidget, useNextRouterAdapter } from '@navsi.ai/sdk';
 
 function getWebSocketUrl(httpUrl: string): string {
   const url = new URL(httpUrl);
@@ -250,7 +250,7 @@ const serverActions = [
 Access chatbot state and controls:
 
 ```tsx
-import { useChatbot } from '@navsi/sdk';
+import { useChatbot } from '@navsi.ai/sdk';
 
 function MyComponent() {
   const { 
@@ -268,7 +268,7 @@ function MyComponent() {
 Access WebSocket connection state:
 
 ```tsx
-import { useWebSocket } from '@navsi/sdk';
+import { useWebSocket } from '@navsi.ai/sdk';
 
 function ConnectionStatus() {
   const { isConnected, isReconnecting } = useWebSocket();
@@ -282,7 +282,7 @@ function ConnectionStatus() {
 Track action execution progress:
 
 ```tsx
-import { useActionExecution } from '@navsi/sdk';
+import { useActionExecution } from '@navsi.ai/sdk';
 
 function ProgressBar() {
   const { progress } = useActionExecution();
@@ -338,9 +338,9 @@ NEXT_PUBLIC_NAVSI_API_URL=https://api.example.com
 
 ```bash
 # From monorepo root
-pnpm --filter @navsi/sdk dev     # Watch mode
-pnpm --filter @navsi/sdk build   # Build
-pnpm --filter @navsi/sdk lint    # Lint
+pnpm --filter @navsi.ai/sdk dev     # Watch mode
+pnpm --filter @navsi.ai/sdk build   # Build
+pnpm --filter @navsi.ai/sdk lint    # Lint
 ```
 
 ## License

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navsi.ai/sdk",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "React SDK for Navsi AI chatbot - Ask and Navigate modes",
   "author": "Kushagra Tiwari",
   "license": "MIT",
@@ -8,8 +8,8 @@
   "sideEffects": false,
   "repository": {
     "type": "git",
-    "url": "https://github.com/Bolona-ai/bolona-integrated.git",
-    "directory": "packages/sdk"
+    "url": "https://github.com/Bolona-ai/navsi-packages.git",
+    "directory": "sdk"
   },
   "keywords": [
     "navsi",
@@ -37,7 +37,9 @@
       "import": "./dist/hooks/index.js"
     }
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
@@ -46,7 +48,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@navsi.ai/shared": "^1.0.0"
+    "@navsi.ai/shared": "^1.0.1"
   },
   "peerDependencies": {
     "react": ">=18.0.0",

package/dist/chunk-427NHGTX.js

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=chunk-427NHGTX.js.map
-//# sourceMappingURL=chunk-427NHGTX.js.map

package/dist/chunk-427NHGTX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-427NHGTX.js"}

package/dist/chunk-6FUUG5WB.js

@@ -1,77 +0,0 @@
-import { createContext, useContext } from 'react';
-
-// src/context/chatbot-context.tsx
-var ChatbotContext = createContext(null);
-function useChatbotContext() {
-  const context = useContext(ChatbotContext);
-  if (!context) {
-    throw new Error("useChatbotContext must be used within a ChatbotProvider");
-  }
-  return context;
-}
-
-// src/hooks/useChatbot.ts
-function useChatbot() {
-  const context = useChatbotContext();
-  return {
-    widgetConfig: context.widgetConfig,
-    voiceLanguage: context.voiceLanguage,
-    setVoiceLanguage: context.setVoiceLanguage,
-    // Messages
-    messages: context.messages,
-    sendMessage: context.sendMessage,
-    clearMessages: context.clearMessages,
-    // Mode
-    mode: context.mode,
-    setMode: context.setMode,
-    // Widget visibility
-    isWidgetOpen: context.isWidgetOpen,
-    setWidgetOpen: context.setWidgetOpen,
-    // Connection
-    isConnected: context.isConnected,
-    connect: context.connect,
-    disconnect: context.disconnect,
-    // Actions
-    executeAction: context.executeAction,
-    registerServerAction: context.registerServerAction,
-    stopExecution: context.stopExecution,
-    // State
-    isExecuting: context.isExecuting,
-    error: context.error,
-    clearError: context.clearError
-  };
-}
-
-// src/hooks/useActionExecution.ts
-function useActionExecution() {
-  const context = useChatbotContext();
-  const progress = context.executionState ? {
-    current: context.executionState.currentIndex,
-    total: context.executionState.totalCommands,
-    percentage: context.executionState.totalCommands > 0 ? Math.round(context.executionState.currentIndex / context.executionState.totalCommands * 100) : 0,
-    description: context.executionState.description
-  } : null;
-  return {
-    isExecuting: context.isExecuting,
-    executionState: context.executionState,
-    currentCommand: context.executionState?.currentCommand,
-    progress
-  };
-}
-
-// src/hooks/useWebSocket.ts
-function useWebSocket() {
-  const context = useChatbotContext();
-  return {
-    connectionState: context.connectionState,
-    isConnected: context.connectionState === "connected",
-    isConnecting: context.connectionState === "connecting",
-    isReconnecting: context.connectionState === "reconnecting",
-    connect: context.connect,
-    disconnect: context.disconnect
-  };
-}
-
-export { ChatbotContext, useActionExecution, useChatbot, useChatbotContext, useWebSocket };
-//# sourceMappingURL=chunk-6FUUG5WB.js.map
-//# sourceMappingURL=chunk-6FUUG5WB.js.map

package/dist/chunk-6FUUG5WB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/context/chatbot-context.tsx","../src/hooks/useChatbot.ts","../src/hooks/useActionExecution.ts","../src/hooks/useWebSocket.ts"],"names":[],"mappings":";;;AA2DO,IAAM,cAAA,GAAiB,cAA0C,IAAI;AAUrE,SAAS,iBAAA,GAAyC;AACrD,EAAA,MAAM,OAAA,GAAU,WAAW,cAAc,CAAA;AAEzC,EAAA,IAAI,CAAC,OAAA,EAAS;AACV,IAAA,MAAM,IAAI,MAAM,yDAAyD,CAAA;AAAA,EAC7E;AAEA,EAAA,OAAO,OAAA;AACX;;;ACHO,SAAS,UAAA,GAA+B;AAC3C,EAAA,MAAM,UAAU,iBAAA,EAAkB;AAElC,EAAA,OAAO;AAAA,IACH,cAAc,OAAA,CAAQ,YAAA;AAAA,IACtB,eAAe,OAAA,CAAQ,aAAA;AAAA,IACvB,kBAAkB,OAAA,CAAQ,gBAAA;AAAA;AAAA,IAE1B,UAAU,OAAA,CAAQ,QAAA;AAAA,IAClB,aAAa,OAAA,CAAQ,WAAA;AAAA,IACrB,eAAe,OAAA,CAAQ,aAAA;AAAA;AAAA,IAGvB,MAAM,OAAA,CAAQ,IAAA;AAAA,IACd,SAAS,OAAA,CAAQ,OAAA;AAAA;AAAA,IAGjB,cAAc,OAAA,CAAQ,YAAA;AAAA,IACtB,eAAe,OAAA,CAAQ,aAAA;AAAA;AAAA,IAGvB,aAAa,OAAA,CAAQ,WAAA;AAAA,IACrB,SAAS,OAAA,CAAQ,OAAA;AAAA,IACjB,YAAY,OAAA,CAAQ,UAAA;AAAA;AAAA,IAGpB,eAAe,OAAA,CAAQ,aAAA;AAAA,IACvB,sBAAsB,OAAA,CAAQ,oBAAA;AAAA,IAC9B,eAAe,OAAA,CAAQ,aAAA;AAAA;AAAA,IAGvB,aAAa,OAAA,CAAQ,WAAA;AAAA,IACrB,OAAO,OAAA,CAAQ,KAAA;AAAA,IACf,YAAY,OAAA,CAAQ;AAAA,GACxB;AACJ;;;ACpFO,SAAS,kBAAA,GAA+C;AAC3D,EAAA,MAAM,UAAU,iBAAA,EAAkB;AAElC,EAAA,MAAM,QAAA,GAAW,QAAQ,cAAA,GACnB;AAAA,IACE,OAAA,EAAS,QAAQ,cAAA,CAAe,YAAA;AAAA,IAChC,KAAA,EAAO,QAAQ,cAAA,CAAe,aAAA;AAAA,IAC9B,UAAA,EAAY,OAAA,CAAQ,cAAA,CAAe,aAAA,GAAgB,IAC7C,IAAA,CAAK,KAAA,CAAO,OAAA,CAAQ,cAAA,CAAe,YAAA,GAAe,OAAA,CAAQ,cAAA,CAAe,aAAA,GAAiB,GAAG,CAAA,GAC7F,CAAA;AAAA,IACN,WAAA,EAAa,QAAQ,cAAA,CAAe;AAAA,GACxC,GACE,IAAA;AAEN,EAAA,OAAO;AAAA,IACH,aAAa,OAAA,CAAQ,WAAA;AAAA,IACrB,gBAAgB,OAAA,CAAQ,cAAA;AAAA,IACxB,cAAA,EAAgB,QAAQ,cAAA,EAAgB,cAAA;AAAA,IACxC;AAAA,GACJ;AACJ;;;ACxBO,SAAS,YAAA,GAAmC;AAC/C,EAAA,MAAM,UAAU,iBAAA,EAAkB;AAElC,EAAA,OAAO;AAAA,IACH,iBAAiB,OAAA,CAAQ,eAAA;AAAA,IACzB,WAAA,EAAa,QAAQ,eAAA,KAAoB,WAAA;AAAA,IACzC,YAAA,EAAc,QAAQ,eAAA,KAAoB,YAAA;AAAA,IAC1C,cAAA,EAAgB,QAAQ,eAAA,KAAoB,cAAA;AAAA,IAC5C,SAAS,OAAA,CAAQ,OAAA;AAAA,IACjB,YAAY,OAAA,CAAQ;AAAA,GACxB;AACJ","file":"chunk-6FUUG5WB.js","sourcesContent":["/**\n * Chatbot Context\n * \n * React context for chatbot state and functionality.\n */\n\nimport { createContext, useContext } from 'react';\nimport type {\n    Message,\n    ChatMode,\n    ConnectionState,\n    ServerAction,\n    ExecutionState,\n    WidgetConfig,\n} from '@navsi.ai/shared';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ChatbotContextValue {\n    /** Widget styling and copy (from admin / API). Applied by ChatbotWidget. */\n    widgetConfig: Partial<WidgetConfig> | null;\n\n    // State\n    messages: Message[];\n    mode: ChatMode;\n    connectionState: ConnectionState;\n    isExecuting: boolean;\n    executionState: ExecutionState | null;\n    error: Error | null;\n\n    // Widget visibility (persists across navigation)\n    isWidgetOpen: boolean;\n    setWidgetOpen: (open: boolean) => void;\n\n    /** User-selected voice/response language (e.g. 'en-US', 'hi-IN'). Overrides widgetConfig.voiceLanguage when set. */\n    voiceLanguage: string | undefined;\n    setVoiceLanguage: (lang: string | undefined) => void;\n\n    // Actions\n    sendMessage: (content: string) => void;\n    setMode: (mode: ChatMode) => void;\n    executeAction: (actionId: string, params?: Record<string, unknown>) => Promise<unknown>;\n    registerServerAction: (action: ServerAction) => void;\n    clearMessages: () => void;\n    clearError: () => void;\n    stopExecution: () => void;\n\n    // Connection\n    connect: () => void;\n    disconnect: () => void;\n    isConnected: boolean;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nexport const ChatbotContext = createContext<ChatbotContextValue | null>(null);\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Hook to access chatbot context\n * Must be used within ChatbotProvider\n */\nexport function useChatbotContext(): ChatbotContextValue {\n    const context = useContext(ChatbotContext);\n\n    if (!context) {\n        throw new Error('useChatbotContext must be used within a ChatbotProvider');\n    }\n\n    return context;\n}\n","/**\n * useChatbot Hook\n * \n * Main hook for accessing chatbot functionality.\n * Provides simplified API for common operations.\n */\n\nimport { useChatbotContext } from '../context/chatbot-context.js';\nimport type { ChatMode, ServerAction, Message, WidgetConfig } from '@navsi.ai/shared';\n\nexport interface UseChatbotReturn {\n    /** Widget styling/copy from admin (or options). Use in ChatbotWidget. */\n    widgetConfig: Partial<WidgetConfig> | null;\n\n    /** Effective voice/response language (user-selected or config). Use for STT/TTS and locale. */\n    voiceLanguage: string | undefined;\n    setVoiceLanguage: (lang: string | undefined) => void;\n\n    // Messages\n    messages: Message[];\n    sendMessage: (content: string) => void;\n    clearMessages: () => void;\n\n    // Mode\n    mode: ChatMode;\n    setMode: (mode: ChatMode) => void;\n\n    // Widget visibility (persists across navigation)\n    isWidgetOpen: boolean;\n    setWidgetOpen: (open: boolean) => void;\n\n    // Connection\n    isConnected: boolean;\n    connect: () => void;\n    disconnect: () => void;\n\n    // Actions\n    executeAction: (actionId: string, params?: Record<string, unknown>) => Promise<unknown>;\n    registerServerAction: (action: ServerAction) => void;\n    stopExecution: () => void;\n\n    // State\n    isExecuting: boolean;\n    error: Error | null;\n    clearError: () => void;\n}\n\n/**\n * Main hook for chatbot functionality\n * \n * @example\n * ```tsx\n * function MyComponent() {\n *   const { \n *     messages, \n *     sendMessage, \n *     isConnected,\n *     mode,\n *     setMode,\n *   } = useChatbot();\n * \n *   return (\n *     <div>\n *       <button onClick={() => sendMessage('Hello!')}>\n *         Send\n *       </button>\n *       <button onClick={() => startVoice()}>\n *         Start Voice\n *       </button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useChatbot(): UseChatbotReturn {\n    const context = useChatbotContext();\n\n    return {\n        widgetConfig: context.widgetConfig,\n        voiceLanguage: context.voiceLanguage,\n        setVoiceLanguage: context.setVoiceLanguage,\n        // Messages\n        messages: context.messages,\n        sendMessage: context.sendMessage,\n        clearMessages: context.clearMessages,\n\n        // Mode\n        mode: context.mode,\n        setMode: context.setMode,\n\n        // Widget visibility\n        isWidgetOpen: context.isWidgetOpen,\n        setWidgetOpen: context.setWidgetOpen,\n\n        // Connection\n        isConnected: context.isConnected,\n        connect: context.connect,\n        disconnect: context.disconnect,\n\n        // Actions\n        executeAction: context.executeAction,\n        registerServerAction: context.registerServerAction,\n        stopExecution: context.stopExecution,\n\n        // State\n        isExecuting: context.isExecuting,\n        error: context.error,\n        clearError: context.clearError,\n    };\n}\n","/**\n * useActionExecution Hook\n * \n * Hook for monitoring action execution state.\n */\n\nimport { useChatbotContext } from '../context/chatbot-context.js';\nimport type { ExecutionState } from '@navsi.ai/shared';\n\nexport interface UseActionExecutionReturn {\n    isExecuting: boolean;\n    executionState: ExecutionState | null;\n    currentCommand: ExecutionState['currentCommand'] | undefined;\n    progress: {\n        current: number;\n        total: number;\n        percentage: number;\n        /** Optional human-readable description of the current step */\n        description?: string;\n    } | null;\n}\n\n/**\n * Hook for monitoring action execution\n */\nexport function useActionExecution(): UseActionExecutionReturn {\n    const context = useChatbotContext();\n\n    const progress = context.executionState\n        ? {\n            current: context.executionState.currentIndex,\n            total: context.executionState.totalCommands,\n            percentage: context.executionState.totalCommands > 0\n                ? Math.round((context.executionState.currentIndex / context.executionState.totalCommands) * 100)\n                : 0,\n            description: context.executionState.description,\n        }\n        : null;\n\n    return {\n        isExecuting: context.isExecuting,\n        executionState: context.executionState,\n        currentCommand: context.executionState?.currentCommand,\n        progress,\n    };\n}\n","/**\n * useWebSocket Hook\n * \n * Hook for managing WebSocket connection state.\n */\n\nimport { useChatbotContext } from '../context/chatbot-context.js';\nimport type { ConnectionState } from '@navsi.ai/shared';\n\nexport interface UseWebSocketReturn {\n    connectionState: ConnectionState;\n    isConnected: boolean;\n    isConnecting: boolean;\n    isReconnecting: boolean;\n    connect: () => void;\n    disconnect: () => void;\n}\n\n/**\n * Hook for WebSocket connection management\n */\nexport function useWebSocket(): UseWebSocketReturn {\n    const context = useChatbotContext();\n\n    return {\n        connectionState: context.connectionState,\n        isConnected: context.connectionState === 'connected',\n        isConnecting: context.connectionState === 'connecting',\n        isReconnecting: context.connectionState === 'reconnecting',\n        connect: context.connect,\n        disconnect: context.disconnect,\n    };\n}\n"]}