My Awesome Sketch

SketchSystems.spec

My Awesome Sketch
  Add Phone Number
    add_phone_number -> Resend Code Disabled
  
   Resend Code Disabled
     time_remaining? -> Resend Code Disabled
     no_time_remaining? -> Verify Phone Number
     max_resend_tries_reached? -> Verify Captcha Flow
     verify_phone_number -> Verifying Code
     check_phone_number -> Redirect Phone Number?
       
  Verify Phone Number 
    try_verifying -> Verifying Code
    try_resend_code -> Resend Code
    verify_phone_number -> Verifying Code
    check_phone_number -> Redirect Phone Number?
  
  Verify Input Error
    try_verifying -> Verifying Code
    resend_code -> Resend Code
    verify_phone_number -> Verifying Code
    check_phone_number -> Redirect Phone Number?
    
  Resend Code
    success -> Resend Code Success
    failure -> Resend Code Failure
  
  Verify Captcha Flow 
    try_verifying_captcha -> Verifying Captcha?
    reload_captcha -> Verify Captcha Flow
    verify_phone_number -> Verifying Code
    check_phone_number -> Redirect Phone Number?
  
  Verifying Captcha?
    blank -> Verify Captcha Error
    not blank -> Captcha Loading
  
   Verify Captcha Error
    reload_captcha -> Verify Captcha Flow
  
  Captcha Loading
    success -> Verify Phone Number
    failure -> Verify Captcha Error
     
  Resend Code Success
    time_remaining? -> Resend Code Disabled
    no_time_remaining? -> Verify Phone Number
    verify_phone_number -> Verifying Code
    check_phone_number -> Redirect Phone Number?
  
  Resend Code Failure 
    resend_code -> Resend Code
    verify_phone_number -> Verifying Code
    check_phone_number -> Redirect Phone Number?
    
  Verifying Code
    success -> Added Phone Number
    failure -> Verify Phone Number Error
    
  Verify Phone Number Error
    try_verifying -> Verifying Code
    resend_code -> Resend Code
    check_number -> Redirect Phone Number?
 
  Added Phone Number
    add_another_phone_number -> Verify Phone Number
  
  Redirect Phone Number?
    phone_number_present? -> Added Phone Number
    no_phone_number_present? -> Add Phone Number
   
     

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