@surfside/ads-core-web 0.1.0 → 0.1.2

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,qBAAqB,EACrB,EAAE,GAIL,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,cAAc,EAAyB,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAuB,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAA4B,MAAM,yBAAyB,CAAC;AACtF,OAAO,EAAE,WAAW,EAAsB,MAAM,mBAAmB,CAAC;AAEpE,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAS1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,EACvC,WAA4C,EAChB,EAAE;IAC9B,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC;IACjC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC;QACb,OAAO,MAAM,CAAC;IAClB,CAAC;IAED,MAAM,EACF,MAAM,EACN,aAAa,EACb,MAAM,EACN,GAAG,EACH,2BAA2B,EAC3B,SAAS,EACZ,GAAG,MAAM,CAAC,KAAK,CAAC;IAEjB,2BAA2B,CAAC,EAAE,CAAC,CAAC;IAEhC,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAC1D,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,EAC9D,aAAa,CAAC,SAAS,CAAC,qBAAqB,EAC7C,aAAa,CAAC,SAAS,CAAC,mBAAmB,EAC3C,2BAA2B,CAC9B,CAAC;IACF,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,EACxD,2BAA2B,EAC3B,aAAa,CAAC,QAAQ,CAAC,kBAAkB,KAAK,IAAI,EAClD,aAAa,CAAC,SAAS,CAAC,qBAAqB,EAC7C,aAAa,CAAC,SAAS,CAAC,kBAAkB,EAC1C,aAAa,CAAC,SAAS,CAAC,mBAAmB,CAC9C,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE1F,OAAO,EAAE,CAAC;QACN,GAAG,MAAM,CAAC,KAAK;QACf,YAAY;QACZ,iBAAiB;QACjB,cAAc;QACd,WAAW;KACd,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,EAC/B,SAAiB,EACjB,MAAc,EACd,SAAiB,EACjB,UAAkB,EAClB,MAA0B,EAC1B,MAAgB,EACY,EAAE;IAC9B,OAAO,sBAAsB,CAAC,qBAAqB,CAC/C,SAAS,EACT,MAAM,EACN,SAAS,EACT,UAAU,EACV,MAAM,EACN,MAAM,CACT,CAAC,CAAC;AACP,CAAC,CAAC"}

package/lib/esm/rendering/Banner.js

@@ -0,0 +1,88 @@
+import { Ctx, Err, Ok } from '@surfside/ads-core';
+import { ReplaceWith, Template } from './Framework';
+import { RenderWatermark } from './Watermark';
+import { PixelTracker } from '../helpers/Trackers';
+export const RenderBanner = (logger, builtBanner) => {
+    const log = Ctx(logger)?.with('RenderBanner');
+    log?.info('Rendering banner');
+    log?.debug(builtBanner);
+    /* Create container dom element */
+    const bannerContainer = document.createElement('div');
+    const shadow = bannerContainer.attachShadow({ mode: 'open' });
+    const creativeContainerRes = Template(log, 'surfside-banner', template, style);
+    if (!creativeContainerRes.ok) {
+        return creativeContainerRes;
+    }
+    const creativeContainer = creativeContainerRes.value;
+    shadow.appendChild(creativeContainer);
+    log?.debug('aspect', `${builtBanner.bid.w} / ${builtBanner.bid.h}`);
+    if (builtBanner.bid.w !== undefined && builtBanner.bid.h !== undefined) {
+        creativeContainer.style.aspectRatio = `${builtBanner.bid.w} / ${builtBanner.bid.h}`;
+    }
+    /* Create adm container */
+    const admContainerRes = Template(log, 'surfside-banner-adm', builtBanner.adm);
+    if (!admContainerRes.ok) {
+        return admContainerRes;
+    }
+    /* Replace adm container in template with new adm container */
+    const admRes = ReplaceWith(creativeContainer, '.surfside-banner-adm', admContainerRes.value);
+    if (!admRes.ok) {
+        return admRes;
+    }
+    /* Create Watermark */
+    const watermark = RenderWatermark(log);
+    if (!watermark.ok) {
+        return watermark;
+    }
+    /* Replace watermark container in template with new watermark container */
+    const watermarkRes = ReplaceWith(creativeContainer, '.surfside-banner-watermark', watermark.value);
+    if (!watermarkRes.ok) {
+        return watermarkRes;
+    }
+    const tracker = builtBanner.bid.nurl;
+    if (tracker === undefined) {
+        return Err(new MissingNurlError(builtBanner));
+    }
+    log?.debug('Appending banner win pixel', tracker);
+    creativeContainer.appendChild(PixelTracker(tracker));
+    return Ok(bannerContainer);
+};
+export class MissingNurlError extends Error {
+    bannerResponse;
+    constructor(bannerResponse) {
+        super('Missing win URL in banner - cannot render banner as it would result in uncounted impressions');
+        this.bannerResponse = bannerResponse;
+    }
+}
+;
+const template = `<div>
+    <div class="surfside-banner-adm">
+
+    </div>
+    <div class="surfside-banner-watermark">
+
+    </div>
+</div>
+`;
+const style = `.surfside-banner {
+    position: relative;
+    display: inline-block;
+    overflow: hidden;
+    max-width: 100%;
+    height: auto;
+    width: 100%;
+}
+
+.surfside-banner-adm {
+    display: flex;
+
+    a {
+        width: 100%;
+
+        img {
+            width: 100%;
+            height: auto;
+        }
+    }
+}`;
+//# sourceMappingURL=Banner.js.map

