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

  const { initialize } = pageHelper.myPageHelper();
  initialize();

  const containerEl = document.querySelector('[shopby-helper-key="my-page-helper-key"]');

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

    // 외부스크립트 등록 기능. 삭제금지
    ShopbyExternalScript?.setPageScriptType('MY_PAGE');
  });

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

  const clickEventListener = ({ target }) => {
    const actionType = target.closest('[shopby-action]')?.getAttribute('shopby-action');

    const CLICK_EVENT_HANDLER_MAP = {
      LOGOUT: async () => {
        await actions.postSignOut();

        utils.moveTo({
          url: constants.PAGE.MAIN,
        });
      },
      GRADE_BENEFIT: () => {
        EventManager.fire('OPEN_LAYER_MODAL', {
          name: 'grade-benefit-guide',
          title: '등급혜택 안내',
          isFull: true,
          data: {
            commonData: shopbyCommonData,
          },
        });
      },
    };

    CLICK_EVENT_HANDLER_MAP[actionType]?.();
  };

  containerEl.addEventListener('click', clickEventListener);
})();