@adhese/sdk 0.20.0 → 0.21.0

package/dist/requestAds/requestAds.schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"requestAds.schema.js","sources":["../../src/requestAds/requestAds.schema.ts"],"sourcesContent":["import {\n  type TypeOf,\n  type ZodType,\n  booleanLike,\n  cssValueLike,\n  dateLike,\n  isJsonOrHtmlOptionalString,\n  isJsonOrHtmlString,\n  lazy,\n  literal,\n  numberLike,\n  object,\n  string,\n  union,\n  unknown,\n  urlLike,\n} from '@adhese/sdk-shared/validators';\n\nconst baseSchema = object({\n  adDuration: numberLike.optional(),\n  adFormat: string().optional(),\n  adType: string(),\n  additionalCreativeTracker: urlLike.optional(),\n  additionalViewableTracker: string().optional(),\n  adspaceEnd: dateLike.optional(),\n  adspaceId: string().optional(),\n  adspaceKey: string().optional(),\n  adspaceStart: dateLike.optional(),\n  advertiserId: string().optional(),\n  altText: string().optional(),\n  auctionable: booleanLike.optional(),\n  body: isJsonOrHtmlOptionalString,\n  clickTag: urlLike.optional(),\n  comment: string().optional(),\n  creativeName: string().optional(),\n  deliveryGroupId: string().optional(),\n  deliveryMultiples: string().optional(),\n  ext: string().optional(),\n  extension: object({\n    mediaType: string(),\n    prebid: unknown().optional(),\n  }).optional(),\n  height: numberLike.optional(),\n  id: string().optional(),\n  impressionCounter: urlLike.optional(),\n  libId: string().optional(),\n  orderId: string().optional(),\n  orderName: string().optional(),\n  orderProperty: string().optional(),\n  origin: union([literal('JERLICIA'), literal('DALE')]),\n  originData: unknown().optional(),\n  originInstance: string().optional(),\n  poolPath: urlLike.optional(),\n  preview: booleanLike.optional(),\n  priority: numberLike.optional(),\n  sfSrc: urlLike.optional(),\n  share: string().optional(),\n  // eslint-disable-next-line ts/naming-convention\n  slotID: string(),\n  slotName: string(),\n  swfSrc: urlLike.optional(),\n  tag: isJsonOrHtmlOptionalString,\n  tagUrl: urlLike.optional(),\n  timeStamp: dateLike.optional(),\n  trackedImpressionCounter: urlLike.optional(),\n  tracker: urlLike.optional(),\n  trackingUrl: urlLike.optional(),\n  url: urlLike.optional(),\n  viewableImpressionCounter: urlLike.optional(),\n  width: numberLike.optional(),\n  widthLarge: cssValueLike.optional(),\n});\n\nexport const jerliciaSchema = object({\n  origin: literal('JERLICIA'),\n  tag: isJsonOrHtmlString,\n}).passthrough();\n\nexport const daleSchema = object({\n  origin: literal('DALE'),\n  body: isJsonOrHtmlString,\n}).passthrough().transform(({ body, ...data }) => ({\n  ...data,\n  tag: body,\n}));\n\nexport type AdResponse = (TypeOf<typeof baseSchema> & {\n  additionalCreatives?: ReadonlyArray<AdResponse> | string;\n});\n\nconst adResponseSchema: ZodType<AdResponse> = baseSchema.extend({\n  additionalCreatives: lazy(() => union([adResponseSchema.array(), string()]).optional()),\n}) as ZodType<AdResponse>;\n\nexport type PreParsedAd = TypeOf<typeof adResponseSchema> & {\n  additionalCreatives?: ReadonlyArray<PreParsedAd> | string;\n};\n\nexport type AdheseAd<T = string | Record<string, unknown> | ReadonlyArray<unknown>> = Omit<PreParsedAd, 'tag'> & {\n  tag: T | string;\n};\n\nexport const adSchema: ZodType<PreParsedAd> = adResponseSchema.transform(({\n  additionalCreatives,\n  ...data\n}) => {\n  const filteredValue = Object.fromEntries(\n    Object.entries(data)\n      .filter(([, value]) =>\n        Boolean(value)\n        && JSON.stringify(value) !== '{}'\n        && JSON.stringify(value) !== '[]'),\n  ) as typeof data;\n\n  return ({\n    ...filteredValue,\n    additionalCreatives: Array.isArray(additionalCreatives) ? additionalCreatives.map(creative => adSchema.parse(creative)) : additionalCreatives,\n  });\n});\n\nexport function parseResponse(response: unknown): ReadonlyArray<AdheseAd> {\n  const schemaMap = {\n    /* eslint-disable ts/naming-convention */\n    JERLICIA: jerliciaSchema,\n    DALE: daleSchema,\n    /* eslint-enable ts/naming-convention */\n  };\n\n  const preParsed = adResponseSchema.array().parse(response);\n\n  return preParsed.map((item) => {\n    const schema = schemaMap[item.origin];\n\n    if (!schema)\n      return adSchema.parse(item);\n\n    return schema.parse(item);\n  }) as ReadonlyArray<AdheseAd>;\n}\n"],"names":[],"mappings":"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"}

package/dist/requestAds/requestAds.utils.js