package/lib/esm/rendering/Banner.js.map

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

package/lib/esm/rendering/Carousel.js

@@ -0,0 +1,344 @@
+import { ConsumeNAsync, Ctx, Err, Ok, } from '@surfside/ads-core-client';
+import { RenderProductCard } from './ProductCard';
+import { GetNumberAttributeOr } from '../helpers/Dom';
+import { Template } from './Framework';
+;
+;
+;
+export const RenderCarousel = async (logger, evaluateProductCardTemplate, sponsoredByEnabled, productCardStylesheet, carouselStylesheet, callbacks, carousel, cardMinWidth, carouselLimits, nextType) => {
+    const log = Ctx(logger)?.with('RenderCarousel');
+    log?.info('Rendering Carousel', cardMinWidth, carouselLimits);
+    const container = Template(log, 'surf-carousel', template, style + '\n' + carouselStylesheet);
+    if (!container.ok) {
+        return container;
+    }
+    log?.debug(container.value.outerHTML);
+    const rightArrow = container.value.querySelector('.arrow.right') ?? null;
+    const leftArrow = container.value.querySelector('.arrow.left') ?? null;
+    const items = container.value.querySelector('.items') ?? null;
+    if (rightArrow === null || leftArrow === null || items === null) {
+        return Err(new MalformedCarouselError(container.value));
+    }
+    const carouselState = {
+        element: container.value,
+        init: async () => {
+            const firstPage = await handleNextPage(log, evaluateProductCardTemplate, sponsoredByEnabled, productCardStylesheet, callbacks, container.value, items, cardMinWidth, carouselLimits, nextType, generator);
+            if (!firstPage.ok) {
+                return firstPage;
+            }
+            else if (firstPage.value.length === 0) {
+                log?.info('First page was empty!');
+                return Err(new EmptyFirstPageError(container.value));
+            }
+            log?.info('First page not empty', firstPage);
+            return Ok(true);
+        }
+    };
+    const generator = carousel.getProduct();
+    rightArrow.addEventListener('click', () => {
+        handleNextPage(log, evaluateProductCardTemplate, sponsoredByEnabled, productCardStylesheet, callbacks, container.value, items, cardMinWidth, carouselLimits, nextType, generator);
+    });
+    leftArrow.addEventListener('click', () => {
+        handleBackPage(log, sponsoredByEnabled, container.value, items, cardMinWidth);
+    });
+    return Ok(carouselState);
+};
+const addItems = (logger, stylesheet, callbacks, evaluateProductCardTemplate, items, itemsDiv, minWidth) => {
+    const log = Ctx(logger)?.with('addItems');
+    log?.info('Adding items to carousel', items.length);
+    const renderedCards = [];
+    for (const item of items) {
+        const productCard = RenderProductCard(log, stylesheet, callbacks, evaluateProductCardTemplate, item);
+        if (!productCard.ok) {
+            log?.warn('Failed to render product card, skipping', productCard.error);
+            continue;
+        }
+        log?.debug('Rendering card', productCard.value.outerHTML);
+        const cardIndex = itemsDiv.children.length;
+        productCard.value.classList.add(`card-${cardIndex}`);
+        productCard.value.classList.add('surf-product-card');
+        productCard.value.style.width = `${minWidth}px`;
+        itemsDiv.appendChild(productCard.value);
+        renderedCards.push(item);
+    }
+    return renderedCards;
+};
+const handleNextPage = async (logger, evaluateProductCardTemplate, sponsoredByEnabled, stylesheet, callbacks, rootElement, itemsDiv, cardMinWidth, carouselLimits, nextType, carouselGenerator) => {
+    const log = Ctx(logger)?.with('handleNextPage');
+    log?.info('Handling next page request');
+    log?.debug(cardMinWidth, carouselLimits);
+    /* Get the card which the carousel is currently scrolled to (i.e, the left-most card) */
+    const currentIndex = GetNumberAttributeOr(itemsDiv, 'current-index', 0);
+    /* Get the total number of cards which have been rendered so far */
+    const totalRendered = itemsDiv.childElementCount;
+    log?.debug('currentIndex', currentIndex);
+    log?.debug('totalRendered', totalRendered);
+    /* Calculate how many cards fit into view currently */
+    const slotsAvailable = Math.ceil(rootElement.clientWidth / cardMinWidth);
+    log?.debug('slotsAvailable', slotsAvailable);
+    /* Calculate the total number of cards which have already been rendered to the RIGHT of the current page */
+    const totalSlotsRenderedAfterThisPage = Math.max(0, Math.min(totalRendered, totalRendered - (currentIndex + slotsAvailable)));
+    logger?.table({
+        clientWidth: itemsDiv.clientWidth,
+        currentIndex,
+        totalRendered,
+        slotsAvailable,
+        totalSlotsRenderedAfterThisPage
+    });
+    const numberOfCardsToAdd = Math.max(0, (() => {
+        /* NextType = product means only request a single product */
+        if (nextType === 'product') {
+            return 1;
+        }
+        else if (carouselLimits.type === 'infinite') {
+            /* If infinite, that means we don't need to calculate how many slots are still available to fill,
+             * just request a whole page */
+            log?.debug('Infinite scroll, use slots available');
+            return slotsAvailable;
+        }
+        else {
+            /* If 'limited', we need to calculate how many slots are still available in the entire carousel */
+            const slotsRemaining = carouselLimits.limit - totalRendered;
+            return Math.min(slotsRemaining, slotsAvailable);
+        }
+    })() - totalSlotsRenderedAfterThisPage); /* Finally, remove the slots which have already been rendered within the
+                                              * next visible page scroll */
+    log?.debug('numberOfCardsToAdd', numberOfCardsToAdd);
+    const slotsVisible = Math.floor(rootElement.clientWidth / cardMinWidth);
+    if (numberOfCardsToAdd === 0) {
+        /* Scroll either to the calculated next page index, or to the last page, depending on which is smaller */
+        log?.info('No new cards requested');
+        log?.info('slotsVisible', slotsVisible);
+        const nextCardToScrollTo = Math.max(0, Math.min(totalRendered - slotsVisible, currentIndex + slotsVisible));
+        scrollTo(log, itemsDiv, nextCardToScrollTo);
+        checkSponsored(log, sponsoredByEnabled, rootElement, itemsDiv, nextCardToScrollTo, cardMinWidth);
+        return Ok([]);
+    }
+    const [builtProducts] = await ConsumeNAsync(carouselGenerator, numberOfCardsToAdd);
+    const nextCardToScrollTo = Math.min(currentIndex + slotsVisible, itemsDiv.childElementCount);
+    log?.info('Adding cards and scrolling!', numberOfCardsToAdd, builtProducts);
+    log?.info('builtProducts', builtProducts);
+    const items = addItems(log, stylesheet, callbacks, evaluateProductCardTemplate, builtProducts, itemsDiv, cardMinWidth);
+    scrollTo(log, itemsDiv, nextCardToScrollTo);
+    checkSponsored(log, sponsoredByEnabled, rootElement, itemsDiv, nextCardToScrollTo, cardMinWidth);
+    return Ok(items);
+};
+const handleBackPage = (logger, sponsoredByEnabled, rootElement, itemsDiv, cardMinWidth) => {
+    const log = Ctx(logger)?.with('handleBackPage');
+    log?.info('scrolling back');
+    const currentIndex = GetNumberAttributeOr(itemsDiv, 'current-index', 0);
+    const slotsInView = Math.floor(rootElement.clientWidth / cardMinWidth);
+    const nextIndex = Math.max(0, currentIndex - slotsInView);
+    scrollTo(log, itemsDiv, Math.max(0, currentIndex - slotsInView));
+    checkSponsored(log, sponsoredByEnabled, rootElement, itemsDiv, nextIndex, cardMinWidth);
+};
+const scrollTo = (logger, itemsDiv, index) => {
+    const log = Ctx(logger)?.with('scrollTo');
+    if (index === 0) {
+        log?.debug('Going back to origin');
+        itemsDiv.style.transform = 'translateX(0)';
+        itemsDiv.setAttribute('current-index', `${index}`);
+        return;
+    }
+    ;
+    log?.info(`Scrolling to item #${index}`);
+    const item = itemsDiv.querySelector(`.card-${index}`);
+    if (item === null) {
+        log?.warn(`Unable to scroll to .card-${index}: element does not exists`);
+        return;
+    }
+    const itemOffset = item.offsetLeft;
+    log?.info('itemOffset', itemOffset, item.clientWidth);
+    itemsDiv.setAttribute('current-index', `${index}`);
+    itemsDiv.style.transform = `translateX(calc(-${itemOffset}px + 37px))`;
+};
+const checkSponsored = (logger, sponsoredByEnabled, root, itemsDiv, index, cardMinWidth) => {
+    const log = Ctx(logger)?.with('checkSponsored');
+    log?.info('Checking sponsored tags');
+    const totalVisibleCards = Math.ceil(root.clientWidth / cardMinWidth);
+    const visibleCards = [];
+    for (let i = index; i < index + totalVisibleCards; i++) {
+        const card = itemsDiv.querySelector(`.card-${i}`);
+        if (card === null) {
+            break; // end of carousel, probably;
+        }
+        visibleCards.push(card);
+    }
+    const products = visibleCards
+        .map(card => card.productData)
+        .filter(product => product.sponsored);
+    const brands = new Set();
+    for (const product of products) {
+        brands.add(product.product.brandName ?? '');
+    }
+    const allSponsored = visibleCards.length === products.length;
+    log?.info('visibleCards', visibleCards.length, index);
+    const setTitle = (item, title, by) => {
+        item.classList.remove('sponsoredByMany');
+        item.classList.remove('sponsoredByOne');
+        item.classList.remove('recommended');
+        if (by !== undefined) {
+            item.innerHTML = by;
+        }
+        else {
+            item.innerHTML = '';
+        }
+        item.classList.add(title);
+    };
+    if (sponsoredByEnabled === true) {
+        log?.info('Attempting sponsoredBy title');
+        const sponsoredBy = root.querySelector('.sponsored-by');
+        if (sponsoredBy === null) {
+            log?.error('Could not find sponsored by element');
+            return;
+        }
+        if (allSponsored) {
+            log?.info('All products are sponsored');
+            visibleCards.forEach(card => {
+                card.shadowRoot
+                    ?.querySelector('.surf-product-card')
+                    ?.classList.remove('sponsored');
+            });
+            if (brands.size === 1) {
+                log?.info('All brands are the same');
+                setTitle(sponsoredBy, 'sponsoredByOne', [...brands.values()][0]);
+            }
+            else {
+                log?.info('Multiple brands', brands);
+                setTitle(sponsoredBy, 'sponsoredByMany');
+            }
+        }
+        else {
+            visibleCards.forEach(card => {
+                if (card.productData.sponsored) {
+                    card.shadowRoot
+                        ?.querySelector('.surf-product-card')
+                        ?.classList.add('sponsored');
+                }
+            });
+            setTitle(sponsoredBy, 'recommended');
+        }
+    }
+};
+export class MalformedCarouselError extends Error {
+    parent;
+    constructor(parent) {
+        super('Failed to construct carousel template! Missing child components');
+        this.parent = parent;
+    }
+}
+;
+export class EmptyFirstPageError extends Error {
+    parent;
+    constructor(parent) {
+        super('First page of carousel was empty. Returning nothing');
+        this.parent = parent;
+    }
+}
+;
+const template = `<div class="carousel-wrapper">
+    <div class="sponsored-by"></div>
+    <div class="surf-carousel">
+        <div class="items"></div>
+    </div>
+    <div class="arrows">
+        <div class="arrow left"></div>
+        <div class="arrow right"></div>
+    </div>
+</div>`;
+const style = `.surf-carousel {
+    width: 100%;
+    display: flex;
+    position: relative;
+    flex-grow: 1;
+
+    .sponsored-by {
+        font-family: 'Helvetica', Verdana, Geneva, Tahoma, sans-serif;
+        margin: 10px 0;
+        font-size: 24px;
+
+        &.sponsoredByOne::before {
+            content: 'Sponsored by ';
+        }
+
+        &.recommended::before {
+            content: 'Recommended';
+        }
+
+        &.sponsoredByMany::before {
+            content: 'Sponsored';
+        }
+    }
+
+    .items {
+        z-index: 1;
+        display: flex;
+        flex-direction: row;
+        flex-grow: 1;
+        flex-wrap: nowrap;
+        align-items: stretch;
+        padding: 0 37px;
+        box-sizing: border-box;
+        transition: transform 0.4s ease-out;
+
+        .surf-product-card {
+            flex: 1;
+            display: flex;
+            padding: 5px;
+            box-sizing: border-box;
+        }
+    }
+
+    
+}
+
+.arrows {
+
+    .arrow {
+        z-index: 2;
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 40px;
+        height: 40px;
+        display: flex;
+        background-color: rgba(0, 0, 0, 0.5);
+        margin: 0 1rem;
+        justify-content: center;
+        align-items: center;
+        border-radius: 50%;
+        cursor: pointer;
+        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2),
+                    0 2px 8px 0 rgba(0, 0, 0, 0.2);
+
+        &:hover {
+            background-color: rgba(0, 0, 0, 0.6);
+        }
+
+        &.left {
+            left: -10px;
+
+            &:before {
+                content: "";
+                background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none"><path stroke="%23fff" stroke-opacity=".9" stroke-width="2" d="M24 10 14 20l10 10"/></svg>')
+                no-repeat center;
+                width: 40px;
+                height: 40px;
+            }
+        }
+
+        &.right {
+            right: 0;
+
+            &:before {
+                content: "";
+                background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none"><path stroke="%23fff" stroke-opacity=".9" stroke-width="2" d="M16 30l10-10L16 10"/></svg>')
+                no-repeat center;
+                width: 40px;
+                height: 40px;
+            }
+
+        }
+    }
+}`;
+//# sourceMappingURL=Carousel.js.map

