@surfside/ads 2.0.0 → 3.6.0-0652b02f.0

package/lib/esm/util/Attributes.js

@@ -0,0 +1,81 @@
+import { Err, Ok } from '@surfside/ads-core';
+export const ReadAttribute = (element, attr) => {
+    const value = element.getAttribute(attr);
+    if (value === null) {
+        return Err(new AttributeNotFoundError(element, attr));
+    }
+    return Ok(value);
+};
+export const ReadNumberAttribute = (element, attr) => {
+    const strValue = ReadAttribute(element, attr);
+    if (!strValue.ok) {
+        return strValue;
+    }
+    const value = Number(strValue.value);
+    if (Number.isNaN(value)) {
+        return Err(new AttributeNotANumberError(element, attr));
+    }
+    return Ok(value);
+};
+export const ReadIntAttribute = (element, attr) => {
+    const numValue = ReadNumberAttribute(element, attr);
+    if (!numValue.ok) {
+        return numValue;
+    }
+    if (!Number.isInteger(numValue.value)) {
+        return Err(new AttributeNotIntError(element, attr));
+    }
+    return numValue;
+};
+export const ReadBoolAttribute = (element, attr) => {
+    const strValue = ReadAttribute(element, attr);
+    if (!strValue.ok) {
+        return strValue;
+    }
+    const value = strValue.value.toLowerCase();
+    switch (value) {
+        case 'true': {
+            return Ok(true);
+        }
+        case 'false': {
+            return Ok(false);
+        }
+        default: {
+            return Err(new AttributeNotBoolError(element, attr));
+        }
+    }
+};
+export class AttributeNotFoundError extends Error {
+    element;
+    attribute;
+    constructor(element, attribute) {
+        super(`Attribute '${attribute}' was not found on element`);
+        this.element = element;
+        this.attribute = attribute;
+    }
+}
+export class AttributeWrongTypeError extends Error {
+    element;
+    attribute;
+    constructor(element, attribute, message) {
+        super(message);
+        this.element = element;
+        this.attribute = attribute;
+    }
+}
+export class AttributeNotANumberError extends AttributeWrongTypeError {
+    constructor(element, attribute) {
+        super(element, attribute, `Attribute '${attribute}' is not a number`);
+    }
+}
+export class AttributeNotBoolError extends AttributeWrongTypeError {
+    constructor(element, attribute) {
+        super(element, attribute, `Attribute '${attribute}' is not a boolean`);
+    }
+}
+export class AttributeNotIntError extends AttributeWrongTypeError {
+    constructor(element, attribute) {
+        super(element, attribute, `Attribute '${attribute}' is not an integer`);
+    }
+}
+//# sourceMappingURL=Attributes.js.map

package/lib/esm/util/Attributes.js.map

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

package/lib/esm/util/Types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Types.js.map

package/lib/esm/util/Types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.js","sourceRoot":"../@surfside-ads/","sources":["util/Types.ts"],"names":[],"mappings":""}

package/lib/types/BuildInfo.d.ts

@@ -0,0 +1,5 @@
+export declare const VersionInfo: {
+    buildBranch: string;
+    buildHash: string;
+    buildVer: string;
+};

package/lib/types/Constants.d.ts

@@ -0,0 +1 @@
+export declare const DefaultMinCardWidth = 300;

package/lib/types/Init.d.ts

