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 each -> Multiple items added to allocated
  distribute evenly -> Multiple items added to allocated
Packaging&
  Current pack
    Allocated pack*
    New pack added
  Items added
    Single item added to allocate
    Multiple items added to allocated
    scan new pack -> 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}`);
}