@brndts/brndts-ads 1.13.16 → 1.13.18

package/dist/index.mjs

@@ -5396,13 +5396,13 @@ var require_libraries2 = __commonJS({
                 var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                 try {
                     for(var _iterator = libraries_json_1.default[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                        var library2 = _step.value;
-                        var match = user_agent_1.userAgentParser(library2.regex, userAgent2);
+                        var library3 = _step.value;
+                        var match = user_agent_1.userAgentParser(library3.regex, userAgent2);
                         if (!match) continue;
                         result.type = "library";
-                        result.name = variable_replacement_1.variableReplacement(library2.name, match);
-                        result.version = version_1.formatVersion(variable_replacement_1.variableReplacement(library2.version, match), _this.options.versionTruncation);
-                        result.url = library2.url || "";
+                        result.name = variable_replacement_1.variableReplacement(library3.name, match);
+                        result.version = version_1.formatVersion(variable_replacement_1.variableReplacement(library3.version, match), _this.options.versionTruncation);
+                        result.url = library3.url || "";
                         break;
                     }
                 } catch (err) {
@@ -67891,6 +67891,7 @@ var AdsConfigsClass = /*#__PURE__*/ function(BRNDTSConfig) {
                                             adStrategies: strategies
                                         };
                                         _this.merge();
+                                        console.log("Ads strategies fetched", _this.remote.adStrategies);
                                     })
                                 ];
                             case 1:
@@ -68312,48 +68313,329 @@ var GooglePublisherTag = /*#__PURE__*/ function() {
     return _GooglePublisherTag;
 }();
 // src/Ads/Providers/Provider.ts
+var typeAndDimensions = {
+    "medium-rectangle": [
+        [
+            300,
+            250
+        ],
+        [
+            250,
+            250
+        ],
+        [
+            200,
+            200
+        ],
+        [
+            180,
+            150
+        ],
+        [
+            150,
+            150
+        ]
+    ],
+    "large-rectangle": [
+        [
+            300,
+            600
+        ],
+        [
+            160,
+            600
+        ],
+        [
+            120,
+            600
+        ]
+    ],
+    "billboard": [
+        [
+            970,
+            250
+        ],
+        [
+            970,
+            90
+        ],
+        [
+            728,
+            90
+        ],
+        [
+            468,
+            60
+        ]
+    ],
+    "leaderboard": [
+        [
+            728,
+            90
+        ],
+        [
+            468,
+            60
+        ],
+        [
+            320,
+            50
+        ],
+        [
+            300,
+            50
+        ],
+        [
+            234,
+            60
+        ]
+    ],
+    "smartphone-banner": [
+        [
+            320,
+            50
+        ],
+        [
+            300,
+            50
+        ],
+        [
+            320,
+            100
+        ]
+    ]
+};
 var regions = [
     {
         id: 1,
         w: 300,
         h: 250,
+        name: "Top Right - 300x250",
         type: "medium-rectangle"
     },
     {
         id: 2,
         w: 300,
         h: 250,
+        name: "Bottom Right - 300x250",
         type: "medium-rectangle"
     },
     {
         id: 3,
         w: 320,
         h: 50,
+        name: "Top Center - 320x50",
         type: "smartphone-banner"
     },
     {
         id: 4,
+        w: 300,
+        h: 250,
+        name: "Top Left - 300x250",
+        type: "medium-rectangle"
+    },
+    {
+        id: 5,
+        w: 250,
+        h: 250,
+        name: "Top Left - 250x250",
+        type: "medium-rectangle"
+    },
+    {
+        id: 6,
+        w: 200,
+        h: 200,
+        name: "Top Left - 200x200",
+        type: "medium-rectangle"
+    },
+    {
+        id: 7,
+        w: 180,
+        h: 150,
+        name: "Top Left - 180x150",
+        type: "medium-rectangle"
+    },
+    {
+        id: 8,
+        w: 150,
+        h: 150,
+        name: "Top Left - 150x150",
+        type: "medium-rectangle"
+    },
+    {
+        id: 9,
+        w: 250,
+        h: 250,
+        name: "Top Right - 250x250",
+        type: "medium-rectangle"
+    },
+    {
+        id: 10,
+        w: 200,
+        h: 200,
+        name: "Top Right - 200x200",
+        type: "medium-rectangle"
+    },
+    {
+        id: 11,
+        w: 180,
+        h: 150,
+        name: "Top Right - 180x150",
+        type: "medium-rectangle"
+    },
+    {
+        id: 12,
+        w: 150,
+        h: 150,
+        name: "Top Right - 150x150",
+        type: "medium-rectangle"
+    },
+    {
+        id: 13,
+        w: 300,
+        h: 250,
+        name: "Bottom Left - 300x250",
+        type: "medium-rectangle"
+    },
+    {
+        id: 14,
+        w: 250,
+        h: 250,
+        name: "Bottom Left - 250x250",
+        type: "medium-rectangle"
+    },
+    {
+        id: 15,
+        w: 200,
+        h: 200,
+        name: "Bottom Left - 200x200",
+        type: "medium-rectangle"
+    },
+    {
+        id: 16,
+        w: 180,
+        h: 150,
+        name: "Bottom Left - 180x150",
+        type: "medium-rectangle"
+    },
+    {
+        id: 17,
+        w: 150,
+        h: 150,
+        name: "Bottom Left - 150x150",
+        type: "medium-rectangle"
+    },
+    {
+        id: 18,
+        w: 250,
+        h: 250,
+        name: "Bottom Right - 250x250",
+        type: "medium-rectangle"
+    },
+    {
+        id: 19,
+        w: 200,
+        h: 200,
+        name: "Bottom Right - 200x200",
+        type: "medium-rectangle"
+    },
+    {
+        id: 20,
+        w: 180,
+        h: 150,
+        name: "Bottom Right - 180x150",
+        type: "medium-rectangle"
+    },
+    {
+        id: 21,
+        w: 150,
+        h: 150,
+        name: "Bottom Right - 150x150",
+        type: "medium-rectangle"
+    },
+    {
+        id: 22,
         w: 728,
         h: 90,
+        name: "Top Center - 728x90",
         type: "leaderboard"
     },
     {
-        id: 5,
+        id: 23,
+        w: 468,
+        h: 60,
+        name: "Top Center - 468x60",
+        type: "leaderboard"
+    },
+    {
+        id: 24,
         w: 300,
-        h: 600,
-        type: "large-rectangle"
+        h: 50,
+        name: "Top Center - 300x50",
+        type: "leaderboard"
     },
     {
-        id: 6,
-        w: 250,
-        h: 300,
-        type: ""
+        id: 25,
+        w: 234,
+        h: 60,
+        name: "Top Center - 234x60",
+        type: "leaderboard"
     },
     {
-        id: 7,
+        id: 26,
+        w: 728,
+        h: 90,
+        name: "Bottom Center - 728x90",
+        type: "leaderboard"
+    },
+    {
+        id: 27,
+        w: 468,
+        h: 60,
+        name: "Bottom Center - 468x60",
+        type: "leaderboard"
+    },
+    {
+        id: 28,
+        w: 320,
+        h: 50,
+        name: "Bottom Center - 320x50",
+        type: "smartphone-banner"
+    },
+    {
+        id: 29,
+        w: 300,
+        h: 50,
+        name: "Bottom Center - 300x50",
+        type: "leaderboard"
+    },
+    {
+        id: 30,
+        w: 234,
+        h: 60,
+        name: "Bottom Center - 234x60",
+        type: "leaderboard"
+    },
+    {
+        id: 1e3,
         w: 970,
         h: 250,
+        name: "Generic - 970x250",
         type: "billboard"
+    },
+    {
+        id: 1001,
+        w: 970,
+        h: 90,
+        name: "Generic - 970x90",
+        type: "billboard"
+    },
+    {
+        id: 1002,
+        w: 250,
+        h: 300,
+        name: "Generic - 250x300",
+        type: ""
     }
 ];
 var ContentProvider = /*#__PURE__*/ function() {
@@ -68408,98 +68690,7 @@ var ContentProvider = /*#__PURE__*/ function() {
         {
             key: "adSizes",
             get: function get() {
-                return {
-                    "medium-rectangle": [
-                        [
-                            300,
-                            250
-                        ],
-                        [
-                            250,
-                            250
-                        ],
-                        [
-                            200,
-                            200
-                        ],
-                        [
-                            180,
-                            150
-                        ],
-                        [
-                            150,
-                            150
-                        ]
-                    ],
-                    "large-rectangle": [
-                        [
-                            300,
-                            600
-                        ],
-                        [
-                            160,
-                            600
-                        ],
-                        [
-                            120,
-                            600
-                        ]
-                    ],
-                    "billboard": [
-                        [
-                            970,
-                            250
-                        ],
-                        [
-                            970,
-                            90
-                        ],
-                        [
-                            728,
-                            90
-                        ],
-                        [
-                            468,
-                            60
-                        ]
-                    ],
-                    "leaderboard": [
-                        [
-                            728,
-                            90
-                        ],
-                        [
-                            468,
-                            60
-                        ],
-                        [
-                            320,
-                            50
-                        ],
-                        [
-                            300,
-                            50
-                        ],
-                        [
-                            234,
-                            60
-                        ]
-                    ],
-                    "smartphone-banner": [
-                        [
-                            320,
-                            50
-                        ],
-                        [
-                            300,
-                            50
-                        ],
-                        [
-                            320,
-                            100
-                        ]
-                    ]
-                };
+                return typeAndDimensions;
             }
         },
         {
@@ -69637,26 +69828,16 @@ var StaticImageProvider = /*#__PURE__*/ function(ContentProvider) {
     return StaticImageProvider;
 }(ContentProvider);
 // src/Ads/Providers/AfiliateProvider/AffiliateProvider.ts
-var AffiliateProvider = /*#__PURE__*/ function(ContentProvider1) {
+var AffiliateLibrary = /*#__PURE__*/ function() {
     "use strict";
-    _inherits(AffiliateProvider, ContentProvider1);
-    function AffiliateProvider(context, options) {
-        _class_call_check(this, AffiliateProvider);
-        var _this;
-        _this = _call_super(this, AffiliateProvider, [
-            context,
-            options
-        ]);
-        _this.manifest = [];
-        _this.useByRegion = {};
-        _this.ready = new Awaitable(false);
-        _this.content = {
-            content: [],
-            type: "affiliate"
-        };
-        return _this;
+    function AffiliateLibrary(manifestUrl) {
+        _class_call_check(this, AffiliateLibrary);
+        this.ready = new Awaitable(false);
+        this.loading = false;
+        this.affiliates = [];
+        this.manifestUrl = manifestUrl;
     }
-    _create_class(AffiliateProvider, [
+    _create_class(AffiliateLibrary, [
         {
             key: "loadManifest",
             value: function loadManifest() {
@@ -69665,30 +69846,86 @@ var AffiliateProvider = /*#__PURE__*/ function(ContentProvider1) {
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
+                                if (!this.ready.value && this.loading) {
+                                    return [
+                                        2,
+                                        this.ready.promise
+                                    ];
+                                }
+                                this.loading = true;
                                 return [
                                     4,
-                                    fetch(this.options.manifest)
+                                    fetch(this.manifestUrl)
                                 ];
                             case 1:
                                 response = _state.sent();
                                 if (!response.ok) {
+                                    this.ready.reject("Failed to fetch manifest: ".concat(response.statusText));
                                     throw new Error("Failed to fetch manifest: ".concat(response.statusText));
                                 }
+                                this.ready.resolve(true);
+                                this.loading = false;
                                 _ = this;
                                 return [
                                     4,
                                     response.json()
                                 ];
                             case 2:
-                                _.manifest = _state.sent();
-                                this.ready.resolve(true);
+                                _.affiliates = _state.sent();
                                 return [
-                                    2
+                                    2,
+                                    this.ready.promise
                                 ];
                         }
                     });
                 }).call(this);
             }
+        }
+    ]);
+    return AffiliateLibrary;
+}();
+var library;
+var AffiliateProvider = /*#__PURE__*/ function(ContentProvider1) {
+    "use strict";
+    _inherits(AffiliateProvider, ContentProvider1);
+    function AffiliateProvider(context, options) {
+        _class_call_check(this, AffiliateProvider);
+        var _this;
+        _this = _call_super(this, AffiliateProvider, [
+            context,
+            options
+        ]);
+        _this.useByRegion = {};
+        _this.ready = new Awaitable(false);
+        if (!library) {
+            library = new AffiliateLibrary(options.manifest);
+        }
+        _this.content = {
+            content: [],
+            type: "affiliate"
+        };
+        return _this;
+    }
+    _create_class(AffiliateProvider, [
+        {
+            key: "loadManifest",
+            value: function loadManifest() {
+                return _async_to_generator(function() {
+                    var _this;
+                    return _ts_generator(this, function(_state) {
+                        _this = this;
+                        return [
+                            2,
+                            library === null || library === void 0 ? void 0 : library.loadManifest().then(function() {
+                                _this.ready.resolve(true);
+                                return true;
+                            }).catch(function(error) {
+                                _this.ready.reject(error);
+                            })
+                        ];
+                    });
+                }).call(this);
+            }
         },
         {
             key: "getAffiliate",
@@ -69702,7 +69939,7 @@ var AffiliateProvider = /*#__PURE__*/ function(ContentProvider1) {
                             var _this1, _loop = function() {
                                 var _step_value = _sliced_to_array(_step.value, 2), width = _step_value[0], height = _step_value[1];
                                 var identifier = "".concat(width, "x").concat(height);
-                                var aff2 = _this1.manifest.filter(function(a) {
+                                var aff2 = library.affiliates.filter(function(a) {
                                     return a.size.w === width && a.size.h === height;
                                 });
                                 if (!aff2.length) {
@@ -69747,7 +69984,7 @@ var AffiliateProvider = /*#__PURE__*/ function(ContentProvider1) {
                     }
                     if ((size === null || size === void 0 ? void 0 : size.width) && (size === null || size === void 0 ? void 0 : size.height)) {
                         var identifier = "".concat(size.width, "x").concat(size.height);
-                        var aff2 = this.manifest.filter(function(a) {
+                        var aff2 = library.affiliates.filter(function(a) {
                             return a.size.w === (size === null || size === void 0 ? void 0 : size.width) && a.size.h === size.height;
                         });
                         if (!aff2.length) {
@@ -69771,7 +70008,7 @@ var AffiliateProvider = /*#__PURE__*/ function(ContentProvider1) {
                 if (!this.useByRegion[regionId]) {
                     this.useByRegion[regionId] = /* @__PURE__ */ new Set();
                 }
-                var aff = this.manifest.filter(function(a) {
+                var aff = library.affiliates.filter(function(a) {
                     return a.region.includes("".concat(regionId));
                 });
                 if (!aff.length) {
@@ -71435,16 +71672,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();
+                    });
+                });
             }
         },
         {
@@ -72918,10 +73159,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) {
@@ -72957,11 +73203,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({
@@ -75523,236 +75771,6 @@ var VideoRegionsDataManager = /*#__PURE__*/ function(_import_events4_EventEmitte
     ]);
     return VideoRegionsDataManager;
 }(import_events4.EventEmitter);
-// src/Ads/VideoAds/VideoRegionsData/VideoRegionsDataManagerDecorator.ts
-var VideoRegionsDataManagerDecorator = /*#__PURE__*/ function() {
-    "use strict";
-    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) {
-    "use strict";
-    _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) {
-    "use strict";
-    _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() {
-    "use strict";
-    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){
@@ -76286,10 +76304,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();
             }
         },
         {
@@ -77836,9 +77853,9 @@ function findIconDefinition(iconLookup) {
     var prefix = iconLookup.prefix || getDefaultUsablePrefix();
     if (!iconName) return;
     iconName = byAlias(prefix, iconName) || iconName;
-    return iconFromMapping(library.definitions, prefix, iconName) || iconFromMapping(namespace.styles, prefix, iconName);
+    return iconFromMapping(library2.definitions, prefix, iconName) || iconFromMapping(namespace.styles, prefix, iconName);
 }
-var library = new Library();
+var library2 = new Library();
 var noAuto = function() {
     config.autoReplaceSvg = false;
     config.observeMutations = false;
@@ -77912,7 +77929,7 @@ var api = {
     config: config,
     dom: dom,
     parse: parse,
-    library: library,
+    library: library2,
     findIconDefinition: findIconDefinition,
     toHtml: toHtml
 };
@@ -79818,6 +79835,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, [
@@ -79919,6 +79938,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, [
         {
@@ -81749,7 +81770,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.");
             }
         },
         {
@@ -81859,6 +81879,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());
@@ -82448,8 +82469,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 {
@@ -82502,7 +82525,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.");
             }
         },
         {
@@ -82541,6 +82563,280 @@ var PresentationModeFactory = /*#__PURE__*/ function() {
     ]);
     return PresentationModeFactory;
 }();
+// src/Ads/VideoAds/VideoRegionsData/VideoRegionsDataManagerDecorator.ts
+var VideoRegionsDataManagerDecorator = /*#__PURE__*/ function() {
+    "use strict";
+    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) {
+    "use strict";
+    _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) {
+    "use strict";
+    _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) {
+    "use strict";
+    _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() {
+    "use strict";
+    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() {
     "use strict";
@@ -82618,7 +82914,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",
@@ -82683,6 +82980,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();
@@ -82691,10 +82989,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
@@ -82712,7 +83007,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",
@@ -82723,15 +83019,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();
                 });
             }
         },
@@ -83247,8 +83540,157 @@ 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) {
+    "use strict";
+    _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";
@@ -87113,9 +87555,9 @@ Object.assign(lookup2, {
     connect: lookup2
 });
 // src/Service/Realtime.ts
-var BRNDTSRealtime = /*#__PURE__*/ function(_import_events10_default) {
+var BRNDTSRealtime = /*#__PURE__*/ function(_import_events11_default) {
     "use strict";
-    _inherits(_BRNDTSRealtime, _import_events10_default);
+    _inherits(_BRNDTSRealtime, _import_events11_default);
     function _BRNDTSRealtime(options, deps) {
         _class_call_check(this, _BRNDTSRealtime);
         var _this;
@@ -87213,9 +87655,37 @@ 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() {
+    "use strict";
+    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() {
     "use strict";
@@ -87268,10 +87738,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 [
@@ -87282,35 +87758,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
                                 ];