@brndts/brndts-ads 1.14.17 → 1.14.19

package/dist/index.js

@@ -69797,6 +69797,250 @@ var TYPE_AND_DIMENSIONS = {
         ]
     ]
 };
+var BREAKPOINTS = {
+    "large-desktop": 1280,
+    "desktop": 1024,
+    "tablet": 768,
+    "mobile": 0
+};
+var RULES = {
+    "billboard": {
+        "large-desktop": [
+            [
+                970,
+                250
+            ],
+            [
+                970,
+                90
+            ]
+        ],
+        // allow billboard + super lb
+        "desktop": [
+            [
+                970,
+                250
+            ],
+            [
+                970,
+                90
+            ]
+        ],
+        // drop 970x250, still wide
+        "tablet": [
+            [
+                728,
+                90
+            ],
+            [
+                468,
+                60
+            ]
+        ]
+    },
+    "leaderboard": {
+        "large-desktop": [
+            [
+                728,
+                90
+            ]
+        ],
+        "desktop": [
+            [
+                728,
+                90
+            ],
+            [
+                468,
+                60
+            ]
+        ],
+        "tablet": [
+            [
+                728,
+                90
+            ],
+            [
+                468,
+                60
+            ]
+        ],
+        "mobile": [
+            [
+                728,
+                90
+            ],
+            [
+                468,
+                60
+            ],
+            [
+                320,
+                50
+            ],
+            [
+                300,
+                50
+            ]
+        ]
+    },
+    "large-rectangle": {
+        "large-desktop": [
+            [
+                300,
+                600
+            ],
+            [
+                160,
+                600
+            ]
+        ],
+        "desktop": [
+            [
+                300,
+                600
+            ],
+            [
+                160,
+                600
+            ]
+        ],
+        "tablet": [
+            [
+                160,
+                600
+            ],
+            [
+                120,
+                600
+            ]
+        ]
+    },
+    "medium-rectangle": {
+        "large-desktop": [
+            [
+                300,
+                250
+            ],
+            [
+                250,
+                250
+            ],
+            [
+                200,
+                200
+            ]
+        ],
+        "desktop": [
+            [
+                300,
+                250
+            ],
+            [
+                250,
+                250
+            ],
+            [
+                200,
+                200
+            ]
+        ],
+        "tablet": [
+            [
+                300,
+                250
+            ],
+            [
+                250,
+                250
+            ],
+            [
+                200,
+                200
+            ],
+            [
+                180,
+                150
+            ]
+        ],
+        "mobile": [
+            [
+                300,
+                250
+            ],
+            [
+                250,
+                250
+            ],
+            [
+                180,
+                150
+            ],
+            [
+                150,
+                150
+            ]
+        ]
+    },
+    "smartphone-banner": {
+        "large-desktop": [
+            [
+                320,
+                50
+            ],
+            [
+                300,
+                50
+            ],
+            [
+                320,
+                100
+            ]
+        ],
+        "desktop": [
+            [
+                320,
+                50
+            ],
+            [
+                300,
+                50
+            ],
+            [
+                320,
+                100
+            ]
+        ],
+        "tablet": [
+            [
+                320,
+                50
+            ],
+            [
+                300,
+                50
+            ],
+            [
+                320,
+                100
+            ]
+        ],
+        "mobile": [
+            [
+                320,
+                50
+            ],
+            [
+                300,
+                50
+            ],
+            [
+                320,
+                100
+            ]
+        ]
+    }
+};
 var REGIONS = [
     {
         id: 1,
@@ -70131,6 +70375,30 @@ var RegionDefinitions = /*#__PURE__*/ function() {
                 return REGIONS;
             }
         },
+        {
+            key: "BREAKPOINTS",
+            get: function get() {
+                return BREAKPOINTS;
+            }
+        },
+        {
+            key: "RULES",
+            get: function get() {
+                return RULES;
+            }
+        },
+        {
+            key: "mapping",
+            value: function mapping(type) {
+                return RULES[type];
+            }
+        },
+        {
+            key: "getBreakpointsSize",
+            value: function getBreakpointsSize(breakpointLabel) {
+                return BREAKPOINTS[breakpointLabel];
+            }
+        },
         {
             key: "approxRegionByRatio",
             value: function approxRegionByRatio(w2, h) {
@@ -71610,6 +71878,13 @@ var PrebidConfigBuilder = /*#__PURE__*/ function() {
                 return this;
             }
         },
+        {
+            key: "setSizeConfiguration",
+            value: function setSizeConfiguration(config2) {
+                this.config.sizeConfig = config2;
+                return this;
+            }
+        },
         {
             key: "addConsent",
             value: function addConsent(consent) {
@@ -72127,6 +72402,49 @@ var Prebid = /*#__PURE__*/ function() {
 }();
 // src/Ads/Providers/Prebidjs/PrebidGAMProvider.ts
 var FALLBACK_GAM_NETWORK_ID = "23256716895";
+function toMediaQuery(minWidth) {
+    return "(min-width: ".concat(minWidth, "px)");
+}
+function buildPrebidSizeConfig(rules) {
+    var byBp = {
+        "large-desktop": /* @__PURE__ */ new Set(),
+        "desktop": /* @__PURE__ */ new Set(),
+        "tablet": /* @__PURE__ */ new Set(),
+        "mobile": /* @__PURE__ */ new Set()
+    };
+    Object.values(rules).forEach(function(perType) {
+        Object.keys(perType).forEach(function(bp) {
+            var _perType_bp;
+            (_perType_bp = perType[bp]) === null || _perType_bp === void 0 ? void 0 : _perType_bp.forEach(function(param) {
+                var _param = _sliced_to_array(param, 2), w2 = _param[0], h = _param[1];
+                return byBp[bp].add("".concat(w2, "x").concat(h));
+            });
+        });
+    });
+    var toSizes = function(set) {
+        return Array.from(set).map(function(s2) {
+            return s2.split("x").map(Number);
+        });
+    };
+    var ordered = [
+        "large-desktop",
+        "desktop",
+        "tablet",
+        "mobile"
+    ];
+    return ordered.filter(function(bp) {
+        return byBp[bp].size > 0;
+    }).map(function(bp) {
+        return {
+            // @ts-expect-error
+            mediaQuery: toMediaQuery(RegionDefinitions.BREAKPOINTS[bp]),
+            sizesSupported: toSizes(byBp[bp]),
+            labels: [
+                bp
+            ]
+        };
+    });
+}
 var PrebidGAMEvents = /*#__PURE__*/ function() {
     function PrebidGAMEvents() {
         _class_call_check(this, PrebidGAMEvents);
@@ -72179,38 +72497,6 @@ var GPT = /*#__PURE__*/ function() {
                 });
             }
         },
-        {
-            key: "defineSlot",
-            value: function defineSlot(slotId, size, containerId, targeting) {
-                window.googletag.cmd.push(function() {
-                    if (window.googletag.pubads().getSlots().some(function(slot) {
-                        return slot.getSlotElementId() === containerId;
-                    })) {
-                        return;
-                    }
-                    var mrec1 = window.googletag.defineSlot(slotId, size, "".concat(containerId)).addService(window.googletag.pubads());
-                    var mrecmapping = window.googletag.sizeMapping().addSize([
-                        1024,
-                        0
-                    ], size).addSize([
-                        728,
-                        0
-                    ], size).addSize([
-                        320,
-                        0
-                    ], size).addSize([
-                        0,
-                        0
-                    ], []).build();
-                    mrec1 === null || mrec1 === void 0 ? void 0 : mrec1.defineSizeMapping(mrecmapping);
-                    if (targeting) {
-                        mrec1.setConfig({
-                            targeting: targeting
-                        });
-                    }
-                });
-            }
-        },
         {
             key: "start",
             value: function start() {
@@ -72228,6 +72514,70 @@ var GPT = /*#__PURE__*/ function() {
                 });
             }
         },
+        {
+            key: "defineSlot",
+            value: function defineSlot(slotId, size, containerId, opts) {
+                window.googletag.cmd.push(function() {
+                    if (window.googletag.pubads().getSlots().some(function(slot) {
+                        return slot.getSlotElementId() === containerId;
+                    })) {
+                        return;
+                    }
+                    var mrec1 = window.googletag.defineSlot(slotId, size, "".concat(containerId)).addService(window.googletag.pubads());
+                    var mrecmapping;
+                    if (opts === null || opts === void 0 ? void 0 : opts.mapping) {
+                        mrecmapping = window.googletag.sizeMapping();
+                        var sortedBreakpoints = Object.keys(opts.mapping).sort(function(a, b) {
+                            return parseInt(RegionDefinitions.BREAKPOINTS[b], 10) - parseInt(RegionDefinitions.BREAKPOINTS[a], 10);
+                        });
+                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        try {
+                            for(var _iterator = sortedBreakpoints[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                var bp = _step.value;
+                                mrecmapping = mrecmapping.addSize([
+                                    RegionDefinitions.BREAKPOINTS[bp],
+                                    0
+                                ], opts.mapping[bp]);
+                            }
+                        } catch (err) {
+                            _didIteratorError = true;
+                            _iteratorError = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                    _iterator.return();
+                                }
+                            } finally{
+                                if (_didIteratorError) {
+                                    throw _iteratorError;
+                                }
+                            }
+                        }
+                        mrecmapping = mrecmapping.build();
+                    } else {
+                        window.googletag.sizeMapping().addSize([
+                            1024,
+                            0
+                        ], size).addSize([
+                            728,
+                            0
+                        ], size).addSize([
+                            320,
+                            0
+                        ], size).addSize([
+                            0,
+                            0
+                        ], []).build();
+                    }
+                    mrec1 === null || mrec1 === void 0 ? void 0 : mrec1.defineSizeMapping(mrecmapping);
+                    if (opts === null || opts === void 0 ? void 0 : opts.targeting) {
+                        mrec1.setConfig({
+                            targeting: opts === null || opts === void 0 ? void 0 : opts.targeting
+                        });
+                    }
+                });
+            }
+        },
         {
             key: "queue",
             value: function queue(callback) {
@@ -72288,7 +72638,7 @@ var PrebidGAM = /*#__PURE__*/ function() {
                                 params: {}
                             }
                         ]
-                    }).addConsent(context.consent);
+                    }).setSizeConfiguration(buildPrebidSizeConfig(RegionDefinitions.RULES)).addConsent(context.consent);
                     (_window_pbjs = window.pbjs) === null || _window_pbjs === void 0 ? void 0 : _window_pbjs.setConfig(configBuilder.build());
                     (_window_pbjs1 = window.pbjs) === null || _window_pbjs1 === void 0 ? void 0 : _window_pbjs1.enableAnalytics({
                         provider: "smartyads"
@@ -72335,31 +72685,6 @@ var PrebidGAM = /*#__PURE__*/ function() {
                 return gamNetworkId;
             }
         },
-        {
-            key: "defineSlots",
-            value: function defineSlots(options) {
-                var _window_pbjs_que, _window_pbjs;
-                var gamNetwork = _PrebidGAM.getProperGAMNetworkId(options);
-                options.units.forEach(function(unit) {
-                    var _unit_mediaTypes_banner;
-                    var sizes = ((_unit_mediaTypes_banner = unit.mediaTypes.banner) === null || _unit_mediaTypes_banner === void 0 ? void 0 : _unit_mediaTypes_banner.sizes) || [];
-                    GPT.defineSlot("/".concat(gamNetwork, "/banner"), sizes, unit.code);
-                });
-                (_window_pbjs = window.pbjs) === null || _window_pbjs === void 0 ? void 0 : (_window_pbjs_que = _window_pbjs.que) === null || _window_pbjs_que === void 0 ? void 0 : _window_pbjs_que.push(function() {
-                    var _window_pbjs;
-                    if ((_window_pbjs = window.pbjs) === null || _window_pbjs === void 0 ? void 0 : _window_pbjs.addAdUnits) {
-                        window.pbjs.addAdUnits(options.units.filter(function(unit) {
-                            var _window_pbjs;
-                            return !((_window_pbjs = window.pbjs) === null || _window_pbjs === void 0 ? void 0 : _window_pbjs.adUnits.some(function(defUnit) {
-                                return "".concat(unit.code) === "".concat(defUnit.code);
-                            }));
-                        }));
-                    } else {
-                        console.error("addAdUnits is not a function.");
-                    }
-                });
-            }
-        },
         {
             key: "defineSlot",
             value: function defineSlot(options, slotId, containerId, adType) {
@@ -72370,12 +72695,14 @@ var PrebidGAM = /*#__PURE__*/ function() {
                     return unit.code === "".concat(slotId);
                 });
                 var sizes = [];
+                var mapping = void 0;
                 if (!unitDefinition) {
                     console.error("No unit definition found for slotId: ".concat(slotId));
                     return;
                 }
                 if (adType) {
                     sizes = RegionDefinitions.TYPE_AND_DIMENSIONS[adType];
+                    mapping = RegionDefinitions.mapping(adType);
                 } else {
                     var _unitDefinition_mediaTypes_banner;
                     sizes = ((_unitDefinition_mediaTypes_banner = unitDefinition.mediaTypes.banner) === null || _unitDefinition_mediaTypes_banner === void 0 ? void 0 : _unitDefinition_mediaTypes_banner.sizes) || [];
@@ -72387,7 +72714,10 @@ var PrebidGAM = /*#__PURE__*/ function() {
                         brndts_zid: unitDefinition.zoneId
                     };
                 }
-                GPT.defineSlot("/".concat(gamNetworkId, "/").concat(adName), sizes, "".concat(containerId), targeting);
+                GPT.defineSlot("/".concat(gamNetworkId, "/").concat(adName), sizes, "".concat(containerId), {
+                    targeting: targeting,
+                    mapping: mapping
+                });
                 if (!((_window_pbjs = window.pbjs) === null || _window_pbjs === void 0 ? void 0 : _window_pbjs.adUnits.some(function(defUnit) {
                     return "".concat(containerId) === "".concat(defUnit.code);
                 }))) {
@@ -72395,15 +72725,51 @@ var PrebidGAM = /*#__PURE__*/ function() {
                     (_window_pbjs1 = window.pbjs) === null || _window_pbjs1 === void 0 ? void 0 : (_window_pbjs_que = _window_pbjs1.que) === null || _window_pbjs_que === void 0 ? void 0 : _window_pbjs_que.push(function() {
                         var _window_pbjs;
                         if ((_window_pbjs = window.pbjs) === null || _window_pbjs === void 0 ? void 0 : _window_pbjs.addAdUnits) {
+                            var adUnit = _object_spread_props(_object_spread({}, unitDefinition), {
+                                mediaTypes: _object_spread_props(_object_spread({}, unitDefinition.mediaTypes || {}), {
+                                    banner: _object_spread_props(_object_spread({}, unitDefinition.mediaTypes.banner || {}), {
+                                        sizes: sizes
+                                    })
+                                }),
+                                code: "".concat(containerId)
+                            });
+                            if (mapping) {
+                                var mappedSizes = [];
+                                var sortedBreakpoints = Object.keys(mapping).sort(function(a, b) {
+                                    return parseInt(RegionDefinitions.BREAKPOINTS[b], 10) - parseInt(RegionDefinitions.BREAKPOINTS[a], 10);
+                                });
+                                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                                try {
+                                    for(var _iterator = sortedBreakpoints[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                        var bp = _step.value;
+                                        mappedSizes.push({
+                                            minViewPort: [
+                                                RegionDefinitions.BREAKPOINTS[bp],
+                                                0
+                                            ],
+                                            sizes: mapping[bp]
+                                        });
+                                    }
+                                } catch (err) {
+                                    _didIteratorError = true;
+                                    _iteratorError = err;
+                                } finally{
+                                    try {
+                                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                            _iterator.return();
+                                        }
+                                    } finally{
+                                        if (_didIteratorError) {
+                                            throw _iteratorError;
+                                        }
+                                    }
+                                }
+                                adUnit.mediaTypes.banner.sizeConfig = mappedSizes;
+                            } else {
+                                adUnit.mediaTypes.banner.sizes = sizes;
+                            }
                             window.pbjs.addAdUnits([
-                                _object_spread_props(_object_spread({}, unitDefinition), {
-                                    mediaTypes: _object_spread_props(_object_spread({}, unitDefinition.mediaTypes || {}), {
-                                        banner: _object_spread_props(_object_spread({}, unitDefinition.mediaTypes.banner || {}), {
-                                            sizes: sizes
-                                        })
-                                    }),
-                                    code: "".concat(containerId)
-                                })
+                                adUnit
                             ]);
                         } else {
                             console.error("addAdUnits is not a function.");