@surfside/ads 3.6.2 → 3.6.4-4c0a326f.0

package/lib/esm/components/Creative.js

@@ -0,0 +1,198 @@
+import { GetValueOrThrow, First, GetValue, Ctx } from '@surfside/ads-core';
+import { AttributeNotFoundError, ReadAttribute } from '../util/Attributes';
+export const ProductFeedStrategy = {
+    Sponsored: 'sponsored',
+    Hybrid: 'hybrid',
+    Recommended: 'recommended'
+};
+export const RecommenderTypeInputs = {
+    TopProducts: 'top-products',
+    ForYou: 'for-you',
+    BuyAgain: 'buy-again',
+    PastPurchases: 'past-purchases'
+};
+export const AttributeValOrThrow = (element, attribute, value) => {
+    if (value !== null) {
+        return value;
+    }
+    throw new AttributeNotFoundError(element, attribute);
+};
+export const DEBOUNCE_THRESHOLD = 10;
+export class CreativeComponent extends HTMLElement {
+    _initApi;
+    _getUserId;
+    accountId;
+    siteId;
+    locationId;
+    channelId;
+    zoneId;
+    category = [];
+    keywords = [];
+    shadow;
+    api;
+    log;
+    /* Value to check for mutibility */
+    totem;
+    _stopTimer;
+    restartEndToEndTimer;
+    /* Checking for equality while debugging */
+    _instanceId;
+    get instanceId() {
+        return this._instanceId;
+    }
+    _monkeyHistoryReplaceCallback = () => {
+        this.log?.info('Running monkey-patch re-init function');
+        this.initApi();
+    };
+    constructor(_initApi, _getUserId, logger) {
+        super();
+        this._initApi = _initApi;
+        this._getUserId = _getUserId;
+        this._instanceId = crypto.randomUUID();
+        this.shadow = this.attachShadow({ mode: 'open' });
+        this.log = Ctx(logger)?.with(this.getComponentName());
+        this.restartEndToEndTimer = () => {
+            if (this._stopTimer !== undefined) {
+                this._stopTimer();
+            }
+            this._stopTimer = this.log?.time?.(this.constructor.name + '-e2e');
+        };
+        this.restartEndToEndTimer();
+    }
+    connectedCallback() {
+        globalThis.window.addEventListener('monkeyHistoryReplace', this._monkeyHistoryReplaceCallback);
+        globalThis.window.addEventListener('popstate', this._monkeyHistoryReplaceCallback);
+    }
+    static get observedBaseAttributes() {
+        return [
+            'account-id',
+            'site-id',
+            'location-id',
+            'channel-id',
+            'zone-id',
+            'keywords',
+            'category',
+        ];
+    }
+    getBaseAttributeValues() {
+        return {
+            accountId: this.accountId,
+            siteId: this.siteId,
+            channelId: this.channelId,
+            locationId: this.locationId,
+            zoneId: this.zoneId,
+            category: this.category,
+            keywords: this.keywords
+        };
+    }
+    attributesLoaded() {
+        return (this.accountId !== undefined &&
+            this.siteId !== undefined &&
+            this.channelId !== undefined &&
+            this.locationId !== undefined &&
+            this.zoneId !== undefined &&
+            this.category !== undefined &&
+            this.keywords !== undefined &&
+            this.accountId !== null &&
+            this.siteId !== null &&
+            this.channelId !== null &&
+            this.locationId !== null &&
+            this.zoneId !== null &&
+            this.category !== null &&
+            this.keywords !== null);
+    }
+    async lazyLoadApi() {
+        if (this.api === undefined && this.attributesLoaded()) {
+            await this.initApi();
+        }
+    }
+    async baseAttributeChangedCallback(key, oldValue, newValue, logger) {
+        const log = logger?.with('baseAttributeChangedCallback');
+        log?.info('Detected base attribute change. key, oldValue, newValue:', key, oldValue, newValue);
+        let reInit = false;
+        switch (key) {
+            case 'account-id':
+                this.accountId = newValue ?? undefined;
+                reInit = true;
+                log?.debug('account-id', this.accountId);
+                break;
+            case 'site-id':
+                this.siteId = newValue ?? undefined;
+                reInit = true;
+                log?.debug('site-id', this.siteId);
+                break;
+            case 'location-id':
+                this.locationId = newValue ?? undefined;
+                reInit = true;
+                log?.debug('location-id', this.locationId);
+                break;
+            case 'channel-id':
+                this.channelId = newValue ?? undefined;
+                reInit = true;
+                log?.debug('channel-id', this.channelId);
+                break;
+            case 'zone-id':
+                this.zoneId = newValue ?? undefined;
+                log?.debug('zone-id', this.zoneId);
+                break;
+            case 'category':
+                this.category = GetValue(ReadAttribute(this, 'category'))
+                    ?.split(',')
+                    .map(k => k.trim())
+                    ?? this.category ?? [this.api?.configuration.category];
+                log?.debug('surf-category', this.category);
+                break;
+            case 'keywords':
+                this.keywords = GetValue(ReadAttribute(this, 'keywords'))
+                    ?.split(',')
+                    .map(k => k.trim())
+                    ?? this.keywords ?? [];
+                log?.debug('keywords', this.keywords);
+                break;
+        }
+        if (reInit) {
+            log?.info('Re-initializing API');
+            await this.initApi();
+        }
+    }
+    disconnectedCallback() {
+        this.log?.info('Disconnected - removing monkey history listeners');
+        globalThis.window.removeEventListener('monkeyHistoryReplace', this._monkeyHistoryReplaceCallback);
+        globalThis.window.removeEventListener('popstate', this._monkeyHistoryReplaceCallback);
+    }
+    async initApi() {
+        const log = this.log?.with('initApi');
+        log?.info('Initializing API');
+        const userId = await this._getUserId();
+        log?.info(this.accountId, this.siteId, this.channelId, this.locationId, userId);
+        if (this.accountId === undefined ||
+            this.siteId === undefined ||
+            this.channelId === undefined ||
+            this.locationId === undefined) {
+            log?.warn('Component isn\'t fully initialized yet');
+            return;
+        }
+        log?.info('Component initialized');
+        this.api = GetValueOrThrow(await this._initApi(this.accountId, this.siteId, this.channelId, this.locationId, userId, globalThis.window.location.href));
+    }
+    readBaseAttributes() {
+        const log = this.log?.with('readBaseAttributes');
+        log?.info('Reading base attributes');
+        this.accountId = GetValue(ReadAttribute(this, 'account-id')) ?? this.accountId;
+        this.siteId = GetValue(ReadAttribute(this, 'site-id')) ?? this.siteId;
+        this.locationId = GetValue(First(ReadAttribute(this, 'location-id'), ReadAttribute(this, 'store-id'))) ?? this.locationId;
+        this.channelId = GetValue(ReadAttribute(this, 'channel-id')) ?? this.channelId;
+        this.zoneId = GetValue(First(ReadAttribute(this, 'zone-id'), ReadAttribute(this, 'placement-id'))) ?? this.zoneId;
+        this.category = GetValue(ReadAttribute(this, 'category'))
+            ?.split(',')
+            .map(k => k.trim())
+            ?? this.category ?? [this.api?.configuration.category];
+        log?.info('category', this.category);
+        this.keywords = GetValue(ReadAttribute(this, 'keywords'))
+            ?.split(',')
+            .map(k => k.trim())
+            ?? this.keywords ?? [];
+        log?.debug(this.accountId, this.siteId, this.channelId, this.locationId, this.zoneId, this.category, this.keywords);
+    }
+}
+//# sourceMappingURL=Creative.js.map

