Group Payment Flow

SketchSystems.spec

Group Payment Flow
  trial
    request-quote -> awaiting-purchase-order
    request-invoice -> awaiting-payment
    expired -> trial-expired
  trial-expired
    request-quote -> awaiting-purchase-order
    request-invoice -> awaiting-payment
    expired -> group-closed
  awaiting-purchase-order
    po-received -> awaiting-payment
    expired -> awaiting-purchase-order-expired
  awaiting-purchase-order-expired
    po-received -> awaiting-payment
    expired -> group-closed
  awaiting-payment
    invoice-paid -> paid-up
    expired -> awaiting-payment-expired
  awaiting-payment-expired
    invoice-paid -> paid-up
    expired -> group-closed
  paid-up
    expired -> renewal-period
  renewal-period
    request-quote -> awaiting-purchase-order
    request-invoice -> awaiting-payment
    expired -> renewal-period-expired
  renewal-period-expired
    request-quote -> awaiting-purchase-order
    request-invoice -> awaiting-payment
    expired -> group-closed
  group-closed
    reinstated -> awaiting-payment
  
    

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