@@ -0,0 +1,31 @@
+import { type ISurfAdsWebConfigurationOverrides, type ISurfAdsWebDependencies } from '@surfside/ads-core-web';
+import { SurfsideBanner } from './components/Banner';
+import { SurfsideVideo } from './components/Video';
+import { SurfsideCarousel } from './components/Carousel';
+import { SurfsideProductCard } from './components/Card';
+import { SurfsideDynamicZone } from './components/Dynamic';
+import { type ILogger, type Result } from '@surfside/ads-core';
+export type ISurfAdsConfiguration = {
+    logger?: ILogger;
+    telemetry?: boolean;
+    getUserId?: (logger?: ILogger) => Promise<string | undefined>;
+    overrides?: {
+        services?: Partial<ISurfAdsWebConfigurationOverrides>;
+        dependencies?: Partial<ISurfAdsWebDependencies>;
+    };
+} & Partial<ISurfAdsWebConfigurationOverrides>;
+export interface ISurfsideAdsApi {
+    bannerComponent: typeof SurfsideBanner;
+    videoComponent: typeof SurfsideVideo;
+    carouselComponent: typeof SurfsideCarousel;
+    productCardComponent: typeof SurfsideProductCard;
+    dynamicZoneComponent: typeof SurfsideDynamicZone;
+}
+/** Injects dependencies into the advertising web components and passes them an initializer service.
+ * Be warned! This function has no side effects, but it returns stateful classes. The web components
+ * call their own initialization functions lazily with side effects.  Once you begin
+ * using Surfside Ads Web components, you have moved out of functional programming land and into OOP
+ * land. State for Surfside ads web components is managed within the web component classes.
+ */
+export declare const CreateSurfAds: (config?: ISurfAdsConfiguration) => Result<ISurfsideAdsApi>;
+export declare const LoadSurfAds: (config?: ISurfAdsConfiguration) => Result<ISurfsideAdsApi>;

package/lib/types/components/Banner.d.ts

@@ -0,0 +1,17 @@
+import { type ILogger } from '@surfside/ads-core';
+import { SimpleCreativeComponent, type CompletedSimpleCreativeAttributes } from './SimpleCreative';
+import { type InitApi } from './Creative';
+import { type GetUserIdFn } from '@surfside/ads-core-web';
+export declare class SurfsideBanner extends SimpleCreativeComponent {
+    private _cancellationToken;
+    private _bounce;
+    static get observedAttributes(): string[];
+    constructor(initApi: InitApi, getUserId: GetUserIdFn, logger?: ILogger);
+    protected getComponentName(): string;
+    attributeChangedCallback(this: this, name: string, oldValue: string | null, newValue: string | null): Promise<void>;
+    connectedCallback(): Promise<void>;
+    adoptedCallback(): void;
+    disconnectedCallback(): void;
+    connectedMoveCallback(): void;
+    render(this: this & CompletedSimpleCreativeAttributes): Promise<void>;
+}

package/lib/types/components/Card.d.ts

@@ -0,0 +1,18 @@
+import { type RecommenderType } from '@surfside/ads-core';
+import { type CompletedBaseAttributes, CreativeComponent } from './Creative';
+export type CompletedCardAttributes = CompletedBaseAttributes & {
+    strategy: string;
+    recommend: string;
+};
+export declare class SurfsideProductCard extends CreativeComponent {
+    private _cancellationToken;
+    protected recommend: RecommenderType;
+    protected strategy: string;
+    private _bounce;
+    static get observedAttributes(): string[];
+    protected getComponentName(): string;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): Promise<void>;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    render(this: this & CompletedCardAttributes): Promise<void>;
+}

package/lib/types/components/Carousel.d.ts

@@ -0,0 +1,32 @@
+import { type ILogger, type RecommenderType } from '@surfside/ads-core';
+import { type CompletedBaseAttributes, CreativeComponent, type InitApi } from './Creative';
+import { type GetUserIdFn } from '@surfside/ads-core-web';
+export declare const NextType: {
+    readonly Product: "product";
+    readonly Page: "page";
+};
+export type CompletedCarouselAttributes = CompletedBaseAttributes & {
+    maxItems: number | undefined;
+    cardMinWidth: number;
+    cardMaxWidth: number | undefined;
+    strategy: string;
+    recommend: string;
+    nextType: string;
+};
+export declare class SurfsideCarousel extends CreativeComponent {
+    private _cancellationToken;
+    private _renderDebounce?;
+    protected maxItems?: number | null;
+    protected cardMinWidth: number;
+    protected cardMaxWidth?: number | null;
+    protected strategy: string;
+    protected recommend: RecommenderType;
+    protected nextType: 'page' | 'product';
+    static get observedAttributes(): string[];
+    constructor(initApi: InitApi, getUserId: GetUserIdFn, logger?: ILogger);
+    protected getComponentName(): string;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): Promise<void>;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    render(this: this & CompletedCarouselAttributes): Promise<void>;
+}

