@spteck/react-controls-v2 2.0.13 → 2.0.15

package/dist/index.mjs

@@ -25667,20 +25667,40 @@ const AIAssistant = (props) => {
     try {
       await sendRequest(endpoint, payload, void 0, (chunk) => {
         currentResponse += chunk;
-        onResponse == null ? void 0 : onResponse(currentResponse).then((response) => {
-          const { message, status } = response;
-          dispatch({
-            type: "UPDATE_LAST_ASSISTANT_MESSAGE",
-            message: {
-              ...assistantMessage,
-              message: message ? message : currentResponse,
-              status: status ? status : "received"
-            }
-          });
-          dispatch({
-            type: "SET_IS_RUNNING"
-          });
+        dispatch({
+          type: "UPDATE_LAST_ASSISTANT_MESSAGE",
+          message: {
+            ...assistantMessage,
+            message: currentResponse,
+            status: "received"
+          }
         });
+        if (onResponse) {
+          onResponse(currentResponse).then((response) => {
+            const { message, status } = response;
+            dispatch({
+              type: "UPDATE_LAST_ASSISTANT_MESSAGE",
+              message: {
+                ...assistantMessage,
+                message: message ? message : currentResponse,
+                status: status ? status : "received"
+              }
+            });
+          }).catch((err) => {
+            console.error("onResponse callback error:", err);
+          });
+        }
+      });
+      dispatch({
+        type: "UPDATE_LAST_ASSISTANT_MESSAGE",
+        message: {
+          ...assistantMessage,
+          message: currentResponse,
+          status: "received"
+        }
+      });
+      dispatch({
+        type: "SET_IS_RUNNING"
       });
     } catch (err) {
       console.error("Error during streaming:", err);
@@ -25734,6 +25754,40 @@ const AIAssistant = (props) => {
       }
     );
   }
+  const renderMessageContent = (message) => {
+    if (typeof message !== "string") {
+      return message;
+    }
+    const trimmedMessage = message.trim();
+    try {
+      const parsed = JSON.parse(trimmedMessage);
+      if (parsed.type === "AdaptiveCard" && parsed.version) {
+        return /* @__PURE__ */ jsx$2(
+          AdaptiveCardHost,
+          {
+            card: parsed,
+            context,
+            onInvokeAction: (action) => {
+              console.log("Adaptive Card action:", action);
+            },
+            onError: (error2) => {
+              console.error("Adaptive Card error:", error2);
+            }
+          }
+        );
+      }
+    } catch {
+    }
+    return /* @__PURE__ */ jsx$2("pre", { style: {
+      whiteSpace: "pre-wrap",
+      wordWrap: "break-word",
+      fontFamily: "inherit",
+      fontSize: "inherit",
+      margin: 0,
+      maxWidth: "100%",
+      overflow: "auto"
+    }, children: message });
+  };
   return /* @__PURE__ */ jsxs$1("div", { id: "aiAssistant", className: styles2.chatAIAssistantRoot, children: [
     /* @__PURE__ */ jsx$2(Chat, { className: styles2.chatList, ref: chatListRef, children: messages.map(
       (message, index) => message.senderName === "User" ? /* @__PURE__ */ jsx$2(
@@ -25760,7 +25814,7 @@ const AIAssistant = (props) => {
           ),
           author: message.senderName,
           timestamp: message.timeStamp,
-          children: message.message
+          children: renderMessageContent(message.message)
         },
         index
       )