@brndts/brndts-ads 1.13.16 → 1.13.17

package/dist/index.js

@@ -67865,6 +67865,7 @@ var AdsConfigsClass = /*#__PURE__*/ function(BRNDTSConfig) {
                                             adStrategies: strategies
                                         };
                                         _this.merge();
+                                        console.log("Ads strategies fetched", _this.remote.adStrategies);
                                     })
                                 ];
                             case 1:
@@ -71371,16 +71372,20 @@ var RegionBorderPlugin = /*#__PURE__*/ function() {
         {
             key: "beforeShow",
             value: function beforeShow(region) {
-                var _this_options;
-                if (!region.hasContent) {
-                    return Promise.resolve();
-                }
-                if ((_this_options = this.options) === null || _this_options === void 0 ? void 0 : _this_options.useFeather) {
-                    region.content.view.classList.toggle("BRNDTS_R_FTH", true);
-                } else {
-                    region.content.view.classList.toggle("BRNDTS_R_B", true);
-                }
-                return Promise.resolve();
+                var _this = this;
+                if (!region.hasContent) return Promise.resolve();
+                return new Promise(function(resolve) {
+                    requestAnimationFrame(function() {
+                        var _this_options;
+                        var view = region.content.view;
+                        if ((_this_options = _this.options) === null || _this_options === void 0 ? void 0 : _this_options.useFeather) {
+                            view.classList.toggle("BRNDTS_R_FTH", true);
+                        } else {
+                            view.classList.toggle("BRNDTS_R_B", true);
+                        }
+                        resolve();
+                    });
+                });
             }
         },
         {
@@ -72844,10 +72849,15 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
             key: "assurePlaybackState",
             value: function assurePlaybackState(play) {
                 if (this.media && this.media.hasPlayed) {
-                    var _this__source;
-                    if (((_this__source = this._source) === null || _this__source === void 0 ? void 0 : _this__source.videoId) && this.videoId && this.videoId.length > 0 && this._source.videoId !== this.videoId) {
-                        this._source.videoId = this.videoId;
-                        this.emit("UPDATED_SOURCE", this._source.videoId);
+                    var _this_instance;
+                    var newVideoIndex = (_this_instance = this.instance) === null || _this_instance === void 0 ? void 0 : _this_instance.getPlaylistIndex();
+                    if (newVideoIndex !== this.currentVideoIndex) {
+                        this.currentVideoIndex = newVideoIndex;
+                        if (this._source && this._source.type === "playlist") {
+                            var _this__source;
+                            this._source.videoId = this.videoId;
+                            this.emit("UPDATED_SOURCE", (_this__source = this._source) === null || _this__source === void 0 ? void 0 : _this__source.videoId);
+                        }
                     }
                 }
                 if (this.media && play && !this.media.hasPlayed) {
@@ -72883,11 +72893,13 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
             key: "handleYTPlayerReady",
             value: function handleYTPlayerReady(event) {
                 var _this = this;
+                var _this_instance;
                 if (this.instance) {
                     this.context.logger.warn("Instance already found!");
                     return;
                 }
                 this.instance = event.target;
+                this.currentVideoIndex = (_this_instance = this.instance) === null || _this_instance === void 0 ? void 0 : _this_instance.getPlaylistIndex();
                 this.ready = true;
                 this.observeResize();
                 this.context.store.dispatch({
@@ -75442,232 +75454,6 @@ var VideoRegionsDataManager = /*#__PURE__*/ function(_import_events4_EventEmitte
     ]);
     return VideoRegionsDataManager;
 }(import_events4.EventEmitter);
-// src/Ads/VideoAds/VideoRegionsData/VideoRegionsDataManagerDecorator.ts
-var VideoRegionsDataManagerDecorator = /*#__PURE__*/ function() {
-    function VideoRegionsDataManagerDecorator(component) {
-        _class_call_check(this, VideoRegionsDataManagerDecorator);
-        this.component = component;
-    }
-    _create_class(VideoRegionsDataManagerDecorator, [
-        {
-            key: "data",
-            get: function get() {
-                return this.component.data;
-            }
-        },
-        {
-            key: "on",
-            value: function on(event, handler) {
-                return this.component.on(event, handler);
-            }
-        },
-        {
-            key: "fetch",
-            value: function fetch1() {
-                return this.component.fetch();
-            }
-        },
-        {
-            key: "seek",
-            value: function seek(timestamp) {
-                return this.component.seek(timestamp);
-            }
-        },
-        {
-            key: "check",
-            value: function check(timestamp) {
-                return this.component.check(timestamp);
-            }
-        },
-        {
-            key: "get",
-            value: function get(timestamp) {
-                return this.component.get(timestamp);
-            }
-        },
-        {
-            key: "destroy",
-            value: function destroy() {
-                return this.component.destroy();
-            }
-        },
-        {
-            key: "dumps",
-            value: function dumps(from, to) {
-                return this.component.dumps(from, to);
-            }
-        },
-        {
-            key: "loads",
-            value: function loads() {
-                return this.component.loads();
-            }
-        }
-    ]);
-    return VideoRegionsDataManagerDecorator;
-}();
-// src/Ads/VideoAds/VideoRegionsDurationDecorator.ts
-var VideoRegionsDurationDecorator = /*#__PURE__*/ function(VideoRegionsDataManagerDecorator) {
-    _inherits(VideoRegionsDurationDecorator, VideoRegionsDataManagerDecorator);
-    function VideoRegionsDurationDecorator(component, params) {
-        _class_call_check(this, VideoRegionsDurationDecorator);
-        var _this;
-        _this = _call_super(this, VideoRegionsDurationDecorator, [
-            component
-        ]);
-        _this.params = params;
-        return _this;
-    }
-    _create_class(VideoRegionsDurationDecorator, [
-        {
-            key: "check",
-            value: function check(timestamp) {
-                var totalDuration = 0;
-                var last;
-                var result;
-                var workingTimestamp = timestamp;
-                while(totalDuration < this.params.duration){
-                    var regions2 = this.component.get(workingTimestamp);
-                    if (!regions2 || !regions2.regions) {
-                        return null;
-                    }
-                    if (!last) {
-                        last = regions2.regions.map(function(r3) {
-                            return r3.id;
-                        });
-                        result = _to_consumable_array(regions2.regions);
-                        return {
-                            timestamp_start: timestamp,
-                            timestamp_end: timestamp + totalDuration,
-                            regions: result
-                        };
-                    }
-                    var validRegions = regions2.regions.filter(function(reg) {
-                        return last === null || last === void 0 ? void 0 : last.includes(reg.id);
-                    });
-                    if (validRegions.length <= 0) {
-                        return null;
-                    }
-                    var duration = 0;
-                    if (regions2.timestamp_start < workingTimestamp) {
-                        duration = regions2.timestamp_end - workingTimestamp;
-                    } else {
-                        duration = regions2.timestamp_end - regions2.timestamp_start;
-                    }
-                    totalDuration += duration;
-                    workingTimestamp = regions2.timestamp_end + 1e-3 + 1e3;
-                    last = validRegions.map(function(r3) {
-                        return r3.id;
-                    });
-                    result = _to_consumable_array(validRegions);
-                }
-                if (!result) {
-                    return null;
-                }
-                return {
-                    timestamp_start: timestamp,
-                    timestamp_end: timestamp + totalDuration,
-                    regions: result
-                };
-            }
-        }
-    ]);
-    return VideoRegionsDurationDecorator;
-}(VideoRegionsDataManagerDecorator);
-var VideoRegionsMaxDurationDecorator = /*#__PURE__*/ function(VideoRegionsDataManagerDecorator) {
-    _inherits(VideoRegionsMaxDurationDecorator, VideoRegionsDataManagerDecorator);
-    function VideoRegionsMaxDurationDecorator(component, params) {
-        _class_call_check(this, VideoRegionsMaxDurationDecorator);
-        var _this;
-        _this = _call_super(this, VideoRegionsMaxDurationDecorator, [
-            component
-        ]);
-        _this.params = params;
-        return _this;
-    }
-    _create_class(VideoRegionsMaxDurationDecorator, [
-        {
-            key: "check",
-            value: function check(timestamp) {
-                var totalDuration = 0;
-                var last;
-                var result;
-                var workingTimestamp = timestamp;
-                var filteredRegions = [];
-                do {
-                    var regions2 = this.component.get(workingTimestamp);
-                    if (!regions2 || !regions2.regions) {
-                        break;
-                    }
-                    if (!last) {
-                        last = regions2.regions.map(function(r3) {
-                            return r3.id;
-                        });
-                        result = _to_consumable_array(regions2.regions);
-                        continue;
-                    }
-                    filteredRegions = regions2.regions.filter(function(reg) {
-                        if (last.includes(reg.id)) {
-                            return true;
-                        }
-                        return false;
-                    });
-                    if (filteredRegions.length <= 0) {
-                        break;
-                    }
-                    var duration = 0;
-                    if (regions2.timestamp_start < workingTimestamp) {
-                        duration = regions2.timestamp_end - workingTimestamp;
-                    } else {
-                        duration = regions2.timestamp_end - regions2.timestamp_start;
-                    }
-                    totalDuration += duration;
-                    workingTimestamp = regions2.timestamp_end + 1e-3 + 1e3;
-                    last = filteredRegions.map(function(r3) {
-                        return r3.id;
-                    });
-                    result = _to_consumable_array(filteredRegions);
-                }while (true);
-                if (!result || totalDuration < this.params.minDuration) {
-                    return null;
-                }
-                return {
-                    timestamp_start: timestamp,
-                    timestamp_end: timestamp + totalDuration,
-                    regions: result
-                };
-            }
-        }
-    ]);
-    return VideoRegionsMaxDurationDecorator;
-}(VideoRegionsDataManagerDecorator);
-var VideoRegionsDecoratorFactory = /*#__PURE__*/ function() {
-    function VideoRegionsDecoratorFactory() {
-        _class_call_check(this, VideoRegionsDecoratorFactory);
-    }
-    _create_class(VideoRegionsDecoratorFactory, null, [
-        {
-            key: "decorate",
-            value: function decorate(component, params) {
-                if (!params) {
-                    return component;
-                }
-                if (params.visibility_duration) {
-                    return new VideoRegionsDurationDecorator(component, {
-                        duration: params.visibility_duration.value
-                    });
-                }
-                if (params.minimum_display_time) {
-                    return new VideoRegionsMaxDurationDecorator(component, {
-                        minDuration: params.minimum_display_time.value
-                    });
-                }
-                return component;
-            }
-        }
-    ]);
-    return VideoRegionsDecoratorFactory;
-}();
 // src/Ads/VideoAds/State/Store.ts
 function reducer(state, action) {
     switch(action.type){
@@ -76195,10 +75981,9 @@ var DynamicDurationPresentation = /*#__PURE__*/ function(AbstractPresentation) {
                 this.stopRetry();
                 this.startPacing();
                 if (opts.expectedDuration && !this.presentationTimer.isPaused) {
-                    this.presentationTimer.setDuration(opts.expectedDuration);
-                } else {
-                    this.presentationTimer.resume();
+                    this.presentationTimer.setDuration(opts.expectedDuration * 1e3);
                 }
+                this.presentationTimer.resume();
             }
         },
         {
@@ -79715,6 +79500,8 @@ var Controls = /*#__PURE__*/ function() {
         this.context = context;
         this.container = document.createElement("div");
         this.container.id = "BRNDTS_CTL";
+        this.container.style.width = "100%";
+        this.container.style.height = "100%";
         this.buildControls();
     }
     _create_class(Controls, [
@@ -79815,6 +79602,8 @@ var Backdrop = /*#__PURE__*/ function() {
         this.context = context;
         this.container = document.createElement("div");
         this.container.id = "BRNDTS_BKD";
+        this.container.style.width = "100%";
+        this.container.style.height = "100%";
     }
     _create_class(Backdrop, [
         {
@@ -81631,7 +81420,6 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
                 var _this_adPresentationStrategy, _this_regionsRenderer;
                 (_this_adPresentationStrategy = this.adPresentationStrategy) === null || _this_adPresentationStrategy === void 0 ? void 0 : _this_adPresentationStrategy.stop();
                 (_this_regionsRenderer = this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.clear();
-                this.context.logger.info("NotBasicPresentationMode has been stopped.");
             }
         },
         {
@@ -81738,6 +81526,7 @@ var RegionFactory = /*#__PURE__*/ function() {
                         }));
                     }
                     plugins2.push(new RegionMaskPlugin());
+                    plugins2.push(new RegionAnimationPlugin("OPACITY"));
                 }
                 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());
@@ -82320,8 +82109,10 @@ var NotBasicPresentationMode = /*#__PURE__*/ function() {
                             expectedDuration: regions2.timestamp_end - regions2.timestamp_start
                         });
                     } else {
-                        var _this_adPresentationStrategy1;
+                        var _this_adPresentationStrategy1, _this_regionsRenderer, _this_auxElementsRenderer;
                         (_this_adPresentationStrategy1 = _this.adPresentationStrategy) === null || _this_adPresentationStrategy1 === void 0 ? void 0 : _this_adPresentationStrategy1.endedPresentation();
+                        (_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.clear();
+                        (_this_auxElementsRenderer = _this.auxElementsRenderer) === null || _this_auxElementsRenderer === void 0 ? void 0 : _this_auxElementsRenderer.clear();
                     }
                 }).on("pace", function() {
                     try {
@@ -82374,7 +82165,6 @@ var NotBasicPresentationMode = /*#__PURE__*/ function() {
                 (_this_adPresentationStrategy = this.adPresentationStrategy) === null || _this_adPresentationStrategy === void 0 ? void 0 : _this_adPresentationStrategy.stop();
                 (_this_regionsRenderer = this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.clear();
                 (_this_auxElementsRenderer = this.auxElementsRenderer) === null || _this_auxElementsRenderer === void 0 ? void 0 : _this_auxElementsRenderer.clear();
-                this.context.logger.info("NotBasicPresentationMode has been stopped.");
             }
         },
         {
@@ -82412,35 +82202,304 @@ var PresentationModeFactory = /*#__PURE__*/ function() {
     ]);
     return PresentationModeFactory;
 }();
-// src/Ads/VideoAds/VideoAd.ts
-var VideoAd = /*#__PURE__*/ function() {
-    function VideoAd(context, target) {
-        _class_call_check(this, VideoAd);
-        this.handleInfo = this.handleInfo.bind(this);
-        this.context = context;
-        var videoAdContext = {
-            config: context.config,
-            elements: {
-                container: null,
-                original: null,
-                fullscreen: null
-            },
-            store: new Store(void 0, this.context.logger),
-            user: context.user,
-            location: context.location,
-            device: context.device,
-            consent: context.consent,
-            logger: context.logger,
-            service: context.service
-        };
-        var media = MediaElementFactory.get(videoAdContext, target);
-        if (!media) {
-            throw new Error("No media element found!");
-        }
-        videoAdContext.media = media;
-        videoAdContext.elements.original = target.cloneNode(true);
-        this.recorderFactory = new RecorderFactory(this.context);
-        this.videoAdContext = videoAdContext;
+// src/Ads/VideoAds/VideoRegionsData/VideoRegionsDataManagerDecorator.ts
+var VideoRegionsDataManagerDecorator = /*#__PURE__*/ function() {
+    function VideoRegionsDataManagerDecorator(component) {
+        _class_call_check(this, VideoRegionsDataManagerDecorator);
+        this.component = component;
+    }
+    _create_class(VideoRegionsDataManagerDecorator, [
+        {
+            key: "data",
+            get: function get() {
+                return this.component.data;
+            }
+        },
+        {
+            key: "on",
+            value: function on(event, handler) {
+                return this.component.on(event, handler);
+            }
+        },
+        {
+            key: "fetch",
+            value: function fetch1() {
+                return this.component.fetch();
+            }
+        },
+        {
+            key: "seek",
+            value: function seek(timestamp) {
+                return this.component.seek(timestamp);
+            }
+        },
+        {
+            key: "check",
+            value: function check(timestamp) {
+                return this.component.check(timestamp);
+            }
+        },
+        {
+            key: "get",
+            value: function get(timestamp) {
+                return this.component.get(timestamp);
+            }
+        },
+        {
+            key: "destroy",
+            value: function destroy() {
+                return this.component.destroy();
+            }
+        },
+        {
+            key: "dumps",
+            value: function dumps(from, to) {
+                return this.component.dumps(from, to);
+            }
+        },
+        {
+            key: "loads",
+            value: function loads() {
+                return this.component.loads();
+            }
+        }
+    ]);
+    return VideoRegionsDataManagerDecorator;
+}();
+// src/Ads/VideoAds/VideoRegionsData/VideoRegionsDecorators.ts
+var VideoRegionsDurationDecorator = /*#__PURE__*/ function(VideoRegionsDataManagerDecorator) {
+    _inherits(VideoRegionsDurationDecorator, VideoRegionsDataManagerDecorator);
+    function VideoRegionsDurationDecorator(component, params) {
+        _class_call_check(this, VideoRegionsDurationDecorator);
+        var _this;
+        _this = _call_super(this, VideoRegionsDurationDecorator, [
+            component
+        ]);
+        _this.params = params;
+        return _this;
+    }
+    _create_class(VideoRegionsDurationDecorator, [
+        {
+            key: "check",
+            value: function check(timestamp) {
+                var totalDuration = 0;
+                var last;
+                var result;
+                var workingTimestamp = timestamp;
+                while(totalDuration < this.params.duration){
+                    var regions2 = this.component.get(workingTimestamp);
+                    if (!regions2 || !regions2.regions) {
+                        return null;
+                    }
+                    if (!last) {
+                        last = regions2.regions.map(function(r3) {
+                            return r3.id;
+                        });
+                        result = _to_consumable_array(regions2.regions);
+                    }
+                    var validRegions = regions2.regions.filter(function(reg) {
+                        return last === null || last === void 0 ? void 0 : last.includes(reg.id);
+                    });
+                    if (validRegions.length <= 0) {
+                        return null;
+                    }
+                    var duration = 0;
+                    if (regions2.timestamp_start < workingTimestamp) {
+                        duration = regions2.timestamp_end - workingTimestamp;
+                    } else {
+                        duration = regions2.timestamp_end - regions2.timestamp_start;
+                    }
+                    totalDuration += duration;
+                    workingTimestamp = regions2.timestamp_end + 0.01;
+                    last = validRegions.map(function(r3) {
+                        return r3.id;
+                    });
+                    result = _to_consumable_array(validRegions);
+                }
+                if (!result) {
+                    return null;
+                }
+                return {
+                    timestamp_start: timestamp,
+                    timestamp_end: timestamp + totalDuration,
+                    regions: result
+                };
+            }
+        }
+    ]);
+    return VideoRegionsDurationDecorator;
+}(VideoRegionsDataManagerDecorator);
+var VideoRegionsMaxDurationDecorator = /*#__PURE__*/ function(VideoRegionsDataManagerDecorator) {
+    _inherits(VideoRegionsMaxDurationDecorator, VideoRegionsDataManagerDecorator);
+    function VideoRegionsMaxDurationDecorator(component, params) {
+        _class_call_check(this, VideoRegionsMaxDurationDecorator);
+        var _this;
+        _this = _call_super(this, VideoRegionsMaxDurationDecorator, [
+            component
+        ]);
+        _this.params = params;
+        return _this;
+    }
+    _create_class(VideoRegionsMaxDurationDecorator, [
+        {
+            key: "check",
+            value: function check(timestamp) {
+                var totalDuration = 0;
+                var last;
+                var result;
+                var workingTimestamp = timestamp;
+                do {
+                    var regions2 = this.component.get(workingTimestamp);
+                    if (!regions2 || !regions2.regions) {
+                        break;
+                    }
+                    if (!last) {
+                        last = regions2.regions.map(function(r3) {
+                            return r3.id;
+                        });
+                        result = _to_consumable_array(regions2.regions);
+                    }
+                    var validRegions = regions2.regions.filter(function(reg) {
+                        return last === null || last === void 0 ? void 0 : last.includes(reg.id);
+                    });
+                    if (validRegions.length <= 0) {
+                        break;
+                    }
+                    var duration = 0;
+                    if (regions2.timestamp_start < workingTimestamp) {
+                        duration = regions2.timestamp_end - workingTimestamp;
+                    } else {
+                        duration = regions2.timestamp_end - regions2.timestamp_start;
+                    }
+                    totalDuration += duration;
+                    workingTimestamp = regions2.timestamp_end + 0.01;
+                    last = validRegions.map(function(r3) {
+                        return r3.id;
+                    });
+                    result = _to_consumable_array(validRegions);
+                }while (true);
+                if (!result || totalDuration < this.params.minDuration) {
+                    return null;
+                }
+                return {
+                    timestamp_start: timestamp,
+                    timestamp_end: timestamp + totalDuration,
+                    regions: result
+                };
+            }
+        }
+    ]);
+    return VideoRegionsMaxDurationDecorator;
+}(VideoRegionsDataManagerDecorator);
+var VideoRegionsTypeFilterDecorator = /*#__PURE__*/ function(VideoRegionsDataManagerDecorator) {
+    _inherits(VideoRegionsTypeFilterDecorator, VideoRegionsDataManagerDecorator);
+    function VideoRegionsTypeFilterDecorator(component, params) {
+        _class_call_check(this, VideoRegionsTypeFilterDecorator);
+        var _this;
+        _this = _call_super(this, VideoRegionsTypeFilterDecorator, [
+            component
+        ]);
+        if (params && params.value && Array.isArray(params.value)) {
+            var _params_setting_constraints;
+            var regionsMap = ((_params_setting_constraints = params.setting.constraints) === null || _params_setting_constraints === void 0 ? void 0 : _params_setting_constraints.mapped_allowed_values_ids) || {};
+            _this.allowedRegions = params.value.map(function(r3) {
+                return regionsMap[r3];
+            }).filter(Boolean);
+        }
+        return _this;
+    }
+    _create_class(VideoRegionsTypeFilterDecorator, [
+        {
+            key: "check",
+            value: function check(timestamp) {
+                var _this = this;
+                var data = this.component.check(timestamp);
+                if (this.allowedRegions !== void 0 && data && data.regions) {
+                    data.regions = data.regions.filter(function(region) {
+                        var _this_allowedRegions;
+                        return (_this_allowedRegions = _this.allowedRegions) === null || _this_allowedRegions === void 0 ? void 0 : _this_allowedRegions.includes(region.id);
+                    });
+                }
+                return data;
+            }
+        },
+        {
+            key: "get",
+            value: function get(timestamp) {
+                var _this = this;
+                var data = this.component.get(timestamp);
+                if (this.allowedRegions !== void 0 && data && data.regions) {
+                    data.regions = data.regions.filter(function(region) {
+                        var _this_allowedRegions;
+                        return (_this_allowedRegions = _this.allowedRegions) === null || _this_allowedRegions === void 0 ? void 0 : _this_allowedRegions.includes(region.id);
+                    });
+                }
+                return data;
+            }
+        }
+    ]);
+    return VideoRegionsTypeFilterDecorator;
+}(VideoRegionsDataManagerDecorator);
+var VideoRegionsDecoratorFactory = /*#__PURE__*/ function() {
+    function VideoRegionsDecoratorFactory() {
+        _class_call_check(this, VideoRegionsDecoratorFactory);
+    }
+    _create_class(VideoRegionsDecoratorFactory, null, [
+        {
+            key: "decorate",
+            value: function decorate(component, params) {
+                var _params_visibility_duration, _params_minimum_display_time, _params_ad_placements_and_sizes;
+                var target = component;
+                if (!params) {
+                    return target;
+                }
+                if ((_params_visibility_duration = params.visibility_duration) === null || _params_visibility_duration === void 0 ? void 0 : _params_visibility_duration.value) {
+                    target = new VideoRegionsDurationDecorator(target, {
+                        duration: params.visibility_duration.value
+                    });
+                } else if ((_params_minimum_display_time = params.minimum_display_time) === null || _params_minimum_display_time === void 0 ? void 0 : _params_minimum_display_time.value) {
+                    target = new VideoRegionsMaxDurationDecorator(target, {
+                        minDuration: params.minimum_display_time.value
+                    });
+                }
+                if ((_params_ad_placements_and_sizes = params.ad_placements_and_sizes) === null || _params_ad_placements_and_sizes === void 0 ? void 0 : _params_ad_placements_and_sizes.value) {
+                    target = new VideoRegionsTypeFilterDecorator(target, params.ad_placements_and_sizes);
+                }
+                return target;
+            }
+        }
+    ]);
+    return VideoRegionsDecoratorFactory;
+}();
+// src/Ads/VideoAds/VideoAd.ts
+var VideoAd = /*#__PURE__*/ function() {
+    function VideoAd(context, target) {
+        _class_call_check(this, VideoAd);
+        this.handleInfo = this.handleInfo.bind(this);
+        this.context = context;
+        var videoAdContext = {
+            config: context.config,
+            elements: {
+                container: null,
+                original: null,
+                fullscreen: null
+            },
+            store: new Store(void 0, this.context.logger),
+            user: context.user,
+            location: context.location,
+            device: context.device,
+            consent: context.consent,
+            logger: context.logger,
+            service: context.service
+        };
+        var media = MediaElementFactory.get(videoAdContext, target);
+        if (!media) {
+            throw new Error("No media element found!");
+        }
+        videoAdContext.media = media;
+        videoAdContext.elements.original = target.cloneNode(true);
+        this.recorderFactory = new RecorderFactory(this.context);
+        this.videoAdContext = videoAdContext;
         this.presentationFactory = new PresentationModeFactory(this.videoAdContext);
     }
     _create_class(VideoAd, [
@@ -82488,7 +82547,8 @@ var VideoAd = /*#__PURE__*/ function() {
                 }, {
                     logger: this.videoAdContext.logger,
                     // @ts-expect-error
-                    service: this.videoAdContext.service.join("".concat(data.video, "-").concat(this.videoAdContext.config.getStrategy().code))
+                    service: this.videoAdContext.service.join("".concat(data.video, "-").concat(this.videoAdContext.config.getStrategy().code)),
+                    config: this.videoAdContext.config
                 });
                 this.videoAdContext.store.dispatch({
                     type: "UPDATE_VIDEO_INFO",
@@ -82553,6 +82613,7 @@ var VideoAd = /*#__PURE__*/ function() {
             key: "updateRegionData",
             value: function updateRegionData() {
                 var _this = this;
+                var _this_presentation;
                 if (this.videoRegions) {
                     var _this_videoRegions;
                     (_this_videoRegions = this.videoRegions) === null || _this_videoRegions === void 0 ? void 0 : _this_videoRegions.destroy();
@@ -82561,10 +82622,7 @@ var VideoAd = /*#__PURE__*/ function() {
                     this.videoAdContext.recorder.destroy();
                     this.videoAdContext.recorder = void 0;
                 }
-                if (this.presentation) {
-                    this.presentation.destroy();
-                    this.presentation = void 0;
-                }
+                (_this_presentation = this.presentation) === null || _this_presentation === void 0 ? void 0 : _this_presentation.stop();
                 this.context.service.send("hs", {
                     source: this.videoAdContext.media.source,
                     strategy: this.videoAdContext.config.getStrategy().code
@@ -82582,7 +82640,8 @@ var VideoAd = /*#__PURE__*/ function() {
                         }
                     }, {
                         logger: _this.videoAdContext.logger,
-                        service: _this.context.service.join("".concat(data.video, "-").concat(_this.videoAdContext.config.getStrategy().code))
+                        service: _this.context.service.join("".concat(data.video, "-").concat(_this.videoAdContext.config.getStrategy().code)),
+                        config: _this.videoAdContext.config
                     });
                     _this.videoAdContext.store.dispatch({
                         type: "UPDATE_VIDEO_INFO",
@@ -82593,15 +82652,12 @@ var VideoAd = /*#__PURE__*/ function() {
                         }
                     });
                     _this.videoRegions = VideoRegionsDecoratorFactory.decorate(videoRegions, _this.videoAdContext.config.getStrategySettings());
-                    _this.presentation = _this.presentationFactory.get({
-                        strategy: _this.videoAdContext.config.getStrategy().code
-                    });
                     _this.videoAdContext.data = _this.videoRegions;
                     _this.videoAdContext.recorder = _this.recorderFactory.create(_this.videoAdContext.media, {
                         id: data.video,
                         ts: 0
                     });
-                    (_this_presentation = _this.presentation) === null || _this_presentation === void 0 ? void 0 : _this_presentation.setup();
+                    (_this_presentation = _this.presentation) === null || _this_presentation === void 0 ? void 0 : _this_presentation.start();
                 });
             }
         },
@@ -83109,8 +83165,156 @@ var Location = /*#__PURE__*/ function() {
     ]);
     return Location;
 }();
-// src/Service/Realtime.ts
+// src/Service/LocalRealtime.ts
 var import_events10 = __toESM(require_events());
+var DATA_STORE = {
+    "video1": {}
+};
+var VIDEO_LIBRARY = {
+    "video1": {
+        source: ""
+    }
+};
+var BRNDTSLocalRealtime = /*#__PURE__*/ function(_import_events10_default) {
+    _inherits(BRNDTSLocalRealtime, _import_events10_default);
+    function BRNDTSLocalRealtime(options, deps) {
+        _class_call_check(this, BRNDTSLocalRealtime);
+        var _this;
+        _this = _call_super(this, BRNDTSLocalRealtime);
+        _this.connected = new Changeable(false);
+        _this.handlers = {
+            info: [],
+            result: [],
+            completed: [],
+            aborted: []
+        };
+        _this.options = options;
+        _this.logger = deps.logger;
+        if (!_this.options.ns) {
+            window.__brndts_local_realtime = _this;
+        }
+        return _this;
+    }
+    _create_class(BRNDTSLocalRealtime, [
+        {
+            key: "handleOpen",
+            value: function handleOpen() {
+                this.connected.value = true;
+                this.emit("connected");
+            }
+        },
+        {
+            key: "handleClose",
+            value: function handleClose() {
+                this.connected.value = false;
+                this.emit("disconnected");
+            }
+        },
+        {
+            key: "connect",
+            value: function connect() {
+                this.handleOpen();
+            }
+        },
+        {
+            key: "respond",
+            value: function respond(event, payload) {
+                if (this.handlers[event]) {
+                    this.handlers[event].forEach(function(handler) {
+                        handler(payload);
+                    });
+                }
+            }
+        },
+        {
+            key: "loads",
+            value: function loads(videoId) {
+                var _this = this;
+                var _this_logger;
+                (_this_logger = this.logger) === null || _this_logger === void 0 ? void 0 : _this_logger.log("[REALTIME LOCAL] Loading data for :", videoId);
+                var input = document.createElement("input");
+                input.type = "file";
+                input === null || input === void 0 ? void 0 : input.addEventListener("change", function(event) {
+                    var _input_files;
+                    var file = input === null || input === void 0 ? void 0 : (_input_files = input.files) === null || _input_files === void 0 ? void 0 : _input_files[0];
+                    if (!file) {
+                        console.log("No file selected.");
+                        return;
+                    }
+                    var reader = new FileReader();
+                    reader.onload = function(event2) {
+                        var _event2_target;
+                        var fileContent = event2 === null || event2 === void 0 ? void 0 : (_event2_target = event2.target) === null || _event2_target === void 0 ? void 0 : _event2_target.result;
+                        if (fileContent) {
+                            var _this_logger;
+                            var parsedData = JSON.parse(fileContent);
+                            DATA_STORE[videoId] = parsedData;
+                            (_this_logger = _this.logger) === null || _this_logger === void 0 ? void 0 : _this_logger.log("[REALTIME LOCAL] Loaded data for :", videoId);
+                            _this.respond("result", DATA_STORE[videoId]);
+                        }
+                    };
+                    reader.readAsText(file);
+                });
+                input.click();
+            }
+        },
+        {
+            key: "send",
+            value: function send(event) {
+                for(var _len = arguments.length, payload = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+                    payload[_key - 1] = arguments[_key];
+                }
+                var _this_logger;
+                (_this_logger = this.logger) === null || _this_logger === void 0 ? void 0 : _this_logger.log("[REALTIME LOCAL] Received event :", event, payload);
+                if (event === "hs") {
+                    var _this_logger1;
+                    (_this_logger1 = this.logger) === null || _this_logger1 === void 0 ? void 0 : _this_logger1.log("[REALTIME LOCAL] handling event :", event, payload);
+                    var _payload = _sliced_to_array(payload, 2), data = _payload[0], cb = _payload[1];
+                    var videoId = "video1";
+                    VIDEO_LIBRARY[videoId] = {
+                        // @ts-expect-error
+                        source: data.source
+                    };
+                    cb === null || cb === void 0 ? void 0 : cb({
+                        video: videoId
+                    });
+                }
+            }
+        },
+        {
+            key: "handle",
+            value: function handle(event, handler) {
+                if (!this.handlers[event]) {
+                    this.handlers[event] = [];
+                }
+                this.handlers[event].push(handler);
+            }
+        },
+        {
+            key: "join",
+            value: function join(ns) {
+                var _this = this;
+                setTimeout(function() {
+                    var _ref = _sliced_to_array(ns.match(/^([^-]+)-(.+)$/) || [], 2), video = _ref[0], strategy = _ref[1];
+                    if (video && DATA_STORE[video]) {
+                        var regions2 = DATA_STORE[video];
+                        _this.respond("result", regions2);
+                    }
+                }, 150);
+                return this;
+            }
+        },
+        {
+            key: "destroy",
+            value: function destroy() {
+                this.handleClose();
+            }
+        }
+    ]);
+    return BRNDTSLocalRealtime;
+}(import_events10.default);
+// src/Service/Realtime.ts
+var import_events11 = __toESM(require_events());
 // node_modules/engine.io-parser/build/esm/commons.js
 var PACKET_TYPES = /* @__PURE__ */ Object.create(null);
 PACKET_TYPES["open"] = "0";
@@ -86958,8 +87162,8 @@ Object.assign(lookup2, {
     connect: lookup2
 });
 // src/Service/Realtime.ts
-var BRNDTSRealtime = /*#__PURE__*/ function(_import_events10_default) {
-    _inherits(_BRNDTSRealtime, _import_events10_default);
+var BRNDTSRealtime = /*#__PURE__*/ function(_import_events11_default) {
+    _inherits(_BRNDTSRealtime, _import_events11_default);
     function _BRNDTSRealtime(options, deps) {
         _class_call_check(this, _BRNDTSRealtime);
         var _this;
@@ -87057,9 +87261,36 @@ var BRNDTSRealtime = /*#__PURE__*/ function(_import_events10_default) {
         }
     ]);
     return _BRNDTSRealtime;
-}(import_events10.default);
-// src/Service/LocalRealtime.ts
-var import_events11 = __toESM(require_events());
+}(import_events11.default);
+// src/Service/ServiceFactory.ts
+var ServiceFactory = /*#__PURE__*/ function() {
+    function ServiceFactory() {
+        _class_call_check(this, ServiceFactory);
+    }
+    _create_class(ServiceFactory, null, [
+        {
+            key: "createService",
+            value: function createService(context) {
+                var serviceType = "remote";
+                if (serviceType === "local") {
+                    return new BRNDTSLocalRealtime({
+                        host: context.config.get("host"),
+                        key: context.config.get("key")
+                    }, {
+                        logger: context.logger
+                    });
+                }
+                return new BRNDTSRealtime({
+                    host: context.config.get("host"),
+                    key: context.config.get("key")
+                }, {
+                    logger: context.logger
+                });
+            }
+        }
+    ]);
+    return ServiceFactory;
+}();
 // src/index.ts
 var BrndtsAds = /*#__PURE__*/ function() {
     function BrndtsAds(targets, options, adsOptions) {
@@ -87111,10 +87342,16 @@ var BrndtsAds = /*#__PURE__*/ function() {
                             case 1:
                                 _state.trys.push([
                                     1,
-                                    3,
+                                    4,
                                     ,
-                                    4
+                                    5
                                 ]);
+                                if (!this.context.config.get("enabled")) {
+                                    this.context.logger.error("Setup failed: disabled by config");
+                                    return [
+                                        2
+                                    ];
+                                }
                                 this.context.location = new Location();
                                 this.context.consent = ConsentFactory.get(this.context.logger);
                                 return [
@@ -87125,35 +87362,30 @@ var BrndtsAds = /*#__PURE__*/ function() {
                                 _state.sent();
                                 this.context.user = new User(this.context.config, this.context.consent);
                                 this.context.device = new Device();
-                                this.context.device.collect();
-                                if (!this.context.config.get("enabled")) {
-                                    this.context.logger.error("Setup failed: disabled by config");
-                                    return [
-                                        2
-                                    ];
-                                }
-                                this.context.service = new BRNDTSRealtime({
-                                    host: this.context.config.get("host"),
-                                    key: this.context.config.get("key")
-                                }, {
-                                    logger: this.context.logger
-                                });
+                                return [
+                                    4,
+                                    this.context.device.collect()
+                                ];
+                            case 3:
+                                _state.sent();
+                                console.log("BRNDTS Ads Presenter started with config");
+                                this.context.service = ServiceFactory.createService(this.context);
                                 this.context.service.on("connected", this.handleConnected);
                                 this.context.service.connect();
                                 return [
                                     3,
-                                    4
+                                    5
                                 ];
-                            case 3:
+                            case 4:
                                 error = _state.sent();
                                 if (_instanceof(error, Error)) {
-                                    this.context.logger.warn("Setup failed: no media element found!");
+                                    console.log("Error during setup: ", error);
                                 }
                                 return [
                                     3,
-                                    4
+                                    5
                                 ];
-                            case 4:
+                            case 5:
                                 return [
                                     2
                                 ];