Collector User Flow

SketchSystems.spec

Collector User Flow
  Non-existant
    sign up -> Pending passive
    sign up with invite code -> Approved passive
  Pending passive
    browse -> Pending active
    gain approval -> Approved passive
  Pending active
    gain approval -> Approved active
  Approved passive
    browse -> Approved active
    subscribe -> Subscribed passive
  Approved active
    subscribe -> Subscribed active
  Subscribed passive
    purchase -> Happy paying collector
    rent -> Happy paying collector
    browse -> Subscribed active
  Subscribed active
    purchase -> Happy paying collector
    rent -> Happy paying collector
  Happy paying collector
    get bored -> Subscribed passive

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