/*jshint esnext: true */

​

// Create client instance

const client = new Circuit.Client({

  domain: jsBinTpl.domain,       // read domain from url

  client_id: jsBinTpl.client_id, // get client_id for domain

  scope: 'ALL'

});

​

// Template for Circuit JSBin examples. Builds generic part of page incl. login button.

const {logonButton, logoutButton, print} = jsBinTpl.init(client, template, {

  title: 'Circuit JS SDK: Create conference bridge and wait for participants',

  description: 'Create a new conversation for a conference bridge, gets the conference details and waits for participants to join. Once other participants join the audio conference is established. No video in this example.',

  apiMethods: ['createConferenceBridge', 'getConversationDetails', 'startConference', 'endConference'],

  prerequisites: ['None']

});

​

// Local variables

let _conversation;

​

logonButton.addEventListener('click', () => {

  client.logon()

  .then(user => print(`Successfully authenticated as ${user.displayName}`))

  .catch(print);

});

​

logoutButton.addEventListener('click', () => {

  client.logout()

  .then(() => client.endConference(_conversation.rtcSessionId))

  .catch(print);

});

​

createButton.addEventListener('click', () => {

  client.createConferenceBridge(title.value)

  .then(conv => {

    _conversation = conv;

    print(`Bridge "${conv.topic}" created`);

    return client.getConversationDetails(conv.convId);

  })

  .then(details => print(`Bridge details: `, details))

  .then(() => client.startConference(_conversation.convId))

  .then(() => print(`Brigde is ready. Join via guest link or dial-in number above`))

  .catch(print);

});

​

endButton.addEventListener('click', () => {

  client.endConference(_conversation.rtcSessionId)

  .catch(print);

});

​

// Listen for callStatus events to set the remoteAudioStream

client.addEventListener('callStatus', evt => {

  if (_conversation.rtcSessionId === evt.call.callId) {

    console.log(evt)

    print(`Received callStatus event. reason: ${evt.reason}, callState: ${evt.call.state}`);

    if (remoteAudio.srcObject !== evt.call.remoteAudioStream) {

      remoteAudio.srcObject = evt.call.remoteAudioStream;

    } 

    if (evt.reason === 'participantJoined') {

      print(`${evt.participant.firstName} ${evt.participant.lastName} joined the conference`);

    }

    createButton.style.display = 'none';

    title.style.display = 'none';

    endButton.style.display = '';

  }

});

​

// Listen for callEnded

client.addEventListener('callEnded', evt => {

  if (_conversation.rtcSessionId === evt.call.callId) {

    print(`Received callEnded event.`);

    createButton.style.display = '';

    title.style.display = '';

    endButton.style.display = 'none';

  }

});

​

Circuit.supportedEvents && Circuit.supportedEvents.forEach(e => {

    client.addEventListener(e, evt => print(`Received ${e} event:`, evt));

});

​