package/lib/esm/rendering/Carousel.js.map

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

package/lib/esm/rendering/Framework.js

@@ -0,0 +1,83 @@
+import { Ctx, Err, Ok } from '@surfside/ads-core';
+const BoundEvents = [
+    'click',
+    'mousemove',
+    'mouseover',
+    'mouseleave',
+    'mouseout',
+    'mouseup',
+    'mousedown',
+    'loadeddata',
+    'error',
+    'touchend',
+    'touchstart',
+    'touchmove'
+];
+;
+export const Template = (logger, className, template, style, callbacks) => {
+    const log = Ctx(logger)?.with('Template');
+    log?.info('Rendering Template');
+    try {
+        const wrapper = document.createElement('div');
+        wrapper.classList.add(className);
+        if (style !== undefined) {
+            const styleElement = document.createElement('style');
+            styleElement.innerHTML = style;
+            wrapper.appendChild(styleElement);
+        }
+        wrapper.innerHTML += template;
+        if (callbacks !== undefined) {
+            log?.info('Adding callbacks');
+            for (const eventName of BoundEvents) {
+                log?.info('Adding', eventName);
+                const eventNameSelector = `_${eventName}`;
+                const boundNodes = wrapper.querySelectorAll(`[${eventNameSelector}]`);
+                log?.info('boundNodes', boundNodes);
+                boundNodes.forEach(node => {
+                    log?.debug('binding node event ', eventNameSelector);
+                    const handlerName = node.getAttribute(eventNameSelector);
+                    if (handlerName === null) {
+                        log?.warn('Failed to bind handler - handlerName is null');
+                        return;
+                    }
+                    const handler = callbacks.callbacks[handlerName];
+                    if (handler === undefined) {
+                        log?.warn('Could not find handler ', handlerName, callbacks.callbacks);
+                        return;
+                    }
+                    log?.info('Added event ', eventNameSelector);
+                    node.addEventListener(eventName, e => handler(e, callbacks.product));
+                });
+            }
+        }
+        return Ok(wrapper);
+    }
+    catch (err) {
+        return Err(err);
+    }
+};
+export const QuerySelectorResult = (element, selector) => {
+    const child = element.querySelector(selector) ?? element.shadowRoot?.querySelector(selector) ?? null;
+    if (child === null) {
+        return Err(new MissingTemplateElementError(element, selector));
+    }
+    return Ok(child);
+};
+export const ReplaceWith = (parent, originalSelector, element) => {
+    const original = QuerySelectorResult(parent, originalSelector);
+    if (!original.ok) {
+        return original;
+    }
+    original.value.replaceWith(element);
+    return Ok(element);
+};
+export class MissingTemplateElementError extends Error {
+    parent;
+    selector;
+    constructor(parent, selector) {
+        super(`Missing child element "${selector}" on parent "${parent.tagName}"`);
+        this.parent = parent;
+        this.selector = selector;
+    }
+}
+//# sourceMappingURL=Framework.js.map

