@irisidea/kalrav-ai 1.0.0 → 1.0.2

package/README.md

@@ -4,7 +4,7 @@
 
 Kalrav AI is a cross-framework chatbot widget that seamlessly integrates into your web applications. Install once, use everywhere.
 
-[![npm version](https://img.shields.io/npm/v/kalrav-ai.svg)](https://www.npmjs.com/package/kalrav-ai)
+[![npm version](https://img.shields.io/npm/v/@irisidea/kalrav-ai.svg)](https://www.npmjs.com/package/@irisidea/kalrav-ai)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
 
 ## ✨ Features
@@ -20,11 +20,11 @@ Kalrav AI is a cross-framework chatbot widget that seamlessly integrates into yo
 ## 📦 Installation
 
 ```bash
-npm install kalrav-ai
+npm install @irisidea/kalrav-ai
 # or
-yarn add kalrav-ai
+yarn add @irisidea/kalrav-ai
 # or
-pnpm add kalrav-ai
+pnpm add @irisidea/kalrav-ai
 ```
 
 > **Works with both JavaScript and TypeScript!** All examples below work in `.js`, `.jsx`, `.ts`, and `.tsx` files.
@@ -52,7 +52,7 @@ https://kalrav-central-system-api.kalrav.ai/api/agent-ui/{agentId}
 
 **TypeScript:**
 ```tsx
-import { KalravWidget } from 'kalrav-ai/react';
+import { KalravWidget } from '@irisidea/kalrav-ai/react';
 
 function App() {
   return (
@@ -69,7 +69,7 @@ function App() {
 
 **JavaScript:**
 ```jsx
-import { KalravWidget } from 'kalrav-ai/react';
+import { KalravWidget } from '@irisidea/kalrav-ai/react';
 
 function App() {
   return (
@@ -87,7 +87,7 @@ function App() {
 **Programmatic Control:**
 
 ```jsx
-import { useKalrav } from 'kalrav-ai/react';
+import { useKalrav } from '@irisidea/kalrav-ai/react';
 
 function ChatButton() {
   const kalrav = useKalrav({
@@ -110,7 +110,7 @@ function ChatButton() {
 **App Router** (`app/layout.js` or `app/layout.tsx`):
 
 ```javascript
-import { KalravWidget } from 'kalrav-ai/nextjs';
+import { KalravWidget } from '@irisidea/kalrav-ai/nextjs';
 
 export default function RootLayout({ children }) {
   return (
@@ -130,7 +130,7 @@ export default function RootLayout({ children }) {
 **Pages Router** (`pages/_app.js` or `pages/_app.tsx`):
 
 ```tsx
-import { KalravWidget } from 'kalrav-ai/nextjs';
+import { KalravWidget } from '@irisidea/kalrav-ai/nextjs';
 
 function MyApp({ Component, pageProps }) {
   return (
@@ -150,7 +150,7 @@ function MyApp({ Component, pageProps }) {
 ```tsx
 'use client';
 
-import { useKalrav } from 'kalrav-ai/nextjs';
+import { useKalrav } from '@irisidea/kalrav-ai/nextjs';
 
 function ChatButton() {
   const kalrav = useKalrav({
@@ -183,7 +183,7 @@ function ChatButton() {
 </template>
 
 <script setup>
-import { KalravWidget } from 'kalrav-ai/vue';
+import { KalravWidget } from '@irisidea/kalrav-ai/vue';
 </script>
 ```
 
@@ -197,7 +197,7 @@ import { KalravWidget } from 'kalrav-ai/vue';
 </template>
 
 <script setup>
-import { useKalrav } from 'kalrav-ai/vue';
+import { useKalrav } from '@irisidea/kalrav-ai/vue';
 
 const kalrav = useKalrav({
   apiKey: 'your-api-key',
@@ -215,7 +215,7 @@ const kalrav = useKalrav({
 ```typescript
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { KalravModule } from 'kalrav-ai/angular';
+import { KalravModule } from '@irisidea/kalrav-ai/angular';
 import { AppComponent } from './app.component';
 
 @NgModule({
@@ -252,7 +252,7 @@ export class AppComponent {}
 
 ```typescript
 import { Component } from '@angular/core';
-import { KalravService } from 'kalrav-ai/angular';
+import { KalravService } from '@irisidea/kalrav-ai/angular';
 
 @Component({
   selector: 'app-chat-button',
@@ -290,7 +290,7 @@ export class ChatButtonComponent {
   <button id="chatBtn">Chat with us</button>
 
   <script type="module">
-    import { createKalrav } from 'https://cdn.jsdelivr.net/npm/kalrav-ai@latest/dist/index.mjs';
+    import { createKalrav } from 'https://cdn.jsdelivr.net/npm/@irisidea/kalrav-ai@latest/dist/index.mjs';
     
     const kalrav = createKalrav({
       apiKey: 'your-api-key',
@@ -305,7 +305,7 @@ export class ChatButtonComponent {
 
 **With npm/bundler:**
 ```javascript
-import { createKalrav } from 'kalrav-ai';
+import { createKalrav } from '@irisidea/kalrav-ai';
 
 const kalrav = createKalrav({
   apiKey: 'your-api-key',
@@ -390,7 +390,7 @@ You can also use the core library without any framework. Perfect for static site
 
 **JavaScript:**
 ```javascript
-import { createKalrav } from 'kalrav-ai';
+import { createKalrav } from '@irisidea/kalrav-ai';
 
 const kalrav = createKalrav({
   apiKey: 'your-api-key',
@@ -406,8 +406,8 @@ kalrav.close();
 
 **TypeScript:**
 ```typescript
-import { createKalrav } from 'kalrav-ai';
-import type { KalravConfig } from 'kalrav-ai';
+import { createKalrav } from '@irisidea/kalrav-ai';
+import type { KalravConfig } from '@irisidea/kalrav-ai';
 
 const config: KalravConfig = {
   apiKey: 'your-api-key',
@@ -495,7 +495,7 @@ VITE_KALRAV_AGENT_ID=your-agent-id
 Kalrav AI is written in TypeScript and provides full type definitions out of the box.
 
 ```typescript
-import type { KalravConfig, KalravWidget } from 'kalrav-ai/react';
+import type { KalravConfig, KalravWidget } from '@irisidea/kalrav-ai/react';
 
 const config: KalravConfig = {
   apiKey: 'your-api-key',
@@ -531,7 +531,7 @@ npm link
 2. **Link in your test project:**
 ```bash
 cd your-test-app
-npm link kalrav-ai
+npm link @irisidea/kalrav-ai
 ```
 
 3. **Use local Docker widget URL:**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@irisidea/kalrav-ai",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Kalrav AI chatbot widget for React, Next.js, Vue, Angular, and Vanilla JavaScript/TypeScript applications",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",