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

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/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" })
                 }
               )