function log(...messages) {
  if (localStorage.getItem('showWeniPixelLogs') === 'true') {
    console.log(`[Gist Pixel Script - ${new Date().toISOString()}] ${messages.join(' ')}`);
  }
}

const throttle = (func, limit) => {
  let inThrottle;

  return function (...args) {
    const context = this;

    if (!inThrottle) {
      func.apply(context, args);
      inThrottle = true;

      setTimeout(() => {
        inThrottle = false;
      }, limit);
    }
  };
};

JSON.safeStringify = (obj, indent = 2) => {
  let cache = [];
  const retVal = JSON.stringify(
    obj,
    (key, value) =>
      typeof value === "object" && value !== null
        ? cache.includes(value)
          ? undefined
          : cache.push(value) && value
        : value,
    indent
  );
  cache = null;
  return retVal;
};

const timeToCallNextAbandonedCartUpdateInSeconds = 15 * 60; // 15 minutes
let seeOrderFormTimeout;

function getDetails() {
  return new Promise((resolve) => {
    fetch('/api/sessions?items=*')
      .then((response) => response.json())
      .then((data) => {
        log('got user data:', JSON.safeStringify(data.namespaces.profile, 2));
        resolve({
          profile: data.namespaces.profile,
          account: data.namespaces.account,
        });
      });
  });
}

function seeOrderForm() {
  log('calling seeOrderForm function');

  clearTimeout(seeOrderFormTimeout);

  fetch('/api/checkout/pub/orderForm')
    .then((response) => response.json())
    .then(async (data) => {
      seeOrderFormTimeout = setTimeout(
        seeOrderForm,
        timeToCallNextAbandonedCartUpdateInSeconds * 1e3
      );

      const { profile, account } = await getDetails();

      const phone = profile.phone?.value || data.clientProfileData.phone;

      const accountName = account.accountName?.value;

      const headers = {
        Accept: 'application/json',
        'Content-Type': 'application/json',
      };

      const body = JSON.stringify({
        cart_id: data.orderFormId,
        phone,
        account: accountName,
        name: data.clientProfileData.firstName,
      });

      const requestOptions = {
        method: 'POST',
        headers,
        body,
      };

      fetch('/_v/abandoned-cart-notification', requestOptions)
        .then((response) => { if (response.status !== 200) { throw new Error('Status different from 200') } })
        .catch(() => {
          fetch(`https://${accountName}.myvtex.com/_v/abandoned-cart-notification`, requestOptions);
        });
    });
}

function handleEvents(e) {
  const eventName = e.data?.eventName;
  switch (eventName) {
    case 'vtex:addToCart': {
      seeOrderForm();
      return;
    }
  }
}

window.addEventListener('message', handleEvents);

if (typeof $ === 'function' && typeof $(window) === 'object' && typeof $(window).on === 'function') {
  const seeOrderFormThrottled = throttle(seeOrderForm, 3e3);
  $(window).on('orderFormUpdated.vtex', seeOrderFormThrottled);
}

seeOrderForm();

getDetails().then(({ account }) => {
  const accountId = account.id?.value;

  if (accountId) {
    const script = document.createElement('script');
    script.src = `https://cdn.cloud.weni.ai/VTEXApp/accounts/${accountId}/webchat.js`;
    document.head.appendChild(script);
  }
});