@eka-care/medassist-widget-embed 0.2.3 → 0.2.5

package/dist/iframe.js

@@ -20,6 +20,53 @@
         }
         return undefined;
     };
+    const API_FETCH_TIMEOUT_MS = 10000;
+    /** Map agent-config API theme to widget theme (mode → textColor: dark→black, light→white) */
+    function mapAgentConfigThemeToWidgetTheme(apiTheme) {
+        if (!apiTheme)
+            return undefined;
+        const textColor = apiTheme.mode === "dark"
+            ? "white"
+            : apiTheme.mode === "light"
+                ? "black"
+                : undefined;
+        return {
+            ...(apiTheme.background && { background: apiTheme.background }),
+            ...(apiTheme.background_img && {
+                backgroundImage: apiTheme.background_img,
+            }),
+            ...(apiTheme.accent && { primary: apiTheme.accent }),
+            ...(textColor && { textColor }),
+            ...(apiTheme.title_img && { titleImg: apiTheme.title_img }),
+        };
+    }
+    /** Fetch agent-config from API with timeout; aborts if pending > 10s */
+    async function fetchAgentConfig(baseUrl, agentId) {
+        var _a;
+        const url = `${baseUrl.replace(/\/$/, "")}/med-assist/agent-config/${agentId}`;
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), API_FETCH_TIMEOUT_MS);
+        try {
+            const res = await fetch(url, {
+                signal: controller.signal,
+                headers: {
+                    "ngrok-skip-browser-warning": "69420",
+                },
+            });
+            if (!res.ok)
+                return undefined;
+            const json = await res.json();
+            if ((json === null || json === void 0 ? void 0 : json.success) && ((_a = json === null || json === void 0 ? void 0 : json.data) === null || _a === void 0 ? void 0 : _a.theme))
+                return json.data;
+            return undefined;
+        }
+        catch {
+            return undefined;
+        }
+        finally {
+            clearTimeout(timeoutId);
+        }
+    }
     const DEFAULT_WIDGET_ASSET_BASE = "https://unpkg.com/@eka-care/medassist-widget@latest/dist/";
     const scriptEl = getCurrentScript();
     const scriptBaseUrl = (() => {
@@ -57,40 +104,65 @@
     let widgetCssTextPromise = null;
     // Auto-initialize from URL parameters (no shadow DOM needed in iframe)
     const initializeFromUrlParams = async () => {
-        var _a;
+        var _a, _b, _c, _d, _e;
         const urlParams = new URLSearchParams(window.location.search);
         const agentId = urlParams.get("agentId");
         if (!agentId) {
             console.error("Agent ID is required in URL parameters");
             return;
         }
-        const title = urlParams.get("title") || "Medi Clinic";
-        const iconUrl = urlParams.get("iconUrl") || undefined;
+        let title = urlParams.get("title") || "Medi Clinic";
+        let iconUrl = urlParams.get("iconUrl") || undefined;
         const context = urlParams.get("context");
-        const baseUrl = urlParams.get("baseUrl") || undefined;
+        const baseUrl = urlParams.get("baseUrl") || "https://matrix.eka.care/reloaded";
         const environment = (_a = getEnvironment(urlParams.get("environment"))) !== null && _a !== void 0 ? _a : "production";
+        const attributeTheme = urlParams.get("theme")
+            ? (() => {
+                try {
+                    return JSON.parse(urlParams.get("theme") || "{}");
+                }
+                catch {
+                    return undefined;
+                }
+            })()
+            : undefined;
         const container = document.getElementById("root") || document.body;
         try {
-            await Promise.all([
-                loadWidgetCss(),
-                loadWidgetScript(),
-            ]);
-            if (!(window === null || window === void 0 ? void 0 : window.renderMedAssist) || typeof (window === null || window === void 0 ? void 0 : window.renderMedAssist) !== "function") {
+            await Promise.all([loadWidgetCss(), loadWidgetScript()]);
+            if (!(window === null || window === void 0 ? void 0 : window.renderMedAssist) ||
+                typeof (window === null || window === void 0 ? void 0 : window.renderMedAssist) !== "function") {
                 throw new Error("renderMedAssist is not available on window");
             }
+            // Fetch agent-config when baseUrl is available; 10s timeout aborts pending request
+            let apiTheme;
+            console.log("base url", baseUrl);
+            if (baseUrl) {
+                try {
+                    const agentConfig = await fetchAgentConfig(baseUrl, agentId);
+                    title = (_b = agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.name) !== null && _b !== void 0 ? _b : title;
+                    iconUrl = (_d = (_c = agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.theme) === null || _c === void 0 ? void 0 : _c.icon_img) !== null && _d !== void 0 ? _d : iconUrl;
+                    apiTheme = mapAgentConfigThemeToWidgetTheme((_e = agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.theme) !== null && _e !== void 0 ? _e : undefined);
+                }
+                catch {
+                    // ignore; use URL params only
+                }
+            }
             const config = {
                 title,
                 iconUrl,
                 environment,
                 onClose: () => {
-                    // Send message to parent window to close iframe
                     if (window.parent !== window) {
                         window.parent.postMessage({ type: "WIDGET_CLOSE" }, "*");
                     }
                 },
                 context: context ? JSON.parse(context) : undefined,
                 baseUrl,
-                displayMode: "full", //for iframe default display mode is full
+                displayMode: "full",
+                theme: {
+                    ...(apiTheme !== null && apiTheme !== void 0 ? apiTheme : {}),
+                    ...(attributeTheme !== null && attributeTheme !== void 0 ? attributeTheme : {}),
+                },
             };
             window.renderMedAssist(container, agentId, config);
         }

package/dist/index.d.ts

@@ -3,6 +3,18 @@ type WidgetEnvironment = "production" | "development" | "staging";
 declare const getEnvironment: (value: string | null) => WidgetEnvironment | undefined;
 declare const scriptEl: HTMLScriptElement | null;
 declare const DEFAULT_WIDGET_ASSET_BASE: string;
+/** Theme from agent-config API (has mode; textColor derived: dark → black, light → white) */
+type AgentConfig = {
+    name?: string;
+    theme?: {
+        background?: string;
+        background_img?: string;
+        accent?: string;
+        mode?: "light" | "dark";
+        title_img?: string;
+        icon_img?: string;
+    };
+};
 type MedAssistInitConfig = {
     auth?: string;
     agentId?: string;
@@ -10,8 +22,18 @@ type MedAssistInitConfig = {
     title?: string;
     iconUrl?: string;
     baseUrl?: string;
+    theme?: {
+        background?: string;
+        backgroundImage?: string;
+        primary?: string;
+        textColor?: "black" | "white";
+    };
     [key: string]: unknown;
 };
+/** Map agent-config API theme to widget theme (mode → textColor: dark→black, light→white) */
+declare function mapAgentConfigThemeToWidgetTheme(apiTheme: AgentConfig["theme"] | undefined): MedAssistInitConfig["theme"];
+/** Fetch agent-config from API and return theme from response data */
+declare function fetchAgentConfig(baseUrl: string, agentId: string): Promise<AgentConfig | undefined>;
 interface EkaMedAssistWindow extends Window {
     EkaMedAssist?: {
         init: (config: MedAssistInitConfig) => void;
@@ -35,7 +57,6 @@ declare class MedAssistWidgetLoader extends HTMLElement {
     static get observedAttributes(): string[];
     connectedCallback(): void;
     attributeChangedCallback(name: string): void;
-    private preloadResources;
     private setupAuthExpirationListener;
     openFromBridge(): void;
     renderButton(): void;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB,QAAO,iBAAiB,GAAG,IAahD,CAAC;AAEF,KAAK,iBAAiB,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS,CAAC;AAElE,QAAA,MAAM,cAAc,GAClB,OAAO,MAAM,GAAG,IAAI,KACnB,iBAAiB,GAAG,SAStB,CAAC;AAEF,QAAA,MAAM,QAAQ,0BAAqB,CAAC;AAGpC,QAAA,MAAM,yBAAyB,QAK3B,CAAC;AAEL,KAAK,mBAAmB,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,UAAU,kBAAmB,SAAQ,MAAM;IACzC,YAAY,CAAC,EAAE;QACb,IAAI,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;QAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,sBAAsB,CAAC,EAAE,mBAAmB,CAAC;CAC9C;AAED,QAAA,MAAM,qBAAqB,EAAE,mBAAwB,CAAC;AAEtD,QAAA,MAAM,gBAAgB,QAAO,WAAW,GAAG,IAK1C,CAAC;AA6BF,QAAA,MAAM,aAAa,QASf,CAAC;AAEL,QAAA,MAAM,kBAAkB,QAmBpB,CAAC;AAEL,QAAA,MAAM,aAAa,QAA6C,CAAC;AACjE,QAAA,MAAM,cAAc,QAA8C,CAAC;AAEnE,QAAA,IAAI,mBAAmB,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAW,CAAC;AACrD,QAAA,IAAI,oBAAoB,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,IAAW,CAAC;AAExD,cAAM,qBAAsB,SAAQ,WAAW;IAC7C,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,WAAW,CAAoB;;IAcvC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,iBAAiB,IAAI,IAAI;IAQzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAoB5C,OAAO,CAAC,gBAAgB;IAqBxB,OAAO,CAAC,2BAA2B;IAe5B,cAAc,IAAI,IAAI;IAe7B,YAAY,IAAI,IAAI;IAiEpB,kBAAkB,IAAI,IAAI;IA6BpB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IA0F9B,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IA4BpC,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;CA0ClC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -28,6 +28,35 @@ const DEFAULT_WIDGET_ASSET_BASE = (() => {
     }
     return "https://unpkg.com/@eka-care/medassist-widget@latest/dist/";
 })();
+/** Map agent-config API theme to widget theme (mode → textColor: dark→black, light→white) */
+function mapAgentConfigThemeToWidgetTheme(apiTheme) {
+    if (!apiTheme)
+        return undefined;
+    const textColor = apiTheme.mode === "dark" ? "white" : apiTheme.mode === "light" ? "black" : undefined;
+    return {
+        ...(apiTheme.background && { background: apiTheme.background }),
+        ...(apiTheme.background_img && { backgroundImage: apiTheme.background_img }),
+        ...(apiTheme.accent && { primary: apiTheme.accent }),
+        ...(textColor && { textColor }),
+        ...(apiTheme.title_img && { titleImg: apiTheme.title_img }),
+    };
+}
+/** Fetch agent-config from API and return theme from response data */
+async function fetchAgentConfig(baseUrl, agentId) {
+    var _a;
+    const url = `${baseUrl.replace(/\/$/, "")}/med-assist/agent-config/${agentId}`;
+    const res = await fetch(url, {
+        headers: {
+            "ngrok-skip-browser-warning": "69420",
+        },
+    });
+    if (!res.ok)
+        return undefined;
+    const json = await res.json();
+    if ((json === null || json === void 0 ? void 0 : json.success) && ((_a = json === null || json === void 0 ? void 0 : json.data) === null || _a === void 0 ? void 0 : _a.theme))
+        return json.data;
+    return undefined;
+}
 const globalMedAssistConfig = {};
 const getWidgetElement = () => {
     if (typeof document === "undefined") {
@@ -105,7 +134,6 @@ class MedAssistWidgetLoader extends HTMLElement {
         this.defaultIconUrl = "https://cdn.eka.care/bot-icon.svg";
         this.widgetLoaded = false;
         this.displayMode = this.getAttribute("display-mode") === "full" ? "full" : "widget";
-        this.preloadResources();
         // Listen for AUTH_EXPIRED events from the widget and forward to parent
         this.setupAuthExpirationListener();
     }
@@ -139,26 +167,6 @@ class MedAssistWidgetLoader extends HTMLElement {
             }
         }
     }
-    // Preload resources in the background
-    preloadResources() {
-        // Preload CSS (browser will cache it)
-        if (!document.querySelector(`link[href="${WIDGET_CSS_URL}"]`)) {
-            const cssLink = document.createElement("link");
-            cssLink.rel = "preload";
-            cssLink.href = WIDGET_CSS_URL;
-            cssLink.as = "style";
-            document.head.appendChild(cssLink);
-        }
-        // Preload JS (browser will cache it)
-        if (!document.querySelector(`link[href="${WIDGET_JS_URL}"]`)) {
-            const jsLink = document.createElement("link");
-            jsLink.rel = "preload";
-            jsLink.href = WIDGET_JS_URL;
-            jsLink.as = "script";
-            jsLink.crossOrigin = "anonymous";
-            document.head.appendChild(jsLink);
-        }
-    }
     setupAuthExpirationListener() {
         if (typeof window === "undefined")
             return;
@@ -181,7 +189,8 @@ class MedAssistWidgetLoader extends HTMLElement {
         else {
             this.renderButton();
         }
-        Promise.all([this.loadWidgetCss(), this.loadWidgetScript()])
+        this.loadWidgetCss()
+            .then(() => this.loadWidgetScript())
             .then(() => this.loadAndRender())
             .catch((error) => {
             console.error("Failed to open MedAssist widget from bridge", error);
@@ -275,7 +284,7 @@ class MedAssistWidgetLoader extends HTMLElement {
         }
     }
     async loadAndRender() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const shadowRoot = this.shadowRoot;
         if (!shadowRoot) {
             console.error("Shadow root is not available");
@@ -284,13 +293,19 @@ class MedAssistWidgetLoader extends HTMLElement {
         const button = shadowRoot.getElementById("medassist-open-btn");
         const rootElement = shadowRoot.getElementById("medassist-widget-root");
         const agentId = this.getAttribute("agent-id");
-        const iconUrl = this.getAttribute("icon-url") || this.defaultIconUrl;
+        let iconUrl = this.getAttribute("icon-url") || this.defaultIconUrl;
         const environment = (_a = getEnvironment(this.getAttribute("environment"))) !== null && _a !== void 0 ? _a : "production";
-        const title = this.getAttribute("title") || "Medi Clinic";
-        const baseUrl = this.getAttribute("base-url") || undefined;
+        let title = this.getAttribute("title") || "Medi Clinic";
+        const baseUrl = this.getAttribute("base-url") || "https://matrix.eka.care/reloaded";
         const displayModeAttribute = this.getAttribute("display-mode");
         const displayMode = displayModeAttribute === "full" ? "full" : "widget";
         const attributeContext = this.getAttribute("context") ? JSON.parse(this.getAttribute("context") || "{}") : undefined;
+        const attributeTheme = this.getAttribute("theme") ? (() => { try {
+            return JSON.parse(this.getAttribute("theme") || "{}");
+        }
+        catch {
+            return undefined;
+        } })() : undefined;
         const initConfig = (typeof window !== "undefined"
             ? window.__ekaMedAssistConfig__
             : undefined) || {};
@@ -300,6 +315,7 @@ class MedAssistWidgetLoader extends HTMLElement {
         };
         const auth = initConfig.auth || undefined;
         const resolvedAgentId = initConfig.agentId || agentId;
+        const apiBaseUrl = initConfig.baseUrl || baseUrl;
         const customOnClose = typeof window !== "undefined" ? (_b = window.EkaMedAssist) === null || _b === void 0 ? void 0 : _b.onClose : undefined;
         if (!resolvedAgentId) {
             console.error("Agent ID is required");
@@ -313,6 +329,19 @@ class MedAssistWidgetLoader extends HTMLElement {
             button.classList.add("hidden");
         }
         rootElement.classList.remove("hidden");
+        // Fetch agent-config when baseUrl is available; derive theme (mode → textColor: dark→black, light→white)
+        let apiTheme = undefined;
+        if (apiBaseUrl) {
+            try {
+                const agentConfig = await fetchAgentConfig(apiBaseUrl, resolvedAgentId);
+                title = (agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.name) || title;
+                iconUrl = ((_c = agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.theme) === null || _c === void 0 ? void 0 : _c.icon_img) || iconUrl;
+                apiTheme = mapAgentConfigThemeToWidgetTheme((agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.theme) || undefined);
+            }
+            catch {
+                // ignore; use attribute + init theme only
+            }
+        }
         const widgetConfig = {
             title: initConfig.title || title,
             iconUrl: initConfig.iconUrl || iconUrl,
@@ -326,13 +355,14 @@ class MedAssistWidgetLoader extends HTMLElement {
                 }
                 rootElement.classList.add("hidden");
             },
-            baseUrl: initConfig.baseUrl || baseUrl,
+            baseUrl: apiBaseUrl,
             context: mergedContext,
             displayMode,
-            auth
+            auth,
+            theme: { ...(apiTheme || {}), ...(attributeTheme || {}), ...(initConfig.theme || {}) }
         };
         if (this.widgetLoaded) {
-            (_c = window.renderMedAssist) === null || _c === void 0 ? void 0 : _c.call(window, rootElement, resolvedAgentId, widgetConfig);
+            (_d = window.renderMedAssist) === null || _d === void 0 ? void 0 : _d.call(window, rootElement, resolvedAgentId, widgetConfig);
             return;
         }
         try {