@eka-care/medassist-widget

Prebuilt React chat widget for MedAssist. Embed it on any site by loading the CSS/JS bundle (e.g. from a CDN) and calling renderMedAssist, or use the widget-embed package for the <eka-medassist-widget> Web Component.

Installation

npm install @eka-care/medassist-widget

Quick start (CDN)

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@eka-care/medassist-widget@latest/dist/medassist-widget.css" />

<div id="medassist-widget"></div>

<script src="https://cdn.jsdelivr.net/npm/@eka-care/medassist-widget@latest/dist/medassist-widget.js"></script>
<script>
  window.renderMedAssist(
    document.getElementById("medassist-widget"),
    "your-agent-id",
    { title: "MedAssist Chat" }
  );
</script>

Replace latest with a specific version (e.g. 0.0.79) if needed.

API

renderMedAssist(container, agentId, config?)

• container (required) – DOM element where the widget will render.
• agentId (required) – Your MedAssist agent identifier.
• config (optional) – Options object:
  • title – Header text.
  • iconUrl – Custom icon URL for the launcher.
  • baseUrl – Base URL for API/agent config.
  • theme – { background?, backgroundImage?, primary?, textColor?, titleImg? }.
  • onClose – Callback when the widget is closed.
  • showCloseButton – Whether to show the close button.
  • environment – "development" | "production" | "staging".
  • context – Key-value context sent with the session.
  • auth – Auth token for the session.
  • displayMode – "full" | "widget".
  • allowed – Input types to show: ["text", "file", "audio"] (omit to show all).

Local development

The widget depends on the published @eka-care/medassist-react package (core comes in through it; the widget does not list core).

npm install
npm run dev        # Hot reload
npm run build      # Production build → dist/medassist-widget.{js,css}
npm run build-dev  # Development build

License

MIT