@brndts/brndts-ads 0.0.3 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -31,7 +31,7 @@
31
31
  border-radius: 50%;
32
32
  }
33
33
 
34
- /* src/Ads/Providers/BRNDTSDefaultProvider.scss */
34
+ /* src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.scss */
35
35
  .BRNDTS_default_content {
36
36
  display: flex;
37
37
  justify-content: center;
@@ -222,13 +222,16 @@
222
222
  }
223
223
 
224
224
  /* src/UI/Interface.scss */
225
- #BRNDTS_W {
226
- display: flex;
225
+ #BRNDTS {
227
226
  position: relative;
228
- height: auto;
229
- margin: auto;
227
+ padding-top: 0;
228
+ height: 0;
229
+ max-width: 100%;
230
+ overflow: hidden;
231
+ width: 100%;
232
+ padding-bottom: 56.25%;
230
233
  }
231
- #BRNDTS_W[data-brndts_control=brndts_fs] video::-webkit-media-controls-fullscreen-button {
234
+ #BRNDTS[data-brndts_control=brndts_fs] video::-webkit-media-controls-fullscreen-button {
232
235
  display: none;
233
236
  }
234
237
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Ads/Regions/Region.scss","../src/Ads/Providers/BRNDTSDefaultProvider.scss","../src/Ads/Ads.scss","../src/UI/Controls/Components/TopBar/ControlTopBar.scss","../src/UI/Controls/Components/Buttons/ControlBarButton.scss","../src/UI/Controls/Components/Buttons/FullscreenButton/FullscreenButton.scss","../src/UI/Controls/Components/BottomBar/ControlBottomBar.scss","../src/UI/Interface.scss"],"sourcesContent":["[data-debug=\"true\"] {\n .BRNDTS_R {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n\n.BRNDTS_R {\n position: absolute;\n pointer-events: all;\n\n .BRNDTS_RB {\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n }\n\n .BRNDTS_RM {\n display: none;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n",".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: whitesmoke;\n border: 1px solid black;\n\n .box {\n width: 90%;\n height: 90%;\n --b: 2px; /* thickness of the border */\n --c: black; /* color of the border */\n --w: 20px; /* width of border */\n\n border: var(--b) solid #0000; /* space for the border */\n --_g: #0000 90deg, var(--c) 0;\n --_p: var(--w) var(--w) border-box no-repeat;\n background: conic-gradient(\n from 90deg at top var(--b) left var(--b),\n var(--_g)\n )\n 0 0 / var(--_p),\n conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100%\n 0 / var(--_p),\n conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0\n 100% / var(--_p),\n conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g))\n 100% 100% / var(--_p);\n }\n\n .text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n }\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n","#BRNDTS_CTLTB {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n padding-top: 12px;\n padding-bottom: 10px;\n padding-left: 16px;\n padding-right: 16px;\n\n #BRNDTS_CTLBTS {\n height: 28px;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n\n #BRNDTS_RTB {\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n\n #BRNDTS_LTB {\n pointer-events: none;\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n }\n\n & > * {\n pointer-events: initial;\n }\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n",".BRNDTS_BTN {\n background-color: transparent;\n outline: 1px solid white; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n padding: 0;\n width: 28px;\n pointer-events: all;\n height: 100%;\n\n &[data-state=\"pressed\"] {\n background-color: white;\n }\n}\n",".BRNDTS_BTN[data-type=\"BRNDTS_BTN_FS\"] {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n}\n","#BRNDTS_CTLBB {\n position: absolute;\n bottom: 0;\n height: 75px;\n width: 100%;\n pointer-events: none;\n padding-top: 12px;\n padding-bottom: 10px;\n padding-left: 16px;\n padding-right: 16px;\n\n #BRNDTS_CTLBTS {\n height: 28px;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n\n #BRNDTS_OPTIONS {\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n\n #BRNDTS_TIME {\n pointer-events: none;\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n }\n\n #BRNDTS_CTLPGRS {\n height: 25px;\n }\n\n & > * {\n pointer-events: initial;\n }\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLBB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n","#BRNDTS_W {\n display: flex;\n position: relative;\n height: auto;\n margin: auto;\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/Ads/Regions/Region.scss","../src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.scss","../src/Ads/Ads.scss","../src/UI/Controls/Components/TopBar/ControlTopBar.scss","../src/UI/Controls/Components/Buttons/ControlBarButton.scss","../src/UI/Controls/Components/Buttons/FullscreenButton/FullscreenButton.scss","../src/UI/Controls/Components/BottomBar/ControlBottomBar.scss","../src/UI/Interface.scss"],"sourcesContent":["[data-debug=\"true\"] {\n .BRNDTS_R {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n\n.BRNDTS_R {\n position: absolute;\n pointer-events: all;\n\n .BRNDTS_RB {\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n }\n\n .BRNDTS_RM {\n display: none;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n",".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: whitesmoke;\n border: 1px solid black;\n\n .box {\n width: 90%;\n height: 90%;\n --b: 2px; /* thickness of the border */\n --c: black; /* color of the border */\n --w: 20px; /* width of border */\n\n border: var(--b) solid #0000; /* space for the border */\n --_g: #0000 90deg, var(--c) 0;\n --_p: var(--w) var(--w) border-box no-repeat;\n background: conic-gradient(\n from 90deg at top var(--b) left var(--b),\n var(--_g)\n )\n 0 0 / var(--_p),\n conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100%\n 0 / var(--_p),\n conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0\n 100% / var(--_p),\n conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g))\n 100% 100% / var(--_p);\n }\n\n .text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n }\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n","#BRNDTS_CTLTB {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n padding-top: 12px;\n padding-bottom: 10px;\n padding-left: 16px;\n padding-right: 16px;\n\n #BRNDTS_CTLBTS {\n height: 28px;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n\n #BRNDTS_RTB {\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n\n #BRNDTS_LTB {\n pointer-events: none;\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n }\n\n & > * {\n pointer-events: initial;\n }\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n",".BRNDTS_BTN {\n background-color: transparent;\n outline: 1px solid white; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n padding: 0;\n width: 28px;\n pointer-events: all;\n height: 100%;\n\n &[data-state=\"pressed\"] {\n background-color: white;\n }\n}\n",".BRNDTS_BTN[data-type=\"BRNDTS_BTN_FS\"] {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n}\n","#BRNDTS_CTLBB {\n position: absolute;\n bottom: 0;\n height: 75px;\n width: 100%;\n pointer-events: none;\n padding-top: 12px;\n padding-bottom: 10px;\n padding-left: 16px;\n padding-right: 16px;\n\n #BRNDTS_CTLBTS {\n height: 28px;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n\n #BRNDTS_OPTIONS {\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n\n #BRNDTS_TIME {\n pointer-events: none;\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n }\n\n #BRNDTS_CTLPGRS {\n height: 25px;\n }\n\n & > * {\n pointer-events: initial;\n }\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLBB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n","#BRNDTS {\n position: relative;\n padding-top: 0;\n height: 0;\n max-width: 100%;\n overflow: hidden;\n width: 100%;\n padding-bottom: 56.25%;\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n}\n"],"mappings":"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","names":[]}
package/dist/index.js CHANGED
@@ -18580,7 +18580,7 @@ var Reporter = /*#__PURE__*/ function() {
18580
18580
  function Reporter() {
18581
18581
  _class_call_check(this, Reporter);
18582
18582
  this.client = new BrowserClient({
18583
- dsn: "https://9daab8406cc1b1fe1efed336d838ee57@o4507460056317952.ingest.de.sentry.io/4507730907299920",
18583
+ dsn: "https://bc8a1d82ad7d35b0c7566cf343e4bdb5@o4507460056317952.ingest.de.sentry.io/4507900315238480",
18584
18584
  transport: makeFetchTransport,
18585
18585
  stackParser: defaultStackParser,
18586
18586
  integrations: [
@@ -18650,7 +18650,6 @@ var ErrorHandler = /*#__PURE__*/ function() {
18650
18650
  key: "handle",
18651
18651
  value: function handle(error) {
18652
18652
  Reporter_default.capture(error);
18653
- console.error(error);
18654
18653
  if (_instanceof(error, GenericError)) {
18655
18654
  if (error.fatal) {
18656
18655
  throw error;
@@ -18850,8 +18849,7 @@ var defaults = {
18850
18849
  },
18851
18850
  playback: {},
18852
18851
  volume: {
18853
- mute: false,
18854
- defaultVolume: 20
18852
+ mute: false
18855
18853
  },
18856
18854
  ads: {
18857
18855
  enabled: true,
@@ -18862,7 +18860,7 @@ var defaults = {
18862
18860
  },
18863
18861
  regions: {
18864
18862
  useCache: true,
18865
- strategy: "blend"
18863
+ strategy: "bannerv2"
18866
18864
  },
18867
18865
  provider: {
18868
18866
  type: "brndts_placeholder",
@@ -18889,7 +18887,7 @@ var Config = /*#__PURE__*/ function() {
18889
18887
  if (!((_providedConfigs_auth = providedConfigs.auth) === null || _providedConfigs_auth === void 0 ? void 0 : _providedConfigs_auth.host)) {
18890
18888
  throw new InternalError("No authority configuration provided!");
18891
18889
  }
18892
- if (!providedConfigs.host || !providedConfigs.key) {
18890
+ if (!providedConfigs.key) {
18893
18891
  throw new InternalError("No host or key provided!");
18894
18892
  }
18895
18893
  this.configs = defaults;
@@ -18911,7 +18909,6 @@ var Config = /*#__PURE__*/ function() {
18911
18909
  return fetch("".concat(this.configs.auth.host, "/authority/tenant/bap/").concat(this.configs.key, "/configs")).then(function(response) {
18912
18910
  return response.json();
18913
18911
  }).then(function(data) {
18914
- console.log("Loaded remote configuration", data);
18915
18912
  _this.remote = data;
18916
18913
  _this.merge();
18917
18914
  });
@@ -19649,6 +19646,18 @@ var Region = /*#__PURE__*/ function() {
19649
19646
  this.render(this.contours, this.box.coords);
19650
19647
  }
19651
19648
  },
19649
+ {
19650
+ key: "boundingBox",
19651
+ get: function get() {
19652
+ return this.box;
19653
+ }
19654
+ },
19655
+ {
19656
+ key: "referencePlane",
19657
+ get: function get() {
19658
+ return this.plane;
19659
+ }
19660
+ },
19652
19661
  {
19653
19662
  key: "view",
19654
19663
  get: function get() {
@@ -19909,6 +19918,11 @@ var RegionsContainerView = /*#__PURE__*/ function() {
19909
19918
  } else {
19910
19919
  this.contentLayer.style.top = "0px";
19911
19920
  }
19921
+ if (width - newDimensions.width > 0) {
19922
+ this.contentLayer.style.left = "".concat((width - newDimensions.width) / 2, "px");
19923
+ } else {
19924
+ this.contentLayer.style.left = "0px";
19925
+ }
19912
19926
  }
19913
19927
  },
19914
19928
  {
@@ -20147,7 +20161,11 @@ var CooldownPresentation = /*#__PURE__*/ function(AbstractPresentation) {
20147
20161
  }
20148
20162
  },
20149
20163
  {
20150
- key: "startedPresentation",
20164
+ /**
20165
+ * Starts the presentation strategy.
20166
+ *
20167
+ * @param stopPace - Indicates whether to stop the pacing before starting the presentation.
20168
+ */ key: "startedPresentation",
20151
20169
  value: function startedPresentation() {
20152
20170
  var _this = this;
20153
20171
  var stopPace = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
@@ -20160,20 +20178,26 @@ var CooldownPresentation = /*#__PURE__*/ function(AbstractPresentation) {
20160
20178
  }
20161
20179
  },
20162
20180
  {
20163
- key: "start",
20181
+ /**
20182
+ * Starts the cooldown presentation.
20183
+ */ key: "start",
20164
20184
  value: function start() {
20165
20185
  this.clearAll();
20166
20186
  this.enablePresentation();
20167
20187
  }
20168
20188
  },
20169
20189
  {
20170
- key: "stop",
20190
+ /**
20191
+ * Stops the cooldown presentation strategy.
20192
+ */ key: "stop",
20171
20193
  value: function stop() {
20172
20194
  this.clearAll();
20173
20195
  }
20174
20196
  },
20175
20197
  {
20176
- key: "destroy",
20198
+ /**
20199
+ * Destroys the instance of the CooldownPresentation class.
20200
+ */ key: "destroy",
20177
20201
  value: function destroy() {
20178
20202
  this.clearAll();
20179
20203
  }
@@ -20347,7 +20371,7 @@ var AdsTerraProvider = /*#__PURE__*/ function(ContentProvider) {
20347
20371
  ]);
20348
20372
  return AdsTerraProvider;
20349
20373
  }(ContentProvider);
20350
- // src/Ads/Providers/BRNDTSDefaultProvider.ts
20374
+ // src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.ts
20351
20375
  var BRNDTSDefaultProvider = /*#__PURE__*/ function(ContentProvider) {
20352
20376
  _inherits(BRNDTSDefaultProvider, ContentProvider);
20353
20377
  var _super = _create_super(BRNDTSDefaultProvider);
@@ -20438,7 +20462,6 @@ var KevelSDK = /*#__PURE__*/ function() {
20438
20462
  };
20439
20463
  }
20440
20464
  }).catch(function(error) {
20441
- console.error("There was a problem with the fetch operation:", error);
20442
20465
  throw error;
20443
20466
  });
20444
20467
  }
@@ -20454,7 +20477,6 @@ var KevelProvider = /*#__PURE__*/ function(ContentProvider) {
20454
20477
  var _this;
20455
20478
  _this = _super.call(this, context, options);
20456
20479
  _this.kevel = new KevelSDK(_this.options.networkId, _this.options.siteId);
20457
- _this.requestContent();
20458
20480
  return _this;
20459
20481
  }
20460
20482
  _create_class(KevelProvider, [
@@ -20500,10 +20522,12 @@ var KevelProvider = /*#__PURE__*/ function(ContentProvider) {
20500
20522
  {
20501
20523
  key: "request",
20502
20524
  value: function request() {
20525
+ var _this = this;
20503
20526
  return _async_to_generator(function() {
20504
20527
  return _ts_generator(this, function(_state) {
20505
20528
  return [
20506
- 2
20529
+ 2,
20530
+ _this.requestContent()
20507
20531
  ];
20508
20532
  });
20509
20533
  })();
@@ -20512,7 +20536,7 @@ var KevelProvider = /*#__PURE__*/ function(ContentProvider) {
20512
20536
  ]);
20513
20537
  return KevelProvider;
20514
20538
  }(ContentProvider);
20515
- // src/Ads/Providers/SmartyadsProvider.ts
20539
+ // src/Ads/Providers/SmartyAds/SmartyAdsSDK.ts
20516
20540
  var SmartyadsSDK = /*#__PURE__*/ function() {
20517
20541
  function SmartyadsSDK() {
20518
20542
  _class_call_check(this, SmartyadsSDK);
@@ -20548,9 +20572,7 @@ var SmartyadsSDK = /*#__PURE__*/ function() {
20548
20572
  key: "request",
20549
20573
  value: function request(params) {
20550
20574
  var url2 = "https://n1.smartyads.com/?c=b&".concat(this.buildQueryParams(params));
20551
- console.log("requesting : ", url2);
20552
20575
  return fetch("https://n1.smartyads.com/?c=b&".concat(this.buildQueryParams(params))).then(function(response) {
20553
- console.log("response", response);
20554
20576
  if (!response.ok) {
20555
20577
  throw new InternalError("Network response was not ok");
20556
20578
  }
@@ -20558,7 +20580,6 @@ var SmartyadsSDK = /*#__PURE__*/ function() {
20558
20580
  }).then(function(data) {
20559
20581
  return data;
20560
20582
  }).catch(function(error) {
20561
- console.error("There was a problem with the fetch operation:", error);
20562
20583
  throw error;
20563
20584
  });
20564
20585
  }
@@ -20566,6 +20587,7 @@ var SmartyadsSDK = /*#__PURE__*/ function() {
20566
20587
  ]);
20567
20588
  return SmartyadsSDK;
20568
20589
  }();
20590
+ // src/Ads/Providers/SmartyAds/SmartyadsProvider.ts
20569
20591
  var SmartyadsProvider = /*#__PURE__*/ function(ContentProvider) {
20570
20592
  _inherits(SmartyadsProvider, ContentProvider);
20571
20593
  var _super = _create_super(SmartyadsProvider);
@@ -20581,14 +20603,14 @@ var SmartyadsProvider = /*#__PURE__*/ function(ContentProvider) {
20581
20603
  {
20582
20604
  key: "getPlacement",
20583
20605
  value: function getPlacement(regionId) {
20584
- var availablePlacements = Object.keys(this.options.placements).map(parseInt);
20606
+ var availablePlacements = Object.keys(this.placements).map(parseInt);
20585
20607
  if (!availablePlacements) {
20586
20608
  throw new Error("No available placements!");
20587
20609
  }
20588
20610
  if (!regionId) {
20589
- return this.options.placements[availablePlacements[0]];
20611
+ return this.placements[availablePlacements[0]];
20590
20612
  }
20591
- return this.options.placements[regionId];
20613
+ return this.placements[regionId];
20592
20614
  }
20593
20615
  },
20594
20616
  {
@@ -20600,7 +20622,7 @@ var SmartyadsProvider = /*#__PURE__*/ function(ContentProvider) {
20600
20622
  return _ts_generator(this, function(_state) {
20601
20623
  switch(_state.label){
20602
20624
  case 0:
20603
- if (!params || params.size.width === void 0 || params.size.height === void 0) {
20625
+ if (!params || params.size.width === void 0 || params.size.width === 0 || params.size.height === void 0 || params.size.height === 0) {
20604
20626
  throw new InternalError("No Params!");
20605
20627
  }
20606
20628
  return [
@@ -20640,7 +20662,7 @@ var SmartyadsProvider = /*#__PURE__*/ function(ContentProvider) {
20640
20662
  ]);
20641
20663
  return SmartyadsProvider;
20642
20664
  }(ContentProvider);
20643
- // src/Ads/Providers/StaticImageProvider.ts
20665
+ // src/Ads/Providers/StaticImage/StaticImageProvider.ts
20644
20666
  var StaticImageProvider = /*#__PURE__*/ function(ContentProvider) {
20645
20667
  _inherits(StaticImageProvider, ContentProvider);
20646
20668
  var _super = _create_super(StaticImageProvider);
@@ -20729,47 +20751,43 @@ var VideoRegionsDurationDecorator = /*#__PURE__*/ function(VideoRegionsDataManag
20729
20751
  var last;
20730
20752
  var result;
20731
20753
  var workingTimestamp = timestamp;
20732
- try {
20733
- while(totalDuration < this.params.duration){
20734
- var regions = this.component.get(workingTimestamp);
20735
- if (!regions || !regions.regions) {
20736
- return null;
20754
+ while(totalDuration < this.params.duration){
20755
+ var regions = this.component.get(workingTimestamp);
20756
+ if (!regions || !regions.regions) {
20757
+ return null;
20758
+ }
20759
+ var validRegions = regions.regions.filter(function(reg, _, array) {
20760
+ if (!last) {
20761
+ last = array.map(function(r2) {
20762
+ return r2.id;
20763
+ });
20764
+ result = _to_consumable_array(array);
20737
20765
  }
20738
- var validRegions = regions.regions.filter(function(reg, _, array) {
20739
- if (!last) {
20740
- last = array.map(function(r2) {
20741
- return r2.id;
20742
- });
20743
- result = _to_consumable_array(array);
20744
- }
20745
- if (reg.iou <= _this.iou) {
20746
- if (last.includes(reg.id)) {
20747
- return true;
20748
- }
20749
- return false;
20750
- } else {
20751
- if (last.includes(reg.id)) {
20752
- var foundIndex = last.indexOf(reg.id);
20753
- last.splice(foundIndex, 1);
20754
- result === null || result === void 0 ? void 0 : result.splice(foundIndex, 1);
20755
- }
20756
- return false;
20766
+ if (reg.iou <= _this.iou) {
20767
+ if (last.includes(reg.id)) {
20768
+ return true;
20757
20769
  }
20758
- });
20759
- if (validRegions.length <= 0) {
20760
- return null;
20761
- }
20762
- var duration = 0;
20763
- if (regions.timestamp_start < workingTimestamp) {
20764
- duration = regions.timestamp_end - workingTimestamp;
20770
+ return false;
20765
20771
  } else {
20766
- duration = regions.timestamp_end - regions.timestamp_start;
20772
+ if (last.includes(reg.id)) {
20773
+ var foundIndex = last.indexOf(reg.id);
20774
+ last.splice(foundIndex, 1);
20775
+ result === null || result === void 0 ? void 0 : result.splice(foundIndex, 1);
20776
+ }
20777
+ return false;
20767
20778
  }
20768
- totalDuration += duration;
20769
- workingTimestamp = regions.timestamp_end + 1e-3;
20779
+ });
20780
+ if (validRegions.length <= 0) {
20781
+ return null;
20770
20782
  }
20771
- } catch (e2) {
20772
- console.log("error", e2);
20783
+ var duration = 0;
20784
+ if (regions.timestamp_start < workingTimestamp) {
20785
+ duration = regions.timestamp_end - workingTimestamp;
20786
+ } else {
20787
+ duration = regions.timestamp_end - regions.timestamp_start;
20788
+ }
20789
+ totalDuration += duration;
20790
+ workingTimestamp = regions.timestamp_end + 1e-3;
20773
20791
  }
20774
20792
  if (!result) {
20775
20793
  return null;
@@ -20848,10 +20866,11 @@ var Ads = /*#__PURE__*/ function() {
20848
20866
  this.context.store.subscribe(function(newState, oldState) {
20849
20867
  if (oldState.status !== newState.status) {
20850
20868
  if (newState.status === "playing") {
20851
- console.log("ads state changed");
20852
20869
  _this.adPresentationStrategy.start();
20853
20870
  } else {
20871
+ var _this_regionsRenderer;
20854
20872
  _this.adPresentationStrategy.stop();
20873
+ (_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.clear();
20855
20874
  }
20856
20875
  }
20857
20876
  if (oldState.ready !== newState.ready) {
@@ -20861,11 +20880,20 @@ var Ads = /*#__PURE__*/ function() {
20861
20880
  }
20862
20881
  });
20863
20882
  this.adPresentationStrategy.on("presentation", function() {
20864
- var regions = _this.videoRegions.get(_this.context.media.currentTime);
20865
- if (regions === null || regions === void 0 ? void 0 : regions.regions) {
20866
- var _this_regionsRenderer;
20867
- _this.adPresentationStrategy.startedPresentation();
20868
- (_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.render(regions.regions);
20883
+ try {
20884
+ var regions = _this.videoRegions.get(_this.context.media.currentTime);
20885
+ if (regions === null || regions === void 0 ? void 0 : regions.regions) {
20886
+ var _this_regionsRenderer;
20887
+ _this.adPresentationStrategy.startedPresentation();
20888
+ (_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.render(regions.regions);
20889
+ }
20890
+ } catch (e2) {
20891
+ if (_instanceof(e2, Error)) {
20892
+ var error = new InternalError(e2.message);
20893
+ error.stack = e2.stack;
20894
+ _this.context.logger.error(e2);
20895
+ ErrorHandler.handle(error);
20896
+ }
20869
20897
  }
20870
20898
  }).on("cooldown", function() {
20871
20899
  var _this_regionsRenderer;
@@ -20874,7 +20902,6 @@ var Ads = /*#__PURE__*/ function() {
20874
20902
  });
20875
20903
  (_this_context_media = this.context.media) === null || _this_context_media === void 0 ? void 0 : _this_context_media.on("SEEKED", function() {
20876
20904
  _this.videoRegions.seek(_this.context.media.currentTime);
20877
- _this.adPresentationStrategy.start();
20878
20905
  });
20879
20906
  this.handleState();
20880
20907
  }
@@ -24158,10 +24185,9 @@ var Interface = /*#__PURE__*/ function(_import_events3_default) {
24158
24185
  }
24159
24186
  _this.media = _this.context.media;
24160
24187
  _this.container = document.createElement("div");
24161
- _this.container.id = "BRNDTS_W";
24188
+ _this.container.id = "BRNDTS";
24162
24189
  _this.setDebug(_this.context.config.get("debug"));
24163
24190
  _this.wrapMedia();
24164
- _this.migrateStyles();
24165
24191
  _this.setupControls();
24166
24192
  return _this;
24167
24193
  }
@@ -24170,7 +24196,7 @@ var Interface = /*#__PURE__*/ function(_import_events3_default) {
24170
24196
  key: "wrapMedia",
24171
24197
  value: function wrapMedia() {
24172
24198
  var _this_media_view_parentElement, _this_media_view;
24173
- if (((_this_media_view = this.media.view) === null || _this_media_view === void 0 ? void 0 : (_this_media_view_parentElement = _this_media_view.parentElement) === null || _this_media_view_parentElement === void 0 ? void 0 : _this_media_view_parentElement.id) === "BRNDTS_W") {
24199
+ if (((_this_media_view = this.media.view) === null || _this_media_view === void 0 ? void 0 : (_this_media_view_parentElement = _this_media_view.parentElement) === null || _this_media_view_parentElement === void 0 ? void 0 : _this_media_view_parentElement.id) === "BRNDTS") {
24174
24200
  this.context.elements.container = this.media.view.parentElement;
24175
24201
  }
24176
24202
  if (!is_default.element(this.context.elements.container)) {
@@ -24179,9 +24205,11 @@ var Interface = /*#__PURE__*/ function(_import_events3_default) {
24179
24205
  } else if (this.context.elements.container) {
24180
24206
  this.container = this.context.elements.container;
24181
24207
  }
24182
- this.container.style.width = "".concat(this.media.viewWidth, "px");
24183
- this.container.style.height = "".concat(this.media.viewHeight, "px");
24208
+ this.migrateStyles();
24184
24209
  if (this.media.view) {
24210
+ this.media.view.style.position = "absolute";
24211
+ this.media.view.style.top = "0";
24212
+ this.media.view.style.left = "0";
24185
24213
  this.media.view.style.width = "100%";
24186
24214
  this.media.view.style.height = "100%";
24187
24215
  }
@@ -24194,7 +24222,7 @@ var Interface = /*#__PURE__*/ function(_import_events3_default) {
24194
24222
  var _this_media_view;
24195
24223
  Object.values(_object_spread({}, ((_this_media_view = this.media.view) === null || _this_media_view === void 0 ? void 0 : _this_media_view.style) || {})).filter(//@ts-expect-error
24196
24224
  function(key) {
24197
- return !is_default.empty(key) && is_default.string(key) && key.startsWith("--plyr");
24225
+ return !is_default.empty(key) && is_default.string(key);
24198
24226
  }).forEach(function(key) {
24199
24227
  _this.container.style.setProperty(//@ts-expect-error
24200
24228
  key, //@ts-expect-error
@@ -28591,6 +28619,14 @@ var BRNDTSService = /*#__PURE__*/ function(_import_events4_default) {
28591
28619
  });
28592
28620
  _this.socket.on("connect", _this.handleOpen.bind(_assert_this_initialized(_this)));
28593
28621
  _this.socket.on("disconnect", _this.handleClose.bind(_assert_this_initialized(_this)));
28622
+ _this.socket.on("connect_error", function(error) {
28623
+ var _this_logger;
28624
+ (_this_logger = _this.logger) === null || _this_logger === void 0 ? void 0 : _this_logger.error("Connection error:", error);
28625
+ });
28626
+ _this.socket.on("error", function(error) {
28627
+ var _this_logger;
28628
+ (_this_logger = _this.logger) === null || _this_logger === void 0 ? void 0 : _this_logger.error("Socket error:", error);
28629
+ });
28594
28630
  return _this;
28595
28631
  }
28596
28632
  _create_class(BRNDTSService, [
@@ -28847,9 +28883,9 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
28847
28883
  key: "setMediaElement",
28848
28884
  value: function setMediaElement() {
28849
28885
  var _this = this;
28850
- console.log("Checking YT API");
28886
+ this.context.logger.log("Checking YT API");
28851
28887
  if (is_default.object(window.YT) && is_default.function(window.YT.Player)) {
28852
- console.log("YT API is already loaded");
28888
+ this.context.logger.log("YT API is already loaded");
28853
28889
  this.YTAPIReady();
28854
28890
  } else {
28855
28891
  var callback = window.onYouTubeIframeAPIReady;
@@ -28857,12 +28893,12 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
28857
28893
  if (callback && is_default.function(callback)) {
28858
28894
  callback();
28859
28895
  }
28860
- console.log("YT API is loaded");
28896
+ _this.context.logger.log("YT API is loaded");
28861
28897
  _this.YTAPIReady();
28862
28898
  };
28863
- console.log("YT API is not loaded");
28899
+ this.context.logger.log("YT API is not loaded");
28864
28900
  loadScript("https://www.youtube.com/iframe_api").catch(function(error) {
28865
- console.warn("YouTube API failed to load", error);
28901
+ _this.context.logger.warn("YouTube API failed to load", error);
28866
28902
  });
28867
28903
  }
28868
28904
  }
@@ -28921,7 +28957,7 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
28921
28957
  value: function handleYTPlayerReady(event) {
28922
28958
  var _this = this;
28923
28959
  if (this.instance) {
28924
- console.warn("Instance already found!");
28960
+ this.context.logger.warn("Instance already found!");
28925
28961
  return;
28926
28962
  }
28927
28963
  this.instance = event.target;
@@ -28946,7 +28982,6 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
28946
28982
  key: "handlePlayerStateChange",
28947
28983
  value: function handlePlayerStateChange(newState) {
28948
28984
  var _this_media;
28949
- console.log("player state changed", newState);
28950
28985
  var seeked = ((_this_media = this.media) === null || _this_media === void 0 ? void 0 : _this_media.seeking) && [
28951
28986
  1,
28952
28987
  2
@@ -29011,7 +29046,6 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
29011
29046
  id: id
29012
29047
  });
29013
29048
  media = elements_default.replaceElement(container, media);
29014
- console.log("Setting media for video with id : ", media, videoId);
29015
29049
  var ytPlayer = new window.YT.Player(media, {
29016
29050
  videoId: videoId || void 0,
29017
29051
  host: getHost(config2),
@@ -29244,7 +29278,6 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
29244
29278
  width: width,
29245
29279
  height: height
29246
29280
  };
29247
- console.log("adjusted dimensions!", adjustedDimensions);
29248
29281
  if (preserveAspectRatio) {
29249
29282
  adjustedDimensions = this.adjustSizeWithAspectRatio(width, height, this.aspectRatio);
29250
29283
  }
@@ -29309,7 +29342,6 @@ var NativeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
29309
29342
  }
29310
29343
  }
29311
29344
  if (this.media && this.media.readyState >= HTMLMediaElement.HAVE_METADATA) {
29312
- console.log("Metadata is already loaded.");
29313
29345
  this.mediaIsReady();
29314
29346
  }
29315
29347
  }
@@ -29757,7 +29789,7 @@ var BrndtsAds = /*#__PURE__*/ function() {
29757
29789
  ErrorHandler.handle(error);
29758
29790
  });
29759
29791
  this.context.media.on("READY", function() {
29760
- console.log("Media is Ready!");
29792
+ _this.context.logger.log("Media is Ready!");
29761
29793
  _this.mediaIsReady();
29762
29794
  });
29763
29795
  if (this.context.media.isReady) {