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

  const containerEl = document.querySelector('[shopby-helper-key="previous-order-list-helper-key"]');

  const datePickerHelper = pageHelper.datePickerHelper();
  datePickerHelper.initialize();

  const previousOrdersAction = actions.getPreviousOrdersAction();

  const previousOrdersHelper = pageHelper.previousOrdersHelper();
  previousOrdersHelper.initialize({
    helperKey: 'previous-order-list-helper-key',
    previousOrdersAction,
  });

  const CLICK_EVENT_HANDLER_MAP = {
    SEARCH_ORDERS: () => {
      const params = new URLSearchParams(location.search);
      location.href = `${location.origin}${location.pathname}?${params.toString()}`;
    },
  };

  const clickEventListener = (event) => {
    const actionType = event.target.getAttribute('shopby-action');

    CLICK_EVENT_HANDLER_MAP[actionType]?.({
      event,
    });
  };

  containerEl.addEventListener('click', clickEventListener);

  EventManager.on('PAGE_LOAD_COMPLETED', () => {
    EventManager.fire('INIT_PREVIOUS_ORDERS');
  });

  setTimeout(()=>{
    initialize()
  }, 1000);

  const initialize = (option) => {
    var _a, _b;
    const today = new Date();
    const chkDay = new Date('2024-05-22');
    const params = new URLSearchParams(location.search);
    const startYmd = params.get("startYmd");
    const endYmd = params.get("endYmd");
    const datePicker = tui.DatePicker.createRangePicker({
      startpicker: {
        date: startYmd ? new Date(startYmd) : today,
        input: 'input[name="startDate"]',
        container: ".start-date-picker"
      },
      endpicker: {
        date: endYmd ? new Date(endYmd) : today,
        input: 'input[name="endDate"]',
        container: ".end-date-picker"
      },
      selectableRanges: [[new Date(chkDay.getFullYear() - 2, chkDay.getMonth(), chkDay.getDate()), today]],
      format: (_a = option == null ? void 0 : option.format) != null ? _a : "YYYY-MM-dd",
      language: (_b = option == null ? void 0 : option.lang) != null ? _b : "ko"
    });

    const handleDatePickerChange = (type) => {
      let startYmd2 = dayjs(datePicker.getStartDate()).format("YYYY-MM-DD");
      let endYmd2 = dayjs(datePicker.getEndDate()).format("YYYY-MM-DD");
      const diffDay = dayjs(datePicker.getStartDate()).diff(dayjs(datePicker.getEndDate()), 'day');
      if(Math.abs(diffDay) > 365){
        if(type === 'start'){
          endYmd2 = dayjs(datePicker.getStartDate()).add(365, 'day').format("YYYY-MM-DD");
          datePicker.setEndDate(new Date(endYmd2));
        }else{
          startYmd2 = dayjs(datePicker.getEndDate()).subtract(365, 'day').format("YYYY-MM-DD");
          datePicker.setStartDate(new Date(startYmd2));
        }
      }
      EventManager.fire('CHANGE_DATE_PICKER', { startYmd: startYmd2, endYmd: endYmd2 });
    };
    datePicker == null ? void 0 : datePicker.on("change:end", () => handleDatePickerChange('end'));
    datePicker == null ? void 0 : datePicker.on("change:start", () => handleDatePickerChange('start'));

    $("[name='endDate']").attr('disabled', false);
  }
})();