package/lib/esm/components/Creative.js.map

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

package/lib/esm/components/Dynamic.js

@@ -0,0 +1,296 @@
+import { CancellationToken, Ok, Pipe, } from '@surfside/ads-core';
+import { DefaultMinCardWidth } from '../Constants';
+import { CreativeComponent, DEBOUNCE_THRESHOLD, ProductFeedStrategy, RecommenderTypeInputs } from './Creative';
+import { NextType } from './Carousel';
+import { IntValOrThrow } from './SimpleCreative';
+export class SurfsideDynamicZone extends CreativeComponent {
+    _cancellationToken = new CancellationToken();
+    maxItems;
+    cardMinWidth = DefaultMinCardWidth;
+    strategy;
+    recommend;
+    nextType;
+    _bounce;
+    getComponentName() {
+        return 'SurfsideDynamicZone';
+    }
+    static get observedAttributes() {
+        return [
+            ...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 = IntValOrThrow(this, 'max-items', newValue);
+                }
+                catch (err) {
+                    log?.warn('Failed to parse. Got', err);
+                }
+                break;
+            }
+            case 'card-min-width': {
+                try {
+                    this.cardMinWidth = 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 ProductFeedStrategy.Sponsored:
+                    case ProductFeedStrategy.Hybrid:
+                    case 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 RecommenderTypeInputs.TopProducts:
+                        this.recommend = 'top-products';
+                        break;
+                    case RecommenderTypeInputs.ForYou:
+                        this.recommend = 'for-you';
+                        break;
+                    case RecommenderTypeInputs.PastPurchases:
+                    case 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 NextType.Page:
+                    case NextType.Product:
+                        this.nextType = nextType;
+                        break;
+                    default:
+                        log?.warn('Unrecognized or null next-type:', newValue);
+                        break;
+                }
+                break;
+            }
+            default: {
+                const baseName = name;
+                if (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(), DEBOUNCE_THRESHOLD);
+    }
+    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();
+        const token = new 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...');
+                        setTimeout(() => {
+                            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...');
+                        video.addEventListener('ended', () => {
+                            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);
+                        });
+                    }
+                }
+            }
+            return Ok(true);
+        };
+        switch (dynamicResponse.type) {
+            case 'banner': {
+                log?.info('Banner response', dynamicResponse);
+                const reauctionEnabled = dynamicResponse.bid.ext?.takeover !== true;
+                const result = 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 = 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 = 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;
+        }
+    }
+}
+//# sourceMappingURL=Dynamic.js.map

