@prexo/ai-chat-sdk/dist/client/components/custom/message.js

AI Chat Component with Persistent History

import { jsx, jsxs } from "react/jsx-runtime";
const Message = ({ message }) => {
  const formatTime = (date) => {
    return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
  };
  return /* @__PURE__ */ jsxs("div", { className: `message ${message.role === "user" ? "user" : "bot"}`, children: [
    message.role === "assistant" && /* @__PURE__ */ jsx("div", { className: "bot-avatar", children: /* @__PURE__ */ jsx(
      "img",
      {
        src: "https://raw.githubusercontent.com/plura-ai/prexo/refs/heads/main/apps/www/public/logo.png",
        className: "w-10 h-10 rounded-lg object-cover invert",
        alt: "Chat bot avatar",
        onError: (e) => {
          console.error("Failed to load image:", e);
          e.currentTarget.style.display = "none";
        }
      }
    ) }),
    /* @__PURE__ */ jsxs("div", { className: "message-content", children: [
      /* @__PURE__ */ jsx("div", { className: "message-bubble", children: /* @__PURE__ */ jsx("p", { children: message.content }) }),
      /* @__PURE__ */ jsx("div", { className: "message-time", children: formatTime(/* @__PURE__ */ new Date()) })
    ] })
  ] });
};
export {
  Message
};