@liquidcommercedev/rmn-sdk 1.5.0-beta.25 → 1.5.0-beta.26

package/dist/index.cjs

@@ -6178,6 +6178,7 @@ const extractorConfig = {
         'final_price',
         'retail_price',
     ],
+    quantity: ['quantity', 'qty'],
 };
 /**
  * Extracts deep values from an object based on specified target type
@@ -16675,8 +16676,8 @@ if (typeof window !== 'undefined' && typeof window.customElements !== 'undefined
                 // Map clone to original for event handling
                 this.cloneToOriginalMap.set(clonedSlide, this.slides[index]);
                 let isDragging = false;
-                slideElement.addEventListener('mousedown', () => isDragging = false);
-                slideElement.addEventListener('mousemove', () => isDragging = true);
+                slideElement.addEventListener('mousedown', () => (isDragging = false));
+                slideElement.addEventListener('mousemove', () => (isDragging = true));
                 // Add event delegation to the slide container
                 slideElement.addEventListener('click', (e) => {
                     if (isDragging) {
@@ -18911,7 +18912,7 @@ function rbHomepageHeroTwoTileTemplate(spot, config) {
   `;
 }
 
-const STYLES$4 = ({ textColor = '#ffffff', backgroundColor = 'transparent' }, { prefix }) => `
+const STYLES$4 = ({ textColor = '#212121', backgroundColor = 'transparent' }, { prefix }) => `
     <style>
         .${prefix} {
             display: block;
@@ -18928,6 +18929,10 @@ const STYLES$4 = ({ textColor = '#ffffff', backgroundColor = 'transparent' }, {
             font-family: "Source Sans 3", system-ui;
             margin: 0;
         }
+
+        .${prefix}__header:hover {
+          color: #b5914a;
+        }
     </style>
 `;
 function rbInTextTemplate(spot, config) {
@@ -19410,8 +19415,13 @@ class DataLayerMonitor {
                 onlyFirst: true,
                 shouldIncludeZero: true,
             });
+            const productQuantity = extractDeepValues(data, 'quantity', {
+                onlyFirst: true,
+                shouldIncludeZero: true,
+            });
             if (productPrice) {
                 normalizedData.productPrice = productPrice;
+                normalizedData.productQuantity = productQuantity !== null && productQuantity !== void 0 ? productQuantity : 1;
             }
         }
         return normalizedData;
@@ -19461,7 +19471,7 @@ class MonitorService {
         this.implementedMonitor.start();
     }
     async matchAndFireEvent(eventData, spots) {
-        var _a, _b;
+        var _a;
         if (!spots)
             return;
         const eventProductIds = new Set(cleanProductIds(eventData.productIds));
@@ -19472,16 +19482,32 @@ class MonitorService {
             if (!hasCommonProductIds || !Object.values(exports.RMN_SPOT_EVENT).includes(eventData.event)) {
                 continue;
             }
-            const eventUrl = (_b = (_a = spot.events.find((event) => event.event === eventData.event)) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '';
-            const additionalQueryParams = objectToQueryParams({
-                override: eventData.productPrice,
-            });
+            const eventPosition = spot.events.findIndex((event) => event.event === eventData.event);
+            if (eventPosition === -1)
+                continue;
+            const eventUrl = spot.events[eventPosition].url;
+            const gmv = eventData.productPrice && eventData.productQuantity
+                ? eventData.productPrice * eventData.productQuantity
+                : undefined;
+            // gmv = gross merchandise value, it is calculated by multiplying the product price by the product quantity
+            const additionalQueryParams = objectToQueryParams({ gmv });
+            // Fire the event and publish it to the pubsub service
             await this.fireAndPublishSpotEvent({
                 spotEvent: eventData.event,
                 eventUrl: `${eventUrl}${additionalQueryParams ? `&${additionalQueryParams}` : ''}`,
                 placementId: spot.placementId,
                 spotId: spot.spotId,
             });
+            // Remove the event url from the spot to prevent duplicate events
+            spot.events[eventPosition].url = '';
+            // Update the spots in the local storage
+            (_a = this.localStorageService) === null || _a === void 0 ? void 0 : _a.setSpot(spot.spotId, {
+                placementId: spot.placementId,
+                spotId: spot.spotId,
+                spotType: spot.spotType,
+                events: spot.events,
+                productIds: spot.productIds,
+            });
         }
     }
     async fireAndPublishSpotEvent({ spotEvent, eventUrl, placementId, spotId, }) {

package/dist/index.esm.js

@@ -6176,6 +6176,7 @@ const extractorConfig = {
         'final_price',
         'retail_price',
     ],
+    quantity: ['quantity', 'qty'],
 };
 /**
  * Extracts deep values from an object based on specified target type
@@ -16673,8 +16674,8 @@ if (typeof window !== 'undefined' && typeof window.customElements !== 'undefined
                 // Map clone to original for event handling
                 this.cloneToOriginalMap.set(clonedSlide, this.slides[index]);
                 let isDragging = false;
-                slideElement.addEventListener('mousedown', () => isDragging = false);
-                slideElement.addEventListener('mousemove', () => isDragging = true);
+                slideElement.addEventListener('mousedown', () => (isDragging = false));
+                slideElement.addEventListener('mousemove', () => (isDragging = true));
                 // Add event delegation to the slide container
                 slideElement.addEventListener('click', (e) => {
                     if (isDragging) {
@@ -18909,7 +18910,7 @@ function rbHomepageHeroTwoTileTemplate(spot, config) {
   `;
 }
 
-const STYLES$4 = ({ textColor = '#ffffff', backgroundColor = 'transparent' }, { prefix }) => `
+const STYLES$4 = ({ textColor = '#212121', backgroundColor = 'transparent' }, { prefix }) => `
     <style>
         .${prefix} {
             display: block;
@@ -18926,6 +18927,10 @@ const STYLES$4 = ({ textColor = '#ffffff', backgroundColor = 'transparent' }, {
             font-family: "Source Sans 3", system-ui;
             margin: 0;
         }
+
+        .${prefix}__header:hover {
+          color: #b5914a;
+        }
     </style>
 `;
 function rbInTextTemplate(spot, config) {
@@ -19408,8 +19413,13 @@ class DataLayerMonitor {
                 onlyFirst: true,
                 shouldIncludeZero: true,
             });
+            const productQuantity = extractDeepValues(data, 'quantity', {
+                onlyFirst: true,
+                shouldIncludeZero: true,
+            });
             if (productPrice) {
                 normalizedData.productPrice = productPrice;
+                normalizedData.productQuantity = productQuantity !== null && productQuantity !== void 0 ? productQuantity : 1;
             }
         }
         return normalizedData;
@@ -19459,7 +19469,7 @@ class MonitorService {
         this.implementedMonitor.start();
     }
     async matchAndFireEvent(eventData, spots) {
-        var _a, _b;
+        var _a;
         if (!spots)
             return;
         const eventProductIds = new Set(cleanProductIds(eventData.productIds));
@@ -19470,16 +19480,32 @@ class MonitorService {
             if (!hasCommonProductIds || !Object.values(RMN_SPOT_EVENT).includes(eventData.event)) {
                 continue;
             }
-            const eventUrl = (_b = (_a = spot.events.find((event) => event.event === eventData.event)) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '';
-            const additionalQueryParams = objectToQueryParams({
-                override: eventData.productPrice,
-            });
+            const eventPosition = spot.events.findIndex((event) => event.event === eventData.event);
+            if (eventPosition === -1)
+                continue;
+            const eventUrl = spot.events[eventPosition].url;
+            const gmv = eventData.productPrice && eventData.productQuantity
+                ? eventData.productPrice * eventData.productQuantity
+                : undefined;
+            // gmv = gross merchandise value, it is calculated by multiplying the product price by the product quantity
+            const additionalQueryParams = objectToQueryParams({ gmv });
+            // Fire the event and publish it to the pubsub service
             await this.fireAndPublishSpotEvent({
                 spotEvent: eventData.event,
                 eventUrl: `${eventUrl}${additionalQueryParams ? `&${additionalQueryParams}` : ''}`,
                 placementId: spot.placementId,
                 spotId: spot.spotId,
             });
+            // Remove the event url from the spot to prevent duplicate events
+            spot.events[eventPosition].url = '';
+            // Update the spots in the local storage
+            (_a = this.localStorageService) === null || _a === void 0 ? void 0 : _a.setSpot(spot.spotId, {
+                placementId: spot.placementId,
+                spotId: spot.spotId,
+                spotType: spot.spotType,
+                events: spot.events,
+                productIds: spot.productIds,
+            });
         }
     }
     async fireAndPublishSpotEvent({ spotEvent, eventUrl, placementId, spotId, }) {

package/dist/types/common/helpers/extract-deep.helper.d.ts

@@ -1,4 +1,4 @@
-type ExtractorTarget = 'ids' | 'price';
+type ExtractorTarget = 'ids' | 'price' | 'quantity';
 type ExtractedValue = string | number;
 /**
  * Extracts deep values from an object based on specified target type

package/dist/types/modules/monitor/monitor.interface.d.ts

@@ -7,6 +7,7 @@ export interface INormalizedEventData {
     event: RMN_SPOT_EVENT;
     productIds: Array<string | number>;
     productPrice?: number;
+    productQuantity?: number;
 }
 export interface IFireAndPublishSpotEventParams {
     spotEvent: RMN_SPOT_EVENT;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@liquidcommercedev/rmn-sdk",
   "description": "LiquidCommerce RMN SDK",
   "author": "LiquidCommerce Tech",
-  "version": "1.5.0-beta.25",
+  "version": "1.5.0-beta.26",
   "homepage": "https://docs.liquidcommerce.co/rmn-sdk",
   "main": "./dist/index.cjs",
   "module": "./dist/index.esm.js",