@@ -0,0 +1,54 @@
+import { toValue } from "@adhese/sdk-shared";
+import { logger } from "../logger/logger.js";
+function requestWithPost({
+  context,
+  ...options
+}) {
+  const payload = {
+    ...options,
+    slots: options.slots.map((slot) => ({
+      slotname: toValue(slot.name),
+      parameters: parseParameters(slot.parameters)
+    })),
+    parameters: context.parameters && parseParameters(context.parameters)
+  };
+  return fetch(`${new URL(context.options.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) => 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;
+  }).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, "_");
+}
+export {
+  parseParameters,
+  requestWithGet,
+  requestWithPost
+};
+//# sourceMappingURL=requestAds.utils.js.map

package/dist/requestAds/requestAds.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"requestAds.utils.js","sources":["../../src/requestAds/requestAds.utils.ts"],"sourcesContent":["import { toValue } from '@adhese/sdk-shared';\nimport { logger } from '../logger/logger';\nimport type { AdMultiRequestOptions } from './requestAds';\n\ntype AdPostPayload = {\n  slots: ReadonlyArray<{\n    slotname: string;\n    parameters?: Record<string, ReadonlyArray<string> | string>;\n  }>;\n  parameters?: Record<string, ReadonlyArray<string> | string>;\n};\n\nexport function requestWithPost({\n  context,\n  ...options\n}: Omit<AdMultiRequestOptions, 'method'>): Promise<Response> {\n  const payload = {\n    ...options,\n    slots: options.slots.map(slot => ({\n      slotname: toValue(slot.name),\n      parameters: parseParameters(slot.parameters),\n    })),\n    parameters: context.parameters && parseParameters(context.parameters),\n  } satisfies AdPostPayload;\n\n  return fetch(`${new URL(context.options.host).href}json`, {\n    method: 'POST',\n    body: JSON.stringify(payload),\n    headers: {\n      // eslint-disable-next-line ts/naming-convention\n      'Content-Type': 'application/json',\n    },\n  });\n}\n\nexport async function requestWithGet({ context, slots }: Omit<AdMultiRequestOptions, 'method'>): Promise<Response> {\n  return fetch(new URL(`${context.options.host}/json/sl${slots.map(slot => toValue(slot.name)).join('/sl')}`), {\n    method: 'GET',\n    headers: {\n      // eslint-disable-next-line ts/naming-convention\n      'Content-Type': 'application/json',\n    },\n  });\n}\n\nexport function parseParameters<T extends string | ReadonlyArray<string>>(parameters: Map<string, T>): Record<string, T> {\n  return Object.fromEntries(Array.from(parameters.entries()).filter(([key]) => {\n    if (key.length === 2)\n      return true;\n\n    logger.warn(`Invalid parameter key: ${key}. Key should be exactly 2 characters long. Key will be ignored.`);\n    return false;\n  }).map(([key, value]): [string, T] => {\n    if (typeof value === 'string')\n      return [key, filterSpecialChars(value) as T];\n\n    return [key, value.map(filterSpecialChars) as unknown as T];\n  }));\n}\n\nfunction filterSpecialChars(value: string): string {\n  const specialRegex = /[^\\p{L}\\p{N}_]/gu;\n\n  return value.replaceAll(specialRegex, '_');\n}\n"],"names":[],"mappings":";;AAYO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,GAAG;AACL,GAA6D;AAC3D,QAAM,UAAU;AAAA,IACd,GAAG;AAAA,IACH,OAAO,QAAQ,MAAM,IAAI,CAAS,UAAA;AAAA,MAChC,UAAU,QAAQ,KAAK,IAAI;AAAA,MAC3B,YAAY,gBAAgB,KAAK,UAAU;AAAA,IAAA,EAC3C;AAAA,IACF,YAAY,QAAQ,cAAc,gBAAgB,QAAQ,UAAU;AAAA,EAAA;AAG/D,SAAA,MAAM,GAAG,IAAI,IAAI,QAAQ,QAAQ,IAAI,EAAE,IAAI,QAAQ;AAAA,IACxD,QAAQ;AAAA,IACR,MAAM,KAAK,UAAU,OAAO;AAAA,IAC5B,SAAS;AAAA;AAAA,MAEP,gBAAgB;AAAA,IAClB;AAAA,EAAA,CACD;AACH;AAEA,eAAsB,eAAe,EAAE,SAAS,SAAmE;AAC1G,SAAA,MAAM,IAAI,IAAI,GAAG,QAAQ,QAAQ,IAAI,WAAW,MAAM,IAAI,UAAQ,QAAQ,KAAK,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,GAAG;AAAA,IAC3G,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,MAEP,gBAAgB;AAAA,IAClB;AAAA,EAAA,CACD;AACH;AAEO,SAAS,gBAA0D,YAA+C;AACvH,SAAO,OAAO,YAAY,MAAM,KAAK,WAAW,QAAA,CAAS,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM;AAC3E,QAAI,IAAI,WAAW;AACV,aAAA;AAEF,WAAA,KAAK,0BAA0B,GAAG,iEAAiE;AACnG,WAAA;AAAA,EACR,CAAA,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAmB;AACpC,QAAI,OAAO,UAAU;AACnB,aAAO,CAAC,KAAK,mBAAmB,KAAK,CAAM;AAE7C,WAAO,CAAC,KAAK,MAAM,IAAI,kBAAkB,CAAiB;AAAA,EAC3D,CAAA,CAAC;AACJ;AAEA,SAAS,mBAAmB,OAAuB;AACjD,QAAM,eAAe;AAEd,SAAA,MAAM,WAAW,cAAc,GAAG;AAC3C;"}

package/dist/slot/slot.composables.js

@@ -0,0 +1,125 @@
+import { ref, waitForDomLoad, watch, round, createAsyncHook, createPassiveHook } from "@adhese/sdk-shared";
+function useDomLoaded(context) {
+  const isDomLoaded = ref(false);
+  context.hooks.onInit(async () => {
+    await waitForDomLoad();
+    isDomLoaded.value = true;
+  });
+  return isDomLoaded;
+}
+function useRenderIntersectionObserver({ options, element, hooks }) {
+  var _a;
+  const isInViewport = ref(false);
+  const renderIntersectionObserver = new IntersectionObserver((entries) => {
+    isInViewport.value = entries.some((entry) => entry.isIntersecting);
+  }, {
+    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);
+    };
+  }
+  watch(element, observe);
+  observe(element.value);
+  hooks.onDispose(() => {
+    renderIntersectionObserver.disconnect();
+  });
+  return isInViewport;
+}
+function useViewabilityObserver({ context, slotContext, hooks, onTracked }) {
+  let timeoutId = null;
+  const {
+    threshold,
+    duration,
+    rootMargin
+  } = {
+    threshold: 0.2,
+    duration: 1e3,
+    rootMargin: "0px",
+    ...context.options.viewabilityTrackingOptions
+  };
+  const trackingPixel = ref(null);
+  const isTracked = ref(false);
+  const viewabilityObserver = new IntersectionObserver(([entry]) => {
+    if (context.options.viewabilityTracking && !trackingPixel.value) {
+      const ratio = round(entry.intersectionRatio, 1);
+      if (ratio >= threshold && !timeoutId) {
+        timeoutId = setTimeout(() => {
+          timeoutId = null;
+          onTracked == null ? void 0 : onTracked(trackingPixel);
+          isTracked.value = true;
+        }, 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 (newElement && context.options.viewabilityTracking)
+      viewabilityObserver.observe(newElement);
+    return () => {
+      if (newElement)
+        viewabilityObserver.unobserve(newElement);
+    };
+  }
+  watch(() => {
+    var _a;
+    return (_a = slotContext.value) == null ? void 0 : _a.element;
+  }, (element) => {
+    if (element)
+      observe(element);
+  }, { immediate: true });
+  watch(slotContext, (slot) => {
+    if (slot == null ? void 0 : slot.element)
+      viewabilityObserver.observe(slot.element);
+  }, { once: true });
+  hooks.onDispose(() => {
+    var _a;
+    (_a = trackingPixel.value) == null ? void 0 : _a.remove();
+    viewabilityObserver.disconnect();
+  });
+  return isTracked;
+}
+function useSlotHooks({ setup }, slotContext) {
+  const [runOnBeforeRender, onBeforeRender, disposeOnBeforeRender] = createAsyncHook();
+  const [runOnRender, onRender, disposeOnRender] = createPassiveHook();
+  const [runOnBeforeRequest, onBeforeRequest, disposeOnBeforeRequest] = createAsyncHook();
+  const [runOnRequest, onRequest, disposeOnRequest] = createAsyncHook();
+  const [runOnInit, onInit, disposeOnInit] = createPassiveHook();
+  const [runOnDispose, onDispose, disposeOnDispose] = createPassiveHook();
+  setup == null ? void 0 : setup(slotContext, {
+    onBeforeRender,
+    onRender,
+    onBeforeRequest,
+    onDispose,
+    onRequest,
+    onInit
+  });
+  onDispose(() => {
+    disposeOnBeforeRender();
+    disposeOnRender();
+    disposeOnBeforeRequest();
+    disposeOnRequest();
+    disposeOnInit();
+    disposeOnDispose();
+  });
+  return { runOnBeforeRender, runOnRender, runOnBeforeRequest, runOnRequest, runOnDispose, onDispose, onBeforeRequest, onRequest, onBeforeRender, onRender, onInit, runOnInit };
+}
+export {
+  useDomLoaded,
+  useRenderIntersectionObserver,
+  useSlotHooks,
+  useViewabilityObserver
+};
+//# sourceMappingURL=slot.composables.js.map

package/dist/slot/slot.composables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.composables.js","sources":["../../src/slot/slot.composables.ts"],"sourcesContent":["import {\n  type Ref,\n  createAsyncHook,\n  createPassiveHook,\n  ref,\n  round,\n  waitForDomLoad,\n  watch,\n} from '@adhese/sdk-shared';\nimport type { AdheseAd, AdheseContext, AdheseSlot, AdheseSlotContext, AdheseSlotHooks, AdheseSlotOptions } from '@adhese/sdk';\n\nexport function useDomLoaded(context: AdheseContext): Readonly<Ref<boolean>> {\n  const isDomLoaded = ref(false);\n\n  context.hooks.onInit(async () => {\n    await waitForDomLoad();\n\n    isDomLoaded.value = true;\n  });\n  return isDomLoaded;\n}\n\nexport function useRenderIntersectionObserver({ options, element, hooks }: {\n  options: AdheseSlotOptions;\n  element: Ref<HTMLElement | null>;\n  hooks: AdheseSlotHooks;\n}): Ref<boolean> {\n  const isInViewport = ref(false);\n\n  const renderIntersectionObserver = new IntersectionObserver((entries) => {\n    isInViewport.value = entries.some(entry => entry.isIntersecting);\n  }, {\n    rootMargin: options.lazyLoadingOptions?.rootMargin ?? '200px',\n    threshold: 0,\n  });\n\n  function observe(newElement: HTMLElement | null, oldElement?: HTMLElement | null): () => void {\n    if (oldElement)\n      renderIntersectionObserver.unobserve(oldElement);\n\n    if (newElement)\n      renderIntersectionObserver.observe(newElement);\n\n    return () => {\n      if (newElement)\n        renderIntersectionObserver.unobserve(newElement);\n    };\n  }\n\n  watch(element, observe);\n  observe(element.value);\n\n  hooks.onDispose(() => {\n    renderIntersectionObserver.disconnect();\n  });\n\n  return isInViewport;\n}\n\nexport function useViewabilityObserver(\n  { context, slotContext, hooks, onTracked }: {\n    context: AdheseContext;\n    slotContext: Ref<AdheseSlot | null>;\n    hooks: AdheseSlotHooks;\n    onTracked?(trackingPixel: Ref<HTMLImageElement | null>): void;\n  },\n): Ref<boolean> {\n  let timeoutId: number | null = null;\n  const {\n    threshold,\n    duration,\n    rootMargin,\n  } = {\n    threshold: 0.2,\n    duration: 1000,\n    rootMargin: '0px',\n    ...context.options.viewabilityTrackingOptions,\n  } satisfies Required<typeof context.options.viewabilityTrackingOptions>;\n\n  const trackingPixel = ref<HTMLImageElement | null>(null);\n\n  const isTracked = ref(false);\n\n  const viewabilityObserver = new IntersectionObserver(([entry]) => {\n    if (context.options.viewabilityTracking && !trackingPixel.value) {\n      const ratio = round(entry.intersectionRatio, 1);\n\n      if (ratio >= threshold && !timeoutId) {\n        // @ts-expect-error The is misfiring to the Node type\n        timeoutId = setTimeout(() => {\n          timeoutId = null;\n\n          onTracked?.(trackingPixel);\n\n          isTracked.value = true;\n        }, duration);\n      }\n      else if (ratio < threshold && timeoutId) {\n        clearTimeout(timeoutId);\n        timeoutId = null;\n      }\n    }\n  }, {\n    rootMargin,\n    threshold: Array.from({ length: 11 }, (_, i) => i * 0.1),\n  });\n\n  function observe(newElement: HTMLElement | null, oldElement?: HTMLElement | null): () => void {\n    if (oldElement)\n      viewabilityObserver.unobserve(oldElement);\n\n    if (newElement && context.options.viewabilityTracking)\n      viewabilityObserver.observe(newElement);\n\n    return () => {\n      if (newElement)\n        viewabilityObserver.unobserve(newElement);\n    };\n  }\n\n  watch(() => slotContext.value?.element, (element) => {\n    if (element)\n      observe(element);\n  }, { immediate: true });\n\n  watch(slotContext, (slot) => {\n    if (slot?.element)\n      viewabilityObserver.observe(slot.element);\n  }, { once: true });\n\n  hooks.onDispose(() => {\n    trackingPixel.value?.remove();\n    viewabilityObserver.disconnect();\n  });\n\n  return isTracked;\n}\n\nexport function useSlotHooks({ setup }: AdheseSlotOptions, slotContext: Ref<AdheseSlotContext | null>): {\n  runOnBeforeRender: ReturnType<typeof createAsyncHook<AdheseAd>>[0];\n  runOnRender: ReturnType<typeof createPassiveHook<AdheseAd>>[0];\n  runOnBeforeRequest: ReturnType<typeof createAsyncHook<AdheseAd | null>>[0];\n  runOnRequest: ReturnType<typeof createAsyncHook<AdheseAd>>[0];\n  runOnInit: ReturnType<typeof createPassiveHook<void>>[0];\n  runOnDispose: ReturnType<typeof createPassiveHook<void>>[0];\n} & AdheseSlotHooks {\n  const [runOnBeforeRender, onBeforeRender, disposeOnBeforeRender] = createAsyncHook<AdheseAd>();\n  const [runOnRender, onRender, disposeOnRender] = createPassiveHook<AdheseAd>();\n  const [runOnBeforeRequest, onBeforeRequest, disposeOnBeforeRequest] = createAsyncHook<AdheseAd | null>();\n  const [runOnRequest, onRequest, disposeOnRequest] = createAsyncHook<AdheseAd>();\n  const [runOnInit, onInit, disposeOnInit] = createPassiveHook();\n  const [runOnDispose, onDispose, disposeOnDispose] = createPassiveHook();\n\n  setup?.(slotContext, {\n    onBeforeRender,\n    onRender,\n    onBeforeRequest,\n    onDispose,\n    onRequest,\n    onInit,\n  });\n\n  onDispose(() => {\n    disposeOnBeforeRender();\n    disposeOnRender();\n    disposeOnBeforeRequest();\n    disposeOnRequest();\n    disposeOnInit();\n    disposeOnDispose();\n  });\n\n  return { runOnBeforeRender, runOnRender, runOnBeforeRequest, runOnRequest, runOnDispose, onDispose, onBeforeRequest, onRequest, onBeforeRender, onRender, onInit, runOnInit };\n}\n"],"names":[],"mappings":"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"}

package/dist/slot/slot.js

@@ -0,0 +1,229 @@
+import { effectScope, ref, uniqueId, reactive, computed, generateName, watch, isDeepEqual, omit, addTrackingPixel, waitForDomLoad, doNothing } from "@adhese/sdk-shared";
+import { requestAd } from "../requestAds/requestAds.js";
+import { logger } from "../logger/logger.js";
+import { useQueryDetector } from "../queryDetector/queryDetector.js";
+import { renderIframe, renderInline } from "./slot.utils.js";
+import { useSlotHooks, useDomLoaded, useRenderIntersectionObserver, useViewabilityObserver } from "./slot.composables.js";
+const renderFunctions = {
+  iframe: renderIframe,
+  inline: renderInline,
+  none: doNothing
+};
+const defaultOptions = {
+  renderMode: "iframe",
+  type: "normal"
+};
+function createSlot(slotOptions) {
+  const scope = effectScope();
+  return scope.run(() => {
+    const slotContext = ref(null);
+    const options = slotOptions.context.hooks.runOnSlotCreate({
+      ...defaultOptions,
+      ...slotOptions
+    });
+    const {
+      containingElement,
+      slot,
+      context,
+      pluginOptions,
+      renderMode = "iframe",
+      type = "normal"
+    } = options;
+    const id = uniqueId();
+    const {
+      runOnBeforeRender,
+      runOnRender,
+      runOnBeforeRequest,
+      runOnRequest,
+      runOnInit,
+      runOnDispose,
+      ...hooks
+    } = useSlotHooks(options, slotContext);
+    const isDisposed = ref(false);
+    const parameters = reactive(new Map(Object.entries(options.parameters ?? {})));
+    const [device, disposeQueryDetector] = useQueryDetector(context, typeof options.format === "string" ? {
+      [options.format]: "(min-width: 0px)"
+    } : Object.fromEntries(options.format.map((item) => [item.format, item.query])));
+    const format = computed(() => typeof options.format === "string" ? options.format : device.value);
+    const data = ref(null);
+    const originalData = ref(data.value);
+    const name = computed(() => generateName(options.context.location, format.value, options.slot));
+    watch(name, async (newName, oldName) => {
+      var _a, _b;
+      if (newName === oldName)
+        return;
+      const newAd = await ((_a = slotContext.value) == null ? void 0 : _a.request());
+      if (!newAd)
+        return;
+      (_b = slotContext.value) == null ? void 0 : _b.cleanElement();
+      data.value = newAd;
+      originalData.value = newAd;
+    });
+    const isDomLoaded = useDomLoaded(context);
+    const element = computed(
+      () => {
+        var _a;
+        if (!(typeof options.containingElement === "string" || !options.containingElement))
+          return options.containingElement;
+        if (!isDomLoaded.value || ((_a = slotContext.value) == null ? void 0 : _a.isDisposed))
+          return null;
+        return document.querySelector(`.adunit[data-format="${format.value}"]#${options.containingElement}${options.slot ? `[data-slot="${options.slot}"]` : ""}`);
+      }
+    );
+    const isInViewport = useRenderIntersectionObserver({
+      options,
+      element,
+      hooks
+    });
+    const status = ref("initializing");
+    watch([data, isInViewport], async ([newData, newIsInViewport], [oldData]) => {
+      var _a;
+      if ((!newData || oldData && isDeepEqual(newData, oldData)) && status.value === "rendered")
+        return;
+      if (newIsInViewport)
+        await ((_a = slotContext.value) == null ? void 0 : _a.render(newData ?? void 0));
+    });
+    hooks.onDispose(() => {
+      disposeQueryDetector();
+    });
+    const isViewabilityTracked = useViewabilityObserver({
+      context,
+      slotContext,
+      hooks,
+      onTracked(trackingPixel) {
+        var _a, _b, _c, _d, _e;
+        if ((_b = (_a = slotContext.value) == null ? void 0 : _a.data) == null ? void 0 : _b.viewableImpressionCounter) {
+          trackingPixel.value = addTrackingPixel((_d = (_c = slotContext.value) == null ? void 0 : _c.data) == null ? void 0 : _d.viewableImpressionCounter);
+          context.logger.debug(`Viewability tracking pixel fired for ${(_e = slotContext.value) == null ? void 0 : _e.name}`);
+        }
+      }
+    });
+    const impressionTrackingPixelElement = ref(null);
+    const isImpressionTracked = ref(false);
+    hooks.onDispose(() => {
+      if (impressionTrackingPixelElement.value)
+        impressionTrackingPixelElement.value.remove();
+    });
+    async function request() {
+      if (options.lazyLoading && !isInViewport.value)
+        return null;
+      status.value = "loading";
+      let response = await runOnBeforeRequest(null);
+      if (!response) {
+        response = await requestAd({
+          slot: {
+            name: name.value,
+            parameters
+          },
+          context
+        });
+      }
+      if (response)
+        response = await runOnRequest(response);
+      data.value = response;
+      if (!originalData.value)
+        originalData.value = response;
+      status.value = response ? "loaded" : "empty";
+      if (!response)
+        cleanElement();
+      return response;
+    }
+    async function render(adToRender) {
+      status.value = "rendering";
+      await waitForDomLoad();
+      let renderAd = adToRender ?? data.value ?? originalData.value ?? await request();
+      renderAd = renderAd && await runOnBeforeRender(renderAd);
+      if (!renderAd) {
+        status.value = "empty";
+        logger.debug(`No ad to render for slot ${name.value}`);
+        return null;
+      }
+      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 (typeof (renderAd == null ? void 0 : renderAd.tag) !== "string") {
+        const error = `Could not render slot for slot ${name.value}. A valid tag doesn't exist or is not HTML string.`;
+        logger.error(error, options);
+        status.value = "error";
+        throw new Error(error);
+      }
+      renderFunctions[renderMode](renderAd, element.value);
+      if (renderAd.impressionCounter && !impressionTrackingPixelElement.value)
+        impressionTrackingPixelElement.value = addTrackingPixel(renderAd.impressionCounter);
+      isImpressionTracked.value = true;
+      logger.debug(`Slot rendered ${name.value}`, {
+        renderedElement: element,
+        location: context.location,
+        format,
+        containingElement
+      });
+      data.value = renderAd;
+      status.value = "rendered";
+      runOnRender(renderAd);
+      return element.value;
+    }
+    function cleanElement() {
+      if (!element.value)
+        return;
+      element.value.innerHTML = "";
+      element.value.style.position = "";
+      element.value.style.width = "";
+      element.value.style.height = "";
+      data.value = null;
+      originalData.value = null;
+    }
+    function dispose() {
+      cleanElement();
+      data.value = null;
+      runOnDispose();
+      isDisposed.value = true;
+      scope.stop();
+    }
+    const state = reactive({
+      location: context.location ?? "",
+      lazyLoading: options.lazyLoading ?? false,
+      type,
+      slot,
+      parameters,
+      format,
+      name,
+      data,
+      isViewabilityTracked,
+      isImpressionTracked,
+      status,
+      element,
+      isDisposed,
+      id,
+      pluginOptions,
+      render,
+      request,
+      dispose,
+      cleanElement,
+      options: omit(options, ["context"]),
+      ...hooks
+    });
+    watch(state, (newState) => {
+      slotContext.value = newState;
+    }, {
+      deep: true,
+      immediate: true
+    });
+    context.hooks.onInit(async () => {
+      var _a;
+      status.value = "initialized";
+      runOnInit();
+      if (options.lazyLoading)
+        return;
+      data.value = await ((_a = slotContext.value) == null ? void 0 : _a.request()) ?? null;
+    });
+    return state;
+  });
+}
+export {
+  createSlot
+};
+//# sourceMappingURL=slot.js.map

