@liquidcommercedev/rmn-sdk 1.5.0-beta.37 → 1.5.0-beta.39

package/dist/index.cjs

@@ -63,6 +63,7 @@ exports.RMN_EVENT = void 0;
 (function (RMN_EVENT) {
     RMN_EVENT["LIFECYCLE_STATE"] = "LIFECYCLE_STATE";
     RMN_EVENT["SPOT_EVENT"] = "SPOT_EVENT";
+    RMN_EVENT["RENDERED_SPOT_DATA"] = "RENDERED_SPOT_DATA";
 })(exports.RMN_EVENT || (exports.RMN_EVENT = {}));
 exports.RMN_SPOT_EVENT = void 0;
 (function (RMN_SPOT_EVENT) {
@@ -17412,6 +17413,7 @@ class ProximityObserver {
         this.mutationObserver = new MutationObserver((mutations) => {
             mutations.forEach((mutation) => {
                 if (mutation.type === 'childList') {
+                    // Handle added nodes
                     mutation.addedNodes.forEach((node) => {
                         if (node instanceof HTMLElement) {
                             this.checkElement(node);
@@ -17422,14 +17424,33 @@ class ProximityObserver {
                             });
                         }
                     });
+                    // Handle removed nodes
+                    mutation.removedNodes.forEach((node) => {
+                        if (node instanceof HTMLElement) {
+                            this.handleRemovedElement(node);
+                            node.querySelectorAll('*').forEach((el) => {
+                                if (el instanceof HTMLElement) {
+                                    this.handleRemovedElement(el);
+                                }
+                            });
+                        }
+                    });
                 }
             });
         });
         // Start observing DOM changes
-        this.mutationObserver.observe(document.body, {
-            childList: true,
-            subtree: true,
-        });
+        if (document.body) {
+            this.mutationObserver.observe(document.body, {
+                childList: true,
+                subtree: true,
+            });
+        }
+    }
+    handleRemovedElement(element) {
+        if (element.id && this.processedIds.has(element.id)) {
+            this.processedIds.delete(element.id);
+            this.intersectionObserver.unobserve(element);
+        }
     }
     checkElement(element) {
         if (element.id && this.targetIds.has(element.id) && !this.processedIds.has(element.id)) {
@@ -17483,10 +17504,6 @@ class ProximityObserver {
             });
             // Trigger callback with the group
             this.callback(groupIdsToProcess);
-            // Cleanup if all elements have been processed
-            if (this.targetIds.size === this.processedIds.size) {
-                this.cleanup();
-            }
         });
     }
     /**
@@ -17513,12 +17530,6 @@ class ProximityObserver {
             }
         });
     }
-    cleanup() {
-        this.intersectionObserver.disconnect();
-        this.mutationObserver.disconnect();
-        this.processedIds.clear();
-        this.targetIds.clear();
-    }
 }
 
 /**
@@ -21456,6 +21467,12 @@ class BrowserRmnClient {
             spotElement,
         });
         placement.replaceChildren(spotElement);
+        if (config === null || config === void 0 ? void 0 : config.listenRenderedSpotData) {
+            this.spotManagerService.publish(exports.RMN_EVENT.RENDERED_SPOT_DATA, {
+                placementId,
+                data: [spotData],
+            });
+        }
         this.spotManagerService.updateSpotLifecycleState(placementId, {
             dom: {
                 spotElement,
@@ -21549,6 +21566,12 @@ class BrowserRmnClient {
             return;
         }
         placement.replaceChildren(carouselElement);
+        if (config === null || config === void 0 ? void 0 : config.listenRenderedSpotData) {
+            this.spotManagerService.publish(exports.RMN_EVENT.RENDERED_SPOT_DATA, {
+                placementId,
+                data: spots,
+            });
+        }
         this.spotManagerService.updateSpotLifecycleState(placementId, {
             dom: {
                 spotElement: carouselElement,

package/dist/index.esm.js

@@ -61,6 +61,7 @@ var RMN_EVENT;
 (function (RMN_EVENT) {
     RMN_EVENT["LIFECYCLE_STATE"] = "LIFECYCLE_STATE";
     RMN_EVENT["SPOT_EVENT"] = "SPOT_EVENT";
+    RMN_EVENT["RENDERED_SPOT_DATA"] = "RENDERED_SPOT_DATA";
 })(RMN_EVENT || (RMN_EVENT = {}));
 var RMN_SPOT_EVENT;
 (function (RMN_SPOT_EVENT) {
@@ -17410,6 +17411,7 @@ class ProximityObserver {
         this.mutationObserver = new MutationObserver((mutations) => {
             mutations.forEach((mutation) => {
                 if (mutation.type === 'childList') {
+                    // Handle added nodes
                     mutation.addedNodes.forEach((node) => {
                         if (node instanceof HTMLElement) {
                             this.checkElement(node);
@@ -17420,14 +17422,33 @@ class ProximityObserver {
                             });
                         }
                     });
+                    // Handle removed nodes
+                    mutation.removedNodes.forEach((node) => {
+                        if (node instanceof HTMLElement) {
+                            this.handleRemovedElement(node);
+                            node.querySelectorAll('*').forEach((el) => {
+                                if (el instanceof HTMLElement) {
+                                    this.handleRemovedElement(el);
+                                }
+                            });
+                        }
+                    });
                 }
             });
         });
         // Start observing DOM changes
-        this.mutationObserver.observe(document.body, {
-            childList: true,
-            subtree: true,
-        });
+        if (document.body) {
+            this.mutationObserver.observe(document.body, {
+                childList: true,
+                subtree: true,
+            });
+        }
+    }
+    handleRemovedElement(element) {
+        if (element.id && this.processedIds.has(element.id)) {
+            this.processedIds.delete(element.id);
+            this.intersectionObserver.unobserve(element);
+        }
     }
     checkElement(element) {
         if (element.id && this.targetIds.has(element.id) && !this.processedIds.has(element.id)) {
@@ -17481,10 +17502,6 @@ class ProximityObserver {
             });
             // Trigger callback with the group
             this.callback(groupIdsToProcess);
-            // Cleanup if all elements have been processed
-            if (this.targetIds.size === this.processedIds.size) {
-                this.cleanup();
-            }
         });
     }
     /**
@@ -17511,12 +17528,6 @@ class ProximityObserver {
             }
         });
     }
-    cleanup() {
-        this.intersectionObserver.disconnect();
-        this.mutationObserver.disconnect();
-        this.processedIds.clear();
-        this.targetIds.clear();
-    }
 }
 
 /**
@@ -21454,6 +21465,12 @@ class BrowserRmnClient {
             spotElement,
         });
         placement.replaceChildren(spotElement);
+        if (config === null || config === void 0 ? void 0 : config.listenRenderedSpotData) {
+            this.spotManagerService.publish(RMN_EVENT.RENDERED_SPOT_DATA, {
+                placementId,
+                data: [spotData],
+            });
+        }
         this.spotManagerService.updateSpotLifecycleState(placementId, {
             dom: {
                 spotElement,
@@ -21547,6 +21564,12 @@ class BrowserRmnClient {
             return;
         }
         placement.replaceChildren(carouselElement);
+        if (config === null || config === void 0 ? void 0 : config.listenRenderedSpotData) {
+            this.spotManagerService.publish(RMN_EVENT.RENDERED_SPOT_DATA, {
+                placementId,
+                data: spots,
+            });
+        }
         this.spotManagerService.updateSpotLifecycleState(placementId, {
             dom: {
                 spotElement: carouselElement,

package/dist/types/enums.d.ts

@@ -55,7 +55,8 @@ export declare enum RMN_FILTER_PROPERTIES {
 }
 export declare enum RMN_EVENT {
     LIFECYCLE_STATE = "LIFECYCLE_STATE",
-    SPOT_EVENT = "SPOT_EVENT"
+    SPOT_EVENT = "SPOT_EVENT",
+    RENDERED_SPOT_DATA = "RENDERED_SPOT_DATA"
 }
 export declare enum RMN_SPOT_EVENT {
     IMPRESSION = "IMPRESSION",

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

@@ -16,11 +16,12 @@ export interface ISpotOverlay {
 }
 export interface IInjectSpotElementConfig {
     fluid?: boolean;
-    url?: string;
     colors?: ISpotColors;
-    minScale?: number;
     overlay?: ISpotOverlay;
     carousel?: ICarouselOptions;
+    minScale?: number;
+    url?: string;
+    listenRenderedSpotData?: boolean;
 }
 export type IInjectSpotElementFilterType = Partial<Omit<RmnFilterType, RMN_FILTER_PROPERTIES.KEYWORDS> & {
     exactMatch?: string;

package/dist/types/modules/helper-service/proximity-observer.service.d.ts

@@ -13,6 +13,7 @@ export declare class ProximityObserver {
     private readonly maxGroupSize;
     constructor(elementIds: string[], callback: (intersectingIds: string[]) => void, options?: IProximityObserverOptions);
     private initializeObservers;
+    private handleRemovedElement;
     private checkElement;
     private findNearbyTargetIds;
     private handleIntersection;
@@ -25,6 +26,5 @@ export declare class ProximityObserver {
      */
     private calculateDistance;
     private observeExistingElements;
-    private cleanup;
 }
 export {};

package/dist/types/modules/spot-manager/spot-manager.interface.d.ts

@@ -36,9 +36,14 @@ export interface IRmnSpotEvent {
     placementId: string;
     spotId: string;
 }
+export interface IRmnRenderedSpotDataEvent {
+    placementId: string;
+    data: ISpot[];
+}
 export interface IRmnEventMap {
     [RMN_EVENT.LIFECYCLE_STATE]: ILifecycleState;
     [RMN_EVENT.SPOT_EVENT]: IRmnSpotEvent;
+    [RMN_EVENT.RENDERED_SPOT_DATA]: IRmnRenderedSpotDataEvent;
 }
 export interface IRegisterSpotParams {
     placementId: string;

package/package.json

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