package/lib/esm/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/esm/components/SimpleCreative.js

@@ -0,0 +1,69 @@
+import { AttributeValOrThrow, CreativeComponent } from './Creative';
+import { AttributeNotANumberError, AttributeNotIntError, ReadIntAttribute } from '../util/Attributes';
+import { GetValue } from '@surfside/ads-core';
+const NumberValOrThrow = (element, attribute, value) => {
+    const strValue = AttributeValOrThrow(element, attribute, value);
+    const numValue = Number(strValue);
+    if (Number.isNaN(numValue)) {
+        throw new AttributeNotANumberError(element, attribute);
+    }
+    return numValue;
+};
+export const IntValOrThrow = (element, attribute, value) => {
+    const numValue = NumberValOrThrow(element, attribute, value);
+    if (!Number.isInteger(numValue)) {
+        throw new AttributeNotIntError(element, attribute);
+    }
+    return numValue;
+};
+export const IntValOr = (element, attribute, value, or) => {
+    try {
+        return IntValOrThrow(element, attribute, value);
+    }
+    catch {
+        return or;
+    }
+};
+export class SimpleCreativeComponent extends 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 [...CreativeComponent.observedBaseAttributes, 'width', 'height'];
+    }
+    async simpleAttributeChangedCallback(name, oldValue, newValue, logger) {
+        const log = logger?.with('simpleAttributeChangedCallback');
+        log?.info('Simple attribute changed: ', name);
+        if (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] = 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 = GetValue(ReadIntAttribute(this, 'width')) ?? this.width;
+        this.height = GetValue(ReadIntAttribute(this, 'height')) ?? this.height;
+    }
+}
+//# sourceMappingURL=SimpleCreative.js.map

package/lib/esm/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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"}