Self Handled Cards

Moengage = moe({
    appId: moeAppID,
    env: 'LIVE',
  	logLevel: 0,
    cards: {
      enable: true
    } 
  });

window.addEventListener('MOE_LIFECYCLE', event => {
  if (event.detail.name === 'CARDS_INITIALIZED') {
    // call the cards APIs here
  }
});

moengage.onCardsLoaded().then(function() {
  // call the cards APIs here
})

<script type="text/javascript">
   Moengage.cards.inboxOpened();
</script>

<script type="text/javascript">
   Moengage.cards.getCardCategories().then(function(categories) {
   	console.log(categories);
   })
</script>

<script type="text/javascript">
   Moengage.cards.isAllCategoryEnabled().then(function(enabled) {
   	console.log(enabled); // boolean
   })
</script>

<script type="text/javascript">
   Moengage.cards.getCardsForCategory('Announcement').then(function(cards) {
   	console.log(cards); // list of cards
   })
</script>

<script type="text/javascript">
   Moengage.cards.getCardsForCategory('All').then(function(cards) {
   	console.log(cards); // list of cards
   })
</script>

<script type="text/javascript">
   Moengage.cards.getCardsInfo('12345').then(function(card) {
   	console.log(card); // card detail
   })
</script>

<script type="text/javascript">
   Moengage.cards.fetchCards().then(function(cards) {
   	console.log(cards); // card detail
   })
</script>

<script type="text/javascript">
   Moengage.cards.cardShown('12345')
</script>

<script type="text/javascript">
   Moengage.cards.cardClicked('12345', 123)
</script>

<script type="text/javascript">
   Moengage.cards.deleteCard('12345')
</script>