(() => {
  const { EventManager } = ShopbySkin;

  document.querySelector('recent-product')?.addEventListener('click', ({ target }) => {
    if (target.getAttribute('shopby-action') !== 'ADD_TO_CART') {
      return;
    }

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

    if (!productNo) {
      return;
    }

    EventManager.fire('OPEN_LAYER_MODAL', {
      name: 'select-product-option',
      title: '옵션 선택',
      isFull: true,
      modalAddClass: 'select-product-option-modal',
      data: {
        productNo,
      },
    });
  });
})();