@eka-care/medassist-widget-embed 0.2.13 → 0.2.14

package/dist/index.js

@@ -1,286 +1,4 @@
-"use strict";
-const getCurrentScript = () => {
-    if (typeof document === "undefined") {
-        console.error("document is not defined");
-        return null;
-    }
-    const { currentScript } = document;
-    if (currentScript instanceof HTMLScriptElement) {
-        return currentScript;
-    }
-    const scripts = document.getElementsByTagName("script");
-    return scripts.length ? scripts[scripts.length - 1] : null;
-};
-const getEnvironment = (value) => {
-    if (value === "production" ||
-        value === "development" ||
-        value === "staging") {
-        return value;
-    }
-    return undefined;
-};
-const scriptEl = getCurrentScript();
-// Detect version tag from script src (e.g., @dev, @latest)
-const DEFAULT_WIDGET_ASSET_BASE = (() => {
-    var _a;
-    if ((_a = scriptEl === null || scriptEl === void 0 ? void 0 : scriptEl.src) === null || _a === void 0 ? void 0 : _a.includes("@dev")) {
-        return "https://unpkg.com/@eka-care/medassist-widget@dev/dist/";
-    }
-    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 }),
-    };
-}
-/** Preload an image by URL so it is cached and loads faster when the widget uses it. */
-function preloadImage(url) {
-    if (!url || typeof document === "undefined")
-        return;
-    try {
-        const link = document.createElement("link");
-        link.rel = "preload";
-        link.as = "image";
-        link.href = url;
-        document.head.appendChild(link);
-    }
-    catch {
-        // fallback: use Image to prime cache
-        const img = new Image();
-        img.src = url;
-    }
-}
-/** Fetch agent-config from API and return theme from response data */
-async function fetchAgentConfig(baseUrl, agentId) {
-    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) && (json === null || json === void 0 ? void 0 : json.data))
-        return json.data;
-    return undefined;
-}
-const globalMedAssistConfig = {};
-const getWidgetElement = () => {
-    if (typeof document === "undefined") {
-        return null;
-    }
-    return document.querySelector("eka-medassist-widget");
-};
-if (typeof window !== "undefined") {
-    const w = window;
-    w.__ekaMedAssistConfig__ = globalMedAssistConfig;
-    w.EkaMedAssist = {
-        init(config) {
-            var _a, _b, _c;
-            Object.assign(globalMedAssistConfig, config);
-            const el = getWidgetElement();
-            if (!el)
-                return;
-            if (config.agentId)
-                el.setAttribute("agent-id", config.agentId);
-            if (config.title)
-                el.setAttribute("title", config.title);
-            if (config.iconUrl)
-                el.setAttribute("icon-url", config.iconUrl);
-            if (config.baseUrl)
-                el.setAttribute("base-url", config.baseUrl);
-            if (config.context) {
-                try {
-                    el.setAttribute("context", JSON.stringify(config.context));
-                }
-                catch {
-                    console.warn("Failed to stringify context passed to init");
-                }
-            }
-            if ((_a = config.theme) === null || _a === void 0 ? void 0 : _a.backgroundImage) {
-                preloadImage(config.theme.backgroundImage);
-            }
-            (_c = (_b = el).openFromBridge) === null || _c === void 0 ? void 0 : _c.call(_b);
-        },
-    };
-}
-const scriptBaseUrl = (() => {
-    if (!scriptEl) {
-        return "";
-    }
-    try {
-        return new URL(".", scriptEl.src || window.location.href).href;
-    }
-    catch {
-        return "";
-    }
-})();
-const widgetAssetBaseUrl = (() => {
-    if (!scriptEl) {
-        return DEFAULT_WIDGET_ASSET_BASE;
-    }
-    const dataValue = scriptEl.dataset.widgetAssets;
-    if (dataValue === "local") {
-        return `${scriptBaseUrl}src/`;
-    }
-    if (dataValue && dataValue.length > 0) {
-        try {
-            return new URL(dataValue, scriptBaseUrl).href;
-        }
-        catch {
-            return dataValue.endsWith("/") ? dataValue : `${dataValue}/`;
-        }
-    }
-    return DEFAULT_WIDGET_ASSET_BASE;
-})();
-const WIDGET_JS_URL = `${widgetAssetBaseUrl}medassist-widget.js`;
-const WIDGET_CSS_URL = `${widgetAssetBaseUrl}medassist-widget.css`;
-let widgetScriptPromise = null;
-let widgetCssTextPromise = null;
-/** Start fetching widget CSS (shared promise). Used for preload and by loadWidgetCss. */
-function getWidgetCssTextPromise() {
-    if (!widgetCssTextPromise) {
-        widgetCssTextPromise = fetch(WIDGET_CSS_URL).then((response) => {
-            if (!response.ok) {
-                throw new Error(`Unable to fetch widget styles from ${WIDGET_CSS_URL}`);
-            }
-            return response.text();
-        });
-    }
-    return widgetCssTextPromise;
-}
-class MedAssistWidgetLoader extends HTMLElement {
-    constructor() {
-        super();
-        this.attachShadow({ mode: "open" });
-        this.defaultIconUrl = "https://cdn.eka.care/bot-icon.svg";
-        this.widgetLoaded = false;
-        this.displayMode = this.getAttribute("display-mode") === "full" ? "full" : "widget";
-        // Listen for AUTH_EXPIRED events from the widget and forward to parent
-        this.setupAuthExpirationListener();
-    }
-    static get observedAttributes() {
-        return ["icon-url", "display-mode"];
-    }
-    connectedCallback() {
-        if (this.displayMode === "full") {
-            this.initializeFullMode();
-        }
-        else {
-            this.renderButton();
-            this.preloadWidgetAssets();
-        }
-    }
-    attributeChangedCallback(name) {
-        if (name === "icon-url") {
-            if (this.displayMode === "widget") {
-                this.renderButton();
-            }
-        }
-        if (name === "display-mode") {
-            const newMode = this.getAttribute("display-mode") === "full" ? "full" : "widget";
-            if (newMode !== this.displayMode) {
-                this.displayMode = newMode;
-                if (newMode === "full") {
-                    this.initializeFullMode();
-                }
-                else {
-                    this.renderButton();
-                }
-            }
-        }
-    }
-    /** When in widget mode, start loading JS and CSS on page load so first open is faster. */
-    preloadWidgetAssets() {
-        getWidgetCssTextPromise(); // start CSS fetch (no inject until open)
-        void this.loadWidgetScript(); // start JS load
-        void this.preloadBackgroundImage();
-    }
-    /** Preload theme background image from init config, theme attribute, or agent-config API. */
-    preloadBackgroundImage() {
-        var _a;
-        const initConfig = typeof window !== "undefined"
-            ? window.__ekaMedAssistConfig__
-            : undefined;
-        const attributeTheme = this.getAttribute("theme")
-            ? (() => {
-                try {
-                    return JSON.parse(this.getAttribute("theme") || "{}");
-                }
-                catch {
-                    return undefined;
-                }
-            })()
-            : undefined;
-        const fromInit = (_a = initConfig === null || initConfig === void 0 ? void 0 : initConfig.theme) === null || _a === void 0 ? void 0 : _a.backgroundImage;
-        const fromAttr = attributeTheme === null || attributeTheme === void 0 ? void 0 : attributeTheme.backgroundImage;
-        if (fromInit)
-            preloadImage(fromInit);
-        if (fromAttr && fromAttr !== fromInit)
-            preloadImage(fromAttr);
-        const baseUrl = (initConfig === null || initConfig === void 0 ? void 0 : initConfig.baseUrl) || this.getAttribute("base-url") || "";
-        const agentId = (initConfig === null || initConfig === void 0 ? void 0 : initConfig.agentId) || this.getAttribute("agent-id") || "";
-        if (baseUrl && agentId) {
-            fetchAgentConfig(baseUrl, agentId)
-                .then((agentConfig) => {
-                var _a;
-                const url = (_a = agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.theme) === null || _a === void 0 ? void 0 : _a.background_img;
-                if (url)
-                    preloadImage(url);
-            })
-                .catch(() => {
-                // ignore; widget will load config when it opens
-            });
-        }
-    }
-    setupAuthExpirationListener() {
-        if (typeof window === "undefined")
-            return;
-        const messageHandler = (event) => {
-            var _a;
-            if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.type) === "AUTH_EXPIRED") {
-                if (window.parent !== window) {
-                    window.parent.postMessage({ type: "AUTH_EXPIRED", message: "Authentication expired" }, "*");
-                }
-                // window.webkit.messageHandlers.authTokenExpired.postMessage({});
-            }
-        };
-        window.addEventListener("message", messageHandler);
-    }
-    openFromBridge() {
-        this.displayMode = this.getAttribute("display-mode") === "full" ? "full" : "widget";
-        if (this.displayMode === "full") {
-            this.initializeFullMode();
-        }
-        else {
-            this.renderButton();
-        }
-        this.loadWidgetCss()
-            .then(() => this.loadWidgetScript())
-            .then(() => this.loadAndRender())
-            .catch((error) => {
-            console.error("Failed to open MedAssist widget from bridge", error);
-        });
-    }
-    renderButton() {
-        var _a;
-        const iconUrl = this.getAttribute("icon-url") || this.defaultIconUrl;
-        const shadowRoot = this.shadowRoot;
-        if (!shadowRoot) {
-            console.error("Shadow root was not created");
-            return;
-        }
-        if (!shadowRoot.querySelector("button")) {
-            shadowRoot.innerHTML = `
+"use strict";const getCurrentScript=()=>{if(typeof document=="undefined")return console.error("document is not defined"),null;const{currentScript:e}=document;if(e instanceof HTMLScriptElement)return e;const t=document.getElementsByTagName("script");return t.length?t[t.length-1]:null},getEnvironment=e=>{if(e==="production"||e==="development"||e==="staging")return e},scriptEl=getCurrentScript(),DEFAULT_WIDGET_ASSET_BASE=(()=>{var e;return!((e=scriptEl==null?void 0:scriptEl.src)===null||e===void 0)&&e.includes("@dev")?"https://unpkg.com/@eka-care/medassist-widget@dev/dist/":"https://unpkg.com/@eka-care/medassist-widget@latest/dist/"})();function mapAgentConfigThemeToWidgetTheme(e){if(!e)return;const t=e.mode==="dark"?"white":e.mode==="light"?"black":void 0;return{...e.background&&{background:e.background},...e.background_img&&{backgroundImage:e.background_img},...e.accent&&{primary:e.accent},...t&&{textColor:t},...e.title_img&&{titleImg:e.title_img}}}function preloadImage(e){if(!(!e||typeof document=="undefined"))try{const t=document.createElement("link");t.rel="preload",t.as="image",t.href=e,document.head.appendChild(t)}catch{const t=new Image;t.src=e}}async function fetchAgentConfig(e,t){const i=`${e.replace(/\/$/,"")}/med-assist/agent-config/${t}`,n=await fetch(i,{headers:{"ngrok-skip-browser-warning":"69420"}});if(!n.ok)return;const o=await n.json();if(o!=null&&o.success&&(o!=null&&o.data))return o.data}const globalMedAssistConfig={},getWidgetElement=()=>typeof document=="undefined"?null:document.querySelector("eka-medassist-widget");if(typeof window!="undefined"){const e=window;e.__ekaMedAssistConfig__=globalMedAssistConfig,e.EkaMedAssist={init(t){var i,n,o;Object.assign(globalMedAssistConfig,t);const d=getWidgetElement();if(d){if(t.agentId&&d.setAttribute("agent-id",t.agentId),t.title&&d.setAttribute("title",t.title),t.iconUrl&&d.setAttribute("icon-url",t.iconUrl),t.baseUrl&&d.setAttribute("base-url",t.baseUrl),t.context)try{d.setAttribute("context",JSON.stringify(t.context))}catch{console.warn("Failed to stringify context passed to init")}!((i=t.theme)===null||i===void 0)&&i.backgroundImage&&preloadImage(t.theme.backgroundImage),(o=(n=d).openFromBridge)===null||o===void 0||o.call(n)}}}}const scriptBaseUrl=(()=>{if(!scriptEl)return"";try{return new URL(".",scriptEl.src||window.location.href).href}catch{return""}})(),widgetAssetBaseUrl=(()=>{if(!scriptEl)return DEFAULT_WIDGET_ASSET_BASE;const e=scriptEl.dataset.widgetAssets;if(e==="local")return`${scriptBaseUrl}src/`;if(e&&e.length>0)try{return new URL(e,scriptBaseUrl).href}catch{return e.endsWith("/")?e:`${e}/`}return DEFAULT_WIDGET_ASSET_BASE})(),WIDGET_JS_URL=`${widgetAssetBaseUrl}medassist-widget.js`,WIDGET_CSS_URL=`${widgetAssetBaseUrl}medassist-widget.css`;let widgetScriptPromise=null,widgetCssTextPromise=null;function getWidgetCssTextPromise(){return widgetCssTextPromise||(widgetCssTextPromise=fetch(WIDGET_CSS_URL).then(e=>{if(!e.ok)throw new Error(`Unable to fetch widget styles from ${WIDGET_CSS_URL}`);return e.text()})),widgetCssTextPromise}class MedAssistWidgetLoader extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.defaultIconUrl="https://cdn.eka.care/bot-icon.svg",this.widgetLoaded=!1,this.displayMode=this.getAttribute("display-mode")==="full"?"full":"widget",this.setupAuthExpirationListener()}static get observedAttributes(){return["icon-url","display-mode"]}connectedCallback(){this.displayMode==="full"?this.initializeFullMode():(this.renderButton(),this.preloadWidgetAssets())}attributeChangedCallback(t){if(t==="icon-url"&&this.displayMode==="widget"&&this.renderButton(),t==="display-mode"){const i=this.getAttribute("display-mode")==="full"?"full":"widget";i!==this.displayMode&&(this.displayMode=i,i==="full"?this.initializeFullMode():this.renderButton())}}preloadWidgetAssets(){getWidgetCssTextPromise(),this.loadWidgetScript(),this.preloadBackgroundImage()}preloadBackgroundImage(){var t;const i=typeof window!="undefined"?window.__ekaMedAssistConfig__:void 0,n=this.getAttribute("theme")?(()=>{try{return JSON.parse(this.getAttribute("theme")||"{}")}catch{return}})():void 0,o=(t=i==null?void 0:i.theme)===null||t===void 0?void 0:t.backgroundImage,d=n==null?void 0:n.backgroundImage;o&&preloadImage(o),d&&d!==o&&preloadImage(d);const r=(i==null?void 0:i.baseUrl)||this.getAttribute("base-url")||"",a=(i==null?void 0:i.agentId)||this.getAttribute("agent-id")||"";r&&a&&fetchAgentConfig(r,a).then(u=>{var l;const g=(l=u==null?void 0:u.theme)===null||l===void 0?void 0:l.background_img;g&&preloadImage(g)}).catch(()=>{})}setupAuthExpirationListener(){if(typeof window=="undefined")return;const t=i=>{var n;((n=i.data)===null||n===void 0?void 0:n.type)==="AUTH_EXPIRED"&&window.parent!==window&&window.parent.postMessage({type:"AUTH_EXPIRED",message:"Authentication expired"},"*")};window.addEventListener("message",t)}openFromBridge(){this.displayMode=this.getAttribute("display-mode")==="full"?"full":"widget",this.displayMode==="full"?this.initializeFullMode():this.renderButton(),this.loadWidgetCss().then(()=>this.loadWidgetScript()).then(()=>this.loadAndRender()).catch(t=>{console.error("Failed to open MedAssist widget from bridge",t)})}renderButton(){var t;const i=this.getAttribute("icon-url")||this.defaultIconUrl,n=this.shadowRoot;if(!n){console.error("Shadow root was not created");return}if(!n.querySelector("button"))n.innerHTML=`
         <style>
           #medassist-open-btn {
             width: 60px;
@@ -317,28 +35,10 @@ class MedAssistWidgetLoader extends HTMLElement {
         </style>
 
         <button id="medassist-open-btn">
-          <img src="${iconUrl}" alt="MedAssist Icon">
+          <img src="${i}" alt="MedAssist Icon">
         </button>
         <div id="medassist-widget-root" class="hidden"></div>
-      `;
-            (_a = shadowRoot
-                .getElementById("medassist-open-btn")) === null || _a === void 0 ? void 0 : _a.addEventListener("click", () => this.loadAndRender());
-        }
-        else {
-            const img = shadowRoot.querySelector("#medassist-open-btn img");
-            if (img) {
-                img.src = iconUrl;
-            }
-        }
-    }
-    initializeFullMode() {
-        const shadowRoot = this.shadowRoot;
-        if (!shadowRoot) {
-            console.error("Shadow root is not available");
-            return;
-        }
-        if (!shadowRoot.getElementById("medassist-widget-root")) {
-            shadowRoot.innerHTML = `
+      `,(t=n.getElementById("medassist-open-btn"))===null||t===void 0||t.addEventListener("click",()=>this.loadAndRender());else{const o=n.querySelector("#medassist-open-btn img");o&&(o.src=i)}}initializeFullMode(){const t=this.shadowRoot;if(!t){console.error("Shadow root is not available");return}t.getElementById("medassist-widget-root")||(t.innerHTML=`
         <style>
          :host {
          display: block;
@@ -355,156 +55,4 @@ class MedAssistWidgetLoader extends HTMLElement {
           }
         </style>
         <div id="medassist-widget-root"></div>
-      `;
-        }
-    }
-    async loadAndRender() {
-        var _a, _b, _c, _d;
-        const shadowRoot = this.shadowRoot;
-        if (!shadowRoot) {
-            console.error("Shadow root is not available");
-            return;
-        }
-        const button = shadowRoot.getElementById("medassist-open-btn");
-        const rootElement = shadowRoot.getElementById("medassist-widget-root");
-        const agentId = this.getAttribute("agent-id");
-        let iconUrl = this.getAttribute("icon-url") || this.defaultIconUrl;
-        const environment = (_a = getEnvironment(this.getAttribute("environment"))) !== null && _a !== void 0 ? _a : "production";
-        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) || {};
-        const mergedContext = {
-            ...(attributeContext || {}),
-            ...(initConfig.context || {}),
-        };
-        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");
-            return;
-        }
-        if (!rootElement) {
-            console.error("Widget root element is missing");
-            return;
-        }
-        if (button) {
-            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;
-        let allowed;
-        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);
-                allowed = agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.allowed;
-            }
-            catch {
-                // ignore; use attribute + init theme only
-            }
-        }
-        const widgetConfig = {
-            title: initConfig.title || title,
-            iconUrl: initConfig.iconUrl || iconUrl,
-            allowed,
-            environment,
-            onClose: () => {
-                if (customOnClose && typeof customOnClose === "function") {
-                    customOnClose();
-                }
-                if (button) {
-                    button.classList.remove("hidden");
-                }
-                rootElement.classList.add("hidden");
-            },
-            baseUrl: apiBaseUrl,
-            context: mergedContext,
-            displayMode,
-            auth,
-            theme: { ...(apiTheme || {}), ...(attributeTheme || {}), ...(initConfig.theme || {}) }
-        };
-        if (this.widgetLoaded) {
-            (_d = window.renderMedAssist) === null || _d === void 0 ? void 0 : _d.call(window, rootElement, resolvedAgentId, widgetConfig);
-            return;
-        }
-        try {
-            await Promise.all([this.loadWidgetCss(), this.loadWidgetScript()]);
-            if (typeof window.renderMedAssist !== "function") {
-                throw new Error("renderMedAssist is not available on window");
-            }
-            window.renderMedAssist(rootElement, resolvedAgentId, widgetConfig);
-            this.widgetLoaded = true;
-        }
-        catch (error) {
-            console.error("Failed to load MedAssist widget", error);
-            if (button) {
-                button.classList.remove("hidden");
-            }
-            rootElement.classList.add("hidden");
-        }
-    }
-    async loadWidgetCss() {
-        const shadowRoot = this.shadowRoot;
-        if (!shadowRoot) {
-            throw new Error("Shadow root is not available");
-        }
-        if (shadowRoot.querySelector("[data-medassist-style='true']")) {
-            return;
-        }
-        const cssText = await getWidgetCssTextPromise();
-        const styleTag = document.createElement("style");
-        styleTag.setAttribute("data-medassist-style", "true");
-        styleTag.textContent = cssText;
-        shadowRoot.appendChild(styleTag);
-    }
-    loadWidgetScript() {
-        if (!widgetScriptPromise) {
-            widgetScriptPromise = new Promise((resolve, reject) => {
-                const existingScript = document.querySelector(`script[src="${WIDGET_JS_URL}"]`);
-                if (existingScript) {
-                    if (existingScript.dataset.loaded === "true") {
-                        resolve();
-                        return;
-                    }
-                    existingScript.addEventListener("load", () => resolve());
-                    existingScript.addEventListener("error", (event) => reject(event.error || new Error("Unknown script loading error")));
-                    return;
-                }
-                const script = document.createElement("script");
-                script.src = WIDGET_JS_URL;
-                script.async = true;
-                script.dataset.widget = "medassist";
-                script.onload = () => {
-                    script.dataset.loaded = "true";
-                    resolve();
-                };
-                script.onerror = (event) => {
-                    if (event instanceof ErrorEvent && event.error) {
-                        reject(event.error);
-                        return;
-                    }
-                    reject(new Error(`Failed to load ${WIDGET_JS_URL}`));
-                };
-                document.head.appendChild(script);
-            });
-        }
-        return widgetScriptPromise;
-    }
-}
-customElements.define("eka-medassist-widget", MedAssistWidgetLoader);
+      `)}async loadAndRender(){var t,i,n,o;const d=this.shadowRoot;if(!d){console.error("Shadow root is not available");return}const r=d.getElementById("medassist-open-btn"),a=d.getElementById("medassist-widget-root"),u=this.getAttribute("agent-id");let l=this.getAttribute("icon-url")||this.defaultIconUrl;const g=(t=getEnvironment(this.getAttribute("environment")))!==null&&t!==void 0?t:"production";let f=this.getAttribute("title")||"Medi Clinic";const y=this.getAttribute("base-url")||"https://matrix.eka.care/reloaded",A=this.getAttribute("display-mode")==="full"?"full":"widget",k=this.getAttribute("context")?JSON.parse(this.getAttribute("context")||"{}"):void 0,E=this.getAttribute("theme")?(()=>{try{return JSON.parse(this.getAttribute("theme")||"{}")}catch{return}})():void 0,c=(typeof window!="undefined"?window.__ekaMedAssistConfig__:void 0)||{},_={...k||{},...c.context||{}},x=c.auth||void 0,h=c.agentId||u,m=c.baseUrl||y,w=typeof window!="undefined"?(i=window.EkaMedAssist)===null||i===void 0?void 0:i.onClose:void 0;if(!h){console.error("Agent ID is required");return}if(!a){console.error("Widget root element is missing");return}r&&r.classList.add("hidden"),a.classList.remove("hidden");let p,b;if(m)try{const s=await fetchAgentConfig(m,h);f=(s==null?void 0:s.name)||f,l=((n=s==null?void 0:s.theme)===null||n===void 0?void 0:n.icon_img)||l,p=mapAgentConfigThemeToWidgetTheme((s==null?void 0:s.theme)||void 0),b=s==null?void 0:s.allowed}catch{}const v={title:c.title||f,iconUrl:c.iconUrl||l,allowed:b,environment:g,onClose:()=>{w&&typeof w=="function"&&w(),r&&r.classList.remove("hidden"),a.classList.add("hidden")},baseUrl:m,context:_,displayMode:A,auth:x,theme:{...p||{},...E||{},...c.theme||{}}};if(this.widgetLoaded){(o=window.renderMedAssist)===null||o===void 0||o.call(window,a,h,v);return}try{if(await Promise.all([this.loadWidgetCss(),this.loadWidgetScript()]),typeof window.renderMedAssist!="function")throw new Error("renderMedAssist is not available on window");window.renderMedAssist(a,h,v),this.widgetLoaded=!0}catch(s){console.error("Failed to load MedAssist widget",s),r&&r.classList.remove("hidden"),a.classList.add("hidden")}}async loadWidgetCss(){const t=this.shadowRoot;if(!t)throw new Error("Shadow root is not available");if(t.querySelector("[data-medassist-style='true']"))return;const i=await getWidgetCssTextPromise(),n=document.createElement("style");n.setAttribute("data-medassist-style","true"),n.textContent=i,t.appendChild(n)}loadWidgetScript(){return widgetScriptPromise||(widgetScriptPromise=new Promise((t,i)=>{const n=document.querySelector(`script[src="${WIDGET_JS_URL}"]`);if(n){if(n.dataset.loaded==="true"){t();return}n.addEventListener("load",()=>t()),n.addEventListener("error",d=>i(d.error||new Error("Unknown script loading error")));return}const o=document.createElement("script");o.src=WIDGET_JS_URL,o.async=!0,o.dataset.widget="medassist",o.onload=()=>{o.dataset.loaded="true",t()},o.onerror=d=>{if(d instanceof ErrorEvent&&d.error){i(d.error);return}i(new Error(`Failed to load ${WIDGET_JS_URL}`))},document.head.appendChild(o)})),widgetScriptPromise}}customElements.define("eka-medassist-widget",MedAssistWidgetLoader);

package/dist/src/medassist-widget.css

@@ -1657,6 +1657,10 @@ body {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
 
+.bg-none {
+  background-image: none;
+}
+
 .from-primary {
   --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);
   --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
@@ -2701,8 +2705,8 @@ body {
   cursor: not-allowed;
 }
 
-.disabled\:bg-surface-secondary:disabled {
-  background-color: hsl(var(--surface-secondary));
+.disabled\:bg-primary\/50:disabled {
+  background-color: hsl(var(--primary) / 0.5);
 }
 
 .disabled\:text-text-tertiary:disabled {