package/lib/esm/rendering/Framework.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Framework.js","sourceRoot":"src/","sources":["rendering/Framework.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAuE,MAAM,oBAAoB,CAAC;AAEvH,MAAM,WAAW,GAAG;IAChB,OAAO;IACP,WAAW;IACX,WAAW;IACX,YAAY;IACZ,UAAU;IACV,SAAS;IACT,WAAW;IACX,YAAY;IACZ,OAAO;IACP,UAAU;IACV,YAAY;IACZ,WAAW;CACd,CAAC;AAKD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CACpB,MAA2B,EAC3B,SAAiB,EACjB,QAAgB,EAChB,KAAc,EACd,SAAmC,EAChB,EAAE;IACrB,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1C,GAAG,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAEhC,IAAI,CAAC;QACD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAEjC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACtB,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACrD,YAAY,CAAC,SAAS,GAAG,KAAK,CAAC;YAE/B,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACtC,CAAC;QAED,OAAO,CAAC,SAAS,IAAI,QAAQ,CAAC;QAC9B,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC1B,GAAG,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC9B,KAAK,MAAM,SAAS,IAAI,WAAW,EAAE,CAAC;gBAClC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;gBAC/B,MAAM,iBAAiB,GAAG,IAAI,SAAS,EAAE,CAAC;gBAC1C,MAAM,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC,IAAI,iBAAiB,GAAG,CAAC,CAAC;gBACtE,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;gBACpC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACtB,GAAG,EAAE,KAAK,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,CAAC;oBACrD,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;oBACzD,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;wBACvB,GAAG,EAAE,IAAI,CAAC,8CAA8C,CAAC,CAAC;wBAC1D,OAAO;oBACX,CAAC;oBACD,MAAM,OAAO,GAAG,SAAS,CAAC,SAAS,CAAC,WAA8B,CAAC,CAAC;oBACpE,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;wBACxB,GAAG,EAAE,IAAI,CAAC,yBAAyB,EAAE,WAAW,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;wBACvE,OAAO;oBACX,CAAC;oBACD,GAAG,EAAE,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;oBAC7C,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;gBACzE,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC;QAED,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACX,OAAO,GAAG,CAAC,GAAY,CAAC,CAAC;IAC7B,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAgB,EAAE,QAAgB,EAAmB,EAAE;IACvF,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC;IACrG,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACjB,OAAO,GAAG,CAAC,IAAI,2BAA2B,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IACnE,CAAC;IACD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAe,EAAE,gBAAwB,EAAE,OAAgB,EAAmB,EAAE;IACxG,MAAM,QAAQ,GAAG,mBAAmB,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC/D,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACf,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACpC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,OAAO,2BAA4B,SAAQ,KAAK;IACtB;IAAiC;IAA7D,YAA4B,MAAe,EAAkB,QAAgB;QACzE,KAAK,CAAC,0BAA0B,QAAQ,gBAAgB,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC;QADnD,WAAM,GAAN,MAAM,CAAS;QAAkB,aAAQ,GAAR,QAAQ,CAAQ;IAE7E,CAAC;CACJ"}

