Получить ответ от iframe

Question

Я использую интеграцию Calendy в моем jQuery. Я использую кнопку, чтобы открыть всплывающее окно. В этом всплывающем окне у нас есть iframe, в котором у нас есть несколько шагов. На каждом этапе API URL-адрес. Я вижу ответы API в консоли, но мне нужно получить их в моей переменной, отправить на сервер и сохранить в моей базе данных.

<a href="javascript:;" id="interview-booking-button" role="button" class="btn btn-label-warning btn-bold btn-elevate btn-elevate-air btn-sm btn-icon-h my-1 my-md-0" onclick="initCalendyInterview()">
  <i class="flaticon2-group"></i>
  Set Interview Booking
</a>

window.initCalendyInterview = function (name, email) {
  Calendly.initPopupWidget({url: 'my calendy url'}).then(response => {
    console.log(response);
  });
  return false;
}

Эта функция показывает всплывающее окнокоторый содержит iframe, а в iframe открывается URL-адрес и выполняется 2-3 шага, при которых срабатывает какой-то API. Я хочу получить ответ о последнем попадании API на моей текущей странице.

Я запутался, как мы можем получить ответ от API, который вызывается внутри iframe (по другому URL).

Пожалуйста, помогите мне. Я попробовал прослушиватель событий следующим образом, но не получил ответ API:

window.addEventListener('message', function(e) {
  console.log(e);
});