@brndts/brndts-ads 1.13.12 → 1.13.14

package/dist/index.mjs

@@ -71410,9 +71410,14 @@ var RegionMaskPlugin = /*#__PURE__*/ function() {
         {
             key: "afterRender",
             value: function afterRender(region) {
-                this.countours.update(region.regionContours.points);
-                this.mask.render(region.referencePlane, region.boundingBox, this.countours.points);
-                region.content.view.style.maskImage = this.mask.maskUrl;
+                if (region.regionContours.points.length > 0) {
+                    this.countours.update(region.regionContours.points);
+                    this.mask.render(region.referencePlane, region.boundingBox, this.countours.points);
+                    region.content.view.style.maskImage = this.mask.maskUrl;
+                } else {
+                    this.mask.clear();
+                    region.content.view.style.maskImage = "none";
+                }
                 return Promise.resolve();
             }
         }
@@ -71636,6 +71641,7 @@ var Region = /*#__PURE__*/ function() {
         this.container.classList.add("BRNDTS_R");
         this.container.style.position = "absolute";
         this.container.style.display = "none";
+        this.container.style.pointerEvents = "none";
         if ((_this_deps_config = this.deps.config) === null || _this_deps_config === void 0 ? void 0 : (_this_deps_config_getAdsConfig_general = _this_deps_config.getAdsConfig().general) === null || _this_deps_config_getAdsConfig_general === void 0 ? void 0 : (_this_deps_config_getAdsConfig_general_clickability = _this_deps_config_getAdsConfig_general.clickability) === null || _this_deps_config_getAdsConfig_general_clickability === void 0 ? void 0 : _this_deps_config_getAdsConfig_general_clickability.value) {
             this.container.style.pointerEvents = "all";
         }
@@ -72764,6 +72770,49 @@ var elements = {
 var elements_default = elements;
 // src/Ads/VideoAds/Media/YoutubeMediaElements.ts
 var DEFAULT_SEEK_INTERVAL = 10;
+var YTAPIReady = new Awaitable(false);
+var YTAPILoading = false;
+var YoutubeIframeAPILoader = /*#__PURE__*/ function() {
+    "use strict";
+    function YoutubeIframeAPILoader() {
+        _class_call_check(this, YoutubeIframeAPILoader);
+    }
+    _create_class(YoutubeIframeAPILoader, null, [
+        {
+            key: "isLoaded",
+            value: function isLoaded() {
+                return YTAPIReady;
+            }
+        },
+        {
+            key: "load",
+            value: function load() {
+                if (YTAPIReady.value === true) {
+                    return YTAPIReady;
+                }
+                if (is_default.object(window.YT) && is_default.function(window.YT.Player)) {
+                    YTAPIReady.resolve(true);
+                } else {
+                    if (YTAPILoading) {
+                        return YTAPIReady;
+                    }
+                    var callback = window.onYouTubeIframeAPIReady;
+                    window.onYouTubeIframeAPIReady = function() {
+                        if (callback && is_default.function(callback)) {
+                            callback();
+                        }
+                        YTAPIReady.resolve(true);
+                    };
+                    loadScript("https://www.youtube.com/iframe_api").catch(function(error) {
+                        console.warn("YouTube API failed to load", error);
+                    });
+                }
+                return YTAPIReady;
+            }
+        }
+    ]);
+    return YoutubeIframeAPILoader;
+}();
 function generateId(prefix) {
     return "".concat(prefix, "-").concat(Math.floor(Math.random() * 1e4));
 }
@@ -72836,24 +72885,13 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
             key: "setMediaElement",
             value: function setMediaElement(target) {
                 var _this = this;
-                this.context.logger.log("Checking YT API");
-                if (is_default.object(window.YT) && is_default.function(window.YT.Player)) {
-                    this.context.logger.log("YT API is already loaded");
-                    this.YTAPIReady(target);
-                } else {
-                    var callback = window.onYouTubeIframeAPIReady;
-                    window.onYouTubeIframeAPIReady = function() {
-                        if (callback && is_default.function(callback)) {
-                            callback();
-                        }
-                        _this.context.logger.log("YT API is loaded");
-                        _this.YTAPIReady(target);
-                    };
-                    this.context.logger.log("YT API is not loaded");
-                    loadScript("https://www.youtube.com/iframe_api").catch(function(error) {
-                        _this.context.logger.warn("YouTube API failed to load", error);
-                    });
-                }
+                YoutubeIframeAPILoader.load().promise.then(function() {
+                    _this.YTAPIReady(target);
+                }).catch(function(error) {
+                    _this.context.logger.error("YouTube API failed to load", error);
+                    _this.error = new InternalError("YouTube API failed to load");
+                    _this.emit("ERROR", _this.error);
+                });
             }
         },
         {
@@ -73035,7 +73073,14 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
                 });
                 this.context.elements.original = media;
                 media = elements_default.replaceElement(container, media);
-                var ytPlayer = new window.YT.Player(media, params);
+                var ytPlayer;
+                try {
+                    ytPlayer = new window.YT.Player(media, params);
+                } catch (error) {
+                    this.error = error;
+                    this.emit("ERROR", this.error);
+                    return;
+                }
                 this.media = ytPlayer.getIframe();
             }
         },
