Touchpoint Dashboard

SketchSystems.spec

Touchpoint Dashboard
  Loading
    Success -> Authenticating
    Failure -> Unable to Load
  Unable to Load
    Retry -> Loading
  Authenticating
    Checking Credentials
      No Credentials -> Login
      Credentials Exist -> Verify Credentials
    Verify Credentials
      Valid -> Dashboard
      Invalid or expired -> Login
    Login&
      Ready
      Submitting
      Login Error
      Email&
        Content email
          Empty email*
            Input email -> Validating email?
          Validating email?
            Invalid email -> Invalid email
            Valid email -> Valid email
          Valid email
            Input email -> Validating email?
            Clear email -> Empty email
          Invalid email
            Input email -> Validating email?
            Clear email -> Empty email
        Focus email
          Unfocused email
            Focus email -> Focused email
          Active email
            Idle email -> Focused email
          Focused email
            Input email -> Active email
            Blur email -> Unfocused email
      Password
        Content password
          Empty password
            Input password -> Validating password?
          Validating password?
            Invalid password -> Invalid password
            Valid password -> Valid password
          Valid password
            Input password -> Validating password?
            Clear password -> Empty password
          Invalid password
            Input password -> Validating password?
            Clear password -> Empty password
        Focus password
          Unfocused password
            Focus password -> Focused password
          Active password
            Idle password -> Focused password
          Focused password
            Input password -> Active password
            Blur password -> Unfocused password
  Dashboard&
    Notes&
      Notes Content
        No note content
        Some note content
      Note Fetch
        Pending*
        Fetching
        Idle
        Error
    First Run Experience
      Required?
        First run? -> Introduction
        Previously completed? -> Done
      Introduction
        Consent to prompts -> Prompts
        Decline prompts -> Done
      Prompts&
        Drafts Prompt
        Collections Prompt
        Products Prompt
        Feed Prompt
        Accounts Prompt
        Connections Prompt
      Done
    Inbox
      New messages
      No new messages
      Zero
    Notifications
      None
      Some

SketchSystems_prototype.js

function render(model) {
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue", margin: '2em' }},
           `The current state is: ${current_state_name}`);
}