@surfside/ads 2.0.0 → 3.6.0-0652b02f.0

package/lib/cjs/components/Dynamic.js

@@ -0,0 +1,310 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SurfsideDynamicZone = void 0;
+const ads_core_1 = require("@surfside/ads-core");
+const Constants_1 = require("../Constants");
+const Creative_1 = require("./Creative");
+const Carousel_1 = require("./Carousel");
+const SimpleCreative_1 = require("./SimpleCreative");
+class SurfsideDynamicZone extends Creative_1.CreativeComponent {
+    _cancellationToken = new ads_core_1.CancellationToken();
+    maxItems;
+    cardMinWidth = Constants_1.DefaultMinCardWidth;
+    strategy;
+    recommend;
+    nextType;
+    _bounce;
+    getComponentName() {
+        return 'SurfsideDynamicZone';
+    }
+    static get observedAttributes() {
+        return [
+            ...Creative_1.CreativeComponent.observedBaseAttributes,
+            'max-items',
+            'card-min-width',
+            'next-type'
+        ];
+    }
+    async attributeChangedCallback(name, oldValue, newValue) {
+        const log = this.log?.with('attributeChangedCallback');
+        log?.info('Carousel attribute changed');
+        switch (name) {
+            case 'max-items': {
+                try {
+                    this.maxItems = (0, SimpleCreative_1.IntValOrThrow)(this, 'max-items', newValue);
+                }
+                catch (err) {
+                    log?.warn('Failed to parse. Got', err);
+                }
+                break;
+            }
+            case 'card-min-width': {
+                try {
+                    this.cardMinWidth = (0, SimpleCreative_1.IntValOrThrow)(this, 'card-min-width', newValue);
+                }
+                catch (err) {
+                    log?.warn('Failed to parse. Got', err);
+                }
+                break;
+            }
+            case 'strategy': {
+                const strategy = newValue?.toLowerCase();
+                switch (strategy) {
+                    case Creative_1.ProductFeedStrategy.Sponsored:
+                    case Creative_1.ProductFeedStrategy.Hybrid:
+                    case Creative_1.ProductFeedStrategy.Recommended:
+                        this.strategy = strategy;
+                        break;
+                    default:
+                        log?.warn('Unrecognized or null strategy:', newValue);
+                        break;
+                }
+                break;
+            }
+            case 'recommend': {
+                const recommend = newValue?.toLowerCase();
+                switch (recommend) {
+                    case Creative_1.RecommenderTypeInputs.TopProducts:
+                        this.recommend = 'top-products';
+                        break;
+                    case Creative_1.RecommenderTypeInputs.ForYou:
+                        this.recommend = 'for-you';
+                        break;
+                    case Creative_1.RecommenderTypeInputs.PastPurchases:
+                    case Creative_1.RecommenderTypeInputs.BuyAgain:
+                        this.recommend = 'past-purchases';
+                        break;
+                    default:
+                        log?.warn('Unrecognized or null recommender type:', newValue);
+                        break;
+                }
+                break;
+            }
+            case 'next-type': {
+                const nextType = newValue?.toLowerCase();
+                switch (nextType) {
+                    case Carousel_1.NextType.Page:
+                    case Carousel_1.NextType.Product:
+                        this.nextType = nextType;
+                        break;
+                    default:
+                        log?.warn('Unrecognized or null next-type:', newValue);
+                        break;
+                }
+                break;
+            }
+            default: {
+                const baseName = name;
+                if (Creative_1.CreativeComponent.observedBaseAttributes.includes(baseName)) {
+                    await super.baseAttributeChangedCallback(baseName, oldValue, newValue, log);
+                }
+                break;
+            }
+        }
+        const totem = crypto.randomUUID();
+        this.totem = totem;
+        if (!this.attributesLoaded()) {
+            log?.debug('Attributes not ready yet...', this.accountId);
+            return;
+        }
+        else {
+            log?.debug('Attributes ready!');
+        }
+        await this.lazyLoadApi();
+        if (this.totem !== totem) {
+            log?.debug('Totem changed in between attribute callbacks. Waiting for final attribue to render dynamic');
+            return;
+        }
+        if (this._bounce !== undefined) {
+            globalThis.clearTimeout(this._bounce);
+        }
+        this._bounce = globalThis.setTimeout(() => this.render(), Creative_1.DEBOUNCE_THRESHOLD);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._cancellationToken.cancel();
+        if (this._bounce !== undefined) {
+            globalThis.clearTimeout(this._bounce);
+            this._bounce = undefined;
+        }
+    }
+    async render() {
+        const log = this.log?.with('SurfsideDynamicZone', { zoneId: this.zoneId });
+        log?.info('Rendering Dynamic Zone', this.api);
+        const stopTimer = log?.time?.('render dynamic zone');
+        this._cancellationToken.cancel();
+        this.clearReauction();
+        const token = new ads_core_1.CancellationToken();
+        this._cancellationToken = token;
+        const { getDynamicZone, buildDynamicZoneRequest } = this.api;
+        const dynamicZoneRes = await getDynamicZone(this.zoneId);
+        if (this._cancellationToken.cancelled === true) {
+            log?.error('Dynamic zone request was cancelled');
+            return;
+        }
+        else if (!dynamicZoneRes.ok) {
+            log?.error('Dynamic zone failed to load', dynamicZoneRes.error);
+            return;
+        }
+        const dynamicZone = dynamicZoneRes.value;
+        const dynamicZoneRequestRes = buildDynamicZoneRequest(this.zoneId, dynamicZone, this.category);
+        if (!dynamicZoneRequestRes.ok) {
+            log?.error('Failed to build dynamic zone request', dynamicZoneRequestRes.error);
+            return;
+        }
+        const dynamicZoneRequest = dynamicZoneRequestRes.value;
+        await this.requestAndRender(dynamicZoneRequest);
+        stopTimer?.();
+    }
+    async requestAndRender(dynamicZoneRequest) {
+        const { buildDynamicResponse, renderBanner, renderVideo, renderCarousel, renderProductCard } = this.api;
+        const log = this.log?.with('SurfsideDynamicZone', { zoneId: this.zoneId });
+        const dynamicResponseRes = await buildDynamicResponse(dynamicZoneRequest);
+        // Have to cast too boolean here because typescript is too stupid to understand that
+        // cancellationtoken can be mutated between async calls and is trying to narrow the type to false
+        // based on the last cancellation check
+        if (this._cancellationToken.cancelled === true) {
+            log?.error('Dynamic zone request was cancelled');
+            return;
+        }
+        else if (!dynamicResponseRes.ok) {
+            log?.error('Dynamic response failed', dynamicResponseRes);
+            return;
+        }
+        const dynamicResponse = dynamicResponseRes.value;
+        const finalRender = (element, reauctionEnabled) => {
+            this.shadow.innerHTML = '';
+            this.shadow.appendChild(element);
+            if (this.api.configuration.settings.reauctionEnabled && reauctionEnabled) {
+                switch (dynamicResponse.type) {
+                    case 'banner': {
+                        log?.info('Attempting re-auction for banner...');
+                        this.scheduleReauction(() => {
+                            log?.info('Re-auctioning banner...');
+                            const bannerImp = dynamicZoneRequest.request.imp.find(i => i.banner !== undefined);
+                            if (bannerImp === undefined) {
+                                log?.error('Failed to find original banner request for re-auction');
+                                return;
+                            }
+                            const partialRequest = {
+                                requestIds: dynamicZoneRequest.requestIds,
+                                request: {
+                                    ...dynamicZoneRequest.request,
+                                    id: crypto.randomUUID(),
+                                    imp: [{
+                                            ...bannerImp,
+                                            id: crypto.randomUUID(),
+                                            banner: {
+                                                ...bannerImp.banner,
+                                                w: dynamicResponse.dynamicBannerRequest.width,
+                                                h: dynamicResponse.dynamicBannerRequest.height,
+                                                format: [{
+                                                        w: dynamicResponse.dynamicBannerRequest.width,
+                                                        h: dynamicResponse.dynamicBannerRequest.height
+                                                    }]
+                                            }
+                                        }]
+                                }
+                            };
+                            log?.info('sending re-auction', partialRequest);
+                            this.requestAndRender(partialRequest);
+                        }, Math.max(this.api.configuration.settings.reauctionIntervalMs, 10_000));
+                        break;
+                    }
+                    case 'video': {
+                        log?.info('Attempting re-auction for video...');
+                        const video = element.shadowRoot?.querySelector('video');
+                        if (video === null || video === undefined) {
+                            log?.error('Failed to find video element for re-auction in dynamic zone!');
+                            return;
+                        }
+                        log?.info('Re-auctioning video...');
+                        // Deferred until the page regains focus if blurred
+                        video.addEventListener('ended', () => this.scheduleReauction(() => {
+                            log?.info('video ended');
+                            const videoImp = dynamicZoneRequest.request.imp.find(i => i.video !== undefined);
+                            if (videoImp === undefined) {
+                                log?.error('Failed to find original banner request for re-auction');
+                                return;
+                            }
+                            const partialRequest = {
+                                requestIds: dynamicZoneRequest.requestIds,
+                                request: {
+                                    ...dynamicZoneRequest.request,
+                                    id: crypto.randomUUID(),
+                                    imp: [{
+                                            ...videoImp,
+                                            id: crypto.randomUUID(),
+                                            video: {
+                                                ...videoImp.video,
+                                                w: dynamicResponse.dynamicVideoRequest.width,
+                                                h: dynamicResponse.dynamicVideoRequest.height,
+                                                minduration: dynamicResponse.dynamicVideoRequest.minDuration,
+                                                maxduration: dynamicResponse.dynamicVideoRequest.maxDuration
+                                            }
+                                        }]
+                                }
+                            };
+                            log?.info('Sending re-auction for video', partialRequest);
+                            this.requestAndRender(partialRequest);
+                        }, 0));
+                    }
+                }
+            }
+            return (0, ads_core_1.Ok)(true);
+        };
+        switch (dynamicResponse.type) {
+            case 'banner': {
+                log?.info('Banner response', dynamicResponse);
+                const reauctionEnabled = dynamicResponse.bid.ext?.takeover !== true;
+                const result = (0, ads_core_1.Pipe)(renderBanner(dynamicResponse))
+                    .then(r => finalRender(r, reauctionEnabled))
+                    .result();
+                if (!result.ok) {
+                    log?.error('Failed to render banner', result.error);
+                }
+                break;
+            }
+            case 'video': {
+                const reauction = dynamicResponse.bid.ext?.takeover !== true;
+                const result = (0, ads_core_1.Pipe)(renderVideo(dynamicResponse))
+                    .then(r => finalRender(r, reauction))
+                    .result();
+                if (!result.ok) {
+                    log?.error('Failed to render video', result.error);
+                }
+                break;
+            }
+            case 'carousel': {
+                const request = dynamicResponse.dynamicCarouselRequest;
+                const maxItems = this.maxItems ?? request.maxItems;
+                const cardMinWidth = this.cardMinWidth ?? request.cardMinWidth;
+                const nextType = this.nextType ?? request.nextType;
+                const result = await renderCarousel(dynamicResponse, cardMinWidth, maxItems === undefined
+                    ? { type: 'infinite' }
+                    : { type: 'limited', limit: maxItems }, nextType);
+                if (!result.ok) {
+                    log?.error('Failed to render carousel', result.error);
+                    break;
+                }
+                finalRender(result.value.element, false);
+                result.value.init();
+                break;
+            }
+            case 'product-card': {
+                const result = (0, ads_core_1.Pipe)(renderProductCard(dynamicResponse))
+                    .then(r => finalRender(r, false))
+                    .result();
+                if (!result.ok) {
+                    log?.error('Failed to render product card', result.error);
+                }
+                break;
+            }
+            default:
+                log?.error('Invalid creative type returned from dynamic zone', dynamicResponse);
+                break;
+        }
+    }
+}
+exports.SurfsideDynamicZone = SurfsideDynamicZone;
+//# sourceMappingURL=Dynamic.js.map

