Kajabi Checkout Email Tracking

<script>
(function () {
  var MAX_RETRIES = 40;
  var retryCount = 0;

  function init() {
    var emailComponent = document.querySelector('pds-input[component-id="email"]');
    if (!emailComponent) {
      retryCount++;
      if (retryCount < MAX_RETRIES) { setTimeout(init, 500); }
      return;
    }

    var bridge = document.createElement("input");
    bridge.type = "email";
    bridge.name = "email";
    bridge.id = "hyros-email-bridge";
    bridge.style.cssText = 'position:absolute;left:-9999px;top:-9999px;opacity:0;pointer-events:none;';
    document.body.appendChild(bridge);

    function syncEmail(value) {
      if (value && value !== bridge.value) {
        bridge.value = value;
        bridge.dispatchEvent(new Event("input", { bubbles: true }));
        bridge.dispatchEvent(new Event("change", { bubbles: true }));
      }
    }

    var observer = new MutationObserver(function (mutations) {
      for (var i = 0; i < mutations.length; i++) {
        if (mutations[i].attributeName === "value") {
          syncEmail(emailComponent.getAttribute("value"));
        }
      }
    });
    observer.observe(emailComponent, { attributes: true, attributeFilter: ["value"] });

    var shadowRoot = emailComponent.shadowRoot;
    if (shadowRoot) {
      var shadowInput = shadowRoot.querySelector("input");
      if (shadowInput) {
        shadowInput.addEventListener("input", function () { syncEmail(shadowInput.value); });
        shadowInput.addEventListener("change", function () { syncEmail(shadowInput.value); });
      }
    }

    document.addEventListener("submit", function () {
      var v = emailComponent.getAttribute("value") || "";
      if (!v && shadowRoot) {
        var inp = shadowRoot.querySelector("input");
        if (inp) v = inp.value;
      }
      syncEmail(v);
    }, true);

    var iv = emailComponent.getAttribute("value");
    if (iv) { syncEmail(iv); }
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", init);
  } else { init(); }
})();
</script>