product-list-container.tsx

import { api } from '@/lib/api-client';
import { ProductSearchResult } from '@/types/domain/product';
import { ProductSortType } from '@/types/enums';
import { ProductList } from './product-list';
import { getMyWishlist } from '@/app/actions/wishlist';

interface ProductListContainerProps {
  params: Promise<{ parentId: string; id: string }>;
  searchParams: Promise<{ sortType?: string; page?: string }>;
}

export default async function ProductListContainer({
  params,
  searchParams,
}: ProductListContainerProps) {
  const { parentId, id: subCategoryId } = await params;
  const { sortType = ProductSortType.POPULAR, page = '0' } = await searchParams;

  // 쿼리 파라미터 검증
  const validSortTypes = Object.values(ProductSortType);
  const safeSortType = validSortTypes.includes(sortType as ProductSortType)
    ? (sortType as ProductSortType)
    : ProductSortType.POPULAR;

  const safePage =
    Number.isFinite(Number(page)) && Number(page) >= 0 ? Number(page) : 0;

  // subCategoryId 유효성 검증
  const parsedCategoryId = Number(subCategoryId);
  const safeCategoryId =
    Number.isFinite(parsedCategoryId) && parsedCategoryId > 0
      ? parsedCategoryId
      : null;

  if (safeCategoryId === null) {
    throw new Error('Invalid category ID');
  }

  const [result, wishlistItems] = await Promise.all([
    api.get<ProductSearchResult>('/products', {
      params: {
        categoryId: safeCategoryId,
        sortType: safeSortType,
        page: safePage,
        size: 20,
      },
    }),
    getMyWishlist(),
  ]);

  const wishlistByProductId = new Map(
    wishlistItems.map((item) => [item.productId, item.wishlistId]),
  );
  const productsWithWishlist = result.products.content.map((product) => ({
    ...product,
    isLiked: wishlistByProductId.has(product.id),
    wishlistId: wishlistByProductId.get(product.id),
  }));

  const totalElements = result.products.totalElements;

  return (
    <ProductList
      products={productsWithWishlist}
      totalElements={totalElements}
      productDetailFrom={`/category/${parentId}/${subCategoryId}`}
      showWishlistButton
    />
  );
}