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

package/iframe-helper.ts

@@ -48,7 +48,7 @@ const getIframeBaseUrl = (customUrl?: string): string => {
 };
 
 export const openMedAssistIframe = (options: OpenIframeOptions): void => {
-  const { agentId, title, iconUrl, environment, iframeBaseUrl ,context} = options;
+  const { agentId, title, iconUrl, environment, iframeBaseUrl, context } = options;
 
   if (!agentId) {
     console.error("Agent ID is required");
@@ -82,7 +82,7 @@ export const openMedAssistIframe = (options: OpenIframeOptions): void => {
   iframe.id = "medassist-iframe";
   iframe.src = iframeUrl.toString();
   iframe.setAttribute("allow", "microphone; camera");
-  
+
   // Apply fullscreen styles automatically
   iframe.style.cssText = `
     width: 100vw;

package/iframe.ts

@@ -32,6 +32,7 @@
   /** Theme from agent-config API (has mode; textColor derived: dark → black, light → white) */
   type AgentConfig = {
     name?: string;
+    allowed?: ("text" | "file" | "audio")[];
     theme?: {
       background?: string;
       background_img?: string;
@@ -106,7 +107,7 @@
       });
       if (!res.ok) return undefined;
       const json = await res.json();
-      if (json?.success && json?.data?.theme) return json.data as AgentConfig;
+      if (json?.success && json?.data) return json.data as AgentConfig;
       return undefined;
     } catch {
       return undefined;
@@ -259,12 +260,14 @@
       }
 
       let apiTheme: WidgetTheme | undefined;
+      let allowed: ("text" | "file" | "audio")[] | undefined;
       if (agentConfig) {
         title = agentConfig?.name ?? title;
         iconUrl = agentConfig?.theme?.icon_img ?? iconUrl;
         apiTheme = mapAgentConfigThemeToWidgetTheme(
           agentConfig?.theme ?? undefined
         );
+        allowed = agentConfig?.allowed;
       }
 
       const config = {
@@ -279,6 +282,8 @@
         context: context ? JSON.parse(context) : undefined,
         baseUrl,
         displayMode: "full" as "full" | "widget",
+        allowed,
+        showCloseButton: false,
         theme: {
           ...(apiTheme ?? {}),
           ...(attributeTheme ?? {}),

package/index.ts

@@ -59,7 +59,6 @@ type MedAssistInitConfig = {
   title?: string;
   iconUrl?: string;
   baseUrl?: string;
-  allowed?: ("text" | "file" | "audio")[];
   theme?: {
     background?: string;
     backgroundImage?: string;
@@ -499,7 +498,7 @@ class MedAssistWidgetLoader extends HTMLElement {
     const widgetConfig = {
       title: (initConfig.title as string) || title,
       iconUrl: (initConfig.iconUrl as string) || iconUrl,
-      allowed: (initConfig.allowed as ("text" | "file" | "audio")[] | undefined) || allowed,
+      allowed,
       environment,
       onClose: () => {
         if (customOnClose && typeof customOnClose === "function") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eka-care/medassist-widget-embed",
-  "version": "0.2.11",
+  "version": "0.2.13",
   "description": "Embeddable MedAssist widget loader built with Web Components.",
   "author": "Geethanjali S",
   "license": "MIT",

package/src/medassist-widget.css

@@ -895,10 +895,6 @@ body {
   display: grid;
 }
 
-.\!hidden {
-  display: none !important;
-}
-
 .hidden {
   display: none;
 }
@@ -1424,11 +1420,6 @@ body {
   border-color: rgb(247 181 0 / var(--tw-border-opacity));
 }
 
-.border-\[\#FEE39B\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(254 227 155 / var(--tw-border-opacity));
-}
-
 .border-\[var\(--color-primary\)\] {
   border-color: var(--color-primary);
 }
@@ -1512,11 +1503,6 @@ body {
   background-color: rgb(247 181 0 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#FFFBEB\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
-}
-
 .bg-\[opposite\] {
   background-color: opposite;
 }
@@ -2169,10 +2155,6 @@ body {
   --tw-ring-color: rgb(232 228 255 / var(--tw-ring-opacity));
 }
 
-.ring-primary {
-  --tw-ring-color: hsl(var(--primary));
-}
-
 .ring-primary\/10 {
   --tw-ring-color: hsl(var(--primary) / var(--opacity-10));
 }
@@ -2181,10 +2163,6 @@ body {
   --tw-ring-color: hsl(var(--primary) / 0.2);
 }
 
-.ring-offset-2 {
-  --tw-ring-offset-width: 2px;
-}
-
 .blur {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

package/src/medassist-widget.js

@@ -29871,6 +29871,7 @@ var MedAssistWidget = (function(exports) {
   );
   function ProfileHeader({
     onClose,
+    showCloseButton = true,
     title,
     titleImg,
     iconUrl,
@@ -29952,7 +29953,7 @@ var MedAssistWidget = (function(exports) {
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquarePlus, { className: "w-8 h-8" })
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        showCloseButton && /* @__PURE__ */ jsxRuntimeExports.jsx(
           Button,
           {
             onClick: onClose,
@@ -30383,6 +30384,7 @@ var MedAssistWidget = (function(exports) {
   function WidgetContainer({
     isOpen,
     onClose,
+    showCloseButton = true,
     iconUrl,
     onStartNewSession,
     children,
@@ -30647,6 +30649,7 @@ var MedAssistWidget = (function(exports) {
               ProfileHeader,
               {
                 onClose,
+                showCloseButton,
                 title,
                 titleImg,
                 iconUrl,
@@ -31343,41 +31346,39 @@ var MedAssistWidget = (function(exports) {
         } : {}
       });
       if (message || files && files.length > 0) {
-        const shouldUpdateToolResponse = isResponseFromTool && lastMessage?.toolEscalationData && (toolCalled === true || !hidden);
-        if (!hidden || shouldUpdateToolResponse) {
-          setMessages((prev) => {
-            const previousMessage = [...prev];
-            const prevLastIndex = previousMessage.length - 1;
-            if (isResponseFromTool && prevLastIndex >= 0 && previousMessage[prevLastIndex].toolEscalationData) {
-              previousMessage[prevLastIndex] = {
-                ...previousMessage[prevLastIndex],
-                toolEscalationData: {
-                  ...previousMessage[prevLastIndex].toolEscalationData,
-                  tool_id: null,
-                  isResponded: true,
-                  ...toolCalled && message != null && message.trim() !== "" && { selectedCtaAction: message.trim() }
-                }
-              };
-              updateMessageInSession(
-                sessionId,
-                previousMessage[prevLastIndex].id || Date.now().toString(),
-                previousMessage[prevLastIndex]
-              );
-            }
-            if (hidden) return previousMessage;
-            return [
-              ...previousMessage,
-              {
-                id: messageId || Date.now().toString(),
-                content: message || "",
-                files: files || [],
-                role: MessageSender.USER,
-                timestamp: formatMessageTimestamp(Date.now()),
-                isStored: true
+        setMessages((prev) => {
+          const previousMessage = [...prev];
+          const prevLastIndex = previousMessage.length - 1;
+          if (isResponseFromTool && prevLastIndex >= 0 && previousMessage[prevLastIndex].toolEscalationData) {
+            previousMessage[prevLastIndex] = {
+              ...previousMessage[prevLastIndex],
+              toolEscalationData: {
+                ...previousMessage[prevLastIndex].toolEscalationData,
+                tool_id: null,
+                isResponded: true
               }
-            ];
-          });
-        }
+            };
+            updateMessageInSession(
+              sessionId,
+              previousMessage[lastIndex].id || Date.now().toString(),
+              previousMessage[lastIndex]
+            );
+          }
+          if (hidden) {
+            return previousMessage;
+          }
+          return [
+            ...previousMessage,
+            {
+              id: messageId || Date.now().toString(),
+              content: message || "",
+              files: files || [],
+              role: MessageSender.USER,
+              timestamp: formatMessageTimestamp(Date.now()),
+              isStored: true
+            }
+          ];
+        });
         setIsWaitingForResponse(true);
       }
     };
@@ -31735,6 +31736,7 @@ var MedAssistWidget = (function(exports) {
       {
         isOpen,
         onClose: config.onClose,
+        showCloseButton: config.showCloseButton,
         title: config.title,
         titleImg: config.theme?.titleImg,
         iconUrl: config.iconUrl,
@@ -43128,8 +43130,7 @@ var MedAssistWidget = (function(exports) {
   function GenericCard({
     card,
     onSendMessage,
-    disabled = false,
-    selectedCtaAction
+    disabled = false
   }) {
     const {
       title,
@@ -43145,16 +43146,12 @@ var MedAssistWidget = (function(exports) {
       if (cta.link) {
         window.open(cta.link, "_blank", "noopener,noreferrer");
       }
-      const action = cta.action?.trim();
-      if (action) {
-        onSendMessage?.(action);
+      if (cta.text) {
+        onSendMessage?.(cta.text, cta.action === "hidden_text" ? true : false);
       }
     };
     const bannerTheme = banner?.theme ?? "success";
     const bannerClass = BANNER_THEME_CLASSES[bannerTheme];
-    const displayCtas = selectedCtaAction != null && selectedCtaAction.trim() !== "" ? ctas?.filter(
-      (cta) => cta.action?.trim() === selectedCtaAction.trim()
-    ) ?? [] : ctas ?? [];
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: "overflow-hidden rounded-xl border border-border bg-card text-card-foreground shadow-sm", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3 pb-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -43194,25 +43191,21 @@ var MedAssistWidget = (function(exports) {
           i
         )) }) : null
       ] }),
-      displayCtas.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(CardFooter, { className: "flex justify-center flex-wrap gap-2 pt-0", children: displayCtas.map((cta, i) => {
+      ctas?.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(CardFooter, { className: "flex justify-center flex-wrap gap-2 pt-0", children: ctas.map((cta, i) => {
         const variant = cta.theme ? CTA_VARIANT[cta.theme] : "default";
         const isOutline = i > 0 || cta.link && !cta.action;
-        const isSelected = disabled && selectedCtaAction != null && cta.action?.trim() === selectedCtaAction.trim();
         return /* @__PURE__ */ jsxRuntimeExports.jsxs(
           Button,
           {
             type: "button",
-            variant: isOutline && !isSelected ? "outline" : variant,
+            variant: isOutline ? "outline" : variant,
             size: "sm",
-            className: cn(
-              "gap-1.5",
-              isSelected && "ring-2 ring-primary ring-offset-2"
-            ),
+            className: "gap-1.5",
             disabled,
             onClick: () => handleCtaClick(cta),
             children: [
               cta.icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(CardIcon, { name: cta.icon, size: 14, className: "shrink-0" }) : null,
-              isSelected ? "Selected" : cta.title
+              cta.title
             ]
           },
           i
@@ -43224,27 +43217,17 @@ var MedAssistWidget = (function(exports) {
     cards,
     onSendMessage,
     disabled = false,
-    selectedCtaAction,
     className
   }) {
     if (!cards?.length) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground py-2", children: "No options available." });
     }
-    const displayCards = selectedCtaAction != null && selectedCtaAction.trim() !== "" ? cards.filter(
-      (card) => card.ctas?.some(
-        (cta) => cta.action?.trim() === selectedCtaAction.trim()
-      )
-    ) : cards;
-    if (!displayCards.length) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground py-2", children: "No options available." });
-    }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: className ?? "flex flex-col gap-3 mt-3", children: displayCards.map((card, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: className ?? "flex flex-col gap-3 mt-3", children: cards.map((card, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       GenericCard,
       {
         card,
         onSendMessage,
-        disabled,
-        selectedCtaAction
+        disabled
       },
       index2
     )) });
@@ -43335,8 +43318,9 @@ var MedAssistWidget = (function(exports) {
         });
       }
     };
+    const hasContentInCard = !!(content2?.trim() || files && files.length > 0 || toolCallStatus || progressMessage);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex", isUser ? "justify-end" : "justify-start"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      hasContentInCard && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex", isUser ? "justify-end" : "justify-start"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
           className: cn(
@@ -43364,7 +43348,7 @@ var MedAssistWidget = (function(exports) {
                 ]
               }
             ),
-            !isUser && !isStreaming && isLastMessage && userFeedback === distExports.USER_FEEDBACK.NONE && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 self-start mt-1", children: [
+            !isUser && !isStreaming && isLastMessage && content2 && userFeedback === distExports.USER_FEEDBACK.NONE && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 self-start mt-1", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 Button,
                 {
@@ -43409,7 +43393,7 @@ var MedAssistWidget = (function(exports) {
           ] })
         }
       ) }),
-      !toolEscalationData?.isResponded && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end", children: [
+      toolEscalationData?.details?.component && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end", children: [
         toolEscalationData?.details?.component === distExports.SYNAPSE_COMPONENTS.PILL && toolEscalationData?.details?.input?.options && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-2 mt-3", children: toolEscalationData.details?.input?.options.map(
           (choice, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
             Pills,
@@ -43464,16 +43448,15 @@ var MedAssistWidget = (function(exports) {
           CardList,
           {
             cards: toolEscalationData.details.input.cards,
-            onSendMessage: async (message) => {
+            onSendMessage: async (message, hidden) => {
               const messageId = Date.now().toString();
               await onSendMessage({
                 message,
                 messageId,
                 toolCalled: true,
-                hidden: true
+                hidden
               });
             },
-            selectedCtaAction: toolEscalationData?.selectedCtaAction,
             disabled: toolEscalationData?.isResponded
           }
         )
@@ -43565,7 +43548,7 @@ var MedAssistWidget = (function(exports) {
         "div",
         {
           className: cn(
-            "mx-4 mb-3 px-2 py-1 bg-[#FFFBEB] border border-[#FEE39B] rounded-lg",
+            "mx-4 mb-3 px-2 py-1  bg-surface border border-[#F7B500] rounded-lg",
             className
           ),
           children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [