@brndts/brndts-ads 1.10.4 → 1.11.0

package/dist/index.js

@@ -69370,13 +69370,63 @@ var AffiliateProvider = /*#__PURE__*/ function(ContentProvider1) {
         },
         {
             key: "getAffiliate",
-            value: function getAffiliate(regionId, size) {
+            value: function getAffiliate(regionId, size, adType, regionName) {
                 var _this = this;
                 if (!regionId) {
+                    if (adType && regionName) {
+                        var sizes = ContentProvider.adSizes[adType];
+                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        try {
+                            var _this1, _loop = function() {
+                                var _step_value = _sliced_to_array(_step.value, 2), width = _step_value[0], height = _step_value[1];
+                                var identifier = "".concat(width, "x").concat(height);
+                                var aff2 = _this1.manifest.filter(function(a) {
+                                    return a.size.w === width && a.size.h === height;
+                                });
+                                if (!aff2.length) {
+                                    return "continue";
+                                }
+                                if (!_this1.useByRegion[identifier]) {
+                                    _this1.useByRegion[identifier] = /* @__PURE__ */ new Set();
+                                }
+                                if (_this1.useByRegion[identifier].size === aff2.length) {
+                                    _this1.useByRegion[identifier].clear();
+                                }
+                                var unused2 = aff2.filter(function(a) {
+                                    return !_this.useByRegion[identifier].has(a.id);
+                                });
+                                if (unused2.length) {
+                                    var randomIndex2 = Math.floor(Math.random() * unused2.length);
+                                    var selected = unused2[randomIndex2];
+                                    _this1.useByRegion[identifier].add(selected.id);
+                                    return {
+                                        v: selected
+                                    };
+                                }
+                            };
+                            for(var _iterator = sizes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                var _ret = (_this1 = this, _loop());
+                                if (_type_of(_ret) === "object") return _ret.v;
+                            }
+                        } catch (err) {
+                            _didIteratorError = true;
+                            _iteratorError = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                    _iterator.return();
+                                }
+                            } finally{
+                                if (_didIteratorError) {
+                                    throw _iteratorError;
+                                }
+                            }
+                        }
+                    }
                     if ((size === null || size === void 0 ? void 0 : size.width) && (size === null || size === void 0 ? void 0 : size.height)) {
                         var identifier = "".concat(size.width, "x").concat(size.height);
                         var aff2 = this.manifest.filter(function(a) {
-                            return a.size.w === size.width && a.size.h === size.height;
+                            return a.size.w === (size === null || size === void 0 ? void 0 : size.width) && a.size.h === size.height;
                         });
                         if (!aff2.length) {
                             return null;
@@ -69431,7 +69481,10 @@ var AffiliateProvider = /*#__PURE__*/ function(ContentProvider1) {
                             case 1:
                                 _state.sent();
                                 affiliate = null;
-                                if (params.params.useRatio) {
+                                if (!affiliate && params.params.adType && params.params.regionName) {
+                                    affiliate = this.getAffiliate(void 0, params.size, params.params.adType, params.params.regionName);
+                                }
+                                if (!affiliate && params.params.useRatio) {
                                     regionInfo = ContentProvider.approxRegionByRatio(params.size.width, params.size.height);
                                     if (regionInfo) {
                                         affiliate = this.getAffiliate("".concat(regionInfo.id), {
@@ -69684,15 +69737,22 @@ var PrebidJS = /*#__PURE__*/ function() {
         },
         {
             key: "defineSlot",
-            value: function defineSlot(options, slotId, containerId) {
+            value: function defineSlot(options, slotId, containerId, adType) {
                 var _window_pbjs;
                 var unitDefinition = options.units.find(function(unit) {
                     return unit.code === "".concat(slotId);
                 });
+                var sizes = [];
                 if (!unitDefinition) {
                     console.error("No unit definition found for slotId: ".concat(slotId));
                     return;
                 }
+                if (adType) {
+                    sizes = ContentProvider.adSizes[adType];
+                } else {
+                    var _unitDefinition_mediaTypes_banner;
+                    sizes = ((_unitDefinition_mediaTypes_banner = unitDefinition.mediaTypes.banner) === null || _unitDefinition_mediaTypes_banner === void 0 ? void 0 : _unitDefinition_mediaTypes_banner.sizes) || [];
+                }
                 if (!((_window_pbjs = window.pbjs) === null || _window_pbjs === void 0 ? void 0 : _window_pbjs.adUnits.some(function(defUnit) {
                     return containerId === defUnit.code;
                 }))) {
@@ -69702,6 +69762,11 @@ var PrebidJS = /*#__PURE__*/ function() {
                         if ((_window_pbjs = window.pbjs) === null || _window_pbjs === void 0 ? void 0 : _window_pbjs.addAdUnits) {
                             window.pbjs.addAdUnits([
                                 _object_spread_props(_object_spread({}, unitDefinition), {
+                                    mediaTypes: _object_spread_props(_object_spread({}, unitDefinition.mediaTypes || {}), {
+                                        banner: _object_spread_props(_object_spread({}, unitDefinition.mediaTypes.banner || {}), {
+                                            sizes: sizes
+                                        })
+                                    }),
                                     code: containerId
                                 })
                             ]);
@@ -69869,7 +69934,7 @@ var PrebidjsProvider = /*#__PURE__*/ function(ContentProvider1) {
             key: "request",
             value: function request(params) {
                 return _async_to_generator(function() {
-                    var _this, regionId, regionInfo, regionInfo1;
+                    var _this, adType, regionId, regionInfo, regionInfo1;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -69880,6 +69945,7 @@ var PrebidjsProvider = /*#__PURE__*/ function(ContentProvider1) {
                                 ];
                             case 1:
                                 _state.sent();
+                                adType = params.params.adType;
                                 regionId = params.params.regionId;
                                 if (params.params.useRatio) {
                                     regionInfo = ContentProvider.approxRegionByRatio(params.size.width, params.size.height);
@@ -69904,7 +69970,7 @@ var PrebidjsProvider = /*#__PURE__*/ function(ContentProvider1) {
                                 ];
                             case 2:
                                 _state.sent();
-                                PrebidJS.defineSlot(this.options, regionId, params.params.regionId);
+                                PrebidJS.defineSlot(this.options, regionId, params.params.regionId, adType);
                                 PrebidJS.request(regionId, params.params.regionId, function(bids) {
                                     return _this.processBids(params, bids);
                                 });
@@ -70174,18 +70240,25 @@ var PrebidGAM = /*#__PURE__*/ function() {
         },
         {
             key: "defineSlot",
-            value: function defineSlot(options, slotId, containerId) {
-                var _unitDefinition_mediaTypes_banner, _window_pbjs;
+            value: function defineSlot(options, slotId, containerId, adType) {
+                var adName = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : "banner";
+                var _window_pbjs;
                 var gamNetworkId = _PrebidGAM.getProperGAMNetworkId(options);
                 var unitDefinition = options.units.find(function(unit) {
                     return unit.code === "".concat(slotId);
                 });
+                var sizes = [];
                 if (!unitDefinition) {
                     console.error("No unit definition found for slotId: ".concat(slotId));
                     return;
                 }
-                var sizes = ((_unitDefinition_mediaTypes_banner = unitDefinition.mediaTypes.banner) === null || _unitDefinition_mediaTypes_banner === void 0 ? void 0 : _unitDefinition_mediaTypes_banner.sizes) || [];
-                GPT.defineSlot("/".concat(gamNetworkId, "/banner"), sizes, "".concat(containerId));
+                if (adType) {
+                    sizes = ContentProvider.adSizes[adType];
+                } else {
+                    var _unitDefinition_mediaTypes_banner;
+                    sizes = ((_unitDefinition_mediaTypes_banner = unitDefinition.mediaTypes.banner) === null || _unitDefinition_mediaTypes_banner === void 0 ? void 0 : _unitDefinition_mediaTypes_banner.sizes) || [];
+                }
+                GPT.defineSlot("/".concat(gamNetworkId, "/").concat(adName), sizes, "".concat(containerId));
                 if (!((_window_pbjs = window.pbjs) === null || _window_pbjs === void 0 ? void 0 : _window_pbjs.adUnits.some(function(defUnit) {
                     return "".concat(containerId) === "".concat(defUnit.code);
                 }))) {
@@ -70195,6 +70268,11 @@ var PrebidGAM = /*#__PURE__*/ function() {
                         if ((_window_pbjs = window.pbjs) === null || _window_pbjs === void 0 ? void 0 : _window_pbjs.addAdUnits) {
                             window.pbjs.addAdUnits([
                                 _object_spread_props(_object_spread({}, unitDefinition), {
+                                    mediaTypes: _object_spread_props(_object_spread({}, unitDefinition.mediaTypes || {}), {
+                                        banner: _object_spread_props(_object_spread({}, unitDefinition.mediaTypes.banner || {}), {
+                                            sizes: sizes
+                                        })
+                                    }),
                                     code: "".concat(containerId)
                                 })
                             ]);
@@ -70304,7 +70382,7 @@ var PrebidGAMProvider = /*#__PURE__*/ function(ContentProvider1) {
             key: "request",
             value: function request(params) {
                 return _async_to_generator(function() {
-                    var _this, regionId, regionInfo;
+                    var _this, adType, adName, regionId, regionInfo;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -70315,6 +70393,8 @@ var PrebidGAMProvider = /*#__PURE__*/ function(ContentProvider1) {
                                 ];
                             case 1:
                                 _state.sent();
+                                adType = params.params.adType;
+                                adName = params.params.regionName;
                                 regionId = params.params.regionId;
                                 if (params.params.useRatio) {
                                     regionInfo = ContentProvider.approxRegionByRatio(params.size.width, params.size.height);
@@ -70342,7 +70422,7 @@ var PrebidGAMProvider = /*#__PURE__*/ function(ContentProvider1) {
                                 ];
                             case 2:
                                 _state.sent();
-                                PrebidGAM.defineSlot(this.options, regionId, this.workingSlotId);
+                                PrebidGAM.defineSlot(this.options, regionId, this.workingSlotId, adType, adName);
                                 PrebidGAM.request(regionId, this.workingSlotId, function(content) {
                                     content.style.width = "".concat(regionInfo === null || regionInfo === void 0 ? void 0 : regionInfo.w, "px");
                                     content.style.height = "".concat(regionInfo === null || regionInfo === void 0 ? void 0 : regionInfo.h, "px");
@@ -71127,7 +71207,7 @@ var RegionDebugPlugin = /*#__PURE__*/ function() {
 }();
 // src/Ads/Regions/Region.ts
 var Region = /*#__PURE__*/ function() {
-    function Region(id, regionDescriptor, planeDescriptor, deps) {
+    function Region(id, regionDescriptor, planeDescriptor, options, deps) {
         var _this = this;
         _class_call_check(this, Region);
         this.onScreen = false;
@@ -71135,6 +71215,7 @@ var Region = /*#__PURE__*/ function() {
         this.plugins = [];
         this.id = id;
         this.regionDescriptor = regionDescriptor;
+        this.options = options;
         this.contours = new RegionContours(regionDescriptor.contours);
         this.box = new RegionBox(regionDescriptor.box);
         this.plane = new Plane(planeDescriptor);
@@ -71576,7 +71657,7 @@ var Region = /*#__PURE__*/ function() {
 // src/Ads/Regions/StaticAdRegion.ts
 var StaticAdRegion = /*#__PURE__*/ function(Region) {
     _inherits(StaticAdRegion, Region);
-    function StaticAdRegion(id, planeDescriptor, deps) {
+    function StaticAdRegion(id, planeDescriptor, options, deps) {
         _class_call_check(this, StaticAdRegion);
         var _this;
         _this = _call_super(this, StaticAdRegion, [
@@ -71592,6 +71673,7 @@ var StaticAdRegion = /*#__PURE__*/ function(Region) {
                 }
             },
             planeDescriptor,
+            options,
             deps
         ]);
         _this.requestWithSize = true;
@@ -71609,12 +71691,15 @@ var StaticAdRegion = /*#__PURE__*/ function(Region) {
             value: function requestContent() {
                 var box = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.box;
                 if (this.deps.provider) {
+                    var _this_options_ad, _this_options, _this_options_ad1, _this_options1;
                     this.deps.provider.request({
                         size: {
                             width: box.width(this.plane.size),
                             height: box.height(this.plane.size)
                         },
                         params: {
+                            adType: (_this_options = this.options) === null || _this_options === void 0 ? void 0 : (_this_options_ad = _this_options.ad) === null || _this_options_ad === void 0 ? void 0 : _this_options_ad.type,
+                            regionName: (_this_options1 = this.options) === null || _this_options1 === void 0 ? void 0 : (_this_options_ad1 = _this_options1.ad) === null || _this_options_ad1 === void 0 ? void 0 : _this_options_ad1.name,
                             useSize: true,
                             regionId: this.id
                         }
@@ -71700,25 +71785,57 @@ var StaticAdRegion = /*#__PURE__*/ function(Region) {
     return StaticAdRegion;
 }(Region);
 // src/Ads/StaticAds/StaticAds.ts
+function debounce2(func) {
+    var timeout = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 100;
+    var timer;
+    return function() {
+        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+            args[_key] = arguments[_key];
+        }
+        clearTimeout(timer);
+        timer = setTimeout(function() {
+            func.apply(void 0, _to_consumable_array(args));
+        }, timeout);
+    };
+}
+function isElementVisible(element) {
+    if (!element) return false;
+    if (!document.contains(element)) return false;
+    var style = window.getComputedStyle(element);
+    if (style.display === "none" || style.visibility === "hidden" || style.opacity === "0") {
+        return false;
+    }
+    return true;
+}
 var StaticAds = /*#__PURE__*/ function() {
     function StaticAds(context) {
         _class_call_check(this, StaticAds);
         this.regions = [];
+        this.handlePageMutation = this.handlePageMutation.bind(this);
         this.context = context;
         this.recorderFactory = new RecorderFactory(this.context);
+        this.observer = new MutationObserver(debounce2(this.handlePageMutation));
     }
     _create_class(StaticAds, [
         {
-            key: "start",
-            value: function start() {
+            key: "handlePageMutation",
+            value: function handlePageMutation() {
+                this.handleRegions();
+            }
+        },
+        {
+            key: "handleRegions",
+            value: function handleRegions() {
                 var _this, _loop = function(index) {
                     var element = elements2[index];
                     var previousContent = _to_consumable_array(element.childNodes);
                     var id = 500 + index;
                     var size = null;
+                    var adType = void 0;
+                    var regionName = void 0;
                     if (element.hasAttribute("data-b-t") && element.hasAttribute("data-b-n")) {
-                        var adType = element.getAttribute("data-b-t");
-                        var regionName = element.getAttribute("data-b-n");
+                        adType = element.getAttribute("data-b-t");
+                        regionName = element.getAttribute("data-b-n") || void 0;
                         var sizes = ContentProvider.adSizes[adType];
                         if (sizes && sizes.length > 0) {
                             var _sizes_ = _sliced_to_array(sizes[0], 2), w2 = _sizes_[0], h = _sizes_[1];
@@ -71729,12 +71846,6 @@ var StaticAds = /*#__PURE__*/ function() {
                         } else {
                             _this.context.logger.error("Invalid attribute or no sizes found for adType: ".concat(adType, " and regionName: ").concat(regionName));
                         }
-                    } else if (element.hasAttribute("data-b-w") && element.hasAttribute("data-b-h")) {
-                        size = {
-                            width: Number(element.getAttribute("data-b-w")),
-                            height: Number(element.getAttribute("data-b-h"))
-                        };
-                        _this.context.logger.warn("Using deprecated attributes data-b-w and data-b-h for element: ".concat(element.getAttribute("data-b-n")));
                     }
                     if (!size) {
                         return "continue";
@@ -71777,6 +71888,11 @@ var StaticAds = /*#__PURE__*/ function() {
                         }
                     ];
                     var newRegion = new StaticAdRegion(id, size, {
+                        ad: {
+                            type: adType,
+                            name: regionName
+                        }
+                    }, {
                         provider: provider,
                         plugins: plugins2,
                         recorder: _this.recorderFactory.create()
@@ -71785,20 +71901,31 @@ var StaticAds = /*#__PURE__*/ function() {
                     element.appendChild(newRegion.view);
                     _this.regions.push(newRegion);
                 };
-                this.context.logger.log("starting static ads");
                 var selector = this.context.config.get("staticRegionsSelector");
                 if (!selector) {
                     return;
                 }
                 var elements2 = Array.from(document.querySelectorAll(selector)).filter(function(e2) {
-                    return _instanceof(e2, HTMLElement) && (e2.hasAttribute("data-b-t") && e2.hasAttribute("data-b-n") || e2.hasAttribute("data-b-w") && e2.hasAttribute("data-b-h"));
+                    return _instanceof(e2, HTMLElement) && e2.hasAttribute("data-b-t") && e2.hasAttribute("data-b-n") && e2.querySelector('[class="BRNDTS_R"]') === null && isElementVisible(e2);
                 });
                 for(var index = 0; index < elements2.length; index++)_this = this, _loop(index);
             }
         },
+        {
+            key: "start",
+            value: function start() {
+                this.context.logger.log("starting static ads");
+                this.handleRegions();
+                this.observer.observe(document.body, {
+                    childList: true,
+                    subtree: true
+                });
+            }
+        },
         {
             key: "destroy",
             value: function destroy() {
+                this.observer.disconnect();
                 this.context.logger.log("destroying static ads");
                 this.regions.forEach(function(region) {
                     region.destroy();
@@ -74607,12 +74734,13 @@ var MappedCollection = /*#__PURE__*/ function() {
 // src/Ads/Regions/AdRegion.ts
 var AdRegion = /*#__PURE__*/ function(Region) {
     _inherits(AdRegion, Region);
-    function AdRegion(regionDescriptor, planeDescriptor, deps) {
+    function AdRegion(regionDescriptor, planeDescriptor, options, deps) {
         _class_call_check(this, AdRegion);
         return _call_super(this, AdRegion, [
             "".concat(regionDescriptor.id),
             regionDescriptor,
             planeDescriptor,
+            options,
             deps
         ]);
     }
@@ -74635,12 +74763,13 @@ var AdRegion = /*#__PURE__*/ function(Region) {
 // src/Ads/Regions/AuxRegion.ts
 var AuxRegion = /*#__PURE__*/ function(Region) {
     _inherits(AuxRegion, Region);
-    function AuxRegion(regionDescriptor, planeDescriptor, deps) {
+    function AuxRegion(regionDescriptor, planeDescriptor, options, deps) {
         _class_call_check(this, AuxRegion);
         return _call_super(this, AuxRegion, [
             "".concat(regionDescriptor.id),
             regionDescriptor,
             planeDescriptor,
+            options,
             _object_spread({}, deps)
         ]);
     }
@@ -74704,15 +74833,15 @@ var RegionFactory = /*#__PURE__*/ function() {
         },
         {
             key: "get",
-            value: function get(regionDescriptor, planeDescriptor, deps) {
+            value: function get(regionDescriptor, planeDescriptor, options, deps) {
                 if (regionDescriptor && planeDescriptor) {
                     var _this_deps;
                     if ((_this_deps = this.deps) === null || _this_deps === void 0 ? void 0 : _this_deps.debug) {
-                        return new AuxRegion(regionDescriptor, planeDescriptor, _object_spread_props(_object_spread({}, this.deps || {}, deps || {}), {
+                        return new AuxRegion(regionDescriptor, planeDescriptor, options || {}, _object_spread_props(_object_spread({}, this.deps || {}, deps || {}), {
                             plugins: this.getPluginForStrategy()
                         }));
                     } else {
-                        return new AdRegion(regionDescriptor, planeDescriptor, _object_spread_props(_object_spread({}, this.deps || {}, deps || {}), {
+                        return new AdRegion(regionDescriptor, planeDescriptor, options || {}, _object_spread_props(_object_spread({}, this.deps || {}, deps || {}), {
                             plugins: this.getPluginForStrategy()
                         }));
                     }
@@ -74880,7 +75009,7 @@ var RegionRenderer = /*#__PURE__*/ function() {
             }, {
                 width: this.regionsContainerView.width,
                 height: this.regionsContainerView.height
-            }, {
+            }, {}, {
                 provider: ContentProviderFactory.getProvider(this.context, this.context.config.get("ads").provider)
             });
             this.regionsData.push({
@@ -74957,7 +75086,7 @@ var RegionRenderer = /*#__PURE__*/ function() {
                             var newRegion = this.regionFactory.get(diffRight[index1], {
                                 width: this.regionsContainerView.width,
                                 height: this.regionsContainerView.height
-                            }, {
+                            }, {}, {
                                 provider: ContentProviderFactory.getProvider(this.context, this.context.config.get("ads").provider)
                             });
                             this.regionsObjects.push(newRegion);
@@ -79788,7 +79917,7 @@ var AuxElementsRenderer = /*#__PURE__*/ function() {
             }, {
                 width: this.regionsContainerView.width,
                 height: this.regionsContainerView.height
-            }, {
+            }, {}, {
                 provider: ContentProviderFactory.getProvider(this.context, this.context.config.get("ads").provider)
             });
             this.auxElementsData.push({
@@ -79850,7 +79979,7 @@ var AuxElementsRenderer = /*#__PURE__*/ function() {
                         }), {
                             width: this.regionsContainerView.width,
                             height: this.regionsContainerView.height
-                        }, {});
+                        }, {}, {});
                         this.regionsObjects.push(oldRegion);
                         this.regionsContainerView.append(oldRegion.view);
                     }
@@ -80142,11 +80271,11 @@ var VideoAd = /*#__PURE__*/ function() {
         {
             key: "destroy",
             value: function destroy() {
-                var _this_adPresentationStrategy, _this_regionsRenderer, _this_videoRegions, _this_videoAdContext_interface;
+                var _this_adPresentationStrategy, _this_regionsRenderer, _this_videoRegions, _this_videoAdContext_recorder, _this_videoAdContext_interface;
                 (_this_adPresentationStrategy = this.adPresentationStrategy) === null || _this_adPresentationStrategy === void 0 ? void 0 : _this_adPresentationStrategy.destroy();
                 (_this_regionsRenderer = this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.destroy();
                 (_this_videoRegions = this.videoRegions) === null || _this_videoRegions === void 0 ? void 0 : _this_videoRegions.destroy();
-                this.videoAdContext.recorder.destroy();
+                (_this_videoAdContext_recorder = this.videoAdContext.recorder) === null || _this_videoAdContext_recorder === void 0 ? void 0 : _this_videoAdContext_recorder.destroy();
                 (_this_videoAdContext_interface = this.videoAdContext.interface) === null || _this_videoAdContext_interface === void 0 ? void 0 : _this_videoAdContext_interface.destroy();
             }
         }