@folklore/ads 0.0.38 → 0.0.39

package/dist/cjs.js

@@ -192,6 +192,13 @@ class AdSlot extends EventEmitter__default["default"] {
   setRefreshDisabled() {
     this.refreshDisabled = true;
   }
+  setTargeting(targeting) {
+    if (this.adSlot !== null) {
+      this.adSlot.updateTargetingFromMap(targeting);
+    } else {
+      this.options.targeting = targeting;
+    }
+  }
   destroy() {
     if (this.destroyed) {
       return;
@@ -745,25 +752,27 @@ function AdsProvider(_ref) {
       onResize.cancel();
     };
   }, [ads, resizeDebounceDelay, refreshOnResize]);
+  const slotsWithSizeMapping = React.useMemo(() => Object.keys(slots || {}).reduce((map, key) => ({
+    ...map,
+    [key]: {
+      ...slots[key],
+      sizeMapping: getSizeMappingFromSlot(slots[key], viewports)
+    }
+  }), {}), []);
+  const finalSlotsPath = React.useMemo(() => defaultSlotPath !== null ? {
+    default: defaultSlotPath,
+    ...slotsPath
+  } : {
+    ...slotsPath
+  }, [defaultSlotPath, slotsPath]);
   const value = React.useMemo(() => ({
     ready,
     ads,
     viewports,
-    slots: Object.keys(slots || {}).reduce((map, key) => ({
-      ...map,
-      [key]: {
-        ...slots[key],
-        sizeMapping: getSizeMappingFromSlot(slots[key], viewports)
-      }
-    }), {}),
-    slotsPath: defaultSlotPath !== null ? {
-      default: defaultSlotPath,
-      ...slotsPath
-    } : {
-      ...slotsPath
-    },
+    slots: slotsWithSizeMapping,
+    slotsPath: finalSlotsPath,
     trackingDisabled: disableTracking
-  }), [ready, ads, viewports, slots, slotsPath, defaultSlotPath, disableTracking, disabled]);
+  }), [ready, ads, viewports, slotsWithSizeMapping, finalSlotsPath, disableTracking]);
   return /*#__PURE__*/jsxRuntime.jsx(AdsContext.Provider, {
     value: value,
     children: children
@@ -878,7 +887,12 @@ function useAd(path, size) {
     //     adsManager.defineSlot(currentSlot.current);
     // }
     return currentSlot.current;
-  }, [adsManager, path, disabled, size, sizeMapping, targeting, alwaysRender, categoryExclusions]);
+  }, [adsManager, path, disabled, size, sizeMapping, alwaysRender, categoryExclusions]);
+  React.useEffect(() => {
+    if (currentSlot.current !== null) {
+      currentSlot.current.setTargeting(targeting);
+    }
+  }, [targeting]);
 
   // Set visibility
   React.useEffect(() => {

package/dist/es.js

@@ -174,6 +174,13 @@ class AdSlot extends EventEmitter {
   setRefreshDisabled() {
     this.refreshDisabled = true;
   }
+  setTargeting(targeting) {
+    if (this.adSlot !== null) {
+      this.adSlot.updateTargetingFromMap(targeting);
+    } else {
+      this.options.targeting = targeting;
+    }
+  }
   destroy() {
     if (this.destroyed) {
       return;
@@ -727,25 +734,27 @@ function AdsProvider(_ref) {
       onResize.cancel();
     };
   }, [ads, resizeDebounceDelay, refreshOnResize]);
+  const slotsWithSizeMapping = useMemo(() => Object.keys(slots || {}).reduce((map, key) => ({
+    ...map,
+    [key]: {
+      ...slots[key],
+      sizeMapping: getSizeMappingFromSlot(slots[key], viewports)
+    }
+  }), {}), []);
+  const finalSlotsPath = useMemo(() => defaultSlotPath !== null ? {
+    default: defaultSlotPath,
+    ...slotsPath
+  } : {
+    ...slotsPath
+  }, [defaultSlotPath, slotsPath]);
   const value = useMemo(() => ({
     ready,
     ads,
     viewports,
-    slots: Object.keys(slots || {}).reduce((map, key) => ({
-      ...map,
-      [key]: {
-        ...slots[key],
-        sizeMapping: getSizeMappingFromSlot(slots[key], viewports)
-      }
-    }), {}),
-    slotsPath: defaultSlotPath !== null ? {
-      default: defaultSlotPath,
-      ...slotsPath
-    } : {
-      ...slotsPath
-    },
+    slots: slotsWithSizeMapping,
+    slotsPath: finalSlotsPath,
     trackingDisabled: disableTracking
-  }), [ready, ads, viewports, slots, slotsPath, defaultSlotPath, disableTracking, disabled]);
+  }), [ready, ads, viewports, slotsWithSizeMapping, finalSlotsPath, disableTracking]);
   return /*#__PURE__*/jsx(AdsContext.Provider, {
     value: value,
     children: children
@@ -860,7 +869,12 @@ function useAd(path, size) {
     //     adsManager.defineSlot(currentSlot.current);
     // }
     return currentSlot.current;
-  }, [adsManager, path, disabled, size, sizeMapping, targeting, alwaysRender, categoryExclusions]);
+  }, [adsManager, path, disabled, size, sizeMapping, alwaysRender, categoryExclusions]);
+  useEffect(() => {
+    if (currentSlot.current !== null) {
+      currentSlot.current.setTargeting(targeting);
+    }
+  }, [targeting]);
 
   // Set visibility
   useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/ads",
-    "version": "0.0.38",
+    "version": "0.0.39",
     "description": "Ads library",
     "keywords": [
         "javascript",
@@ -50,7 +50,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "39bba0091b4efb93b8636ae5c2eea5e46b350b90",
+    "gitHead": "6a3484815046ba47850ba5d71e5eee9afe4adeb4",
     "dependencies": {
         "@folklore/hooks": "^0.0.44",
         "@folklore/tracking": "^0.0.23",