Group Payment Flow

SketchSystems.spec

Group Payment Flow
  trial-new
    expired -> trial-expired
    credit-card -> paid-up
    request-po -> trial-awaiting-payment
  trial-expired
    expired -> group-closed
  trial-awaiting-payment
    expired -> group-closed
    payment-received -> paid-up
  paid-up
    expired -> need-to-renew
  group-closed
  need-to-renew
    

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