User flow

SketchSystems.spec

User flow
  PRODUCT*
    Product Table
      Next -> Is product selected?
      Is product selected?
        Yes? -> API select product
    API select product
      Is FREE product? -> API verify product
      Is FREE product and SMS enabled? -> SMS
      Is private? -> PAYMENT
      Is realtor? -> API request verification code
    API verify product
      Is server OK? -> PUBLISHING
    API request verification code
      No content? -> PAYMENT
      Content -> VERIFY_REALTOR
      Error conflict -> VERIFY_REALTOR
      Error forbidden -> LOCKED_REALTOR
  SMS
    Back -> PRODUCT
    Next -> Is product selected?
    Re-request verification code -> SMS
    Fill phone number
      Submit? -> API get verification code
    API get verification code
      Is server OK? -> VERIFY
  VERIFY
    Back -> SMS
    Next -> API verify code
    API verify code
      Is server OK? -> PUBLISHING
      Is server NOK? -> API verify code
  VERIFY_REALTOR
    Back to update -> UPDATE
    Back to product -> PRODUCT
    Next -> API verify realtor code
    Send Code -> VERIFY_REALTOR
    API verify realtor code
      Is server OK? -> PAYMENT
      Is server NOK? -> On Error
    On Error
      Has lockedUntil field -> LOCKED_REALTOR
      Has other error -> VERIFY_REALTOR
  LOCKED_REALTOR
    Back to custom page -> UPDATE
    Back to product -> PRODUCT
  PAYMENT
    Back -> PRODUCT
    Select Sofort -> Next
    Select Card Payment -> Next
    Next
      Is card? -> API process payment
      Is sofort? -> Sofort Payment
    API sofort payment
      Is server OK? -> SOFORT_EXTERNAL_PAGE
      Is server NOK? -> VERIFY_REALTOR
    API process payment
      Is server OK? -> PAYMENT_SUCCESS
      Is server NOK? -> PAYMENT_ERROR
    Sofort Payment
      API fetchSofortPaymentInformation
      API prepareSofortTransaction? -> API sofort payment
  PAYMENT_ERROR
  PAYMENT_SUCCESS
    Automatically? -> PUBLISHING
  PUBLISHING
    Back -> PRODUCT
    Publish
      Poll
        On OK -> STATUS_READY
        On forbidden error -> VERIFY_REALTOR
        On other error -> STATUS_ERROR
        On not ready -> Poll
  STATUS_READY
    Next -> MY_PROFILE
  UPDATE
  STATUS_ERROR
  SOFORT_EXTERNAL_PAGE
  MY_PROFILE

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