@brndts/brndts-ads 1.0.1 → 1.1.0

package/dist/index.mjs

@@ -18615,14 +18615,13 @@ var Reporter = /*#__PURE__*/ function() {
             replaysOnErrorSampleRate: 1
         });
         this.scope = new Scope();
-        this.scope.setClient(this.client);
         this.client.init();
     }
     _create_class(Reporter, [
         {
             key: "capture",
             value: function capture(error) {
-                return this.scope.captureException(error);
+                return this.client.captureException(error, {}, this.scope);
             }
         }
     ]);
@@ -18733,6 +18732,36 @@ function _getGeneralInfo() {
     });
     return _getGeneralInfo.apply(this, arguments);
 }
+// src/Common/utils/Changeable.ts
+var Changeable = /*#__PURE__*/ function() {
+    "use strict";
+    function Changeable(value2) {
+        _class_call_check(this, Changeable);
+        this.listeners = [];
+        this._value = value2;
+    }
+    _create_class(Changeable, [
+        {
+            key: "value",
+            get: function get() {
+                return this._value;
+            },
+            set: function set(value2) {
+                this._value = value2;
+                for(var index = 0; index < this.listeners.length; index++){
+                    this.listeners[index](this._value);
+                }
+            }
+        },
+        {
+            key: "onUpdate",
+            value: function onUpdate(listener3) {
+                this.listeners.push(listener3);
+            }
+        }
+    ]);
+    return Changeable;
+}();
 // src/Common/utils/is.ts
 var getConstructor = function(input) {
     return input !== null && typeof input !== "undefined" ? input.constructor : null;
@@ -18865,7 +18894,7 @@ var defaults = {
         host: "http://localhost:8001"
     },
     controls: {
-        default: "none"
+        default: "brndts_fs"
     },
     playback: {},
     volume: {
@@ -19085,7 +19114,7 @@ var Logger = /*#__PURE__*/ function() {
         {
             key: "error",
             get: function get() {
-                return this.enabled ? Function.prototype.bind.call(console.error, console) : noop;
+                return Function.prototype.bind.call(console.error, console);
             }
         }
     ]);
@@ -19125,7 +19154,7 @@ var VideoRegionsDataCollection = /*#__PURE__*/ function() {
                 var nextFrameInfo;
                 var missingIntervals = {};
                 if (this.timestampList.length === 0) {
-                    missingIntervals[0] = {
+                    missingIntervals["0"] = {
                         timestamp_start: 0,
                         timestamp_end: this.totalLengthSeconds
                     };
@@ -19196,9 +19225,6 @@ var VideoRegionsDataCollection = /*#__PURE__*/ function() {
         {
             key: "isValidRegionForTimestamp",
             value: function isValidRegionForTimestamp(region, timestamp) {
-                if (!region) {
-                    return false;
-                }
                 if (region.timestamp_start < timestamp && region.timestamp_end > timestamp) {
                     return true;
                 }
@@ -19237,14 +19263,6 @@ var VideoRegionsDataCollection = /*#__PURE__*/ function() {
                         right = mid - 1;
                     }
                 }
-                leftInterval = this.frameInfo[this.timestampList[left]];
-                rightInterval = this.frameInfo[this.timestampList[right]];
-                if (this.isValidRegionForTimestamp(leftInterval, target)) {
-                    return leftInterval;
-                }
-                if (this.isValidRegionForTimestamp(rightInterval, target)) {
-                    return rightInterval;
-                }
                 return null;
             }
         },
@@ -19389,7 +19407,11 @@ var VideoRegionsDataManager = /*#__PURE__*/ function() {
         },
         {
             key: "destroy",
-            value: function destroy() {}
+            value: function destroy() {
+                this.service.removeListener("result", this.handlePredictionResult);
+                this.service.removeListener("completed", this.handlePredictionConpleted);
+                this.service.removeListener("aborted", this.handlePredictionAborted);
+            }
         }
     ]);
     return VideoRegionsDataManager;
@@ -19579,6 +19601,7 @@ var RegionBox = /*#__PURE__*/ function() {
 var Region = /*#__PURE__*/ function() {
     "use strict";
     function Region(id, regionDescriptor, planeDescriptor, deps) {
+        var _this = this;
         _class_call_check(this, Region);
         this.visible = false;
         this.id = id;
@@ -19604,6 +19627,16 @@ var Region = /*#__PURE__*/ function() {
         this.container.addEventListener("click", this.handleClick);
         this.container.addEventListener("mouseenter", this.handleMouseEnter);
         this.container.addEventListener("mouseleave", this.handleMouseLeave);
+        if (this.deps.provider) {
+            this.deps.provider.onRefreshContents(function(contents) {
+                var _this_deps_recorder;
+                _this.boxView.innerHTML = "";
+                for(var index = 0; index < contents.length; index++){
+                    _this.boxView.appendChild(contents[index]);
+                }
+                (_this_deps_recorder = _this.deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.presentationStateChanged(_this);
+            });
+        }
         this.render(regionDescriptor.contours, regionDescriptor.box);
         if (this.boxArea > 0) {
             this.requestContent();
@@ -19613,19 +19646,7 @@ var Region = /*#__PURE__*/ function() {
         {
             key: "requestContent",
             value: function requestContent() {
-                var _this = this;
-                var _this_deps;
-                if ((_this_deps = this.deps) === null || _this_deps === void 0 ? void 0 : _this_deps.provider) {
-                    this.deps.provider.onRefreshContents(function(contents) {
-                        _this.boxView.innerHTML = "";
-                        for(var index = 0; index < contents.length; index++){
-                            _this.boxView.appendChild(contents[index]);
-                        }
-                    });
-                    var content = this.deps.provider.contents();
-                    for(var index = 0; index < content.length; index++){
-                        this.boxView.appendChild(content[index]);
-                    }
+                if (this.deps.provider) {
                     this.deps.provider.request({
                         size: {
                             width: this.boxWidth,
@@ -19641,22 +19662,22 @@ var Region = /*#__PURE__*/ function() {
         {
             key: "handleClick",
             value: function handleClick() {
-                var _this_deps_recorder, _this_deps;
-                this.isPresented && ((_this_deps = this.deps) === null || _this_deps === void 0 ? void 0 : (_this_deps_recorder = _this_deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.mouseClick(this));
+                var _this_deps_recorder;
+                this.isPresented && ((_this_deps_recorder = this.deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.mouseClick(this));
             }
         },
         {
             key: "handleMouseEnter",
             value: function handleMouseEnter() {
-                var _this_deps_recorder, _this_deps;
-                this.isPresented && ((_this_deps = this.deps) === null || _this_deps === void 0 ? void 0 : (_this_deps_recorder = _this_deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.mouseEnter(this));
+                var _this_deps_recorder;
+                this.isPresented && ((_this_deps_recorder = this.deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.mouseEnter(this));
             }
         },
         {
             key: "handleMouseLeave",
             value: function handleMouseLeave() {
-                var _this_deps_recorder, _this_deps;
-                this.isPresented && ((_this_deps = this.deps) === null || _this_deps === void 0 ? void 0 : (_this_deps_recorder = _this_deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.mouseLeave(this));
+                var _this_deps_recorder;
+                this.isPresented && ((_this_deps_recorder = this.deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.mouseLeave(this));
             }
         },
         {
@@ -19756,20 +19777,26 @@ var Region = /*#__PURE__*/ function() {
                 return this.visible;
             }
         },
+        {
+            key: "hasContent",
+            get: function get() {
+                return this.boxView.children.length > 0;
+            }
+        },
         {
             key: "updateVisibility",
             value: function updateVisibility(value2) {
-                var _this_deps_recorder, _this_deps;
+                var _this_deps_recorder;
                 this.visible = value2;
-                (_this_deps = this.deps) === null || _this_deps === void 0 ? void 0 : (_this_deps_recorder = _this_deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.displayStateChanged(this);
+                (_this_deps_recorder = this.deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.displayStateChanged(this);
             }
         },
         {
             key: "render",
             value: function render(contours, box) {
                 var _this = this;
-                var _this_deps_recorder, _this_deps;
-                this.contours = contours || [];
+                var _this_deps_recorder;
+                this.contours = contours;
                 var newBox = new RegionBox(box);
                 if (!this.box.isEqual(newBox.coords) && newBox.area(this.plane.size) > 0) {
                     this.box = newBox;
@@ -19783,7 +19810,6 @@ var Region = /*#__PURE__*/ function() {
                 this.boxView.style.width = "".concat(Math.floor(this.boxWidth), "px");
                 this.boxView.style.height = "".concat(Math.floor(this.boxHeight), "px");
                 if (this.maskLayer) {
-                    var _this_maskLayer;
                     this.maskLayer.width = this.boxWidth;
                     this.maskLayer.style.width = "".concat(this.boxWidth, "px");
                     this.maskLayer.height = this.boxHeight;
@@ -19811,12 +19837,12 @@ var Region = /*#__PURE__*/ function() {
                         ctx.fillStyle = "black";
                         ctx.fill();
                     }
-                    var maskUrl = "url(" + ((_this_maskLayer = this.maskLayer) === null || _this_maskLayer === void 0 ? void 0 : _this_maskLayer.toDataURL()) + ")";
+                    var maskUrl = "url(" + this.maskLayer.toDataURL() + ")";
                     if (this.boxView) {
                         this.boxView.style.maskImage = maskUrl;
                     }
                 }
-                (_this_deps = this.deps) === null || _this_deps === void 0 ? void 0 : (_this_deps_recorder = _this_deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.presentationStateChanged(this);
+                (_this_deps_recorder = this.deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.presentationStateChanged(this);
             }
         },
         {
@@ -20370,7 +20396,7 @@ var ContentProvider = /*#__PURE__*/ function() {
     ]);
     return ContentProvider;
 }();
-// src/Ads/Providers/AdsTerraProvider.ts
+// src/Ads/Providers/AdsTerra/AdsTerraProvider.ts
 var ADSTERRA_BANNER_KEY = "f5024dbe632a4ccafec26462f39acaf8";
 var AdsTerraProvider = /*#__PURE__*/ function(ContentProvider) {
     "use strict";
@@ -20390,7 +20416,7 @@ var AdsTerraProvider = /*#__PURE__*/ function(ContentProvider) {
         var conf = document.createElement("script");
         var script = document.createElement("script");
         script.type = "text/javascript";
-        script.src = "//www.highperformancedformats.com/".concat(atOptions.key, "/invoke.js");
+        script.src = "http://www.highperformancedformats.com/".concat(atOptions.key, "/invoke.js");
         conf.innerHTML = "atOptions = ".concat(JSON.stringify(atOptions));
         _this.content.push(conf);
         _this.content.push(script);
@@ -20458,7 +20484,7 @@ var BRNDTSDefaultProvider = /*#__PURE__*/ function(ContentProvider) {
     ]);
     return BRNDTSDefaultProvider;
 }(ContentProvider);
-// src/Ads/Providers/KevelProvider.ts
+// src/Ads/Providers/Kevel/KevelSDK.ts
 var KevelSDK = /*#__PURE__*/ function() {
     "use strict";
     function KevelSDK(networkId, siteId) {
@@ -20512,6 +20538,7 @@ var KevelSDK = /*#__PURE__*/ function() {
     ]);
     return KevelSDK;
 }();
+// src/Ads/Providers/Kevel/KevelProvider.ts
 var KevelProvider = /*#__PURE__*/ function(ContentProvider) {
     "use strict";
     _inherits(KevelProvider, ContentProvider);
@@ -20581,6 +20608,30 @@ var KevelProvider = /*#__PURE__*/ function(ContentProvider) {
     return KevelProvider;
 }(ContentProvider);
 // src/Ads/Providers/SmartyAds/SmartyAdsSDK.ts
+var PARAMS = [
+    "res",
+    "m",
+    "ua",
+    "ip",
+    "w",
+    "h",
+    "gdpr",
+    "gdpr_consent",
+    "gpp",
+    "gpp_sid",
+    "coppa",
+    "page",
+    "domain",
+    "secure",
+    "lmt",
+    "dnt",
+    "ad_width",
+    "ad_height",
+    "language",
+    "cattax",
+    "keywords",
+    "placementId"
+];
 var SmartyadsSDK = /*#__PURE__*/ function() {
     "use strict";
     function SmartyadsSDK() {
@@ -20595,17 +20646,11 @@ var SmartyadsSDK = /*#__PURE__*/ function() {
    * @returns The query string with URL encoding.
    */ key: "buildQueryParams",
             value: function buildQueryParams(params) {
-                var queryKeys = Object.keys(params);
-                var queryString = queryKeys.map(function(key) {
+                var queryString = PARAMS.map(function(key) {
                     var value2 = params[key];
                     if (value2 === null || value2 === void 0) {
                         return "";
                     }
-                    if (Array.isArray(value2)) {
-                        return value2.map(function(item) {
-                            return "".concat(encodeURIComponent(key), "=").concat(encodeURIComponent(item));
-                        }).join("&");
-                    }
                     return "".concat(encodeURIComponent(key), "=").concat(encodeURIComponent(value2));
                 }).filter(function(part) {
                     return part.length > 0;
@@ -20616,7 +20661,6 @@ var SmartyadsSDK = /*#__PURE__*/ function() {
         {
             key: "request",
             value: function request(params) {
-                var url2 = "https://n1.smartyads.com/?c=b&".concat(this.buildQueryParams(params));
                 return fetch("https://n1.smartyads.com/?c=b&".concat(this.buildQueryParams(params))).then(function(response) {
                     if (!response.ok) {
                         throw new InternalError("Network response was not ok");
@@ -20641,7 +20685,7 @@ var SmartyadsProvider = /*#__PURE__*/ function(ContentProvider) {
         _class_call_check(this, SmartyadsProvider);
         var _this;
         _this = _super.call(this, context, options);
-        _this.placements = options.placements;
+        _this.placements = options.placements || {};
         _this.smartyads = new SmartyadsSDK();
         return _this;
     }
@@ -20650,13 +20694,21 @@ var SmartyadsProvider = /*#__PURE__*/ function(ContentProvider) {
             key: "getPlacement",
             value: function getPlacement(regionId) {
                 var availablePlacements = Object.keys(this.placements).map(parseInt);
-                if (!availablePlacements) {
+                if (!availablePlacements.length) {
                     throw new Error("No available placements!");
                 }
+                var foundPlacement;
                 if (!regionId) {
-                    return this.placements[availablePlacements[0]];
+                    foundPlacement = this.placements[availablePlacements[0]];
+                } else {
+                    foundPlacement = this.placements[regionId];
+                }
+                if (typeof foundPlacement === "number") {
+                    return {
+                        id: foundPlacement
+                    };
                 }
-                return this.placements[regionId];
+                return foundPlacement;
             }
         },
         {
@@ -20664,18 +20716,19 @@ var SmartyadsProvider = /*#__PURE__*/ function(ContentProvider) {
             value: function request(params) {
                 var _this = this;
                 return _async_to_generator(function() {
-                    var _params_params, smartyadsContent, div, index;
+                    var _params_params, placementInfo, smartyadsContent, div, index;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 if (!params || params.size.width === void 0 || params.size.width === 0 || params.size.height === void 0 || params.size.height === 0) {
                                     throw new InternalError("No Params!");
                                 }
+                                placementInfo = _this.getPlacement((_params_params = params.params) === null || _params_params === void 0 ? void 0 : _params_params.regionId);
                                 return [
                                     4,
                                     _this.smartyads.request(_object_spread_props(_object_spread({}, _this.options), {
-                                        ad_width: params.size.width,
-                                        ad_height: params.size.height,
+                                        ad_width: placementInfo.w || params.size.width,
+                                        ad_height: placementInfo.h || params.size.height,
                                         m: "api",
                                         ua: _this.context.info.ua || navigator.userAgent,
                                         w: window.innerWidth,
@@ -20683,7 +20736,7 @@ var SmartyadsProvider = /*#__PURE__*/ function(ContentProvider) {
                                         domain: _this.context.info.domain || window.location.hostname,
                                         page: window.location.href,
                                         ip: _this.context.info.ip,
-                                        placementId: _this.getPlacement((_params_params = params.params) === null || _params_params === void 0 ? void 0 : _params_params.regionId)
+                                        placementId: placementInfo.id
                                     }))
                                 ];
                             case 1:
@@ -20746,6 +20799,147 @@ var StaticImageProvider = /*#__PURE__*/ function(ContentProvider) {
     ]);
     return StaticImageProvider;
 }(ContentProvider);
+// src/Ads/Providers/Prebidjs/PrebidjsProvider.ts
+var PrebidjsProvider = /*#__PURE__*/ function(ContentProvider) {
+    "use strict";
+    _inherits(PrebidjsProvider, ContentProvider);
+    var _super = _create_super(PrebidjsProvider);
+    function PrebidjsProvider(context, options) {
+        _class_call_check(this, PrebidjsProvider);
+        var _this;
+        _this = _super.call(this, context, options);
+        _this.ready = false;
+        _this.processBids = _this.processBids.bind(_assert_this_initialized(_this));
+        _this.loadPrebidJS().then(function() {
+            _this.configurePrebidJS();
+            _this.defineAdUnits();
+        });
+        return _this;
+    }
+    _create_class(PrebidjsProvider, [
+        {
+            key: "loadPrebidJS",
+            value: function loadPrebidJS() {
+                var _this = this;
+                return new Promise(function(resolve, reject) {
+                    if (window.pbjs) {
+                        _this.ready = true;
+                        _this.prebidjs = window.pbjs;
+                        _this.context.logger.log("Prebid.js already loaded!");
+                        resolve();
+                        return;
+                    }
+                    var script = document.createElement("script");
+                    script.src = "https://cdn.jsdelivr.net/npm/prebid.js@latest/dist/not-for-prod/prebid.js";
+                    script.onload = function() {
+                        _this.ready = true;
+                        _this.prebidjs = window.pbjs;
+                        _this.context.logger.log("Prebid.js loaded!");
+                        resolve();
+                    };
+                    script.onerror = function() {
+                        reject(new Error("Failed to load Prebid.js"));
+                    };
+                    document.head.appendChild(script);
+                });
+            }
+        },
+        {
+            key: "configurePrebidJS",
+            value: function configurePrebidJS() {
+                var _this = this;
+                if (!this.prebidjs) {
+                    return;
+                }
+                this.prebidjs.que.push(function() {
+                    if (_this.prebidjs) {
+                        _this.prebidjs.setConfig({
+                            debug: true,
+                            priceGranularity: "high",
+                            enableSendAllBids: true
+                        });
+                    }
+                });
+            }
+        },
+        {
+            key: "defineAdUnits",
+            value: function defineAdUnits() {
+                var _this = this;
+                if (!this.ready) {
+                    throw new Error("Prebid.js is not loaded");
+                }
+                if (!this.prebidjs) {
+                    return;
+                }
+                this.prebidjs.que.push(function() {
+                    if (_this.prebidjs) {
+                        _this.prebidjs.addAdUnits(_this.options.units);
+                    }
+                });
+            }
+        },
+        {
+            key: "processBid",
+            value: function processBid(bid) {
+                var _iframe_sandbox, _iframe_contentWindow;
+                var iframe = document.createElement("iframe");
+                iframe.name = "prebid_ads_iframe_".concat(bid.adUnitCode);
+                iframe.title = "3rd party ad content";
+                (_iframe_sandbox = iframe.sandbox) === null || _iframe_sandbox === void 0 ? void 0 : _iframe_sandbox.add("allow-forms", "allow-popups", "allow-popups-to-escape-sandbox", "allow-same-origin", "allow-scripts", "allow-top-navigation-by-user-activation");
+                iframe.setAttribute("aria-label", "Advertisment");
+                iframe.style.setProperty("border", "0");
+                iframe.style.setProperty("margin", "0");
+                iframe.style.setProperty("overflow", "hidden");
+                var iframeDoc = (_iframe_contentWindow = iframe.contentWindow) === null || _iframe_contentWindow === void 0 ? void 0 : _iframe_contentWindow.document;
+                if (!iframeDoc) {
+                    return;
+                }
+                if (this.prebidjs) {
+                    this.prebidjs.renderAd(iframeDoc, bid.adId);
+                }
+                var normalizeCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}";
+                var iframeStyle = iframeDoc.createElement("style");
+                iframeStyle.appendChild(iframeDoc.createTextNode(normalizeCss));
+                iframeDoc.head.appendChild(iframeStyle);
+                this.content = [
+                    iframe
+                ];
+                this.notify();
+            }
+        },
+        {
+            key: "processBids",
+            value: function processBids(bids, timedOut, auctionId) {
+                var _this_prebidjs;
+                this.context.logger.log("Bids:", bids);
+                var winners = ((_this_prebidjs = this.prebidjs) === null || _this_prebidjs === void 0 ? void 0 : _this_prebidjs.getHighestCpmBids()) || [];
+                for(var i2 = 0; i2 < winners.length; i2++){
+                    this.processBid(winners[i2]);
+                }
+            }
+        },
+        {
+            key: "request",
+            value: function request(params) {
+                var _this = this;
+                if (!this.prebidjs) {
+                    return Promise.resolve();
+                }
+                this.prebidjs.que.push(function() {
+                    if (_this.prebidjs) {
+                        _this.prebidjs.requestBids({
+                            timeout: 1e3,
+                            bidsBackHandler: _this.processBids
+                        });
+                    }
+                });
+                return Promise.resolve();
+            }
+        }
+    ]);
+    return PrebidjsProvider;
+}(ContentProvider);
 // src/Ads/Providers/ProviderFactory.ts
 var ContentProviderFactory = /*#__PURE__*/ function() {
     "use strict";
@@ -20771,8 +20965,11 @@ var ContentProviderFactory = /*#__PURE__*/ function() {
                         if (options.params.code === "smartyads") {
                             return new SmartyadsProvider(context, options.params);
                         }
+                        if (options.params.code === "prebid") {
+                            return new PrebidjsProvider(context, options.params);
+                        }
                 }
-                throw new InternalError("No provider found for type");
+                throw new InternalError("No provider found for type: ".concat(options.type));
             }
         }
     ]);
@@ -20881,16 +21078,29 @@ var Ads = /*#__PURE__*/ function() {
             key: "mediaIsReady",
             value: function mediaIsReady() {
                 this.videoRegions.fetch();
+                console.log("media is ready");
                 if (this.regionsRenderer) {
                     return;
                 }
-                this.regionsRenderer = new RegionRenderer(this.context.media.viewWidth, this.context.media.viewHeight, {
-                    debug: this.context.config.get("debug"),
-                    recorder: this.context.recorder,
-                    provider: ContentProviderFactory.getProvider(this.context, this.context.config.get("ads").provider)
-                });
+                console.log("creating regions renderer");
+                try {
+                    this.regionsRenderer = new RegionRenderer(this.context.media.viewWidth, this.context.media.viewHeight, {
+                        debug: this.context.config.get("debug"),
+                        recorder: this.context.recorder,
+                        provider: ContentProviderFactory.getProvider(this.context, this.context.config.get("ads").provider)
+                    });
+                } catch (e2) {
+                    if (_instanceof(e2, Error)) {
+                        var error = new InternalError(e2.message);
+                        error.stack = e2.stack;
+                        this.context.logger.error(e2);
+                        ErrorHandler.handle(error);
+                    }
+                }
+                console.log("attaching regions renderer", this.context.elements.container);
                 if (this.context.elements.container) {
-                    this.regionsRenderer.attach(this.context.elements.container);
+                    var _this_regionsRenderer;
+                    (_this_regionsRenderer = this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.attach(this.context.elements.container);
                 }
             }
         },
@@ -20898,6 +21108,7 @@ var Ads = /*#__PURE__*/ function() {
             key: "handleState",
             value: function handleState() {
                 var state = this.context.store.getState();
+                console.log("state", state);
                 if (state.ready) {
                     this.mediaIsReady();
                 }
@@ -20953,6 +21164,7 @@ var Ads = /*#__PURE__*/ function() {
                 (_this_context_media = this.context.media) === null || _this_context_media === void 0 ? void 0 : _this_context_media.on("SEEKED", function() {
                     _this.videoRegions.seek(_this.context.media.currentTime);
                 });
+                console.log("ads started");
                 this.handleState();
             }
         },
@@ -24485,6 +24697,7 @@ var ImpressionModel = /*#__PURE__*/ function() {
         _class_call_check(this, ImpressionModel);
         this.service = service;
         this.currentImpression = {
+            datetime: /* @__PURE__ */ new Date().toISOString(),
             type: "impression",
             session: sessionInfo,
             video: video,
@@ -24499,11 +24712,10 @@ var ImpressionModel = /*#__PURE__*/ function() {
             value: function insertNewHit(newHit) {
                 var _this = this;
                 return _async_to_generator(function() {
-                    var _this_currentImpression_extra, result;
+                    var result;
                     return _ts_generator(this, function(_state) {
                         if (_this.currentImpression.type === "impression") {
-                            ;
-                            (_this_currentImpression_extra = _this.currentImpression.extra) === null || _this_currentImpression_extra === void 0 ? void 0 : _this_currentImpression_extra.hits.push(newHit);
+                            _this.currentImpression.extra.hits.push(newHit);
                             if (!_this.currentImpression.id) {
                                 if (_this.currentImpression.video) {
                                     _this.currentImpression.video.ts = newHit.start;
@@ -24525,41 +24737,59 @@ var ImpressionModel = /*#__PURE__*/ function() {
                 })();
             }
         },
+        {
+            key: "startNewImpressionHit",
+            value: function startNewImpressionHit(region, ts) {
+                this.inProgressHit = {
+                    ts_start: ts,
+                    dt_start: /* @__PURE__ */ new Date(),
+                    totalDisplayingTime: 0,
+                    area: region.polygonArea
+                };
+                if (region.isVisible) {
+                    this.inProgressHit.displayingStart = this.inProgressHit.dt_start;
+                }
+            }
+        },
+        {
+            key: "finishInProgressHit",
+            value: function finishInProgressHit(ts) {
+                if (!this.inProgressHit) {
+                    return;
+                }
+                this.inProgressHit.ts_end = ts;
+                this.inProgressHit.dt_end = /* @__PURE__ */ new Date();
+                if (this.inProgressHit.displayingStart !== void 0) {
+                    this.inProgressHit.displayingEnd = /* @__PURE__ */ new Date();
+                    this.inProgressHit.totalDisplayingTime += (this.inProgressHit.displayingEnd.getTime() - this.inProgressHit.displayingStart.getTime()) / 1e3;
+                    this.inProgressHit.displayingStart = void 0;
+                    this.inProgressHit.displayingEnd = void 0;
+                }
+                var inProgress = this.inProgressHit;
+                var presentationTime = // @ts-expect-error
+                (inProgress.dt_end.getTime() - inProgress.dt_start.getTime()) / 1e3;
+                this.inProgressHit = void 0;
+                this.insertNewHit({
+                    presentation_time: presentationTime,
+                    display_time: inProgress.totalDisplayingTime,
+                    start: inProgress.ts_start,
+                    // @ts-expect-error
+                    end: inProgress.ts_end,
+                    area: inProgress.area || 0
+                });
+            }
+        },
         {
             key: "presentationChanged",
             value: function presentationChanged(region, ts) {
-                if (region.isPresented && this.inProgressHit) {
-                    return;
-                } else if (region.isPresented && !this.inProgressHit) {
-                    this.inProgressHit = {
-                        ts_start: ts,
-                        dt_start: /* @__PURE__ */ new Date(),
-                        totalDisplayingTime: 0,
-                        area: region.polygonArea
-                    };
-                    if (region.isVisible) {
-                        this.inProgressHit.displayingStart = this.inProgressHit.dt_start;
+                if (!this.inProgressHit) {
+                    if (region.isPresented && region.hasContent) {
+                        this.startNewImpressionHit(region, ts);
                     }
-                } else if (!region.isPresented && this.inProgressHit) {
-                    var _inProgress_dt_end;
-                    this.inProgressHit.ts_end = ts;
-                    this.inProgressHit.dt_end = /* @__PURE__ */ new Date();
-                    if (this.inProgressHit.displayingStart !== void 0) {
-                        this.inProgressHit.displayingEnd = /* @__PURE__ */ new Date();
-                        this.inProgressHit.totalDisplayingTime += (this.inProgressHit.displayingEnd.getTime() - this.inProgressHit.displayingStart.getTime()) / 1e3;
-                        this.inProgressHit.displayingStart = void 0;
-                        this.inProgressHit.displayingEnd = void 0;
+                } else {
+                    if (!region.isPresented || !region.hasContent) {
+                        this.finishInProgressHit(ts);
                     }
-                    var inProgress = this.inProgressHit;
-                    var presentationTime = ((((_inProgress_dt_end = inProgress.dt_end) === null || _inProgress_dt_end === void 0 ? void 0 : _inProgress_dt_end.getTime()) || 0) - inProgress.dt_start.getTime()) / 1e3;
-                    this.inProgressHit = void 0;
-                    this.insertNewHit({
-                        presentation_time: presentationTime,
-                        display_time: inProgress.totalDisplayingTime,
-                        start: inProgress.ts_start,
-                        end: inProgress.ts_end || inProgress.ts_start,
-                        area: inProgress.area || 0
-                    });
                 }
             }
         },
@@ -24585,7 +24815,6 @@ var ImpressionModel = /*#__PURE__*/ function() {
             key: "destroy",
             value: function destroy() {
                 if (this.inProgressHit) {
-                    var _inProgress_dt_end;
                     this.inProgressHit.dt_end = /* @__PURE__ */ new Date();
                     if (this.inProgressHit.displayingStart !== void 0) {
                         this.inProgressHit.displayingEnd = /* @__PURE__ */ new Date();
@@ -24594,7 +24823,8 @@ var ImpressionModel = /*#__PURE__*/ function() {
                         this.inProgressHit.displayingEnd = void 0;
                     }
                     var inProgress = this.inProgressHit;
-                    var presentationTime = ((((_inProgress_dt_end = inProgress.dt_end) === null || _inProgress_dt_end === void 0 ? void 0 : _inProgress_dt_end.getTime()) || 0) - inProgress.dt_start.getTime()) / 1e3;
+                    var presentationTime = // @ts-expect-error
+                    (inProgress.dt_end.getTime() - inProgress.dt_start.getTime()) / 1e3;
                     this.inProgressHit = void 0;
                     this.insertNewHit({
                         presentation_time: presentationTime,
@@ -28638,35 +28868,6 @@ Object.assign(lookup2, {
     connect: lookup2
 });
 // src/BRNDTSService.ts
-var Changeable = /*#__PURE__*/ function() {
-    "use strict";
-    function Changeable(value2) {
-        _class_call_check(this, Changeable);
-        this.listeners = [];
-        this._value = value2;
-    }
-    _create_class(Changeable, [
-        {
-            key: "value",
-            get: function get() {
-                return this._value;
-            },
-            set: function set(value2) {
-                this._value = value2;
-                for(var index = 0; index < this.listeners.length; index++){
-                    this.listeners[index](this._value);
-                }
-            }
-        },
-        {
-            key: "onUpdate",
-            value: function onUpdate(listener3) {
-                this.listeners.push(listener3);
-            }
-        }
-    ]);
-    return Changeable;
-}();
 var BRNDTSService = /*#__PURE__*/ function(_import_events4_default) {
     "use strict";
     _inherits(BRNDTSService, _import_events4_default);
@@ -28734,8 +28935,7 @@ var BRNDTSService = /*#__PURE__*/ function(_import_events4_default) {
                     payload[_key - 1] = arguments[_key];
                 }
                 var _this_socket;
-                var _this_socket1;
-                return (_this_socket1 = this.socket) === null || _this_socket1 === void 0 ? void 0 : (_this_socket = _this_socket1).emit.apply(_this_socket, [
+                return (_this_socket = this.socket).emit.apply(_this_socket, [
                     event
                 ].concat(_to_consumable_array(payload)));
             }
@@ -28743,16 +28943,14 @@ var BRNDTSService = /*#__PURE__*/ function(_import_events4_default) {
         {
             key: "handle",
             value: function handle(event, handler) {
-                var _this_socket;
-                return (_this_socket = this.socket) === null || _this_socket === void 0 ? void 0 : _this_socket.on(event, handler);
+                return this.socket.on(event, handler);
             }
         },
         {
             key: "destroy",
             value: function destroy() {
-                var _this_socket, _this_socket1;
-                (_this_socket = this.socket) === null || _this_socket === void 0 ? void 0 : _this_socket.emit("stop");
-                (_this_socket1 = this.socket) === null || _this_socket1 === void 0 ? void 0 : _this_socket1.close();
+                this.socket.emit("stop");
+                this.socket.close();
             }
         }
     ]);
@@ -29124,6 +29322,7 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
                 var container = elements_default.createElement("div", {
                     id: id
                 });
+                this.context.elements.original = media;
                 media = elements_default.replaceElement(container, media);
                 var ytPlayer = new window.YT.Player(media, {
                     videoId: videoId || void 0,
@@ -29287,13 +29486,13 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
         {
             key: "disableNativeControls",
             value: function disableNativeControls() {
-                throw new InternalError("Method not implemented.");
+                this.context.logger.log("Disabling native controls");
             }
         },
         {
             key: "enableNativeControls",
             value: function enableNativeControls() {
-                throw new InternalError("Method not implemented.");
+                this.context.logger.log("Enabling native controls");
             }
         },
         {
@@ -29373,6 +29572,85 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
     ]);
     return YoutubeMediaElement;
 }(GenericMediaElement);
+// src/Common/utils/videoColor.ts
+function getAverageRGB(imgEl, block) {
+    var blockSize = block;
+    var defaultRGB = {
+        r: 0,
+        g: 0,
+        b: 0
+    };
+    var canvas = document.createElement("canvas");
+    var context = canvas.getContext && canvas.getContext("2d");
+    var data;
+    var width;
+    var height;
+    var i2 = -4;
+    var length2;
+    var rgb = {
+        r: 0,
+        g: 0,
+        b: 0
+    };
+    var count = 0;
+    if (!block) {
+        blockSize = 5;
+    }
+    if (!context) {
+        return defaultRGB;
+    }
+    height = canvas.height = imgEl.offsetHeight || imgEl.height;
+    width = canvas.width = imgEl.offsetWidth || imgEl.width;
+    context.drawImage(imgEl, 0, 0);
+    try {
+        data = context.getImageData(0, 0, width, height);
+    } catch (e2) {
+        return defaultRGB;
+    }
+    length2 = data.data.length;
+    while((i2 += blockSize * 4) < length2){
+        ++count;
+        rgb.r += data.data[i2];
+        rgb.g += data.data[i2 + 1];
+        rgb.b += data.data[i2 + 2];
+    }
+    rgb.r = ~~(rgb.r / count);
+    rgb.g = ~~(rgb.g / count);
+    rgb.b = ~~(rgb.b / count);
+    return rgb;
+}
+function getVideoAverageColor(video) {
+    var defaultRGB = {
+        r: 0,
+        g: 0,
+        b: 0
+    };
+    var canvas = document.createElement("canvas");
+    canvas.width = video.offsetWidth;
+    canvas.height = video.offsetHeight;
+    var context = canvas.getContext("2d");
+    if (!context) {
+        return defaultRGB;
+    }
+    context.drawImage(video, 0, 0, canvas.width, canvas.height);
+    return getAverageRGB(canvas, 5);
+}
+function getVideoDominantColor(video) {
+    var defaultRGB = {
+        r: 0,
+        g: 0,
+        b: 0
+    };
+    var canvas = document.createElement("canvas");
+    canvas.width = 1;
+    canvas.height = 1;
+    var context = canvas.getContext("2d");
+    if (!context) {
+        return defaultRGB;
+    }
+    context.drawImage(video, 0, 0, 1, 1);
+    return getAverageRGB(canvas, 1);
+}
 // src/Media/NativeMediaElement.ts
 var DEFAULT_SEEK_INTERVAL2 = 10;
 var EVENT_LIST_TO_HANDLE = [
@@ -29726,6 +30004,18 @@ var NativeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
             value: function resetSize() {
                 return this.setSize(this.context.dimensions.w, this.context.dimensions.h);
             }
+        },
+        {
+            key: "getAverageColor",
+            value: function getAverageColor() {
+                return getVideoAverageColor(this.media);
+            }
+        },
+        {
+            key: "getVideoDominantColor",
+            value: function getVideoDominantColor1() {
+                return getVideoDominantColor(this.media);
+            }
         }
     ]);
     return NativeMediaElement;
@@ -29866,6 +30156,10 @@ var BrndtsAds = /*#__PURE__*/ function() {
                     }
                 };
                 try {
+                    if (!this.context.config.get("enabled")) {
+                        this.context.logger.error("Setup failed: disabled by config");
+                        return;
+                    }
                     this.context.media = MediaElementFactory.getMediaElement(this.context);
                     this.context.media.on("ERROR", function(error) {
                         ErrorHandler.handle(error);
@@ -29888,16 +30182,13 @@ var BrndtsAds = /*#__PURE__*/ function() {
             key: "initialize",
             value: function initialize() {
                 var _this = this;
+                console.log("initialize");
                 try {
                     this.context.recorder = new InteractionLog(this.context);
                     this.context.media.on("RESIZED", function() {
                         var _this_context_ads;
                         (_this_context_ads = _this.context.ads) === null || _this_context_ads === void 0 ? void 0 : _this_context_ads.updateSize();
                     });
-                    if (!this.context.config.get("enabled")) {
-                        this.context.logger.error("Setup failed: disabled by config");
-                        return;
-                    }
                     this.context.interface = new Interface(this.context);
                     if (this.context.media.view.brndts) {
                         this.context.logger.error("Setup failed: target already setup");
@@ -29911,6 +30202,7 @@ var BrndtsAds = /*#__PURE__*/ function() {
                     if (this.context.config.get("debug")) {
                         window.brndts = this;
                     }
+                    console.log("start ads", this.context.config.get("ads"));
                     if (this.context.config.get("ads").enabled) {
                         this.context.ads = new Ads_default(this.context);
                         this.context.ads.start();
@@ -29947,6 +30239,7 @@ var BrndtsAds = /*#__PURE__*/ function() {
                     });
                 });
                 this.context.service.handle("info", function(data) {
+                    console.log("info", data);
                     if (!data.video) {
                         ErrorHandler.handle(new InternalError("Setup failed: no video identifier"));
                         return;