iOS 16 Lock Screen

SketchSystems.spec

iOS 16 Lock Screen
  incoming phone call -> Phone Call
  Sleeping
    tap on screen -> Awake
  Awake
    press on side button -> Sleeping
    swipe down from top right corner -> Control Centre
    Lock Screen
      swipe left -> Camera
      Unauthenticated Lock Screen
        swipe up from bottom -> Face ID
        auto Face ID succesful? -> Authenticated Lock Screen
      Authenticated Lock Screen
        swipe right -> Widgets
        swipe down -> Search
        swipe up -> Notification Centre
        long press -> Customise
    Face ID
      successful? -> Unlocked
      unsuccessful? -> Passcode
    Passcode
      tap on Emergency call -> Emergency Call
      entered valid PIN -> Unlocked
      entered invalid PIN -> Passcode
      cancel -> Lock Screen 
    Emergency Call
      tap on Medical ID -> Medical ID
      tap on Cancel -> Passcode
    Medical ID      
      tap on Done -> Emergency Call
    Notification Centre
      swipe down -> Authenticated Lock Screen
    Control Centre
      swipe up -> Lock Screen
    Widgets
      swipe left -> Authenticated Lock Screen
    Wallet
      Unauthenticated Wallet
        valid PIN or Face ID? -> Authenticated Wallet
      Authenticated Wallet
    Search
    Camera
    Customise
      swipe up from bottom -> Lock Screen
    Unlocked
    Phone Call
      

SketchSystems_prototype.js

function render (model) {
  if (model.active_states[0].image_url) {
    return $('img', {
      src: model.active_states[0].image_url,
      style: { height: '480px' }
    });
  } else {
    return $('h1',
      { style: { color: 'darkBlue', padding: '10px' } },
      `State: ${model.active_states[0].name} (no image)`);
  }
}