@blumessage/react-chat 1.0.2 → 1.0.3

package/README.md

@@ -16,25 +16,21 @@ A React TypeScript chat widget component with floating button, theming, and Blum
 ## Installation
 
 ```bash
-npm install blumessage-react-chat-component
+npm i @blumessage/react-chat
 ```
 
-**Requirements**: This component uses Tailwind CSS classes and Lucide React icons. Ensure Tailwind CSS is configured in your project.
-
 ## Quick Start
 
 ### Floating Chat Widget (Default)
 
 ```tsx
 import React from 'react';
-import { BlumessageChat } from 'blumessage-react-chat-component';
+import { BlumessageChat } from '@blumessage/react-chat';
 
 function App() {
   return (
     <BlumessageChat 
       apiKey="your-blumessage-api-key"
-      buttonText="Chat with us"
-      buttonPosition="bottom-right"
     />
   );
 }
@@ -44,7 +40,7 @@ function App() {
 
 ```tsx
 import React from 'react';
-import { BlumessageChat } from 'blumessage-react-chat-component';
+import { BlumessageChat } from '@blumessage/react-chat';
 
 function App() {
   return (
@@ -161,28 +157,42 @@ const initialMessages = [
 
 ## Icon Options
 
-The `icon` prop accepts flexible naming patterns:
+The `icon` prop accepts **any lucide-react icon name** with flexible naming patterns. The component intelligently matches your input to the appropriate lucide-react icon:
 
 ```tsx
-// All of these work for message icons:
-icon="message"
-icon="chat" 
-icon="message-circle"
-icon="messaging"
-
-// Other supported patterns:
-icon="bot"         // or "robot"
-icon="phone"       // or "call"
-icon="mail"        // or "email"
-icon="headphones"  // or "support"
-icon="users"       // or "user"
-icon="heart"       // or "love"
-icon="star"        // or "favorite"
-icon="zap"         // or "lightning"
-
-// Default fallback: MessageCircle
+// ✅ Any lucide-react icon works:
+icon="message-circle"    // MessageCircle
+icon="phone"             // Phone
+icon="mail"              // Mail
+icon="headphones"        // Headphones
+icon="bot"               // Bot
+icon="users"             // Users
+icon="heart"             // Heart
+icon="star"              // Star
+icon="zap"               // Zap
+icon="settings"          // Settings
+icon="help-circle"       // HelpCircle
+icon="info"              // Info
+icon="alert-triangle"    // AlertTriangle
+
+// ✅ Flexible naming patterns (case-insensitive, ignores hyphens/underscores):
+icon="MessageCircle"     // → MessageCircle
+icon="message_circle"    // → MessageCircle
+icon="message circle"    // → MessageCircle
+icon="chat"              // → MessageCircle (smart matching)
+icon="messaging"         // → MessageCircle (smart matching)
+icon="support"           // → Headphones (smart matching)
+icon="email"             // → Mail (smart matching)
+icon="call"              // → Phone (smart matching)
+
+// ✅ Default fallback: MessageCircle (if no match found)
+icon="unknown-icon"      // → MessageCircle
 ```
 
+**Browse all available icons at:** [lucide.dev/icons](https://lucide.dev/icons)
+
+Simply use the icon name from lucide-react, and the component will handle the rest!
+
 ## Error Handling
 
 The `onError` callback provides detailed error context:
@@ -217,7 +227,7 @@ The `onError` callback provides detailed error context:
 Full TypeScript definitions included:
 
 ```typescript
-import { BlumessageChat, Message, BlumessageChatProps } from 'blumessage-react-chat-component';
+import { BlumessageChat, Message, BlumessageChatProps } from '@blumessage/react-chat';
 
 interface Message {
   id: string;
@@ -276,4 +286,4 @@ ISC
 
 ## Support
 
-For issues and feature requests, please visit the [GitHub repository](https://github.com/yourusername/blumessage-react-chat-component). 
+For issues and feature requests, please visit the [GitHub repository](https://github.com/Blumessage/react-chat). 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blumessage/react-chat",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A React TypeScript chat widget component with floating button, theming, and Blumessage API integration",
   "license": "MIT",
   "author": "Blumessage <contact@blumessage.com>",