// Typescript Interface
interface IAntidoteMedicalScreening {
  init(settings: IMedicalScreeningSettings): IAntidoteMedicalScreening; // This is actually a static method
  start(sessionId: string, onFinish: Function): void;
  destroy(): void;
}

// Typescript Interface
interface IMedicalScreeningSettings {
  container?: Element; 
  url?: string;
  modal?: boolean;
  debug?: boolean;
}

// Init the medical library
// For all options, check the API Library page in the library.
const antidote = Antidote.init({
  modal: true
});

$('#start-screening').click(startScreening);

function startScreening() {
  // Make a request to your server in any way you prefer this 
  // is needed as you will only be able to init a screening
  // session with your *private* credentials.
  //
  // Keep this key private, do not use it in any browser requests or
  // store it in any javascript code that gets sent to the browser.

  $.ajax({
      type: 'POST',
      url: 'https://{{YOUR_SITE_URL}}/start-screening',
      dataType: 'json'
    })
    .done((res) => {
      // After the request to your server, you will be given a
      // session id by the medical screening api this needs
      // to be passed to the javascript library.

      console.log('Starting Screening Session: ', res.screening_session_id);

      antidote.start(res.screening_session_id, finishScreening);
    })
    .fail(() => {
      console.log('There was a failure in retrieving the screening session id')
    });
}

function finishScreening() {
  // Now we're in here, all you will need to do is make a call back to your server
  // that will deal with actually making the screening session is finished
  // and receiving a risk score back from the service.

  console.log('Triggered finish screening')

  $.ajax({
      type: 'POST',
      url: 'https://{{YOUR_SITE_URL}}/finish-screening',
      dataType: 'json'
    })
    .done((res) => {
      // Your Code. (E.G Shows list of conditions next to traveller...)
    })
    .fail(() => {
      console.log('There was a failure in finishing the screening session')
    });
}

import * as React from 'react';
import { MedicalScreening } from 'antidote-medical-screening';

interface IExampleMedicalScreeningProps {
  /**
   * Make a request to get a session id and returns it
   * when resolving the promise.
   *
   * @param {string} sessionId - Previous session id to perform a rescreen
   * @returns {Promise<string>}
   */
  onStart(sessionId?: string): Promise<string>;

  /**
   * Makes a request to finish the given session id.
   *
   * @param {string} sessionId
   * @returns {Promise<void>}
   */
  onFinish(sessionId: string): Promise<void>;
}

interface IExampleMedicalScreeningState {
  isScreening: boolean;
  sessionId?: string;
}

class ExampleMedicalScreening extends React.Component<IExampleMedicalScreeningProps, IExampleMedicalScreeningState> {
  state = {
    isScreening: false,
    sessionId: null,
  };

  private handleStart = () => {
    // Get session id, store it in the state and start screening.

    this.props.onStart(this.state.sessionId)
      .then((sessionId) => {
        this.setState({
          isScreening: true,
          sessionId,
        });
      })
      .catch((error) => {
        console.error(error);

        throw error;
      });
  };

  private handleFinish = () => {
    // Request to finish session, and and stop screening.

    this.props.onFinish(this.state.sessionId)
      .then(() => {
        this.setState({
          isScreening: false,
        })
      })
      .catch((error) => {
        console.error(error);

        throw error;
      });
  };

  render() {
    return (
      <div>
        <button onClick={this.handleStart}>
          {this.state.isScreening ? 'Edit' : 'Start'} Screening
        </button>

        {this.state.isScreening && (
          <MedicalScreening
            url={'https://api.cegascreening.com'}
            sessionId={this.state.sessionId}
            onFinish={this.handleFinish}
          />
        )}
      </div>
    );
  }
}

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

interface IMedicalScreeningSettings {
  container?: Element,
  url?: string,
  modal?: boolean,
  debug?: boolean
}

interface AntidoteMedicalScreening {
  init(settings: IMedicalScreeningSettings);
  destroy();
  start(sessionId: string, onFinish: Function);
}

declare const Antidote: AntidoteMedicalScreening;

@Component({
  selector: 'app-root',
  template: `
    <div #medicalScreeningContainer></div>

    <button (click)="startScreening()">
      Start Screening
    </button>
  `,
  styleUrls: ['./app.component.css']
})
export class AppComponent implements AfterViewInit {
  antidote:AntidoteMedicalScreening = null;
  @ViewChild('medicalScreeningContainer') el:ElementRef;

  ngAfterViewInit() {
    this.antidote = Antidote.init({
      container: this.el.nativeElement,
      modal: false,
    });
  }

  startScreening() {
    // There should be some code here to deal with posting to your server
    // to get the 'screening-session-id'

    this.antidote.start(
      'screening-session-id', 
      this.handleScreeningFinish
    )
  }

  handleScreeningFinish() {
    // There should be some code here to deal with posting to your server
    // to finalise the screening session.

    console.log('It finished');
  }

}