allow overwrite order via published date

src/services/ProductService.js

               }
             }
           }
-          metafield(key: "selected", namespace: "custom") {
+          metafields(
+            identifiers: [{key: "published_date", namespace: "custom"}, {key: "selected", namespace: "custom"}]
+          ) {
             key
             value
           }
           }
         }
       }
-      metafield(key: "selected", namespace: "custom") {
+      metafields(
+        identifiers: [{key: "published_date", namespace: "custom"}, {key: "selected", namespace: "custom"}]
+      ) {
         key
         value
       }

src/utils/helpers.js

 export const formatProductData = (product) => {
 
     if(!product) return
-    
+
+    let publishedDate = product?.metafields[0]?.value
+    let selected = product?.metafields[1]?.value
+
     return {
         id: product?.id || null,
         handle: product?.handle || "",
         title: product?.title || "",
-        createdAt: product?.createdAt,
+        createdAt: publishedDate || product?.createdAt,
         collections: product?.collections?.nodes || null,
         descriptionHtml: product?.descriptionHtml || "",
         tags:product?.tags || null,
         images: product?.images?.nodes || null,
-        selected: (product?.metafield?.key == "selected") ? product?.metafield?.value == "true" : false, // cause I want to have a true false value, somehow BE return text value "true", thus == used to convert it to proper boolean value
+        selected: (selected === "true") || false, // cause I want to have a true false value, somehow BE return text value "true", thus == used to convert it to proper boolean value
         minVariantPrice: product?.priceRange?.minVariantPrice || {amount:0 , currencyCode:''},
         maxVariantPrice: product?.priceRange?.maxVariantPrice || {amount:0 , currencyCode:''},
         compareAtPriceRangeMinVariantPrice: product?.compareAtPriceRange?.minVariantPrice || {amount:0 , currencyCode:''},