@liveblocks/react-ui/dist/components/internal/AiChatUserMessage.js

A set of React pre-built components for the Liveblocks products. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.

import { jsx } from 'react/jsx-runtime';
import { memo, forwardRef } from 'react';
import '../../_private/index.js';
import { useOverrides } from '../../overrides.js';
import { cn } from '../../utils/cn.js';
import { Content as AiMessageContent } from '../../primitives/AiMessage/index.js';

function PlainTextPart({ part }) {
  return /* @__PURE__ */ jsx("p", {
    children: part.text
  });
}
const AiChatUserMessage = memo(
  forwardRef(
    ({ message, className, overrides, ...props }, forwardedRef) => {
      const $ = useOverrides(overrides);
      return /* @__PURE__ */ jsx("div", {
        ref: forwardedRef,
        className: cn(
          "lb-ai-chat-message lb-ai-chat-user-message",
          className
        ),
        ...props,
        children: message.deletedAt !== void 0 ? /* @__PURE__ */ jsx("div", {
          className: "lb-ai-chat-message-deleted",
          children: $.AI_CHAT_MESSAGE_DELETED
        }) : /* @__PURE__ */ jsx("div", {
          className: "lb-ai-chat-message-content",
          children: /* @__PURE__ */ jsx(AiMessageContent, {
            message,
            components: {
              TextPart: PlainTextPart
            },
            className: "lb-prose lb-ai-chat-message-text"
          })
        })
      });
    }
  )
);

export { AiChatUserMessage };
//# sourceMappingURL=AiChatUserMessage.js.map