Copy
////////////////////////////////////////////////////////////////
//////////////////// CONST ///////////////////////////////////// 
////////////////////////////////////////////////////////////////

const GIFT_CARD = 'giftcard';
const ID_SHIPPING = 'Shipping';
const SHIPPING_INPUTS = {
  postalCode: { id: 'ship-postalCode', value: '3333' },
  street: { id: 'ship-street', value: 'PorEmail'},
  number: { id: 'ship-number', value: '1'},
  receiverName: { id: 'ship-receiverName', value: 'Por email'},
};
const [CART_URL, PROFILE_URL, SHIPPING_URL] = ['cart', 'profile', 'shipping'];

////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////
//////////////////// UTILS ///////////////////////////////////// 
////////////////////////////////////////////////////////////////

function addDisplayNone(element) {
  const displayNone = "display: none !important;"
  return element.style.cssText = displayNone;
};

function isACartWithFullGC(cartItems) {
  let isPureGC = true;

  for (const item of cartItems) {
    const hasGC = Object.values(item.productCategories).some(x => x.includes(GIFT_CARD));

    if (!hasGC) {
      isPureGC = false;
      break;
    }
  }

  return isPureGC;
};

function setElementValue(id, value) {
  const element = document.getElementById(id);
  if (!element) return;

  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;
  const prototype = Object.getPrototypeOf(element);
  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;

  if (valueSetter && valueSetter !== prototypeValueSetter) prototypeValueSetter.call(element, value);
  else valueSetter.call(element, value);

  return element.dispatchEvent(new Event('input', { bubbles: true }));
};

function scheduleDelayedExcecutions (functionToExecute) {
  functionToExecute();
  setTimeout(functionToExecute, 500);
  setTimeout(functionToExecute, 1000);
  setTimeout(functionToExecute, 1500);
};

function getUrl() {
  return window.location.hash.slice(2);
};

/**
 * Function to move to payment url. User should not get into #shipping section because we hide that section.
 * @returns {Location.href}
 */
function handleUrl() {
  const actualUrl = window.location.href;
  const newUrl = actualUrl.replace(/#\/.*/, "#/payment");

  return window.location.href = newUrl;
};

////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////
//////////////////// PROCESS /////////////////////////////////// 
////////////////////////////////////////////////////////////////

/**
 * Hide the specific elements from section (cart | checkout)
 * @param {string} url
 * @returns void 
 */
function hideShippingData(url) {
  const htmlElementsToModify = {
    selectShippingForm: document.querySelector('.cart-more-options'),
    totalShippingCost: 
      document.querySelector('.summary-template-holder')
      .querySelector('table')
      .querySelector('tbody')
      .querySelector('tr:nth-child(2)'),
    shippingDataForm: document.getElementById('shipping-data'),
    summaryShippingCost: 
      document.querySelector('.custom-cart-template-wrap')
      .querySelector('table')
      .querySelector('tbody')
      .querySelector('tr:nth-child(2)'),
  };

  if (url === CART_URL) {
    addDisplayNone(htmlElementsToModify.selectShippingForm);
    addDisplayNone(htmlElementsToModify.totalShippingCost);
  } else {
    addDisplayNone(htmlElementsToModify.shippingDataForm);
    addDisplayNone(htmlElementsToModify.summaryShippingCost);
  }
};

/**
 * Function to fill shipping data in checkout
 * @returns void - Redirect to `payment section`
 */
function completeShippingData() {
  const DEFAULT_CITY = 'Ciudad Autónoma de Buenos Aires';
  
  const { postalCode, street, number, receiverName } = SHIPPING_INPUTS;

  setElementValue(postalCode.id, postalCode.value);
  setElementValue(street.id, street.value);
  setElementValue(number.id, number.value);
  setElementValue(receiverName.id, receiverName.value);

  const firstSelectedAddress = vtexjs.checkout.orderForm.shippingData.selectedAddresses[0];
  if (firstSelectedAddress) {
      if (firstSelectedAddress.city === '') firstSelectedAddress.city = DEFAULT_CITY;
      if (firstSelectedAddress.number === '') firstSelectedAddress.number = street.value;
      if (firstSelectedAddress.postalCode === '') firstSelectedAddress.postalCode = postalCode.value;
      if (firstSelectedAddress.street === '') firstSelectedAddress.street = street.value;
      if (firstSelectedAddress.receiverName === '') firstSelectedAddress.receiverName = receiverName.value;
  }

  const goToPayment = () => document.getElementById('btn-go-to-payment').onclick();
  
  return scheduleDelayedExcecutions(goToPayment);
}

function run() {
  if (!vtexjs) return;

  const { items } = vtexjs.checkout.orderForm;

  if (!items) return;

  const isFullGC = isACartWithFullGC(items);

  if (!isFullGC) return;

  const url = getUrl();

  if (url === SHIPPING_URL) {
    completeShippingData();
    return handleUrl();
  }

  if (url === CART_URL) return hideShippingData(url);
  
  hideShippingData(url);
  completeShippingData();
};

const observer = new MutationObserver(() => run());
const options = { childList: true, subtree: true };

/* Start Process */
observer.observe(document, options);

////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////