(function initUGC(window) {
    const { location, document, history } = window;
    const { pathname, search } = location;
    let currentUrl = `${pathname}${search}`;
    let currentRef = document.referrer;

    console.log("🤖 lemonsquare initialized:", !!__lemonsquare?.website_id);
    if (!__lemonsquare?.website_id) return;

    let react_loaded = false;

    async function loadUGCApp() {
      await new Promise(res => setTimeout(res, 1000));

    
      let elem0 = document.createElement('div');
      elem0.setAttribute('id', 'lemon-square-ugc');
      elem0.setAttribute('website_id', '01507a97-6059-445b-8ec7-3e620615d002');
      elem0.setAttribute('ugc_set_id', '22');
      elem0.setAttribute('header', '');
      elem0.setAttribute('subheader', '');
      elem0.setAttribute('grid', 'true');
      elem0.setAttribute('locale', '{}');
      elem0.setAttribute('current_tags', '');
      elem0.setAttribute('design_mode', 'false');
      elem0.setAttribute('large_x', '4');
      elem0.setAttribute('large_y', '1');
      elem0.setAttribute('mid_x', '4');
      elem0.setAttribute('mid_y', '1');
      elem0.setAttribute('small_x', '2');
      elem0.setAttribute('small_y', '2');

      let ugcElem0 = document.getElementById('lemon-ugc-athletia-demo');

      if (ugcElem0) {
        ugcElem0.appendChild(elem0);


        if (!react_loaded) {
          let script = document.createElement('script');
          script.setAttribute('async', '');
          script.setAttribute('src', 'https://new-lemon-square-public.s3.ap-northeast-1.amazonaws.com/v2/ugc-embed-scripts/index.umd.cjs');
          elem0.parentNode.insertBefore(script, elem0.nextSibling);
          react_loaded = true;
        }
      }
  

      let elem1 = document.createElement('div');
      elem1.setAttribute('id', 'lemon-square-ugc');
      elem1.setAttribute('website_id', '01507a97-6059-445b-8ec7-3e620615d002');
      elem1.setAttribute('ugc_set_id', '29');
      elem1.setAttribute('header', ' ');
      elem1.setAttribute('subheader', ' ');
      elem1.setAttribute('grid', 'true');
      elem1.setAttribute('locale', '{}');
      elem1.setAttribute('current_tags', '');
      elem1.setAttribute('design_mode', 'false');
      elem1.setAttribute('large_x', '4');
      elem1.setAttribute('large_y', '1');
      elem1.setAttribute('mid_x', '4');
      elem1.setAttribute('mid_y', '1');
      elem1.setAttribute('small_x', '2');
      elem1.setAttribute('small_y', '2');

      let ugcElem1 = document.getElementById('lemon-ugc-athletia-corebalance-oil');

      if (ugcElem1) {
        ugcElem1.appendChild(elem1);


        if (!react_loaded) {
          let script = document.createElement('script');
          script.setAttribute('async', '');
          script.setAttribute('src', 'https://new-lemon-square-public.s3.ap-northeast-1.amazonaws.com/v2/ugc-embed-scripts/index.umd.cjs');
          elem1.parentNode.insertBefore(script, elem1.nextSibling);
          react_loaded = true;
        }
      }
  

      let elem2 = document.createElement('div');
      elem2.setAttribute('id', 'lemon-square-ugc');
      elem2.setAttribute('website_id', '01507a97-6059-445b-8ec7-3e620615d002');
      elem2.setAttribute('ugc_set_id', '30');
      elem2.setAttribute('header', '');
      elem2.setAttribute('subheader', '');
      elem2.setAttribute('grid', 'true');
      elem2.setAttribute('locale', '{}');
      elem2.setAttribute('current_tags', '');
      elem2.setAttribute('design_mode', 'false');
      elem2.setAttribute('large_x', '4');
      elem2.setAttribute('large_y', '1');
      elem2.setAttribute('mid_x', '2');
      elem2.setAttribute('mid_y', '2');
      elem2.setAttribute('small_x', '2');
      elem2.setAttribute('small_y', '2');

      let ugcElem2 = document.getElementById('lemon-ugc-athletia-reels');

      if (ugcElem2) {
        ugcElem2.appendChild(elem2);


        if (!react_loaded) {
          let script = document.createElement('script');
          script.setAttribute('async', '');
          script.setAttribute('src', 'https://new-lemon-square-public.s3.ap-northeast-1.amazonaws.com/v2/ugc-embed-scripts/index.umd.cjs');
          elem2.parentNode.insertBefore(script, elem2.nextSibling);
          react_loaded = true;
        }
      }
  

      let elem3 = document.createElement('div');
      elem3.setAttribute('id', 'lemon-square-ugc');
      elem3.setAttribute('website_id', '01507a97-6059-445b-8ec7-3e620615d002');
      elem3.setAttribute('ugc_set_id', '53');
      elem3.setAttribute('header', '　');
      elem3.setAttribute('subheader', '　');
      elem3.setAttribute('grid', 'false');
      elem3.setAttribute('locale', '{}');
      elem3.setAttribute('current_tags', '');
      elem3.setAttribute('design_mode', 'false');
      elem3.setAttribute('large_x', '4');
      elem3.setAttribute('large_y', '1');
      elem3.setAttribute('mid_x', '2');
      elem3.setAttribute('mid_y', '1');
      elem3.setAttribute('small_x', '2');
      elem3.setAttribute('small_y', '1');

      let ugcElem3 = document.getElementById('lemon-ugc-athletia-refreshing-shampoo-balm_test');

      if (ugcElem3) {
        ugcElem3.appendChild(elem3);


        if (!react_loaded) {
          let script = document.createElement('script');
          script.setAttribute('async', '');
          script.setAttribute('src', 'https://new-lemon-square-public.s3.ap-northeast-1.amazonaws.com/v2/ugc-embed-scripts/index.umd.cjs');
          elem3.parentNode.insertBefore(script, elem3.nextSibling);
          react_loaded = true;
        }
      }
  

      let elem4 = document.createElement('div');
      elem4.setAttribute('id', 'lemon-square-ugc');
      elem4.setAttribute('website_id', '01507a97-6059-445b-8ec7-3e620615d002');
      elem4.setAttribute('ugc_set_id', '57');
      elem4.setAttribute('header', '　');
      elem4.setAttribute('subheader', ' ');
      elem4.setAttribute('grid', 'true');
      elem4.setAttribute('locale', '{}');
      elem4.setAttribute('current_tags', '');
      elem4.setAttribute('design_mode', 'false');
      elem4.setAttribute('large_x', '4');
      elem4.setAttribute('large_y', '1');
      elem4.setAttribute('mid_x', '4');
      elem4.setAttribute('mid_y', '4');
      elem4.setAttribute('small_x', '2');
      elem4.setAttribute('small_y', '2');

      let ugcElem4 = document.getElementById('lemon-ugc-athletia-refreshing-shampoo-balm_1');

      if (ugcElem4) {
        ugcElem4.appendChild(elem4);


        if (!react_loaded) {
          let script = document.createElement('script');
          script.setAttribute('async', '');
          script.setAttribute('src', 'https://new-lemon-square-public.s3.ap-northeast-1.amazonaws.com/v2/ugc-embed-scripts/index.umd.cjs');
          elem4.parentNode.insertBefore(script, elem4.nextSibling);
          react_loaded = true;
        }
      }
  

      let elem5 = document.createElement('div');
      elem5.setAttribute('id', 'lemon-square-ugc');
      elem5.setAttribute('website_id', '01507a97-6059-445b-8ec7-3e620615d002');
      elem5.setAttribute('ugc_set_id', '58');
      elem5.setAttribute('header', ' ');
      elem5.setAttribute('subheader', ' ');
      elem5.setAttribute('grid', 'true');
      elem5.setAttribute('locale', '{}');
      elem5.setAttribute('current_tags', '');
      elem5.setAttribute('design_mode', 'false');
      elem5.setAttribute('large_x', '4');
      elem5.setAttribute('large_y', '1');
      elem5.setAttribute('mid_x', '4');
      elem5.setAttribute('mid_y', '4');
      elem5.setAttribute('small_x', '2');
      elem5.setAttribute('small_y', '2');

      let ugcElem5 = document.getElementById('lemon-ugc-athletia-refreshing_deodorant_mist_1');

      if (ugcElem5) {
        ugcElem5.appendChild(elem5);


        if (!react_loaded) {
          let script = document.createElement('script');
          script.setAttribute('async', '');
          script.setAttribute('src', 'https://new-lemon-square-public.s3.ap-northeast-1.amazonaws.com/v2/ugc-embed-scripts/index.umd.cjs');
          elem5.parentNode.insertBefore(script, elem5.nextSibling);
          react_loaded = true;
        }
      }
  

      let elem6 = document.createElement('div');
      elem6.setAttribute('id', 'lemon-square-ugc');
      elem6.setAttribute('website_id', '01507a97-6059-445b-8ec7-3e620615d002');
      elem6.setAttribute('ugc_set_id', '136');
      elem6.setAttribute('header', ' ');
      elem6.setAttribute('subheader', ' ');
      elem6.setAttribute('grid', 'true');
      elem6.setAttribute('locale', '{}');
      elem6.setAttribute('current_tags', '');
      elem6.setAttribute('design_mode', 'false');
      elem6.setAttribute('large_x', '4');
      elem6.setAttribute('large_y', '1');
      elem6.setAttribute('mid_x', '4');
      elem6.setAttribute('mid_y', '1');
      elem6.setAttribute('small_x', '2');
      elem6.setAttribute('small_y', '2');

      let ugcElem6 = document.getElementById('lemon-ugc-athletia-refreshing-shampoo-balm');

      if (ugcElem6) {
        ugcElem6.appendChild(elem6);


        if (!react_loaded) {
          let script = document.createElement('script');
          script.setAttribute('async', '');
          script.setAttribute('src', 'https://new-lemon-square-public.s3.ap-northeast-1.amazonaws.com/v2/ugc-embed-scripts/index.umd.cjs');
          elem6.parentNode.insertBefore(script, elem6.nextSibling);
          react_loaded = true;
        }
      }
  

      let elem7 = document.createElement('div');
      elem7.setAttribute('id', 'lemon-square-ugc');
      elem7.setAttribute('website_id', '01507a97-6059-445b-8ec7-3e620615d002');
      elem7.setAttribute('ugc_set_id', '137');
      elem7.setAttribute('header', ' ');
      elem7.setAttribute('subheader', ' ');
      elem7.setAttribute('grid', 'true');
      elem7.setAttribute('locale', '{}');
      elem7.setAttribute('current_tags', '');
      elem7.setAttribute('design_mode', 'false');
      elem7.setAttribute('large_x', '4');
      elem7.setAttribute('large_y', '1');
      elem7.setAttribute('mid_x', '4');
      elem7.setAttribute('mid_y', '1');
      elem7.setAttribute('small_x', '2');
      elem7.setAttribute('small_y', '2');

      let ugcElem7 = document.getElementById('lemon-ugc-athletia-refreshing_deodorant_mist');

      if (ugcElem7) {
        ugcElem7.appendChild(elem7);


        if (!react_loaded) {
          let script = document.createElement('script');
          script.setAttribute('async', '');
          script.setAttribute('src', 'https://new-lemon-square-public.s3.ap-northeast-1.amazonaws.com/v2/ugc-embed-scripts/index.umd.cjs');
          elem7.parentNode.insertBefore(script, elem7.nextSibling);
          react_loaded = true;
        }
      }
  

      let elem8 = document.createElement('div');
      elem8.setAttribute('id', 'lemon-square-ugc');
      elem8.setAttribute('website_id', '01507a97-6059-445b-8ec7-3e620615d002');
      elem8.setAttribute('ugc_set_id', '145');
      elem8.setAttribute('header', ' ');
      elem8.setAttribute('subheader', ' ');
      elem8.setAttribute('grid', 'true');
      elem8.setAttribute('locale', '{}');
      elem8.setAttribute('current_tags', '');
      elem8.setAttribute('design_mode', 'false');
      elem8.setAttribute('large_x', '4');
      elem8.setAttribute('large_y', '1');
      elem8.setAttribute('mid_x', '4');
      elem8.setAttribute('mid_y', '1');
      elem8.setAttribute('small_x', '4');
      elem8.setAttribute('small_y', '1');

      let ugcElem8 = document.getElementById('lemon-ugc-athletia-corebalance-oil_');

      if (ugcElem8) {
        ugcElem8.appendChild(elem8);


        if (!react_loaded) {
          let script = document.createElement('script');
          script.setAttribute('async', '');
          script.setAttribute('src', 'https://new-lemon-square-public.s3.ap-northeast-1.amazonaws.com/v2/ugc-embed-scripts/index.umd.cjs');
          elem8.parentNode.insertBefore(script, elem8.nextSibling);
          react_loaded = true;
        }
      }
  
    };

    const handlePush = async (state, title, url) => {
      if (!url) return;

      currentRef = currentUrl;
      const newUrl = url.toString();

      if (newUrl.substring(0, 4) === 'http') {
        currentUrl = '/' + newUrl.split('/').splice(3).join('/');
      } else {
        currentUrl = newUrl;
      }

      if (currentUrl !== currentRef) {
        loadUGCApp();
      }
    };

    const hook = (_this, method, callback) => {
      const orig = _this[method];

      return (...args) => {
        callback.apply(null, args);

        return orig.apply(_this, args);
      }
    };

    // track history changes
    history.pushState = hook(history, 'pushState', handlePush);
    history.replaceState = hook(history, 'replaceState', handlePush);

    const update = () => {
      if (document.readyState === 'complete') {
        loadUGCApp();
      }
    };

    document.addEventListener('readystatechange', update, true);

    update();

  })(window);