package/dist/slot/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","sources":["../../src/slot/slot.ts"],"sourcesContent":["import {\n  type Ref,\n  type UnwrapRef,\n  addTrackingPixel,\n  computed,\n  doNothing,\n  effectScope,\n  generateName,\n  isDeepEqual,\n  omit,\n  reactive,\n  ref,\n  uniqueId,\n  waitForDomLoad,\n  watch,\n} from '@adhese/sdk-shared';\nimport type { AdheseAd } from '@adhese/sdk';\nimport { requestAd as extRequestAd } from '../requestAds/requestAds';\nimport { logger } from '../logger/logger';\nimport { useQueryDetector } from '../queryDetector/queryDetector';\nimport type { AdheseSlot, AdheseSlotContext, AdheseSlotOptions, RenderMode } from './slot.types';\nimport { renderIframe, renderInline } from './slot.utils';\nimport {\n  useDomLoaded,\n  useRenderIntersectionObserver,\n  useSlotHooks,\n  useViewabilityObserver,\n} from './slot.composables';\n\nconst renderFunctions: Record<RenderMode, (ad: AdheseAd, element: HTMLElement) => void> = {\n  iframe: renderIframe,\n  inline: renderInline,\n  none: doNothing,\n};\n\nconst defaultOptions = {\n  renderMode: 'iframe',\n  type: 'normal',\n} satisfies Partial<AdheseSlotOptions>;\n\n/**\n * Create a new slot instance. This slot instance can be used to request and render ads.\n *\n * @param slotOptions {AdheseSlotOptions} The options to create the slot with.\n *\n * @return AdheseSlot The created slot instance.\n */\nexport function createSlot(slotOptions: AdheseSlotOptions): AdheseSlot {\n  const scope = effectScope();\n\n  return scope.run(() => {\n    const slotContext = ref<AdheseSlotContext | null>(null);\n    const options = slotOptions.context.hooks.runOnSlotCreate({\n      ...defaultOptions,\n      ...slotOptions,\n    });\n\n    const {\n      containingElement,\n      slot,\n      context,\n      pluginOptions,\n      renderMode = 'iframe',\n      type = 'normal',\n    } = options;\n\n    const id = uniqueId();\n    const {\n      runOnBeforeRender,\n      runOnRender,\n      runOnBeforeRequest,\n      runOnRequest,\n      runOnInit,\n      runOnDispose,\n      ...hooks\n    } = useSlotHooks(options, slotContext);\n\n    const isDisposed = ref(false);\n    const parameters = reactive(new Map(Object.entries(options.parameters ?? {})));\n\n    const [device, disposeQueryDetector] = useQueryDetector(context, typeof options.format === 'string'\n      ? {\n          [options.format]: '(min-width: 0px)',\n        }\n      : Object.fromEntries(options.format.map(item => [item.format, item.query])));\n\n    const format = computed(() => typeof options.format === 'string' ? options.format : device.value);\n\n    const data = ref<AdheseAd | null>(null) as Ref<AdheseAd | null>;\n    const originalData = ref(data.value) as Ref<AdheseAd | null>;\n    const name = computed(() => generateName(options.context.location, format.value, options.slot));\n\n    watch(name, async (newName, oldName) => {\n      if (newName === oldName)\n        return;\n\n      const newAd = await slotContext.value?.request();\n\n      if (!newAd)\n        return;\n\n      slotContext.value?.cleanElement();\n\n      data.value = newAd;\n      originalData.value = newAd;\n    });\n\n    const isDomLoaded = useDomLoaded(context);\n\n    const element = computed(() => {\n      if (!(typeof options.containingElement === 'string' || !options.containingElement))\n        return options.containingElement;\n\n      if (!isDomLoaded.value || slotContext.value?.isDisposed)\n        return null;\n\n      return document.querySelector<HTMLElement>(`.adunit[data-format=\"${format.value}\"]#${options.containingElement}${options.slot ? `[data-slot=\"${options.slot}\"]` : ''}`);\n    },\n    );\n\n    const isInViewport = useRenderIntersectionObserver({\n      options,\n      element,\n      hooks,\n    });\n\n    const status = ref<UnwrapRef<AdheseSlot>['status']>('initializing');\n\n    watch([data, isInViewport], async ([newData, newIsInViewport], [oldData]) => {\n      if ((!newData || (oldData && isDeepEqual(newData, oldData))) && status.value === 'rendered')\n        return;\n\n      if (newIsInViewport)\n        await slotContext.value?.render(newData ?? undefined);\n    });\n\n    hooks.onDispose(() => {\n      disposeQueryDetector();\n    });\n\n    const isViewabilityTracked = useViewabilityObserver({\n      context,\n      slotContext,\n      hooks,\n      onTracked(trackingPixel) {\n        if (slotContext.value?.data?.viewableImpressionCounter) {\n          trackingPixel.value = addTrackingPixel(slotContext.value?.data?.viewableImpressionCounter);\n\n          context.logger.debug(`Viewability tracking pixel fired for ${slotContext.value?.name}`);\n        }\n      },\n    });\n\n    const impressionTrackingPixelElement = ref<HTMLImageElement | null>(null);\n    const isImpressionTracked = ref(false);\n    hooks.onDispose(() => {\n      if (impressionTrackingPixelElement.value)\n        impressionTrackingPixelElement.value.remove();\n    });\n\n    async function request(): Promise<AdheseAd | null> {\n      if (options.lazyLoading && !isInViewport.value)\n        return null;\n\n      status.value = 'loading';\n\n      let response = await runOnBeforeRequest(null);\n\n      if (!response) {\n        response = await extRequestAd({\n          slot: {\n            name: name.value,\n            parameters,\n          },\n          context,\n        });\n      }\n\n      if (response)\n        response = await runOnRequest(response);\n\n      data.value = response;\n\n      if (!originalData.value)\n        originalData.value = response;\n\n      status.value = response ? 'loaded' : 'empty';\n\n      if (!response)\n        cleanElement();\n\n      return response;\n    }\n\n    async function render(adToRender?: AdheseAd): Promise<HTMLElement | null> {\n      status.value = 'rendering';\n\n      await waitForDomLoad();\n\n      let renderAd = adToRender ?? data.value ?? originalData.value ?? await request();\n\n      renderAd = renderAd && await runOnBeforeRender(renderAd);\n\n      if (!renderAd) {\n        status.value = 'empty';\n        logger.debug(`No ad to render for slot ${name.value}`);\n\n        return null;\n      }\n\n      if (!element.value) {\n        const error = `Could not create slot for format ${format.value}. No element found.`;\n        logger.error(error, options);\n        throw new Error(error);\n      }\n\n      if (context.debug)\n        element.value.style.position = 'relative';\n\n      if (typeof renderAd?.tag !== 'string') {\n        const error = `Could not render slot for slot ${name.value}. A valid tag doesn't exist or is not HTML string.`;\n        logger.error(error, options);\n\n        status.value = 'error';\n        throw new Error(error);\n      }\n\n      renderFunctions[renderMode](renderAd, element.value);\n\n      if (renderAd.impressionCounter && !impressionTrackingPixelElement.value)\n        impressionTrackingPixelElement.value = addTrackingPixel(renderAd.impressionCounter);\n\n      isImpressionTracked.value = true;\n\n      logger.debug(`Slot rendered ${name.value}`, {\n        renderedElement: element,\n        location: context.location,\n        format,\n        containingElement,\n      });\n\n      // eslint-disable-next-line require-atomic-updates\n      data.value = renderAd;\n\n      status.value = 'rendered';\n\n      runOnRender(renderAd);\n\n      return element.value;\n    }\n\n    function cleanElement(): void {\n      if (!element.value)\n        return;\n\n      element.value.innerHTML = '';\n      element.value.style.position = '';\n      element.value.style.width = '';\n      element.value.style.height = '';\n\n      data.value = null;\n      originalData.value = null;\n    }\n\n    function dispose(): void {\n      cleanElement();\n\n      data.value = null;\n\n      runOnDispose();\n\n      isDisposed.value = true;\n\n      scope.stop();\n    }\n\n    const state = reactive({\n      location: context.location ?? '',\n      lazyLoading: options.lazyLoading ?? false,\n      type,\n      slot,\n      parameters,\n      format,\n      name,\n      data,\n      isViewabilityTracked,\n      isImpressionTracked,\n      status,\n      element,\n      isDisposed,\n      id,\n      pluginOptions,\n      render,\n      request,\n      dispose,\n      cleanElement,\n      options: omit(options, ['context']),\n      ...hooks,\n    });\n\n    watch(state, (newState) => {\n      slotContext.value = newState;\n    }, {\n      deep: true,\n      immediate: true,\n    });\n\n    context.hooks.onInit(async () => {\n      status.value = 'initialized';\n\n      runOnInit();\n\n      if (options.lazyLoading)\n        return;\n\n      data.value = await slotContext.value?.request() ?? null;\n    });\n\n    return state;\n  })!;\n}\n"],"names":["extRequestAd"],"mappings":"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"}

package/dist/slot/slot.utils.js

@@ -0,0 +1,31 @@
+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);
+}
+export {
+  renderIframe,
+  renderInline
+};
+//# sourceMappingURL=slot.utils.js.map

package/dist/slot/slot.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.utils.js","sources":["../../src/slot/slot.utils.ts"],"sourcesContent":["import type { AdheseAd } from '@adhese/sdk';\n\nexport function renderIframe(ad: AdheseAd, element: HTMLElement): void {\n  const iframe = document.createElement('iframe');\n\n  iframe.srcdoc = `\n      <!DOCTYPE html>\n      <html>\n        <head>\n          <style>\n            body {\n              margin: 0;\n              padding: 0;\n              overflow: hidden;\n            }\n          </style>\n        </head>\n        <body>\n          ${String(ad.tag)}\n        </body>\n      `.replaceAll(/\\s+/g, ' ').trim();\n\n  iframe.style.border = 'none';\n  iframe.style.width = ad.width ? `${ad.width}px` : 'auto';\n  iframe.style.height = ad.height ? `${ad.height}px` : 'auto';\n  element.replaceChildren(iframe);\n}\n\nexport function renderInline(ad: AdheseAd, element: HTMLElement): void {\n  element.innerHTML = String(ad.tag);\n}\n"],"names":[],"mappings":"AAEgB,SAAA,aAAa,IAAc,SAA4B;AAC/D,QAAA,SAAS,SAAS,cAAc,QAAQ;AAE9C,SAAO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAaN,OAAO,GAAG,GAAG,CAAC;AAAA;AAAA,QAElB,WAAW,QAAQ,GAAG,EAAE,KAAK;AAEnC,SAAO,MAAM,SAAS;AACtB,SAAO,MAAM,QAAQ,GAAG,QAAQ,GAAG,GAAG,KAAK,OAAO;AAClD,SAAO,MAAM,SAAS,GAAG,SAAS,GAAG,GAAG,MAAM,OAAO;AACrD,UAAQ,gBAAgB,MAAM;AAChC;AAEgB,SAAA,aAAa,IAAc,SAA4B;AAC7D,UAAA,YAAY,OAAO,GAAG,GAAG;AACnC;"}

package/dist/slotManager/slotManager.js

@@ -0,0 +1,75 @@
+import { findDomSlots } from "../findDomSlots/findDomSlots.js";
+import { createSlot } from "../slot/slot.js";
+import { logger } from "../logger/logger.js";
+function createSlotManager({
+  initialSlots = [],
+  context
+}) {
+  context.slots = /* @__PURE__ */ new Map();
+  function getAll() {
+    return Array.from(context.slots).map(([, slot]) => slot);
+  }
+  function add(options) {
+    var _a;
+    const slot = createSlot({
+      ...options,
+      context,
+      setup(slotContext, slotHooks) {
+        var _a2;
+        (_a2 = options.setup) == null ? void 0 : _a2.call(options, slotContext, slotHooks);
+        slotHooks.onDispose(() => {
+          var _a3;
+          context.slots.delete(slot.id);
+          logger.debug("Slot removed", {
+            slot
+          });
+          (_a3 = context.events) == null ? void 0 : _a3.removeSlot.dispatch(slot);
+        });
+      }
+    });
+    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.`);
+    }
+    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(name) {
+    return getAll().find((slot) => slot.name === name);
+  }
+  function dispose() {
+    for (const slot of context.slots.values())
+      slot.dispose();
+    context.slots.clear();
+  }
+  for (const options of initialSlots) {
+    add({
+      ...options,
+      lazyLoading: false
+    });
+  }
+  return {
+    getAll,
+    add,
+    findDomSlots: findDomSlots$1,
+    get,
+    dispose
+  };
+}
+export {
+  createSlotManager
+};
+//# sourceMappingURL=slotManager.js.map

package/dist/slotManager/slotManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotManager.js","sources":["../../src/slotManager/slotManager.ts"],"sourcesContent":["import type { Merge } from '@adhese/sdk-shared';\nimport { findDomSlots as extFindDomSlots } from '../findDomSlots/findDomSlots';\nimport type { AdheseContext } from '../main.types';\nimport { createSlot } from '../slot/slot';\nimport { logger } from '../logger/logger';\nimport type { AdheseSlot, AdheseSlotOptions } from '../slot/slot.types';\n\nexport type AdheseSlotManager = {\n  /**\n   * Returns all slots that are currently registered and rendered.\n   */\n  getAll(): ReadonlyArray<AdheseSlot>;\n  /**\n   * Adds a new slot to the Adhese instance and renders it.\n   */\n  add(slot: Omit<AdheseSlotOptions, 'context'>): Readonly<AdheseSlot>;\n  /**\n   * Finds all slots in the DOM and adds them to the Adhese instance.\n   */\n  findDomSlots(): Promise<ReadonlyArray<AdheseSlot>>;\n  /**\n   * Returns the slot with the given name.\n   */\n  get(name: string): AdheseSlot | undefined;\n  /**\n   * Removes all slots from the Adhese instance and cleans up the slot manager.\n   */\n  dispose(): void;\n};\n\nexport type SlotManagerOptions = {\n  /**\n   * List of initial slots to add to the slot manager.\n   */\n  initialSlots?: ReadonlyArray<Merge<Omit<AdheseSlotOptions, 'containingElement' | 'context' | 'lazy'>, {\n    containingElement: string;\n  }>>;\n  context: AdheseContext;\n};\n\n/**\n * Creates a new slot manager instance. This slot manager instance can be used to manage all slots in the Adhese\n * instance. It will automatically add all slots that are passed in the `initialSlots` array.\n */\nexport function createSlotManager({\n  initialSlots = [],\n  context,\n}: SlotManagerOptions): AdheseSlotManager {\n  context.slots = new Map<string, AdheseSlot>();\n\n  function getAll(): ReadonlyArray<AdheseSlot> {\n    return Array.from(context.slots).map(([, slot]) => slot);\n  }\n\n  function add(options: Omit<AdheseSlotOptions, 'context' | 'onDispose'>): Readonly<AdheseSlot> {\n    const slot = createSlot({\n      ...options as AdheseSlotOptions,\n      context,\n      setup(slotContext, slotHooks) {\n        options.setup?.(slotContext, slotHooks);\n\n        slotHooks.onDispose(() => {\n          context.slots.delete(slot.id);\n          logger.debug('Slot removed', {\n            slot,\n          });\n          context.events?.removeSlot.dispatch(slot);\n        });\n      },\n    });\n\n    if (get(slot.name)) {\n      slot.dispose();\n\n      throw new Error(`Slot with the name: ${slot.name} already exists. Create a new slot with a different format, slot, or the location.`);\n    }\n\n    context.slots.set(slot.id, slot);\n\n    logger.debug('Slot added', {\n      slot,\n      slots: Array.from(context.slots.values()),\n    });\n\n    context.events?.addSlot.dispatch(slot);\n\n    return slot;\n  }\n\n  async function findDomSlots(): Promise<ReadonlyArray<AdheseSlot>> {\n    const domSlots = await extFindDomSlots(\n      context,\n    );\n\n    for (const slot of domSlots)\n      context.slots.set(slot.id, slot);\n\n    return domSlots;\n  }\n\n  function get(name: string): AdheseSlot | undefined {\n    return getAll().find(slot => slot.name === name);\n  }\n\n  function dispose(): void {\n    for (const slot of context.slots.values())\n      slot.dispose();\n\n    context.slots.clear();\n  }\n\n  for (const options of initialSlots) {\n    add({\n      ...options,\n      lazyLoading: false,\n    });\n  }\n\n  return {\n    getAll,\n    add,\n    findDomSlots,\n    get,\n    dispose,\n  };\n}\n"],"names":["_a","findDomSlots","extFindDomSlots"],"mappings":";;;AA4CO,SAAS,kBAAkB;AAAA,EAChC,eAAe,CAAC;AAAA,EAChB;AACF,GAA0C;AAChC,UAAA,4BAAY;AAEpB,WAAS,SAAoC;AACpC,WAAA,MAAM,KAAK,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAG,EAAA,IAAI,MAAM,IAAI;AAAA,EACzD;AAEA,WAAS,IAAI,SAAiF;;AAC5F,UAAM,OAAO,WAAW;AAAA,MACtB,GAAG;AAAA,MACH;AAAA,MACA,MAAM,aAAa,WAAW;;AACpB,SAAAA,MAAA,QAAA,UAAA,gBAAAA,IAAA,cAAQ,aAAa;AAE7B,kBAAU,UAAU,MAAM;;AAChB,kBAAA,MAAM,OAAO,KAAK,EAAE;AAC5B,iBAAO,MAAM,gBAAgB;AAAA,YAC3B;AAAA,UAAA,CACD;AACO,WAAAA,MAAA,QAAA,WAAA,gBAAAA,IAAQ,WAAW,SAAS;AAAA,QAAI,CACzC;AAAA,MACH;AAAA,IAAA,CACD;AAEG,QAAA,IAAI,KAAK,IAAI,GAAG;AAClB,WAAK,QAAQ;AAEb,YAAM,IAAI,MAAM,uBAAuB,KAAK,IAAI,oFAAoF;AAAA,IACtI;AAEA,YAAQ,MAAM,IAAI,KAAK,IAAI,IAAI;AAE/B,WAAO,MAAM,cAAc;AAAA,MACzB;AAAA,MACA,OAAO,MAAM,KAAK,QAAQ,MAAM,QAAQ;AAAA,IAAA,CACzC;AAEO,kBAAA,WAAA,mBAAQ,QAAQ,SAAS;AAE1B,WAAA;AAAA,EACT;AAEA,iBAAeC,iBAAmD;AAChE,UAAM,WAAW,MAAMC;AAAAA,MACrB;AAAA,IAAA;AAGF,eAAW,QAAQ;AACjB,cAAQ,MAAM,IAAI,KAAK,IAAI,IAAI;AAE1B,WAAA;AAAA,EACT;AAEA,WAAS,IAAI,MAAsC;AACjD,WAAO,OAAS,EAAA,KAAK,CAAQ,SAAA,KAAK,SAAS,IAAI;AAAA,EACjD;AAEA,WAAS,UAAgB;AACZ,eAAA,QAAQ,QAAQ,MAAM,OAAO;AACtC,WAAK,QAAQ;AAEf,YAAQ,MAAM;EAChB;AAEA,aAAW,WAAW,cAAc;AAC9B,QAAA;AAAA,MACF,GAAG;AAAA,MACH,aAAa;AAAA,IAAA,CACd;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IAAA,cACAD;AAAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adhese/sdk",
   "type": "module",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "Adhese SDK",
   "license": "GPL-3.0",
   "repository": {
@@ -23,7 +23,7 @@
     "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:npm": "vite build --config vite.config.npm.ts",
     "build:standalone": "vite build --config vite.config.standalone.ts",
     "lint": "eslint . --ignore-pattern **/*.md/**/*",
     "lint:fix": "eslint --fix . --ignore-pattern **/*.md/**/*",
@@ -32,6 +32,6 @@
     "prepareRelease": "npm run build"
   },
   "dependencies": {
-    "@adhese/sdk-shared": "^0.9.0"
+    "@adhese/sdk-shared": "^0.10.0"
   }
 }