@eka-care/medassist-widget-embed 0.2.6 → 0.2.8

package/dist/iframe.js

@@ -42,6 +42,7 @@
     }
     /** 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);
@@ -55,7 +56,7 @@
             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))
+            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;
         }
@@ -101,10 +102,49 @@
     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);
     // Auto-initialize from URL parameters (no shadow DOM needed in iframe)
     const initializeFromUrlParams = async () => {
         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");
@@ -127,31 +167,24 @@
             : undefined;
         const container = document.getElementById("root") || document.body;
         try {
-            await Promise.all([loadWidgetCss(), loadWidgetScript()]);
+            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");
             }
-            // Fetch agent-config when baseUrl is available; 10s timeout aborts pending request
             let apiTheme;
-            let allowed;
-            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);
-                    allowed = agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.allowed;
-                }
-                catch {
-                    // ignore; use URL params only
-                }
+            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);
             }
             const config = {
                 title,
                 iconUrl,
-                allowed,
                 environment,
                 onClose: () => {
                     if (window.parent !== window) {

package/dist/index.d.ts

@@ -34,6 +34,8 @@ type MedAssistInitConfig = {
 };
 /** Map agent-config API theme to widget theme (mode → textColor: dark→black, light→white) */
 declare function mapAgentConfigThemeToWidgetTheme(apiTheme: AgentConfig["theme"] | undefined): MedAssistInitConfig["theme"];
+/** Preload an image by URL so it is cached and loads faster when the widget uses it. */
+declare function preloadImage(url: string): void;
 /** 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 {
@@ -51,6 +53,8 @@ declare const WIDGET_JS_URL: string;
 declare const WIDGET_CSS_URL: string;
 declare let widgetScriptPromise: Promise<void> | null;
 declare let widgetCssTextPromise: Promise<string> | null;
+/** Start fetching widget CSS (shared promise). Used for preload and by loadWidgetCss. */
+declare function getWidgetCssTextPromise(): Promise<string>;
 declare class MedAssistWidgetLoader extends HTMLElement {
     private defaultIconUrl;
     private widgetLoaded;
@@ -59,6 +63,10 @@ declare class MedAssistWidgetLoader extends HTMLElement {
     static get observedAttributes(): string[];
     connectedCallback(): void;
     attributeChangedCallback(name: string): void;
+    /** When in widget mode, start loading JS and CSS on page load so first open is faster. */
+    private preloadWidgetAssets;
+    /** Preload theme background image from init config, theme attribute, or agent-config API. */
+    private preloadBackgroundImage;
     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":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -41,6 +41,23 @@ function mapAgentConfigThemeToWidgetTheme(apiTheme) {
         ...(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}`;
@@ -68,7 +85,7 @@ if (typeof window !== "undefined") {
     w.__ekaMedAssistConfig__ = globalMedAssistConfig;
     w.EkaMedAssist = {
         init(config) {
-            var _a, _b;
+            var _a, _b, _c;
             Object.assign(globalMedAssistConfig, config);
             const el = getWidgetElement();
             if (!el)
@@ -89,7 +106,10 @@ if (typeof window !== "undefined") {
                     console.warn("Failed to stringify context passed to init");
                 }
             }
-            (_b = (_a = el).openFromBridge) === null || _b === void 0 ? void 0 : _b.call(_a);
+            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);
         },
     };
 }
@@ -126,6 +146,18 @@ 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();
@@ -145,6 +177,7 @@ class MedAssistWidgetLoader extends HTMLElement {
         }
         else {
             this.renderButton();
+            this.preloadWidgetAssets();
         }
     }
     attributeChangedCallback(name) {
@@ -166,6 +199,49 @@ class MedAssistWidgetLoader extends HTMLElement {
             }
         }
     }
+    /** 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;
@@ -391,15 +467,7 @@ class MedAssistWidgetLoader extends HTMLElement {
         if (shadowRoot.querySelector("[data-medassist-style='true']")) {
             return;
         }
-        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();
-            });
-        }
-        const cssText = await widgetCssTextPromise;
+        const cssText = await getWidgetCssTextPromise();
         const styleTag = document.createElement("style");
         styleTag.setAttribute("data-medassist-style", "true");
         styleTag.textContent = cssText;

package/dist/src/medassist-widget.css

@@ -2727,6 +2727,12 @@ body {
   opacity: 0.6;
 }
 
+.disabled\:hover\:scale-100:hover:disabled {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .group:hover .group-hover\:bg-purple-200\/70 {
   background-color: rgb(233 213 255 / 0.7);
 }

package/dist/src/medassist-widget.js

@@ -32017,8 +32017,10 @@ var MedAssistWidget = (function(exports) {
   }) {
     const fileInputRef = reactExports.useRef(null);
     const textareaRef = reactExports.useRef(null);
-    const showSendButton = value.trim().length > 0 || hasAttachment;
+    const hasContent = value.trim().length > 0 || hasAttachment;
     const showMic = allowed === void 0 || allowed.includes("audio");
+    const showSendButton = hasContent || !showMic;
+    const canSend = hasContent;
     const showFileAttachment = allowed === void 0 || allowed.includes("file");
     const isMicDisabled = (isDisabled || recordingStatus !== AudioRecordingStatus.IDLE) && !isRecording;
     const micButtonClasses = cn(
@@ -32038,7 +32040,7 @@ var MedAssistWidget = (function(exports) {
       fileInputRef.current?.click();
     };
     const handleKeyPress = (e) => {
-      if (e.key === "Enter" && !e.shiftKey && showSendButton && !isDisabled) {
+      if (e.key === "Enter" && !e.shiftKey && canSend && !isDisabled) {
         e.preventDefault();
         onSend();
       }
@@ -32178,15 +32180,16 @@ var MedAssistWidget = (function(exports) {
                   children: /* @__PURE__ */ jsxRuntimeExports.jsx(Mic, { className: "w-5 h-5" })
                 }
               ),
-              showSendButton && !isDisabled && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              showSendButton && /* @__PURE__ */ jsxRuntimeExports.jsx(
                 Button,
                 {
                   type: "button",
                   size: "icon",
                   onClick: onSend,
-                  className: "absolute right-0.5 top-1/2 -translate-y-1/2 h-10 w-10 bg-primary hover:bg-primary/90 rounded-full text-primary-foreground transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105 active:scale-95 shrink-0",
-                  title: "Send message",
-                  "aria-label": "Send message",
+                  disabled: isDisabled || !canSend,
+                  className: `absolute right-0.5 top-1/2 -translate-y-1/2 h-10 w-10 ${!showMic ? "" : "bg-primary"}  hover:bg-primary/90 rounded-full text-primary-foreground transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105 active:scale-95 shrink-0 disabled:opacity-50 disabled:pointer-events-none disabled:hover:scale-100`,
+                  title: canSend ? "Send message" : "Type a message to send",
+                  "aria-label": canSend ? "Send message" : "Type a message to send",
                   children: /* @__PURE__ */ jsxRuntimeExports.jsx(SendIcon, { className: "w-4 h-4 text-primary-foreground" })
                 }
               )