@satek-team-intern/chatbot-widget 0.10.0 → 0.10.2

package/README.md

@@ -61,6 +61,7 @@ export default function App() {
   return (
     <ChatWidget
       title="Hỗ trợ"
+      workspace="dev"
       logoUrl="https://example.com/logo.png"
       primaryColor="#6366f1"
       auth={{
@@ -73,10 +74,9 @@ export default function App() {
       chatKey="your_chat_key_here"
       features={{
         attachments: ['image', 'video', 'file'],
-        languages: ['english', 'vietnamese'],
         communication: ['voice'],
         chatModes: ['single', 'group'],
-        customizations: ['change-color', 'change-theme'],
+        customizations: ['change-color', 'change-theme', 'multi-language'],
       }}
     />
   );
@@ -104,6 +104,7 @@ if (container) {
     <React.StrictMode>
       <ChatWidget
         title="Hỗ trợ khách hàng"
+        workspace="production"
         logoUrl="https://example.com/logo.png"
         primaryColor="#6366f1"
         auth={{
@@ -116,10 +117,9 @@ if (container) {
         chatKey="your_chat_key_here"
         features={{
           attachments: ['image', 'video', 'audio', 'file', 'multiple'],
-          languages: ['english', 'vietnamese'],
           communication: ['voice'],
           chatModes: ['single', 'group'],
-          customizations: ['change-color', 'change-theme'],
+          customizations: ['change-color', 'change-theme', 'multi-language'],
         }}
       />
     </React.StrictMode>,
@@ -158,6 +158,7 @@ Or use jsdelivr CDN:
     <script>
       ChatbotWidget.init({
         title: 'Customer Support',
+        workspace: 'production',
         logoUrl: 'https://example.com/logo.png',
         primaryColor: '#6366f1',
         auth: {
@@ -170,10 +171,9 @@ Or use jsdelivr CDN:
         chatKey: 'your_chat_key_here',
         features: {
           attachments: ['image', 'video', 'audio', 'file', 'multiple'],
-          languages: ['english', 'vietnamese'],
           communication: ['voice'],
           chatModes: ['single', 'group'],
-          customizations: ['change-color', 'change-theme'],
+          customizations: ['change-color', 'change-theme', 'multi-language'],
         },
       });
     </script>
@@ -187,30 +187,31 @@ Or use jsdelivr CDN:
 
 ### Props / Options
 
-| Name                      | Type   | Required | Description                                                                                                                                              |
-| ------------------------- | ------ | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `title`                   | string | ✅       | Title of the chat widget                                                                                                                                 |
-| `logoUrl`                 | string | ❌       | URL of the logo image to display in the widget header                                                                                                    |
-| `primaryColor`            | string | ❌       | Primary color (hex format). Default: #6366f1                                                                                                             |
-| `chatKey`                 | string | ✅       | Authentication key to connect to backend                                                                                                                 |
-| `auth`                    | object | ✅       | User authentication information                                                                                                                          |
-| `auth.code`               | string | ✅       | Unique user identifier                                                                                                                                   |
-| `auth.name`               | string | ✅       | User name                                                                                                                                                |
-| `auth.avatar`             | string | ✅       | URL of user avatar image                                                                                                                                 |
-| `auth.phone`              | string | ❌       | User phone number                                                                                                                                        |
-| `auth.email`              | string | ✅       | User email address                                                                                                                                       |
-| `features`                | object | ❌       | Feature configuration object with properties: `attachments`, `languages`, `communication`, `chatModes`, `customizations`                                 |
-| `features.attachments`    | array  | ❌       | Allowed file types for upload: `'image'`, `'video'`, `'audio'`, `'file'`, `'multiple'`. If not provided, no file upload allowed                          |
-| `features.languages`      | array  | ❌       | Supported languages: `'english'`, `'vietnamese'`. When multiple languages are enabled, a language switcher appears in the widget. Default: `['english']` |
-| `features.communication`  | array  | ❌       | Communication features: `'voice'` for voice recording and audio messages. Default: `[]`                                                                  |
-| `features.chatModes`      | array  | ❌       | Supported chat modes: `'single'` for one-to-one chat, `'group'` for group chat. Default: `['single']`                                                    |
-| `features.customizations` | array  | ❌       | User customization options: `'change-color'` to allow color customization, `'change-theme'` to allow theme switching. Default: `[]`                      |
+| Name                      | Type   | Required | Description                                                                                                                         |
+| ------------------------- | ------ | -------- | ----------------------------------------------------------------------------------------------------------------------------------- |
+| `title`                   | string | ✅       | Title of the chat widget                                                                                                            |
+| `workspace`               | string | ❌       | Workspace identifier for multi-workspace support. Max 50 chars, supports lowercase, numbers, symbols (\_), (-), (.)                 |
+| `logoUrl`                 | string | ❌       | URL of the logo image to display in the widget header                                                                               |
+| `primaryColor`            | string | ❌       | Primary color (hex format). Default: #6366f1                                                                                        |
+| `chatKey`                 | string | ✅       | Authentication key to connect to backend                                                                                            |
+| `auth`                    | object | ✅       | User authentication information                                                                                                     |
+| `auth.code`               | string | ✅       | Unique user identifier                                                                                                              |
+| `auth.name`               | string | ✅       | User name                                                                                                                           |
+| `auth.avatar`             | string | ✅       | URL of user avatar image                                                                                                            |
+| `auth.phone`              | string | ❌       | User phone number                                                                                                                   |
+| `auth.email`              | string | ✅       | User email address                                                                                                                  |
+| `features`                | object | ❌       | Feature configuration object with properties: `attachments`, `communication`, `chatModes`, `customizations`                         |
+| `features.attachments`    | array  | ❌       | Allowed file types for upload: `'image'`, `'video'`, `'audio'`, `'file'`, `'multiple'`. If not provided, no file upload allowed     |
+| `features.communication`  | array  | ❌       | Communication features: `'voice'` for voice recording and audio messages. Default: `[]`                                             |
+| `features.chatModes`      | array  | ❌       | Supported chat modes: `'single'` for one-to-one chat, `'group'` for group chat. Default: `['single']`                               |
+| `features.customizations` | array  | ❌       | User customization options: `'change-color'` to allow color customization, `'change-theme'` to allow theme switching. Default: `[]` |
 
 ### Configuration example
 
 ```javascript
 {
   title: 'Customer Support',
+  workspace: 'production',
   logoUrl: 'https://example.com/logo.png',
   primaryColor: '#FF6B6B',
   auth: {
@@ -223,10 +224,9 @@ Or use jsdelivr CDN:
   chatKey: 'secure_key_abc123xyz',
   features: {
     attachments: ['image', 'video', 'file', 'multiple'],
-    languages: ['english', 'vietnamese'],
     communication: ['voice'],
     chatModes: ['single', 'group'],
-    customizations: ['change-color', 'change-theme'],
+    customizations: ['change-color', 'change-theme', 'multi-language'],
   },
 }
 ```
@@ -311,9 +311,9 @@ ChatbotWidget.init({
 <ChatWidget
   features={{
     attachments: ['image', 'video', 'file'],
-    languages: ['english', 'vietnamese'],
     communication: ['voice'],
     chatModes: ['single', 'group'],
+    customizations: ['multi-language'],
   }}
   // ... other props
 />
@@ -325,9 +325,9 @@ ChatbotWidget.init({
 ChatbotWidget.init({
   features: {
     attachments: ['image', 'video', 'file'],
-    languages: ['english', 'vietnamese'],
     communication: ['voice'],
     chatModes: ['single', 'group'],
+    customizations: ['multi-language'],
   },
   // ... other options
 });
@@ -454,16 +454,16 @@ ChatbotWidget.init({
 });
 ```
 
-### Configure language support
+### Configure multi-language support
 
-Enable language switching by adding language options to the `languages` array in features:
+Enable multi-language support by adding `'multi-language'` to the customizations array:
 
 **React:**
 
 ```jsx
 <ChatWidget
   features={{
-    languages: ['english', 'vietnamese'],
+    customizations: ['multi-language'],
   }}
   // ... other props
 />
@@ -474,18 +474,13 @@ Enable language switching by adding language options to the `languages` array in
 ```javascript
 ChatbotWidget.init({
   features: {
-    languages: ['english', 'vietnamese'],
+    customizations: ['multi-language'],
   },
   // ... other options
 });
 ```
 
-Supported languages:
-
-- `'english'` - English
-- `'vietnamese'` - Tiếng Việt
-
-**Note:** When multiple language options are enabled, users will see a language switcher in the widget interface.
+When `'multi-language'` is enabled, users will see a language switcher in the widget interface to switch between available languages (English and Vietnamese).
 
 ---
 
@@ -548,7 +543,7 @@ This documentation provides detailed instructions on how to use the Chat SDK fun
 // Create SDK instance
 const chatSDK = new initSChat();
 
-// Create SDK instance with a workspace
+// Create SDK instance with workspace. Max 50 chars. Supports lowercase, numbers, and symbols (_), (-), (.).
 const chatSDK = new initSChat('dev');
 
 // Configure if needed