Bin

SketchSystems.spec

Bin
  Has single item
    scan an item -> Single item added
  Has multiple items*
    scan multiple items -> Multiple items selected
  Multiple items selected
    scan pack -> How many to move?
How many to move?
  enter qty -> Multiple items added to allocated
Packaging
  Allocated pack
    Single item added to allocated
    Multiple items added to allocated
    scan new pack -> New pack added
  New pack added
    Active
    Single item added
    scan pack -> Single item and single pack
Shipped
  Single item and single pack

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