PayLater

SketchSystems.spec

PayLater
  Purchase Process*
    already purchased -> Enjoy
    buy now pay later -> Enjoy
    user wants to login -> Login
    terms not agreed -> Terms Required
    cookie hacker? -> Cookie Hacker
    invoice Over Threshold -> Settle Invoice

  Terms Required
    agreed to terms -> Purchase Process

Cookie Hacker
  asks to login -> Login

Settle Invoice
    
Purchase Complete
  Enjoy
  
Registration
  Signup*
    user wants to login -> Login
    signed up not settled -> Purchase Process
  Login
    user wants to signup -> Signup
    logged in not settled -> Purchase Process

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