feat module 6, 7 : include additional metafield in product service and helper

src/services/ProductService.js

@@ -72,7 +72,9 @@ const getProducts = async () => {
           metafields(
             identifiers: [{key: "published_date", namespace: "custom"}, {key: "selected", namespace: "custom"}]
           ) {
+            namespace
             key
+            type
             value
           }
         }
@@ -162,9 +164,15 @@ const getProduct = async (handle = "") => {
         }
       }
       metafields(
-        identifiers: [{key: "published_date", namespace: "custom"}, {key: "selected", namespace: "custom"}]
+        identifiers: [
+          {key: "published_date", namespace: "custom"},
+          {key: "selected", namespace: "custom"},
+          {key: "material", namespace: "custom"}
+        ]
       ) {
+        namespace
         key
+        type
         value
       }
     }

src/utils/helpers.js

@@ -5,6 +5,13 @@ export const formatProductData = (product) => {
 
     if(!product) return
 
+    const metafieldsByKey = (product?.metafields || [])
+        .filter(Boolean)
+        .reduce((acc, metafield) => ({
+            ...acc,
+            [metafield.key]: metafield
+        }), {})
+
     let publishedDate = product?.metafields[0]?.value
     let selected = product?.metafields[1]?.value
 
@@ -24,7 +31,8 @@ export const formatProductData = (product) => {
         compareAtPriceRangeMaxVariantPrice: product?.compareAtPriceRange?.maxVariantPrice || {amount:0 , currencyCode:''},
         productType: product?.productType || null,
         variants: product?.variants?.nodes || null,
+        metafields: metafieldsByKey,
         
     }
 
-}
+}