BulkPurchaseInquiryForm&

SketchSystems.spec

BulkPurchaseInquiryForm&
  data
    invalid*
      VALID_DATA -> valid
    valid
      INVALID_DATA -> invalid
      RESET -> invalid
  input
    pristine*
      USER_INPUT -> dirty
    dirty
      RESET -> pristine
  interaction
    untouched*
      FIRST_USER_INPUT -> touched
    touched
      RESET -> untouched

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