@folklore/ads 0.0.60 → 0.0.62

package/dist/cjs.js

@@ -209,6 +209,7 @@ class AdSlot extends EventEmitter__default["default"] {
     this.displayed = false;
     this.renderEvent = null;
     this.destroyed = true;
+    this.emit('destroy', this);
   }
   getElementId() {
     return this.elementId;
@@ -576,6 +577,7 @@ class AdsManager extends EventEmitter__default["default"] {
         googletag.destroySlots([adSlot]);
       });
     }
+    this.emit('destroy:slot', slot);
   }
   refreshSlot(id) {
     const {
@@ -854,6 +856,7 @@ function useAd(path, size) {
     refreshInterval = null,
     alwaysRender = false,
     onRender = null,
+    onDestroy = null,
     disabled = false,
     disableTracking = false,
     rootMargin = '300px'
@@ -988,6 +991,20 @@ function useAd(path, size) {
     return () => slot.off('render', onSlotRender);
   }, [slot, disabled, setRenderEvent, onRender, track]);
 
+  // Listen to destroy event
+  React.useEffect(() => {
+    if (slot === null) {
+      return () => {};
+    }
+    const onSlotDestroy = destroySlot => {
+      if (onDestroy !== null) {
+        onDestroy(destroySlot);
+      }
+    };
+    slot.on('destroy', onSlotDestroy);
+    return () => slot.off('destroy', onSlotDestroy);
+  }, [slot, onDestroy]);
+
   // Destroy slot
   // useEffect(
   //     () => () => {
@@ -1031,6 +1048,7 @@ const propTypes = {
   emptyClassName: PropTypes__default["default"].string,
   adClassName: PropTypes__default["default"].string,
   onRender: PropTypes__default["default"].func,
+  onDestroy: PropTypes__default["default"].func,
   slotRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
 };
 const defaultProps = {
@@ -1049,6 +1067,7 @@ const defaultProps = {
   emptyClassName: null,
   adClassName: null,
   onRender: null,
+  onDestroy: null,
   slotRef: null
 };
 function Ad(_ref) {
@@ -1069,6 +1088,7 @@ function Ad(_ref) {
     emptyClassName,
     adClassName,
     onRender,
+    onDestroy,
     slotRef
   } = _ref;
   const {
@@ -1162,6 +1182,7 @@ function Ad(_ref) {
     refreshInterval: finalAdTargeting.refreshInterval,
     alwaysRender,
     onRender: onAdRender,
+    onDestroy,
     disabled: finalDisabled,
     disableTracking
   });

package/dist/es.js

@@ -191,6 +191,7 @@ class AdSlot extends EventEmitter {
     this.displayed = false;
     this.renderEvent = null;
     this.destroyed = true;
+    this.emit('destroy', this);
   }
   getElementId() {
     return this.elementId;
@@ -558,6 +559,7 @@ class AdsManager extends EventEmitter {
         googletag.destroySlots([adSlot]);
       });
     }
+    this.emit('destroy:slot', slot);
   }
   refreshSlot(id) {
     const {
@@ -836,6 +838,7 @@ function useAd(path, size) {
     refreshInterval = null,
     alwaysRender = false,
     onRender = null,
+    onDestroy = null,
     disabled = false,
     disableTracking = false,
     rootMargin = '300px'
@@ -970,6 +973,20 @@ function useAd(path, size) {
     return () => slot.off('render', onSlotRender);
   }, [slot, disabled, setRenderEvent, onRender, track]);
 
+  // Listen to destroy event
+  useEffect(() => {
+    if (slot === null) {
+      return () => {};
+    }
+    const onSlotDestroy = destroySlot => {
+      if (onDestroy !== null) {
+        onDestroy(destroySlot);
+      }
+    };
+    slot.on('destroy', onSlotDestroy);
+    return () => slot.off('destroy', onSlotDestroy);
+  }, [slot, onDestroy]);
+
   // Destroy slot
   // useEffect(
   //     () => () => {
@@ -1013,6 +1030,7 @@ const propTypes = {
   emptyClassName: PropTypes.string,
   adClassName: PropTypes.string,
   onRender: PropTypes.func,
+  onDestroy: PropTypes.func,
   slotRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
 const defaultProps = {
@@ -1031,6 +1049,7 @@ const defaultProps = {
   emptyClassName: null,
   adClassName: null,
   onRender: null,
+  onDestroy: null,
   slotRef: null
 };
 function Ad(_ref) {
@@ -1051,6 +1070,7 @@ function Ad(_ref) {
     emptyClassName,
     adClassName,
     onRender,
+    onDestroy,
     slotRef
   } = _ref;
   const {
@@ -1144,6 +1164,7 @@ function Ad(_ref) {
     refreshInterval: finalAdTargeting.refreshInterval,
     alwaysRender,
     onRender: onAdRender,
+    onDestroy,
     disabled: finalDisabled,
     disableTracking
   });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/ads",
-    "version": "0.0.60",
+    "version": "0.0.62",
     "description": "Ads library",
     "keywords": [
         "javascript",
@@ -50,9 +50,9 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "0afeed292591d823f72f5611a078f94c21321d2e",
+    "gitHead": "db9d1c6c7ec6018ab00e67f5992bfd1544770c12",
     "dependencies": {
-        "@folklore/hooks": "^0.0.57",
+        "@folklore/hooks": "^0.0.58",
         "@folklore/tracking": "^0.0.23",
         "classnames": "^2.5.1",
         "debug": "^4.3.4",