Untitled

(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";
    /* all Pure helper functions */
    function waitForElement(selector, trigger, delayInterval, delayTimeout) {
      var interval = setInterval(function () {
        if (
          document &&
          document.querySelector(selector) &&
          document.querySelectorAll(selector).length > 0
        ) {
          clearInterval(interval);
          trigger();
        }
      }, delayInterval);
      setTimeout(function () {
        clearInterval(interval);
      }, delayTimeout);
    }
    function waitforMarketo(trigger) {
      var interval = setInterval(function () {
        if (
          window.MktoForms2
        ) {
          clearInterval(interval);
          trigger();
        }
      }, 50);
      setTimeout(function () {
        clearInterval(interval);
      }, 10000);
    }
    const submitForm = () => {
      const fNEl = document.querySelector('#eg-name');
      const eMEl = document.querySelector('#eg-email');
      if (fNEl.value.trim() == "") {
        fNEl.parentElement.classList.add("eg-err-cms");
      } else if ((eMEl.value.trim() == "") || (!validateEmail(eMEl.value))) {
        eMEl.parentElement.classList.add("eg-err-cms");
      } else {
        fNEl.parentElement.classList.remove("eg-err-cms");
        eMEl.parentElement.classList.remove("eg-err-cms");
        // ori
        const OFnel = document.querySelector("form.footer-subscribe #FirstName");
        const OEmel = document.querySelector("form.footer-subscribe #Email");
        OFnel.value = fNEl.value;
        OEmel.value = eMEl.value;
        document.querySelector('form.footer-subscribe [type="submit"]').click();
      }
    }

    const validateEmail = (email) => {
      return email.match(
        /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
      );
    };

    const detectFormSub = () => {
      waitforMarketo(function () {
        MktoForms2.whenReady(function (form) {
          form.onSuccess(function (values, followUpUrl) {
            document.querySelector(".eg-des-form-container") && document.querySelector(".eg-des-form-container").classList.add("eg-frm-submitted")
          });
        });
      });
    }
    let thankuHTML = `
    <div class="eg-mailbox">
        <div class="eg-cutimage">
            <img src="https://svgshare.com/i/wck.svg">
        </div>
        <h4>Thank you</h4>
        <p>Thank you for your request, an email will be sent to you shortly. If you don’t receive it within 30 minutes
            please
            contact <a href="mailto:info@betashares.com.au">info@betashares.com.au</a></p>
    </div>
    `;
    let frmHTML = `
    <div class="eg-form"><div class="eg-cutimage">
            <img src="https://svgshare.com/i/wck.svg">
        </div>
    
    <h4 class="eg-headline"> <span>Stay informed</span> with Betashares' weekly insights.</h4>
    <p class="eg-subheadline">Receive the latest analysis and updates on markets and the economy, plus tips to help you be a better investor.</p>
    <div>
        <form action="" class="eg-contact-frm">
            <div class="eg-input-field">
                <input type="text" class="user" id="eg-name" placeholder="First name"><div class="eg-err-tooltip mktoError"><div class="eg-err-arrow"><div></div></div><div id="egValidMsgFirstName" class="eg-err-msg">This field is required.</div></div>
            </div>
            <div class="eg-input-field">
                <input type="text" class="user" id="eg-email" placeholder="Your email"><div class="eg-err-tooltip mktoError"><div class="eg-err-arrow"><div></div></div><div id="egValidMsgFirstName" class="eg-err-msg">
Must be valid email.
<br>example@yourdomain.com</div></div>
            </div>
            <div class="eg-subscribenow">
                <button type="submit">Subscribe now</button>
            </div>
        </form>
    </div>
</div>
    `;
    let egHTML = `
    <div class="eg-des-form-container">
      ${thankuHTML}
      ${frmHTML}
    </div>`;
    function init() {
      if (!document.querySelector(".eg-des-form-container")) {
        const target = document.querySelector("html body .post-meta-date").closest(".content-container").querySelector(".grid-cols-1>div:nth-child(2)");
        console.log(target);
        target.insertAdjacentHTML("afterend", egHTML);
        if (window.innerWidth > 1023) {
          const frmContianer = document.querySelector(".eg-des-form-container");
          const nextDiv = frmContianer.nextElementSibling;
          frmContianer.insertAdjacentHTML("beforebegin", `<div class="des-wrapper"></div>`);
          document.querySelector(".des-wrapper").insertAdjacentElement("beforeend", frmContianer);
          if (nextDiv) {
            document.querySelector(".des-wrapper").insertAdjacentElement("beforeend", nextDiv);
          }
        }
        detectFormSub();
        document.querySelector("html body .eg-contact-frm").addEventListener('submit', function (e) {
          e.preventDefault();
          submitForm();
        });
        document.querySelectorAll(".eg-input-field>input").forEach(field => {
          field.addEventListener("input", function () {
            field.parentElement.classList.remove("eg-err-cms");
          })
        });
        document.querySelectorAll(".eg-cutimage").forEach(cut => {
          cut.addEventListener("click", function () {
            document.querySelector(".eg-des-form-container").classList.remove("eg-show");
          });
        });
        document.querySelector(".eg-des-form-container").addEventListener("click", function (e) {
          if (e.target.classList.contains("eg-show")) {
            e.target.classList.remove("eg-show");
          }
        });
        if (window.innerWidth < 1025) {
          waitForElement('div.sticky>a[href="#body"]', function () {
            let egmailboxicon = `<a class="eg-mailicon"><img src="https://svgshare.com/i/wdm.svg" alt=""></a>`
            document.querySelector('div.sticky>a[href="#body"]').insertAdjacentHTML("afterend", egmailboxicon);
            document.querySelector(".eg-mailicon").addEventListener("click", function () {
              document.querySelector(".eg-des-form-container").classList.add("eg-show");
            });
          }, 1000, 15000);
        }
      }
    }
    waitForElement("html body .post-meta-date", init, 100, 35000);
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();