@assistant-ui/react/dist/primitives/actionBar/ActionBarFeedbackPositive.js

TypeScript/React library for AI Chat

"use client";

// src/primitives/actionBar/ActionBarFeedbackPositive.tsx
import { forwardRef, useCallback } from "react";
import { composeEventHandlers } from "@radix-ui/primitive";
import { useAssistantState, useAssistantApi } from "../../context/index.js";
import { Primitive } from "@radix-ui/react-primitive";
import { jsx } from "react/jsx-runtime";
var useActionBarFeedbackPositive = () => {
  const api = useAssistantApi();
  const callback = useCallback(() => {
    api.message().submitFeedback({ type: "positive" });
  }, [api]);
  return callback;
};
var ActionBarPrimitiveFeedbackPositive = forwardRef(({ onClick, disabled, ...props }, forwardedRef) => {
  const isSubmitted = useAssistantState(
    (s) => s.message.metadata.submittedFeedback?.type === "positive"
  );
  const callback = useActionBarFeedbackPositive();
  return /* @__PURE__ */ jsx(
    Primitive.button,
    {
      type: "button",
      ...isSubmitted ? { "data-submitted": "true" } : {},
      ...props,
      ref: forwardedRef,
      disabled: disabled || !callback,
      onClick: composeEventHandlers(onClick, () => {
        callback?.();
      })
    }
  );
});
ActionBarPrimitiveFeedbackPositive.displayName = "ActionBarPrimitive.FeedbackPositive";
export {
  ActionBarPrimitiveFeedbackPositive
};
//# sourceMappingURL=ActionBarFeedbackPositive.js.map