📈 Add priceIndex in purchase flow events

likecoin · Oct 11, 2024 · acc6cdb · acc6cdb
1 parent b4d0c2e
commit acc6cdb
Show file tree

Hide file tree

Showing 7 changed files with 35 additions and 4 deletions.
diff --git a/src/components/NFTBook/CrossSellDialog.vue b/src/components/NFTBook/CrossSellDialog.vue
@@ -236,7 +236,8 @@ export default {
         });
       } else {
         // NOTE: Only support single edition for now
-        const edition = this.getEditionByIndex(0);
+        const priceIndex = 0;
+        const edition = this.getEditionByIndex(priceIndex);
         const hasStock = edition?.stock;
         if (!hasStock || !this.nftIsCollectable || edition.price === 0) {
           this.handleReject();
@@ -250,6 +251,7 @@ export default {
               name: this.NFTName,
               price: edition.price,
               classId: this.classId,
+              priceIndex,
               quantity: 1,
             },
           ],

diff --git a/src/mixins/nft.js b/src/mixins/nft.js
@@ -997,6 +997,7 @@ export default {
           items: [
             {
               classId: this.classId,
+              priceIndex: this.editionPriceIndex,
               price: this.NFTPriceUSD,
               name: this.NFTName,
             },
@@ -1131,6 +1132,7 @@ export default {
               {
                 name: this.NFTName,
                 price: this.NFTPriceUSD,
+                priceIndex: this.editionPriceIndex,
                 classId,
               },
             ],

diff --git a/src/pages/nft/claim/index.vue b/src/pages/nft/claim/index.vue
@@ -798,14 +798,15 @@ export default {
       return;
     }
     let price;
+    let priceIndex;
     if (this.cartId) {
       const { data } = await this.$api.get(
         getNFTBookCartStatusEndpoint({
           cartId: this.cartId,
           token: this.token,
         })
       );
-      ({ price } = data);
+      ({ price, priceIndex } = data);
       const {
         classIdsWithPrice = [],
         collectionIdsWithPrice = [],
@@ -908,7 +909,13 @@ export default {
     if (!free && !this.giftInfo && redirect && query.type === 'nft_book') {
       const items = this.cartItems.length
         ? this.cartItems.map(item => {
-            const { classId, collectionId, price, quantity = 1 } = item;
+            const {
+              classId,
+              collectionId,
+              price,
+              priceIndex,
+              quantity = 1,
+            } = item;
             const name = classId
               ? this.getNFTClassMetadataById(classId)?.name
               : this.getNFTCollectionInfoByCollectionId(collectionId)?.name[
@@ -918,6 +925,7 @@ export default {
               name,
               classId,
               collectionId,
+              priceIndex,
               price,
               quantity,
             };
@@ -927,6 +935,7 @@ export default {
               name: this.productName,
               classId: this.classId,
               collectionId: this.collectionId,
+              priceIndex,
               price,
               quantity: this.quantity,
             },

diff --git a/src/pages/nft/class/_classId/_nftId.vue b/src/pages/nft/class/_classId/_nftId.vue
@@ -640,6 +640,7 @@ export default {
           {
             name: this.NFTName,
             price: this.NFTPriceUSD,
+            priceIndex: this.editionPriceIndex,
             classId: this.classId,
           },
         ],

diff --git a/src/pages/nft/class/_classId/index.vue b/src/pages/nft/class/_classId/index.vue
@@ -891,6 +891,7 @@ export default {
           {
             name: this.NFTName,
             classId: this.classId,
+            priceIndex: this.editionPriceIndex,
             price: this.NFTPriceUSD,
           },
         ],
@@ -940,6 +941,7 @@ export default {
             name: this.NFTName,
             price: customPriceInDecimal || edition.price,
             classId: this.classId,
+            priceIndex: edition.index,
             quantity: this.quantity,
           },
         ],
@@ -1357,6 +1359,18 @@ export default {
         this.classId,
         1
       );
+      logPurchaseFlowEvent(this, 'view_item', {
+        items: [
+          {
+            name: this.NFTName,
+            classId: this.classId,
+            priceIndex: this.editionPriceIndex,
+            price: this.NFTPriceUSD,
+          },
+        ],
+        price: this.NFTPriceUSD,
+        currency: 'USD',
+      });
     },
     handleInputCustomPrice(price) {
       this.customPrice = Number(price);

diff --git a/src/pages/nft/fiat/stripe.vue b/src/pages/nft/fiat/stripe.vue
@@ -130,6 +130,7 @@ export default {
                   name: this.NFTName,
                   price: this.result.fiatPrice,
                   classId: this.classId,
+                  priceIndex: this.editionPriceIndex,
                 },
               ],
               price: this.result.fiatPrice,

diff --git a/src/pages/nft/gift/index.vue b/src/pages/nft/gift/index.vue
@@ -117,6 +117,7 @@ export default {
       return;
     }
     let price;
+    let priceIndex;
 
     if (this.cartId) {
       const { data } = await this.$api.get(
@@ -147,7 +148,7 @@ export default {
           paymentId: this.paymentId,
         })
       );
-      ({ price } = data);
+      ({ price, priceIndex } = data);
     }
     try {
       if (this.cartItems.length) {
@@ -212,6 +213,7 @@ export default {
               name: this.productName,
               classId: this.classId,
               collectionId: this.collectionId,
+              priceIndex,
               price,
               quantity: this.quantity,
             },