Fix: color option

framework/shopify/lib/normalize.ts

@@ -22,14 +22,17 @@ const normalizeProductOption = ({
   name: displayName,
   values,
   ...rest
-}: ProductOption) => ({
-  __typename: 'MultipleChoiceOption',
-  displayName,
-  values: values.map((value) => ({
-    label: value,
-  })),
-  ...rest,
-})
+}: ProductOption) => {
+  return {
+    __typename: 'MultipleChoiceOption',
+    displayName,
+    values: values.map((value) => ({
+      label: value,
+      hexColors: displayName === 'Color' ? [value] : null,
+    })),
+    ...rest,
+  }
+}
 
 const normalizeProductImages = ({ edges }: ImageConnection) =>
   edges?.map(({ node: { originalSrc: url, ...rest } }) => ({

framework/shopify/product/get-product.ts

@@ -29,6 +29,8 @@ const getProduct = async (options: {
 
   const product = data?.productByHandle
 
+  console.info(normalizeProduct(product))
+
   return {
     product: product ? normalizeProduct(product) : null,
   }