Billing

SketchSystems.spec

Billing
  FetchBilling
    done -> Guard
  Guard
    doneLoggedIn -> LoggedIn
    doneGuest -> Guest
    
  LoggedIn  
    GuardLoggedIn
      withoutAddresses -> WithoutAddresses
      withAddresses -> WithAddresses

    WithoutAddresses
      IdleWithoutAddresses
        submit -> UpdateBilling
  
      UpdateBilling
        done -> SetPayment
        fail -> IdleWithoutAddresses
  
    WithAddresses
      IdleWithAddress
        selectAddress -> updateBillingByUUID
        updateBillingAddres -> updateBillingWithAddress

      updateBillingByUUID
        done -> SetPayment
        fail -> IdleWithAddress
    
      updateBillingWithAddress
        done -> SetPayment
        fail -> IdleWithAddress
  
  Guest
    GuestIdle
      submit -> GuestUpdateBilling
    
    GuestUpdateBilling
      done -> SetPayment
      fail -> GuestIdle
  
  SetPayment
    done -> Success
  
  Success

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