@deepfrog/pangents-widget 2.2.0 → 2.2.2

package/README.md

@@ -133,6 +133,61 @@ Initialize the widget with configuration.
 
 Update widget configuration dynamically.
 
+#### Example: Fetch config from an API and update at runtime
+
+```html
+<script type="module">
+  import Chatbot from 'https://cdn.jsdelivr.net/npm/@deepfrog/pangents-widget/dist/widget.min.js';
+
+  Chatbot.init({
+    pangentsApiKey: '<api_key>',
+    tenantId: '<tenant_id>'
+  });
+
+  async function loadWidgetConfig() {
+    const res = await fetch('https://api.example.com/widget-config?tenant=<tenant_id>');
+    if (!res.ok) throw new Error('Failed to load widget config');
+    const remote = await res.json();
+
+    Chatbot.updateConfig({
+      pangentsApiKey: remote.pangentsApiKey ?? '<api_key>',
+      tenantId: remote.tenantId ?? '<tenant_id>',
+      email: remote.email,
+      theme: remote.theme,
+      position: remote.position,
+      margin: remote.margin,
+      zIndex: remote.zIndex
+    });
+  }
+
+  loadWidgetConfig();
+</script>
+```
+
+```ts
+// ESM/bundlers
+import Chatbot from '@deepfrog/pangents-widget/widget';
+
+Chatbot.init({
+  pangentsApiKey: '<api_key>',
+  tenantId: '<tenant_id>'
+});
+
+const res = await fetch('/api/widget-config');
+if (!res.ok) throw new Error('Failed to load widget config');
+const cfg = await res.json();
+
+Chatbot.updateConfig({
+  pangentsApiKey: cfg.pangentsApiKey,
+  tenantId: cfg.tenantId,
+  email: cfg.email,
+  theme: cfg.theme,
+  position: cfg.position,
+  margin: cfg.margin,
+  zIndex: cfg.zIndex
+});
+```
+
 ### `Chatbot.updateTheme(theme)`
 
 Update only the theme configuration.

package/dist/index.cjs.js

@@ -6,5 +6,5 @@
     }
   } catch (error) {}
 })();
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./widget-embed-BPoilyw_.cjs.js"),t=require("react/jsx-runtime"),n=require("react"),o=e=>Object.freeze(Object.defineProperty({__proto__:null,default:e},Symbol.toStringTag,{value:"Module"}));if("undefined"!=typeof window)try{const e=window.__PANGENTS_WIDGET_CSS;if(e&&!document.getElementById("pangents-widget-styles")){const t=document.createElement("style");t.id="pangents-widget-styles",t.textContent=e,document.head.appendChild(t)}}catch{}exports.Chatbot=e.Chatbot,exports.Widget=e.Widget,exports.ChatbotWidget=({pangentsApiKey:e,email:r,tenantId:i,theme:s,position:d="bottom-right",zIndex:c=9999,onInit:a,onDestroy:l})=>{const u=n.useRef(null),g=n.useRef(null);return n.useEffect(()=>((async()=>{try{const{default:t}=await Promise.resolve().then(()=>o(require("./widget-embed.cjs.js"))),n={pangentsApiKey:e,email:r,tenantId:i,theme:s,position:d,zIndex:c};u.current=t,t.init(n),a&&a()}catch(t){console.error("Failed to initialize chatbot widget:",t)}})(),()=>{if(u.current)try{u.current.destroy(),l&&l()}catch(e){console.error("Error destroying chatbot widget:",e)}}),[e,r,i,s,d,c,a,l]),n.useEffect(()=>{if(u.current){const n={pangentsApiKey:e,email:r,tenantId:i,theme:s,position:d,zIndex:c};try{u.current.updateConfig(n)}catch(t){console.error("Error updating chatbot widget config:",t)}}},[e,r,i,s,d,c]),t.jsx("div",{ref:g,style:{display:"none"}})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./widget-embed-DCSN_j6Y.cjs.js"),t=require("react/jsx-runtime"),n=require("react"),o=e=>Object.freeze(Object.defineProperty({__proto__:null,default:e},Symbol.toStringTag,{value:"Module"}));if("undefined"!=typeof window)try{const e=window.__PANGENTS_WIDGET_CSS;if(e&&!document.getElementById("pangents-widget-styles")){const t=document.createElement("style");t.id="pangents-widget-styles",t.textContent=e,document.head.appendChild(t)}}catch{}exports.Chatbot=e.Chatbot,exports.Widget=e.Widget,exports.ChatbotWidget=({pangentsApiKey:e,email:r,tenantId:i,theme:s,position:d="bottom-right",zIndex:c=9999,onInit:a,onDestroy:l})=>{const u=n.useRef(null),g=n.useRef(null);return n.useEffect(()=>((async()=>{try{const{default:t}=await Promise.resolve().then(()=>o(require("./widget-embed.cjs.js"))),n={pangentsApiKey:e,email:r,tenantId:i,theme:s,position:d,zIndex:c};u.current=t,t.init(n),a&&a()}catch(t){console.error("Failed to initialize chatbot widget:",t)}})(),()=>{if(u.current)try{u.current.destroy(),l&&l()}catch(e){console.error("Error destroying chatbot widget:",e)}}),[e,r,i,s,d,c,a,l]),n.useEffect(()=>{if(u.current){const n={pangentsApiKey:e,email:r,tenantId:i,theme:s,position:d,zIndex:c};try{u.current.updateConfig(n)}catch(t){console.error("Error updating chatbot widget config:",t)}}},[e,r,i,s,d,c]),t.jsx("div",{ref:g,style:{display:"none"}})};
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.es.js

@@ -6,7 +6,7 @@
     }
   } catch (error) {}
 })();
-import { C, W } from "./widget-embed-CtD27t5y.es.js";
+import { C, W } from "./widget-embed-DzLM7DN8.es.js";
 import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
 const ChatbotWidget = ({