package/lib/esm/rendering/ProductCard.js

@@ -0,0 +1,101 @@
+import { Ctx, Err, EventTrackingMethods, Ok } from '@surfside/ads-core-client';
+import { Template } from './Framework';
+import { PixelTracker, ScriptTracker } from '../helpers/Trackers';
+export const RenderProductCard = (logger, stylesheet, javascriptCallbacks, evaluateProductCardTemplate, productCard) => {
+    const log = Ctx(logger)?.with('RenderProductCard');
+    log?.info('Rendering product card');
+    log?.debug(productCard);
+    const container = document.createElement('div');
+    log?.info('product card container', container);
+    const shadow = container.attachShadow({ mode: 'open' });
+    const productCardHtml = evaluateProductCardTemplate(productCard.product, productCard.clickthrough);
+    if (!productCardHtml.ok) {
+        return productCardHtml;
+    }
+    logger?.info('productCardHtml', productCardHtml);
+    const productCardDomRes = Template(log, 'surf-product-card', productCardHtml.value, style + '\n' + stylesheet, {
+        callbacks: javascriptCallbacks,
+        product: productCard.product
+    });
+    if (!productCardDomRes.ok) {
+        return productCardDomRes;
+    }
+    if (productCard.sponsored) {
+        productCardDomRes.value.classList.add('sponsored');
+    }
+    else {
+        log?.debug('Recommended', productCard);
+    }
+    productCardDomRes.value.style.display = 'flex';
+    log?.debug('Product Card Rendered');
+    shadow.appendChild(productCardDomRes.value);
+    attachClickthroughNotifiers(log, productCardDomRes.value, productCard.clickthrough);
+    if (productCard.trackers !== undefined) {
+        appendTrackers(log, productCardDomRes.value, productCard.trackers);
+    }
+    else if (productCard.sponsored) {
+        return Err(new MissingTrackersError(productCard));
+    }
+    container.productData = productCard;
+    return Ok(container);
+};
+const attachClickthroughNotifiers = (logger, root, clickthrough) => root.querySelectorAll('[_click]').forEach(e => e.addEventListener('click', callClickthroughNotifier(logger)(clickthrough)));
+const callClickthroughNotifier = (logger) => (clickthrough) => () => {
+    const log = Ctx(logger)?.with('callClickthroughNotifier');
+    fetch(clickthrough)
+        .then(() => log?.debug('Called clickthrough notification'))
+        .catch(() => log?.debug('Called clickthrough handler, but got an error code. This is not ' +
+        'necessarily a problem, the clickthrough probably fired correctly.'));
+};
+const appendTrackers = (logger, root, trackers) => {
+    const log = Ctx(logger)?.with('appendTrackers');
+    log?.info('Appending trackers', trackers);
+    log?.debug('Appending win tracker', trackers.win);
+    root.appendChild(PixelTracker(trackers.win));
+    log?.debug('Appending impression trackers', trackers.imp);
+    trackers.imp
+        .map(PixelTracker)
+        .forEach(tracker => root.appendChild(tracker));
+    // Other javascript trackers
+    log?.debug('Appending other js trackers', trackers.others);
+    trackers.others.filter(t => t.type === EventTrackingMethods.JS)
+        .map(t => t.url)
+        .map(ScriptTracker)
+        .forEach(tracker => root.appendChild(tracker));
+    // Other pixel trackers
+    log?.debug('Appending other pixel trackers', trackers.others);
+    trackers.others.filter(t => t.type === EventTrackingMethods.Img)
+        .map(t => t.url)
+        .map(PixelTracker)
+        .forEach(tracker => root.appendChild(tracker));
+};
+export class MissingTrackersError extends Error {
+    productCardResponse;
+    constructor(productCardResponse) {
+        super('Sponsored product card response is missing trackers - cannot render card as it would ' +
+            'result in uncounted impressions');
+        this.productCardResponse = productCardResponse;
+    }
+}
+;
+const style = `.surf-product-card {
+    width: 100%;
+
+    &.sponsored {
+        position: relative;
+
+        &::after {
+            content: 'Sponsored';
+            position: absolute;
+            font-family: Verdana, Helvetica, 'sans-serif';
+            font-weight: 100;
+            color: rgba(0, 0, 0, 0.6);
+            font-size: 12px;
+            box-sizing: border-box;
+            bottom: -24px;
+            width: 100%;
+            text-align: center;
+        }
+    }
+}`;
+//# sourceMappingURL=ProductCard.js.map

package/lib/esm/rendering/ProductCard.js.map

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