Reservation

SketchSystems.spec

Reservation
  Initial State*
    Pay with Credit Card -> Is Form Valid?
  Is Form Valid?
    Yes -> Stripe Checkout
    No -> Wanderio Flex Modal
  Wanderio Flex Modal
    Add Flex -> Is Form Valid?
    Remove Flex -> Is Form Valid?

  Stripe Checkout

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