@surfside/ads-core-web 0.1.22 → 0.3.0-c2d1d13c.0

package/lib/esm/rendering/Watermark.js

@@ -3,9 +3,9 @@ export const RenderWatermark = (logger) => {
     const log = Ctx(logger)?.with('RenderWatermark');
     const parser = new DOMParser();
     const doc = parser.parseFromString(template, 'text/html');
-    const wrapper = document.createElement('div');
+    const wrapper = globalThis.document.createElement('div');
     const shadow = wrapper.attachShadow({ mode: 'open' });
-    const stylesheet = document.createElement('style');
+    const stylesheet = globalThis.document.createElement('style');
     stylesheet.innerHTML = style;
     shadow.appendChild(stylesheet);
     for (let i = 0; i < doc.body.children.length; i++) {
@@ -18,38 +18,38 @@ export const RenderWatermark = (logger) => {
     }
     return Ok(wrapper);
 };
-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/rendering/Watermark.js.map

@@ -1 +1 @@
-{"version":3,"file":"Watermark.js","sourceRoot":"src/","sources":["rendering/Watermark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,EAAE,EAAe,MAAM,oBAAoB,CAAC;AAExE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAA2B,EAAuB,EAAE;IAChF,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAEjD,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;IAC/B,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IAEtD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,SAAS,GAAG,KAAK,CAAC;IAC7B,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAE/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAChD,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACnB,GAAG,EAAE,IAAI,CAAC,qCAAqC,EAAE,CAAC,CAAC,CAAC;YACpD,SAAS;QACb,CAAC;QAED,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG;;;;;;;CAOhB,CAAC;AAEF,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;CAyBb,CAAC"}
+{"version":3,"file":"Watermark.js","sourceRoot":"../@surfside-ads-core-web/","sources":["rendering/Watermark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,EAAE,EAAe,MAAM,oBAAoB,CAAC;AAExE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAA2B,EAAuB,EAAE;IAChF,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAEjD,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;IAC/B,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzD,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IAEtD,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9D,UAAU,CAAC,SAAS,GAAG,KAAK,CAAC;IAC7B,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAE/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAChD,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACnB,GAAG,EAAE,IAAI,CAAC,qCAAqC,EAAE,CAAC,CAAC,CAAC;YACpD,SAAS;QACb,CAAC;QAED,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG;;;;;;;CAOhB,CAAC;AAEF,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;CAyBb,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["rendering/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"../@surfside-ads-core-web/","sources":["rendering/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/lib/types/BuildInfo.d.ts

@@ -1,4 +1,4 @@
-export declare const SurfsideAdsCoreWebVersionInfo: {
+export declare const VersionInfo: {
     buildBranch: string;
     buildHash: string;
     buildVer: string;

package/lib/types/Init.d.ts

@@ -0,0 +1,24 @@
+import { type ILoadSurfAdsClientConfiguration, type ISurfAdsCoreConfiguration, type Result, type AsyncResult, type ISurfAdsClientDependencies, type ILogger, type ISurfAdsClientConfigurationOverrides } from '@surfside/ads-core-client';
+import { type ISurfsideWebApi } from '.';
+export interface ISurfAdsWebConfigurationOverrides extends ISurfAdsClientConfigurationOverrides {
+}
+export interface ISurfAdsWebConfiguration extends ISurfAdsCoreConfiguration {
+    overrides?: {
+        services?: Partial<ISurfAdsWebConfigurationOverrides>;
+    };
+}
+export interface ILoadSurfAdsWebConfiguration extends ILoadSurfAdsClientConfiguration {
+    overrides?: {
+        services?: Partial<ISurfAdsWebConfigurationOverrides>;
+        dependencies?: Partial<ISurfAdsWebDependencies>;
+    };
+}
+export interface ISurfAdsWebDependencies extends ISurfAdsClientDependencies {
+}
+export declare const CreateSurfAdsWeb: (config: ISurfAdsWebConfiguration) => Result<ISurfsideWebApi>;
+export declare const LoadSurfAdsWebDependencies: (config: ILoadSurfAdsWebConfiguration) => AsyncResult<ISurfAdsWebDependencies>;
+export declare const LoadSurfAdsWeb: (config: ILoadSurfAdsWebConfiguration) => AsyncResult<ISurfsideWebApi>;
+export declare const LoadSurfAdsWebSimple: (accountId: string, siteId: string, channelId: string, locationId: string, userId?: string, logger?: ILogger, telemetry?: boolean, overrides?: {
+    services?: Partial<ISurfAdsWebConfigurationOverrides>;
+    dependencies?: Partial<ISurfAdsWebDependencies>;
+}) => AsyncResult<ISurfsideWebApi>;

package/lib/types/helpers/WebTelemetryCollector.d.ts

@@ -0,0 +1,24 @@
+import { ITelemetryCollector, type ITelemetryDevice, type ITelemetryEntry } from '@surfside/ads-core';
+export interface IWebTelemetryCollectorOptions {
+    accountId: string;
+    siteId: string;
+    channelId: string;
+    locationId: string;
+    endpoint: string;
+    tags?: Record<string, string>;
+    batchIntervalMs?: number;
+    url?: string;
+    device: ITelemetryDevice | undefined;
+}
+export declare class WebTelemetryCollector extends ITelemetryCollector {
+    private readonly _endpoint;
+    private readonly _tags;
+    private readonly _batchIntervalMs;
+    private readonly _pageUrl;
+    private _queue;
+    private _flushTimer;
+    private _device;
+    constructor(options: IWebTelemetryCollectorOptions);
+    record(entry: ITelemetryEntry): void;
+    flush(): void;
+}

package/lib/types/helpers/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Dom';
 export * from './Trackers';
 export * from './UserId';
+export * from './WebTelemetryCollector';

package/lib/types/index.d.ts

@@ -3,9 +3,11 @@ import { type RenderCarouselFn } from './rendering/Carousel';
 import { type RenderBannerFn } from './rendering';
 import { type RenderProductCardFn } from './rendering/ProductCard';
 import { type RenderVideoFn } from './rendering/Video';
+export declare const PROD_TELEMETRY_SERVICE = "//telemetry.surfside.io/v1/ingest";
 export * from './rendering';
 export * from './helpers';
-export * from './BuildInfo';
+export * as SurfsideAdsCoreWebVersionInfo from './BuildInfo';
+export * from './Init';
 export interface ISurfsideWebApi extends ISurfsideClientApi {
     renderBanner: RenderBannerFn;
     renderVideo: RenderVideoFn;

package/lib/types/rendering/Video.d.ts

@@ -12,5 +12,6 @@ export interface IVideoTrackers {
     complete: ITrackerState;
     stop: ITrackerState;
     impression: ITrackerState;
+    pause: ITrackerState;
 }
 export declare const RenderVideo: (logger: ILogger | undefined, deviceInfo: IDevice | undefined, geo: IGeoContext | undefined, userAgent: string | undefined, builtVideo: IBuiltVideo) => Result<HTMLElement>;

package/package.json

@@ -1,41 +1,42 @@
-{
-  "name": "@surfside/ads-core-web",
-  "module": "./lib/esm/index.js",
-  "main": "./lib/cjs/index.js",
-  "types": "./lib/types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./lib/esm/index.js",
-      "require": "./lib/cjs/index.js",
-      "types": "./lib/types/index.d.ts"
-    }
-  },
-  "version": "0.1.22",
-  "license": "UNLICENSED",
-  "files": [
-    "lib/",
-    "README.md"
-  ],
-  "type": "module",
-  "scripts": {
-    "clean": "rm -rf ./lib",
-    "prebuild": "echo \"export const SurfsideAdsCoreWebVersionInfo = { buildBranch: '$(git rev-parse --abbrev-ref HEAD)', buildHash: '$(git rev-parse --short HEAD)', buildVer: '$(bun -e 'console.log(require(\"./package.json\").version)')'};\" > src/BuildInfo.ts",
-    "build": "bunx npm-run-all --parallel \"types\" \"esm\" \"cjs\"",
-    "types": "tsc -p ./tsconfig.types.json",
-    "esm": "tsc -p ./tsconfig.esm.json",
-    "cjs": "tsc -p tsconfig.cjs.json",
-    "lint": "npx eslint"
-  },
-  "dependencies": {
-    "@surfside/ads-core-client": "^0.1.22"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.25.1",
-    "@types/bun": "latest",
-    "eslint": "^9.25.1",
-    "handlebars": "^4.7.8",
-    "typescript-eslint": "^8.41.0",
-    "@surfside/ads-core-mock": "^0.1.6",
-    "typescript": "^5.8.3"
-  }
-}
+{
+  "name": "@surfside/ads-core-web",
+  "module": "./lib/esm/index.js",
+  "main": "./lib/cjs/index.js",
+  "types": "./lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./lib/esm/index.js",
+      "require": "./lib/cjs/index.js",
+      "types": "./lib/types/index.d.ts"
+    }
+  },
+  "version": "0.3.0-c2d1d13c.0",
+  "license": "UNLICENSED",
+  "files": [
+    "lib/",
+    "README.md"
+  ],
+  "type": "module",
+  "scripts": {
+    "clean": "rm -rf ./lib",
+    "build": "bun x npm-run-all --parallel \"types\" \"esm\" \"cjs\"",
+    "build:debug": "bun ./debug.build.ts",
+    "types": "tsc -p ./tsconfig.types.json",
+    "esm": "tsc -p ./tsconfig.esm.json",
+    "cjs": "tsc -p tsconfig.cjs.json",
+    "lint": "npx eslint"
+  },
+  "dependencies": {
+    "@surfside/ads-core-client": "0.3.0-c2d1d13c.0",
+    "@surfside/ads-core-mock": "0.3.0-c2d1d13c.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.25.1",
+    "@surfside/ads-core-mock": "0.3.0-c2d1d13c.0",
+    "@types/bun": "latest",
+    "eslint": "^9.25.1",
+    "handlebars": "^4.7.8",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.41.0"
+  }
+}

package/lib/cjs/debug/carousel.js

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const ads_core_client_1 = require("@surfside/ads-core-client");
-const __1 = require("..");
-const ads_core_mock_1 = require("@surfside/ads-core-mock");
-await (async () => {
-    const { buildHybridCarousel, startRequest, defaultNative, buildBannerResponse, requestBids, renderCarousel, renderBanner, buildVideoResponse, renderVideo } = (0, ads_core_client_1.GetValueOrThrow)(await (0, __1.InitSurfAdsWebInternal)((0, ads_core_mock_1.InitSurfAdsCoreMock)('ec981', // Account ID
-    '544fa', // Channel ID
-    'bf9bc', // Site ID
-    'greengoddess', // Location ID
-    undefined, (0, ads_core_client_1.InitLogger)())));
-    /* ===== Carousel ===== */
-    /* Make request, build response */
-    const carouselRes = await buildHybridCarousel({
-        type: 'top-products',
-    }, startRequest('my-zone') // Zone ID
-        .withNative(defaultNative()
-        .withMetaProduct(80, false)
-        .withMetaBrand(80, false)
-        .build())
-        .build());
-    if (!carouselRes.ok) {
-        console.error(carouselRes.error);
-        return;
-    }
-    const carousel = carouselRes.value;
-    /* Render carousel */
-    const rendered = (0, ads_core_client_1.GetValueOrThrow)(await renderCarousel(carousel, 300, {
-        type: 'infinite'
-    }, 'page'));
-    /* Add to page */
-    document.querySelector('.carousel-container').appendChild(rendered.element);
-    const success = await rendered.init();
-    if (!success.ok) {
-        throw success.error;
-    }
-    /* ===== Banner ===== */
-    const bidRes = await requestBids(startRequest('banner-zone')
-        .withBanner(4, 1)
-        .build());
-    if (!bidRes.ok) {
-        console.error('No banners');
-        return;
-    }
-    const bid = bidRes.value.seatbid?.[0]?.bid?.[0];
-    if (bid === undefined) {
-        return;
-    }
-    const banner = renderBanner((0, ads_core_client_1.GetValueOrThrow)(buildBannerResponse(bid)));
-    if (!banner.ok) {
-        throw banner.error;
-    }
-    document.querySelector('.banner-container')?.appendChild(banner.value);
-    const video = await (0, ads_core_client_1.AsyncPipe)(requestBids(startRequest('video-zone')
-        .withVideo(320, 240, 0, 30)
-        .build()))
-        .then(resp => (0, ads_core_client_1.WrapValue)(resp.seatbid?.[0]?.bid?.[0]))
-        .then(buildVideoResponse)
-        .then(renderVideo)
-        .result();
-    if (!video.ok) {
-        console.error('Video failed!');
-        throw video.error;
-    }
-    document.querySelector('.video-container')?.appendChild(video.value);
-    /* Dynamic Zones */
-    // const dynamicZone = GetValueOrThrow(await getDynamicZone('my-zone'));
-    // const dynamicZoneRequest = GetValueOrThrow(buildDynamicZoneRequest('my-zone', dynamicZone));
-    // const dynamicResponse = GetValueOrThrow(await buildDynamicResponse(dynamicZoneRequest));
-    // const htmlElement = buildDynamicCreative(dynamicResponse);
-    // const htmlElement = await getDynamicCreative('my-zone');
-    // console.log(dynamicResponse);
-})();
-//# sourceMappingURL=carousel.js.map

package/lib/cjs/debug/carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"carousel.js","sourceRoot":"src/","sources":["debug/carousel.ts"],"names":[],"mappings":";;AAAA,+DAA8F;AAC9F,0BAA4C;AAC5C,2DAA8D;AAE9D,MAAM,CAAC,KAAK,IAAI,EAAE;IACd,MAAM,EACF,mBAAmB,EACnB,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACd,GACG,IAAA,iCAAe,EAAC,MAAM,IAAA,0BAAsB,EAAC,IAAA,mCAAmB,EAC5D,OAAO,EAAS,aAAa;IAC7B,OAAO,EAAS,aAAa;IAC7B,OAAO,EAAS,UAAU;IAC1B,cAAc,EAAE,cAAc;IAC9B,SAAS,EACT,IAAA,4BAAU,GAAE,CACf,CAAC,CAAC,CAAC;IAER,0BAA0B;IAC1B,kCAAkC;IAClC,MAAM,WAAW,GAAG,MAAM,mBAAmB,CACzC;QACI,IAAI,EAAE,cAAc;KACvB,EACD,YAAY,CAAC,SAAS,CAAC,CAAC,UAAU;SAC7B,UAAU,CAAC,aAAa,EAAE;SACtB,eAAe,CAAC,EAAE,EAAE,KAAK,CAAC;SAC1B,aAAa,CAAC,EAAE,EAAE,KAAK,CAAC;SACxB,KAAK,EAAE,CACX;SACA,KAAK,EAAE,CACf,CAAC;IACF,IAAI,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC;QAClB,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACjC,OAAO;IACX,CAAC;IACD,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC;IAEnC,qBAAqB;IACrB,MAAM,QAAQ,GAAG,IAAA,iCAAe,EAAC,MAAM,cAAc,CACjD,QAAQ,EACR,GAAG,EACH;QACI,IAAI,EAAE,UAAU;KACnB,EACD,MAAM,CACT,CAAC,CAAC;IACH,iBAAiB;IACjB,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;IACtC,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;QACd,MAAM,OAAO,CAAC,KAAK,CAAC;IACxB,CAAC;IAED,wBAAwB;IACxB,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,YAAY,CAAC,aAAa,CAAC;SACvD,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC;SAChB,KAAK,EAAE,CACX,CAAC;IAEF,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC;QACb,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC5B,OAAO;IACX,CAAC;IAED,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IAEhD,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QACpB,OAAO;IACX,CAAC;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,IAAA,iCAAe,EACvC,mBAAmB,CAAC,GAAG,CAAC,CAC3B,CAAC,CAAC;IAEH,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC;QACb,MAAM,MAAM,CAAC,KAAK,CAAC;IACvB,CAAC;IAED,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvE,MAAM,KAAK,GAAG,MAAM,IAAA,2BAAS,EACzB,WAAW,CAAC,YAAY,CAAC,YAAY,CAAC;SACjC,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;SAC1B,KAAK,EAAE,CAAC,CAAC;SACb,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAA,2BAAS,EAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;SACpD,IAAI,CAAC,kBAAkB,CAAC;SACxB,IAAI,CAAC,WAAW,CAAC;SACjB,MAAM,EAAE,CAAC;IAEd,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;QACZ,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QAC/B,MAAM,KAAK,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAErE,mBAAmB;IACnB,wEAAwE;IACxE,+FAA+F;IAC/F,2FAA2F;IAC3F,6DAA6D;IAC7D,2DAA2D;IAE3D,gCAAgC;AACpC,CAAC,CAAC,EAAE,CAAC"}

package/lib/esm/debug/carousel.js

@@ -1,72 +0,0 @@
-import { AsyncPipe, GetValueOrThrow, InitLogger, WrapValue } from '@surfside/ads-core-client';
-import { InitSurfAdsWebInternal } from '..';
-import { InitSurfAdsCoreMock } from '@surfside/ads-core-mock';
-await (async () => {
-    const { buildHybridCarousel, startRequest, defaultNative, buildBannerResponse, requestBids, renderCarousel, renderBanner, buildVideoResponse, renderVideo } = GetValueOrThrow(await InitSurfAdsWebInternal(InitSurfAdsCoreMock('ec981', // Account ID
-    '544fa', // Channel ID
-    'bf9bc', // Site ID
-    'greengoddess', // Location ID
-    undefined, InitLogger())));
-    /* ===== Carousel ===== */
-    /* Make request, build response */
-    const carouselRes = await buildHybridCarousel({
-        type: 'top-products',
-    }, startRequest('my-zone') // Zone ID
-        .withNative(defaultNative()
-        .withMetaProduct(80, false)
-        .withMetaBrand(80, false)
-        .build())
-        .build());
-    if (!carouselRes.ok) {
-        console.error(carouselRes.error);
-        return;
-    }
-    const carousel = carouselRes.value;
-    /* Render carousel */
-    const rendered = GetValueOrThrow(await renderCarousel(carousel, 300, {
-        type: 'infinite'
-    }, 'page'));
-    /* Add to page */
-    document.querySelector('.carousel-container').appendChild(rendered.element);
-    const success = await rendered.init();
-    if (!success.ok) {
-        throw success.error;
-    }
-    /* ===== Banner ===== */
-    const bidRes = await requestBids(startRequest('banner-zone')
-        .withBanner(4, 1)
-        .build());
-    if (!bidRes.ok) {
-        console.error('No banners');
-        return;
-    }
-    const bid = bidRes.value.seatbid?.[0]?.bid?.[0];
-    if (bid === undefined) {
-        return;
-    }
-    const banner = renderBanner(GetValueOrThrow(buildBannerResponse(bid)));
-    if (!banner.ok) {
-        throw banner.error;
-    }
-    document.querySelector('.banner-container')?.appendChild(banner.value);
-    const video = await AsyncPipe(requestBids(startRequest('video-zone')
-        .withVideo(320, 240, 0, 30)
-        .build()))
-        .then(resp => WrapValue(resp.seatbid?.[0]?.bid?.[0]))
-        .then(buildVideoResponse)
-        .then(renderVideo)
-        .result();
-    if (!video.ok) {
-        console.error('Video failed!');
-        throw video.error;
-    }
-    document.querySelector('.video-container')?.appendChild(video.value);
-    /* Dynamic Zones */
-    // const dynamicZone = GetValueOrThrow(await getDynamicZone('my-zone'));
-    // const dynamicZoneRequest = GetValueOrThrow(buildDynamicZoneRequest('my-zone', dynamicZone));
-    // const dynamicResponse = GetValueOrThrow(await buildDynamicResponse(dynamicZoneRequest));
-    // const htmlElement = buildDynamicCreative(dynamicResponse);
-    // const htmlElement = await getDynamicCreative('my-zone');
-    // console.log(dynamicResponse);
-})();
-//# sourceMappingURL=carousel.js.map

package/lib/esm/debug/carousel.js.map

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

package/lib/types/debug/carousel.d.ts

@@ -1 +0,0 @@
-export {};