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

package/dist/src/medassist-widget.css

@@ -895,6 +895,10 @@ body {
   display: grid;
 }
 
+.\!hidden {
+  display: none !important;
+}
+
 .hidden {
   display: none;
 }
@@ -2165,6 +2169,10 @@ 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));
 }
@@ -2173,6 +2181,10 @@ 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/dist/src/medassist-widget.js

@@ -31288,9 +31288,15 @@ var MedAssistWidget = (function(exports) {
       messageId,
       files,
       audio,
-      toolCalled
+      toolCalled,
+      hidden
     }) => {
       if (!isConnected()) {
+        setShowRetryButton(true);
+        setError({
+          title: "Trying to connect.",
+          description: "Please try again"
+        });
         return;
       }
       if (files && files.length < 0 && message?.trim() === "" && !audio?.audio) {
@@ -31337,36 +31343,41 @@ var MedAssistWidget = (function(exports) {
         } : {}
       });
       if (message || files && files.length > 0) {
-        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]
-            );
-          }
-          return [
-            ...previousMessage,
-            {
-              id: messageId || Date.now().toString(),
-              content: message || "",
-              files: files || [],
-              role: MessageSender.USER,
-              timestamp: formatMessageTimestamp(Date.now()),
-              isStored: true
+        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
+              }
+            ];
+          });
+        }
         setIsWaitingForResponse(true);
       }
     };
@@ -43117,7 +43128,8 @@ var MedAssistWidget = (function(exports) {
   function GenericCard({
     card,
     onSendMessage,
-    disabled = false
+    disabled = false,
+    selectedCtaAction
   }) {
     const {
       title,
@@ -43140,6 +43152,9 @@ var MedAssistWidget = (function(exports) {
     };
     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: [
@@ -43179,21 +43194,25 @@ var MedAssistWidget = (function(exports) {
           i
         )) }) : null
       ] }),
-      ctas?.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(CardFooter, { className: "flex justify-center flex-wrap gap-2 pt-0", children: ctas.map((cta, i) => {
+      displayCtas.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(CardFooter, { className: "flex justify-center flex-wrap gap-2 pt-0", children: displayCtas.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 ? "outline" : variant,
+            variant: isOutline && !isSelected ? "outline" : variant,
             size: "sm",
-            className: "gap-1.5",
+            className: cn(
+              "gap-1.5",
+              isSelected && "ring-2 ring-primary ring-offset-2"
+            ),
             disabled,
             onClick: () => handleCtaClick(cta),
             children: [
               cta.icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(CardIcon, { name: cta.icon, size: 14, className: "shrink-0" }) : null,
-              cta.title
+              isSelected ? "Selected" : cta.title
             ]
           },
           i
@@ -43205,17 +43224,27 @@ 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." });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: className ?? "flex flex-col gap-3 mt-3", children: cards.map((card, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    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(
       GenericCard,
       {
         card,
         onSendMessage,
-        disabled
+        disabled,
+        selectedCtaAction
       },
       index2
     )) });
@@ -43440,9 +43469,11 @@ var MedAssistWidget = (function(exports) {
               await onSendMessage({
                 message,
                 messageId,
-                toolCalled: true
+                toolCalled: true,
+                hidden: true
               });
             },
+            selectedCtaAction: toolEscalationData?.selectedCtaAction,
             disabled: toolEscalationData?.isResponded
           }
         )