package/lib/types/components/Creative.d.ts

@@ -0,0 +1,84 @@
+import { type AsyncResult, type ILogger, type IContextLogger } from '@surfside/ads-core';
+import { type GetUserIdFn, type ISurfsideWebApi } from '@surfside/ads-core-web';
+export type CompletedBaseAttributes = {
+    accountId: string;
+    siteId: string;
+    locationId: string;
+    channelId: string;
+    zoneId: string;
+    keywords: string[];
+    api: ISurfsideWebApi;
+};
+export type BaseAttributeNames = 'account-id' | 'site-id' | 'location-id' | 'channel-id' | 'zone-id' | 'keywords' | 'category';
+export type InitApi = (accountId: string, siteId: string, channelId: string, locationId: string, userId: string | undefined, url: string) => AsyncResult<ISurfsideWebApi>;
+export declare const ProductFeedStrategy: {
+    readonly Sponsored: "sponsored";
+    readonly Hybrid: "hybrid";
+    readonly Recommended: "recommended";
+};
+export declare const RecommenderTypeInputs: {
+    TopProducts: string;
+    ForYou: string;
+    BuyAgain: string;
+    PastPurchases: string;
+};
+export declare const AttributeValOrThrow: (element: Element, attribute: string, value: string | null) => string;
+export declare const DEBOUNCE_THRESHOLD = 10;
+export declare abstract class CreativeComponent extends HTMLElement {
+    private _initApi;
+    private _getUserId;
+    protected accountId: string | undefined;
+    protected siteId: string | undefined;
+    protected locationId: string | undefined;
+    protected channelId: string | undefined;
+    protected zoneId: string | undefined;
+    protected category: string[];
+    protected keywords: string[];
+    protected shadow: ShadowRoot;
+    protected api?: ISurfsideWebApi;
+    protected log?: IContextLogger;
+    protected totem: string | undefined;
+    private _stopTimer?;
+    protected restartEndToEndTimer: () => void;
+    private _instanceId;
+    protected get instanceId(): string;
+    private readonly _monkeyHistoryReplaceCallback;
+    private _reauctionTimer;
+    private _reauctionCallback;
+    private _reauctionRemainingMs;
+    private _reauctionStartedAt;
+    private _windowBlurred;
+    private readonly _blurCallback;
+    private readonly _focusCallback;
+    private readonly _visibilityChangeCallback;
+    constructor(_initApi: InitApi, _getUserId: GetUserIdFn, logger?: ILogger);
+    connectedCallback(): void;
+    protected abstract getComponentName(): string;
+    protected static get observedBaseAttributes(): string[];
+    protected getBaseAttributeValues(): {
+        accountId: string | undefined;
+        siteId: string | undefined;
+        channelId: string | undefined;
+        locationId: string | undefined;
+        zoneId: string | undefined;
+        category: string[];
+        keywords: string[];
+    };
+    protected attributesLoaded(): boolean;
+    protected lazyLoadApi(): Promise<void>;
+    protected baseAttributeChangedCallback(key: BaseAttributeNames, oldValue: string | null, newValue: string | null, logger?: IContextLogger): Promise<void>;
+    disconnectedCallback(): void;
+    private reauctionPaused;
+    /**
+     * 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.
+     */
+    protected scheduleReauction(callback: () => void, intervalMs: number): void;
+    protected clearReauction(): void;
+    private startReauctionTimer;
+    private pauseReauction;
+    private resumeReauction;
+    protected initApi(): Promise<void>;
+    protected readBaseAttributes(): asserts this is this & CompletedBaseAttributes;
+}

package/lib/types/components/Dynamic.d.ts

