Subscription

SketchSystems.spec

Subscription
  Trial
    billing_success -> Active
    billing_failed -> Past Due
    cancel -> Cancelled
  Active
    billing_success -> Active
    billing_failed -> Past Due
    cancel -> Cancelled
  Past Due
    billing_success -> Active
    billing_failed -> Past Due
    billing_aborted -> Cancelled
    cancel -> Cancelled
  Cancelled

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