Onboarding*

SketchSystems.spec

Onboarding*
  Idle*
    signup -> Signup

  Customer
    Validate Email
      click? -> Change Password
      no click? -> NotVerified

  Auth Service
    User Exists
      yes -> Signup
      no -> Send Verification Email
    Send Verification Email
      sent? -> Validate Email
      not sent? -> Send Verification Email
    Change Password
      submit -> Login
    Authenticating*
      authenticated? -> Validating
      not authenticated? -> NotAuthenticated

  App
    Lock
      Signup
        submit -> User Exists
        cancel -> NotAuthenticated
      Login*
        submit -> Authenticating
        cancel -> NotAuthenticated

    AppView
      Validating
        validated? -> Needs Setup
        not validated? -> NotVerified
      Needs Setup
        first visit? -> Company
        not first visit? -> Dashboard
      
    Setup
      Company
        submit -> Submit Company
        cancel -> Company
      
        Submit Company
          success -> Portfolio
          failure -> Error
      
      Portfolio
        submit -> Departments
        skip -> Categories
      
      Departments
        submit -> Categories
        skip -> Strategic Objectives
      Categories
        submit -> Strategic Objectives
        skip -> Lifecycles
      Strategic Objectives
        submit -> Lifecycles
        skip -> Team Members
      Lifecycles
        submit -> Team Members
        skip -> Dashboard
      Team Members
        submit -> Dashboard
        skip -> Dashboard
 
    Dashboard
      logout -> NotAuthenticated
    NotVerified
      login -> Login
    NotAuthenticated
      login -> Login
      cancel -> NotAuthenticated
    Error
      logout -> Login
        

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