window.addEventListener('message', function(event) {

  var eventDataParsed;
  if (event.data.WorkflowAPICall) {
    eventDataParsed = JSON.parse(event.data.WorkflowAPICall);
  } else {
    eventDataParsed = {};
  }

  console.log("body" + eventDataParsed.body);

  switch (eventDataParsed.endpoint) {

    case "open-popup": {
      console.log("Entered case 'open-popup'");
      document.getElementById("rockeeWidgetBadge").style.height = "100%";
      document.getElementById("rockeeWidgetBadge").style.width = "100%";
      document.getElementById("rockeeWidgetBadge").style.maxWidth = "100%";
      document.getElementById("rockeeWidgetBadge").style.position = "fixed";
      document.getElementById("rockeeWidgetBadge").style.left = "50%";
      document.getElementById("rockeeWidgetBadge").style.top = "50%";
      document.getElementById("rockeeWidgetBadge").style.right = "0";
      document.getElementById("rockeeWidgetBadge").style.bottom = "0";
      document.getElementById("rockeeWidgetBadge").style.transform = "translate(-50%, -50%)";
      document.getElementById("rockeeWidgetBadge").style.backgroundColor = "rgba(0,0,0,.4)";
      document.getElementById("rockeeWidgetBadge").style.zIndex = "9999999999999999";
      break;
    }

    case "close-popup": {
      console.log("Entered case 'close-popup'");
      document.getElementById("rockeeWidgetBadge").style.height = "150px";
      document.getElementById("rockeeWidgetBadge").style.width = "300px";
      document.getElementById("rockeeWidgetBadge").style.position = "relative";
      document.getElementById("rockeeWidgetBadge").style.left = "inherit";
      document.getElementById("rockeeWidgetBadge").style.top = "inherit";
      document.getElementById("rockeeWidgetBadge").style.right = "inherit";
      document.getElementById("rockeeWidgetBadge").style.bottom = "inherit";
      document.getElementById("rockeeWidgetBadge").style.transform = "none";
      document.getElementById("rockeeWidgetBadge").style.backgroundColor = "rgba(1,1,1,0)";
      document.getElementById("rockeeWidgetBadge").style.zIndex = "1";
      break;
    }

  }

}, false);