import {
  createParticipantClient,
  createParticipantSessionController,
  MemoryParticipantQueueStorage,
} from "@apart-ai/synapse/participant";
import { mountEmbeddedParticipant } from "@apart-ai/synapse/participant/embedded";

const client = createParticipantClient({
  baseUrl: SYNAPSE_API_URL,
  participantToken,
});
const controller = createParticipantSessionController({
  client,
  queueKey: `evaluation:${opaqueEvaluationRef}`,
  storage: new MemoryParticipantQueueStorage(),
  consent: {
    beforeStart: async (session) => showConsent(session.consent.notice_text),
  },
  onComplete: (report) => renderResult(report),
});

const mounted = mountEmbeddedParticipant(
  document.querySelector("#synapse")!,
  { controller },
);

mounted.destroy();
controller.dispose();

import { mountHostedParticipant } from "@apart-ai/synapse/participant/hosted";

const hosted = mountHostedParticipant(container, {
  hostedUrl: session.hosted_url!,
  baseUrl: PUBLIC_SYNAPSE_WEB_ORIGIN,
  onComplete: (evaluationId) => showCompletion(evaluationId),
  onReport: (report) => renderReport(report),
});

hosted.destroy();