@surfside/ads 2.0.0 → 3.6.0-05c824af.0

package/lib/cjs/components/Carousel.js

@@ -0,0 +1,266 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SurfsideCarousel = exports.NextType = void 0;
+const ads_core_1 = require("@surfside/ads-core");
+const Creative_1 = require("./Creative");
+const SimpleCreative_1 = require("./SimpleCreative");
+const Constants_1 = require("../Constants");
+const Debug_1 = require("./Debug");
+exports.NextType = {
+    Product: 'product',
+    Page: 'page'
+};
+class SurfsideCarousel extends Creative_1.CreativeComponent {
+    _cancellationToken = new ads_core_1.CancellationToken();
+    _renderDebounce;
+    maxItems;
+    cardMinWidth = Constants_1.DefaultMinCardWidth;
+    cardMaxWidth;
+    strategy = Creative_1.ProductFeedStrategy.Hybrid;
+    recommend = 'top-products';
+    nextType = exports.NextType.Page;
+    static get observedAttributes() {
+        return [
+            ...Creative_1.CreativeComponent.observedBaseAttributes,
+            'max-items',
+            'card-min-width',
+            'card-max-width',
+            'strategy',
+            'recommend',
+            'next-type'
+        ];
+    }
+    constructor(dependencies) {
+        super(dependencies);
+        const { logger } = dependencies;
+        logger?.info('Building carousel');
+    }
+    getComponentName() {
+        return 'SurfsideCarousel';
+    }
+    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 'card-max-width': {
+                try {
+                    this.cardMaxWidth = (0, SimpleCreative_1.IntValOrThrow)(this, 'card-max-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 exports.NextType.Page:
+                    case exports.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;
+        log?.debug(name, '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. Deferring rendering of carousel until last attribute changed', totem, this.totem);
+            return;
+        }
+        if (this.isConnected) {
+            log?.debug(`Rendering carousel upon [${name}] changed`);
+            await this.render();
+        }
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        const log = this.log?.with('connectedCallback');
+        log?.info('connectedCallback');
+        super.readBaseAttributes();
+        await this.initApi();
+        const totem = crypto.randomUUID();
+        this.totem = totem;
+        if (this.attributesLoaded()) {
+            await this.lazyLoadApi();
+            if (this.totem !== totem) {
+                log?.debug('Attributes changed after connectedCallback, waiting to render');
+                return;
+            }
+            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._renderDebounce !== undefined) {
+            globalThis.clearTimeout(this._renderDebounce);
+            this._renderDebounce = undefined;
+        }
+    }
+    async render() {
+        const log = this.log?.with('SurfsideCarousel', { zoneId: this.zoneId });
+        log?.info('Rendering carousel');
+        if (this._renderDebounce !== undefined) {
+            log?.debug('Debounce was not undefined');
+            globalThis.clearTimeout(this._renderDebounce);
+        }
+        this._renderDebounce = globalThis.setTimeout(async () => {
+            log?.info('Rendering carousel', this.api);
+            const stopTimer = log?.time?.('render carousel');
+            this._cancellationToken.cancel();
+            const token = new ads_core_1.CancellationToken();
+            this._cancellationToken = token;
+            const { startRequest, defaultNative, buildHybridCarousel, buildSponsoredCarousel, buildRecommendedCarousel, renderCarousel } = this.api;
+            const carousel = (0, ads_core_1.TryDoFlat)(() => {
+                log?.debug('Starting request');
+                const request = startRequest(this.zoneId)
+                    .withSurfCategory(this.category)
+                    .withKeywords(this.keywords)
+                    .withProductCards(defaultNative())
+                    .build();
+                switch (this.strategy) {
+                    case Creative_1.ProductFeedStrategy.Hybrid:
+                        log?.debug('building Hybrid carousel');
+                        return buildHybridCarousel({
+                            type: this.recommend
+                        }, request);
+                    case Creative_1.ProductFeedStrategy.Sponsored:
+                        log?.debug('Building sponsored carousel');
+                        return buildSponsoredCarousel(request);
+                    case Creative_1.ProductFeedStrategy.Recommended:
+                        log?.debug('Building recommended carousel');
+                        return buildRecommendedCarousel({
+                            type: this.recommend
+                        }, this.category?.[0]);
+                    default:
+                        return (0, ads_core_1.Err)(new ads_core_1.InvalidRecommenderTypeError(this.strategy));
+                }
+            });
+            if (!carousel.ok) {
+                log?.error('Failed to build carousel!', carousel.error);
+                return;
+            }
+            log?.info('Rendering carousel');
+            const element = await renderCarousel(carousel.value, this.cardMinWidth, this.maxItems === undefined || this.maxItems === 0
+                ? {
+                    type: 'infinite'
+                }
+                : {
+                    type: 'limited',
+                    limit: this.maxItems
+                }, this.nextType, this.cardMaxWidth);
+            log?.info('rendered carousel element');
+            if (!element.ok) {
+                log?.error(element.error);
+                return;
+            }
+            if (this._cancellationToken.cancelled) {
+                log?.info('Cancelled rendering carousel');
+                return;
+            }
+            stopTimer?.();
+            element.value.element.classList.add(`surf-zone-${this.zoneId}`);
+            this.shadow.innerHTML = '';
+            this.shadow.appendChild(element.value.element);
+            if (this.isDebug) {
+                this.shadow.appendChild((0, Debug_1.CreateDebugButton)('carousels', {
+                    accountId: this.accountId,
+                    siteId: this.siteId,
+                    locationId: this.locationId,
+                    zoneId: this.zoneId,
+                    channelId: this.channelId,
+                    minWidth: this.cardMinWidth.toString(),
+                    ...(this.cardMaxWidth === undefined ? {} : { cardMaxWidth: this.cardMaxWidth.toString() }),
+                    ...(this.maxItems === undefined ? {} : { maxItems: this.maxItems.toString() }),
+                    recommend: this.recommend,
+                    nextType: this.nextType,
+                    strategy: this.strategy,
+                }));
+            }
+            const elementInitRes = await element.value.init();
+            if (!elementInitRes.ok) {
+                log?.error('Carousel first page was empty', elementInitRes);
+                this.remove();
+            }
+            log?.info('Appended carousel to DOM');
+            this.restartEndToEndTimer();
+        }, Creative_1.DEBOUNCE_THRESHOLD);
+    }
+}
+exports.SurfsideCarousel = SurfsideCarousel;
+//# sourceMappingURL=Carousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sourceRoot":"../@surfside-ads/","sources":["components/Carousel.ts"],"names":[],"mappings":";;;AAAA,iDAO4B;AAC5B,yCAQoB;AACpB,qDAAiD;AACjD,4CAAmD;AACnD,mCAA4C;AAE/B,QAAA,QAAQ,GAAG;IACpB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACN,CAAC;AAaX,MAAa,gBAAiB,SAAQ,4BAAiB;IAC3C,kBAAkB,GAAsB,IAAI,4BAAiB,EAAE,CAAC;IAChE,eAAe,CAAa;IAE1B,QAAQ,CAAiB;IACzB,YAAY,GAAW,+BAAmB,CAAC;IAC3C,YAAY,CAAiB;IAE7B,QAAQ,GAAW,8BAAmB,CAAC,MAAM,CAAC;IAC9C,SAAS,GAAoB,cAAc,CAAC;IAC5C,QAAQ,GAAuB,gBAAQ,CAAC,IAAI,CAAC;IAEhD,MAAM,KAAK,kBAAkB;QAChC,OAAO;YACH,GAAG,4BAAiB,CAAC,sBAAsB;YAC3C,WAAW;YACX,gBAAgB;YAChB,gBAAgB;YAChB,UAAU;YACV,WAAW;YACX,WAAW;SACd,CAAC;IACN,CAAC;IAED,YACI,YAAoD;QAEpD,KAAK,CAAC,YAAY,CAAC,CAAC;QACpB,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC;QAChC,MAAM,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACtC,CAAC;IAES,gBAAgB;QACtB,OAAO,kBAAkB,CAAC;IAC9B,CAAC;IAEM,KAAK,CAAC,wBAAwB,CACjC,IAAY,EACZ,QAAuB,EACvB,QAAuB;QAEvB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;QACvD,GAAG,EAAE,IAAI,CAAC,4BAA4B,CAAC,CAAC;QACxC,QAAQ,IAAI,EAAE,CAAC;YACX,KAAK,WAAW,CAAC,CAAC,CAAC;gBACf,IAAI,CAAC;oBACD,IAAI,CAAC,QAAQ,GAAG,IAAA,8BAAa,EAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC;gBAC/D,CAAC;gBAAC,OAAO,GAAG,EAAE,CAAC;oBACX,GAAG,EAAE,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;gBAC3C,CAAC;gBACD,MAAM;YACV,CAAC;YACD,KAAK,gBAAgB,CAAC,CAAC,CAAC;gBACpB,IAAI,CAAC;oBACD,IAAI,CAAC,YAAY,GAAG,IAAA,8BAAa,EAAC,IAAI,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CAAC;gBACxE,CAAC;gBAAC,OAAO,GAAG,EAAE,CAAC;oBACX,GAAG,EAAE,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;gBAC3C,CAAC;gBACD,MAAM;YACV,CAAC;YACD,KAAK,gBAAgB,CAAC,CAAC,CAAC;gBACpB,IAAI,CAAC;oBACD,IAAI,CAAC,YAAY,GAAG,IAAA,8BAAa,EAAC,IAAI,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CAAC;gBACxE,CAAC;gBAAC,OAAO,GAAG,EAAE,CAAC;oBACX,GAAG,EAAE,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;gBAC3C,CAAC;gBACD,MAAM;YACV,CAAC;YACD,KAAK,UAAU,CAAC,CAAC,CAAC;gBACd,MAAM,QAAQ,GAAG,QAAQ,EAAE,WAAW,EAAE,CAAC;gBACzC,QAAQ,QAAQ,EAAE,CAAC;oBACf,KAAK,8BAAmB,CAAC,SAAS,CAAC;oBACnC,KAAK,8BAAmB,CAAC,MAAM,CAAC;oBAChC,KAAK,8BAAmB,CAAC,WAAW;wBAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;wBACzB,MAAM;oBACV;wBACI,GAAG,EAAE,IAAI,CAAC,gCAAgC,EAAE,QAAQ,CAAC,CAAC;wBACtD,MAAM;gBACd,CAAC;gBACD,MAAM;YACV,CAAC;YACD,KAAK,WAAW,CAAC,CAAC,CAAC;gBACf,MAAM,SAAS,GAAG,QAAQ,EAAE,WAAW,EAAE,CAAC;gBAC1C,QAAQ,SAAS,EAAE,CAAC;oBAChB,KAAK,gCAAqB,CAAC,WAAW;wBAClC,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC;wBAChC,MAAM;oBACV,KAAK,gCAAqB,CAAC,MAAM;wBAC7B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;wBAC3B,MAAM;oBACV,KAAK,gCAAqB,CAAC,aAAa,CAAC;oBACzC,KAAK,gCAAqB,CAAC,QAAQ;wBAC/B,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC;wBAClC,MAAM;oBACV;wBACI,GAAG,EAAE,IAAI,CAAC,wCAAwC,EAAE,QAAQ,CAAC,CAAC;wBAC9D,MAAM;gBACd,CAAC;gBACD,MAAM;YACV,CAAC;YACD,KAAK,WAAW,CAAC,CAAC,CAAC;gBACf,MAAM,QAAQ,GAAG,QAAQ,EAAE,WAAW,EAAE,CAAC;gBACzC,QAAQ,QAAQ,EAAE,CAAC;oBACf,KAAK,gBAAQ,CAAC,IAAI,CAAC;oBACnB,KAAK,gBAAQ,CAAC,OAAO;wBACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;wBACzB,MAAM;oBACV;wBACI,GAAG,EAAE,IAAI,CAAC,iCAAiC,EAAE,QAAQ,CAAC,CAAC;wBACvD,MAAM;gBACd,CAAC;gBACD,MAAM;YACV,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACN,MAAM,QAAQ,GAAG,IAA0B,CAAC;gBAC5C,IAAI,4BAAiB,CAAC,sBAAsB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAC9D,MAAM,KAAK,CAAC,4BAA4B,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC;gBAChF,CAAC;gBACD,MAAM;YACV,CAAC;QACL,CAAC;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC;YAC3B,GAAG,EAAE,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAC1D,OAAO;QACX,CAAC;aAAM,CAAC;YACJ,GAAG,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC;QACpC,CAAC;QACD,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,GAAG,EAAE,KAAK,CACN,6EAA6E,EAC7E,KAAK,EACL,IAAI,CAAC,KAAK,CACb,CAAC;YACF,OAAO;QACX,CAAC;QACD,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,GAAG,EAAE,KAAK,CAAC,4BAA4B,IAAI,WAAW,CAAC,CAAC;YACxD,MAAO,IAA2C,CAAC,MAAM,EAAE,CAAC;QAChE,CAAC;IACL,CAAC;IAEM,KAAK,CAAC,iBAAiB;QAC1B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAChD,GAAG,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAC/B,KAAK,CAAC,kBAAkB,EAAE,CAAC;QAC3B,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACrB,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC;YAC1B,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;YACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;gBACvB,GAAG,EAAE,KAAK,CAAC,+DAA+D,CAAC,CAAC;gBAC5E,OAAO;YACX,CAAC;YACD,GAAG,EAAE,KAAK,CAAC,kCAAkC,CAAC,CAAC;YAC/C,MAAO,IAA2C,CAAC,MAAM,EAAE,CAAC;QAChE,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,4DAA4D,CAAC,CAAC;QACjF,CAAC;IACL,CAAC;IAEM,oBAAoB;QACvB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,CAAC;QACjC,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;YACrC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YAC9C,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;QACrC,CAAC;IACL,CAAC;IAEM,KAAK,CAAC,MAAM;QACf,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACxE,GAAG,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QAChC,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;YACrC,GAAG,EAAE,KAAK,CAAC,4BAA4B,CAAC,CAAC;YACzC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAClD,CAAC;QACD,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE;YACpD,GAAG,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;YAC1C,MAAM,SAAS,GAAG,GAAG,EAAE,IAAI,EAAE,CAAC,iBAAiB,CAAC,CAAC;YACjD,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,CAAC;YACjC,MAAM,KAAK,GAAG,IAAI,4BAAiB,EAAE,CAAC;YACtC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;YAEhC,MAAM,EACF,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,sBAAsB,EACtB,wBAAwB,EACxB,cAAc,EACjB,GAAG,IAAI,CAAC,GAAG,CAAC;YAEb,MAAM,QAAQ,GAAG,IAAA,oBAAS,EAAC,GAAG,EAAE;gBAC5B,GAAG,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;gBAC/B,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;qBACpC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC;qBAC/B,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC;qBAC3B,gBAAgB,CAAC,aAAa,EAAE,CAAC;qBACjC,KAAK,EAAE,CAAC;gBACb,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACpB,KAAK,8BAAmB,CAAC,MAAM;wBAC3B,GAAG,EAAE,KAAK,CAAC,0BAA0B,CAAC,CAAC;wBACvC,OAAO,mBAAmB,CAAC;4BACvB,IAAI,EAAE,IAAI,CAAC,SAAS;yBACvB,EAAE,OAAO,CAAC,CAAC;oBAChB,KAAK,8BAAmB,CAAC,SAAS;wBAC9B,GAAG,EAAE,KAAK,CAAC,6BAA6B,CAAC,CAAC;wBAC1C,OAAO,sBAAsB,CAAC,OAAO,CAAC,CAAC;oBAC3C,KAAK,8BAAmB,CAAC,WAAW;wBAChC,GAAG,EAAE,KAAK,CAAC,+BAA+B,CAAC,CAAC;wBAC5C,OAAO,wBAAwB,CAAC;4BAC5B,IAAI,EAAE,IAAI,CAAC,SAAS;yBACvB,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC3B;wBACI,OAAO,IAAA,cAAG,EAAC,IAAI,sCAA2B,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACnE,CAAC;YACL,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACf,GAAG,EAAE,KAAK,CAAC,2BAA2B,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACxD,OAAO;YACX,CAAC;YACD,GAAG,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;YAChC,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAClE,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC;gBAC9C,CAAC,CAAC;oBACE,IAAI,EAAE,UAAU;iBACnB;gBACD,CAAC,CAAC;oBACE,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,IAAI,CAAC,QAAQ;iBACvB,EACL,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,YAAY,CACpB,CAAC;YACF,GAAG,EAAE,IAAI,CAAC,2BAA2B,CAAC,CAAC;YAEvC,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;gBACd,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC1B,OAAO;YACX,CAAC;YACD,IAAI,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,CAAC;gBACpC,GAAG,EAAE,IAAI,CAAC,8BAA8B,CAAC,CAAC;gBAC1C,OAAO;YACX,CAAC;YAED,SAAS,EAAE,EAAE,CAAC;YACd,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAEhE,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YAC3B,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC/C,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACf,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAA,yBAAiB,EAAC,WAAW,EAAE;oBACnD,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,UAAU,EAAE,IAAI,CAAC,UAAU;oBAC3B,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE;oBACtC,GAAG,CAAC,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC;oBAC1F,GAAG,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;oBAC9E,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;iBAC1B,CAAC,CAAC,CAAC;YACR,CAAC;YACD,MAAM,cAAc,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAClD,IAAI,CAAC,cAAc,CAAC,EAAE,EAAE,CAAC;gBACrB,GAAG,EAAE,KAAK,CAAC,+BAA+B,EAAE,cAAc,CAAC,CAAC;gBAC5D,IAAI,CAAC,MAAM,EAAE,CAAC;YAClB,CAAC;YACD,GAAG,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;YACtC,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAChC,CAAC,EACD,6BAAkB,CACjB,CAAC;IACN,CAAC;CACJ;AA5RD,4CA4RC"}

package/lib/cjs/components/Creative.js

@@ -0,0 +1,290 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreativeComponent = exports.DEBOUNCE_THRESHOLD = exports.AttributeValOrThrow = exports.RecommenderTypeInputs = exports.ProductFeedStrategy = void 0;
+const ads_core_1 = require("@surfside/ads-core");
+const Attributes_1 = require("../util/Attributes");
+exports.ProductFeedStrategy = {
+    Sponsored: 'sponsored',
+    Hybrid: 'hybrid',
+    Recommended: 'recommended'
+};
+exports.RecommenderTypeInputs = {
+    TopProducts: 'top-products',
+    ForYou: 'for-you',
+    BuyAgain: 'buy-again',
+    PastPurchases: 'past-purchases'
+};
+const AttributeValOrThrow = (element, attribute, value) => {
+    if (value !== null) {
+        return value;
+    }
+    throw new Attributes_1.AttributeNotFoundError(element, attribute);
+};
+exports.AttributeValOrThrow = AttributeValOrThrow;
+exports.DEBOUNCE_THRESHOLD = 10;
+;
+class CreativeComponent extends HTMLElement {
+    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();
+    };
+    /* Re-auction timer state. Paused while the window is blurred or the document is hidden */
+    _reauctionTimer;
+    _reauctionCallback;
+    _reauctionRemainingMs = 0;
+    _reauctionStartedAt = 0;
+    _windowBlurred = false;
+    _initApi;
+    _getUserId;
+    logger;
+    isDebug;
+    _blurCallback = () => {
+        this._windowBlurred = true;
+        this.pauseReauction();
+    };
+    _focusCallback = () => {
+        this._windowBlurred = false;
+        this.resumeReauction();
+    };
+    _visibilityChangeCallback = () => {
+        if (globalThis.document.visibilityState === 'hidden') {
+            this.pauseReauction();
+        }
+        else {
+            this.resumeReauction();
+        }
+    };
+    constructor({ initApi, getUserId, logger, isDebug }) {
+        super();
+        this._initApi = initApi;
+        this._getUserId = getUserId;
+        this.logger = logger;
+        this.isDebug = isDebug;
+        this._instanceId = crypto.randomUUID();
+        this.shadow = this.attachShadow({ mode: 'open' });
+        this.log = (0, ads_core_1.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);
+        globalThis.window.addEventListener('blur', this._blurCallback);
+        globalThis.window.addEventListener('focus', this._focusCallback);
+        globalThis.document.addEventListener('visibilitychange', this._visibilityChangeCallback);
+    }
+    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 = (0, ads_core_1.GetValue)((0, Attributes_1.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 = (0, ads_core_1.GetValue)((0, Attributes_1.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 and focus listeners');
+        globalThis.window.removeEventListener('monkeyHistoryReplace', this._monkeyHistoryReplaceCallback);
+        globalThis.window.removeEventListener('popstate', this._monkeyHistoryReplaceCallback);
+        globalThis.window.removeEventListener('blur', this._blurCallback);
+        globalThis.window.removeEventListener('focus', this._focusCallback);
+        globalThis.document.removeEventListener('visibilitychange', this._visibilityChangeCallback);
+        this.clearReauction();
+    }
+    reauctionPaused() {
+        return this._windowBlurred || globalThis.document.visibilityState === 'hidden';
+    }
+    /**
+     * Schedules `callback` to run after `intervalMs`, replacing any pending re-auction.
+     * The countdown is paused while the window is blurred or the document is hidden, and
+     * resumes with the remaining time once the page regains focus.
+     */
+    scheduleReauction(callback, intervalMs) {
+        this.clearReauction();
+        this._reauctionCallback = callback;
+        this._reauctionRemainingMs = intervalMs;
+        if (this.reauctionPaused()) {
+            this.log?.info('Page is blurred or hidden. Re-auction paused until it regains focus');
+            return;
+        }
+        this.startReauctionTimer();
+    }
+    clearReauction() {
+        if (this._reauctionTimer !== undefined) {
+            globalThis.clearTimeout(this._reauctionTimer);
+        }
+        this._reauctionTimer = undefined;
+        this._reauctionCallback = undefined;
+    }
+    startReauctionTimer() {
+        const callback = this._reauctionCallback;
+        if (callback === undefined || this._reauctionTimer !== undefined) {
+            return;
+        }
+        this._reauctionStartedAt = Date.now();
+        this._reauctionTimer = globalThis.setTimeout(() => {
+            this._reauctionTimer = undefined;
+            this._reauctionCallback = undefined;
+            callback();
+        }, this._reauctionRemainingMs);
+    }
+    pauseReauction() {
+        if (this._reauctionTimer === undefined) {
+            return;
+        }
+        globalThis.clearTimeout(this._reauctionTimer);
+        this._reauctionTimer = undefined;
+        this._reauctionRemainingMs = Math.max(this._reauctionRemainingMs - (Date.now() - this._reauctionStartedAt), 0);
+        this.log?.info('Pausing re-auction', { remainingMs: this._reauctionRemainingMs });
+    }
+    resumeReauction() {
+        if (this._reauctionCallback === undefined || this.reauctionPaused()) {
+            return;
+        }
+        this.log?.info('Resuming re-auction', { remainingMs: this._reauctionRemainingMs });
+        this.startReauctionTimer();
+    }
+    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 = (0, ads_core_1.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 = (0, ads_core_1.GetValue)((0, Attributes_1.ReadAttribute)(this, 'account-id')) ?? this.accountId;
+        this.siteId = (0, ads_core_1.GetValue)((0, Attributes_1.ReadAttribute)(this, 'site-id')) ?? this.siteId;
+        this.locationId = (0, ads_core_1.GetValue)((0, ads_core_1.First)((0, Attributes_1.ReadAttribute)(this, 'location-id'), (0, Attributes_1.ReadAttribute)(this, 'store-id'))) ?? this.locationId;
+        this.channelId = (0, ads_core_1.GetValue)((0, Attributes_1.ReadAttribute)(this, 'channel-id')) ?? this.channelId;
+        this.zoneId = (0, ads_core_1.GetValue)((0, ads_core_1.First)((0, Attributes_1.ReadAttribute)(this, 'zone-id'), (0, Attributes_1.ReadAttribute)(this, 'placement-id'))) ?? this.zoneId;
+        this.category = (0, ads_core_1.GetValue)((0, Attributes_1.ReadAttribute)(this, 'category'))
+            ?.split(',')
+            .map(k => k.trim())
+            ?? this.category ?? [this.api?.configuration.category];
+        log?.info('category', this.category);
+        this.keywords = (0, ads_core_1.GetValue)((0, Attributes_1.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);
+    }
+}
+exports.CreativeComponent = CreativeComponent;
+//# sourceMappingURL=Creative.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Creative.js","sourceRoot":"../@surfside-ads/","sources":["components/Creative.ts"],"names":[],"mappings":";;;AAAA,iDAS4B;AAC5B,mDAA2E;AA8B9D,QAAA,mBAAmB,GAAG;IAC/B,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,aAAa;CACpB,CAAC;AAEE,QAAA,qBAAqB,GAAG;IACjC,WAAW,EAAE,cAAc;IAC3B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,WAAW;IACrB,aAAa,EAAE,gBAAgB;CAClC,CAAC;AAEK,MAAM,mBAAmB,GAAG,CAAC,OAAgB,EAAE,SAAiB,EAAE,KAAoB,EAAE,EAAE;IAC7F,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACjB,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,MAAM,IAAI,mCAAsB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACzD,CAAC,CAAC;AALW,QAAA,mBAAmB,uBAK9B;AAEW,QAAA,kBAAkB,GAAG,EAAE,CAAC;AAOpC,CAAC;AAEF,MAAsB,iBAAkB,SAAQ,WAAW;IAC7C,SAAS,CAAqB;IAC9B,MAAM,CAAqB;IAC3B,UAAU,CAAqB;IAC/B,SAAS,CAAqB;IAC9B,MAAM,CAAqB;IAC3B,QAAQ,GAAa,EAAE,CAAC;IACxB,QAAQ,GAAa,EAAE,CAAC;IAExB,MAAM,CAAa;IACnB,GAAG,CAAmB;IACtB,GAAG,CAAkB;IAE/B,mCAAmC;IACzB,KAAK,CAAqB;IAC5B,UAAU,CAAc;IACtB,oBAAoB,CAAa;IAE3C,2CAA2C;IACnC,WAAW,CAAS;IAC5B,IAAc,UAAU;QACpB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAEgB,6BAA6B,GAAG,GAAG,EAAE;QAClD,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,uCAAuC,CAAC,CAAC;QACxD,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,0FAA0F;IAClF,eAAe,CAAwB;IACvC,kBAAkB,CAA2B;IAC7C,qBAAqB,GAAG,CAAC,CAAC;IAC1B,mBAAmB,GAAG,CAAC,CAAC;IACxB,cAAc,GAAG,KAAK,CAAC;IAEvB,QAAQ,CAAU;IAClB,UAAU,CAAc;IAChC,MAAM,CAAW;IACE,OAAO,CAAU;IAEnB,aAAa,GAAG,GAAG,EAAE;QAClC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,cAAc,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEe,cAAc,GAAG,GAAG,EAAE;QACnC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,eAAe,EAAE,CAAC;IAC3B,CAAC,CAAC;IAEe,yBAAyB,GAAG,GAAG,EAAE;QAC9C,IAAI,UAAU,CAAC,QAAQ,CAAC,eAAe,KAAK,QAAQ,EAAE,CAAC;YACnD,IAAI,CAAC,cAAc,EAAE,CAAC;QAC1B,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,eAAe,EAAE,CAAC;QAC3B,CAAC;IACL,CAAC,CAAC;IAEF,YAAY,EACR,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EACN;QAC7B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACvC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,GAAG,GAAG,IAAA,cAAG,EAAC,MAAM,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACtD,IAAI,CAAC,oBAAoB,GAAG,GAAG,EAAE;YAC7B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;gBAChC,IAAI,CAAC,UAAU,EAAE,CAAC;YACtB,CAAC;YACD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;QACvE,CAAC,CAAC;QACF,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAEM,iBAAiB;QACpB,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC/F,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,6BAA6B,CAAC,CAAC;QACnF,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/D,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACjE,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;IAC7F,CAAC;IAIS,MAAM,KAAK,sBAAsB;QACvC,OAAO;YACH,YAAY;YACZ,SAAS;YACT,aAAa;YACb,YAAY;YACZ,SAAS;YACT,UAAU;YACV,UAAU;SACb,CAAC;IACN,CAAC;IAES,sBAAsB;QAC5B,OAAO;YACH,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SAC1B,CAAC;IACN,CAAC;IAES,gBAAgB;QACtB,OAAO,CACH,IAAI,CAAC,SAAS,KAAK,SAAS;YAC5B,IAAI,CAAC,MAAM,KAAK,SAAS;YACzB,IAAI,CAAC,SAAS,KAAK,SAAS;YAC5B,IAAI,CAAC,UAAU,KAAK,SAAS;YAC7B,IAAI,CAAC,MAAM,KAAK,SAAS;YACzB,IAAI,CAAC,QAAQ,KAAK,SAAS;YAC3B,IAAI,CAAC,QAAQ,KAAK,SAAS;YAC3B,IAAI,CAAC,SAAS,KAAK,IAAI;YACvB,IAAI,CAAC,MAAM,KAAK,IAAI;YACpB,IAAI,CAAC,SAAS,KAAK,IAAI;YACvB,IAAI,CAAC,UAAU,KAAK,IAAI;YACxB,IAAI,CAAC,MAAM,KAAK,IAAI;YACpB,IAAI,CAAC,QAAQ,KAAK,IAAI;YACtB,IAAI,CAAC,QAAQ,KAAK,IAAI,CACzB,CAAC;IACN,CAAC;IAES,KAAK,CAAC,WAAW;QACvB,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC;YACpD,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,CAAC;IACL,CAAC;IAES,KAAK,CAAC,4BAA4B,CACxC,GAAuB,EACvB,QAAuB,EACvB,QAAuB,EACvB,MAAuB;QAEvB,MAAM,GAAG,GAAG,MAAM,EAAE,IAAI,CAAC,8BAA8B,CAAC,CAAC;QACzD,GAAG,EAAE,IAAI,CAAC,0DAA0D,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC/F,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,QAAQ,GAAG,EAAE,CAAC;YACV,KAAK,YAAY;gBACb,IAAI,CAAC,SAAS,GAAG,QAAQ,IAAI,SAAS,CAAC;gBACvC,MAAM,GAAG,IAAI,CAAC;gBACd,GAAG,EAAE,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;gBACzC,MAAM;YACV,KAAK,SAAS;gBACV,IAAI,CAAC,MAAM,GAAG,QAAQ,IAAI,SAAS,CAAC;gBACpC,MAAM,GAAG,IAAI,CAAC;gBACd,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;gBACnC,MAAM;YACV,KAAK,aAAa;gBACd,IAAI,CAAC,UAAU,GAAG,QAAQ,IAAI,SAAS,CAAC;gBACxC,MAAM,GAAG,IAAI,CAAC;gBACd,GAAG,EAAE,KAAK,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,YAAY;gBACb,IAAI,CAAC,SAAS,GAAG,QAAQ,IAAI,SAAS,CAAC;gBACvC,MAAM,GAAG,IAAI,CAAC;gBACd,GAAG,EAAE,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;gBACzC,MAAM;YACV,KAAK,SAAS;gBACV,IAAI,CAAC,MAAM,GAAG,QAAQ,IAAI,SAAS,CAAC;gBACpC,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;gBACnC,MAAM;YACV,KAAK,UAAU;gBACX,IAAI,CAAC,QAAQ,GAAG,IAAA,mBAAQ,EAAC,IAAA,0BAAa,EAAC,IAAI,EAAE,UAAU,CAAC,CAAC;oBACrD,EAAE,KAAK,CAAC,GAAG,CAAC;qBACX,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;uBAChB,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC3D,GAAG,EAAE,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,UAAU;gBACX,IAAI,CAAC,QAAQ,GAAG,IAAA,mBAAQ,EAAC,IAAA,0BAAa,EAAC,IAAI,EAAE,UAAU,CAAC,CAAC;oBACrD,EAAE,KAAK,CAAC,GAAG,CAAC;qBACX,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;uBAChB,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;gBAC3B,GAAG,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACtC,MAAM;QACd,CAAC;QAED,IAAI,MAAM,EAAE,CAAC;YACT,GAAG,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;YACjC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,CAAC;IACL,CAAC;IAEM,oBAAoB;QACvB,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,4DAA4D,CAAC,CAAC;QAC7E,UAAU,CAAC,MAAM,CAAC,mBAAmB,CAAC,sBAAsB,EAAE,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAClG,UAAU,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,6BAA6B,CAAC,CAAC;QACtF,UAAU,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAClE,UAAU,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACpE,UAAU,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC5F,IAAI,CAAC,cAAc,EAAE,CAAC;IAC1B,CAAC;IAEO,eAAe;QACnB,OAAO,IAAI,CAAC,cAAc,IAAI,UAAU,CAAC,QAAQ,CAAC,eAAe,KAAK,QAAQ,CAAC;IACnF,CAAC;IAED;;;;OAIG;IACO,iBAAiB,CAAC,QAAoB,EAAE,UAAkB;QAChE,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC;QACnC,IAAI,CAAC,qBAAqB,GAAG,UAAU,CAAC;QACxC,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC;YACzB,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,qEAAqE,CAAC,CAAC;YACtF,OAAO;QACX,CAAC;QACD,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC/B,CAAC;IAES,cAAc;QACpB,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;YACrC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAClD,CAAC;QACD,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;QACjC,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC;IACxC,CAAC;IAEO,mBAAmB;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC;QACzC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;YAC/D,OAAO;QACX,CAAC;QACD,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACtC,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,EAAE;YAC9C,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;YACjC,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC;YACpC,QAAQ,EAAE,CAAC;QACf,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACnC,CAAC;IAEO,cAAc;QAClB,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;YACrC,OAAO;QACX,CAAC;QACD,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC9C,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;QACjC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,GAAG,CACjC,IAAI,CAAC,qBAAqB,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,mBAAmB,CAAC,EACpE,CAAC,CACJ,CAAC;QACF,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;IACtF,CAAC;IAEO,eAAe;QACnB,IAAI,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC;YAClE,OAAO;QACX,CAAC;QACD,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,qBAAqB,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;QACnF,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC/B,CAAC;IAES,KAAK,CAAC,OAAO;QACnB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,GAAG,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC9B,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;QACvC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAEhF,IACI,IAAI,CAAC,SAAS,KAAK,SAAS;YAC5B,IAAI,CAAC,MAAM,KAAK,SAAS;YACzB,IAAI,CAAC,SAAS,KAAK,SAAS;YAC5B,IAAI,CAAC,UAAU,KAAK,SAAS,EAC/B,CAAC;YACC,GAAG,EAAE,IAAI,CAAC,wCAAwC,CAAC,CAAC;YACpD,OAAO;QACX,CAAC;QACD,GAAG,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACnC,IAAI,CAAC,GAAG,GAAG,IAAA,0BAAe,EAAC,MAAM,IAAI,CAAC,QAAQ,CAC1C,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,UAAU,EACf,MAAM,EACN,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAClC,CAAC,CAAC;IACP,CAAC;IAES,kBAAkB;QACxB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACjD,GAAG,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;QACrC,IAAI,CAAC,SAAS,GAAG,IAAA,mBAAQ,EAAC,IAAA,0BAAa,EAAC,IAAI,EAAE,YAAY,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC;QAC/E,IAAI,CAAC,MAAM,GAAG,IAAA,mBAAQ,EAAC,IAAA,0BAAa,EAAC,IAAI,EAAE,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC;QACtE,IAAI,CAAC,UAAU,GAAG,IAAA,mBAAQ,EAAC,IAAA,gBAAK,EAC5B,IAAA,0BAAa,EAAC,IAAI,EAAE,aAAa,CAAC,EAClC,IAAA,0BAAa,EAAC,IAAI,EAAE,UAAU,CAAC,CAClC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,IAAA,mBAAQ,EAAC,IAAA,0BAAa,EAAC,IAAI,EAAE,YAAY,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC;QAC/E,IAAI,CAAC,MAAM,GAAG,IAAA,mBAAQ,EAAC,IAAA,gBAAK,EACxB,IAAA,0BAAa,EAAC,IAAI,EAAE,SAAS,CAAC,EAC9B,IAAA,0BAAa,EAAC,IAAI,EAAE,cAAc,CAAC,CACtC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,IAAA,mBAAQ,EAAC,IAAA,0BAAa,EAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YACrD,EAAE,KAAK,CAAC,GAAG,CAAC;aACX,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;eAChB,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC3D,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrC,IAAI,CAAC,QAAQ,GAAG,IAAA,mBAAQ,EAAC,IAAA,0BAAa,EAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YACrD,EAAE,KAAK,CAAC,GAAG,CAAC;aACX,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;eAChB,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;QAC3B,GAAG,EAAE,KAAK,CACN,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,UAAU,EACf,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,QAAQ,CAChB,CAAC;IACN,CAAC;CACJ;AAtUD,8CAsUC"}

package/lib/cjs/components/Debug.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreateDebugButton = void 0;
+const CreateDebugButton = (type, args) => {
+    const container = globalThis.document.createElement('a');
+    container.style.position = 'absolute';
+    container.style.display = 'block';
+    container.style.background = 'rgba(0, 0, 0, 0.5)';
+    container.style.color = 'white';
+    container.style.fontFamily = 'monospace';
+    container.innerHTML = 'debug ››';
+    container.target = '_blank';
+    container.style.transform = 'translateY(-150%)';
+    container.style.zIndex = '999';
+    const parameters = Object.entries(args).map(([key, value]) => `${key}=${value}`).join('&');
+    container.href = `http://localhost:5173/#/${type}?${parameters}`;
+    return container;
+};
+exports.CreateDebugButton = CreateDebugButton;
+//# sourceMappingURL=Debug.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Debug.js","sourceRoot":"../@surfside-ads/","sources":["components/Debug.ts"],"names":[],"mappings":";;;AAEO,MAAM,iBAAiB,GAAG,CAAC,IAAmB,EAAE,IAA4B,EAAE,EAAE;IACnF,MAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzD,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IACtC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAClC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,oBAAoB,CAAC;IAClD,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC;IACzC,SAAS,CAAC,SAAS,GAAG,UAAU,CAAC;IACjC,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC;IAC5B,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAC;IAChD,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;IAE/B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE3F,SAAS,CAAC,IAAI,GAAG,2BAA2B,IAAI,IAAI,UAAU,EAAE,CAAC;IACjE,OAAO,SAAS,CAAC;AACrB,CAAC,CAAC;AAhBW,QAAA,iBAAiB,qBAgB5B"}