QTI3 Player Preact

1import { useRef } from "preact/hooks";2import type { PlayerMessageCatalog } from "@longsightgroup/qti3-player";3import {4  QtiAssessmentItemPlayer,5  type QtiAssessmentItemPlayerHandle,6} from "@longsightgroup/qti3-player-preact";7 8export function Preview({9  candidateSafeXml,10  messageCatalog,11}: {12  candidateSafeXml: string;13  messageCatalog?: PlayerMessageCatalog;14}) {15  const playerRef = useRef<QtiAssessmentItemPlayerHandle>(null);16 17  return (18    <QtiAssessmentItemPlayer19      ref={playerRef}20      xml={candidateSafeXml}21      languageOfInterface="sv-SE"22      messageCatalog={messageCatalog}23      loadOptions={{24        status: "interacting",25        sessionControl: { validateResponses: false, showFeedback: false },26      }}27      onStateChange={({ state }) => console.log(state)}28      onLoadError={(error) => console.error(error)}29    />30  );31}