BMS_SignUp_Onboarding

SketchSystems.spec

BMS_SignUp_Onboarding
  PurchaseLicense&
    submit -> SubmittingPurchase

    PremiumService
     SelectPremiumService
       selectService -> PremiumService
       viewExtendedDecription -> ViewExtendedDescription
     ViewExtendedDescription
       close -> SelectPremiumService

    Payment&
      CreditCard
        selectExistingCard -> ExistingCreditCard
        addNewCreditCard -> NewCreditCard
        ExistingCreditCard
        NewCreditCard&
          CreditCardNumber
            change -> CreditCardNumber
          CreditCardType
          CreditCardName
          CreditCardExpiry
          CreditCardCCV
 
     BillingAddress
       addNewAddress -> NewAddress
       selectExistingAddress -> ExistingAddress

       NewAddress
         changeBillingAddress -> BillingAddress
       ExistingAddress
  SubmittingPurchase
    PendingPurchase
      ok -> PurchaseConfirmed
      bad -> PurchaseLicense
    PurchaseConfirmed
  

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