const builder = new Veform.VeformBuilder({
    description: 'Work order for a plumber to complete when leaving a job site.'
  });
  builder.addField({
    name: 'arrival-time',
    question: 'Arrival time?',
    type:'text'
  }).addValidation({
    validate: true,
    pattern: 'time'
  }).onChange((value) => document.getElementById('arrival-time').value = value);
  
  builder.addField({
    name: 'departure-time',
    question: 'Departure time?',
    type:'text'
  }).addValidation({
    validate: true,
    pattern: 'time'
  }).onChange((value) => document.getElementById('departure-time').value = value);
  
  builder.addField({name: 
    'work-completed',
    question: 'Work completed?',
    type: 'textarea'
  }).onChange((value) => document.getElementById('work-completed').value = value);
  
  builder.addField({name:
    'parts-used',
    question: 'Parts used?',
    type: 'textarea'
  }).onChange((value) => document.getElementById('parts-used').value = value);
  
  builder.addField({
    name: 'confirm-done',
    question: 'Are you ready to submit?',
    type: 'yesNo'
  }).addBehavior(
      Veform.FieldEvents.VALID_YES_ANSWER,
      {type: Veform.FieldBehaviorType.MOVE_TO, moveToFieldName: 'goodbye'}
    ).addBehavior(
      Veform.FieldEvents.VALID_NO_ANSWER,
      {type: Veform.FieldBehaviorType.MOVE_TO, moveToFieldName: 'change'}
    ).onChange((value) => {
      if (value === 'yes') {
        document.getElementById('submit-button').click();
      }
    });

  builder.addField({
    name: 'change',
    question: 'What would you like to change?',
    type: 'intent'
  }).addBehavior(
    Veform.FieldEvents.VALID_ANSWER,
    {type: Veform.FieldBehaviorType.MOVE_TO, moveToFieldName: 'change'
  })

  builder.addField({name: 'goodbye', question: 'We will submit it. Goodbye!', type: 'info'});
  const veform = new Veform.Veform(builder);

  function runWorkOrderDemo() {
    veform.start('https://demo.veform.co/token');
  }