MVPD Flow

SketchSystems.spec

MVPD Flow
  idle*
    click -> fetching tv providers
    
  fetching tv providers
    get client token*
      success -> fetch identity providers group - NFL_MVP
      fail -> tv provider general error
    fetch identity providers group - NFL_MVP
      success -> fetch identity providers
      fail -> tv provider general error
    fetch identity providers
      success -> tv provider success
      fail -> tv provider general error
    

  tv provider success
    show top 8
      click provider -> fetch MVPD login screen
      click show more -> show more
    show more
      click provider -> fetch MVPD login screen
      click back -> show top 8
  
    fetch MVPD login screen
      adobe - generate authorization header*
        success -> adobe reg code
        fail -> tv provider general error
      adobe reg code
        success -> adobe - generate auth link
        fail -> tv provider general error
      adobe - generate auth link
        success -> register device
        fail -> tv provider general error
      register device
        success -> show login screen
        fail -> tv provider general error

    show login screen
      login success -> add device grants
      login fail -> tv provider general error
      click back -> tv provider success
      
    add device grants
      get device id
        success -> generate auth headers
        fail -> tv provider general error
      generate auth headers 
        success -> is device logged in
        fail -> tv provider general error
      is device logged in
        success -> put grant
        fail -> tv provider general error
      put grant 
        success -> tv provider authenticated success
        fail -> tv provider general error
     
    tv provider authenticated success
    
  tv provider general error
    retry -> fetching tv providers
    show error*
  
  
      
    

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