@@ -0,0 +1,24 @@
+import { type IDynamicZoneRequest, type RecommenderType } from '@surfside/ads-core';
+import { type CompletedBaseAttributes, CreativeComponent } from './Creative';
+export type CompletedDynamicAttributes = CompletedBaseAttributes & {
+    maxItems: number | undefined;
+    cardMinWidth?: number;
+    strategy?: string;
+    recommend?: string;
+    nextType?: string;
+};
+export declare class SurfsideDynamicZone extends CreativeComponent {
+    private _cancellationToken;
+    protected maxItems?: number;
+    protected cardMinWidth?: number;
+    protected strategy?: string;
+    protected recommend?: RecommenderType;
+    protected nextType?: 'page' | 'product';
+    private _bounce;
+    protected getComponentName(): string;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): Promise<void>;
+    disconnectedCallback(): void;
+    render(this: this & CompletedDynamicAttributes): Promise<void>;
+    requestAndRender(this: this & CompletedDynamicAttributes, dynamicZoneRequest: IDynamicZoneRequest): Promise<void>;
+}

package/lib/types/components/SimpleCreative.d.ts

@@ -0,0 +1,20 @@
+import { type BaseAttributeNames, CreativeComponent, type InitApi, type CompletedBaseAttributes } from './Creative';
+import type { GetUserIdFn } from '@surfside/ads-core-web';
+import { type IContextLogger, type ILogger } from '@surfside/ads-core';
+export type CompletedSimpleCreativeAttributes = CompletedBaseAttributes & {
+    width: number;
+    height: number;
+};
+export type SimpleCreativeAttributeNames = BaseAttributeNames | 'width' | 'height';
+export declare const IntValOrThrow: (element: Element, attribute: string, value: string | null) => number;
+export declare const IntValOr: <T>(element: Element, attribute: string, value: string | null, or: T) => number | T;
+export declare abstract class SimpleCreativeComponent extends CreativeComponent {
+    protected width?: number | null;
+    protected height?: number | null;
+    constructor(initApi: InitApi, getUserId: GetUserIdFn, logger?: ILogger);
+    protected attributesLoaded(): boolean;
+    protected static get observedSimpleAttributes(): string[];
+    protected handleSimpleAttributeChange(name: string, oldValue: string | null, newValue: string | null, logger?: IContextLogger): Promise<void>;
+    simpleAttributeChangedCallback(name: string, oldValue: string | null, newValue: string | null, logger?: IContextLogger): Promise<void>;
+    readSimpleAttributes(): asserts this is this & CompletedSimpleCreativeAttributes;
+}

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

@@ -0,0 +1,23 @@
+import { type ILogger } from '@surfside/ads-core';
+import { SimpleCreativeComponent, type CompletedSimpleCreativeAttributes } from './SimpleCreative';
+import { type InitApi } from './Creative';
+import { type GetUserIdFn } from '@surfside/ads-core-web';
+export type CompletedVideoAttributes = CompletedSimpleCreativeAttributes & {
+    minDuration: number;
+    maxDuration: number;
+};
+export declare class SurfsideVideo extends SimpleCreativeComponent {
+    private _cancellationToken;
+    protected minDuration?: number | null;
+    protected maxDuration?: number | null;
+    private _bounce;
+    static get observedAttributes(): string[];
+    constructor(initApi: InitApi, getUserId: GetUserIdFn, logger?: ILogger);
+    protected getComponentName(): string;
+    protected attributesLoaded(): boolean;
+    attributeChangedCallback(this: this, name: string, oldValue: string | null, newValue: string | null): Promise<void>;
+    protected readVideoAttributes(): asserts this is this & CompletedVideoAttributes;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    render(this: this & CompletedVideoAttributes): Promise<void>;
+}

package/lib/types/demo/test.d.ts

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

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

@@ -0,0 +1,12 @@
+import { type AsyncResult, type ILogger } from '@surfside/ads-core';
+import { type ISurfsideClientApi } from '@surfside/ads-core-client';
+export * from './Init';
+export type Initializer = (accountId: string, siteId: string, channelId: string, locationId: string, userId: string | undefined, logger?: ILogger) => AsyncResult<ISurfsideClientApi>;
+export declare const InitSurfAdsWebComponents: (initializer?: Initializer) => void;
+export declare const SurfsideAdsVersionTable: {
+    [x: string]: {
+        buildBranch: string;
+        buildHash: string;
+        buildVer: string;
+    };
+};

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

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

