Menu Page*

SketchSystems.spec

Menu Page*
  Menu Category* -> Menu Sections Page
  Find Items -> Search Items Page

Menu Sections Page
  Back Button -> Menu Page
  Menu Section -> Menu Items Page
  Find Items -> Search Items Page
  
Menu Items Page
  Back -> Menu Sections Page
  Menu Item 
    Title -> Menu Item Page
    Increment
    Decrement
  Review Sale -> Cart Page
  Find Items -> Search Items Page
  
Menu Item Page
  Back -> Menu Items Page
  Modifier Item
  Upsell Item
  Upgrade Item
  Add to Sale Button
    View Cart -> Cart Page
  
Search Items Page
  Back -> Menu Page
  Inactive
    focused -> Active

  Active
    canceled -> Inactive
    typed -> Text Entry

    Empty*

    Text Entry
      submitted -> Results

    Results

Cart Page
  Back -> Menu Item Page
  Cart Item
    Increment Item Quantity
    Decrement Item Quantity
  Add Note to Order -> Order Note Dialog
  Pay by Cash
  Pay by Card

Order Note Dialog
  Note Inactive
    focused -> Active

  Note Active
    canceled -> Inactive
    typed -> Text Entry

    Note Entry
      submitted -> Cart Page
    
Tip Page
  Tip Option -> Tap to Pay Page
  Custom Tip -> Custom Tip Dialog
  Skip -> Tap to Pay Page
  
Custom Tip Dialog
  Submit -> Tap to Pay Page

Tap to Pay Page
  Pay -> Order Placed Page

Order Placed Page
  Done -> Menu Page

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