@copilotkit/react-ui 1.68.0 → 1.68.2

package/dist/index.umd.js

@@ -1424,6 +1424,36 @@ rehype_sanitize = __toESM(rehype_sanitize);
 		});
 	};
 
+//#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) => {
@@ -1444,10 +1474,10 @@ rehype_sanitize = __toESM(rehype_sanitize);
 			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",
@@ -2522,21 +2552,18 @@ rehype_sanitize = __toESM(rehype_sanitize);
 				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 !== null && isActive !== void 0 ? isActive : true;
+			setMessageFeedback((prev) => applyFeedbackClick(prev, message.id, kind, nextActive));
+			if (nextActive) triggerObservabilityHook("onFeedbackGiven", message.id, kind);
+		};
+		const handleThumbsUp = (message, isActive) => {
+			onThumbsUp === null || onThumbsUp === void 0 || onThumbsUp(message, isActive !== null && isActive !== void 0 ? 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 === null || onThumbsDown === void 0 || onThumbsDown(message, isActive !== null && isActive !== void 0 ? isActive : true);
+			recordFeedback(message, "thumbsDown", isActive);
 		};
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WrappedCopilotChat, {
 			icons,