Marketplace Home

SketchSystems.spec

Marketplace Home
  Initial Actions
    Filter or Search Engaged -> Service Filter
    Provider Selected -> Provider Page

  Service Filter
    Cancel -> Marketplace Home
    Select Service Type
      Internet Service -> Service Results
      IPTV Service -> Service Results
      Phone Service -> Service Results
  
  Service Results
    Cancel -> Marketplace Home
    Change Filter Params -> Service Filter
    Filtered Services
      Select Services -> Checkout Flow

Provider Page
  Go Back to Market -> Marketplace Home
  Service Selected -> Checkout Flow

Checkout Flow
  Cancel -> Marketplace Home
  Interest in Other Services from Provider
    Add Services -> Order Summary
    Not Interested -> Order Summary
  Order Summary
    Confirm -> Contact Details
  Contact Details
    Select Existing -> Confirm Service Address
    Add New -> Confirm Service Address
  Confirm Service Address
    Confirm -> Select Payment
    Add New -> Select Payment
  Credit Check
    Confrim -> Select Payment
  Select Payment
    Select Existing -> Order Complete
    Add New -> Order Complete
  Order Complete
    Order Next Steps -> Account Overview

Account Overview
  Select or Change Service -> Marketplace Home
  

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