@brndts/brndts-ads 0.0.3 → 1.0.1

package/dist/index.mjs

@@ -18597,7 +18597,7 @@ var Reporter = /*#__PURE__*/ function() {
     function Reporter() {
         _class_call_check(this, Reporter);
         this.client = new BrowserClient({
-            dsn: "https://9daab8406cc1b1fe1efed336d838ee57@o4507460056317952.ingest.de.sentry.io/4507730907299920",
+            dsn: "https://bc8a1d82ad7d35b0c7566cf343e4bdb5@o4507460056317952.ingest.de.sentry.io/4507900315238480",
             transport: makeFetchTransport,
             stackParser: defaultStackParser,
             integrations: [
@@ -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",
@@ -18910,7 +18908,7 @@ var Config = /*#__PURE__*/ function() {
         if (!((_providedConfigs_auth = providedConfigs.auth) === null || _providedConfigs_auth === void 0 ? void 0 : _providedConfigs_auth.host)) {
             throw new InternalError("No authority configuration provided!");
         }
-        if (!providedConfigs.host || !providedConfigs.key) {
+        if (!providedConfigs.key) {
             throw new InternalError("No host or key provided!");
         }
         this.configs = defaults;
@@ -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();
                 });
@@ -19679,6 +19676,18 @@ var Region = /*#__PURE__*/ function() {
                 this.render(this.contours, this.box.coords);
             }
         },
+        {
+            key: "boundingBox",
+            get: function get() {
+                return this.box;
+            }
+        },
+        {
+            key: "referencePlane",
+            get: function get() {
+                return this.plane;
+            }
+        },
         {
             key: "view",
             get: function get() {
@@ -19942,6 +19951,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";
+                }
             }
         },
         {
@@ -20184,7 +20198,11 @@ var CooldownPresentation = /*#__PURE__*/ function(AbstractPresentation) {
             }
         },
         {
-            key: "startedPresentation",
+            /**
+   * Starts the presentation strategy.
+   * 
+   * @param stopPace - Indicates whether to stop the pacing before starting the presentation.
+   */ key: "startedPresentation",
             value: function startedPresentation() {
                 var _this = this;
                 var stopPace = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
@@ -20197,20 +20215,26 @@ var CooldownPresentation = /*#__PURE__*/ function(AbstractPresentation) {
             }
         },
         {
-            key: "start",
+            /**
+   * Starts the cooldown presentation.
+   */ key: "start",
             value: function start() {
                 this.clearAll();
                 this.enablePresentation();
             }
         },
         {
-            key: "stop",
+            /**
+   * Stops the cooldown presentation strategy.
+   */ key: "stop",
             value: function stop() {
                 this.clearAll();
             }
         },
         {
-            key: "destroy",
+            /**
+   * Destroys the instance of the CooldownPresentation class.
+   */ key: "destroy",
             value: function destroy() {
                 this.clearAll();
             }
@@ -20388,7 +20412,7 @@ var AdsTerraProvider = /*#__PURE__*/ function(ContentProvider) {
     ]);
     return AdsTerraProvider;
 }(ContentProvider);
-// src/Ads/Providers/BRNDTSDefaultProvider.ts
+// src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.ts
 var BRNDTSDefaultProvider = /*#__PURE__*/ function(ContentProvider) {
     "use strict";
     _inherits(BRNDTSDefaultProvider, ContentProvider);
@@ -20481,7 +20505,6 @@ var KevelSDK = /*#__PURE__*/ function() {
                         };
                     }
                 }).catch(function(error) {
-                    console.error("There was a problem with the fetch operation:", error);
                     throw error;
                 });
             }
