@copilotkit/react-ui 1.68.0 → 1.68.2

package/dist/index.cjs

@@ -1427,6 +1427,36 @@ const Markdown = ({ content, components, remarkPlugins, rehypePlugins, ...rest }
 	});
 };
 
+//#endregion
+//#region src/components/chat/feedback.ts
+/**
+* The feedback state a click on `kind` transitions to.
+*
+* Clicking the button that is already active retracts the feedback, so the
+* click deactivates it; every other click applies feedback.
+*/
+function isActivatingClick(current, kind) {
+	return current !== kind;
+}
+/**
+* Applies a feedback click to the message-id keyed map.
+*
+* A deactivating click removes the entry entirely rather than storing a falsy
+* value, so `messageFeedback[id]` stays absent for "no feedback given".
+*/
+function applyFeedbackClick(previous, messageId, kind, isActive) {
+	if (!isActive) {
+		if (!(messageId in previous)) return previous;
+		const { [messageId]: _retracted, ...rest } = previous;
+		return rest;
+	}
+	if (previous[messageId] === kind) return previous;
+	return {
+		...previous,
+		[messageId]: kind
+	};
+}
+
 //#endregion
 //#region src/components/chat/messages/AssistantMessage.tsx
 const AssistantMessage = (props) => {
@@ -1446,10 +1476,10 @@ const AssistantMessage = (props) => {
 		if (onRegenerate) onRegenerate();
 	};
 	const handleThumbsUp = () => {
-		if (onThumbsUp && message) onThumbsUp(message);
+		if (onThumbsUp && message) onThumbsUp(message, isActivatingClick(feedback, "thumbsUp"));
 	};
 	const handleThumbsDown = () => {
-		if (onThumbsDown && message) onThumbsDown(message);
+		if (onThumbsDown && message) onThumbsDown(message, isActivatingClick(feedback, "thumbsDown"));
 	};
 	const LoadingIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		"data-testid": "copilot-loading-cursor",
@@ -2506,21 +2536,18 @@ function CopilotChat({ instructions, suggestions = "auto", onSubmitMessage, make
 			triggerChatError(error, "dropUpload", error);
 		}
 	};
-	const handleThumbsUp = (message) => {
-		if (onThumbsUp) onThumbsUp(message);
-		setMessageFeedback((prev) => ({
-			...prev,
-			[message.id]: "thumbsUp"
-		}));
-		triggerObservabilityHook("onFeedbackGiven", message.id, "thumbsUp");
+	const recordFeedback = (message, kind, isActive) => {
+		const nextActive = isActive ?? true;
+		setMessageFeedback((prev) => applyFeedbackClick(prev, message.id, kind, nextActive));
+		if (nextActive) triggerObservabilityHook("onFeedbackGiven", message.id, kind);
+	};
+	const handleThumbsUp = (message, isActive) => {
+		onThumbsUp?.(message, isActive ?? true);
+		recordFeedback(message, "thumbsUp", isActive);
 	};
-	const handleThumbsDown = (message) => {
-		if (onThumbsDown) onThumbsDown(message);
-		setMessageFeedback((prev) => ({
-			...prev,
-			[message.id]: "thumbsDown"
-		}));
-		triggerObservabilityHook("onFeedbackGiven", message.id, "thumbsDown");
+	const handleThumbsDown = (message, isActive) => {
+		onThumbsDown?.(message, isActive ?? true);
+		recordFeedback(message, "thumbsDown", isActive);
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WrappedCopilotChat, {
 		icons,