Initial

SketchSystems.spec

Initial
  No provider ID -> Provider list
  Provider ID -> Provider login
  Login token -> Login form
  
 Provider list
   Has popular -> Popular providers
   No popular -> Full list
   Country picker -> Country picker
   Search -> Full list
   Popular providers
     search click -> Full list
     click -> Provider login
   Full list
     click -> Provider login
   Country picker
     select -> Provider list
   
 Provider login
   Has login methods -> Login method list
   No login methods -> Login form
   Login method list
     select -> Login form
   Login form
 

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}