Callmira Chat

React context provider for Callmira agent chat integration.

Usage

As a React Component

import { PipecatWidget } from "callmira-chat";
import "callmira-chat/dist/style.css";

function App() {
  return (
    <PipecatWidget
      agent_id="YOUR_AGENT_ID"
      api_key="YOUR_API_KEY"
      target="<container>"
      icon_color="<icon-color-code>"
    />
  );
}

As a Standalone Widget (HTML)

Include the following in your HTML file:

<script src="https://unpkg.com/veronica-chat@latest/dist/widget.iife.js"></script>
<link
  rel="stylesheet"
  href="https://unpkg.com/veronica-chat@latest/dist/style.css"
/>
<div id="chat-widget"></div>
<script>
  if (window.NovaChatUI && typeof NovaChatUI.init === "function") {
    NovaChatUI.init({
      agent_id: "YOUR_AGENT_ID",
      api_key: "YOUR_API_KEY",
      target: "#chat-widget",
      icon_color: "#fcdf36",
    });
  }
</script>

Props

• agent_id: The Callmira agent ID
• api_key: The API key for authentication
• target: (HTML usage) CSS selector for widget container
• icon_color: (HTML usage) Color of the chat icon

License

MIT