@brndts/brndts-ads 0.0.2 → 1.0.0

package/dist/index.mjs

@@ -18670,7 +18670,6 @@ var ErrorHandler = /*#__PURE__*/ function() {
             key: "handle",
             value: function handle(error) {
                 Reporter_default.capture(error);
-                console.error(error);
                 if (_instanceof(error, GenericError)) {
                     if (error.fatal) {
                         throw error;
@@ -18870,8 +18869,7 @@ var defaults = {
     },
     playback: {},
     volume: {
-        mute: false,
-        defaultVolume: 20
+        mute: false
     },
     ads: {
         enabled: true,
@@ -18882,7 +18880,7 @@ var defaults = {
         },
         regions: {
             useCache: true,
-            strategy: "blend"
+            strategy: "bannerv2"
         },
         provider: {
             type: "brndts_placeholder",
@@ -18932,7 +18930,6 @@ var Config = /*#__PURE__*/ function() {
                 return fetch("".concat(this.configs.auth.host, "/authority/tenant/bap/").concat(this.configs.key, "/configs")).then(function(response) {
                     return response.json();
                 }).then(function(data) {
-                    console.log("Loaded remote configuration", data);
                     _this.remote = data;
                     _this.merge();
                 });
@@ -19942,6 +19939,11 @@ var RegionsContainerView = /*#__PURE__*/ function() {
                 } else {
                     this.contentLayer.style.top = "0px";
                 }
+                if (width - newDimensions.width > 0) {
+                    this.contentLayer.style.left = "".concat((width - newDimensions.width) / 2, "px");
+                } else {
+                    this.contentLayer.style.left = "0px";
+                }
             }
         },
         {
@@ -20481,7 +20483,6 @@ var KevelSDK = /*#__PURE__*/ function() {
                         };
                     }
                 }).catch(function(error) {
-                    console.error("There was a problem with the fetch operation:", error);
                     throw error;
                 });
             }
@@ -20593,9 +20594,7 @@ var SmartyadsSDK = /*#__PURE__*/ function() {
             key: "request",
             value: function request(params) {
                 var url2 = "https://n1.smartyads.com/?c=b&".concat(this.buildQueryParams(params));
-                console.log("requesting : ", url2);
                 return fetch("https://n1.smartyads.com/?c=b&".concat(this.buildQueryParams(params))).then(function(response) {
-                    console.log("response", response);
                     if (!response.ok) {
                         throw new InternalError("Network response was not ok");
                     }
@@ -20603,7 +20602,6 @@ var SmartyadsSDK = /*#__PURE__*/ function() {
                 }).then(function(data) {
                     return data;
                 }).catch(function(error) {
-                    console.error("There was a problem with the fetch operation:", error);
                     throw error;
                 });
             }
@@ -20778,47 +20776,43 @@ var VideoRegionsDurationDecorator = /*#__PURE__*/ function(VideoRegionsDataManag
                 var last;
                 var result;
                 var workingTimestamp = timestamp;
-                try {
-                    while(totalDuration < this.params.duration){
-                        var regions = this.component.get(workingTimestamp);
-                        if (!regions || !regions.regions) {
-                            return null;
+                while(totalDuration < this.params.duration){
+                    var regions = this.component.get(workingTimestamp);
+                    if (!regions || !regions.regions) {
+                        return null;
+                    }
+                    var validRegions = regions.regions.filter(function(reg, _, array) {
+                        if (!last) {
+                            last = array.map(function(r2) {
+                                return r2.id;
+                            });
+                            result = _to_consumable_array(array);
                         }
-                        var validRegions = regions.regions.filter(function(reg, _, array) {
-                            if (!last) {
-                                last = array.map(function(r2) {
-                                    return r2.id;
-                                });
-                                result = _to_consumable_array(array);
+                        if (reg.iou <= _this.iou) {
+                            if (last.includes(reg.id)) {
+                                return true;
                             }
-                            if (reg.iou <= _this.iou) {
-                                if (last.includes(reg.id)) {
-                                    return true;
-                                }
-                                return false;
-                            } else {
-                                if (last.includes(reg.id)) {
-                                    var foundIndex = last.indexOf(reg.id);
-                                    last.splice(foundIndex, 1);
-                                    result === null || result === void 0 ? void 0 : result.splice(foundIndex, 1);
-                                }
-                                return false;
-                            }
-                        });
-                        if (validRegions.length <= 0) {
-                            return null;
-                        }
-                        var duration = 0;
-                        if (regions.timestamp_start < workingTimestamp) {
-                            duration = regions.timestamp_end - workingTimestamp;
+                            return false;
                         } else {
-                            duration = regions.timestamp_end - regions.timestamp_start;
+                            if (last.includes(reg.id)) {
+                                var foundIndex = last.indexOf(reg.id);
+                                last.splice(foundIndex, 1);
+                                result === null || result === void 0 ? void 0 : result.splice(foundIndex, 1);
+                            }
+                            return false;
                         }
-                        totalDuration += duration;
-                        workingTimestamp = regions.timestamp_end + 1e-3;
+                    });
+                    if (validRegions.length <= 0) {
+                        return null;
                     }
-                } catch (e2) {
-                    console.log("error", e2);
+                    var duration = 0;
+                    if (regions.timestamp_start < workingTimestamp) {
+                        duration = regions.timestamp_end - workingTimestamp;
+                    } else {
+                        duration = regions.timestamp_end - regions.timestamp_start;
+                    }
+                    totalDuration += duration;
+                    workingTimestamp = regions.timestamp_end + 1e-3;
                 }
                 if (!result) {
                     return null;
@@ -20898,10 +20892,11 @@ var Ads = /*#__PURE__*/ function() {
                 this.context.store.subscribe(function(newState, oldState) {
                     if (oldState.status !== newState.status) {
                         if (newState.status === "playing") {
-                            console.log("ads state changed");
                             _this.adPresentationStrategy.start();
                         } else {
+                            var _this_regionsRenderer;
                             _this.adPresentationStrategy.stop();
+                            (_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.clear();
                         }
                     }
                     if (oldState.ready !== newState.ready) {
@@ -20911,11 +20906,20 @@ var Ads = /*#__PURE__*/ function() {
                     }
                 });
                 this.adPresentationStrategy.on("presentation", function() {
-                    var regions = _this.videoRegions.get(_this.context.media.currentTime);
-                    if (regions === null || regions === void 0 ? void 0 : regions.regions) {
-                        var _this_regionsRenderer;
-                        _this.adPresentationStrategy.startedPresentation();
-                        (_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.render(regions.regions);
+                    try {
+                        var regions = _this.videoRegions.get(_this.context.media.currentTime);
+                        if (regions === null || regions === void 0 ? void 0 : regions.regions) {
+                            var _this_regionsRenderer;
+                            _this.adPresentationStrategy.startedPresentation();
+                            (_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.render(regions.regions);
+                        }
+                    } catch (e2) {
+                        if (_instanceof(e2, Error)) {
+                            var error = new InternalError(e2.message);
+                            error.stack = e2.stack;
+                            _this.context.logger.error(e2);
+                            ErrorHandler.handle(error);
+                        }
                     }
                 }).on("cooldown", function() {
                     var _this_regionsRenderer;
@@ -20924,7 +20928,6 @@ var Ads = /*#__PURE__*/ function() {
                 });
                 (_this_context_media = this.context.media) === null || _this_context_media === void 0 ? void 0 : _this_context_media.on("SEEKED", function() {
                     _this.videoRegions.seek(_this.context.media.currentTime);
-                    _this.adPresentationStrategy.start();
                 });
                 this.handleState();
             }
@@ -24216,10 +24219,9 @@ var Interface = /*#__PURE__*/ function(_import_events3_default) {
         }
         _this.media = _this.context.media;
         _this.container = document.createElement("div");
-        _this.container.id = "BRNDTS_W";
+        _this.container.id = "BRNDTS";
         _this.setDebug(_this.context.config.get("debug"));
         _this.wrapMedia();
-        _this.migrateStyles();
         _this.setupControls();
         return _this;
     }
@@ -24228,7 +24230,7 @@ var Interface = /*#__PURE__*/ function(_import_events3_default) {
             key: "wrapMedia",
             value: function wrapMedia() {
                 var _this_media_view_parentElement, _this_media_view;
-                if (((_this_media_view = this.media.view) === null || _this_media_view === void 0 ? void 0 : (_this_media_view_parentElement = _this_media_view.parentElement) === null || _this_media_view_parentElement === void 0 ? void 0 : _this_media_view_parentElement.id) === "BRNDTS_W") {
+                if (((_this_media_view = this.media.view) === null || _this_media_view === void 0 ? void 0 : (_this_media_view_parentElement = _this_media_view.parentElement) === null || _this_media_view_parentElement === void 0 ? void 0 : _this_media_view_parentElement.id) === "BRNDTS") {
                     this.context.elements.container = this.media.view.parentElement;
                 }
                 if (!is_default.element(this.context.elements.container)) {
@@ -24237,9 +24239,11 @@ var Interface = /*#__PURE__*/ function(_import_events3_default) {
                 } else if (this.context.elements.container) {
                     this.container = this.context.elements.container;
                 }
-                this.container.style.width = "".concat(this.media.viewWidth, "px");
-                this.container.style.height = "".concat(this.media.viewHeight, "px");
+                this.migrateStyles();
                 if (this.media.view) {
+                    this.media.view.style.position = "absolute";
+                    this.media.view.style.top = "0";
+                    this.media.view.style.left = "0";
                     this.media.view.style.width = "100%";
                     this.media.view.style.height = "100%";
                 }
@@ -24252,7 +24256,7 @@ var Interface = /*#__PURE__*/ function(_import_events3_default) {
                 var _this_media_view;
                 Object.values(_object_spread({}, ((_this_media_view = this.media.view) === null || _this_media_view === void 0 ? void 0 : _this_media_view.style) || {})).filter(//@ts-expect-error
                 function(key) {
-                    return !is_default.empty(key) && is_default.string(key) && key.startsWith("--plyr");
+                    return !is_default.empty(key) && is_default.string(key);
                 }).forEach(function(key) {
                     _this.container.style.setProperty(//@ts-expect-error
                     key, //@ts-expect-error
@@ -28926,9 +28930,9 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
             key: "setMediaElement",
             value: function setMediaElement() {
                 var _this = this;
-                console.log("Checking YT API");
+                this.context.logger.log("Checking YT API");
                 if (is_default.object(window.YT) && is_default.function(window.YT.Player)) {
-                    console.log("YT API is already loaded");
+                    this.context.logger.log("YT API is already loaded");
                     this.YTAPIReady();
                 } else {
                     var callback = window.onYouTubeIframeAPIReady;
@@ -28936,12 +28940,12 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
                         if (callback && is_default.function(callback)) {
                             callback();
                         }
-                        console.log("YT API is loaded");
+                        _this.context.logger.log("YT API is loaded");
                         _this.YTAPIReady();
                     };
-                    console.log("YT API is not loaded");
+                    this.context.logger.log("YT API is not loaded");
                     loadScript("https://www.youtube.com/iframe_api").catch(function(error) {
-                        console.warn("YouTube API failed to load", error);
+                        _this.context.logger.warn("YouTube API failed to load", error);
                     });
                 }
             }
@@ -29000,7 +29004,7 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
             value: function handleYTPlayerReady(event) {
                 var _this = this;
                 if (this.instance) {
-                    console.warn("Instance already found!");
+                    this.context.logger.warn("Instance already found!");
                     return;
                 }
                 this.instance = event.target;
@@ -29025,7 +29029,6 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
             key: "handlePlayerStateChange",
             value: function handlePlayerStateChange(newState) {
                 var _this_media;
-                console.log("player state changed", newState);
                 var seeked = ((_this_media = this.media) === null || _this_media === void 0 ? void 0 : _this_media.seeking) && [
                     1,
                     2
@@ -29090,7 +29093,6 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
                     id: id
                 });
                 media = elements_default.replaceElement(container, media);
-                console.log("Setting media for video with id : ", media, videoId);
                 var ytPlayer = new window.YT.Player(media, {
                     videoId: videoId || void 0,
                     host: getHost(config2),
@@ -29323,7 +29325,6 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
                     width: width,
                     height: height
                 };
-                console.log("adjusted dimensions!", adjustedDimensions);
                 if (preserveAspectRatio) {
                     adjustedDimensions = this.adjustSizeWithAspectRatio(width, height, this.aspectRatio);
                 }
@@ -29389,7 +29390,6 @@ var NativeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
                     }
                 }
                 if (this.media && this.media.readyState >= HTMLMediaElement.HAVE_METADATA) {
-                    console.log("Metadata is already loaded.");
                     this.mediaIsReady();
                 }
             }
@@ -29839,7 +29839,7 @@ var BrndtsAds = /*#__PURE__*/ function() {
                         ErrorHandler.handle(error);
                     });
                     this.context.media.on("READY", function() {
-                        console.log("Media is Ready!");
+                        _this.context.logger.log("Media is Ready!");
                         _this.mediaIsReady();
                     });
                     if (this.context.media.isReady) {