phoneNumber

SketchSystems.spec

phoneNumber
  noPhone*
    CREATED_PHONE -> unverifiedPhone
  unverifiedPhone
    VERIFIED_PHONE -> verifiedPhone
  verifiedPhone
    DELETED_PHONE -> noPhone

modal
  CANCEL -> closed
  ACTION_CLICKED -> closed
  closed
  verify
  delete

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}`);
}