Ordering&

SketchSystems.spec

Ordering&
  Browser
    PDP
      add to cart -> PDP
      buy -> Fulfilment
      checkout -> Fulfilment

    Fulfilment
      confirm -> Check-in
    Check-in
      check in -> Confirmation
    Confirmation

  Payment
    Not Started
      add to cart -> Started Intent
      buy -> Started Intent
      checkout -> Started Intent
    Started Intent
      confirm -> Authorised
    Authorised
      check in -> Captured
    Captured
      refund -> Payment Refunded
    Payment Refunded
    
  FOE
    Empty
      check in -> Order Received
    Order Received
    
   ROM
     No
       check in -> Refundable

     Refundable
       refund -> Refunded

     Refunded

SketchSystems_prototype.js

function render(model){
  let current_state = model.root.children[0].children[0].children.find(s => s.is_active);
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state.name} ${Object.keys(current_state)}`);
}