npm - @adhese/sdk - Versions diffs - 0.6.1 → 0.6.3 - Mend

@adhese/sdk 0.6.1 → 0.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/cjs/index.js DELETED Viewed

@@ -1,1171 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const sdkDevtools = require("@adhese/sdk-devtools");
-const runtimeCore = require("@vue/runtime-core");
-const lodashEs = require("lodash-es");
-const zod = require("zod");
-async function waitForDomLoad() {
-  return new Promise((resolve) => {
-    function onDomLoad() {
-      resolve();
-      window.removeEventListener("DOMContentLoaded", onDomLoad);
-    }
-    if (document.readyState === "loading")
-      document.addEventListener("DOMContentLoaded", onDomLoad);
-    else
-      resolve();
-  });
-}
-function createEventManager() {
-  const disposables = /* @__PURE__ */ new Set();
-  function dispose() {
-    for (const disposable of disposables)
-      disposable();
-  }
-  return new Proxy({
-    dispose
-  }, {
-    // eslint-disable-next-line ts/explicit-function-return-type
-    get(target, key, receiver) {
-      if (!(key in target) && typeof key === "string") {
-        const event = createEvent();
-        disposables.add(() => {
-          event.listeners.clear();
-        });
-        Reflect.set(target, key, event, receiver);
-      }
-      return Reflect.get(target, key, receiver);
-    }
-  });
-}
-function createEvent() {
-  const listeners = /* @__PURE__ */ new Set();
-  function dispatch(data) {
-    for (const listener of listeners)
-      void listener(data);
-  }
-  async function dispatchAsync(data) {
-    await Promise.allSettled(
-      Array.from(listeners).map((listener) => listener(data))
-    );
-  }
-  function addListener(listener) {
-    listeners.add(listener);
-  }
-  function removeListener(listener) {
-    listeners.delete(listener);
-  }
-  return {
-    listeners,
-    dispatch,
-    dispatchAsync,
-    addListener,
-    removeListener
-  };
-}
-function createSafeFrame({
-  renderFile,
-  context
-}) {
-  const safeFrame = window.$sf;
-  if (!safeFrame)
-    throw new Error("SafeFrame not found");
-  const adhesePositions = /* @__PURE__ */ new Set();
-  const config = new safeFrame.host.Config({
-    auto: false,
-    debug: context.debug,
-    renderFile
-  });
-  function addPosition(ad, element) {
-    var _a;
-    if (!safeFrame)
-      throw new Error("SafeFrame not found");
-    const html = ad.ext === "js" && ad.body ? ad.body : ad.tag;
-    if (typeof html !== "string")
-      throw new Error("Ad tag is not a string");
-    const elementId = element.id || `ad-${ad.id}-${lodashEs.uniqueId()}`;
-    element.id = elementId;
-    const position = new safeFrame.host.Position({
-      id: elementId,
-      html,
-      src: ad.ext === "js" ? (_a = ad.swfSrc) == null ? void 0 : _a.href : void 0,
-      config: new safeFrame.host.PosConfig({
-        id: elementId,
-        w: Number(ad.width),
-        h: Number(ad.height),
-        size: `${Number(ad.width)}x${Number(ad.height)}`,
-        tgt: html.includes('target="_self"') ? "_self" : "_blank",
-        dest: elementId
-      })
-    });
-    adhesePositions.add(position);
-    return position;
-  }
-  async function render(position) {
-    if (!safeFrame)
-      throw new Error("SafeFrame not found");
-    safeFrame.host.render(position);
-  }
-  function dispose() {
-  }
-  return {
-    config,
-    addPosition,
-    render,
-    dispose
-  };
-}
-function renderIframe(ad, element) {
-  const iframe = document.createElement("iframe");
-  iframe.srcdoc = `
-      <!DOCTYPE html>
-      <html>
-        <head>
-          <style>
-            body {
-              margin: 0;
-              padding: 0;
-              overflow: hidden;
-            }
-          </style>
-        </head>
-        <body>
-          ${String(ad.tag)}
-        </body>
-      `.replaceAll(/\s+/g, " ").trim();
-  iframe.style.border = "none";
-  iframe.style.width = ad.width ? `${ad.width}px` : "auto";
-  iframe.style.height = ad.height ? `${ad.height}px` : "auto";
-  element.replaceChildren(iframe);
-}
-function renderInline(ad, element) {
-  element.innerHTML = String(ad.tag);
-}
-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 createQueryDetector({
-  onChange,
-  queries = {
-    mobile: "(max-width: 768px) and (pointer: coarse)",
-    tablet: "(min-width: 769px) and (max-width: 1024px) and (pointer: coarse)",
-    desktop: "(min-width: 1025px) and (pointer: fine)"
-  }
-} = {}) {
-  const mediaMap = new Map(
-    Object.entries(queries).map(([key, query]) => [key, window.matchMedia(query)])
-  );
-  function getQuery() {
-    for (const [device, query] of Object.entries(queries)) {
-      if (window.matchMedia(query).matches)
-        return device;
-    }
-    return "unknown";
-  }
-  const handleOnChange = lodashEs.debounce(() => {
-    void (onChange == null ? void 0 : onChange(getQuery()));
-    logger.debug(`Change device ${getQuery()}`);
-  }, 50);
-  if (onChange) {
-    for (const query of mediaMap.values())
-      query.addEventListener("change", handleOnChange);
-  }
-  function dispose() {
-    for (const query of mediaMap.values())
-      query.removeEventListener("change", handleOnChange);
-  }
-  return {
-    queries: mediaMap,
-    getQuery,
-    dispose
-  };
-}
-const defaultLogLevels = ["trace", "debug", "info", "warn", "error"];
-function createLogger({
-  scope,
-  logLevels = defaultLogLevels,
-  minLogLevelThreshold = logLevels[2]
-}) {
-  const logs = /* @__PURE__ */ new Set();
-  let currentMinLogLevelThreshold = minLogLevelThreshold;
-  const events = createEventManager();
-  const logFunctions = Object.fromEntries(logLevels.map((level, index) => {
-    const logFunction = (message, attributes) => {
-      logs.add({
-        scope,
-        level,
-        message,
-        attributes,
-        timestamp: Date.now(),
-        id: lodashEs.uniqueId()
-      });
-      events.log.dispatch({
-        scope,
-        level,
-        message,
-        attributes,
-        timestamp: Date.now(),
-        id: lodashEs.uniqueId()
-      });
-      if (index >= logLevels.indexOf(currentMinLogLevelThreshold)) {
-        if (["warn", "error", "trace"].includes(level)) {
-          console[level](...[
-            `%c${scope}`,
-            "color: red; font-weight: bold;",
-            message,
-            attributes
-          ].filter(Boolean));
-        } else {
-          console.log(...[
-            `%c${scope} %c${level.toUpperCase()}`,
-            "color: red; font-weight: bold;",
-            "font-weight: bold;",
-            message,
-            attributes
-          ].filter(Boolean));
-        }
-      }
-    };
-    return [level, logFunction];
-  }));
-  return {
-    ...logFunctions,
-    scope,
-    events,
-    setMinLogLevelThreshold(level) {
-      currentMinLogLevelThreshold = level;
-    },
-    resetMinLogLevelThreshold() {
-      currentMinLogLevelThreshold = minLogLevelThreshold;
-    },
-    getMinLogLevelThreshold() {
-      return currentMinLogLevelThreshold;
-    },
-    getLogs() {
-      return Array.from(logs);
-    },
-    resetLogs() {
-      events.reset.dispatch();
-      logs.clear();
-    }
-  };
-}
-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: lodashEs.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
-  });
-}
-function isPreviewMode() {
-  return window.location.search.includes("adhesePreviewCreativeId");
-}
-function createHook({
-  onRun,
-  onAdd
-}) {
-  const callbacks = /* @__PURE__ */ new Set();
-  function run() {
-    for (const callback of callbacks)
-      callback();
-    onRun == null ? void 0 : onRun(callbacks);
-  }
-  function add(callback) {
-    callbacks.add(callback);
-    onAdd == null ? void 0 : onAdd(callbacks);
-  }
-  return [run, add];
-}
-let resolveOnInitPromise = () => {
-};
-let isInit = false;
-const waitOnInit = new Promise((resolve) => {
-  resolveOnInitPromise = resolve;
-});
-const [runOnInit, onInit] = createHook({
-  onRun(callbacks) {
-    isInit = true;
-    resolveOnInitPromise();
-    logger.debug("Initialization completed");
-    callbacks.clear();
-  },
-  onAdd() {
-    if (isInit)
-      runOnInit();
-  }
-});
-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
-    });
-    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
-    });
-    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 slot;
-    }
-    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;
-    }
-    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;
-    }
-    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();
-    });
-    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();
-    });
-    runOnInit();
-    return {
-      ...mergedOptions,
-      ...slotManager,
-      parameters: context.parameters,
-      events: context.events,
-      getLocation,
-      setLocation,
-      getConsent,
-      setConsent,
-      addSlot,
-      findDomSlots: findDomSlots2,
-      dispose,
-      toggleDebug,
-      context
-    };
-  });
-}
-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 useViewabilityObserver({ context, ad, name, element }) {
-  let timeoutId = null;
-  const {
-    threshold,
-    duration,
-    rootMargin
-  } = {
-    threshold: 0.2,
-    duration: 1e3,
-    rootMargin: "0px",
-    ...context.options.viewabilityTrackingOptions
-  };
-  const trackingPixel = runtimeCore.ref(null);
-  const isTracked = runtimeCore.computed(() => Boolean(trackingPixel.value));
-  const viewabilityObserver = new IntersectionObserver(([entry]) => {
-    if (context.options.viewabilityTracking && !trackingPixel.value && ad) {
-      const ratio = lodashEs.round(entry.intersectionRatio, 1);
-      if (ratio >= threshold && !timeoutId) {
-        timeoutId = setTimeout(() => {
-          var _a, _b, _c;
-          timeoutId = null;
-          if ((_a = ad.value) == null ? void 0 : _a.viewableImpressionCounter) {
-            trackingPixel.value = addTrackingPixel(ad.value.viewableImpressionCounter);
-            logger.debug(`Viewability tracking pixel fired for ${name.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) {
-        clearTimeout(timeoutId);
-        timeoutId = null;
-      }
-    }
-  }, {
-    rootMargin,
-    threshold: Array.from({ length: 11 }, (_, i) => i * 0.1)
-  });
-  function observe(newElement, oldElement) {
-    if (oldElement)
-      viewabilityObserver.unobserve(oldElement);
-    if (newElement && context.options.viewabilityTracking)
-      viewabilityObserver.observe(newElement);
-    return () => {
-      if (newElement)
-        viewabilityObserver.unobserve(newElement);
-    };
-  }
-  runtimeCore.watch(element, observe);
-  observe(element.value);
-  return [isTracked, () => {
-    var _a;
-    (_a = trackingPixel.value) == null ? void 0 : _a.remove();
-    viewabilityObserver.disconnect();
-  }];
-}
-function useRenderIntersectionObserver({ ad, options, element, render }) {
-  var _a;
-  const isInViewport = runtimeCore.ref(false);
-  const renderIntersectionObserver = new IntersectionObserver((entries) => {
-    isInViewport.value = entries.some((entry) => entry.isIntersecting);
-    if (isInViewport.value) {
-      (async () => {
-        if (!ad.value && options.lazyLoading)
-          await render();
-        await render(ad.value ?? void 0);
-      })().catch(logger.error);
-    }
-  }, {
-    rootMargin: ((_a = options.lazyLoadingOptions) == null ? void 0 : _a.rootMargin) ?? "200px",
-    threshold: 0
-  });
-  function observe(newElement, oldElement) {
-    if (oldElement)
-      renderIntersectionObserver.unobserve(oldElement);
-    if (newElement)
-      renderIntersectionObserver.observe(newElement);
-    return () => {
-      if (newElement)
-        renderIntersectionObserver.unobserve(newElement);
-    };
-  }
-  runtimeCore.watch(element, observe);
-  observe(element.value);
-  return [isInViewport, () => {
-    renderIntersectionObserver.disconnect();
-  }];
-}
-const renderFunctions = {
-  iframe: renderIframe,
-  inline: renderInline
-};
-function createSlot(options) {
-  const scope = runtimeCore.effectScope();
-  return scope.run(() => {
-    const {
-      containingElement,
-      slot,
-      context,
-      renderMode = "iframe"
-    } = options;
-    const parameters = runtimeCore.reactive(new Map(Object.entries(options.parameters ?? {})));
-    let queryDetector = null;
-    if (typeof options.format !== "string") {
-      queryDetector = createQueryDetector({
-        onChange: onQueryChange,
-        queries: Object.fromEntries(options.format.map((item) => [item.format, item.query]))
-      });
-    }
-    const format = runtimeCore.ref(queryDetector ? queryDetector.getQuery() : options.format);
-    function onQueryChange(newFormat) {
-      format.value = newFormat;
-    }
-    const ad = runtimeCore.ref(null);
-    const originalAd = runtimeCore.ref(ad.value);
-    const name = runtimeCore.computed(() => generateName(context.location, format.value, slot));
-    runtimeCore.watch(name, 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 element = runtimeCore.computed(
-      () => {
-        if (!(typeof containingElement === "string" || !containingElement))
-          return containingElement;
-        if (!isDomLoaded.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({
-      ad,
-      options,
-      element,
-      render
-    });
-    runtimeCore.watch([ad, isInViewport], async ([newAd, newIsInViewport], [oldAd]) => {
-      var _a, _b;
-      if (!newAd || lodashEs.isEqual(newAd, oldAd))
-        return;
-      if (newIsInViewport || context.options.eagerRendering)
-        await render(newAd);
-      (_b = context.events) == null ? void 0 : _b.changeSlots.dispatch(Array.from(((_a = context.getAll) == null ? void 0 : _a.call(context)) ?? []));
-    });
-    const [
-      isViewabilityTracked,
-      disposeViewabilityObserver
-    ] = useViewabilityObserver({
-      context,
-      ad,
-      name,
-      element
-    });
-    const impressionTrackingPixelElement = runtimeCore.ref(null);
-    const isImpressionTracked = runtimeCore.computed(() => Boolean(impressionTrackingPixelElement.value));
-    async function requestAd$1() {
-      const response = await requestAd({
-        slot: {
-          name: name.value,
-          parameters
-        },
-        context
-      });
-      originalAd.value = response;
-      return response;
-    }
-    async function render(adToRender) {
-      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;
-      }
-      if (!element.value) {
-        const error = `Could not create slot for format ${format.value}. No element found.`;
-        logger.error(error, options);
-        throw new Error(error);
-      }
-      if (context.debug)
-        element.value.style.position = "relative";
-      if (context.safeFrame && ad.value && renderMode === "iframe") {
-        const position = context.safeFrame.addPosition(ad.value, element.value);
-        await context.safeFrame.render(position);
-      } else {
-        renderFunctions[renderMode](renderAd, element.value);
-      }
-      if (renderAd.impressionCounter && !impressionTrackingPixelElement.value) {
-        impressionTrackingPixelElement.value = addTrackingPixel(renderAd.impressionCounter);
-        logger.debug(`Impression tracking pixel fired for ${name.value}`);
-      }
-      logger.debug("Slot rendered", {
-        renderedElement: element,
-        location: context.location,
-        format,
-        containingElement
-      });
-      (_b = options.onRender) == null ? void 0 : _b.call(options, element.value);
-      disposeRenderIntersectionObserver();
-      return element.value;
-    }
-    function cleanElement() {
-      if (!element.value)
-        return;
-      element.value.innerHTML = "";
-      element.value.style.position = "";
-      element.value.style.width = "";
-      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();
-      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;
-}
-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 }) => {
-  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 */
-  };
-  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) => {
-    if (response.status === "rejected") {
-      logger.error(response.reason);
-      return false;
-    }
-    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 = {};
-    }
-    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 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"
-    }
-  });
-}
-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,
-      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
-      };
-    });
-    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
-  });
-  return ad;
-}
-exports.createAdhese = createAdhese;
-//# sourceMappingURL=index.js.map