@folklore/ads 0.0.86 → 0.0.88

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/cjs.js +18 -13
  2. package/dist/es.js +18 -13
  3. package/package.json +2 -2
package/dist/cjs.js CHANGED
@@ -619,8 +619,8 @@ const slots = {
619
619
  sizeMapping: {
620
620
  default: [[300, 100], [300, 150], [320, 50], [320, 100]],
621
621
  tablet: [[300, 100], [300, 150], [320, 50], [320, 100], [728, 90]],
622
- desktop: [[300, 100], [300, 150], [320, 100], [640, 350], [728, 90], [970, 90], [970, 250], [1024, 300]],
623
- laptop: [[300, 100], [300, 150], [320, 100], [640, 350], [728, 90], [970, 90], [970, 250], [1024, 300], [1382, 300], [1382, 600]]
622
+ desktop: [[640, 350], [728, 90], [970, 90], [970, 250], [1024, 300]],
623
+ laptop: [[640, 350], [728, 90], [970, 90], [970, 250], [1024, 300], [1382, 300], [1382, 600]]
624
624
  }
625
625
  },
626
626
  grid: {
@@ -634,21 +634,21 @@ const slots = {
634
634
  }
635
635
  },
636
636
  fullwidth: {
637
- size: [[250, 250], [300, 100], [300, 150], [300, 250], [320, 50], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]],
637
+ size: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 50], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]],
638
638
  sizeMapping: {
639
- default: [[300, 100], [300, 150], [320, 50], [320, 100]],
640
- tablet: [[300, 100], [300, 150], [320, 50], [320, 100], [634, 634], [728, 90]],
641
- desktop: [[250, 250], [300, 100], [300, 150], [300, 250], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300]],
642
- laptop: [[250, 250], [300, 100], [300, 150], [300, 250], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]]
639
+ default: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 50], [320, 100], [336, 280]],
640
+ tablet: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 50], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90]],
641
+ desktop: [[120, 600], [160, 600], [300, 600], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300]],
642
+ laptop: [[120, 600], [160, 600], [300, 600], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]]
643
643
  }
644
644
  },
645
645
  content: {
646
646
  size: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 50], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]],
647
647
  sizeMapping: {
648
- default: [[250, 250], [300, 100], [300, 150], [300, 250], [320, 50], [320, 100], [336, 280]],
649
- tablet: [[250, 250], [300, 100], [300, 150], [300, 250], [320, 50], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90]],
650
- desktop: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300]],
651
- laptop: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]]
648
+ default: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 50], [320, 100], [336, 280]],
649
+ tablet: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 50], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90]],
650
+ desktop: [[120, 600], [160, 600], [300, 600], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300]],
651
+ laptop: [[120, 600], [160, 600], [300, 600], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]]
652
652
  }
653
653
  }
654
654
  };
@@ -954,12 +954,17 @@ function useAd(path, size) {
954
954
  // Render ad when visible
955
955
  React.useEffect(() => {
956
956
  const slotReady = slot !== null && !slot.isDefined();
957
- if (adsReady && slotReady && (alwaysRender || isVisible)) {
957
+ if (adsReady && slotReady) {
958
958
  adsManager.defineSlot(slot);
959
+ }
960
+ }, [adsManager, adsReady, slot]);
961
+ React.useEffect(() => {
962
+ const slotReady = slot !== null && !slot.isDefined();
963
+ if (adsReady && slotReady && (alwaysRender || isVisible)) {
959
964
  adsManager.displaySlot(slot);
960
965
  track('Init', slot);
961
966
  }
962
- }, [adsManager, adsReady, slot, alwaysRender, isIntersecting, track]);
967
+ }, [adsManager, adsReady, slot, alwaysRender, isVisible, track]);
963
968
 
964
969
  // Refresh ads slot
