// callback executed when canvas was found
function handleMask(mask) {
  //console.log(mask)
  mask.remove()
}

function handleLogoutButton(button) {
  // console.log(button)
  button.remove()
}

function handleDigiParams(urlParams) {
  if (urlParams.has('digistart')) {
    let startObj = {
      digiFeatureSetId: urlParams.get('digiFeatureSetId'),
      featureId: urlParams.get('featureId'),
      mode: urlParams.get('mode'),
      enabledFunctionIndexes: urlParams.get('enabledFunctionIndexes')
    };
    console.log("startobj")
    console.log(startObj)
    bmApi.digi.start(startObj);
  }
}

// set up the mutation observer
let bmApiHandled = false;
var observer = new MutationObserver(function (mutations, me) {
  // `mutations` is an array of mutations that occurred
  // `me` is the MutationObserver instance
  var mask = document.getElementsByClassName('login-mask');
  if (mask.length != 0) {
    handleMask(mask[0]);
    //me.disconnect(); // stop observing
    return;
  }
  var button = document.getElementsByClassName('logout-button');
  if (button.length != 0) {
    handleLogoutButton(button[0]);
    //me.disconnect(); // stop observing
    return;
  }
  if (typeof bmApi != "undefined" && typeof bmApi.digi != "undefined" && !bmApiHandled) {
    console.log("bmApi is set")
    // console.log(bmApi)
    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
    handleDigiParams(urlParams)
    bmApiHandled = true;
  }
});

// start observing
observer.observe(document, {
  childList: true,
  subtree: true
});