update product normalization

framework/swell/utils/normalize.ts

@@ -27,22 +27,24 @@ const normalizeProductOption = ({
   name: displayName,
   values,
 }: ProductOption) => {
+  let returnValues = values.map((value) => {
+    let output: any = {
+      label: value.name,
+    }
+    if (displayName === 'Color') {
+      output = {
+        ...output,
+        hexColors: [value.name],
+      }
+    }
+    return output
+  })
+
   return {
     __typename: 'MultipleChoiceOption',
     id,
     displayName,
-    values: values.map((value) => {
+    values: returnValues,
-      let output: any = {
-        label: value.name,
-      }
-      if (displayName === 'Color') {
-        output = {
-          ...output,
-          hexColors: [value],
-        }
-      }
-      return output
-    }),
   }
 }
 
@@ -60,56 +62,46 @@ const normalizeProductImages = (images) => {
   }
   return images?.map(({ file, ...rest }: SwellImage) => ({
     url: file?.url,
-    height: file.height,
+    height: file?.height,
-    width: file.width,
+    width: file?.width,
     ...rest,
   }))
 }
 
 const normalizeProductVariants = (variants) => {
-  return variants?.map(({ id, name, values, price, stock_status }) => ({
+  return variants?.map(({ id, name, values, price, sku }) => ({
     id,
     name,
     sku: sku ?? id,
-    price,
+    price: price ?? null,
-    listPrice: price,
+    listPrice: price ?? null,
     // requiresShipping: true,
     options: values.map(({ name, value }: SelectedOption) =>
       normalizeProductOption({
         id,
         name,
-        values: [value],
+        values: value ? [value] : [],
       })
     ),
   }))
 }
 
 export function normalizeProduct(productNode: SwellProduct): Product {
-  const {
+  const { images, options, slug, price } = productNode
-    id,
+
-    name,
+  const productOptions = options.map((o) => normalizeProductOption(o))
-    vendor,
+  const productVariants = normalizeProductVariants(
-    images,
+    options.filter((option) => option.variant)
-    variants,
+  )
-    description,
+  const productImages = normalizeProductImages(images)
-    slug,
-    price,
-    options,
-    ...rest
-  } = productNode
 
   const product = {
-    id,
+    ...productNode,
-    name,
     vendor: 'our brands',
-    description,
     path: `/${slug}`,
-    slug,
+    images: productImages ?? [],
-    price,
+    variants: productVariants,
-    images: normalizeProductImages(images),
+    options: productOptions,
-    variants: [], //variants ? normalizeProductVariants(options) : [],
-    options: options ? options.map((o) => normalizeProductOption(o)) : [],
-    ...rest,
   }
 
   return product
@@ -158,7 +150,7 @@ function normalizeLineItem({
       sku: variant?.sku ?? '',
       name: variant?.name!,
       image: {
-        url: product?.images[0].file.url,
+        url: product.images ? product?.images[0].file.url : '',
       },
       requiresShipping: false,
       price: price,