965
970
  React.useEffect(() => {
package/dist/es.js CHANGED
@@ -617,8 +617,8 @@ const slots = {
617
617
  sizeMapping: {
618
618
  default: [[300, 100], [300, 150], [320, 50], [320, 100]],
619
619
  tablet: [[300, 100], [300, 150], [320, 50], [320, 100], [728, 90]],
620
- desktop: [[300, 100], [300, 150], [320, 100], [640, 350], [728, 90], [970, 90], [970, 250], [1024, 300]],
621
- laptop: [[300, 100], [300, 150], [320, 100], [640, 350], [728, 90], [970, 90], [970, 250], [1024, 300], [1382, 300], [1382, 600]]
620
+ desktop: [[640, 350], [728, 90], [970, 90], [970, 250], [1024, 300]],
621
+ laptop: [[640, 350], [728, 90], [970, 90], [970, 250], [1024, 300], [1382, 300], [1382, 600]]
622
622
  }
623
623
  },
624
624
  grid: {
@@ -632,21 +632,21 @@ const slots = {
632
632
  }
633
633
  },
634
634
  fullwidth: {
635
- size: [[250, 250], [300, 100], [300, 150], [300, 250], [320, 50], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]],
635
+ size: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 50], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]],
636
636
  sizeMapping: {
637
- default: [[300, 100], [300, 150], [320, 50], [320, 100]],
638
- tablet: [[300, 100], [300, 150], [320, 50], [320, 100], [634, 634], [728, 90]],
639
- desktop: [[250, 250], [300, 100], [300, 150], [300, 250], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300]],
640
- laptop: [[250, 250], [300, 100], [300, 150], [300, 250], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]]
637
+ default: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 50], [320, 100], [336, 280]],
638
+ tablet: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 50], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90]],
639
+ desktop: [[120, 600], [160, 600], [300, 600], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300]],
640
+ laptop: [[120, 600], [160, 600], [300, 600], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]]
641
641
  }
642
642
  },
643
643
  content: {
644
644
  size: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 50], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]],
645
645
  sizeMapping: {
646
- default: [[250, 250], [300, 100], [300, 150], [300, 250], [320, 50], [320, 100], [336, 280]],
647
- tablet: [[250, 250], [300, 100], [300, 150], [300, 250], [320, 50], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90]],
648
- desktop: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300]],
649
- laptop: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]]
646
+ default: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 50], [320, 100], [336, 280]],
647
+ tablet: [[120, 600], [160, 600], [250, 250], [300, 100], [300, 150], [300, 250], [300, 600], [320, 50], [320, 100], [336, 280], [634, 634], [640, 350], [728, 90]],
648
+ desktop: [[120, 600], [160, 600], [300, 600], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300]],
649
+ laptop: [[120, 600], [160, 600], [300, 600], [634, 634], [640, 350], [728, 90], [970, 90], [970, 250], [970, 415], [1024, 300], [1382, 300], [1382, 600]]
650
650
  }
651
651
  }
652
652
  };
@@ -952,12 +952,17 @@ function useAd(path, size) {
952
952
  // Render ad when visible
953
953
  useEffect(() => {
954
954
  const slotReady = slot !== null && !slot.isDefined();
955
- if (adsReady && slotReady && (alwaysRender || isVisible)) {
955
+ if (adsReady && slotReady) {
956
956
  adsManager.defineSlot(slot);
957
+ }
958
+ }, [adsManager, adsReady, slot]);
959
+ useEffect(() => {
960
+ const slotReady = slot !== null && !slot.isDefined();
961
+ if (adsReady && slotReady && (alwaysRender || isVisible)) {
957
962
  adsManager.displaySlot(slot);
958
963
  track('Init', slot);
959
964
  }
960
- }, [adsManager, adsReady, slot, alwaysRender, isIntersecting, track]);
965
+ }, [adsManager, adsReady, slot, alwaysRender, isVisible, track]);
961
966
 
962
967
  // Refresh ads slot
963
968
  useEffect(() => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@folklore/ads",
3
- "version": "0.0.86",
3
+ "version": "0.0.88",
4
4
  "description": "Ads library",
5
5
  "keywords": [
6
6
  "javascript",
@@ -50,7 +50,7 @@
50
50
  "publishConfig": {
51
51
  "access": "public"
52
52
  },
53
- "gitHead": "69c01b6d0bc94cf442c6ca8356c561272c54511f",
53
+ "gitHead": "fa893ed41d00c669cfab5c7780b25dc6a4f6ecf8",
54
54
  "dependencies": {
55
55
  "@folklore/hooks": "^0.0.71",
56
56
  "@folklore/tracking": "^0.0.26",