cto.js

// OPTION 1
// Close Icon managed by CTO, alert managed by CTO

TryOn.init({
  events: {
    close: () => {
      window.modal.close(); // closes the popin embedding the CTO experience
    }
  }
});

// OPTION 2
// Close Icon managed by Parent, alert managed by CTO

TryOn.init({
  events: {
    status: (status) => {
      switch(status) {
        case "ar":
          // icon.<method> are all pseudo functions to be implemented on the parent page side
          icon.setFill('#fff');
          icon.setShadow(true);
          icon.show();
          break;
        case "search":
        case "home":
          icon.setFill('#000');
          icon.setShadow(false);
          break;
        case "product":
          icon.hide();
          break;
      }
    }
  }
});

const originalModalClose = window.modal.close
window.modal.close = () => {
  try {
    await TryOn.requestClose();
    originalModalClose();
  }
  catch {}
}