lulichat 1.0.16 → 1.0.18

package/README.md

@@ -7,12 +7,15 @@ LuliChat Support Chat is a library that provides a real-time live support chat w
 ## 1. React Installation & Usage
 
 ### Installation
+
 ```bash
 npm install lulichat
 ```
 
 ### Usage
+
 Import the component and stylesheet:
+
 ```tsx
 import React from "react";
 import LuliChat from "lulichat";
@@ -42,6 +45,7 @@ export default App;
 You can load the widget on any website using the unpkg CDN.
 
 ### Option A: Standalone Bundle (Recommended for non-React websites)
+
 This bundle includes React, ReactDOM, Socket.io, marked, and DOMPurify internally, making it a zero-dependency drop-in.
 
 ```html
@@ -57,6 +61,7 @@ This bundle includes React, ReactDOM, Socket.io, marked, and DOMPurify internall
 ```
 
 ### Option B: Externalized Bundle
+
 If your page already loads React, ReactDOM, and socket.io-client, use the smaller externalized bundle:
 
 ```html
@@ -72,65 +77,30 @@ If your page already loads React, ReactDOM, and socket.io-client, use the smalle
 ></script>
 ```
 
----
-
-## 3. Iframe Embedding Options
-
-### Option A: Isolated Iframe (Script Tag)
-To isolate the chat DOM and CSS from your parent page styles, enable isolated mode using the `data-isolated` attribute:
-
-```html
-<script
-  src="https://unpkg.com/lulichat/dist/lulichat-widget.umd.js"
-  data-api-key="YOUR_API_KEY"
-  data-isolated="iframe"
-  data-iframe-width="360px"
-  data-iframe-height="560px"
-  defer
-  onload="window.LuliChatSupport && window.LuliChatSupport.initFromScript()"
-></script>
-```
-
-### Option B: Zero-JS Iframe Embedding (Static Frame)
-If you want to embed the chat widget strictly via a standard `<iframe>` without any scripts on the parent page, point the frame to the hosted `lulichat-widget.html`:
-
-```html
-<iframe
-  src="https://unpkg.com/lulichat/dist/lulichat-widget.html?apiKey=YOUR_API_KEY&position=bottom-right&primaryColor=%234f46e5"
-  width="380"
-  height="600"
-  style="border:0;background:transparent"
-  loading="lazy"
-></iframe>
-```
-
----
-
-## 4. Configuration Options
+## 3. Configuration Options
 
 Set these options via React component props, `data-*` script tag attributes, or URL query parameters:
 
-| Parameter / Attribute | Description | Default |
-| :--- | :--- | :--- |
-| `apiKey` / `data-api-key` | Your LuliChat public API key (Required) | - |
-| `companyName` / `data-company-name` | Header title of the widget | `LuliChat` |
-| `welcomeMessage` / `data-welcome-message` | Initial greeting message | - |
-| `primaryColor` / `data-primary-color` | Hex theme color code (e.g. `#4f46e5`) | `#4f46e5` |
-| `position` / `data-position` | Widget placement (`bottom-right`, `bottom-left`, `top-right`, `top-left`) | `bottom-right` |
-| `allowAnonymous` / `data-allow-anonymous` | Allow users to chat without entering contact info | `false` |
-| `requireContactInfo` / `data-require-contact-info` | Ask for contact info before initiating a session | `true` |
-| `baseUrl` / `data-base-url` | Base endpoint URL for the chat backend API | `https://api.lulichat.com` |
+| Parameter / Attribute                              | Description                                                               | Default                    |
+| :------------------------------------------------- | :------------------------------------------------------------------------ | :------------------------- |
+| `apiKey` / `data-api-key`                          | Your LuliChat public API key (Required)                                   | -                          |
+| `companyName` / `data-company-name`                | Header title of the widget                                                | `LuliChat`                 |
+| `welcomeMessage` / `data-welcome-message`          | Initial greeting message                                                  | -                          |
+| `primaryColor` / `data-primary-color`              | Hex theme color code (e.g. `#4f46e5`)                                     | `#4f46e5`                  |
+| `position` / `data-position`                       | Widget placement (`bottom-right`, `bottom-left`, `top-right`, `top-left`) | `bottom-right`             |
+| `allowAnonymous` / `data-allow-anonymous`          | Allow users to chat without entering contact info                         | `false`                    |
+| `requireContactInfo` / `data-require-contact-info` | Ask for contact info before initiating a session                          | `true`                     |
+| `baseUrl` / `data-base-url`                        | Base endpoint URL for the chat backend API                                | `https://api.lulichat.com` |
 
 ---
 
-## 5. JavaScript / Programmatic API
+## 4. JavaScript / Programmatic API
 
 When loaded via a script tag, the widget registers a global `window.LuliChatSupport` object:
 
 - `window.LuliChatSupport.mount(config, targetSelector?)`: Mounts the widget programmatically.
 - `window.LuliChatSupport.unmount(id)`: Unmounts a specific widget instance by ID.
 - `window.LuliChatSupport.unmountAll()`: Removes all mounted widget instances.
-- `window.LuliChatSupport.mountIframe(config, iframeConfig)`: Programmatically mounts the widget within an isolated iframe.
 - `window.LuliChatSupport.initFromScript()`: Reads properties from the current `<script>` tag and initializes the widget.
 
 ## License