package/lib/types/index.script.mock.d.ts

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

package/lib/types/service/Init.d.ts

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

package/lib/types/util/Attributes.d.ts

@@ -0,0 +1,24 @@
+import { type Result } from '@surfside/ads-core';
+export declare const ReadAttribute: (element: Element, attr: string) => Result<string>;
+export declare const ReadNumberAttribute: (element: Element, attr: string) => Result<number>;
+export declare const ReadIntAttribute: (element: Element, attr: string) => Result<number>;
+export declare const ReadBoolAttribute: (element: Element, attr: string) => Result<boolean>;
+export declare class AttributeNotFoundError extends Error {
+    element: Element;
+    attribute: string;
+    constructor(element: Element, attribute: string);
+}
+export declare abstract class AttributeWrongTypeError extends Error {
+    element: Element;
+    attribute: string;
+    constructor(element: Element, attribute: string, message: string);
+}
+export declare class AttributeNotANumberError extends AttributeWrongTypeError {
+    constructor(element: Element, attribute: string);
+}
+export declare class AttributeNotBoolError extends AttributeWrongTypeError {
+    constructor(element: Element, attribute: string);
+}
+export declare class AttributeNotIntError extends AttributeWrongTypeError {
+    constructor(element: Element, attribute: string);
+}

package/lib/types/util/Types.d.ts

@@ -0,0 +1,3 @@
+export type NoneNullable<T> = {
+    [K in keyof T]: NonNullable<T[K]>;
+};

package/package.json

