Frontend API (JavaScript)

import { createWidget, getWidget } from 'https://cdn.chatbyte.ai/spark.min.js';

const widget = await createWidget('your-agent-id');
const existing = getWidget('your-agent-id');

widget.open();
widget.close();
widget.toggle();

widget.showNotification({
  id: 'pricing-page',
  text: 'Ask us about this page.',
  oncePerSession: true,
});

widget.hideNotification('pricing-page');

// Temporarily prevent launcher notifications from overlapping a host UI.
widget.setNotificationsSuppressed(true);
widget.setNotificationsSuppressed(false);

widget.setNavigationHandler((url) => {
  router.push(url);
});

widget.identify({ token });
widget.onRequestToken(async () => {
  const response = await fetch('/api/widget-token');
  const { token } = await response.json();
  return token;
});