@adhese/sdk-devtools 0.6.5 → 0.7.1

package/dist/index.d.ts

@@ -1,713 +1,12 @@
 import * as react from 'react';
 import { ReactElement } from 'react';
-import * as zod from 'zod';
-import { TypeOf, ZodType } from 'zod';
-import { ComputedRef, Ref, MaybeRef } from '@vue/runtime-core';
-
-/**
- * Merge two types together. The resulting type will have all properties of both types, but if a property is present in
- * both types, the type of the second type will be used.
- */
-type Merge<T, U> = Omit<T, keyof U> & U;
-
-/**
- * Type that represents a URL string that starts with `http://` or `https://`.
- */
-type UrlString = `https://${string}.${string}` | `http://${string}.${string}`;
-
-type Event<T> = {
-    /**
-     * The listeners for this event. This is a set of functions that will be called when the event is dispatched.
-     */
-    listeners: Set<(data: T) => void | Promise<void>>;
-    /**
-     * Dispatches the event to all listeners. This is a synchronous operation.
-     * @param data
-     */
-    dispatch(data: T): void;
-    /**
-     * Dispatches the event to all listeners. This is an asynchronous operation.
-     * @param data
-     */
-    dispatchAsync(data: T): Promise<void>;
-    /**
-     * Adds a listener to the event.
-     * @param listener
-     */
-    addListener(listener: (data: T) => void | Promise<void>): void;
-    /**
-     * Removes a listener from the event.
-     * @param listener
-     */
-    removeListener(listener: (data: T) => void | Promise<void>): void;
-};
-type EventManagerGroup<Events extends Record<string, unknown>> = {
-    [Key in keyof Events]: Readonly<Event<Events[Key]>>;
-};
-type EventManager<Events extends Record<string, unknown>> = {
-    /**
-     * Disposes of all listeners and clears the event manager. After calling this method, the event manager is no longer usable.
-     */
-    dispose(): void;
-} & EventManagerGroup<Events>;
-/**
- * Creates a new event manager with the given event names.
- *
- * @typeParam Events The events that the event manager will handle and their data types.
- */
-declare function createEventManager<Events extends Record<Name, unknown>, Name extends Readonly<string | number | symbol> = keyof Events>(): EventManager<Events>;
-
-declare class Config {
-    auto?: boolean;
-    debug?: boolean;
-    renderFile?: string;
-    cdn?: string;
-    msgFile?: string;
-    root?: string;
-    to?: number;
-    constructor(options?: {
-        auto?: boolean;
-        debug?: boolean;
-        renderFile?: string;
-        cdn?: string;
-        msgFile?: string;
-        root?: string;
-        to?: number;
-    });
-}
-declare class Position {
-    html: string;
-    id: string;
-    src: string;
-    meta?: Record<string, unknown>;
-    config?: Record<string, unknown>;
-    constructor(config: {
-        id: string;
-        src?: string;
-        html: string;
-        config?: PosConfig;
-    });
-}
-declare class PosConfig {
-    id: string;
-    dest: string;
-    constructor(posIDorObj: string | {
-        bg?: string;
-        css?: string;
-        dest?: string;
-        h?: number;
-        id?: string;
-        size?: string;
-        tgt?: string;
-        w?: number;
-        z?: number;
-        supports?: Record<string, unknown>;
-    }, destID?: string, baseConf?: {
-        bg?: string;
-        css?: string;
-        dest?: string;
-        h?: number;
-        id?: string;
-        size?: string;
-        tgt?: string;
-        w?: number;
-        z?: number;
-        supports?: Record<string, unknown>;
-    });
-}
-
-type SafeFrame = {
-    config: Config;
-    addPosition(positions: Ad, element: HTMLElement): Position;
-    render(position: Position): Promise<void>;
-    dispose(): void;
-};
-
-type SlotManager = {
-    /**
-     * Returns all slots that are currently registered and rendered.
-     */
-    getAll(): ReadonlyArray<AdheseSlot>;
-    /**
-     * Adds a new slot to the Adhese instance and renders it.
-     */
-    add(slot: Omit<AdheseSlotOptions, 'context'>): Readonly<AdheseSlot>;
-    /**
-     * Finds all slots in the DOM and adds them to the Adhese instance.
-     */
-    findDomSlots(): Promise<ReadonlyArray<AdheseSlot>>;
-    /**
-     * Returns the slot with the given name.
-     */
-    get(name: string): AdheseSlot | undefined;
-    /**
-     * Removes all slots from the Adhese instance and cleans up the slot manager.
-     */
-    dispose(): void;
-};
-type SlotManagerOptions = {
-    /**
-     * List of initial slots to add to the slot manager.
-     */
-    initialSlots?: ReadonlyArray<Merge<Omit<AdheseSlotOptions, 'containingElement' | 'context' | 'lazy'>, {
-        containingElement: string;
-    }>>;
-    context: AdheseContext;
-};
-
-declare const baseSchema: zod.ZodObject<{
-    adDuration: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, number | undefined, string>>;
-    adFormat: zod.ZodOptional<zod.ZodString>;
-    adType: zod.ZodString;
-    additionalCreativeTracker: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, URL | undefined, string>>;
-    additionalViewableTracker: zod.ZodOptional<zod.ZodString>;
-    adspaceEnd: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, Date | undefined, string>>;
-    adspaceId: zod.ZodOptional<zod.ZodString>;
-    adspaceKey: zod.ZodOptional<zod.ZodString>;
-    adspaceStart: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, Date | undefined, string>>;
-    advertiserId: zod.ZodOptional<zod.ZodString>;
-    altText: zod.ZodOptional<zod.ZodString>;
-    auctionable: zod.ZodOptional<zod.ZodUnion<[zod.ZodBoolean, zod.ZodLiteral<"">]>>;
-    body: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodUnion<[zod.ZodEffects<zod.ZodString, Record<string, unknown> | readonly unknown[], string>, zod.ZodEffects<zod.ZodString, string, string>]>]>, string | Record<string, unknown> | readonly unknown[] | undefined, string>>;
-    clickTag: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, URL | undefined, string>>;
-    comment: zod.ZodOptional<zod.ZodString>;
-    creativeName: zod.ZodOptional<zod.ZodString>;
-    deliveryGroupId: zod.ZodOptional<zod.ZodString>;
-    deliveryMultiples: zod.ZodOptional<zod.ZodString>;
-    ext: zod.ZodOptional<zod.ZodString>;
-    extension: zod.ZodOptional<zod.ZodObject<{
-        mediaType: zod.ZodString;
-        prebid: zod.ZodOptional<zod.ZodUnknown>;
-    }, "strip", zod.ZodTypeAny, {
-        mediaType: string;
-        prebid?: unknown;
-    }, {
-        mediaType: string;
-        prebid?: unknown;
-    }>>;
-    height: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, number | undefined, string>>;
-    id: zod.ZodString;
-    impressionCounter: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, URL | undefined, string>>;
-    libId: zod.ZodOptional<zod.ZodString>;
-    orderId: zod.ZodOptional<zod.ZodString>;
-    orderName: zod.ZodOptional<zod.ZodString>;
-    orderProperty: zod.ZodOptional<zod.ZodString>;
-    origin: zod.ZodUnion<[zod.ZodLiteral<"JERLICIA">, zod.ZodLiteral<"DALE">]>;
-    originData: zod.ZodOptional<zod.ZodUnknown>;
-    originInstance: zod.ZodOptional<zod.ZodString>;
-    poolPath: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, URL | undefined, string>>;
-    preview: zod.ZodOptional<zod.ZodUnion<[zod.ZodBoolean, zod.ZodLiteral<"">]>>;
-    priority: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, number | undefined, string>>;
-    sfSrc: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, URL | undefined, string>>;
-    share: zod.ZodOptional<zod.ZodString>;
-    slotID: zod.ZodString;
-    slotName: zod.ZodString;
-    swfSrc: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, URL | undefined, string>>;
-    tag: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodUnion<[zod.ZodEffects<zod.ZodString, Record<string, unknown> | readonly unknown[], string>, zod.ZodEffects<zod.ZodString, string, string>]>]>, string | Record<string, unknown> | readonly unknown[] | undefined, string>>;
-    tagUrl: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, URL | undefined, string>>;
-    timeStamp: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, Date | undefined, string>>;
-    trackedImpressionCounter: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, URL | undefined, string>>;
-    tracker: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, URL | undefined, string>>;
-    trackingUrl: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, URL | undefined, string>>;
-    url: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, URL | undefined, string>>;
-    viewableImpressionCounter: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, URL | undefined, string>>;
-    width: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">]>, number | undefined, string>>;
-    widthLarge: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodLiteral<"">, zod.ZodNumber]>, string | undefined, string | number>>;
-}, "strip", zod.ZodTypeAny, {
-    adType: string;
-    id: string;
-    origin: "JERLICIA" | "DALE";
-    slotID: string;
-    slotName: string;
-    adDuration?: number | undefined;
-    adFormat?: string | undefined;
-    additionalCreativeTracker?: URL | undefined;
-    additionalViewableTracker?: string | undefined;
-    adspaceEnd?: Date | undefined;
-    adspaceId?: string | undefined;
-    adspaceKey?: string | undefined;
-    adspaceStart?: Date | undefined;
-    advertiserId?: string | undefined;
-    altText?: string | undefined;
-    auctionable?: boolean | "" | undefined;
-    body?: string | Record<string, unknown> | readonly unknown[] | undefined;
-    clickTag?: URL | undefined;
-    comment?: string | undefined;
-    creativeName?: string | undefined;
-    deliveryGroupId?: string | undefined;
-    deliveryMultiples?: string | undefined;
-    ext?: string | undefined;
-    extension?: {
-        mediaType: string;
-        prebid?: unknown;
-    } | undefined;
-    height?: number | undefined;
-    impressionCounter?: URL | undefined;
-    libId?: string | undefined;
-    orderId?: string | undefined;
-    orderName?: string | undefined;
-    orderProperty?: string | undefined;
-    originData?: unknown;
-    originInstance?: string | undefined;
-    poolPath?: URL | undefined;
-    preview?: boolean | "" | undefined;
-    priority?: number | undefined;
-    sfSrc?: URL | undefined;
-    share?: string | undefined;
-    swfSrc?: URL | undefined;
-    tag?: string | Record<string, unknown> | readonly unknown[] | undefined;
-    tagUrl?: URL | undefined;
-    timeStamp?: Date | undefined;
-    trackedImpressionCounter?: URL | undefined;
-    tracker?: URL | undefined;
-    trackingUrl?: URL | undefined;
-    url?: URL | undefined;
-    viewableImpressionCounter?: URL | undefined;
-    width?: number | undefined;
-    widthLarge?: string | undefined;
-}, {
-    adType: string;
-    id: string;
-    origin: "JERLICIA" | "DALE";
-    slotID: string;
-    slotName: string;
-    adDuration?: string | undefined;
-    adFormat?: string | undefined;
-    additionalCreativeTracker?: string | undefined;
-    additionalViewableTracker?: string | undefined;
-    adspaceEnd?: string | undefined;
-    adspaceId?: string | undefined;
-    adspaceKey?: string | undefined;
-    adspaceStart?: string | undefined;
-    advertiserId?: string | undefined;
-    altText?: string | undefined;
-    auctionable?: boolean | "" | undefined;
-    body?: string | undefined;
-    clickTag?: string | undefined;
-    comment?: string | undefined;
-    creativeName?: string | undefined;
-    deliveryGroupId?: string | undefined;
-    deliveryMultiples?: string | undefined;
-    ext?: string | undefined;
-    extension?: {
-        mediaType: string;
-        prebid?: unknown;
-    } | undefined;
-    height?: string | undefined;
-    impressionCounter?: string | undefined;
-    libId?: string | undefined;
-    orderId?: string | undefined;
-    orderName?: string | undefined;
-    orderProperty?: string | undefined;
-    originData?: unknown;
-    originInstance?: string | undefined;
-    poolPath?: string | undefined;
-    preview?: boolean | "" | undefined;
-    priority?: string | undefined;
-    sfSrc?: string | undefined;
-    share?: string | undefined;
-    swfSrc?: string | undefined;
-    tag?: string | undefined;
-    tagUrl?: string | undefined;
-    timeStamp?: string | undefined;
-    trackedImpressionCounter?: string | undefined;
-    tracker?: string | undefined;
-    trackingUrl?: string | undefined;
-    url?: string | undefined;
-    viewableImpressionCounter?: string | undefined;
-    width?: string | undefined;
-    widthLarge?: string | number | undefined;
-}>;
-type AdResponse = (TypeOf<typeof baseSchema> & {
-    additionalCreatives?: ReadonlyArray<AdResponse> | string;
-});
-declare const adResponseSchema: ZodType<AdResponse>;
-type PreParsedAd = TypeOf<typeof adResponseSchema> & {
-    additionalCreatives?: ReadonlyArray<PreParsedAd> | string;
-};
-type Ad<T = string | Record<string, unknown> | ReadonlyArray<unknown>> = Omit<PreParsedAd, 'tag'> & {
-    tag: T | string;
-};
-
-type RenderMode = 'iframe' | 'inline';
-type AdheseSlotOptions = {
-    /**
-     * The format code of the slot. Used to find the correct element on the page to render the ad in. If the format is a
-     * string, it is used as the format code. If the format is an array, the format code is determined by the query
-     * detector.
-     */
-    format: string | ReadonlyArray<{
-        format: string;
-        query: string;
-    }>;
-    /**
-     * If we have multiple slots with the same format, we can use this to differentiate between them.
-     */
-    slot?: string;
-    /**
-     * The element that contains the slot. Used to find the correct element on the page to render the ad in.
-     */
-    containingElement?: string | HTMLElement;
-    /**
-     * The parameters that are used to render the ad.
-     */
-    parameters?: Record<string, ReadonlyArray<string> | string>;
-    /**
-     * The Adhese context
-     */
-    context: AdheseContext;
-    /**
-     * The render mode of the slot.
-     *
-     * - `iframe`: The ad will be rendered in an iframe.
-     * - `inline`: The ad will be rendered in the containing element.
-     *
-     * @default 'iframe'
-     */
-    renderMode?: RenderMode;
-    /**
-     * Callback that is called when the slot is disposed.
-     */
-    onDispose?(): void;
-    /**
-     * Callback that is called when the format of the slot changes.
-     */
-    onNameChange?(newName: string, oldName: string): void;
-    /**
-     * Callback that is called when the slot is rendered.
-     */
-    onRender?(element: HTMLElement): void;
-    /**
-     * Callback that is called before the ad is rendered. This can be used to modify the ad before it is rendered.
-     * Particularly useful for rendering ads with custom HTML if the ad tag contains a JSON object.
-     */
-    onBeforeRender?(ad: Ad): Ad | void;
-} & ({
-    /**
-     * If the slot should be lazy loaded. This means that the ad will only be requested when the slot is in the viewport.
-     * If `true`, the slot will handle the request itself and render the ad.
-     */
-    lazyLoading: true;
-    lazyLoadingOptions?: {
-        /**
-         * The root margin of the intersection observer. This is used to determine when the slot is in the viewport.
-         */
-        rootMargin?: string;
-    };
-} | {
-    lazyLoading?: false;
-    lazyLoadingOptions?: never;
-});
-type AdheseSlot = Merge<Omit<AdheseSlotOptions, 'onDispose' | 'context' | 'onFormatChange' | 'format'>, {
-    /**
-     * The name of the slot. This is used to identify the slot in the Adhese instance.
-     *
-     * The name is generated based on the location, format, and slot of the slot.
-     */
-    name: ComputedRef<string>;
-    /**
-     * The format code of the slot. Used to find the correct element on the page to render the ad in.
-     *
-     * If the format is a string, it is used as the format code. If the format is an array, the format code is determined
-     * by the query detector.
-     *
-     * When you change the format, the slot will request a new ad from the API automatically.
-     */
-    format: Ref<string>;
-    /**
-     * The location of the slot. This is the location that is used to determine the current page URL.
-     */
-    location: string;
-    /**
-     * The parameters that are used to render the ad.
-     */
-    parameters: Map<string, ReadonlyArray<string> | string>;
-    /**
-     * Whether the viewability tracking pixel has been fired.
-     */
-    isViewabilityTracked: ComputedRef<boolean>;
-    /**
-     * Whether the impression tracking pixel has been fired.
-     */
-    isImpressionTracked: ComputedRef<boolean>;
-    /**
-     * Ad object that is fetched from the API.
-     */
-    ad: Ref<Ad | null>;
-    /**
-     * Renders the slot in the containing element. If no ad is provided, a new ad will be requested from the API.
-     */
-    render(ad?: Ad): Promise<HTMLElement>;
-    /**
-     * Returns the rendered element.
-     */
-    getElement(): HTMLElement | null;
-    /**
-     * Removes the slot from the DOM and cleans up the slot instance.
-     */
-    dispose(): void;
-}>;
-
-type AdRequestOptions = {
-    /**
-     * List of slots you want to fetch the ad for
-     */
-    slots: ReadonlyArray<{
-        name: MaybeRef<string>;
-        parameters: Map<string, ReadonlyArray<string> | string>;
-    }>;
-    context: AdheseContext;
-};
-
-/**
- * A log entry saved by the logger
- */
-type Log<T extends string> = {
-    /**
-     * The scope of the logger that created this log entry
-     */
-    scope: string;
-    /**
-     * The log level of this log entry
-     */
-    level: T;
-    /**
-     * The message of this log entry
-     */
-    message: string;
-    /**
-     * The attributes of this log entry
-     */
-    attributes?: unknown;
-    /**
-     * The timestamp of this log entry
-     */
-    timestamp: number;
-    id: string;
-};
-type LogFunction = (message: string, attributes?: unknown) => void;
-type Logger<T extends string> = {
-    [key in T]: LogFunction;
-} & {
-    /**
-     * The scope of the logger
-     */
-    readonly scope: string;
-    /**
-     * The event manager of the logger
-     */
-    events: ReturnType<typeof createEventManager<{
-        log: Log<T>;
-        reset: void;
-    }>>;
-    /**
-     * Set the minimum log level threshold
-     */
-    setMinLogLevelThreshold(level: T): void;
-    /**
-     * Reset the minimum log level threshold to the default value
-     */
-    resetMinLogLevelThreshold(): void;
-    /**
-     * Get the current minimum log level threshold
-     */
-    getMinLogLevelThreshold(): T;
-    /**
-     * Get the logs that were created by this logger
-     */
-    getLogs(): ReadonlyArray<Log<T>>;
-    /**
-     * Reset the logs that were created by this logger
-     */
-    resetLogs(): void;
-};
-
-declare const logger: Logger<"debug" | "error" | "trace" | "info" | "warn">;
-
-type AdheseOptions = {
-    /**
-     * The Adhese account name.
-     */
-    account: string;
-    /**
-     * The url that is used to connect to the Adhese ad server. Pass a custom URL if you want to use your own domain for
-     * the connection.
-     *
-     * @default 'https://ads-{{account}}.adhese.com'
-     */
-    host?: UrlString;
-    /**
-     * The url that is used to connect to the Adhese pool server. Pass a custom URL if you want to use your own domain for
-     * the connection.
-     *
-     * @default 'https://pool-{{account}}.adhese.com'
-     */
-    poolHost?: UrlString;
-    /**
-     * The page location. This is used to determine the current page location identifier.
-     *
-     * @default location.pathname
-     */
-    location?: string;
-    /**
-     * The requestAds type to use for the Adhese API requests. This can be either `GET` or `POST`. `POST` is the default
-     * and offers the most options. `GET` is more limited as it needs pass its data as search parameters but can be used
-     * in environments where `POST` requests are not allowed.
-     *
-     * @default 'POST'
-     */
-    requestType?: 'GET' | 'POST';
-    /**
-     * Enable debug logging.
-     *
-     * @default false
-     */
-    debug?: boolean;
-    /**
-     * Find all slots in the DOM and add them to the Adhese instance during initialization.
-     *
-     * @default false
-     */
-    findDomSlotsOnLoad?: boolean;
-    /**
-     * Additional parameters to send with each request. Make sure that the keys of a parameter only contain `2` characters.
-     */
-    parameters?: Record<string, ReadonlyArray<string> | string>;
-    /**
-     * The consent type to use for the Adhese API requests. This can be either `true` or `false`. `false` is the default and
-     * will send all consent data to the Adhese API. `false` will send no consent data to the Adhese API.
-     *
-     * @default false
-     */
-    consent?: boolean;
-    /**
-     * Will log the `document.referrer` to the Adhese API in a BASE64 string with the `re` parameter.
-     *
-     * @default true
-     */
-    logReferrer?: boolean;
-    /**
-     * Will log the `window.location.href` to the Adhese API in a BASE64 string with the `ur` parameter.
-     *
-     * @default true
-     */
-    logUrl?: boolean;
-    /**
-     * If `true`, ads will be rendered immediately after they are fetched from the API. If `false`, ads will only be
-     * rendered when the slot is in the viewport.
-     *
-     * @default false
-     */
-    eagerRendering?: boolean;
-    /**
-     * The query detector options for the Adhese instance.
-     */
-    queries?: Record<string, string>;
-    safeFrame?: boolean;
-} & ({
-    viewabilityTracking?: true;
-    /**
-     * Options for the viewability tracking of the ads. If `true` or `undefined`, the default viewability tracking options will be used.
-     *
-     * @default true
-     */
-    viewabilityTrackingOptions?: {
-        /**
-         * Fraction of the ad that needs to be in the viewport for the ad to be considered viewable.
-         *
-         * @default 0.2
-         */
-        threshold?: number;
-        /**
-         * The duration the ad needs to be in the viewport for the ad to be considered viewable in milliseconds.
-         *
-         * @default 1000
-         */
-        duration?: number;
-        /**
-         * The margin around the viewport where the ad is considered viewable.
-         *
-         * @default '0px'
-         */
-        rootMargin?: string;
-    };
-} | {
-    viewabilityTracking?: false;
-    viewabilityTrackingOptions?: never;
-}) & Pick<SlotManagerOptions, 'initialSlots'>;
-type MergedOptions = Merge<AdheseOptions, Required<Pick<AdheseOptions, 'host' | 'poolHost' | 'location' | 'requestType' | 'debug' | 'initialSlots' | 'findDomSlotsOnLoad' | 'consent' | 'logUrl' | 'logReferrer' | 'eagerRendering' | 'viewabilityTracking'>>>;
-type AdheseEvents = {
-    locationChange: string;
-    consentChange: boolean;
-    addSlot: AdheseSlot;
-    removeSlot: AdheseSlot;
-    changeSlots: ReadonlyArray<AdheseSlot>;
-    responseReceived: ReadonlyArray<Ad>;
-    requestAd: AdRequestOptions;
-    requestError: Error;
-    previewReceived: ReadonlyArray<Ad>;
-    parametersChange: Map<string, ReadonlyArray<string> | string>;
-    debugChange: boolean;
-};
-type Adhese = Omit<AdheseOptions, 'location' | 'parameters' | 'consent'> & Merge<SlotManager, {
-    /**
-     * The parameters that are used for all ads.
-     */
-    parameters: Map<string, ReadonlyArray<string> | string>;
-    /**
-     * The event manager for the Adhese instance.
-     */
-    events: EventManager<AdheseEvents>;
-    context: AdheseContext;
-    /**
-     * Returns the current page location.
-     */
-    getLocation(): string;
-    /**
-     * Sets the current page location.
-     */
-    setLocation(location: string): void;
-    /**
-     * Returns the current consent type.
-     */
-    getConsent(): boolean;
-    /**
-     * Sets the current consent type.
-     */
-    setConsent(consent: boolean): void;
-    /**
-     * Adds a new slot to the Adhese instance and renders it.
-     */
-    addSlot(slot: Omit<AdheseSlotOptions, 'location' | 'context'>): Promise<Readonly<AdheseSlot>>;
-    /**
-     * Finds all slots in the DOM and adds them to the Adhese instance.
-     */
-    findDomSlots(): Promise<ReadonlyArray<AdheseSlot>>;
-    /**
-     * Removes all slots from the Adhese instance and cleans up the Adhese instance.
-     *
-     * After calling this method, the Adhese instance is no longer usable.
-     */
-    dispose(): void;
-    /**
-     * Toggles the debug mode of the Adhese instance.
-     */
-    toggleDebug(): Promise<boolean>;
-}>;
-type AdheseContext = Partial<Pick<Adhese, 'events' | 'getAll' | 'get' | 'parameters'>> & {
-    location: string;
-    consent: boolean;
-    options: Readonly<MergedOptions>;
-    logger: typeof logger;
-    debug: boolean;
-    safeFrame?: SafeFrame;
-};
+import { AdheseContext, AdhesePlugin } from '@adhese/sdk';
 
 declare function Devtools$1({ adheseContext }: {
     adheseContext: AdheseContext;
 }): ReactElement;
 
-declare function createDevtools(context: AdheseContext): Promise<() => void>;
+declare const createDevtools: AdhesePlugin;
 declare const Devtools: react.LazyExoticComponent<typeof Devtools$1>;
 
 export { Devtools, createDevtools };