// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
import { AgnosticMediaGalleryItem } from '@vue-storefront/core';

// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
const populateProducts = (psProducts: Array<any>) => {
  const populateProducts = psProducts.map((product) => ({
    id: product.id_product,
    name: product.name,
    slug: 'todo-back',
    attributeId: product.id_product_attribute,
    regularPrice: product.float_price,
    // eslint-disable-next-line line-comment-position
    discountPrice: product.float_price, // todo
    coverImageSmall: product.cover_image,
    coverImageMedium: product.cover_image,
    coverImageLarge: product.cover_image,
    images: product.images ? product.images.map(
      (image) => (<AgnosticMediaGalleryItem>{
        small: image.src,
        normal: image.src,
        big: image.src
      }
      ))
      : ([{
        small: product.default_image.url,
        normal: product.default_image.url,
        big: product.default_image.url
      }]
      ),
    attributes: product.attributes,
    groups: product.groups,
    quantity: product.quantity,
    description: product.description,
    shortDescription: product.description_short,
    brand: product.manufacturer_name,
    category: product.category_name,
    packProducts: product.pack_products,
    productInfo: product.product_info
  }));

  return populateProducts;
};

export default populateProducts;