feat: add ads data-attributes to ProductCard to be tracked by Activit…

…y Flow
vtex · Sep 17, 2024 · 3cfabb0 · 3cfabb0
1 parent 1774e08
commit 3cfabb0
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/core/src/components/product/ProductCard/ProductCard.tsx b/packages/core/src/components/product/ProductCard/ProductCard.tsx
@@ -77,6 +77,7 @@ function ProductCard({
     sku,
     isVariantOf: { name },
     image: [img],
+    advertisement,
     offers: {
       lowPrice,
       lowPriceWithTaxes,
@@ -105,13 +106,15 @@ function ProductCard({
     : listPriceBase
 
   const hasDiscount = spotPrice <= listPrice
-
   return (
     <UIProductCard
       outOfStock={outOfStock}
       bordered={bordered}
       variant={variant}
       data-fs-product-card-sku={sku}
+      data-van-res-id={advertisement?.adResponseId ?? ''}
+      data-van-aid={advertisement?.adId ?? ''}
+      data-van-prod-name={advertisement ? name : ''}
       {...otherProps}
     >
       <UIProductCardImage aspectRatio={aspectRatio}>
@@ -189,6 +192,14 @@ export const fragment = gql(`
       value
       valueReference
     }
+
+    advertisement {
+      adId
+      campaignId
+      actionCost
+      adRequestId
+      adResponseId
+    }
   }
 `)