@data-netmonk/mona-chat-widget 2.6.4 → 2.6.5

package/README.md

@@ -8,7 +8,7 @@ Chat widget package developed by Netmonk data & solution team to be imported in
 
 ---
 
-**Latest Version Changes (`v2.6.4`):**
+**Latest Version Changes (`v2.6.5`):**
 
 ✅ **Patch Updates:**
 1. **Voice mode now fully controls TTS playback** - Disabling voice mode clears queued audio and stops active playback cleanly
@@ -139,6 +139,24 @@ Chat widget package developed by Netmonk data & solution team to be imported in
   The widget expects the TTS response body to contain raw audio binary such as `audio/wav`, and reads lip-sync metadata from `x-tts-visemes-b64`, `x-tts-phonemes-b64`, and `x-tts-phoneme-timeline-b64` response headers.
   If your TTS endpoint is called cross-origin, the server must expose those headers with `Access-Control-Expose-Headers`.
   If your TTS service uses a different header such as `x-api-key`, set `VITE_TTS_API_KEY_HEADER=x-api-key` and leave the prefix empty.
+  If you are consuming the published package inside another project, prefer passing these values via the `voiceConfig` prop because the host app `.env` is not injected into an already-built library bundle.
+  Example:
+  ```jsx
+  <ChatWidget
+    sourceId="source456"
+    webhookUrl="https://api.example.com/webhook"
+    voiceConfig={{
+      sttEndpoint: "https://voice.netmonk-ai.tech/stt",
+      sttApiKey: "your-key",
+      sttApiKeyHeader: "x-api-key",
+      sttApiKeyPrefix: "",
+      ttsEndpoint: "https://voice.example.com/tts",
+      ttsApiKey: "your-key",
+      ttsApiKeyHeader: "Authorization",
+      ttsApiKeyPrefix: "Bearer",
+    }}
+  />
+  ```
 5. Optional TTS debug logging
    
   To inspect TTS queue and playback lifecycle in browser console, set `VITE_DEBUG_TTS=true` in your `.env` file.