@paymanai/payman-ask-sdk 4.0.8 → 4.0.9

package/dist/index.js

@@ -2049,6 +2049,16 @@ function useTypingEffect(targetText, enabled, speed = RESPONSE_SPEED, initialDis
     isTyping
   };
 }
+function getFeedbackState(message) {
+  const feedback = message.feedback;
+  if (feedback === "up" || feedback === "down") return feedback;
+  if (feedback && typeof feedback === "object") {
+    const value = feedback.feedback;
+    if (!value) return null;
+    return value === "POSITIVE" ? "up" : "down";
+  }
+  return null;
+}
 function AssistantMessageV2({
   message,
   onImageClick,
@@ -2058,21 +2068,11 @@ function AssistantMessageV2({
   typingSpeed = 4
 }) {
   const [copied, setCopied] = react.useState(false);
-  const [activeFeedback, setActiveFeedback] = react.useState(null);
+  const [activeFeedback, setActiveFeedback] = react.useState(
+    () => getFeedbackState(message)
+  );
   const [reasonModalOpen, setReasonModalOpen] = react.useState(false);
   const canSubmitFeedback = !!onSubmitFeedback && !!message.executionId;
-  const handlePositiveFeedback = () => {
-    if (!canSubmitFeedback || activeFeedback === "up") return;
-    const previous = activeFeedback;
-    setActiveFeedback("up");
-    Promise.resolve(
-      onSubmitFeedback?.({
-        messageId: message.id,
-        executionId: message.executionId,
-        feedback: "POSITIVE"
-      })
-    ).catch(() => setActiveFeedback(previous));
-  };
   const [toast, setToast] = react.useState(null);
   const copyResetTimerRef = react.useRef(null);
   const toastTimerRef = react.useRef(null);
@@ -2080,8 +2080,12 @@ function AssistantMessageV2({
   const showTraceAction = (actions?.trace ?? true) && !!onExecutionTraceClick;
   const showThumbsUp = actions?.thumbsUp ?? true;
   const showThumbsDown = actions?.thumbsDown ?? true;
+  const hydratedFeedback = message.feedback;
   const hasEverStreamed = react.useRef(!!message.isStreaming);
   if (message.isStreaming) hasEverStreamed.current = true;
+  react.useEffect(() => {
+    setActiveFeedback(getFeedbackState(message));
+  }, [hydratedFeedback, message.id]);
   react.useEffect(() => {
     return () => {
       if (copyResetTimerRef.current) clearTimeout(copyResetTimerRef.current);
@@ -2147,6 +2151,21 @@ function AssistantMessageV2({
     setToast({ label, tone });
     toastTimerRef.current = setTimeout(() => setToast(null), 1800);
   };
+  const handlePositiveFeedback = () => {
+    if (!canSubmitFeedback || activeFeedback === "up") return;
+    const previous = activeFeedback;
+    setActiveFeedback("up");
+    Promise.resolve(
+      onSubmitFeedback?.({
+        messageId: message.id,
+        executionId: message.executionId,
+        feedback: "POSITIVE"
+      })
+    ).then(() => showToast("Thank you for your feedback", "success")).catch(() => {
+      setActiveFeedback(previous);
+      showToast("Could not send feedback", "error");
+    });
+  };
   const handleCopy = async () => {
     try {
       if (!navigator.clipboard?.writeText) {
@@ -2293,7 +2312,13 @@ function AssistantMessageV2({
               activeFeedback === "up" && "payman-v2-assistant-msg-action-btn-active"
             ),
             "aria-label": "Good response",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ThumbsUp, { style: { width: 15, height: 15 } })
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.ThumbsUp,
+              {
+                fill: activeFeedback === "up" ? "currentColor" : "none",
+                style: { width: 15, height: 15 }
+              }
+            )
           }
         ) }),
         showThumbsDown && canSubmitFeedback && /* @__PURE__ */ jsxRuntime.jsx(ActionTooltipV2, { label: "Bad response", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2305,7 +2330,13 @@ function AssistantMessageV2({
               activeFeedback === "down" && "payman-v2-assistant-msg-action-btn-active"
             ),
             "aria-label": "Bad response",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ThumbsDown, { style: { width: 15, height: 15 } })
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.ThumbsDown,
+              {
+                fill: activeFeedback === "down" ? "currentColor" : "none",
+                style: { width: 15, height: 15 }
+              }
+            )
           }
         ) }),
         showTraceAction && /* @__PURE__ */ jsxRuntime.jsx(ActionTooltipV2, { label: "Trace", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2332,6 +2363,7 @@ function AssistantMessageV2({
             details
           });
           setActiveFeedback("down");
+          showToast("Thank you for your feedback", "success");
         }
       }
     )