@brndts/brndts-ads 1.13.13 → 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();
             }
         },
@@ -81156,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);
@@ -81177,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();
                 });
@@ -81748,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());
@@ -82706,9 +82761,7 @@ var VideoAds = /*#__PURE__*/ function() {
         },
         {
             key: "handlePageMutation",
-            value: function handlePageMutation() {
-                this.handleMedias();
-            }
+            value: function handlePageMutation() {}
         },
         {
             key: "updateSize",