package/lib/cjs/components/Dynamic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dynamic.js","sourceRoot":"../@surfside-ads/","sources":["components/Dynamic.ts"],"names":[],"mappings":"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"}

package/lib/cjs/components/SimpleCreative.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleCreativeComponent = exports.IntValOr = exports.IntValOrThrow = void 0;
+const Creative_1 = require("./Creative");
+const Attributes_1 = require("../util/Attributes");
+const ads_core_1 = require("@surfside/ads-core");
+const NumberValOrThrow = (element, attribute, value) => {
+    const strValue = (0, Creative_1.AttributeValOrThrow)(element, attribute, value);
+    const numValue = Number(strValue);
+    if (Number.isNaN(numValue)) {
+        throw new Attributes_1.AttributeNotANumberError(element, attribute);
+    }
+    return numValue;
+};
+const IntValOrThrow = (element, attribute, value) => {
+    const numValue = NumberValOrThrow(element, attribute, value);
+    if (!Number.isInteger(numValue)) {
+        throw new Attributes_1.AttributeNotIntError(element, attribute);
+    }
+    return numValue;
+};
+exports.IntValOrThrow = IntValOrThrow;
+const IntValOr = (element, attribute, value, or) => {
+    try {
+        return (0, exports.IntValOrThrow)(element, attribute, value);
+    }
+    catch {
+        return or;
+    }
+};
+exports.IntValOr = IntValOr;
+class SimpleCreativeComponent extends Creative_1.CreativeComponent {
+    width;
+    height;
+    constructor(initApi, getUserId, logger) {
+        super(initApi, getUserId, logger);
+    }
+    attributesLoaded() {
+        return (super.attributesLoaded() &&
+            this.width !== undefined &&
+            this.height !== undefined &&
+            this.width !== null &&
+            this.height !== null);
+    }
+    static get observedSimpleAttributes() {
+        return [...Creative_1.CreativeComponent.observedBaseAttributes, 'width', 'height'];
+    }
+    async handleSimpleAttributeChange(name, oldValue, newValue, logger) {
+        const changed = this.simpleAttributeChangedCallback(name, oldValue, newValue, logger);
+        if (this.api !== undefined) {
+            await changed;
+        }
+    }
+    async simpleAttributeChangedCallback(name, oldValue, newValue, logger) {
+        const log = logger?.with('simpleAttributeChangedCallback');
+        log?.info('Simple attribute changed: ', name);
+        if (Creative_1.CreativeComponent.observedBaseAttributes.includes(name)) {
+            log?.info('Base attribute changed');
+            const key = name;
+            await this.baseAttributeChangedCallback(key, oldValue, newValue, log);
+            return;
+        }
+        if (name === 'width' || name === 'height') {
+            log?.debug('Before: width', this.width, 'height', this.height);
+            try {
+                this[name] = (0, exports.IntValOrThrow)(this, name, newValue);
+            }
+            catch (error) {
+                log?.warn('Couldn\'t parse number attribute', error);
+            }
+            log?.debug('After: width', this.width, 'height', this.height);
+        }
+    }
+    readSimpleAttributes() {
+        this.readBaseAttributes();
+        this.width = (0, ads_core_1.GetValue)((0, Attributes_1.ReadIntAttribute)(this, 'width')) ?? this.width;
+        this.height = (0, ads_core_1.GetValue)((0, Attributes_1.ReadIntAttribute)(this, 'height')) ?? this.height;
+    }
+}
+exports.SimpleCreativeComponent = SimpleCreativeComponent;
+//# sourceMappingURL=SimpleCreative.js.map

