@surfside/ads-core-web 0.1.22 → 0.1.23

package/lib/cjs/rendering/Video.js

@@ -173,127 +173,127 @@ const toggleMute = (logger, videoElement, e) => {
         element.classList.remove('muted');
     }
 };
-const template = `<div>
-    <video id="surf-video-container" autoplay muted></video>
-
-    <div class="timer">
-        <svg
-            width="36"
-            height="36"
-            viewBox="-2 2 36 36"
-        >
-            <circle
-                cx="16"
-                cy="16"
-                r="15"
-                stroke="#7b4af4"
-                stroke-width="4"
-                fill="none"
-                class="timer-circle"
-            />
-        </svg>
-        <div class="timer-value"></div>
-    </div>
-
-    <div class="watermark"></div>
-    <div class="mute-button muted"></div>
+const template = `<div>
+    <video id="surf-video-container" autoplay muted></video>
+
+    <div class="timer">
+        <svg
+            width="36"
+            height="36"
+            viewBox="-2 2 36 36"
+        >
+            <circle
+                cx="16"
+                cy="16"
+                r="15"
+                stroke="#7b4af4"
+                stroke-width="4"
+                fill="none"
+                class="timer-circle"
+            />
+        </svg>
+        <div class="timer-value"></div>
+    </div>
+
+    <div class="watermark"></div>
+    <div class="mute-button muted"></div>
 </div>`;
-const style = `@keyframes grow-arc {
-    0% {
-        stroke-dasharray: 0 94;   /* 0% of the circumference */
-        stroke-dashoffset: 0;
-    }
-    50% {
-        stroke-dasharray: 47 94; /* 90 degrees of the circle */
-        stroke-dashoffset: 0;
-    }
-    100% {
-        stroke-dasharray: 94 94; /* Full circle */
-        stroke-dashoffset: 0;
-    }
-}
-
-
-.surfside-video {
-    --icon-muted: url('//cdn.surfside.io/icons/muted.svg');
-    --icon-unmuted: url('//cdn.surfside.io/icons/unmuted.svg');
-
-    position: relative;
-    overflow: hidden;
-
-    video {
-        width: 100%;
-        height: auto;
-    }
-
-    .timer {
-        position: absolute;
-        left: 5px;
-        top: 5px;
-        width: 32px;
-        height: 32px;
-
-        .timer-value {
-            position: absolute;
-            top: 0px;
-            left: 0;
-            width: 36px;
-            height: 36px;
-
-            color: white;
-
-            font-family: Poppins, Arial;
-            text-align: center;
-            font-size: 12px;
-            line-height: 36px;
-        }
-
-        .timer-circle {
-            fill: none;
-            stroke-width: 4;
-            animation-name: grow-arc;
-            animation-iteration-count: 1;
-            animation-timing-function: linear;
-            animation-fill-mode: forwards;
-            transform: rotate(-90deg);
-            transform-origin: 50% 50%;
-        }
-
-    }
-
-    .mute-button {
-        position: absolute;
-        width: 24px;
-        height: 24px;
-        right: 5px;
-        bottom: 5px;
-        cursor: pointer;
-        transition: transform 0.2s;
-        filter: drop-shadow(0 0 2px white) drop-shadow(0 0 4px white);
-
-        &:hover {
-            transform: scale(1.3);
-        }
-
-        &:active {
-            transform: scale(0.8);
-        }
-
-        &.muted {
-            background-image: var(--icon-muted);
-
-            &:hover {
-                background-image: var(--icon-unmuted);
-            }
-        }
-
-        &.unmuted {
-            background-image: var(--icon-unmuted);
-
-            &:hover {
-                background-image: var(--icon-muted);
-            }
-        }
-    }
+const style = `@keyframes grow-arc {
+    0% {
+        stroke-dasharray: 0 94;   /* 0% of the circumference */
+        stroke-dashoffset: 0;
+    }
+    50% {
+        stroke-dasharray: 47 94; /* 90 degrees of the circle */
+        stroke-dashoffset: 0;
+    }
+    100% {
+        stroke-dasharray: 94 94; /* Full circle */
+        stroke-dashoffset: 0;
+    }
+}
+
+
+.surfside-video {
+    --icon-muted: url('//cdn.surfside.io/icons/muted.svg');
+    --icon-unmuted: url('//cdn.surfside.io/icons/unmuted.svg');
+
+    position: relative;
+    overflow: hidden;
+
+    video {
+        width: 100%;
+        height: auto;
+    }
+
+    .timer {
+        position: absolute;
+        left: 5px;
+        top: 5px;
+        width: 32px;
+        height: 32px;
+
+        .timer-value {
+            position: absolute;
+            top: 0px;
+            left: 0;
+            width: 36px;
+            height: 36px;
+
+            color: white;
+
+            font-family: Poppins, Arial;
+            text-align: center;
+            font-size: 12px;
+            line-height: 36px;
+        }
+
+        .timer-circle {
+            fill: none;
+            stroke-width: 4;
+            animation-name: grow-arc;
+            animation-iteration-count: 1;
+            animation-timing-function: linear;
+            animation-fill-mode: forwards;
+            transform: rotate(-90deg);
+            transform-origin: 50% 50%;
+        }
+
+    }
+
+    .mute-button {
+        position: absolute;
+        width: 24px;
+        height: 24px;
+        right: 5px;
+        bottom: 5px;
+        cursor: pointer;
+        transition: transform 0.2s;
+        filter: drop-shadow(0 0 2px white) drop-shadow(0 0 4px white);
+
+        &:hover {
+            transform: scale(1.3);
+        }
+
+        &:active {
+            transform: scale(0.8);
+        }
+
+        &.muted {
+            background-image: var(--icon-muted);
+
+            &:hover {
+                background-image: var(--icon-unmuted);
+            }
+        }
+
+        &.unmuted {
+            background-image: var(--icon-unmuted);
+
+            &:hover {
+                background-image: var(--icon-muted);
+            }
+        }
+    }
 }`;
 //# sourceMappingURL=Video.js.map

package/lib/cjs/rendering/Watermark.js

@@ -22,38 +22,38 @@ const RenderWatermark = (logger) => {
     return (0, ads_core_1.Ok)(wrapper);
 };
 exports.RenderWatermark = RenderWatermark;
-const template = `<div class="watermark">
-    <a href="https://surfside.io/contact" target="_blank">
-        <div class="watermark-svg">
-            <img src="https://cdn.surfside.io/assets/surfside-logo.svg" alt="Surfside logo"/>
-        </div>
-    </a>
-</div>
+const template = `<div class="watermark">
+    <a href="https://surfside.io/contact" target="_blank">
+        <div class="watermark-svg">
+            <img src="https://cdn.surfside.io/assets/surfside-logo.svg" alt="Surfside logo"/>
+        </div>
+    </a>
+</div>
 `;
-const style = `.watermark {
-    background: rgba(255, 255, 255, 0.7);
-
-    position: absolute;
-    right: -67px;
-    width: 85px;
-    /* transform: scale(0.8); */
-    transform-origin: bottom right;
-    bottom: 0;
-
-    padding: 3px 2px 0px 6px;
-    border-radius: 5px 0 0 5px !important;
-    transition: right 300ms ease-out;
-
-    &:hover {
-        right: 0
-    }
-}
-
-.surfside-video .watermark {
-    top: 0;
-    height: auto;
-    bottom: initial;
-    overflow: hidden;
-}
+const style = `.watermark {
+    background: rgba(255, 255, 255, 0.7);
+
+    position: absolute;
+    right: -67px;
+    width: 85px;
+    /* transform: scale(0.8); */
+    transform-origin: bottom right;
+    bottom: 0;
+
+    padding: 3px 2px 0px 6px;
+    border-radius: 5px 0 0 5px !important;
+    transition: right 300ms ease-out;
+
+    &:hover {
+        right: 0
+    }
+}
+
+.surfside-video .watermark {
+    top: 0;
+    height: auto;
+    bottom: initial;
+    overflow: hidden;
+}
 `;
 //# sourceMappingURL=Watermark.js.map

package/lib/esm/BuildInfo.js

@@ -1,2 +1,2 @@
-export const SurfsideAdsCoreWebVersionInfo = { buildBranch: 'master', buildHash: '941a997', buildVer: '0.1.22' };
+export const SurfsideAdsCoreWebVersionInfo = { buildBranch: 'hotfix-0.1.23', buildHash: 'f4f4536', buildVer: '0.1.23' };
 //# sourceMappingURL=BuildInfo.js.map

package/lib/esm/BuildInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuildInfo.js","sourceRoot":"src/","sources":["BuildInfo.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"BuildInfo.js","sourceRoot":"src/","sources":["BuildInfo.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC"}

package/lib/esm/Init.js

@@ -0,0 +1,85 @@
+import { CreateSurfAdsClient, Ok, LoadSurfAdsClientDependencies, GetBrowserInfo, PROD_TELEMETRY_SERVICE, DeviceToTelemetryDevice, } from '@surfside/ads-core-client';
+import { RenderBanner, RenderCarousel, RenderProductCard, RenderVideo } from '.';
+import { WebTelemetryCollector } from './helpers';
+const TLS = (url) => 'https:' + url;
+;
+export const CreateSurfAdsWeb = (config) => {
+    const clientApiRes = CreateSurfAdsClient(config);
+    if (!clientApiRes.ok) {
+        return clientApiRes;
+    }
+    const clientApi = clientApiRes.value;
+    const { logger, mobile } = config;
+    const { evaluateProductCardTemplate } = clientApi;
+    const { configuration, device, geo, navigator } = config;
+    const renderBanner = RenderBanner.bind(undefined, logger, mobile);
+    const renderProductCard = RenderProductCard.bind(undefined, logger, configuration.templates.productCardStylesheet, configuration.templates.javascriptCallbacks, evaluateProductCardTemplate);
+    const renderCarousel = RenderCarousel.bind(undefined, logger, evaluateProductCardTemplate, configuration.settings.sponsoredByEnabled === true, configuration.templates.productCardStylesheet, configuration.templates.carouselStylesheet, configuration.templates.javascriptCallbacks);
+    const renderVideo = RenderVideo.bind(undefined, logger, device, geo, navigator.userAgent);
+    return Ok({
+        ...clientApi,
+        renderBanner,
+        renderProductCard,
+        renderCarousel,
+        renderVideo
+    });
+};
+export const LoadSurfAdsWebDependencies = (config) => {
+    const { overrides, accountId, siteId, locationId, telemetry } = config;
+    const createTelemetryCollector = overrides?.services?.createTelemetryCollector ?? ((config) => Ok(telemetry === true
+        ? new WebTelemetryCollector({
+            accountId: config.accountId,
+            siteId: config.siteId,
+            channelId: config.channelId,
+            locationId: config.locationId,
+            endpoint: TLS(PROD_TELEMETRY_SERVICE),
+            tags: { accountId, siteId, locationId },
+            device: DeviceToTelemetryDevice(config.device)
+        })
+        : undefined));
+    return LoadSurfAdsClientDependencies({
+        ...config,
+        overrides: {
+            ...config.overrides,
+            services: {
+                ...config.overrides?.services,
+                createTelemetryCollector,
+            }
+        }
+    });
+};
+export const LoadSurfAdsWeb = async (config) => {
+    const dependenciesRes = await LoadSurfAdsWebDependencies(config);
+    if (!dependenciesRes.ok) {
+        return dependenciesRes;
+    }
+    const dependencies = dependenciesRes.value;
+    const result = CreateSurfAdsWeb({
+        ...config,
+        ...dependencies,
+    });
+    return result;
+};
+export const LoadSurfAdsWebSimple = async (accountId, siteId, channelId, locationId, userId, logger, telemetry, overrides) => {
+    const browserInfo = GetBrowserInfo();
+    if (!browserInfo.ok) {
+        return browserInfo;
+    }
+    const { windowInfo, navigator, isMobile, screen } = browserInfo.value;
+    return await LoadSurfAdsWeb({
+        logger,
+        accountId,
+        channelId,
+        siteId,
+        locationId,
+        userId,
+        windowInfo,
+        navigator,
+        mobile: isMobile,
+        screen,
+        ip: undefined,
+        overrides,
+        telemetry
+    });
+};
+//# sourceMappingURL=Init.js.map

package/lib/esm/Init.js.map

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

package/lib/esm/helpers/WebTelemetryCollector.js

@@ -0,0 +1,52 @@
+import { ITelemetryCollector } from '@surfside/ads-core-client';
+export class WebTelemetryCollector extends ITelemetryCollector {
+    _endpoint;
+    _tags;
+    _batchIntervalMs;
+    _pageUrl;
+    _queue = [];
+    _flushTimer;
+    _device;
+    constructor(options) {
+        super(options.accountId, options.siteId, options.channelId, options.locationId, options.device);
+        this._endpoint = options.endpoint;
+        this._tags = { pageSessionId: crypto.randomUUID(), ...(options.tags ?? {}) };
+        this._batchIntervalMs = options.batchIntervalMs ?? 1000;
+        this._pageUrl = options.url ?? globalThis.location?.href;
+    }
+    record(entry) {
+        this._queue.push({
+            device: this.device,
+            pageUrl: this._pageUrl ?? globalThis?.window?.location?.href,
+            ...entry,
+            tags: { ...this._tags, ...(entry.tags ?? {}) },
+        });
+        if (this._batchIntervalMs === 0) {
+            this.flush();
+            return;
+        }
+        clearTimeout(this._flushTimer);
+        this._flushTimer = setTimeout(() => this.flush(), this._batchIntervalMs);
+        if (this._queue.length >= 100) {
+            this.flush();
+        }
+    }
+    flush() {
+        if (this._queue.length === 0) {
+            return;
+        }
+        const payload = JSON.stringify(this._queue.splice(0));
+        clearTimeout(this._flushTimer);
+        this._flushTimer = undefined;
+        const sent = globalThis.navigator.sendBeacon(this._endpoint, new Blob([payload], { type: 'application/json' }));
+        if (!sent) {
+            fetch(this._endpoint, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: payload,
+                keepalive: true,
+            }).catch(() => { });
+        }
+    }
+}
+//# sourceMappingURL=WebTelemetryCollector.js.map