@@ -80187,6 +80232,10 @@ var Interface = /*#__PURE__*/ function(_import_events7_default) {
             value: function setupControls() {
                 var _this = this;
                 this.controls = new Controls(this.context);
+                var existingControls = this.container.querySelector("#".concat(this.controls.view.id));
+                if (existingControls) {
+                    this.container.removeChild(existingControls);
+                }
                 this.container.appendChild(this.controls.view);
                 this.controls.events.on("TOGGLE_FULLSCREEN", function() {
                     _this.fullscreen.toggleFullscreen();
@@ -80232,6 +80281,7 @@ var Interface = /*#__PURE__*/ function(_import_events7_default) {
                 if (!this.context.elements.original) {
                     var _this_context_elements_container;
                     (_this_context_elements_container = this.context.elements.container) === null || _this_context_elements_container === void 0 ? void 0 : _this_context_elements_container.remove();
+                    this.context.elements.container = null;
                     return;
                 }
                 (_this_container_parentElement = this.container.parentElement) === null || _this_container_parentElement === void 0 ? void 0 : _this_container_parentElement.replaceChild(this.context.elements.original, this.container);
@@ -81151,7 +81201,8 @@ var AdRegionsArea = /*#__PURE__*/ function() {
                                         }, {
                                             provider: provider,
                                             plugins: plugins2,
-                                            recorder: this.context.recorder
+                                            recorder: this.context.recorder,
+                                            config: this.context.config
                                         });
                                         this.regionsObjects.push(newRegion);
                                         this.regionsContainerView.append(newRegion.view);
@@ -81172,6 +81223,14 @@ var AdRegionsArea = /*#__PURE__*/ function() {
             key: "clear",
             value: function clear() {
                 var _this = this;
+                this.updateSize({
+                    width: 0,
+                    height: 0
+                }, this.context.media.aspectRatio);
+                this.updatePosition({
+                    x: 0,
+                    y: 0
+                });
                 this.regionsObjects.forEach(function(region) {
                     region.clear();
                 });
@@ -81743,12 +81802,13 @@ var RegionFactory = /*#__PURE__*/ function() {
                     ];
                 }
                 if (this.deps.strategy === "blend_with_similarity") {
-                    return [
-                        new RegionMaskPlugin(),
-                        new RegionBorderPlugin({
+                    var _this_deps_config_getAdsConfig_general_debug_mode2, _this_deps_config_getAdsConfig_general2, _this_deps_config2, _this_deps3;
+                    if (!((_this_deps3 = this.deps) === null || _this_deps3 === void 0 ? void 0 : (_this_deps_config2 = _this_deps3.config) === null || _this_deps_config2 === void 0 ? void 0 : (_this_deps_config_getAdsConfig_general2 = _this_deps_config2.getAdsConfig().general) === null || _this_deps_config_getAdsConfig_general2 === void 0 ? void 0 : (_this_deps_config_getAdsConfig_general_debug_mode2 = _this_deps_config_getAdsConfig_general2.debug_mode) === null || _this_deps_config_getAdsConfig_general_debug_mode2 === void 0 ? void 0 : _this_deps_config_getAdsConfig_general_debug_mode2.value)) {
+                        plugins2.push(new RegionBorderPlugin({
                             useFeather: true
-                        })
-                    ];
+                        }));
+                    }
+                    plugins2.push(new RegionMaskPlugin());
                 }
                 if (!((_this_deps2 = this.deps) === null || _this_deps2 === void 0 ? void 0 : (_this_deps_config1 = _this_deps2.config) === null || _this_deps_config1 === void 0 ? void 0 : (_this_deps_config_getAdsConfig_general1 = _this_deps_config1.getAdsConfig().general) === null || _this_deps_config_getAdsConfig_general1 === void 0 ? void 0 : (_this_deps_config_getAdsConfig_general_debug_mode1 = _this_deps_config_getAdsConfig_general1.debug_mode) === null || _this_deps_config_getAdsConfig_general_debug_mode1 === void 0 ? void 0 : _this_deps_config_getAdsConfig_general_debug_mode1.value) && (this.deps.strategy === "banner" || this.deps.strategy === "bannerv2" || this.deps.strategy === "bannerv2_ocr" || this.deps.strategy === "test")) {
                     plugins2.push(new RegionBorderPlugin(), new RegionAnimationPlugin());
@@ -82632,6 +82692,12 @@ var VideoAd = /*#__PURE__*/ function() {
                 (_this_presentation = this.presentation) === null || _this_presentation === void 0 ? void 0 : _this_presentation.updateSize();
             }
         },
+        {
+            key: "isBroken",
+            value: function isBroken() {
+                return !this.media.view || document.body.contains(this.media.view) || !this.media.view.closest("#BRNDTS_R") || !this.media.view.querySelector("#BRNDTS_R");
+            }
+        },
         {
             key: "destroy",
             value: function destroy() {
@@ -82660,39 +82726,21 @@ var VideoAds = /*#__PURE__*/ function() {
                     var elements2 = [];
                     for(var index = 0; index < this.videoAdElements.length; index++){
                         var element = this.videoAdElements[index];
-                        if (element.media.view && document.body.contains(element.media.view)) {
-                            elements2.push(element);
-                        } else {
+                        if (element.isBroken()) {
                             element.destroy();
+                        } else {
+                            elements2.push(element);
                         }
                     }
                     this.videoAdElements = elements2;
                     var medias = MediaElementFactory.getElements(this.context.selectors.targets);
-                    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                    try {
-                        for(var _iterator = medias[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                            var media = _step.value;
-                            if (!media || media.closest("#BRNDTS_R") || media.querySelector("#BRNDTS_R") || media.dataset.b_I !== void 0) {
-                                continue;
-                            }
-                            media.dataset.b_I = "".concat(this.videoAdElements.length);
-                            var videoAd = new VideoAd(this.context, media);
-                            this.videoAdElements.push(videoAd);
-                            videoAd.start();
-                        }
-                    } catch (err) {
-                        _didIteratorError = true;
-                        _iteratorError = err;
-                    } finally{
-                        try {
-                            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                                _iterator.return();
-                            }
-                        } finally{
-                            if (_didIteratorError) {
-                                throw _iteratorError;
-                            }
+                    for(var index1 = 0; index1 < medias.length; index1++){
+                        if (!medias[index1] || medias[index1].closest("#BRNDTS_R") || medias[index1].querySelector("#BRNDTS_R")) {
+                            continue;
                         }
+                        var videoAd = new VideoAd(this.context, medias[index1]);
+                        this.videoAdElements.push(videoAd);
+                        videoAd.start();
                     }
                 } catch (error) {
                     if (_instanceof(error, Error)) {
@@ -82713,9 +82761,7 @@ var VideoAds = /*#__PURE__*/ function() {
         },
         {
             key: "handlePageMutation",
-            value: function handlePageMutation() {
-                this.handleMedias();
-            }
+            value: function handlePageMutation() {}
         },
         {
             key: "updateSize",