package/lib/cjs/components/SimpleCreative.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleCreative.js","sourceRoot":"../@surfside-ads/","sources":["components/SimpleCreative.ts"],"names":[],"mappings":"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"}

package/lib/cjs/components/Video.js

@@ -0,0 +1,144 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SurfsideVideo = void 0;
+const ads_core_1 = require("@surfside/ads-core");
+const SimpleCreative_1 = require("./SimpleCreative");
+const Creative_1 = require("./Creative");
+class SurfsideVideo extends SimpleCreative_1.SimpleCreativeComponent {
+    _cancellationToken = new ads_core_1.CancellationToken();
+    minDuration;
+    maxDuration;
+    _bounce;
+    static get observedAttributes() {
+        return [...SimpleCreative_1.SimpleCreativeComponent.observedSimpleAttributes, 'min-duration', 'max-duration'];
+    }
+    constructor(initApi, getUserId, logger) {
+        super(initApi, getUserId, logger);
+    }
+    getComponentName() {
+        return 'SurfsideVideo';
+    }
+    attributesLoaded() {
+        return (super.attributesLoaded() && this.minDuration !== undefined && this.maxDuration !== undefined
+            && this.minDuration !== null && this.maxDuration !== null);
+    }
+    async attributeChangedCallback(name, oldValue, newValue) {
+        const log = this.log?.with('attributeChangedCallback');
+        log?.info('Attribute changed');
+        if (name === 'min-duration') {
+            try {
+                this.minDuration = (0, SimpleCreative_1.IntValOrThrow)(this, 'min-duration', newValue);
+            }
+            catch (err) {
+                log?.warn('Couldn\'t parse min-duration', err);
+            }
+        }
+        else if (name === 'max-duration') {
+            try {
+                this.maxDuration = (0, SimpleCreative_1.IntValOrThrow)(this, 'max-duration', newValue);
+            }
+            catch (err) {
+                log?.warn('Couldn\'t parse min-duration', err);
+            }
+        }
+        else {
+            await this.handleSimpleAttributeChange(name, oldValue, newValue, log);
+        }
+        const totem = crypto.randomUUID();
+        this.totem = totem;
+        log?.debug(name, 'totem', totem);
+        if (!this.attributesLoaded()) {
+            log?.debug('Attributes not ready yet...');
+            return;
+        }
+        if (this.totem !== totem) {
+            log?.debug('Totem changed. Deferring rendering of video until last attribute changed', totem, this.totem);
+            return;
+        }
+        log?.debug(`Rendering video upon change of [${name}]`);
+        if (this._bounce !== undefined) {
+            globalThis.clearTimeout(this._bounce);
+        }
+        this._bounce = globalThis.setTimeout(() => this.render(), Creative_1.DEBOUNCE_THRESHOLD);
+    }
+    readVideoAttributes() {
+        this.readSimpleAttributes();
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        this.readVideoAttributes();
+        await this.initApi();
+        const totem = crypto.randomUUID();
+        this.totem = totem;
+        if (this.attributesLoaded()) {
+            await this.lazyLoadApi();
+            if (this.totem !== totem) {
+                this.log?.debug('Attributes changed after connectedCallback, waiting to render');
+                return;
+            }
+            this.log?.debug('Rendering upon connectedCallback');
+            await this.render();
+        }
+        else {
+            this.log?.warn('ConnectedCallback called before attributes were all ready.');
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._cancellationToken.cancel();
+        if (this._bounce !== undefined) {
+            globalThis.clearTimeout(this._bounce);
+            this._bounce = undefined;
+        }
+    }
+    async render() {
+        const log = this.log?.with('SurfsideVideo', { zoneId: this.zoneId });
+        log?.info('rendering');
+        log?.debug('width', this.width, 'height', this.height);
+        const stopTimer = log?.time?.('render video');
+        this._cancellationToken.cancel();
+        this.clearReauction();
+        const token = new ads_core_1.CancellationToken();
+        this._cancellationToken = token;
+        const { requestBids, startRequest, buildVideoResponse, renderVideo } = this.api;
+        const bidResponseResult = await requestBids(startRequest(this.zoneId)
+            .withSurfCategory(this.category)
+            .withKeywords(this.keywords)
+            .withVideo(this.width, this.height, this.minDuration, this.maxDuration)
+            .build());
+        if (token.cancelled) {
+            return;
+        }
+        if (!bidResponseResult.ok) {
+            log?.warn('Did not get any bid responses', bidResponseResult.error);
+            return;
+        }
+        const bid = bidResponseResult.value.seatbid?.[0]?.bid?.[0];
+        if (bid === undefined) {
+            log?.error('Got a bid response, but it was malformed', bidResponseResult);
+            return;
+        }
+        const responseResult = buildVideoResponse(bid);
+        if (!responseResult.ok) {
+            log?.error(responseResult.error);
+            return;
+        }
+        const elementResult = renderVideo(responseResult.value);
+        if (!elementResult.ok) {
+            log?.error(elementResult.error);
+            return;
+        }
+        if (!token.cancelled) {
+            stopTimer?.();
+            this.shadow.innerHTML = '';
+            this.shadow.appendChild(elementResult.value);
+            elementResult.value.classList.add(`surf-zone-${this.zoneId}`);
+            if (this.api.configuration.settings.reauctionEnabled && bid.ext?.takeover !== true) {
+                // Re-auction once the video ends. Deferred until the page regains focus if blurred
+                elementResult.value.onended = () => this.scheduleReauction(() => this.render(), 0);
+            }
+        }
+    }
+}
+exports.SurfsideVideo = SurfsideVideo;
+//# sourceMappingURL=Video.js.map

package/lib/cjs/components/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sourceRoot":"../@surfside-ads/","sources":["components/Video.ts"],"names":[],"mappings":"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"}

package/lib/cjs/demo/test.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const index_module_1 = require("../index.module");
+window.onload = () => {
+    (0, index_module_1.InitSurfAdsWebComponents)();
+};
+//# sourceMappingURL=test.js.map

package/lib/cjs/demo/test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.js","sourceRoot":"../@surfside-ads/","sources":["demo/test.ts"],"names":[],"mappings":";;AAAA,kDAA2D;AAE3D,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;IACjB,IAAA,uCAAwB,GAAE,CAAC;AAC/B,CAAC,CAAA"}