@adhese/sdk 0.6.4 → 0.8.0

package/dist/index.cjs

@@ -1,12 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const sdkDevtools = require("@adhese/sdk-devtools");
 const runtimeCore = require("@vue/runtime-core");
-const uniqueId = require("lodash/uniqueId");
-const debounce = require("lodash/debounce");
-const random = require("lodash/random");
-const isEqual = require("lodash/isEqual");
-const round = require("lodash/round");
+const remeda = require("remeda");
 const zod = require("zod");
 async function waitForDomLoad() {
   return new Promise((resolve) => {
@@ -67,6 +62,15 @@ function createEvent() {
     removeListener
   };
 }
+const savedIds = /* @__PURE__ */ new Set();
+function uniqueId() {
+  let id;
+  do
+    id = Math.random().toString(36).slice(2);
+  while (savedIds.has(id));
+  savedIds.add(id);
+  return id;
+}
 function createSafeFrame({
   renderFile,
   context
@@ -148,109 +152,16 @@ function renderInline(ad, element) {
 function generateName(location, format, slot) {
   return `${location}${slot ? `${slot}` : ""}-${format}`;
 }
-async function findDomSlots(context) {
-  await waitForDomLoad();
-  return Array.from(document.querySelectorAll(".adunit")).filter((element) => {
-    var _a;
-    if (!element.dataset.format)
-      return false;
-    const name = generateName(
-      context.location,
-      element.dataset.format,
-      element.dataset.slot
-    );
-    return !((_a = context.getAll) == null ? void 0 : _a.call(context).some((activeSlot) => activeSlot.name.value === name));
-  }).map((element) => createSlot({
-    format: element.dataset.format,
-    containingElement: element,
-    slot: element.dataset.slot,
-    context
-  })).filter((slot) => {
-    var _a;
-    return !((_a = context.getAll) == null ? void 0 : _a.call(context).some((activeSlot) => activeSlot.name.value === slot.name.value));
-  });
-}
-function createSlotManager({
-  initialSlots = [],
-  context
-}) {
-  const scope = runtimeCore.effectScope();
-  return scope.run(() => {
-    const slots = runtimeCore.shallowReactive(/* @__PURE__ */ new Map());
-    runtimeCore.watchEffect(() => {
-      var _a;
-      (_a = context.events) == null ? void 0 : _a.changeSlots.dispatch(Array.from(slots.values()));
-    });
-    function getAll() {
-      return Array.from(slots).map(([, slot]) => slot);
-    }
-    function add(options) {
-      var _a;
-      const slot = createSlot({
-        ...options,
-        onDispose,
-        context
-      });
-      function onDispose() {
-        var _a2;
-        slots.delete(slot.name.value);
-        logger.debug("Slot removed", {
-          slot,
-          slots: Array.from(slots)
-        });
-        (_a2 = context.events) == null ? void 0 : _a2.removeSlot.dispatch(slot);
-      }
-      slots.set(slot.name.value, slot);
-      runtimeCore.watch(slot.name, (newName, previousName) => {
-        slots.set(newName, slot);
-        slots.delete(previousName);
-      });
-      logger.debug("Slot added", {
-        slot,
-        slots: Array.from(slots.values())
-      });
-      (_a = context.events) == null ? void 0 : _a.addSlot.dispatch(slot);
-      return slot;
-    }
-    async function findDomSlots$1() {
-      const domSlots = await findDomSlots(
-        context
-      );
-      for (const slot of domSlots)
-        slots.set(slot.name.value, slot);
-      return domSlots;
-    }
-    function get(name) {
-      return slots.get(name);
-    }
-    function dispose() {
-      for (const slot of slots.values())
-        slot.dispose();
-      slots.clear();
-      scope.stop();
-    }
-    for (const options of initialSlots) {
-      add({
-        ...options,
-        lazyLoading: false
-      });
-    }
-    return {
-      getAll,
-      add,
-      findDomSlots: findDomSlots$1,
-      get,
-      dispose
-    };
-  });
-}
-function onTcfConsentChange(callback) {
-  var _a;
-  (_a = window.__tcfapi) == null ? void 0 : _a.call(window, "addEventListener", 2, callback);
-  return () => {
-    var _a2;
-    return (_a2 = window.__tcfapi) == null ? void 0 : _a2.call(window, "removeEventListener", 2, callback);
-  };
+function addTrackingPixel(url) {
+  const img = document.createElement("img");
+  img.src = url.toString();
+  img.style.height = "1px";
+  img.style.width = "1px";
+  img.style.margin = "-1px";
+  img.style.border = "0";
+  img.style.position = "absolute";
+  img.style.top = "0";
+  return document.body.appendChild(img);
 }
 function createQueryDetector({
   onChange,
@@ -270,17 +181,19 @@ function createQueryDetector({
     }
     return "unknown";
   }
-  const handleOnChange = debounce(() => {
+  const handleOnChange = remeda.debounce(() => {
     void (onChange == null ? void 0 : onChange(getQuery()));
     logger.debug(`Change device ${getQuery()}`);
-  }, 50);
+  }, {
+    waitMs: 50
+  });
   if (onChange) {
     for (const query of mediaMap.values())
-      query.addEventListener("change", handleOnChange);
+      query.addEventListener("change", handleOnChange.call);
   }
   function dispose() {
     for (const query of mediaMap.values())
-      query.removeEventListener("change", handleOnChange);
+      query.removeEventListener("change", handleOnChange.call);
   }
   return {
     queries: mediaMap,
@@ -361,47 +274,33 @@ function createLogger({
 const logger = createLogger({
   scope: "Adhese SDK"
 });
-function createParameters(options, queryDetector) {
-  const parameters = /* @__PURE__ */ new Map();
-  if (options.logReferrer)
-    parameters.set("re", btoa(document.referrer));
-  if (options.logUrl)
-    parameters.set("ur", btoa(window.location.href));
-  for (const [key, value] of Object.entries({
-    ...options.parameters ?? {},
-    tl: options.consent ? "all" : "none",
-    dt: queryDetector.getQuery(),
-    br: queryDetector.getQuery(),
-    rn: random(1e4).toString()
-  }))
-    parameters.set(key, value);
-  return parameters;
+const hookMap = /* @__PURE__ */ new Map();
+function clearAllHooks() {
+  hookMap.clear();
 }
-function setupLogging(mergedOptions) {
-  if (mergedOptions.debug || window.location.search.includes("adhese_debug=true")) {
-    logger.setMinLogLevelThreshold("debug");
-    logger.debug("Debug logging enabled");
-  }
-  logger.debug("Created Adhese SDK instance", {
-    mergedOptions
-  });
-}
-function isPreviewMode() {
-  return window.location.search.includes("adhesePreviewCreativeId");
-}
-function createHook({
+function createHook(name, {
   onRun,
   onAdd
-}) {
-  const callbacks = /* @__PURE__ */ new Set();
-  function run() {
-    for (const callback of callbacks)
-      callback();
-    onRun == null ? void 0 : onRun(callbacks);
-  }
+} = {}) {
+  hookMap.set(name, /* @__PURE__ */ new Set());
+  const run = async (arg) => {
+    let latestResult = arg;
+    for (const callback of hookMap.get(name) ?? [])
+      latestResult = await callback(latestResult) ?? latestResult;
+    onRun == null ? void 0 : onRun(hookMap.get(name));
+    return latestResult;
+  };
   function add(callback) {
-    callbacks.add(callback);
-    onAdd == null ? void 0 : onAdd(callbacks);
+    const hookSet = hookMap.get(name);
+    if (hookSet)
+      hookSet.add(callback);
+    else
+      hookMap.set(name, /* @__PURE__ */ new Set([callback]));
+    onAdd == null ? void 0 : onAdd(hookSet);
+    return () => {
+      var _a;
+      (_a = hookMap.get(name)) == null ? void 0 : _a.delete(callback);
+    };
   }
   return [run, add];
 }
@@ -411,229 +310,313 @@ let isInit = false;
 const waitOnInit = new Promise((resolve) => {
   resolveOnInitPromise = resolve;
 });
-const [runOnInit, onInit] = createHook({
+const [runOnInit, onInit] = createHook("onInit", {
   onRun(callbacks) {
     isInit = true;
     resolveOnInitPromise();
     logger.debug("Initialization completed");
-    callbacks.clear();
+    callbacks == null ? void 0 : callbacks.clear();
   },
   onAdd() {
     if (isInit)
-      runOnInit();
+      runOnInit().catch(logger.error);
   }
 });
-function createAdhese(options) {
-  const scope = runtimeCore.effectScope();
-  return scope.run(() => {
-    const mergedOptions = {
-      host: `https://ads-${options.account}.adhese.com`,
-      poolHost: `https://pool-${options.account}.adhese.com`,
-      location: "homepage",
-      requestType: "POST",
-      debug: false,
-      initialSlots: [],
-      findDomSlotsOnLoad: false,
-      consent: false,
-      logReferrer: true,
-      logUrl: true,
-      safeFrame: false,
-      eagerRendering: false,
-      viewabilityTracking: true,
-      ...options
-    };
-    setupLogging(mergedOptions);
-    const context = runtimeCore.reactive({
-      location: mergedOptions.location,
-      consent: mergedOptions.consent,
-      debug: mergedOptions.debug,
-      getAll,
-      get,
-      options: mergedOptions,
-      logger
+const [runOnRequest, onRequest] = createHook("onRequest");
+const [runOnResponse, onResponse] = createHook("onResponse");
+const numberLike = zod.union([zod.coerce.string().regex(/^\d+$/), zod.literal("")]).transform((value) => value === "" ? void 0 : Number(value));
+const booleanLike = zod.union([zod.coerce.boolean(), zod.literal("")]);
+const urlLike = zod.union([zod.coerce.string(), zod.literal("")]).transform((value) => {
+  try {
+    return new URL(value);
+  } catch {
+    return void 0;
+  }
+});
+const dateLike = zod.union([zod.coerce.string(), zod.literal("")]).transform((value) => {
+  if (value === "")
+    return void 0;
+  const date = new Date(numberLike.safeParse(value).success ? Number(value) : value);
+  if (Number.isNaN(date.getTime()))
+    return void 0;
+  return date;
+});
+const cssValueLike = zod.union([zod.coerce.string(), zod.literal(""), zod.number()]).transform((value) => {
+  if (value === "" || value === 0 || value === "0")
+    return void 0;
+  if (numberLike.parse(value))
+    return `${numberLike.parse(value)}px`;
+  return String(value);
+});
+const isJson = zod.string().transform((value, { addIssue }) => {
+  try {
+    return JSON.parse(value.replaceAll("'", '"'));
+  } catch (error) {
+    addIssue({
+      code: zod.ZodIssueCode.custom,
+      message: `Invalid JSON: ${error.message}`
     });
-    context.events = createEventManager();
-    context.safeFrame = options.safeFrame ? createSafeFrame({
-      renderFile: `${mergedOptions.poolHost}/sf/r.html`,
-      context
-    }) : void 0;
-    function getLocation() {
-      return context.location;
-    }
-    function setLocation(newLocation) {
-      var _a;
-      context.location = newLocation;
-      (_a = context.events) == null ? void 0 : _a.locationChange.dispatch(newLocation);
-    }
-    const queryDetector = createQueryDetector({
-      onChange: onQueryChange,
-      queries: mergedOptions.queries
+    return zod.NEVER;
+  }
+});
+const isHtmlString = zod.string().transform((value, { addIssue }) => {
+  var _a;
+  const htmlParser = new DOMParser();
+  try {
+    const html = htmlParser.parseFromString(value, "text/html");
+    if (((_a = html.body) == null ? void 0 : _a.children.length) === 0)
+      throw new Error("Invalid HTML");
+    return value;
+  } catch (error) {
+    addIssue({
+      code: zod.ZodIssueCode.custom,
+      message: error.message
     });
-    context.parameters = createParameters(mergedOptions, queryDetector);
-    runtimeCore.watch(
-      context.parameters,
-      onParametersChange,
-      {
-        deep: true,
-        immediate: true
-      }
-    );
-    function onParametersChange() {
-      var _a;
-      if (context.parameters)
-        (_a = context.events) == null ? void 0 : _a.parametersChange.dispatch(context.parameters);
-    }
-    async function onQueryChange() {
-      var _a, _b;
-      const query = queryDetector.getQuery();
-      (_a = context.parameters) == null ? void 0 : _a.set("dt", query);
-      (_b = context.parameters) == null ? void 0 : _b.set("br", query);
-      await fetchAndRenderAllSlots();
-    }
-    function getConsent() {
-      return context.consent;
-    }
-    function setConsent(newConsent) {
-      var _a, _b;
-      (_a = context.parameters) == null ? void 0 : _a.set("tl", newConsent ? "all" : "none");
-      context.consent = newConsent;
-      (_b = context.events) == null ? void 0 : _b.consentChange.dispatch(newConsent);
-    }
-    const slotManager = createSlotManager({
-      initialSlots: mergedOptions.initialSlots,
-      context
-    });
-    function getAll() {
-      return slotManager.getAll() ?? [];
-    }
-    function get(name) {
-      return slotManager.get(name);
-    }
-    async function addSlot(slotOptions) {
-      if (!slotManager)
-        throw new Error("Slot manager not initialized");
-      const slot = slotManager.add(slotOptions);
-      if (!slot.lazyLoading) {
-        slot.ad.value = await requestAd({
-          slot,
-          context
-        });
+    return zod.NEVER;
+  }
+});
+const isJsonOrHtmlString = zod.union([isJson, isHtmlString]);
+const isJsonOrHtmlOptionalString = zod.union([zod.coerce.string(), isJsonOrHtmlString]).transform((value) => {
+  if (value === "")
+    return void 0;
+  return value;
+}).optional();
+const baseSchema = zod.object({
+  adDuration: numberLike.optional(),
+  adFormat: zod.string().optional(),
+  adType: zod.string(),
+  additionalCreativeTracker: urlLike.optional(),
+  additionalViewableTracker: zod.string().optional(),
+  adspaceEnd: dateLike.optional(),
+  adspaceId: zod.string().optional(),
+  adspaceKey: zod.string().optional(),
+  adspaceStart: dateLike.optional(),
+  advertiserId: zod.string().optional(),
+  altText: zod.string().optional(),
+  auctionable: booleanLike.optional(),
+  body: isJsonOrHtmlOptionalString,
+  clickTag: urlLike.optional(),
+  comment: zod.string().optional(),
+  creativeName: zod.string().optional(),
+  deliveryGroupId: zod.string().optional(),
+  deliveryMultiples: zod.string().optional(),
+  ext: zod.string().optional(),
+  extension: zod.object({
+    mediaType: zod.string(),
+    prebid: zod.unknown().optional()
+  }).optional(),
+  height: numberLike.optional(),
+  id: zod.string(),
+  impressionCounter: urlLike.optional(),
+  libId: zod.string().optional(),
+  orderId: zod.string().optional(),
+  orderName: zod.string().optional(),
+  orderProperty: zod.string().optional(),
+  origin: zod.union([zod.literal("JERLICIA"), zod.literal("DALE")]),
+  originData: zod.unknown().optional(),
+  originInstance: zod.string().optional(),
+  poolPath: urlLike.optional(),
+  preview: booleanLike.optional(),
+  priority: numberLike.optional(),
+  sfSrc: urlLike.optional(),
+  share: zod.string().optional(),
+  // eslint-disable-next-line ts/naming-convention
+  slotID: zod.string(),
+  slotName: zod.string(),
+  swfSrc: urlLike.optional(),
+  tag: isJsonOrHtmlOptionalString,
+  tagUrl: urlLike.optional(),
+  timeStamp: dateLike.optional(),
+  trackedImpressionCounter: urlLike.optional(),
+  tracker: urlLike.optional(),
+  trackingUrl: urlLike.optional(),
+  url: urlLike.optional(),
+  viewableImpressionCounter: urlLike.optional(),
+  width: numberLike.optional(),
+  widthLarge: cssValueLike.optional()
+});
+const jerliciaSchema = zod.object({
+  origin: zod.literal("JERLICIA"),
+  tag: isJsonOrHtmlString
+}).passthrough();
+const daleSchema = zod.object({
+  origin: zod.literal("DALE"),
+  body: isJsonOrHtmlString
+}).passthrough().transform(({ body, ...data }) => ({
+  ...data,
+  tag: body
+}));
+const adResponseSchema = baseSchema.extend({
+  additionalCreatives: zod.lazy(() => zod.union([adResponseSchema.array(), zod.string()]).optional())
+});
+const adSchema = adResponseSchema.transform(({
+  additionalCreatives,
+  ...data
+}) => {
+  const filteredValue = Object.fromEntries(
+    Object.entries(data).filter(([, value]) => Boolean(value) && JSON.stringify(value) !== "{}" && JSON.stringify(value) !== "[]")
+  );
+  return {
+    ...filteredValue,
+    additionalCreatives: Array.isArray(additionalCreatives) ? additionalCreatives.map((creative) => adSchema.parse(creative)) : additionalCreatives
+  };
+});
+function parseResponse(response) {
+  const schemaMap = {
+    /* eslint-disable ts/naming-convention */
+    JERLICIA: jerliciaSchema,
+    DALE: daleSchema
+    /* eslint-enable ts/naming-convention */
+  };
+  const preParsed = adResponseSchema.array().parse(response);
+  return preParsed.map((item) => {
+    const schema = schemaMap[item.origin];
+    if (!schema)
+      return adSchema.parse(item);
+    return schema.parse(item);
+  });
+}
+async function requestPreviews(account) {
+  const previewObjects = getPreviewObjects();
+  const list = (await Promise.allSettled(previewObjects.filter((previewObject) => "adhesePreviewCreativeId" in previewObject).map(async (previewObject) => {
+    const endpoint = new URL(`https://${account}-preview.adhese.org/creatives/preview/json/tag.do`);
+    endpoint.searchParams.set(
+      "id",
+      previewObject.adhesePreviewCreativeId
+    );
+    const response = await fetch(endpoint.href, {
+      method: "GET",
+      headers: {
+        accept: "application/json"
       }
-      return slot;
+    });
+    if (!response.ok)
+      return Promise.reject(new Error(`Failed to request preview ad with ID: ${previewObject.adhesePreviewCreativeId}`));
+    return await response.json();
+  }))).filter((response) => {
+    if (response.status === "rejected") {
+      logger.error(response.reason);
+      return false;
     }
-    async function findDomSlots2() {
-      const domSlots = (await slotManager.findDomSlots() ?? []).filter((slot) => !slot.lazyLoading);
-      if (domSlots.length <= 0)
-        return [];
-      const ads = await requestAds({
-        slots: domSlots,
-        context
-      });
-      for (const ad of ads) {
-        const slot = slotManager.get(ad.slotName);
-        if (slot)
-          slot.ad.value = ad;
-      }
-      return domSlots;
+    return response.status === "fulfilled";
+  }).map((response) => response.value.map((item) => ({
+    ...item,
+    preview: true
+  })));
+  return adSchema.array().parse(list.flat());
+}
+function getPreviewObjects() {
+  const currentUrl = new URL(window.location.href);
+  const previewObjects = [];
+  let currentObject = {};
+  for (const [key, value] of currentUrl.searchParams.entries()) {
+    if (key === "adhesePreviewCreativeId" && Object.keys(currentObject).length > 0) {
+      previewObjects.push(currentObject);
+      currentObject = {};
     }
-    let unmountDevtools;
-    async function toggleDebug() {
-      var _a, _b;
-      context.debug = !context.debug;
-      if (context.debug && !unmountDevtools) {
-        unmountDevtools = await sdkDevtools.createDevtools(context);
-        logger.setMinLogLevelThreshold("debug");
-        logger.debug("Debug mode enabled");
-        (_a = context.events) == null ? void 0 : _a.debugChange.dispatch(true);
-      } else {
-        logger.debug("Debug mode disabled");
-        unmountDevtools == null ? void 0 : unmountDevtools();
-        unmountDevtools = void 0;
-        logger.setMinLogLevelThreshold("info");
-        (_b = context.events) == null ? void 0 : _b.debugChange.dispatch(false);
-      }
-      return context.debug;
+    currentObject[key] = value;
+  }
+  if (Object.keys(currentObject).length > 0)
+    previewObjects.push(currentObject);
+  return previewObjects;
+}
+function requestWithPost({
+  context: { options: { host }, parameters },
+  ...options
+}) {
+  const payload = {
+    ...options,
+    slots: options.slots.map((slot) => ({
+      slotname: runtimeCore.toValue(slot.name),
+      parameters: parseParameters(slot.parameters)
+    })),
+    parameters: parameters && parseParameters(parameters)
+  };
+  return fetch(`${new URL(host).href}json`, {
+    method: "POST",
+    body: JSON.stringify(payload),
+    headers: {
+      // eslint-disable-next-line ts/naming-convention
+      "Content-Type": "application/json"
     }
-    async function fetchAndRenderAllSlots() {
-      const slots = (slotManager.getAll() ?? []).filter((slot) => !slot.lazyLoading);
-      if (slots.length === 0)
-        return;
-      const ads = await requestAds({
-        slots,
-        context
-      });
-      for (const ad of ads) {
-        const slot = slotManager.get(ad.slotName);
-        if (slot)
-          slot.ad.value = ad;
-      }
+  });
+}
+async function requestWithGet({ context, slots }) {
+  return fetch(new URL(`${context.options.host}/json/sl${slots.map((slot) => runtimeCore.toValue(slot.name)).join("/sl")}`), {
+    method: "GET",
+    headers: {
+      // eslint-disable-next-line ts/naming-convention
+      "Content-Type": "application/json"
     }
-    const disposeOnTcfConsentChange = onTcfConsentChange(async (data) => {
-      var _a, _b;
-      if (!data.tcString)
-        return;
-      logger.debug("TCF v2 consent data received", {
-        data
-      });
-      (_a = context.parameters) == null ? void 0 : _a.set("xt", data.tcString);
-      (_b = context.parameters) == null ? void 0 : _b.delete("tl");
-      await fetchAndRenderAllSlots();
+  });
+}
+function parseParameters(parameters) {
+  return Object.fromEntries(Array.from(parameters.entries()).filter(([key]) => {
+    if (key.length === 2)
+      return true;
+    logger.warn(`Invalid parameter key: ${key}. Key should be exactly 2 characters long. Key will be ignored.`);
+    return false;
+  }).map(([key, value]) => {
+    if (typeof value === "string")
+      return [key, filterSpecialChars(value)];
+    return [key, value.map(filterSpecialChars)];
+  }));
+}
+function filterSpecialChars(value) {
+  const specialRegex = /[^\p{L}\p{N}_]/gu;
+  return value.replaceAll(specialRegex, "_");
+}
+async function requestAds(requestOptions) {
+  var _a, _b, _c, _d, _e;
+  const options = await runOnRequest(requestOptions);
+  const { context } = options;
+  try {
+    (_a = context.events) == null ? void 0 : _a.requestAd.dispatch({
+      ...options,
+      context
     });
-    function dispose() {
-      var _a, _b;
-      unmountDevtools == null ? void 0 : unmountDevtools();
-      queryDetector.dispose();
-      slotManager.dispose();
-      queryDetector.dispose();
-      disposeOnTcfConsentChange();
-      (_a = context.parameters) == null ? void 0 : _a.clear();
-      logger.resetLogs();
-      (_b = context.events) == null ? void 0 : _b.dispose();
-      logger.info("Adhese instance disposed");
-      scope.stop();
-    }
-    onInit(async () => {
-      var _a;
-      if ((slotManager.getAll().length ?? 0) > 0)
-        await fetchAndRenderAllSlots().catch(logger.error);
-      if (mergedOptions.findDomSlotsOnLoad)
-        await findDomSlots2();
-      if (mergedOptions.debug || window.location.search.includes("adhese_debug=true") || isPreviewMode()) {
-        unmountDevtools = await sdkDevtools.createDevtools(context);
-        (_a = context.events) == null ? void 0 : _a.debugChange.dispatch(true);
-      }
-      if (!scope.active)
-        dispose();
+    const [response, previews] = await Promise.all([((_b = context.options.requestType) == null ? void 0 : _b.toUpperCase()) === "POST" ? requestWithPost(options) : requestWithGet(options), requestPreviews(context.options.account)]);
+    logger.debug("Received response", response);
+    if (!response.ok)
+      throw new Error(`Failed to request ad: ${response.status} ${response.statusText}`);
+    const result = parseResponse(await response.json());
+    logger.debug("Parsed ad", result);
+    if (previews.length > 0)
+      logger.info(`Found ${previews.length} ${previews.length === 1 ? "preview" : "previews"}. Replacing ads in response with preview items`, previews);
+    const matchedPreviews = previews.map(({ slotName, ...preview }) => {
+      const partnerAd = result.find((ad) => ad.libId === preview.libId);
+      return {
+        slotName: `${(partnerAd == null ? void 0 : partnerAd.slotName) ?? slotName}`,
+        ...preview
+      };
     });
-    runOnInit();
-    return {
-      ...mergedOptions,
-      ...slotManager,
-      parameters: context.parameters,
-      events: context.events,
-      getLocation,
-      setLocation,
-      getConsent,
-      setConsent,
-      addSlot,
-      findDomSlots: findDomSlots2,
-      dispose,
-      toggleDebug,
-      context
-    };
-  });
+    if (matchedPreviews.length > 0)
+      (_c = context.events) == null ? void 0 : _c.previewReceived.dispatch(matchedPreviews);
+    const mergedResult = await runOnResponse([
+      ...result.filter((ad) => !previews.some((preview) => preview.libId === ad.libId)),
+      ...matchedPreviews
+    ]);
+    if (mergedResult.length === 0)
+      throw new Error("No ads found");
+    (_d = context.events) == null ? void 0 : _d.responseReceived.dispatch(mergedResult);
+    return mergedResult;
+  } catch (error) {
+    logger.error(String(error));
+    (_e = context.events) == null ? void 0 : _e.requestError.dispatch(error);
+    throw error;
+  }
 }
-function addTrackingPixel(url) {
-  const img = document.createElement("img");
-  img.src = url.toString();
-  img.style.height = "1px";
-  img.style.width = "1px";
-  img.style.margin = "-1px";
-  img.style.border = "0";
-  img.style.position = "absolute";
-  img.style.top = "0";
-  return document.body.appendChild(img);
+async function requestAd({
+  slot,
+  ...options
+}) {
+  const [ad] = await requestAds({
+    slots: [slot],
+    ...options
+  });
+  return ad;
 }
+const [runOnRender, onRender] = createHook("onRender");
 function useViewabilityObserver({ context, ad, name, element }) {
   let timeoutId = null;
   const {
@@ -650,7 +633,7 @@ function useViewabilityObserver({ context, ad, name, element }) {
   const isTracked = runtimeCore.computed(() => Boolean(trackingPixel.value));
   const viewabilityObserver = new IntersectionObserver(([entry]) => {
     if (context.options.viewabilityTracking && !trackingPixel.value && ad) {
-      const ratio = round(entry.intersectionRatio, 1);
+      const ratio = remeda.round(entry.intersectionRatio, 1);
       if (ratio >= threshold && !timeoutId) {
         timeoutId = setTimeout(() => {
           var _a, _b, _c;
@@ -782,7 +765,7 @@ function createSlot(options) {
     });
     runtimeCore.watch([ad, isInViewport], async ([newAd, newIsInViewport], [oldAd]) => {
       var _a, _b;
-      if (!newAd || isEqual(newAd, oldAd))
+      if (!newAd || oldAd && remeda.isDeepEqual(newAd, oldAd))
         return;
       if (newIsInViewport || context.options.eagerRendering)
         await render(newAd);
@@ -814,10 +797,10 @@ function createSlot(options) {
       var _a, _b;
       await waitForDomLoad();
       await waitOnInit;
-      const renderAd = adToRender ?? ad.value ?? await requestAd$1();
-      if (originalAd.value) {
-        ad.value = ((_a = options.onBeforeRender) == null ? void 0 : _a.call(options, adToRender ?? originalAd.value)) ?? renderAd;
-      }
+      let renderAd = adToRender ?? ad.value ?? originalAd.value ?? await requestAd$1();
+      if (renderAd)
+        renderAd = ((_a = options.onBeforeRender) == null ? void 0 : _a.call(options, renderAd)) ?? renderAd;
+      renderAd = await runOnRender(renderAd);
       if (!element.value) {
         const error = `Could not create slot for format ${format.value}. No element found.`;
         logger.error(error, options);
@@ -825,8 +808,8 @@ function createSlot(options) {
       }
       if (context.debug)
         element.value.style.position = "relative";
-      if (context.safeFrame && ad.value && renderMode === "iframe") {
-        const position = context.safeFrame.addPosition(ad.value, element.value);
+      if (context.safeFrame && renderAd && renderMode === "iframe") {
+        const position = context.safeFrame.addPosition(renderAd, element.value);
         await context.safeFrame.render(position);
       } else {
         renderFunctions[renderMode](renderAd, element.value);
@@ -854,322 +837,387 @@ function createSlot(options) {
       element.value.style.height = "";
     }
     function dispose() {
-      var _a, _b;
-      cleanElement();
-      (_a = impressionTrackingPixelElement.value) == null ? void 0 : _a.remove();
-      ad.value = null;
-      disposeRenderIntersectionObserver();
-      disposeViewabilityObserver();
-      (_b = options.onDispose) == null ? void 0 : _b.call(options);
-      queryDetector == null ? void 0 : queryDetector.dispose();
+      var _a, _b;
+      cleanElement();
+      (_a = impressionTrackingPixelElement.value) == null ? void 0 : _a.remove();
+      ad.value = null;
+      disposeRenderIntersectionObserver();
+      disposeViewabilityObserver();
+      (_b = options.onDispose) == null ? void 0 : _b.call(options);
+      queryDetector == null ? void 0 : queryDetector.dispose();
+      scope.stop();
+    }
+    return {
+      location: context.location,
+      lazyLoading: options.lazyLoading ?? false,
+      slot,
+      parameters,
+      format,
+      name,
+      ad,
+      isViewabilityTracked,
+      isImpressionTracked,
+      render,
+      getElement,
+      dispose
+    };
+  });
+}
+function useDomLoaded() {
+  const isDomLoaded = runtimeCore.ref(false);
+  onInit(async () => {
+    await waitForDomLoad();
+    isDomLoaded.value = true;
+  });
+  return isDomLoaded;
+}
+async function findDomSlots(context) {
+  await waitForDomLoad();
+  return Array.from(document.querySelectorAll(".adunit")).filter((element) => {
+    var _a;
+    if (!element.dataset.format)
+      return false;
+    const name = generateName(
+      context.location,
+      element.dataset.format,
+      element.dataset.slot
+    );
+    return !((_a = context.getAll) == null ? void 0 : _a.call(context).some((activeSlot) => activeSlot.name.value === name));
+  }).map((element) => createSlot({
+    format: element.dataset.format,
+    containingElement: element,
+    slot: element.dataset.slot,
+    context
+  })).filter((slot) => {
+    var _a;
+    return !((_a = context.getAll) == null ? void 0 : _a.call(context).some((activeSlot) => activeSlot.name.value === slot.name.value));
+  });
+}
+function createSlotManager({
+  initialSlots = [],
+  context
+}) {
+  const scope = runtimeCore.effectScope();
+  return scope.run(() => {
+    const slots = runtimeCore.shallowReactive(/* @__PURE__ */ new Map());
+    runtimeCore.watchEffect(() => {
+      var _a;
+      (_a = context.events) == null ? void 0 : _a.changeSlots.dispatch(Array.from(slots.values()));
+    });
+    function getAll() {
+      return Array.from(slots).map(([, slot]) => slot);
+    }
+    function add(options) {
+      var _a;
+      const slot = createSlot({
+        ...options,
+        onDispose: onDispose2,
+        context
+      });
+      function onDispose2() {
+        var _a2;
+        slots.delete(slot.name.value);
+        logger.debug("Slot removed", {
+          slot,
+          slots: Array.from(slots)
+        });
+        (_a2 = context.events) == null ? void 0 : _a2.removeSlot.dispatch(slot);
+      }
+      slots.set(slot.name.value, slot);
+      runtimeCore.watch(slot.name, (newName, previousName) => {
+        slots.set(newName, slot);
+        slots.delete(previousName);
+      });
+      logger.debug("Slot added", {
+        slot,
+        slots: Array.from(slots.values())
+      });
+      (_a = context.events) == null ? void 0 : _a.addSlot.dispatch(slot);
+      return slot;
+    }
+    async function findDomSlots$1() {
+      const domSlots = await findDomSlots(
+        context
+      );
+      for (const slot of domSlots)
+        slots.set(slot.name.value, slot);
+      return domSlots;
+    }
+    function get(name) {
+      return slots.get(name);
+    }
+    function dispose() {
+      for (const slot of slots.values())
+        slot.dispose();
+      slots.clear();
       scope.stop();
     }
+    for (const options of initialSlots) {
+      add({
+        ...options,
+        lazyLoading: false
+      });
+    }
     return {
-      location: context.location,
-      lazyLoading: options.lazyLoading ?? false,
-      slot,
-      parameters,
-      format,
-      name,
-      ad,
-      isViewabilityTracked,
-      isImpressionTracked,
-      render,
-      getElement,
+      getAll,
+      add,
+      findDomSlots: findDomSlots$1,
+      get,
       dispose
     };
   });
 }
-function useDomLoaded() {
-  const isDomLoaded = runtimeCore.ref(false);
-  onInit(async () => {
-    await waitForDomLoad();
-    isDomLoaded.value = true;
-  });
-  return isDomLoaded;
-}
-const numberLike = zod.union([zod.coerce.string().regex(/^\d+$/), zod.literal("")]).transform((value) => value === "" ? void 0 : Number(value));
-const booleanLike = zod.union([zod.coerce.boolean(), zod.literal("")]);
-const urlLike = zod.union([zod.coerce.string(), zod.literal("")]).transform((value) => {
-  try {
-    return new URL(value);
-  } catch {
-    return void 0;
-  }
-});
-const dateLike = zod.union([zod.coerce.string(), zod.literal("")]).transform((value) => {
-  if (value === "")
-    return void 0;
-  const date = new Date(numberLike.safeParse(value).success ? Number(value) : value);
-  if (Number.isNaN(date.getTime()))
-    return void 0;
-  return date;
-});
-const cssValueLike = zod.union([zod.coerce.string(), zod.literal(""), zod.number()]).transform((value) => {
-  if (value === "" || value === 0 || value === "0")
-    return void 0;
-  if (numberLike.parse(value))
-    return `${numberLike.parse(value)}px`;
-  return String(value);
-});
-const isJson = zod.string().transform((value, { addIssue }) => {
-  try {
-    return JSON.parse(value.replaceAll("'", '"'));
-  } catch (error) {
-    addIssue({
-      code: zod.ZodIssueCode.custom,
-      message: `Invalid JSON: ${error.message}`
-    });
-    return zod.NEVER;
-  }
-});
-const isHtmlString = zod.string().transform((value, { addIssue }) => {
+function onTcfConsentChange(callback) {
   var _a;
-  const htmlParser = new DOMParser();
-  try {
-    const html = htmlParser.parseFromString(value, "text/html");
-    if (((_a = html.body) == null ? void 0 : _a.children.length) === 0)
-      throw new Error("Invalid HTML");
-    return value;
-  } catch (error) {
-    addIssue({
-      code: zod.ZodIssueCode.custom,
-      message: error.message
-    });
-    return zod.NEVER;
-  }
-});
-const isJsonOrHtmlString = zod.union([isJson, isHtmlString]);
-const isJsonOrHtmlOptionalString = zod.union([zod.coerce.string(), isJsonOrHtmlString]).transform((value) => {
-  if (value === "")
-    return void 0;
-  return value;
-}).optional();
-const baseSchema = zod.object({
-  adDuration: numberLike.optional(),
-  adFormat: zod.string().optional(),
-  adType: zod.string(),
-  additionalCreativeTracker: urlLike.optional(),
-  additionalViewableTracker: zod.string().optional(),
-  adspaceEnd: dateLike.optional(),
-  adspaceId: zod.string().optional(),
-  adspaceKey: zod.string().optional(),
-  adspaceStart: dateLike.optional(),
-  advertiserId: zod.string().optional(),
-  altText: zod.string().optional(),
-  auctionable: booleanLike.optional(),
-  body: isJsonOrHtmlOptionalString,
-  clickTag: urlLike.optional(),
-  comment: zod.string().optional(),
-  creativeName: zod.string().optional(),
-  deliveryGroupId: zod.string().optional(),
-  deliveryMultiples: zod.string().optional(),
-  ext: zod.string().optional(),
-  extension: zod.object({
-    mediaType: zod.string(),
-    prebid: zod.unknown().optional()
-  }).optional(),
-  height: numberLike.optional(),
-  id: zod.string(),
-  impressionCounter: urlLike.optional(),
-  libId: zod.string().optional(),
-  orderId: zod.string().optional(),
-  orderName: zod.string().optional(),
-  orderProperty: zod.string().optional(),
-  origin: zod.union([zod.literal("JERLICIA"), zod.literal("DALE")]),
-  originData: zod.unknown().optional(),
-  originInstance: zod.string().optional(),
-  poolPath: urlLike.optional(),
-  preview: booleanLike.optional(),
-  priority: numberLike.optional(),
-  sfSrc: urlLike.optional(),
-  share: zod.string().optional(),
-  // eslint-disable-next-line ts/naming-convention
-  slotID: zod.string(),
-  slotName: zod.string(),
-  swfSrc: urlLike.optional(),
-  tag: isJsonOrHtmlOptionalString,
-  tagUrl: urlLike.optional(),
-  timeStamp: dateLike.optional(),
-  trackedImpressionCounter: urlLike.optional(),
-  tracker: urlLike.optional(),
-  trackingUrl: urlLike.optional(),
-  url: urlLike.optional(),
-  viewableImpressionCounter: urlLike.optional(),
-  width: numberLike.optional(),
-  widthLarge: cssValueLike.optional()
-});
-const jerliciaSchema = zod.object({
-  origin: zod.literal("JERLICIA"),
-  tag: isJsonOrHtmlString
-}).passthrough();
-const daleSchema = zod.object({
-  origin: zod.literal("DALE"),
-  body: isJsonOrHtmlString
-}).passthrough().transform(({ body, ...data }) => ({
-  ...data,
-  tag: body
-}));
-const adResponseSchema = baseSchema.extend({
-  additionalCreatives: zod.lazy(() => zod.union([adResponseSchema.array(), zod.string()]).optional())
-});
-const adSchema = adResponseSchema.transform(({
-  additionalCreatives,
-  ...data
-}) => {
-  const filteredValue = Object.fromEntries(
-    Object.entries(data).filter(([, value]) => Boolean(value) && JSON.stringify(value) !== "{}" && JSON.stringify(value) !== "[]")
-  );
-  return {
-    ...filteredValue,
-    additionalCreatives: Array.isArray(additionalCreatives) ? additionalCreatives.map((creative) => adSchema.parse(creative)) : additionalCreatives
-  };
-});
-function parseResponse(response) {
-  const schemaMap = {
-    /* eslint-disable ts/naming-convention */
-    JERLICIA: jerliciaSchema,
-    DALE: daleSchema
-    /* eslint-enable ts/naming-convention */
+  (_a = window.__tcfapi) == null ? void 0 : _a.call(window, "addEventListener", 2, callback);
+  return () => {
+    var _a2;
+    return (_a2 = window.__tcfapi) == null ? void 0 : _a2.call(window, "removeEventListener", 2, callback);
   };
-  const preParsed = adResponseSchema.array().parse(response);
-  return preParsed.map((item) => {
-    const schema = schemaMap[item.origin];
-    if (!schema)
-      return adSchema.parse(item);
-    return schema.parse(item);
+}
+function createParameters(options, queryDetector) {
+  const parameters = /* @__PURE__ */ new Map();
+  if (options.logReferrer)
+    parameters.set("re", btoa(document.referrer));
+  if (options.logUrl)
+    parameters.set("ur", btoa(window.location.href));
+  for (const [key, value] of Object.entries({
+    ...options.parameters ?? {},
+    tl: options.consent ? "all" : "none",
+    dt: queryDetector.getQuery(),
+    br: queryDetector.getQuery(),
+    rn: Math.round(Math.random() * 1e4).toString()
+  }))
+    parameters.set(key, value);
+  return parameters;
+}
+function setupLogging(mergedOptions) {
+  if (mergedOptions.debug || window.location.search.includes("adhese_debug=true")) {
+    logger.setMinLogLevelThreshold("debug");
+    logger.debug("Debug logging enabled");
+  }
+  logger.debug("Created Adhese SDK instance", {
+    mergedOptions
   });
 }
-async function requestPreviews(account) {
-  const previewObjects = getPreviewObjects();
-  const list = (await Promise.allSettled(previewObjects.filter((previewObject) => "adhesePreviewCreativeId" in previewObject).map(async (previewObject) => {
-    const endpoint = new URL(`https://${account}-preview.adhese.org/creatives/preview/json/tag.do`);
-    endpoint.searchParams.set(
-      "id",
-      previewObject.adhesePreviewCreativeId
-    );
-    const response = await fetch(endpoint.href, {
-      method: "GET",
-      headers: {
-        accept: "application/json"
-      }
+function isPreviewMode() {
+  return window.location.search.includes("adhesePreviewCreativeId");
+}
+let isDisposed = false;
+const [runOnDispose, onDispose] = createHook("onDispose", {
+  onRun(callbacks) {
+    isDisposed = true;
+    logger.debug("Disposal completed");
+    callbacks == null ? void 0 : callbacks.clear();
+  },
+  onAdd() {
+    if (isDisposed)
+      runOnDispose().catch(logger.error);
+  }
+});
+function createAdhese(options) {
+  const scope = runtimeCore.effectScope();
+  return scope.run(() => {
+    const mergedOptions = {
+      host: `https://ads-${options.account}.adhese.com`,
+      poolHost: `https://pool-${options.account}.adhese.com`,
+      location: "homepage",
+      requestType: "POST",
+      debug: false,
+      initialSlots: [],
+      findDomSlotsOnLoad: false,
+      consent: false,
+      logReferrer: true,
+      logUrl: true,
+      safeFrame: false,
+      eagerRendering: false,
+      viewabilityTracking: true,
+      plugins: [],
+      ...options
+    };
+    setupLogging(mergedOptions);
+    const context = runtimeCore.reactive({
+      location: mergedOptions.location,
+      consent: mergedOptions.consent,
+      debug: mergedOptions.debug,
+      getAll,
+      get,
+      options: mergedOptions,
+      logger,
+      addSlot
     });
-    if (!response.ok)
-      return Promise.reject(new Error(`Failed to request preview ad with ID: ${previewObject.adhesePreviewCreativeId}`));
-    return await response.json();
-  }))).filter((response) => {
-    if (response.status === "rejected") {
-      logger.error(response.reason);
-      return false;
+    for (const [index, plugin] of mergedOptions.plugins.entries()) {
+      plugin(context, {
+        index
+      });
     }
-    return response.status === "fulfilled";
-  }).map((response) => response.value.map((item) => ({
-    ...item,
-    preview: true
-  })));
-  return adSchema.array().parse(list.flat());
-}
-function getPreviewObjects() {
-  const currentUrl = new URL(window.location.href);
-  const previewObjects = [];
-  let currentObject = {};
-  for (const [key, value] of currentUrl.searchParams.entries()) {
-    if (key === "adhesePreviewCreativeId" && Object.keys(currentObject).length > 0) {
-      previewObjects.push(currentObject);
-      currentObject = {};
+    context.events = createEventManager();
+    context.safeFrame = options.safeFrame ? createSafeFrame({
+      renderFile: `${mergedOptions.poolHost}/sf/r.html`,
+      context
+    }) : void 0;
+    function getLocation() {
+      return context.location;
     }
-    currentObject[key] = value;
-  }
-  if (Object.keys(currentObject).length > 0)
-    previewObjects.push(currentObject);
-  return previewObjects;
-}
-function requestWithPost({
-  context: { options: { host }, parameters },
-  ...options
-}) {
-  const payload = {
-    ...options,
-    slots: options.slots.map((slot) => ({
-      slotname: runtimeCore.toValue(slot.name),
-      parameters: parseParameters(slot.parameters)
-    })),
-    parameters: parameters && parseParameters(parameters)
-  };
-  return fetch(`${new URL(host).href}json`, {
-    method: "POST",
-    body: JSON.stringify(payload),
-    headers: {
-      // eslint-disable-next-line ts/naming-convention
-      "Content-Type": "application/json"
+    function setLocation(newLocation) {
+      var _a;
+      context.location = newLocation;
+      (_a = context.events) == null ? void 0 : _a.locationChange.dispatch(newLocation);
     }
-  });
-}
-async function requestWithGet({ context, slots }) {
-  return fetch(new URL(`${context.options.host}/json/sl${slots.map((slot) => runtimeCore.toValue(slot.name)).join("/sl")}`), {
-    method: "GET",
-    headers: {
-      // eslint-disable-next-line ts/naming-convention
-      "Content-Type": "application/json"
+    const queryDetector = createQueryDetector({
+      onChange: onQueryChange,
+      queries: mergedOptions.queries
+    });
+    context.parameters = createParameters(mergedOptions, queryDetector);
+    runtimeCore.watch(
+      context.parameters,
+      onParametersChange,
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    function onParametersChange() {
+      var _a;
+      if (context.parameters)
+        (_a = context.events) == null ? void 0 : _a.parametersChange.dispatch(context.parameters);
     }
-  });
-}
-function parseParameters(parameters) {
-  return Object.fromEntries(Array.from(parameters.entries()).filter(([key]) => {
-    if (key.length === 2)
-      return true;
-    logger.warn(`Invalid parameter key: ${key}. Key should be exactly 2 characters long. Key will be ignored.`);
-    return false;
-  }));
-}
-async function requestAds(options) {
-  var _a, _b, _c, _d, _e;
-  const { context } = options;
-  try {
-    (_a = context.events) == null ? void 0 : _a.requestAd.dispatch({
-      ...options,
+    async function onQueryChange() {
+      var _a, _b;
+      const query = queryDetector.getQuery();
+      (_a = context.parameters) == null ? void 0 : _a.set("dt", query);
+      (_b = context.parameters) == null ? void 0 : _b.set("br", query);
+      await fetchAndRenderAllSlots();
+    }
+    function getConsent() {
+      return context.consent;
+    }
+    function setConsent(newConsent) {
+      var _a, _b;
+      (_a = context.parameters) == null ? void 0 : _a.set("tl", newConsent ? "all" : "none");
+      context.consent = newConsent;
+      (_b = context.events) == null ? void 0 : _b.consentChange.dispatch(newConsent);
+    }
+    const slotManager = createSlotManager({
+      initialSlots: mergedOptions.initialSlots,
       context
     });
-    const [response, previews] = await Promise.all([((_b = context.options.requestType) == null ? void 0 : _b.toUpperCase()) === "POST" ? requestWithPost(options) : requestWithGet(options), requestPreviews(context.options.account)]);
-    logger.debug("Received response", response);
-    if (!response.ok)
-      throw new Error(`Failed to request ad: ${response.status} ${response.statusText}`);
-    const result = parseResponse(await response.json());
-    logger.debug("Parsed ad", result);
-    if (previews.length > 0)
-      logger.info(`Found ${previews.length} ${previews.length === 1 ? "preview" : "previews"}. Replacing ads in response with preview items`, previews);
-    const matchedPreviews = previews.map(({ slotName, ...preview }) => {
-      const partnerAd = result.find((ad) => ad.libId === preview.libId);
-      return {
-        slotName: `${(partnerAd == null ? void 0 : partnerAd.slotName) ?? slotName}`,
-        ...preview
-      };
+    function getAll() {
+      return slotManager.getAll() ?? [];
+    }
+    function get(name) {
+      return slotManager.get(name);
+    }
+    function addSlot(slotOptions) {
+      if (!slotManager)
+        throw new Error("Slot manager not initialized");
+      return slotManager.add(slotOptions);
+    }
+    async function findDomSlots2() {
+      const domSlots = (await slotManager.findDomSlots() ?? []).filter((slot) => !slot.lazyLoading);
+      if (domSlots.length <= 0)
+        return [];
+      const ads = await requestAds({
+        slots: domSlots,
+        context
+      });
+      for (const ad of ads) {
+        const slot = slotManager.get(ad.slotName);
+        if (slot)
+          slot.ad.value = ad;
+      }
+      return domSlots;
+    }
+    async function toggleDebug() {
+      var _a, _b;
+      context.debug = !context.debug;
+      if (context.debug) {
+        logger.setMinLogLevelThreshold("debug");
+        logger.debug("Debug mode enabled");
+        (_a = context.events) == null ? void 0 : _a.debugChange.dispatch(true);
+      } else {
+        logger.debug("Debug mode disabled");
+        logger.setMinLogLevelThreshold("info");
+        (_b = context.events) == null ? void 0 : _b.debugChange.dispatch(false);
+      }
+      return context.debug;
+    }
+    async function fetchAndRenderAllSlots() {
+      const slots = (slotManager.getAll() ?? []).filter((slot) => !slot.lazyLoading);
+      if (slots.length === 0)
+        return;
+      const ads = await requestAds({
+        slots,
+        context
+      });
+      for (const ad of ads) {
+        const slot = slotManager.get(ad.slotName);
+        if (slot)
+          slot.ad.value = ad;
+      }
+    }
+    const disposeOnTcfConsentChange = onTcfConsentChange(async (data) => {
+      var _a, _b;
+      if (!data.tcString)
+        return;
+      logger.debug("TCF v2 consent data received", {
+        data
+      });
+      (_a = context.parameters) == null ? void 0 : _a.set("xt", data.tcString);
+      (_b = context.parameters) == null ? void 0 : _b.delete("tl");
+      await fetchAndRenderAllSlots();
     });
-    if (matchedPreviews.length > 0)
-      (_c = context.events) == null ? void 0 : _c.previewReceived.dispatch(matchedPreviews);
-    const mergedResult = [
-      ...result.filter((ad) => !previews.some((preview) => preview.libId === ad.libId)),
-      ...matchedPreviews
-    ];
-    if (mergedResult.length === 0)
-      throw new Error("No ads found");
-    (_d = context.events) == null ? void 0 : _d.responseReceived.dispatch(mergedResult);
-    return mergedResult;
-  } catch (error) {
-    logger.error(String(error));
-    (_e = context.events) == null ? void 0 : _e.requestError.dispatch(error);
-    throw error;
-  }
-}
-async function requestAd({
-  slot,
-  ...options
-}) {
-  const [ad] = await requestAds({
-    slots: [slot],
-    ...options
+    function dispose() {
+      var _a, _b;
+      queryDetector.dispose();
+      slotManager.dispose();
+      queryDetector.dispose();
+      disposeOnTcfConsentChange();
+      (_a = context.parameters) == null ? void 0 : _a.clear();
+      logger.resetLogs();
+      (_b = context.events) == null ? void 0 : _b.dispose();
+      logger.info("Adhese instance disposed");
+      runOnDispose().catch(logger.error);
+      clearAllHooks();
+      scope.stop();
+    }
+    onInit(async () => {
+      var _a;
+      if ((slotManager.getAll().length ?? 0) > 0)
+        await fetchAndRenderAllSlots().catch(logger.error);
+      if (mergedOptions.findDomSlotsOnLoad)
+        await findDomSlots2();
+      if (mergedOptions.debug || window.location.search.includes("adhese_debug=true") || isPreviewMode())
+        (_a = context.events) == null ? void 0 : _a.debugChange.dispatch(true);
+      if (!scope.active)
+        dispose();
+    });
+    runOnInit().catch(logger.error);
+    return {
+      parameters: context.parameters,
+      events: context.events,
+      getLocation,
+      setLocation,
+      getConsent,
+      setConsent,
+      addSlot,
+      findDomSlots: findDomSlots2,
+      dispose,
+      toggleDebug,
+      get: slotManager.get,
+      getAll: slotManager.getAll,
+      context,
+      options: mergedOptions
+    };
   });
-  return ad;
 }
 exports.createAdhese = createAdhese;
+exports.logger = logger;
+exports.onDispose = onDispose;
+exports.onInit = onInit;
+exports.onRender = onRender;
+exports.onRequest = onRequest;
+exports.onResponse = onResponse;
+exports.requestAd = requestAd;
+exports.requestAds = requestAds;
 //# sourceMappingURL=index.cjs.map