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

package/dist/iframe-helper.js

@@ -1,55 +1,4 @@
-// Helper function to create and open MedAssist widget in fullscreen iframe
-// This eliminates the need for Sebenza app to add custom styles
-const DEFAULT_IFRAME_BASE = "https://unpkg.com/@eka-care/medassist-widget-embed@latest/dist/";
-// Get current script to determine base URL
-const getCurrentScript = () => {
-    if (typeof document === "undefined") {
-        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 getIframeBaseUrl = (customUrl) => {
-    return customUrl || DEFAULT_IFRAME_BASE;
-};
-export const openMedAssistIframe = (options) => {
-    const { agentId, title, iconUrl, environment, iframeBaseUrl, context } = options;
-    if (!agentId) {
-        console.error("Agent ID is required");
-        return;
-    }
-    // Remove existing iframe if any
-    const existingIframe = document.getElementById("medassist-iframe");
-    if (existingIframe) {
-        existingIframe.remove();
-    }
-    // Build iframe URL
-    const baseUrl = getIframeBaseUrl(iframeBaseUrl);
-    const iframeUrl = new URL(`${baseUrl}iframe.html`);
-    iframeUrl.searchParams.set("agentId", agentId);
-    if (title) {
-        iframeUrl.searchParams.set("title", title);
-    }
-    if (iconUrl) {
-        iframeUrl.searchParams.set("iconUrl", iconUrl);
-    }
-    if (environment) {
-        iframeUrl.searchParams.set("environment", environment);
-    }
-    if (context) {
-        iframeUrl.searchParams.set("context", JSON.stringify(context));
-    }
-    // Create iframe element
-    const iframe = document.createElement("iframe");
-    iframe.id = "medassist-iframe";
-    iframe.src = iframeUrl.toString();
-    iframe.setAttribute("allow", "microphone; camera");
-    // Apply fullscreen styles automatically
-    iframe.style.cssText = `
+const h="https://unpkg.com/@eka-care/medassist-widget-embed@latest/dist/",w=()=>{if(typeof document=="undefined")return null;const{currentScript:e}=document;if(e instanceof HTMLScriptElement)return e;const t=document.getElementsByTagName("script");return t.length?t[t.length-1]:null},p=e=>e||h;export const openMedAssistIframe=e=>{const{agentId:t,title:i,iconUrl:a,environment:o,iframeBaseUrl:f,context:m}=e;if(!t){console.error("Agent ID is required");return}const c=document.getElementById("medassist-iframe");c&&c.remove();const u=p(f),n=new URL(`${u}iframe.html`);n.searchParams.set("agentId",t),i&&n.searchParams.set("title",i),a&&n.searchParams.set("iconUrl",a),o&&n.searchParams.set("environment",o),m&&n.searchParams.set("context",JSON.stringify(m));const s=document.createElement("iframe");s.id="medassist-iframe",s.src=n.toString(),s.setAttribute("allow","microphone; camera"),s.style.cssText=`
     width: 100vw;
     height: 100vh;
     height: 100dvh;
@@ -60,26 +9,4 @@ export const openMedAssistIframe = (options) => {
     left: 0;
     z-index: 9999;
     background: white;
-  `;
-    // Append to body
-    document.body.appendChild(iframe);
-    // Listen for close message from iframe
-    const messageHandler = (event) => {
-        // Optional: verify origin for security
-        // if (event.origin !== "https://your-cdn.com") return;
-        var _a;
-        if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.type) === "WIDGET_CLOSE") {
-            const iframeElement = document.getElementById("medassist-iframe");
-            if (iframeElement) {
-                iframeElement.remove();
-            }
-            // Remove event listener after closing
-            window.removeEventListener("message", messageHandler);
-        }
-    };
-    window.addEventListener("message", messageHandler);
-};
-// Make it available on window for easy access
-if (typeof window !== "undefined") {
-    window.openMedAssistIframe = openMedAssistIframe;
-}
+  `,document.body.appendChild(s);const d=g=>{var r;if(((r=g.data)===null||r===void 0?void 0:r.type)==="WIDGET_CLOSE"){const l=document.getElementById("medassist-iframe");l&&l.remove(),window.removeEventListener("message",d)}};window.addEventListener("message",d)};typeof window!="undefined"&&(window.openMedAssistIframe=openMedAssistIframe);

package/dist/iframe.js

@@ -1,318 +1 @@
-"use strict";
-// Wrap in IIFE to avoid conflicts with index.ts
-(function () {
-    const getCurrentScript = () => {
-        if (typeof document === "undefined") {
-            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 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 }),
-        };
-    }
-    /** 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 {
-            const img = new Image();
-            img.src = url;
-        }
-    }
-    /** Fetch agent-config from API with timeout; aborts if pending > 10s */
-    async function fetchAgentConfig(baseUrl, agentId) {
-        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) && (json === null || json === void 0 ? void 0 : json.data))
-                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 = (() => {
-        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 loading as early as possible (don't wait for DOMContentLoaded) ---
-    const urlParams = new URLSearchParams(typeof window !== "undefined" ? window.location.search : "");
-    const earlyAgentId = urlParams.get("agentId");
-    const earlyBaseUrl = urlParams.get("baseUrl") || "https://matrix.eka.care/reloaded";
-    if (typeof document !== "undefined" && document.head) {
-        try {
-            const assetOrigin = new URL(widgetAssetBaseUrl).origin;
-            const apiOrigin = new URL(earlyBaseUrl).origin;
-            const preconnectAsset = document.createElement("link");
-            preconnectAsset.rel = "preconnect";
-            preconnectAsset.href = assetOrigin;
-            preconnectAsset.crossOrigin = "anonymous";
-            document.head.appendChild(preconnectAsset);
-            if (assetOrigin !== apiOrigin) {
-                const preconnectApi = document.createElement("link");
-                preconnectApi.rel = "preconnect";
-                preconnectApi.href = apiOrigin;
-                preconnectApi.crossOrigin = "anonymous";
-                document.head.appendChild(preconnectApi);
-            }
-            const preloadScript = document.createElement("link");
-            preloadScript.rel = "preload";
-            preloadScript.as = "script";
-            preloadScript.href = WIDGET_JS_URL;
-            document.head.appendChild(preloadScript);
-            const preloadCss = document.createElement("link");
-            preloadCss.rel = "preload";
-            preloadCss.as = "style";
-            preloadCss.href = WIDGET_CSS_URL;
-            document.head.appendChild(preloadCss);
-        }
-        catch {
-            // ignore URL/preload errors
-        }
-        loadWidgetCss();
-        loadWidgetScript();
-    }
-    const agentConfigPromise = earlyAgentId && earlyBaseUrl
-        ? fetchAgentConfig(earlyBaseUrl, earlyAgentId)
-        : Promise.resolve(undefined);
-    // Preload background image when available (theme URL param or agent-config)
-    if (typeof document !== "undefined" && document.head) {
-        const themeParam = urlParams.get("theme");
-        if (themeParam) {
-            try {
-                const theme = JSON.parse(themeParam);
-                if (theme.backgroundImage)
-                    preloadImage(theme.backgroundImage);
-            }
-            catch {
-                // ignore
-            }
-        }
-        agentConfigPromise.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);
-        });
-    }
-    // Auto-initialize from URL parameters (no shadow DOM needed in iframe)
-    const initializeFromUrlParams = async () => {
-        var _a, _b, _c, _d, _e;
-        const agentId = urlParams.get("agentId");
-        if (!agentId) {
-            console.error("Agent ID is required in URL parameters");
-            return;
-        }
-        let title = urlParams.get("title") || "Medi Clinic";
-        let iconUrl = urlParams.get("iconUrl") || undefined;
-        const context = urlParams.get("context");
-        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 {
-            const [, , agentConfig] = await Promise.all([
-                loadWidgetCss(),
-                loadWidgetScript(),
-                agentConfigPromise,
-            ]);
-            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");
-            }
-            let apiTheme;
-            let allowed;
-            if (agentConfig) {
-                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);
-                allowed = agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.allowed;
-            }
-            const config = {
-                title,
-                iconUrl,
-                environment,
-                onClose: () => {
-                    if (window.parent !== window) {
-                        window.parent.postMessage({ type: "WIDGET_CLOSE" }, "*");
-                    }
-                },
-                context: context ? JSON.parse(context) : undefined,
-                baseUrl,
-                displayMode: "full",
-                allowed,
-                showCloseButton: false,
-                theme: {
-                    ...(apiTheme !== null && apiTheme !== void 0 ? apiTheme : {}),
-                    ...(attributeTheme !== null && attributeTheme !== void 0 ? attributeTheme : {}),
-                },
-            };
-            window.renderMedAssist(container, agentId, config);
-        }
-        catch (error) {
-            console.error("Failed to initialize MedAssist widget", error);
-            throw error;
-        }
-    };
-    async function loadWidgetCss() {
-        // Check if already loaded
-        const existingLink = document.querySelector(`link[data-medassist-style='true']`);
-        if (existingLink) {
-            return;
-        }
-        if (!widgetCssTextPromise) {
-            widgetCssTextPromise = new Promise((resolve, reject) => {
-                const link = document.createElement("link");
-                link.rel = "stylesheet";
-                link.href = WIDGET_CSS_URL;
-                link.setAttribute("data-medassist-style", "true");
-                link.onload = () => {
-                    resolve("");
-                };
-                link.onerror = () => {
-                    reject(new Error(`Failed to load ${WIDGET_CSS_URL}`));
-                };
-                document.head.appendChild(link);
-            });
-        }
-        await widgetCssTextPromise;
-    }
-    function 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;
-    }
-    // Auto-initialize when script loads
-    if (typeof document !== "undefined") {
-        if (document.readyState === "loading") {
-            document.addEventListener("DOMContentLoaded", initializeFromUrlParams);
-        }
-        else {
-            try {
-                initializeFromUrlParams();
-            }
-            catch (error) {
-                console.error("Failed to initialize MedAssist widget", error);
-            }
-        }
-    }
-})();
+"use strict";(function(){const L=()=>{if(typeof document=="undefined")return null;const{currentScript:e}=document;if(e instanceof HTMLScriptElement)return e;const t=document.getElementsByTagName("script");return t.length?t[t.length-1]:null},M=e=>{if(e==="production"||e==="development"||e==="staging")return e};function P(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 v(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 T(e,t){const r=`${e.replace(/\/$/,"")}/med-assist/agent-config/${t}`,n=new AbortController,o=setTimeout(()=>n.abort(),1e4);try{const c=await fetch(r,{signal:n.signal,headers:{"ngrok-skip-browser-warning":"69420"}});if(!c.ok)return;const s=await c.json();return s!=null&&s.success&&(s!=null&&s.data)?s.data:void 0}catch{return}finally{clearTimeout(o)}}const E="https://unpkg.com/@eka-care/medassist-widget@latest/dist/",a=L(),k=(()=>{if(!a)return"";try{return new URL(".",a.src||window.location.href).href}catch{return""}})(),m=(()=>{if(!a)return E;const e=a.dataset.widgetAssets;if(e==="local")return`${k}src/`;if(e&&e.length>0)try{return new URL(e,k).href}catch{return e.endsWith("/")?e:`${e}/`}return E})(),l=`${m}medassist-widget.js`,g=`${m}medassist-widget.css`;let f=null,w=null;const d=new URLSearchParams(typeof window!="undefined"?window.location.search:""),_=d.get("agentId"),p=d.get("baseUrl")||"https://matrix.eka.care/reloaded";if(typeof document!="undefined"&&document.head){try{const e=new URL(m).origin,t=new URL(p).origin,r=document.createElement("link");if(r.rel="preconnect",r.href=e,r.crossOrigin="anonymous",document.head.appendChild(r),e!==t){const c=document.createElement("link");c.rel="preconnect",c.href=t,c.crossOrigin="anonymous",document.head.appendChild(c)}const n=document.createElement("link");n.rel="preload",n.as="script",n.href=l,document.head.appendChild(n);const o=document.createElement("link");o.rel="preload",o.as="style",o.href=g,document.head.appendChild(o)}catch{}b(),A()}const C=_&&p?T(p,_):Promise.resolve(void 0);if(typeof document!="undefined"&&document.head){const e=d.get("theme");if(e)try{const t=JSON.parse(e);t.backgroundImage&&v(t.backgroundImage)}catch{}C.then(t=>{var r;const n=(r=t==null?void 0:t.theme)===null||r===void 0?void 0:r.background_img;n&&v(n)})}const S=async()=>{var e,t,r,n,o;const c=d.get("agentId");if(!c){console.error("Agent ID is required in URL parameters");return}let s=d.get("title")||"Medi Clinic",h=d.get("iconUrl")||void 0;const I=d.get("context"),O=d.get("baseUrl")||"https://matrix.eka.care/reloaded",x=(e=M(d.get("environment")))!==null&&e!==void 0?e:"production",y=d.get("theme")?(()=>{try{return JSON.parse(d.get("theme")||"{}")}catch{return}})():void 0,$=document.getElementById("root")||document.body;try{const[,,i]=await Promise.all([b(),A(),C]);if(!(window!=null&&window.renderMedAssist)||typeof(window==null?void 0:window.renderMedAssist)!="function")throw new Error("renderMedAssist is not available on window");let u,U;i&&(s=(t=i==null?void 0:i.name)!==null&&t!==void 0?t:s,h=(n=(r=i==null?void 0:i.theme)===null||r===void 0?void 0:r.icon_img)!==null&&n!==void 0?n:h,u=P((o=i==null?void 0:i.theme)!==null&&o!==void 0?o:void 0),U=i==null?void 0:i.allowed);const F={title:s,iconUrl:h,environment:x,onClose:()=>{window.parent!==window&&window.parent.postMessage({type:"WIDGET_CLOSE"},"*")},context:I?JSON.parse(I):void 0,baseUrl:O,displayMode:"full",allowed:U,showCloseButton:!1,theme:{...u!=null?u:{},...y!=null?y:{}}};window.renderMedAssist($,c,F)}catch(i){throw console.error("Failed to initialize MedAssist widget",i),i}};async function b(){document.querySelector("link[data-medassist-style='true']")||(w||(w=new Promise((t,r)=>{const n=document.createElement("link");n.rel="stylesheet",n.href=g,n.setAttribute("data-medassist-style","true"),n.onload=()=>{t("")},n.onerror=()=>{r(new Error(`Failed to load ${g}`))},document.head.appendChild(n)})),await w)}function A(){return f||(f=new Promise((e,t)=>{const r=document.querySelector(`script[src="${l}"]`);if(r){if(r.dataset.loaded==="true"){e();return}r.addEventListener("load",()=>e()),r.addEventListener("error",o=>t(o.error||new Error("Unknown script loading error")));return}const n=document.createElement("script");n.src=l,n.async=!0,n.dataset.widget="medassist",n.onload=()=>{n.dataset.loaded="true",e()},n.onerror=o=>{if(o instanceof ErrorEvent&&o.error){t(o.error);return}t(new Error(`Failed to load ${l}`))},document.head.appendChild(n)})),f}if(typeof document!="undefined")if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",S);else try{S()}catch(e){console.error("Failed to initialize MedAssist widget",e)}})();