Planet Protection

SketchSystems.spec

Planet Protection
  Log In Page
    User Logs In -> Is User a Planet Protection Member?
  
  Is User a Planet Protection Member?
    yes -> Member
    no -> Non-Member
      
 

  
  # contains all views for non-members  
  Non-Member 
    # available throughout non-member experience
    User clicks Aspiration logo -> Has user dismissed Upsell Card?
    # available throughout non-member experience
    User clicks Aspiration Spend in Sidebar -> Spend Activity - Non-Member
    # available throughout non-member experience
    User clicks Settings in Sidebar -> Settings - Non-Member

    
    Has user been informed about Planet Protection already?*
      yes -> Summary - Non-Member
      no -> Takeover Modal Over Summary
    
    Takeover Modal Over Summary
      User selects a subscription option and subscribes -> Does user have enough funds for subscription?
      User dismisses takeover modal -> Summary - Non-Member
    Does user have enough funds for subscription?
      yes -> PP Purchase Receipt Overlay over Summary 
      no -> Funds Transfer Suggestion Alert
    Funds Transfer Suggestion Alert
      User clicks Transfer Funds -> Transfer flow - Non-Member
      User clicks Dismiss -> Takeover Modal Over Summary
    
    # Summary view options for non-member
    Summary - Non-Member
      Has user dismissed Upsell Card?*
        yes -> Summary without Upsell Card
        no -> Summary with Upsell Card
      Summary with Upsell Card 
        User clicks View Account button on Spend card -> Spend Activity - Non-Member
        User clicks X on Upsell Card -> Summary without Upsell Card
        User clicks Turn On Planet Protection on Upsell Card -> Planet Protection Settings - Non-Member
      Summary without Upsell Card
        User clicks View Account button on Spend card -> Spend Activity - Non-Member
    Spend Activity - Non-Member
      Activity List with Offsetable Transaction*
        User clicks on offsetable transaction row -> Offsetable Transaction Detail Modal
      Offsetable Transaction Detail Modal
        User clicks X -> Spend Activity - Non-Member
        User clicks Link in Tidbit -> Settings - Non-Member
    
    # Transfer flow summarized as one box
    Transfer flow - Non-Member
      Schedule a transfer
    
    # All settings views for non-member
    Settings - Non-Member
      User clicks Aspiration Spend in Sidebar -> Spend Activity - Non-Member
      Settings Menu List - Non-Member*
        User clicks Planet Protection menu item -> Planet Protection Settings - Non-Member
      Planet Protection Settings - Non-Member
        User clicks back link -> Settings Menu List - Non-Member
        Has user previously been a member?
          no -> PP Settings - Non-Member
          yes -> PP Settings - Expired 
        PP Settings - Non-Member
          User selects a subscription option and subscribes -> Does user have enough funds for subscription?
        PP Settings - Expired
          User clicks Renew Now -> PP Purchase Receipt Overlay over Settings
    
    
  # contains all views for members 
  Member
    # available throughout member experience
    User clicks Aspiration logo -> Summary with Member Badge
    # available throughout member experience
    User clicks Aspiration Spend in Sidebar -> Spend Activity - Member
    # available throughout member experience
    User clicks Settings in Sidebar -> Settings - Member

    PP Purchase Receipt Overlay over Summary
      User dismisses receipt -> Summary with Member Badge
    
    Summary with Member Badge*
      User clicks View Account button on Spend card -> Spend Activity - Member
    
    Spend Activity - Member
      Activity List with Offset Transaction*
        User clicks offset transaction row -> Offset Transaction Detail Modal
      Offset Transaction Detail Modal
        User clicks X -> Spend Activity - Member
        User clicks Share in Tidbit -> New Tab with Prefilled Tweet
      
    Settings - Member
      Settings Menu List - Member*
        User clicks Planet Protection menu item -> Planet Protection Settings - Member
      Planet Protection Settings - Member
        User clicks back link -> Settings Menu List - Member
        Is auto-renew enabled?
          yes -> PP Settings - Subscribed
          no -> PP Settings - Expiring
        PP Settings - Subscribed
          User clicks Disable Auto-Renewal -> Auto-Renew Cancel Confirmation Alert
        Auto-Renew Cancel Confirmation Alert
          User clicks Turn off Auto-Renewal -> PP Settings - Expiring
          User clicks Dismiss -> PP Settings - Subscribed
        PP Settings - Expiring
          User clicks Renew Now -> PP Purchase Receipt Overlay over Settings

        PP Purchase Receipt Overlay over Settings
          User dismisses receipt -> Planet Protection Settings - Member
    
    
New Tab with Prefilled Tweet
  User Publishes Tweet -> Published Tweet Page
  User Closes tab -> Offset Transaction Detail Modal
    
  Published Tweet Page
    User Closes tab -> Offset Transaction Detail Modal
      

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