@cas0570/chat-widget 0.0.1 → 0.0.3

package/README.md

@@ -29,7 +29,6 @@ npm install @geoapps/chat-widget
 
 ```tsx
 import { ChatWidget } from '@geoapps/chat-widget'
-import '@geoapps/chat-widget/style.css'
 
 function App() {
   return (
@@ -52,7 +51,6 @@ function App() {
 | 🎨 **Customizable** | Full control over colors, text, positioning |
 | 📱 **Responsive** | Works on desktop and mobile |
 | ♿ **Accessible** | WCAG compliant with keyboard navigation |
-| 🌐 **Framework Agnostic** | Works with any frontend via script tag |
 
 ---
 
@@ -76,7 +74,6 @@ pnpm add @geoapps/chat-widget
 
 ```tsx
 import { ChatWidget } from '@geoapps/chat-widget'
-import '@geoapps/chat-widget/style.css'
 
 function App() {
   return (
@@ -104,7 +101,6 @@ function App() {
 
 <script setup>
 import { ChatWidget } from '@geoapps/chat-widget'
-import '@geoapps/chat-widget/style.css'
 </script>
 ```
 
@@ -114,7 +110,6 @@ import '@geoapps/chat-widget/style.css'
 'use client'
 
 import dynamic from 'next/dynamic'
-import '@geoapps/chat-widget/style.css'
 
 const ChatWidget = dynamic(
   () => import('@geoapps/chat-widget').then(mod => mod.ChatWidget),
@@ -139,7 +134,7 @@ export default function Page() {
 | `title` | `string` | `"Chat"` | Dialog header title |
 | `subtitle` | `string` | `""` | Dialog header subtitle |
 | `placeholder` | `string` | `"Typ een bericht..."` | Input placeholder text |
-| `greeting` | `string` | `""` | Initial greeting message |
+| `greeting` | `string` | `""` | Initial bot message |
 | `primaryColor` | `string` | `"#3b82f6"` | Main accent color (hex) or var() |
 | `position` | `Position` | `"bottom-right"` | Widget position |
 | `defaultOpen` | `boolean` | `false` | Default open state |
@@ -170,8 +165,8 @@ export default function Page() {
 | ------ | ------ | ------------- |
 | `onOpen` | `() => void` | Called when chat dialog opens |
 | `onClose` | `() => void` | Called when chat dialog closes |
-| `onMessageSent` | `(message: string) => void` | Called when message is sent |
-| `onResponseReceived` | `(response: string) => void` | Called when a response is received |
+| `onMessageSent` | `(message: string) => void` | Called when a message is sent |
+| `onResponseReceived` | `(response: string) => void` | Called when a message is received |
 
 ### Example with Callbacks
 
@@ -180,7 +175,8 @@ export default function Page() {
   apiUrl="https://api.geoapps.nl/api/v1/chat"
   onOpen={() => analytics.track('chat_opened')}
   onClose={() => analytics.track('chat_closed')}
-  onMessageSent={(msg) => console.log('Message:', msg)}
+  onMessage={(msg) => console.log('Message:', msg)}
+  onError={(err) => console.error('Chat error:', err)}
 />
 ```
 
@@ -244,7 +240,6 @@ import { ChatWidget, ChatBubble } from '@geoapps/chat-widget'
 geoapps-chat-widget/
 ├── src/
 │   ├── index.ts              # Package exports
-│   ├── embed.ts              # IIFE entry for script tag
 │   ├── components/
 │   │   ├── ChatWidget.tsx    # Main widget component
 │   │   ├── ChatBubble.tsx    # Floating button
@@ -264,7 +259,6 @@ geoapps-chat-widget/
 ├── dist/                     # Built files
 │   ├── index.js              # ESM bundle
 │   ├── index.cjs             # CommonJS bundle
-│   ├── embed.iife.js         # Script tag bundle
 │   └── style.css             # Styles
 ├── package.json
 ├── tsconfig.json
@@ -339,7 +333,7 @@ npm publish --access public
 | Widget not appearing | Check z-index conflicts |
 | CORS errors | Ensure API allows your domain in CORS_ORIGINS |
 | Messages not sending | Verify apiUrl is correct and API is running |
-| Styles not loading | Import the CSS file: `import '@geoapps/chat-widget/style.css'` |
+| Styles not loading | CSS is auto-included; check bundler CSS support |
 | SSR errors (Next.js) | Use dynamic import with `ssr: false` |
 
 ---