(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', 'ed1d2072-c239-4fb4-9220-436ebd1bbb85');
      elem0.setAttribute('ugc_set_id', '69');
      elem0.setAttribute('header', '使ってみた方の感想');
      elem0.setAttribute('subheader', 'Instagramでの投稿レビュー');
      elem0.setAttribute('grid', 'true');
      elem0.setAttribute('locale', '{}');
      elem0.setAttribute('current_tags', '');
      elem0.setAttribute('design_mode', 'false');
      elem0.setAttribute('large_x', '2');
      elem0.setAttribute('large_y', '1');
      elem0.setAttribute('mid_x', '2');
      elem0.setAttribute('mid_y', '1');
      elem0.setAttribute('small_x', '2');
      elem0.setAttribute('small_y', '1');

      let ugcElem0 = document.getElementById('lemon-ugc-cosmedy-bulgaria-rose');

      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', 'ed1d2072-c239-4fb4-9220-436ebd1bbb85');
      elem1.setAttribute('ugc_set_id', '100');
      elem1.setAttribute('header', '使ってみた方の感想');
      elem1.setAttribute('subheader', 'Instagramでの投稿レビュー');
      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', '2');
      elem1.setAttribute('mid_y', '1');
      elem1.setAttribute('small_x', '2');
      elem1.setAttribute('small_y', '1');

      let ugcElem1 = document.getElementById('lemon-ugc-26p-218517');

      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;
        }
      }
  
    };

    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);