<script>
    // Configure proviewOnLoad before adding the Loader Script
    window.proviewOnLoad = function () {
    Proview.init({ dsn: "" });
};
</script>

<script src="https://dev.proview.io/cdn/init.js" async crossorigin="anonymous"></script>

<script>
  // Configure proviewOnLoad before adding the Loader Script
  window.proviewOnLoad = function () {
    Proview.init({
      dsn: "",
		  type: Proview.ProctoringType.RECORDED,
		  attendee_identifier :"att_0001",
		  workflow_identifier :"exam_0023"
    });

    // Register an error handler
    Proview.onError((err)=>{
		  // handle or log the error
      console.error('Proview error:', err);
      // e.g., send to your telemetry system
      // sendTelemetry('proview_error', err);
    });
  };
</script>

<script
  src="https://dev.proview.io/cdn/init.js" async
  crossorigin="anonymous">
</script>

// Set French (generic)
const applied = Proview.locale.setLanguage('fr');
console.log('Language set to:', applied); // e.g. "fr"

// Set English (United States)
Proview.locale.setLanguage('en-US');

// If unsupported, SDK falls back (browser default or 'en')
const applied2 = Proview.locale.setLanguage('xx-YY');
console.log(applied2); // e.g. "en" or browser default

// Get the current attendee information
const attendee = Proview.getAttendee();

if (attendee) {
    console.log('Attendee identifier:', attendee.identifier);
    console.log('Full name:', `${attendee.first_name} ${attendee.last_name}`);
    console.log('Email:', attendee.email);
    console.log('Country:', attendee.country);
    console.log('Phone:', attendee.phone);
} else {
    console.log('No attendee information available');
}

const attendee = {
    first_name: "James",
    last_name: "Handerson",
    email: "[email protected]",
    identifier: "Att0001",
};

try {
    Proview.setAttendee(attendee);
} catch (error) {
    console.error('Failed to set attendee:', error);
    // handle the error from the application
}

Proview.setWorkflow({
    name: "Applied Science - Paper 1",
    identifier: "2930034",
    course: {
    name: "B.Sc in Applied Sciences",
    identifier: "2025-B-ASCI-001"
}
});

Proview.session.start((sessionOutput, err)=>{
if (err) {
    console.error('Failed to start session:', err);
    return;
}
    console.log('Session state:', sessionOutput.state);
    console.log('Session uuid:', sessionOutput.uuid);
});

// or
try
{
    const sessionOutput = await Proview.session.start();
} catch (err) {
console.error('Failed to start session:', err);
}

Proview.session.stop((sessionOutput, err) => {
if (err) {
    console.error('Failed to stop session:', err);
    return;
}
    console.log('Session state:', sessionOutput.state);
});

// or

try {
    const sessionOutput = await Proview.session.stop();
    console.log('Session state:', sessionOutput.state);
} catch (err) {
console.error('Failed to stop session:', err);
}

Proview.session.complete((sessionOutput, err) => {
  if (err) {
    console.error('Failed to complete session:', err);
    return;
  }
  console.log('Session state:', sessionOutput.state);
});

// or

try {
  const sessionOutput = await Proview.session.complete({
    score: 87,
    finishedAt: new Date().toISOString()
  });
  console.log('Session state:', sessionOutput.state); // "completed"
} catch (err) {
  console.error('Failed to complete session:', err);
}

SessionStateOutput = {
state: Session State
reason: string
}

// Pause the current proctoring session
Proview.session.pause("User requested break", (sessionStateOutput, err) => {
if (err) {
console.error('Failed to pause session:', err);
return;
}
console.log('Session paused:', sessionStateOutput.state); // "paused"
});

SessionStateOutput = {
state: Session State
reason: string
}

// Promise-based
try {
const sessionOutput = await Proview.session.resume("Break time over");
console.log('Session resumed:', sessionOutput.state);
} catch (err) {
console.error('Failed to resume session:', err);
}

// Callback-based
Proview.session.resume("Break time over", (sessionStateOutput, err) => {
if (err) {
console.error('Failed to resume session:', err);
return;
}
console.log('Session resumed:', sessionStateOutput.state);
});

Proview.session.on('Pause', (sessionStateOutput) => {
console.log('Session paused:', sessionStateOutput.state);
console.log('Pause reason:', sessionStateOutput.reason);
});

SessionStateOutput = {
state: SessionState,
reason: string
}

Proview.session.on('Resume', (sessionStateOutput) => {
console.log('Session resumed:', sessionStateOutput.state);
console.log('Resume reason:', sessionStateOutput.reason);
});

SessionStateOutput = {
state: SessionState,
reason: string
}

Proview.session.on('Suspend', (sessionStateOutput) => {
console.log('Session suspended:', sessionStateOutput.state);
console.log('Suspension reason:', sessionStateOutput.reason);
});

SessionStateOutput = {
state: SessionState,
reason: string
}

Proview.session.on('Terminate', (sessionStateOutput) => {
console.log('Session terminated:', sessionStateOutput.state);
console.log('Termination reason:', sessionStateOutput.reason);
});

SessionStateOutput = {
state: SessionState,
reason: string
}

Proview.session.on('StateChange', (sessionStateOutput) => {
console.log('Session state changed:', sessionStateOutput.state);
console.log('State change reason:', sessionStateOutput.reason);
});

SessionStateOutput = {
state: SessionState,
reason: string
}

// Create handler function
const handleSessionPause = (sessionStateOutput) => {
console.log('Session paused:', sessionStateOutput.state);
};

// Add the listener
Proview.session.on('Pause', handleSessionPause);

// Later, remove the specific listener
Proview.session.off('Pause', handleSessionPause);

SessionStateOutput = {
state: SessionState,
reason: string
}