Vending Machine*

SketchSystems.spec

Vending Machine*
 Inactive
  Switch On->Active
  

 Active
  Switch Off->Inactive
  New Order 
    Select New Snack->Show Price
    Timeout?->Inactive
    Done->Inactive
   
   Show Price
     Coin Inserted->Coin Validation
     No Coin Inserted->Inactive
   
   Coin Validation
    Coin Valid->Check Change
    Coin Invalid->Error Message
    Coin Validation Error->Error Message

   Check Change
    Change?->Dispensing
    No Change->Dispensing
    
   Error Message
    Eject Coin->Dispensing
    Time Out?->Inactive
    Error?->Display Error Message

   Display Error Message
    New Coin Inserted->Coin Validation
    Time Out?->Inactive
    
    
    
  Dispensing
   Snack Released->New Order 
   Release Change And Snack->New Order
   Release Invalid Coin ->Show Price
   Time Out?->Inactive
   New Snack Selected->Show Price
    


  

   
  

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