@adhese/sdk 0.12.0 → 0.14.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { uniqueId, createLogger, waitForDomLoad, createEventManager } from "@adhese/sdk-shared";
-import { toValue, ref, computed, watch, effectScope, reactive, shallowReactive, watchEffect } from "@vue/runtime-core";
+import { uniqueId, createLogger, waitForDomLoad, createEventManager, awaitTimeout } from "@adhese/sdk-shared";
+import { toValue, ref, computed, watch, effectScope, reactive } from "@vue/runtime-core";
+import { computed as computed2, customRef, effectScope as effectScope2, isProxy, isReactive, isReadonly, isRef, isShallow, markRaw, reactive as reactive2, readonly, ref as ref2, shallowReactive, shallowReadonly, shallowRef, toRaw, toRefs, toValue as toValue2, unref, watch as watch2, watchEffect, watchPostEffect, watchSyncEffect } from "@vue/runtime-core";
 import { debounce, round, isDeepEqual } from "remeda";
-import { union, coerce, literal, number, string, ZodIssueCode, NEVER, object, unknown, lazy } from "zod";
 function createSafeFrame({
   renderFile,
   context
@@ -55,56 +55,7 @@ function createSafeFrame({
   };
 }
 const name = "@adhese/sdk";
-const type = "module";
-const version = "0.12.0";
-const description = "Adhese SDK";
-const license = "GPL-3.0";
-const repository = {
-  type: "git",
-  url: "git+https://github.com/adhese/sdk_typescript.git"
-};
-const main = "./dist/index.cjs";
-const module = "./dist/index.js";
-const types = "./dist/index.d.ts";
-const files = [
-  "LICENSE",
-  "README.md",
-  "dist"
-];
-const scripts = {
-  dev: "vitest --config vite.config.npm.ts --silent",
-  "dev:verbose": "vitest --config vite.config.npm.ts",
-  test: "vitest --config vite.config.npm.ts --silent --run --coverage",
-  "test:verbose": "vitest --config vite.config.npm.ts --run --coverage",
-  build: "npm run build:npm && npm run build:standalone",
-  "build:npm": "vite build --config vite.config.npm.ts && tsup src/index.ts --dts-only --minify --format esm",
-  "build:standalone": "vite build --config vite.config.standalone.ts",
-  lint: "eslint . --ignore-pattern **/*.md/**/*",
-  "lint:fix": "eslint --fix . --ignore-pattern **/*.md/**/*",
-  clean: "rm -rf dist",
-  typecheck: "tsc --noEmit",
-  prepareRelease: "npm run build"
-};
-const dependencies = {
-  "@adhese/sdk-shared": "^0.2.0",
-  "@vue/runtime-core": "^3.4.21",
-  remeda: "^1.61.0",
-  zod: "^3.23.5"
-};
-const packageJson = {
-  name,
-  type,
-  version,
-  description,
-  license,
-  repository,
-  main,
-  module,
-  types,
-  files,
-  scripts,
-  dependencies
-};
+const version = "0.14.0";
 function renderIframe(ad, element) {
   const iframe = document.createElement("iframe");
   iframe.srcdoc = `
@@ -145,6 +96,9 @@ function addTrackingPixel(url) {
   img.style.top = "0";
   return document.body.appendChild(img);
 }
+const logger = createLogger({
+  scope: `${name}@${version}`
+});
 function createQueryDetector({
   onChange,
   queries = {
@@ -199,7 +153,10 @@ function createAsyncHook(name2, {
     onRun == null ? void 0 : onRun(hookMap.get(name2));
     return latestResult;
   };
-  return [run, (callback) => add(callback, { name: name2, onAdd })];
+  function dispose() {
+    hookMap.delete(name2);
+  }
+  return [run, (callback) => add(callback, { name: name2, onAdd }), dispose];
 }
 function createSyncHook(name2, {
   onRun,
@@ -219,7 +176,24 @@ function createSyncHook(name2, {
     onRun == null ? void 0 : onRun(hookMap.get(name2));
     return latestResult;
   };
-  return [run, (callback) => add(callback, { name: name2, onAdd })];
+  function dispose() {
+    hookMap.delete(name2);
+  }
+  return [run, (callback) => add(callback, { name: name2, onAdd }), dispose];
+}
+function createPassiveHook(name2, {
+  onRun,
+  onAdd
+} = {}) {
+  hookMap.set(name2, /* @__PURE__ */ new Set());
+  function run(arg) {
+    Promise.allSettled(Array.from(hookMap.get(name2) ?? []).map((callback) => callback(arg))).catch(console.trace);
+    onRun == null ? void 0 : onRun(hookMap.get(name2));
+  }
+  function dispose() {
+    hookMap.delete(name2);
+  }
+  return [run, (callback) => add(callback, { name: name2, onAdd }), dispose];
 }
 function isCallbackAsync(callback) {
   return callback.constructor.name === "AsyncFunction";
@@ -256,191 +230,39 @@ const [runOnInit, onInit] = createSyncHook("onInit", {
       runOnInit();
   }
 });
-const logger = createLogger({
-  scope: "Adhese SDK"
-});
 const [runOnRequest, onRequest] = createAsyncHook("onRequest");
 const [runOnResponse, onResponse] = createAsyncHook("onResponse");
-const numberLike = union([coerce.string().regex(/^\d+$/), literal("")]).transform((value) => value === "" ? void 0 : Number(value));
-const booleanLike = union([coerce.boolean(), literal("")]);
-const urlLike = union([coerce.string(), literal("")]).transform((value) => {
-  try {
-    return new URL(value);
-  } catch {
-    return void 0;
-  }
-});
-const dateLike = union([coerce.string(), 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 = union([coerce.string(), literal(""), 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 = string().transform((value, { addIssue }) => {
-  try {
-    return JSON.parse(value.replaceAll("'", '"'));
-  } catch (error) {
-    addIssue({
-      code: ZodIssueCode.custom,
-      message: `Invalid JSON: ${error.message}`
-    });
-    return NEVER;
-  }
-});
-const isHtmlString = 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: ZodIssueCode.custom,
-      message: error.message
-    });
-    return NEVER;
-  }
-});
-const isJsonOrHtmlString = union([isJson, isHtmlString]);
-const isJsonOrHtmlOptionalString = union([coerce.string(), isJsonOrHtmlString]).transform((value) => {
-  if (value === "")
-    return void 0;
-  return value;
-}).optional();
-const baseSchema = object({
-  adDuration: numberLike.optional(),
-  adFormat: string().optional(),
-  adType: string(),
-  additionalCreativeTracker: urlLike.optional(),
-  additionalViewableTracker: string().optional(),
-  adspaceEnd: dateLike.optional(),
-  adspaceId: string().optional(),
-  adspaceKey: string().optional(),
-  adspaceStart: dateLike.optional(),
-  advertiserId: string().optional(),
-  altText: string().optional(),
-  auctionable: booleanLike.optional(),
-  body: isJsonOrHtmlOptionalString,
-  clickTag: urlLike.optional(),
-  comment: string().optional(),
-  creativeName: string().optional(),
-  deliveryGroupId: string().optional(),
-  deliveryMultiples: string().optional(),
-  ext: string().optional(),
-  extension: object({
-    mediaType: string(),
-    prebid: unknown().optional()
-  }).optional(),
-  height: numberLike.optional(),
-  id: string(),
-  impressionCounter: urlLike.optional(),
-  libId: string().optional(),
-  orderId: string().optional(),
-  orderName: string().optional(),
-  orderProperty: string().optional(),
-  origin: union([literal("JERLICIA"), literal("DALE")]),
-  originData: unknown().optional(),
-  originInstance: string().optional(),
-  poolPath: urlLike.optional(),
-  preview: booleanLike.optional(),
-  priority: numberLike.optional(),
-  sfSrc: urlLike.optional(),
-  share: string().optional(),
-  // eslint-disable-next-line ts/naming-convention
-  slotID: string(),
-  slotName: 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 = object({
-  origin: literal("JERLICIA"),
-  tag: isJsonOrHtmlString
-}).passthrough();
-const daleSchema = object({
-  origin: literal("DALE"),
-  body: isJsonOrHtmlString
-}).passthrough().transform(({ body, ...data }) => ({
-  ...data,
-  tag: body
-}));
-const adResponseSchema = baseSchema.extend({
-  additionalCreatives: lazy(() => union([adResponseSchema.array(), 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"
-      }
-    });
-    if (!response.ok)
-      return Promise.reject(new Error(`Failed to request preview ad with ID: ${previewObject.adhesePreviewCreativeId}`));
-    return await response.json();
-  }))).filter((response) => {
+  const [list, adSchema] = await Promise.all([
+    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"
+        }
+      });
+      if (!response.ok)
+        return Promise.reject(new Error(`Failed to request preview ad with ID: ${previewObject.adhesePreviewCreativeId}`));
+      return await response.json();
+    })),
+    import("./requestAds.schema-Cb8_FVMb.js").then((module) => module.adSchema)
+  ]);
+  return adSchema.array().parse(list.filter((response) => {
     if (response.status === "rejected") {
       logger.error(response.reason);
       return false;
     }
     return response.status === "fulfilled";
-  }).map((response) => response.value.map((item) => ({
+  }).flatMap((response) => response.value.map((item) => ({
     ...item,
     preview: true
-  })));
-  return adSchema.array().parse(list.flat());
+  }))));
 }
 function getPreviewObjects() {
   const currentUrl = new URL(window.location.href);
@@ -504,19 +326,19 @@ function filterSpecialChars(value) {
   return value.replaceAll(specialRegex, "_");
 }
 const batch = /* @__PURE__ */ new Map();
-const debouncedRequestAds = debounce(async (context) => {
+const runRequestAdsBatch = debounce(async (context) => {
   if (batch.size === 0)
     return [];
   const ads = await requestAds({
     slots: Array.from(batch.values()).map(({ options }) => options.slot),
     context
   });
-  for (const { options, resolve, reject } of batch.values()) {
+  for (const { options, resolve } of batch.values()) {
     const ad = ads.find(({ slotName }) => toValue(slotName) === toValue(options.slot.name));
     if (ad)
       resolve(ad);
     else
-      reject(new Error(`Ad: ${toValue(options.slot.name)} not found`));
+      resolve(null);
   }
   batch.clear();
   return ads;
@@ -526,11 +348,11 @@ const debouncedRequestAds = debounce(async (context) => {
 });
 async function requestAd(options) {
   const promise = new Promise(
-    (resolve, reject) => {
-      batch.set(toValue(options.slot.name), { options, resolve, reject });
+    (resolve) => {
+      batch.set(toValue(options.slot.name), { options, resolve });
     }
   );
-  await debouncedRequestAds.call(options.context);
+  await runRequestAdsBatch.call(options.context);
   return promise;
 }
 async function requestAds(requestOptions) {
@@ -542,7 +364,11 @@ async function requestAds(requestOptions) {
       ...options,
       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)]);
+    const [response, previews, parseResponse] = await Promise.all([
+      ((_b = context.options.requestType) == null ? void 0 : _b.toUpperCase()) === "POST" ? requestWithPost(options) : requestWithGet(options),
+      requestPreviews(context.options.account),
+      import("./requestAds.schema-Cb8_FVMb.js").then((module) => module.parseResponse)
+    ]);
     logger.debug("Received response", response);
     if (!response.ok)
       throw new Error(`Failed to request ad: ${response.status} ${response.statusText}`);
@@ -573,7 +399,6 @@ async function requestAds(requestOptions) {
     throw error;
   }
 }
-const [runOnRender, onRender] = createAsyncHook("onRender");
 const [runOnSlotCreate, onSlotCreate] = createSyncHook("onSlotCreate");
 function useViewabilityObserver({ context, ad, name: name2, element }) {
   let timeoutId = null;
@@ -594,12 +419,11 @@ function useViewabilityObserver({ context, ad, name: name2, element }) {
       const ratio = round(entry.intersectionRatio, 1);
       if (ratio >= threshold && !timeoutId) {
         timeoutId = setTimeout(() => {
-          var _a, _b, _c;
+          var _a;
           timeoutId = null;
           if ((_a = ad.value) == null ? void 0 : _a.viewableImpressionCounter) {
             trackingPixel.value = addTrackingPixel(ad.value.viewableImpressionCounter);
             logger.debug(`Viewability tracking pixel fired for ${name2.value}`);
-            (_c = context.events) == null ? void 0 : _c.changeSlots.dispatch(Array.from(((_b = context.getAll) == null ? void 0 : _b.call(context)) ?? []));
           }
         }, duration);
       } else if (ratio < threshold && timeoutId) {
@@ -654,6 +478,22 @@ function useRenderIntersectionObserver({ options, element }) {
     renderIntersectionObserver.disconnect();
   }];
 }
+function useSlotHooks({ setup }, slotContext, id) {
+  const [runOnSlotRender, onRender, disposeOnRender] = createAsyncHook(`onRender:${id}`);
+  const [runOnRequest2, onRequest2, disposeOnRequest] = createAsyncHook(`onRequest:${id}`);
+  const [runOnDispose2, onDispose2, disposeOnDispose] = createPassiveHook(`onDispose:${id}`);
+  setup == null ? void 0 : setup(slotContext, {
+    onRender,
+    onDispose: onDispose2,
+    onRequest: onRequest2
+  });
+  onDispose2(() => {
+    disposeOnRender();
+    disposeOnRequest();
+    disposeOnDispose();
+  });
+  return { runOnSlotRender, runOnRequest: runOnRequest2, runOnDispose: runOnDispose2 };
+}
 const renderFunctions = {
   iframe: renderIframe,
   inline: renderInline
@@ -661,7 +501,10 @@ const renderFunctions = {
 function createSlot(slotOptions) {
   const scope = effectScope();
   return scope.run(() => {
+    const slotContext = ref(null);
     const options = runOnSlotCreate(slotOptions);
+    const id = uniqueId();
+    const { runOnSlotRender, runOnDispose: runOnDispose2, runOnRequest: runOnRequest2 } = useSlotHooks(options, slotContext, id);
     const {
       containingElement,
       slot,
@@ -684,43 +527,34 @@ function createSlot(slotOptions) {
     const originalAd = ref(ad.value);
     const name2 = computed(() => generateName(context.location, format.value, slot));
     watch(name2, async (newName, oldName) => {
-      var _a;
       if (newName === oldName)
         return;
-      (_a = options.onNameChange) == null ? void 0 : _a.call(options, newName, oldName);
       const newAd = await requestAd$1();
       cleanElement();
       ad.value = newAd;
       originalAd.value = newAd;
     });
     const isDomLoaded = useDomLoaded();
+    const isDisposed2 = ref(false);
     const element = computed(
       () => {
         if (!(typeof containingElement === "string" || !containingElement))
           return containingElement;
-        if (!isDomLoaded.value)
+        if (!isDomLoaded.value || isDisposed2.value)
           return null;
         return document.querySelector(`.adunit[data-format="${format.value}"]#${containingElement}${slot ? `[data-slot="${slot}"]` : ""}`);
       }
     );
-    function getElement() {
-      var _a, _b;
-      if (renderMode === "iframe")
-        return ((_a = element.value) == null ? void 0 : _a.querySelector("iframe")) ?? null;
-      return ((_b = element.value) == null ? void 0 : _b.innerHTML) ? element.value.firstElementChild : null;
-    }
     const [isInViewport, disposeRenderIntersectionObserver] = useRenderIntersectionObserver({
       options,
       element
     });
-    const isRendered = ref(false);
+    const status = ref("initializing");
     watch([ad, isInViewport], async ([newAd, newIsInViewport], [oldAd]) => {
-      var _a, _b;
-      if ((!newAd || oldAd && isDeepEqual(newAd, oldAd)) && isRendered.value)
+      if ((!newAd || oldAd && isDeepEqual(newAd, oldAd)) && status.value === "rendered")
         return;
-      if (newIsInViewport || context.options.eagerRendering)
+      if (newIsInViewport)
         await render(newAd ?? void 0);
-      (_b = context.events) == null ? void 0 : _b.changeSlots.dispatch(Array.from(((_a = context.getAll) == null ? void 0 : _a.call(context)) ?? []));
     });
     watch(isInViewport, (value) => {
       var _a;
@@ -738,6 +572,8 @@ function createSlot(slotOptions) {
     const impressionTrackingPixelElement = ref(null);
     const isImpressionTracked = computed(() => Boolean(impressionTrackingPixelElement.value));
     async function requestAd$1() {
+      status.value = "loading";
+      await runOnRequest2();
       const response = await requestAd({
         slot: {
           name: name2.value,
@@ -745,17 +581,27 @@ function createSlot(slotOptions) {
         },
         context
       });
-      originalAd.value = response;
+      if (response) {
+        ad.value = response;
+        if (!originalAd.value)
+          originalAd.value = response;
+        status.value = response ? "loaded" : "empty";
+      }
       return response;
     }
     async function render(adToRender) {
       var _a, _b;
+      status.value = "rendering";
       await waitForDomLoad();
       await waitOnInit;
       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 (!renderAd) {
+        status.value = "empty";
+        logger.debug(`No ad to render for slot ${name2.value}`);
+        return null;
+      }
+      renderAd = ((_a = options.onBeforeRender) == null ? void 0 : _a.call(options, renderAd)) ?? renderAd;
+      renderAd = await runOnSlotRender(renderAd);
       if (!element.value) {
         const error = `Could not create slot for format ${format.value}. No element found.`;
         logger.error(error, options);
@@ -781,7 +627,7 @@ function createSlot(slotOptions) {
       });
       (_b = options.onRender) == null ? void 0 : _b.call(options, element.value);
       ad.value = renderAd;
-      isRendered.value = true;
+      status.value = "rendered";
       return element.value;
     }
     function cleanElement() {
@@ -801,9 +647,17 @@ function createSlot(slotOptions) {
       disposeViewabilityObserver();
       (_b = options.onDispose) == null ? void 0 : _b.call(options);
       queryDetector == null ? void 0 : queryDetector.dispose();
+      runOnDispose2();
+      isDisposed2.value = true;
       scope.stop();
     }
-    return {
+    onInit(async () => {
+      status.value = "initialized";
+      if (options.lazyLoading)
+        return;
+      ad.value = await requestAd$1();
+    });
+    const state = reactive({
       location: context.location ?? "",
       lazyLoading: options.lazyLoading ?? false,
       slot,
@@ -813,10 +667,21 @@ function createSlot(slotOptions) {
       ad,
       isViewabilityTracked,
       isImpressionTracked,
+      status,
+      element,
+      isDisposed: isDisposed2,
+      id,
       render,
-      getElement,
+      request: requestAd$1,
       dispose
-    };
+    });
+    watch(state, (newState) => {
+      slotContext.value = newState;
+    }, {
+      deep: true,
+      immediate: true
+    });
+    return state;
   });
 }
 function useDomLoaded() {
@@ -838,7 +703,7 @@ async function findDomSlots(context) {
       element.dataset.format,
       element.dataset.slot
     );
-    return !((_a = context.getAll) == null ? void 0 : _a.call(context).some((activeSlot) => activeSlot.name.value === name2));
+    return !((_a = context.getAll) == null ? void 0 : _a.call(context).some((activeSlot) => activeSlot.name === name2));
   }).map((element) => createSlot({
     format: element.dataset.format,
     containingElement: element,
@@ -846,87 +711,73 @@ async function findDomSlots(context) {
     context
   })).filter((slot) => {
     var _a;
-    return !((_a = context.getAll) == null ? void 0 : _a.call(context).some((activeSlot) => activeSlot.name.value === slot.name.value));
+    return !((_a = context.getAll) == null ? void 0 : _a.call(context).some((activeSlot) => activeSlot.name === slot.name));
   });
 }
 function createSlotManager({
   initialSlots = [],
   context
 }) {
-  const scope = effectScope();
-  return scope.run(() => {
-    const slots = shallowReactive(/* @__PURE__ */ new Map());
-    watchEffect(() => {
-      var _a;
-      (_a = context.events) == null ? void 0 : _a.changeSlots.dispatch(Array.from(slots.values()));
+  context.slots = /* @__PURE__ */ new Map();
+  function getAll() {
+    return Array.from(context.slots).map(([, slot]) => slot);
+  }
+  function add2(options) {
+    var _a;
+    const slot = createSlot({
+      ...options,
+      onDispose: onDispose2,
+      context
     });
-    function getAll() {
-      return Array.from(slots).map(([, slot]) => slot);
-    }
-    function add2(options) {
-      var _a;
-      const slot = createSlot({
-        ...options,
-        onDispose: onDispose2,
-        context
-      });
-      if (slots.has(slot.name.value)) {
-        slot.dispose();
-        throw new Error(`Slot with the name: ${slot.name.value} already exists. Create a new slot with a different format, slot, or the location.`);
-      }
-      const disposeSlotWatch = watch(slot.name, (newName, previousName) => {
-        slots.set(newName, slot);
-        slots.delete(previousName);
-      });
-      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);
-        disposeSlotWatch();
-      }
-      slots.set(slot.name.value, slot);
-      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;
+    if (get(slot.name)) {
+      slot.dispose();
+      throw new Error(`Slot with the name: ${slot.name} already exists. Create a new slot with a different format, slot, or the location.`);
     }
-    function get(name2) {
-      return slots.get(name2);
-    }
-    function dispose() {
-      for (const slot of slots.values())
-        slot.dispose();
-      slots.clear();
-      scope.stop();
-    }
-    for (const options of initialSlots) {
-      add2({
-        ...options,
-        lazyLoading: false
+    function onDispose2() {
+      var _a2;
+      context.slots.delete(slot.id);
+      logger.debug("Slot removed", {
+        slot
       });
+      (_a2 = context.events) == null ? void 0 : _a2.removeSlot.dispatch(slot);
     }
-    return {
-      getAll,
-      add: add2,
-      findDomSlots: findDomSlots$1,
-      get,
-      dispose
-    };
-  });
+    context.slots.set(slot.id, slot);
+    logger.debug("Slot added", {
+      slot,
+      slots: Array.from(context.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)
+      context.slots.set(slot.id, slot);
+    return domSlots;
+  }
+  function get(name2) {
+    return getAll().find((slot) => slot.name === name2);
+  }
+  function dispose() {
+    for (const slot of context.slots.values())
+      slot.dispose();
+    context.slots.clear();
+  }
+  for (const options of initialSlots) {
+    add2({
+      ...options,
+      lazyLoading: false
+    });
+  }
+  return {
+    getAll,
+    add: add2,
+    findDomSlots: findDomSlots$1,
+    get,
+    dispose
+  };
 }
 function onTcfConsentChange(callback) {
   var _a;
@@ -1005,6 +856,7 @@ function createAdhese(options) {
       isDisposed: false,
       parameters: /* @__PURE__ */ new Map(),
       events: createEventManager(),
+      slots: /* @__PURE__ */ new Map(),
       dispose,
       findDomSlots: findDomSlots2,
       getAll,
@@ -1014,10 +866,9 @@ function createAdhese(options) {
     for (const [index, plugin] of mergedOptions.plugins.entries()) {
       plugin(context, {
         index,
-        version: packageJson.version,
+        version,
         onInit,
         onDispose,
-        onRender,
         onRequest,
         onResponse,
         onSlotCreate
@@ -1047,16 +898,12 @@ function createAdhese(options) {
         deep: true
       }
     );
-    const debouncedFetchAllUnrenderedSlots = debounce(fetchAllUnrenderedSlots, {
-      waitMs: 100,
-      timing: "both"
-    });
     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 debouncedFetchAllUnrenderedSlots.call();
+      await fetchAllUnrenderedSlots();
     }
     watch(() => context.consent, (newConsent) => {
       var _a, _b;
@@ -1085,15 +932,7 @@ function createAdhese(options) {
       const domSlots = (await slotManager.findDomSlots() ?? []).filter((slot) => !slot.lazyLoading);
       if (domSlots.length <= 0)
         return [];
-      const ads = await Promise.all(domSlots.map((slot) => requestAd({
-        slot,
-        context
-      })));
-      for (const ad of ads) {
-        const slot = slotManager.get(ad.slotName);
-        if (slot)
-          slot.ad.value = ad;
-      }
+      await fetchAllUnrenderedSlots();
       return domSlots;
     }
     context.findDomSlots = findDomSlots2;
@@ -1112,18 +951,10 @@ function createAdhese(options) {
       immediate: true
     });
     async function fetchAllUnrenderedSlots() {
-      const slots = (slotManager.getAll() ?? []).filter((slot) => !slot.lazyLoading && !slot.ad.value);
+      const slots = (slotManager.getAll() ?? []).filter((slot) => !slot.lazyLoading && !slot.ad);
       if (slots.length === 0)
         return;
-      const ads = await Promise.all(slots.map((slot) => requestAd({
-        slot,
-        context
-      })));
-      for (const ad of ads) {
-        const slot = slotManager.get(ad.slotName);
-        if (slot)
-          slot.ad.value = ad;
-      }
+      await Promise.allSettled(slots.map((slot) => slot.request()));
     }
     const disposeOnTcfConsentChange = onTcfConsentChange(async (data) => {
       var _a, _b;
@@ -1134,7 +965,7 @@ function createAdhese(options) {
       });
       (_a = context.parameters) == null ? void 0 : _a.set("xt", data.tcString);
       (_b = context.parameters) == null ? void 0 : _b.delete("tl");
-      await debouncedFetchAllUnrenderedSlots.call();
+      await fetchAllUnrenderedSlots();
     });
     function dispose() {
       var _a, _b;
@@ -1154,6 +985,7 @@ function createAdhese(options) {
     context.dispose = dispose;
     onInit(async () => {
       var _a;
+      await awaitTimeout(0);
       if ((slotManager.getAll().length ?? 0) > 0)
         await fetchAllUnrenderedSlots().catch(logger.error);
       if (mergedOptions.findDomSlotsOnLoad)
@@ -1168,8 +1000,29 @@ function createAdhese(options) {
   });
 }
 export {
+  computed2 as computed,
   createAdhese,
-  logger,
-  requestAd
+  customRef,
+  effectScope2 as effectScope,
+  isProxy,
+  isReactive,
+  isReadonly,
+  isRef,
+  isShallow,
+  markRaw,
+  reactive2 as reactive,
+  readonly,
+  ref2 as ref,
+  shallowReactive,
+  shallowReadonly,
+  shallowRef,
+  toRaw,
+  toRefs,
+  toValue2 as toValue,
+  unref,
+  watch2 as watch,
+  watchEffect,
+  watchPostEffect,
+  watchSyncEffect
 };
 //# sourceMappingURL=index.js.map