package/lib/esm/helpers/WebTelemetryCollector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebTelemetryCollector.js","sourceRoot":"../@surfside-ads-core-web/","sources":["helpers/WebTelemetryCollector.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,mBAAmB,EAGtB,MAAM,2BAA2B,CAAC;AAcnC,MAAM,OAAO,qBAAsB,SAAQ,mBAAmB;IACzC,SAAS,CAAS;IAClB,KAAK,CAAyB;IAC9B,gBAAgB,CAAS;IACzB,QAAQ,CAAqB;IACtC,MAAM,GAAsB,EAAE,CAAC;IAC/B,WAAW,CAA4C;IACvD,OAAO,CAA+B;IAE9C,YAAY,OAAsC;QAC9C,KAAK,CACD,OAAO,CAAC,SAAS,EACjB,OAAO,CAAC,MAAM,EACd,OAAO,CAAC,SAAS,EACjB,OAAO,CAAC,UAAU,EAClB,OAAO,CAAC,MAAM,CACjB,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC;QAClC,IAAI,CAAC,KAAK,GAAG,EAAE,aAAa,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,CAAC;QAC7E,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,eAAe,IAAI,IAAI,CAAC;QACxD,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,GAAG,IAAI,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC;IAC7D,CAAC;IAED,MAAM,CAAC,KAAsB;QACzB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;YACb,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI;YAC5D,GAAG,KAAK;YACR,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE;SACjD,CAAC,CAAC;QACH,IAAI,IAAI,CAAC,gBAAgB,KAAK,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO;QACX,CAAC;QACD,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC/B,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACzE,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,GAAG,EAAE,CAAC;YAC5B,IAAI,CAAC,KAAK,EAAE,CAAC;QACjB,CAAC;IACL,CAAC;IAED,KAAK;QACD,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO;QACX,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC/B,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAC7B,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC;QAChH,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;gBAClB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,OAAO;gBACb,SAAS,EAAE,IAAI;aAClB,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACvB,CAAC;IACL,CAAC;CACJ"}

package/lib/esm/rendering/Banner.js

@@ -57,34 +57,34 @@ export class MissingNurlError extends Error {
     }
 }
 ;
-const template = `<div>
-    <div class="surfside-banner-adm">
-
-    </div>
-    <div class="surfside-banner-watermark">
-
-    </div>
-</div>
+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;
-        }
-    }
+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