@guardian/commercial-core 0.36.0 → 0.37.0
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/cjs/ad-sizes.d.ts +2 -3
- package/dist/cjs/ad-sizes.js +25 -29
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +2 -1
- package/dist/esm/ad-sizes.d.ts +2 -3
- package/dist/esm/ad-sizes.js +23 -27
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
package/dist/cjs/ad-sizes.d.ts
CHANGED
|
@@ -4,10 +4,9 @@ export declare type AdSize = Readonly<{
|
|
|
4
4
|
height: number;
|
|
5
5
|
toString: () => AdSizeString;
|
|
6
6
|
}>;
|
|
7
|
-
export declare type AdSizeTuple = [width: number, height: number];
|
|
8
7
|
export declare type SizeKeys = 'billboard' | 'leaderboard' | 'mpu' | 'halfPage' | 'portrait' | 'skyscraper' | 'mobilesticky' | 'fluid' | 'outOfPage' | 'googleCard' | 'video' | 'outstreamDesktop' | 'outstreamGoogleDesktop' | 'outstreamMobile' | 'merchandisingHighAdFeature' | 'merchandisingHigh' | 'merchandising' | 'inlineMerchandising' | 'fabric' | 'empty' | '970x250' | '728x90' | '300x250' | '300x600' | '300x1050' | '160x600';
|
|
9
8
|
export declare const adSizes: Record<SizeKeys, AdSize>;
|
|
10
|
-
export declare const
|
|
9
|
+
export declare const getAdSize: (size: SizeKeys) => AdSize;
|
|
11
10
|
export declare const _: {
|
|
12
|
-
|
|
11
|
+
createAdSize: (width: number, height: number) => AdSize;
|
|
13
12
|
};
|
package/dist/cjs/ad-sizes.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports._ = exports.
|
|
4
|
-
const
|
|
3
|
+
exports._ = exports.getAdSize = exports.adSizes = void 0;
|
|
4
|
+
const createAdSize = (width, height) => {
|
|
5
5
|
const toString = () => width === 0 && height === 0 ? 'fluid' : `${width},${height}`;
|
|
6
6
|
return Object.freeze({
|
|
7
7
|
width,
|
|
@@ -11,28 +11,28 @@ const getAdSize = (width, height) => {
|
|
|
11
11
|
};
|
|
12
12
|
const adSizesPartial = {
|
|
13
13
|
// standard ad sizes
|
|
14
|
-
billboard:
|
|
15
|
-
leaderboard:
|
|
16
|
-
mpu:
|
|
17
|
-
halfPage:
|
|
18
|
-
portrait:
|
|
19
|
-
skyscraper:
|
|
20
|
-
mobilesticky:
|
|
14
|
+
billboard: createAdSize(970, 250),
|
|
15
|
+
leaderboard: createAdSize(728, 90),
|
|
16
|
+
mpu: createAdSize(300, 250),
|
|
17
|
+
halfPage: createAdSize(300, 600),
|
|
18
|
+
portrait: createAdSize(300, 1050),
|
|
19
|
+
skyscraper: createAdSize(160, 600),
|
|
20
|
+
mobilesticky: createAdSize(320, 50),
|
|
21
21
|
// dfp proprietary ad sizes
|
|
22
|
-
fluid:
|
|
23
|
-
outOfPage:
|
|
24
|
-
googleCard:
|
|
22
|
+
fluid: createAdSize(0, 0),
|
|
23
|
+
outOfPage: createAdSize(1, 1),
|
|
24
|
+
googleCard: createAdSize(300, 274),
|
|
25
25
|
// guardian proprietary ad sizes
|
|
26
|
-
video:
|
|
27
|
-
outstreamDesktop:
|
|
28
|
-
outstreamGoogleDesktop:
|
|
29
|
-
outstreamMobile:
|
|
30
|
-
merchandisingHighAdFeature:
|
|
31
|
-
merchandisingHigh:
|
|
32
|
-
merchandising:
|
|
33
|
-
inlineMerchandising:
|
|
34
|
-
fabric:
|
|
35
|
-
empty:
|
|
26
|
+
video: createAdSize(620, 1),
|
|
27
|
+
outstreamDesktop: createAdSize(620, 350),
|
|
28
|
+
outstreamGoogleDesktop: createAdSize(550, 310),
|
|
29
|
+
outstreamMobile: createAdSize(300, 197),
|
|
30
|
+
merchandisingHighAdFeature: createAdSize(88, 89),
|
|
31
|
+
merchandisingHigh: createAdSize(88, 87),
|
|
32
|
+
merchandising: createAdSize(88, 88),
|
|
33
|
+
inlineMerchandising: createAdSize(88, 85),
|
|
34
|
+
fabric: createAdSize(88, 71),
|
|
35
|
+
empty: createAdSize(2, 2),
|
|
36
36
|
};
|
|
37
37
|
exports.adSizes = {
|
|
38
38
|
...adSizesPartial,
|
|
@@ -43,11 +43,7 @@ exports.adSizes = {
|
|
|
43
43
|
'300x1050': adSizesPartial.portrait,
|
|
44
44
|
'160x600': adSizesPartial.skyscraper,
|
|
45
45
|
};
|
|
46
|
-
const
|
|
47
|
-
|
|
48
|
-
const tuple = [width, height];
|
|
49
|
-
return tuple;
|
|
50
|
-
};
|
|
51
|
-
exports.getTuple = getTuple;
|
|
46
|
+
const getAdSize = (size) => exports.adSizes[size];
|
|
47
|
+
exports.getAdSize = getAdSize;
|
|
52
48
|
// Export for testing
|
|
53
|
-
exports._ = {
|
|
49
|
+
exports._ = { createAdSize };
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export { remarketing } from './third-party-tags/remarketing';
|
|
|
7
7
|
export { EventTimer } from './EventTimer';
|
|
8
8
|
export { sendCommercialMetrics } from './sendCommercialMetrics';
|
|
9
9
|
export type { ThirdPartyTag } from './types';
|
|
10
|
-
export { adSizes } from './ad-sizes';
|
|
10
|
+
export { adSizes, getAdSize } from './ad-sizes';
|
|
11
11
|
export type { SizeKeys, AdSizeString, AdSize } from './ad-sizes';
|
|
12
12
|
export { isAdBlockInUse } from './detectAdBlocker';
|
|
13
13
|
export { clearPermutiveSegments, getPermutiveSegments, getPermutivePFPSegments, } from './permutive';
|
package/dist/cjs/index.js
CHANGED
|
@@ -20,7 +20,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
20
20
|
return result;
|
|
21
21
|
};
|
|
22
22
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
23
|
-
exports.constants = exports.disabledAds = exports.buildAdsConfigWithConsent = exports.getPermutivePFPSegments = exports.getPermutiveSegments = exports.clearPermutiveSegments = exports.isAdBlockInUse = exports.adSizes = exports.sendCommercialMetrics = exports.EventTimer = exports.remarketing = exports.inizio = exports.twitter = exports.fbPixel = exports.permutive = exports.ias = void 0;
|
|
23
|
+
exports.constants = exports.disabledAds = exports.buildAdsConfigWithConsent = exports.getPermutivePFPSegments = exports.getPermutiveSegments = exports.clearPermutiveSegments = exports.isAdBlockInUse = exports.getAdSize = exports.adSizes = exports.sendCommercialMetrics = exports.EventTimer = exports.remarketing = exports.inizio = exports.twitter = exports.fbPixel = exports.permutive = exports.ias = void 0;
|
|
24
24
|
var ias_1 = require("./third-party-tags/ias");
|
|
25
25
|
Object.defineProperty(exports, "ias", { enumerable: true, get: function () { return ias_1.ias; } });
|
|
26
26
|
var permutive_1 = require("./third-party-tags/permutive");
|
|
@@ -39,6 +39,7 @@ var sendCommercialMetrics_1 = require("./sendCommercialMetrics");
|
|
|
39
39
|
Object.defineProperty(exports, "sendCommercialMetrics", { enumerable: true, get: function () { return sendCommercialMetrics_1.sendCommercialMetrics; } });
|
|
40
40
|
var ad_sizes_1 = require("./ad-sizes");
|
|
41
41
|
Object.defineProperty(exports, "adSizes", { enumerable: true, get: function () { return ad_sizes_1.adSizes; } });
|
|
42
|
+
Object.defineProperty(exports, "getAdSize", { enumerable: true, get: function () { return ad_sizes_1.getAdSize; } });
|
|
42
43
|
var detectAdBlocker_1 = require("./detectAdBlocker");
|
|
43
44
|
Object.defineProperty(exports, "isAdBlockInUse", { enumerable: true, get: function () { return detectAdBlocker_1.isAdBlockInUse; } });
|
|
44
45
|
var permutive_2 = require("./permutive");
|
package/dist/esm/ad-sizes.d.ts
CHANGED
|
@@ -4,10 +4,9 @@ export declare type AdSize = Readonly<{
|
|
|
4
4
|
height: number;
|
|
5
5
|
toString: () => AdSizeString;
|
|
6
6
|
}>;
|
|
7
|
-
export declare type AdSizeTuple = [width: number, height: number];
|
|
8
7
|
export declare type SizeKeys = 'billboard' | 'leaderboard' | 'mpu' | 'halfPage' | 'portrait' | 'skyscraper' | 'mobilesticky' | 'fluid' | 'outOfPage' | 'googleCard' | 'video' | 'outstreamDesktop' | 'outstreamGoogleDesktop' | 'outstreamMobile' | 'merchandisingHighAdFeature' | 'merchandisingHigh' | 'merchandising' | 'inlineMerchandising' | 'fabric' | 'empty' | '970x250' | '728x90' | '300x250' | '300x600' | '300x1050' | '160x600';
|
|
9
8
|
export declare const adSizes: Record<SizeKeys, AdSize>;
|
|
10
|
-
export declare const
|
|
9
|
+
export declare const getAdSize: (size: SizeKeys) => AdSize;
|
|
11
10
|
export declare const _: {
|
|
12
|
-
|
|
11
|
+
createAdSize: (width: number, height: number) => AdSize;
|
|
13
12
|
};
|
package/dist/esm/ad-sizes.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const createAdSize = (width, height) => {
|
|
2
2
|
const toString = () => width === 0 && height === 0 ? 'fluid' : `${width},${height}`;
|
|
3
3
|
return Object.freeze({
|
|
4
4
|
width,
|
|
@@ -8,28 +8,28 @@ const getAdSize = (width, height) => {
|
|
|
8
8
|
};
|
|
9
9
|
const adSizesPartial = {
|
|
10
10
|
// standard ad sizes
|
|
11
|
-
billboard:
|
|
12
|
-
leaderboard:
|
|
13
|
-
mpu:
|
|
14
|
-
halfPage:
|
|
15
|
-
portrait:
|
|
16
|
-
skyscraper:
|
|
17
|
-
mobilesticky:
|
|
11
|
+
billboard: createAdSize(970, 250),
|
|
12
|
+
leaderboard: createAdSize(728, 90),
|
|
13
|
+
mpu: createAdSize(300, 250),
|
|
14
|
+
halfPage: createAdSize(300, 600),
|
|
15
|
+
portrait: createAdSize(300, 1050),
|
|
16
|
+
skyscraper: createAdSize(160, 600),
|
|
17
|
+
mobilesticky: createAdSize(320, 50),
|
|
18
18
|
// dfp proprietary ad sizes
|
|
19
|
-
fluid:
|
|
20
|
-
outOfPage:
|
|
21
|
-
googleCard:
|
|
19
|
+
fluid: createAdSize(0, 0),
|
|
20
|
+
outOfPage: createAdSize(1, 1),
|
|
21
|
+
googleCard: createAdSize(300, 274),
|
|
22
22
|
// guardian proprietary ad sizes
|
|
23
|
-
video:
|
|
24
|
-
outstreamDesktop:
|
|
25
|
-
outstreamGoogleDesktop:
|
|
26
|
-
outstreamMobile:
|
|
27
|
-
merchandisingHighAdFeature:
|
|
28
|
-
merchandisingHigh:
|
|
29
|
-
merchandising:
|
|
30
|
-
inlineMerchandising:
|
|
31
|
-
fabric:
|
|
32
|
-
empty:
|
|
23
|
+
video: createAdSize(620, 1),
|
|
24
|
+
outstreamDesktop: createAdSize(620, 350),
|
|
25
|
+
outstreamGoogleDesktop: createAdSize(550, 310),
|
|
26
|
+
outstreamMobile: createAdSize(300, 197),
|
|
27
|
+
merchandisingHighAdFeature: createAdSize(88, 89),
|
|
28
|
+
merchandisingHigh: createAdSize(88, 87),
|
|
29
|
+
merchandising: createAdSize(88, 88),
|
|
30
|
+
inlineMerchandising: createAdSize(88, 85),
|
|
31
|
+
fabric: createAdSize(88, 71),
|
|
32
|
+
empty: createAdSize(2, 2),
|
|
33
33
|
};
|
|
34
34
|
export const adSizes = {
|
|
35
35
|
...adSizesPartial,
|
|
@@ -40,10 +40,6 @@ export const adSizes = {
|
|
|
40
40
|
'300x1050': adSizesPartial.portrait,
|
|
41
41
|
'160x600': adSizesPartial.skyscraper,
|
|
42
42
|
};
|
|
43
|
-
export const
|
|
44
|
-
const { width, height } = adSizes[size];
|
|
45
|
-
const tuple = [width, height];
|
|
46
|
-
return tuple;
|
|
47
|
-
};
|
|
43
|
+
export const getAdSize = (size) => adSizes[size];
|
|
48
44
|
// Export for testing
|
|
49
|
-
export const _ = {
|
|
45
|
+
export const _ = { createAdSize };
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export { remarketing } from './third-party-tags/remarketing';
|
|
|
7
7
|
export { EventTimer } from './EventTimer';
|
|
8
8
|
export { sendCommercialMetrics } from './sendCommercialMetrics';
|
|
9
9
|
export type { ThirdPartyTag } from './types';
|
|
10
|
-
export { adSizes } from './ad-sizes';
|
|
10
|
+
export { adSizes, getAdSize } from './ad-sizes';
|
|
11
11
|
export type { SizeKeys, AdSizeString, AdSize } from './ad-sizes';
|
|
12
12
|
export { isAdBlockInUse } from './detectAdBlocker';
|
|
13
13
|
export { clearPermutiveSegments, getPermutiveSegments, getPermutivePFPSegments, } from './permutive';
|
package/dist/esm/index.js
CHANGED
|
@@ -7,7 +7,7 @@ export { inizio } from './third-party-tags/inizio';
|
|
|
7
7
|
export { remarketing } from './third-party-tags/remarketing';
|
|
8
8
|
export { EventTimer } from './EventTimer';
|
|
9
9
|
export { sendCommercialMetrics } from './sendCommercialMetrics';
|
|
10
|
-
export { adSizes } from './ad-sizes';
|
|
10
|
+
export { adSizes, getAdSize } from './ad-sizes';
|
|
11
11
|
export { isAdBlockInUse } from './detectAdBlocker';
|
|
12
12
|
export { clearPermutiveSegments, getPermutiveSegments, getPermutivePFPSegments, } from './permutive';
|
|
13
13
|
export { buildAdsConfigWithConsent, disabledAds } from './ad-targeting-youtube';
|