@@ -20498,7 +20521,6 @@ var KevelProvider = /*#__PURE__*/ function(ContentProvider) {
         var _this;
         _this = _super.call(this, context, options);
         _this.kevel = new KevelSDK(_this.options.networkId, _this.options.siteId);
-        _this.requestContent();
         return _this;
     }
     _create_class(KevelProvider, [
@@ -20544,10 +20566,12 @@ var KevelProvider = /*#__PURE__*/ function(ContentProvider) {
         {
             key: "request",
             value: function request() {
+                var _this = this;
                 return _async_to_generator(function() {
                     return _ts_generator(this, function(_state) {
                         return [
-                            2
+                            2,
+                            _this.requestContent()
                         ];
                     });
                 })();
@@ -20556,7 +20580,7 @@ var KevelProvider = /*#__PURE__*/ function(ContentProvider) {
     ]);
     return KevelProvider;
 }(ContentProvider);
-// src/Ads/Providers/SmartyadsProvider.ts
+// src/Ads/Providers/SmartyAds/SmartyAdsSDK.ts
 var SmartyadsSDK = /*#__PURE__*/ function() {
     "use strict";
     function SmartyadsSDK() {
@@ -20593,9 +20617,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 +20625,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;
                 });
             }
@@ -20611,6 +20632,7 @@ var SmartyadsSDK = /*#__PURE__*/ function() {
     ]);
     return SmartyadsSDK;
 }();
+// src/Ads/Providers/SmartyAds/SmartyadsProvider.ts
 var SmartyadsProvider = /*#__PURE__*/ function(ContentProvider) {
     "use strict";
     _inherits(SmartyadsProvider, ContentProvider);
@@ -20627,14 +20649,14 @@ var SmartyadsProvider = /*#__PURE__*/ function(ContentProvider) {
         {
             key: "getPlacement",
             value: function getPlacement(regionId) {
-                var availablePlacements = Object.keys(this.options.placements).map(parseInt);
+                var availablePlacements = Object.keys(this.placements).map(parseInt);
                 if (!availablePlacements) {
                     throw new Error("No available placements!");
                 }
                 if (!regionId) {
-                    return this.options.placements[availablePlacements[0]];
+                    return this.placements[availablePlacements[0]];
                 }
-                return this.options.placements[regionId];
+                return this.placements[regionId];
             }
         },
         {
@@ -20646,7 +20668,7 @@ var SmartyadsProvider = /*#__PURE__*/ function(ContentProvider) {
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
-                                if (!params || params.size.width === void 0 || params.size.height === void 0) {
+                                if (!params || params.size.width === void 0 || params.size.width === 0 || params.size.height === void 0 || params.size.height === 0) {
                                     throw new InternalError("No Params!");
                                 }
                                 return [
@@ -20686,7 +20708,7 @@ var SmartyadsProvider = /*#__PURE__*/ function(ContentProvider) {
     ]);
     return SmartyadsProvider;
 }(ContentProvider);
-// src/Ads/Providers/StaticImageProvider.ts
+// src/Ads/Providers/StaticImage/StaticImageProvider.ts
 var StaticImageProvider = /*#__PURE__*/ function(ContentProvider) {
     "use strict";
     _inherits(StaticImageProvider, ContentProvider);
@@ -20778,47 +20800,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;
-                                }
-                                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 (reg.iou <= _this.iou) {
+                            if (last.includes(reg.id)) {
+                                return true;
                             }
-                        });
-                        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 +20916,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 +20930,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 +20952,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 +24243,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 +24254,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 +24263,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 +24280,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
@@ -28668,6 +28696,14 @@ var BRNDTSService = /*#__PURE__*/ function(_import_events4_default) {
         });
         _this.socket.on("connect", _this.handleOpen.bind(_assert_this_initialized(_this)));
         _this.socket.on("disconnect", _this.handleClose.bind(_assert_this_initialized(_this)));
+        _this.socket.on("connect_error", function(error) {
+            var _this_logger;
+            (_this_logger = _this.logger) === null || _this_logger === void 0 ? void 0 : _this_logger.error("Connection error:", error);
+        });
+        _this.socket.on("error", function(error) {
+            var _this_logger;
+            (_this_logger = _this.logger) === null || _this_logger === void 0 ? void 0 : _this_logger.error("Socket error:", error);
+        });
         return _this;
     }
     _create_class(BRNDTSService, [
@@ -28926,9 +28962,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 +28972,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 +29036,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 +29061,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 +29125,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 +29357,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 +29422,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 +29871,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) {