@@ -1,73 +1,42 @@
-{
-  "name": "@surfside/ads",
-  "version": "2.0.0",
-  "description": "Client code for surfside ads",
-  "files": ["lib/index.js"],
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "type": "module",
-  "scripts": {
-    "lint": "npx eslint -c ./.eslintrc.json src/**/*.ts",
-    "build:mock": "npx cross-env NODE_ENV=development ENVIRONMENT=MOCK TS_NODE_PROJECT=./tsconfig.webpack.json NODE_OPTIONS='--import=tsx' webpack --mode=development --config webpack.config.ts",
-    "build:local": "npx cross-env NODE_ENV=development ENVIRONMENT=LOCAL TS_NODE_PROJECT=./tsconfig.webpack.json NODE_OPTIONS='--import=tsx' webpack --mode=development --config webpack.config.ts",
-    "build:staging": "npx cross-env NODE_ENV=development ENVIRONMENT=STAGING TS_NODE_PROJECT=./tsconfig.webpack.json NODE_OPTIONS='--import=tsx' webpack --mode=development --config webpack.config.ts",
-    "build:prod": "npx cross-env NODE_ENV=production cross-env ENVIRONMENT=PROD TS_NODE_PROJECT=./tsconfig.webpack.json NODE_OPTIONS='--import=tsx' webpack --mode=production --node-env=production --config webpack.config.ts",
-    "watch": "webpack --watch",
-    "serve": "npx cross-env NODE_ENV=development ENVIRONMENT=MOCK TS_NODE_PROJECT=./tsconfig.webpack.json NODE_OPTIONS='--import=tsx' webpack serve --mode=development --config webpack.config.ts",
-    "serve:local": "npx cross-env NODE_ENV=development ENVIRONMENT=LOCAL TS_NODE_PROJECT=./tsconfig.webpack.json NODE_OPTIONS='--import=tsx' webpack serve --mode=development --config webpack.config.ts",
-    "serve:staging": "npx cross-env NODE_ENV=development ENVIRONMENT=STAGING TS_NODE_PROJECT=./tsconfig.webpack.json NODE_OPTIONS='--import=tsx' webpack serve --mode=development --config webpack.config.ts",
-    "serve:prod": "npx cross-env NODE_ENV=production ENVIRONMENT=PROD LOG_LEVEL=DEBUG TS_NODE_PROJECT=./tsconfig.webpack.json NODE_OPTIONS='--import=tsx' webpack serve --mode=production --config webpack.config.ts",
-    "docs": "npx typedoc --out docs --entryPointStrategy expand ./src",
-    "playwright:install-deps": "npx playwright install-deps",
-    "playwright:install": "npx playwright install",
-    "pretest": "npx npm-run-all playwright:install-deps playwright:install",
-    "test": "npx playwright test",
-    "test:ui": "npx playwright test --ui"
-  },
-  "author": "Collin Oswalt, Ranveer Dhaliwal, Alec Below, Michael Blanche, Elsa Chen",
-  "license": "UNLICENSED",
-  "devDependencies": {
-    "@fluentui/web-components": "^2.6.1",
-    "@playwright/test": "^1.49.1",
-    "@stylistic/eslint-plugin-ts": "^1.5.4",
-    "@surfside/ads-core": "^1.0.0",
-    "@types/handlebars": "^4.1.0",
-    "@types/node": "^20.12.13",
-    "@typescript-eslint/eslint-plugin": "^6.20.0",
-    "@webpack-cli/generators": "^3.0.7",
-    "copy-webpack-plugin": "^12.0.2",
-    "cross-env": "^7.0.3",
-    "css-loader": "^7.1.2",
-    "eslint": "^8.56.0",
-    "eslint-config-standard-with-typescript": "^43.0.1",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^16.6.2",
-    "eslint-plugin-promise": "^6.1.1",
-    "famfamfam-silk": "^1.0.0",
-    "git-rev-sync": "^3.0.2",
-    "handlebars-loader": "^1.7.3",
-    "html-loader": "^5.0.0",
-    "html-webpack-plugin": "^5.6.0",
-    "lerna": "^8.1.8",
-    "monaco-editor": "^0.50.0",
-    "npm-run-all": "^4.1.5",
-    "raw-loader": "^4.0.2",
-    "sass": "^1.79.4",
-    "sass-loader": "^16.0.2",
-    "style-loader": "^4.0.0",
-    "ts-loader": "^9.5.1",
-    "ts-node": "^10.9.2",
-    "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "tsx": "^4.19.1",
-    "typedoc": "^0.25.13",
-    "typescript": "^5.3.3",
-    "webpack": "^5.94.0",
-    "webpack-bundle-analyzer": "^4.10.2",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.1.0",
-    "yargs": "^17.7.2"
-  },
-  "dependencies": {
-    "handlebars": "^4.7.8"
-  }
-}
+{
+  "name": "@surfside/ads",
+  "version": "3.6.0-0652b02f.0",
+  "module": "./lib/esm/index.module.js",
+  "main": "./lib/cjs/index.module.js",
+  "types": "./lib/types/index.module.d.ts",
+  "exports": {
+    ".": {
+      "import": "./lib/esm/index.module.js",
+      "require": "./lib/cjs/index.module.js",
+      "types": "./lib/types/index.module.d.ts"
+    }
+  },
+  "license": "UNLICENSED",
+  "type": "module",
+  "files": [
+    "lib/",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "bun x npm-run-all --parallel \"types\" \"esm\" \"cjs\" && bun run bun.build.ts",
+    "build:debug": "bun ./debug.build.ts",
+    "types": "tsc -p ./tsconfig.types.json",
+    "esm": "tsc -p ./tsconfig.esm.json",
+    "cjs": "tsc -p tsconfig.cjs.json",
+    "serve": "bun ./tests/tools/server",
+    "serve-dist": "npx serve dist --listen 3001 --cors",
+    "lint": "npx eslint src"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.60.0",
+    "@types/bun": "latest"
+  },
+  "peerDependencies": {
+    "typescript": "^5"
+  },
+  "dependencies": {
+    "@surfside/ads-core": "2.6.0-0652b02f.0",
+    "@surfside/ads-core-mock": "0.6.0-0652b02f.0",
+    "@surfside/ads-core-web": "0.6.0-0652b02f.0"
+  }
+}