fix: analytics event product data (#143)

commerce/utils/productToAnalyticsItem.ts

@@ -12,6 +12,16 @@ export const mapCategoriesToAnalyticsCategories = (
   );
 };
 
+export const mapProductCategoryToAnalyticsCategories = (category: string) => {
+  return category.split(">").reduce(
+    (result, category, index) => {
+      result[`item_category${index === 0 ? "" : index + 1}`] = category;
+      return result;
+    },
+    {} as Record<`item_category${number | ""}`, string>,
+  );
+};
+
 export const mapProductToAnalyticsItem = (
   { product, breadcrumbList, price, listPrice }: {
     product: Product;
@@ -20,18 +30,31 @@ export const mapProductToAnalyticsItem = (
     listPrice?: number;
   },
 ): AnalyticsItem => {
-  const { name, productID } = product;
-  return {
-    item_id: product.isVariantOf?.productGroupID ?? "",
-    quantity: 1,
-    price,
-    discount: price && listPrice ? listPrice - price : 0,
-    item_name: name,
-    item_variant: productID,
-    ...(mapCategoriesToAnalyticsCategories(
+  const { name, productID, isVariantOf } = product;
+  const index = Math.max(
+    product.isVariantOf?.hasVariant.findIndex((v) => v.url === product.url) ||
+      0,
+    0,
+  );
+
+  const categories = breadcrumbList?.itemListElement
+    ? mapCategoriesToAnalyticsCategories(
       breadcrumbList?.itemListElement.map(({ name: _name }) => _name ?? "")
         .filter(Boolean) ??
         [],
-    )),
+    )
+    : mapProductCategoryToAnalyticsCategories(product.category ?? "");
+
+  return {
+    item_id: productID,
+    quantity: 1,
+    coupon: "",
+    price,
+    index,
+    discount: Number((price && listPrice ? listPrice - price : 0).toFixed(2)),
+    item_name: isVariantOf?.name ?? name ?? "",
+    item_variant: name,
+    item_brand: product.brand ?? "",
+    ...categories,
   };
 };