const onClick = async () => {
  const config = {
    closingDate: '2020-12-31', // 상품 등록 마감일
    minOrderQuantity: 1, // 최소 주문 수량
    maxOrderQuantity: 100, // 최대 주문 수량
    customerClosingData: '2020-12-31', // 거래처 상품 등록 마감일
    stockQuantityMap: {
      1: 10,
      2: 20,
      3: 30,
    }, // 재고량 맵, key: 상품 id, value: 재고량
    limitAmount: 100000, // 총 금액 한도
    totalAmountNotation: 2, // 총 금액 표기법 (소수점 2째 자리에서 반올림)
    vatNotation: 1, // 부가세 표기법 (소수점 1째 자리에서 반올림)
    // 여러가지 설정들...
  };

  const itemDialog = await openItemDialog(config);

  if (itemDialog.result) {
    const checkedItems = checkItems(itemDialog.items, config);
    if (_.isEmpty(checkedItems)) {
      openToast({ message: '등록된 상품이 없습니다.' });
    } else {
      // store에 상품을 등록한다.
      mutateDetail(checkedItems);

      // 그리드에 상품을 등록한다.
      insertMultiRows(checkedItems);

      // 등록된 상품에 포커스를 준다.
      focusItem(checkedItems);

      reSortItems(checkedItems);
    }
  } else {
    openToast({ message: '등록된 상품이 없습니다.' });
  }
};

/**
 * checkItems 함수는 아래와 같은 일을 한다.
 * 기존에 등록된 상품이 있는지 체크한다.
 * 상품 등록 기간이 마감되었는지 체크한다.
 * 거래처에서 상품등록을 마감했는지 체크한다.
 * 상품 수량이 재고량을 초과하였는지 체크한다.
 * 상품 등록 최대수량 및 최소 수량을 초과 혹은 미달하였는지 체크한다.
 * 총 상품의 가격이 최대 한도를 초과하였는지 체크한다.
 *
 * 상품의 총 금액에 사용자가 설정한 총 금액 표기법을 적용한다.
 * 상품의 부가세에 사용자가 설정한 부가세 표기법을 적용한다.
 */
const checkItems = (items: any[], config: any) => {
  let run = true;

  run = items.some((item) => {
    item.closingDate > config.closingDate;
  });

  if (!run) return [];

  run = items.some((item) => {
    item.customerClosingDate > config.customerClosingDate;
  });

  if (!run) return [];

  items = items.filter((item) => {
    item.stockQuantity > config.stockQuantityMap[item.id];
  });

  if (items.length === 0) return [];

  run = items.some((item) => {
    item.totalAmount > config.limitAmount;
  });

  if (!run) return [];

  let totalAmount = 0;
  items.forEach((item) => {
    totalAmount = totalAmount + item.totalAmount;
  });

  if (totalAmount > config.limitAmount) return [];

  return items.map((item) => ({
    ...item,
    totalAmount: item.totalAmount.toFixed(config.totalAmountNotation),
    vat: item.vat.toFixed(config.vatNotation),
  }));
};

// 1. UI 업데이트 관련 코드를 별도의 함수로 분리
function updateUIWithItems(checkedItems: any[]) {
  // 그리드에 상품을 등록한다.
  insertMultiRows(checkedItems);
  // 등록된 상품에 포커스를 준다.
  focusItem(checkedItems);
  // 상품을 재정렬한다.
  reSortItems(checkedItems);
}

// 2. 상품 검증 로직을 별도의 함수로 분리
function validateItems(items: any[], config: any): any[] {
  // 상품 등록 기간, 거래처 마감일, 재고량, 최대 한도 체크 등의 복잡한 로직을 분리하여 처리
  const validItems = items.filter((item) => {
    return (
      isWithinClosingDate(item, config) &&
      isCustomerClosingDateValid(item, config) &&
      isStockSufficient(item, config) &&
      isQuantityValid(item, config) &&
      isTotalAmountWithinLimit(item, config)
    );
  });

  return applyNotationsToItems(validItems, config);
}

// 3. 각 조건별 검증 로직을 더 작은 함수로 분리
function isWithinClosingDate(item: any, config: any): boolean {
  return item.closingDate <= config.closingDate;
}

function isCustomerClosingDateValid(item: any, config: any): boolean {
  return item.customerClosingDate <= config.customerClosingDate;
}

function isStockSufficient(item: any, config: any): boolean {
  return item.stockQuantity <= config.stockQuantityMap[item.id];
}

function isQuantityValid(item: any, config: any): boolean {
  return (
    item.orderQuantity >= config.minOrderQuantity &&
    item.orderQuantity <= config.maxOrderQuantity
  );
}

function isTotalAmountWithinLimit(item: any, config: any): boolean {
  return item.totalAmount <= config.limitAmount;
}

// 4. 금액 관련 표기법 적용 로직 분리
function applyNotationsToItems(items: any[], config: any): any[] {
  return items.map((item) => ({
    ...item,
    totalAmount: item.totalAmount.toFixed(config.totalAmountNotation),
    vat: item.vat.toFixed(config.vatNotation),
  }));
}

// 5. 이벤트 핸들러에서 분리된 로직 사용
const onClick = async () => {
  const config = {
    closingDate: '2020-12-31', // 상품 등록 마감일
    minOrderQuantity: 1, // 최소 주문 수량
    maxOrderQuantity: 100, // 최대 주문 수량
    customerClosingData: '2020-12-31', // 거래처 상품 등록 마감일
    stockQuantityMap: {
      1: 10,
      2: 20,
      3: 30,
    }, // 재고량 맵, key: 상품 id, value: 재고량
    limitAmount: 100000, // 총 금액 한도
    totalAmountNotation: 2, // 총 금액 표기법 (소수점 2째 자리에서 반올림)
    vatNotation: 1, // 부가세 표기법 (소수점 1째 자리에서 반올림)
    // 여러가지 설정들...
  }; // 설정 객체는 동일하게 유지
  const itemDialog = await openItemDialog(config);

  if (itemDialog.result) {
    const checkedItems = validateItems(itemDialog.items, config);
    if (_.isEmpty(checkedItems)) {
      openToast({ message: '등록된 상품이 없습니다.' });
    } else {
      // store에 상품을 등록한다.
      mutateDetail(checkedItems);
      // UI 업데이트
      updateUIWithItems(checkedItems);
    }
  } else {
    openToast({ message: '상품 선택이 취소되었습니다.' });
  }
};