Closed*

SketchSystems.spec

Closed*
  report anomaly -> Opened

Opened
  close -> Closed

  Ilmoita muu tilanne*
    Initial*
      Asiakkaalle on vastattu toisessa keskustelussa -> Report specific anomaly
      Tilaisuus on jo raportoitu toisessa keskustelussa -> Report specific anomaly
      Asiaton kysely tai roskaposti -> Report specific anomaly
      Muu tilanne mikä? -> Muu tilanne
    Report specific anomaly
      Saving*
        success -> Saved
        failure -> Failed
      Saved
        ready -> Closed
        selectOther -> Initial
      # Should we allow a retry in Failed state?
      Failed
        selectOther -> Initial
    Muu tilanne
      breadcrumb back -> Ilmoita muu tilanne
      
      Text area*
        erase input -> Ready to submit?
        input -> Ready to submit?  
        
      Ready to submit?
        is ready -> Ready
        not ready -> Text area
      
      Ready
        erase input -> Ready to submit?
        more input -> Ready to submit?
        submit -> Submitting other anomaly
      
      Submitting other anomaly
        success -> Other anomaly submitted
        failure -> Failed to submit anomaly
      
      Failed to submit anomaly
        ready -> Ready
      Other anomaly submitted
        done -> Closed

SketchSystems_prototype.js

function render({ emit, active_states }){
  const current_state_name = active_states[0].name;
  return (
    <div>
      <h1>State: {current_state_name}</h1>
      <button onClick={() => emit('report anomaly')}>Report anomaly</button>
      <button onClick={() => emit('close')}>Close</button>
    </div>
  );
}