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

  const searchParams = new URLSearchParams(location.search);
  const params = Object.fromEntries(searchParams.entries());

  myCouponListHelper.initialize({
    ...params,
    tab: params.usable === 'false' ? 'UNISSUABLE' : 'ISSUABLE',
  });

  const moduleActionHandler = {
    REGISTER: () => {
      EventManager.fire('OPEN_LAYER_MODAL', {
        name: 'coupon-register-form',
        title: '쿠폰 등록',
        modalAddClass: 'coupon-registration-modal',
        isFull: false,
        onClose: ({ reason }) => {
          if (reason === 'DID_SUBMIT') {
            EventManager.fire('MODAL_ALERT_OPEN', {
              noticeType: 'SUCCESS',
              message: '<em>쿠폰이 등록이 완료되었습니다.</em>',
              onClose: () => {
                location.reload();
              },
            });
          }
        },
      });
    },

    USE_COUPON: async (target) => {
      const couponListModule = document.querySelector('coupon-list');
      const couponIssueNo = target.getAttribute('shopby-coupon-issue-no');

      let noticeType, message;
      try {
        await couponListModule.useGiftCoupon(couponIssueNo);
        noticeType = 'SUCCESS';
        message = '<em>혜택 지급이 완료되었습니다.</em>';
      } catch (error) {
        noticeType = 'CAUTION';
        message = `<em>${error.error.serverError.message}</em>`;
      }

      EventManager.fire('MODAL_ALERT_OPEN', {
        noticeType,
        message,
        onClose: () => {
          location.reload();
        },
      });
    },
  };

  document.querySelector('coupon-total-count')?.addEventListener('click', ({ target }) => {
    const action = target.getAttribute('shopby-action');
    moduleActionHandler[action]?.();
  });

  document.querySelector('coupon-list')?.addEventListener('click', ({ target }) => {
    const actionTarget = target.getAttribute('shopby-action');
    if (!actionTarget) {
      return;
    }

    moduleActionHandler[actionTarget](target);
  });
})();