(() => {
  const { EventManager, pageHelper, utils } = ShopbySkin;

  const { initialize } = pageHelper.displayDetailHelper();

  const param = utils.getQueryParams();

  const displayDetailActionMap = {
    // NOTE: 좋아요버튼 클릭
    PRODUCT_LIKE_BTN: ({ event }) => {
      event?.preventDefault?.();

      const btn = event.target.closest('[shopby-product-no]');
      const productNo = Number(btn.getAttribute('shopby-product-no') ?? 0);

      utils.isSignIn()
        ? EventManager.fire('MUTATE_LIKE_PRODUCT', {
            productNo,
            onSuccess: (like) => {
              like ? btn.classList.add('is-active') : btn.classList.remove('is-active');
            },
          })
        : EventManager.fire('MODAL_CONFIRM_OPEN', {
            message: `로그인하셔야 본 서비스를 이용하실 수 있습니다.`,
            noticeType: 'WARNING',
            onConfirm: () => {
              const nextUrl = `${location.origin}/pages/sign-in/sign-in.html`;

              location.href = `${nextUrl}?from=${encodeURIComponent(location.href)}`;
            },
          });
    },
    OPEN_PRODUCT_OPTION_MODAL: ({ event, btn }) => {
      event?.preventDefault?.();

      const btns = event.target.closest('[shopby-product-no]');
      const productNo = Number(btns.getAttribute('shopby-product-no') ?? 0);
      const isSoldOut = utils.convertStringBooleanToBoolean(
        btns.getAttribute('shopby-is-sold-out')
      );

      if (isSoldOut) {
        return;
      }

      if (!utils.isAdultVerified(event)) {
        EventManager.fire('MODAL_CONFIRM_OPEN', {
          message: '성인인증이 필요한 상품입니다.',
          noticeType: constants.NOTICE_MODAL_TYPE.CAUTION,
          onConfirm: () => {
            const nextUrl = `${location.origin}/pages/sign-in/sign-in.html`;

            location.href = `${nextUrl}?from=${encodeURIComponent(location.href)}`;
          },
        });

        return;
      }

      EventManager.fire('OPEN_LAYER_MODAL', {
        name: 'select-product-option',
        title: '옵션 선택',
        isFull: false,
        modalAddClass: 'select-product-option-modal',
        data: {
          productNo,
        },
      });
    },
    MOVE_PRODUCT_DETAIL: ({ event }) => {
      if (!utils.isAdultVerified(event)) {
        EventManager.fire('MODAL_CONFIRM_OPEN', {
          message: '성인인증이 필요한 상품입니다.',
          noticeType: 'CAUTION',
          onConfirm: () => {
            location.href = '/pages/intro/adult-certification.html?go-back=true';
          },
        });
      }
    },
  };

  initialize({
    sectionsId: param.sectionId,
    by: param.sortType,
    pageSize: param.pageSize,
    pageNumber: param.pageNumber,
  });

  const clickEventListener = (e) => {
    const btn = e.target.closest('[shopby-action]') || e.target.parentElement.closest('[shopby-action]');
    const action = btn?.getAttribute('shopby-action');

    displayDetailActionMap[action]?.({
      event: e,
    });
  };

  document.addEventListener('click', clickEventListener);

  let shopbyCommonData = {};
  EventManager.on('PAGE_LOAD_COMPLETED', (commonData) => {
    shopbyCommonData = commonData;
  });

  EventManager.on('QUERY_DISPLAY_SECTIONS_IDS_SECTIONID', (data) => {
    if ( !ShopbySkin.utils.isSignIn() || '93747' == shopbyCommonData?.profile?.memberGradeNo ) {
      if ( data?.products?.[0] ) {
        data?.products?.forEach((v)=>{
          let hasTheIcon = false;

          for ( const icon of ( v.stickerInfos || [] ) ) {
            if ( icon?.label?.includes('점주전용') ) {
              hasTheIcon = true;

              break;
            }
          }

          if ( hasTheIcon ) {
            const itemDom = document.querySelector(`display-detail-items .thumb-item[data-product-no="${v.productNo}"]`);

            itemDom.querySelector('.product-thumb-price-info').innerHTML = `<p class="no_mem">매장 사업자 전용 상품</p>`;

            itemDom.querySelectorAll('a').forEach((v)=>{
              v.href = `javascript:alertTheProduct();`;
            });

            itemDom.querySelector('[shopby-action="OPEN_PRODUCT_OPTION_MODAL"]')?.remove();
          }
        });
      }
    }

    // 외부스크립트 등록 기능. 삭제금지
    ShopbyExternalScript?.setGlobalObjectSb({ displaySection: { ...data } });
  });

  EventManager.on('PAGE_LOAD_COMPLETED', () => {
    // 외부스크립트 등록 기능. 삭제금지
    ShopbyExternalScript?.setPageScriptType('DISPLAY_SECTION');

    document.addEventListener('click', (e) => {
      /* 옵션 클릭 */
      const selectItem = e.target.closest('.fake-select__list li');

      if (selectItem) {
        const wrap = selectItem.closest('.select.select--sm');
        if (!wrap) return;

        const select = wrap.querySelector('select');
        const btn = wrap.querySelector('.fake-select__btn');
        const fake = wrap.querySelector('.fake-select');
        const value = selectItem.dataset.value;

        // 실제 select 변경 → Shopby SEARCH_SIZE
        select.value = value;
        select.dispatchEvent(new Event('change', { bubbles: true }));


        return;
      }

      function syncFakeSelect() {
        const wrap = document.querySelector('.select.select--sm');
        if (!wrap) return;

        const select = wrap.querySelector('select');
        const btn = wrap.querySelector('.fake-select__btn');
        if (!select || !btn) return;

        const selectedText =
          select.options[select.selectedIndex].text.replace(' 보기', '');

        btn.textContent = selectedText;
      }
      document.addEventListener('change', function (e) {
        if (!e.target.matches('.select.select--sm select')) return;

        setTimeout(() => {
          syncFakeSelect();
        }, 300);
      });


      /* 버튼 클릭 */
      const btn = e.target.closest('.fake-select__btn');
      if (btn) {
        e.stopPropagation();
        const fake = btn.closest('.fake-select');
        fake.classList.toggle('open');
        return;
      }
    });
  });
})();