WelcomeScreen

SketchSystems.spec

WelcomeScreen
  newAccount -> ValidatePhoneNumber
  signIn -> SignIn
  searchForOrg -> SearchForOrg
SignIn
  EnterPhone
    usePW -> EnterUNPW
    continue -> SendCode
    back -> WelcomeScreen
  SendCode
    success -> EnterCode
    error -> EnterPhone
  EnterCode
    continue -> SaveCode
    help-> SignInHelp
    SignInHelp
      close -> Confirm
      changePhoneNumber -> Collect
      resendCode -> Confirm
  SaveCode
    success -> LoggedIn
    # ?
    error -> EnterCode
  EnterUNPW
    back -> EnterPhone
    signIn -> SaveSignIn
    forgotPW -> ForgotPW
  ForgotPW
    back -> EnterUNPW
    send -> SaveSendLink
  SaveSendLink
    success -> ConfirmNewPW
    error -> EnterUNPW
  ConfirmNewPW
  SaveSignIn
    success -> LoggedIn
    error -> EnterUNPW
ValidatePhoneNumber
  Collect*
    continue -> SaveCollect
    SaveCollect
      success -> Confirm
      error -> Collect
  Confirm
    help -> Help
    continue -> SaveConfirm
    Help
      close -> Confirm
      changePhoneNumber -> Collect
      resendCode -> Confirm
    ResendCode
      success -> Confirm
      # Where do we go if there's an error here?
      error -> Confirm
    SaveConfirm
      success -> CreateYourAccount
      error -> Confirm
CreateYourAccount
  CYALanding*
    terms -> TermsAndPrivacy
    personalDetails -> PersonalDetails
    paymentDetails -> PaymentDetails
    createAccount -> SaveAccount
  TermsAndPrivacy
    save -> CYALanding
    Landing*
      viewTerms -> Terms
      viewPrivacy -> Privacy
    Terms
      agreeTerms -> Landing
    Privacy
      agreePrivacy -> Landing
  PersonalDetails
    save -> CYALanding
    cancel -> CYALanding
  PaymentDetails
    PDLanding*
      addBankAccount -> AddBankAccount
      addCC -> AddCC
    AddBankAccount
    AddCC
      Name*
        next -> CardNumber
        back -> PDLanding
      CardNumber
        next -> CardExpCCV
        back -> Name
      CardExpCCV
        next -> BillingAddress
        back -> CardNumber
      BillingAddress
        next -> CYALanding
        back -> CardExpCCV
  SaveAccount
    success -> OnboardingComplete
    failure -> AccountSaveError
  # Need Sam's direction here
  AccountSaveError
    retry -> SaveAccount
OnboardingComplete
  findOrg -> SearchForOrg
SearchForOrg
LoggedIn

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