CFR Recipe

cfrRecipe.js

const cfrRecipe = {
  triggers:  {
    // what user behaviors trigger the UI presentation
  },
  presentation: {
    defaultComponent: {
      // what do all major UI elements, sidebar, notification bar, doorhanger use
      icon: '',
      header: '',
      summary: '',
      action: '', // affirmative, primary action                
      learnMore: '', // intermediate action, not completely affirmative
      rationale: '', // why am I seeing this? ??
      rating: ''
  },
    presentationComponent: { // e.g. doorhanger
      // whatever properties in here, overwrite defaultComponent if its key exists
    },
  },
}