@adview/react 1.0.13 → 1.0.14

package/dist/AdViewUnit/AdViewUnit.client.cjs

@@ -36,11 +36,68 @@ __export(AdViewUnit_client_exports, {
   default: () => AdViewUnit_client_default
 });
 module.exports = __toCommonJS(AdViewUnit_client_exports);
-var import_react9 = __toESM(require("react"), 1);
+var import_react5 = __toESM(require("react"), 1);
+
+// src/AdViewUnit/AdViewUnitTemplate.tsx
+var import_react = __toESM(require("react"), 1);
+var templateFromListRender = (tmpls, data, wrap) => {
+  let renderedRemplates = tmpls.map((tmpl, index) => {
+    let tmp = renderTemplate(tmpl, data);
+    return !!tmp && import_react.default.isValidElement(tmp) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: index }, !!wrap ? wrap(tmp) : tmp) : null;
+  }).filter((it) => !!it);
+  if (!renderedRemplates.length) {
+    renderedRemplates = tmpls.map((tmpl, index) => {
+      let tmp = renderTemplate(tmpl, { ...data, type: "default" });
+      return !!tmp && import_react.default.isValidElement(tmp) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: index }, !!wrap ? wrap(tmp) : tmp) : null;
+    }).filter((it) => !!it);
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderedRemplates);
+};
+var renderTemplate = (tmpl, data) => {
+  const isFunction = typeof tmpl === "function";
+  const isReactElement = import_react.default.isValidElement(tmpl);
+  if (isReactElement) {
+    const { type, children } = tmpl.props;
+    console.log("=====>\nrenderTemplate: React element detected, type:", type, "data:", data.type, data.type !== type);
+    if (data.type !== type) {
+      return null;
+    }
+    if (typeof children === "function") {
+      return children(data);
+    }
+    console.log("CLONE ELEMENT", tmpl);
+    return import_react.default.cloneElement(tmpl, {
+      ...data,
+      children
+    });
+  }
+  if (isFunction) {
+    return tmpl(data);
+  }
+  return null;
+};
+var renderTemplates = (tmpls, data, listRender) => {
+  return listRender ? listRender(tmpls) : templateFromListRender(tmpls, data);
+};
+var renderAnyTemplates = (tmpls, data, listRender) => {
+  if (!tmpls) {
+    return null;
+  }
+  if (Array.isArray(tmpls)) {
+    return renderTemplates(tmpls, data, listRender);
+  }
+  if (typeof tmpls === "function") {
+    return tmpls(data);
+  }
+  if (import_react.default.isValidElement(tmpls)) {
+    return templateFromListRender([tmpls], data);
+  }
+  return null;
+};
 
 // src/AdViewUnit/AdViewUnitTracking.tsx
 var import_utils = require("@adview/core/utils");
-var import_react = __toESM(require("react"), 1);
+var import_react2 = __toESM(require("react"), 1);
 function AdViewUnitTracking({
   impressions,
   views,
@@ -48,12 +105,12 @@ function AdViewUnitTracking({
   children
 }) {
   const isServer = typeof window === "undefined";
-  const wrapperRef = (0, import_react.useRef)(null);
-  const executeImpressionsTrackingHandler = (0, import_react.useCallback)(
+  const wrapperRef = (0, import_react2.useRef)(null);
+  const executeImpressionsTrackingHandler = (0, import_react2.useCallback)(
     () => (0, import_utils.executeImpressionsTracking)(impressions),
     [impressions]
   );
-  const trackingObserverInstanceHandler = (0, import_react.useCallback)(
+  const trackingObserverInstanceHandler = (0, import_react2.useCallback)(
     (entries) => {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
@@ -64,14 +121,14 @@ function AdViewUnitTracking({
     },
     [views]
   );
-  const trackingObserverInstance = (0, import_react.useMemo)(() => {
+  const trackingObserverInstance = (0, import_react2.useMemo)(() => {
     return !isServer ? new IntersectionObserver(trackingObserverInstanceHandler) : null;
   }, [isServer, trackingObserverInstanceHandler]);
-  const clickTrackerHandler = (0, import_react.useCallback)(() => {
+  const clickTrackerHandler = (0, import_react2.useCallback)(() => {
     (0, import_utils.executeImpressionsTracking)(clicks);
     wrapperRef.current?.removeEventListener("click", clickTrackerHandler);
   }, [clicks]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (wrapperRef.current && trackingObserverInstance) {
       executeImpressionsTrackingHandler();
       wrapperRef.current?.addEventListener("click", clickTrackerHandler);
@@ -89,246 +146,37 @@ function AdViewUnitTracking({
     executeImpressionsTrackingHandler,
     clickTrackerHandler
   ]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref: wrapperRef }, children);
+  return /* @__PURE__ */ import_react2.default.createElement("div", { ref: wrapperRef }, children);
 }
 var AdViewUnitTracking_default = AdViewUnitTracking;
 
-// src/AdViewUnit/AdViewUnitWrapper.client.tsx
-var import_react6 = __toESM(require("react"), 1);
-
-// src/AdViewUnit/AdViewUnitNative.tsx
-var import_utils2 = require("@adview/core/utils");
-var import_react2 = __toESM(require("react"), 1);
-function AdViewUnitNative({
-  assets,
-  fields,
-  url,
-  classNames
-}) {
-  const asset = (0, import_utils2.getAssetByName)("main", assets);
-  if (!url) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react2.default.createElement("div", { className: classNames?.container }, /* @__PURE__ */ import_react2.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils2.getPrepareURL)(url),
-      className: classNames?.imageLink
-    },
-    asset && /* @__PURE__ */ import_react2.default.createElement(
-      "img",
-      {
-        alt: fields?.title,
-        title: fields?.title,
-        src: asset.path,
-        srcSet: asset.thumbs ? (0, import_utils2.getSrcSetCSSThumbs)(asset.thumbs) : void 0,
-        className: classNames?.image,
-        style: { objectFit: "cover", width: "100%", height: "100%" }
-      }
-    )
-  ), /* @__PURE__ */ import_react2.default.createElement("div", { className: classNames?.label }, fields?.title && /* @__PURE__ */ import_react2.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils2.getPrepareURL)(url),
-      "data-class": "titleLink",
-      className: classNames?.titleLink
-    },
-    fields.title
-  ), fields?.description && /* @__PURE__ */ import_react2.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils2.getPrepareURL)(url),
-      "data-class": "descriptionLink",
-      className: classNames?.descriptionLink
-    },
-    fields.description
-  ), fields?.brandname && /* @__PURE__ */ import_react2.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils2.getPrepareURL)(url),
-      "data-class": "brandNameLink",
-      className: classNames?.brandNameLink
-    },
-    fields.brandname
-  ), fields?.phone && /* @__PURE__ */ import_react2.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils2.getPrepareURL)(url),
-      "data-class": "phoneLink",
-      className: classNames?.phoneLink
-    },
-    fields.phone
-  ), fields?.url && /* @__PURE__ */ import_react2.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils2.getPrepareURL)(url),
-      "data-class": "urlLink",
-      className: classNames?.urlLink
-    },
-    fields?.url
-  )));
-}
-var AdViewUnitNative_default = AdViewUnitNative;
-
-// src/AdViewUnit/AdViewUnitProxy.tsx
-var import_react3 = __toESM(require("react"), 1);
-function AdViewUnitProxy({
-  // assets,
-  fields,
-  url
-}) {
-  const iframeSrc = fields?.url || url;
-  if (!iframeSrc) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react3.default.createElement(
-    "iframe",
-    {
-      width: "100%",
-      height: "100%",
-      frameBorder: "0",
-      marginWidth: 0,
-      marginHeight: 0,
-      allowTransparency: true,
-      scrolling: "no",
-      allowFullScreen: true,
-      style: { width: "100%", height: "100%" },
-      src: iframeSrc
-    }
-  );
-}
-var AdViewUnitProxy_default = AdViewUnitProxy;
-
-// src/AdViewUnit/AdViewUnitBanner.tsx
-var import_utils3 = require("@adview/core/utils");
-var import_react4 = __toESM(require("react"), 1);
-function AdViewUnitBanner({ assets, url }) {
-  const asset = (0, import_utils3.getAssetByName)("main", assets);
-  return /* @__PURE__ */ import_react4.default.createElement("center", null, /* @__PURE__ */ import_react4.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils3.getPrepareURL)(url),
-      className: "banner",
-      style: { fontSize: 0 }
-    },
-    asset && /* @__PURE__ */ import_react4.default.createElement(
-      "img",
-      {
-        alt: "main",
-        src: asset.path,
-        srcSet: asset.thumbs ? (0, import_utils3.getSrcSetCSSThumbs)(asset.thumbs) : ""
-      }
-    )
-  ));
-}
-var AdViewUnitBanner_default = AdViewUnitBanner;
-
-// src/AdViewUnit/AdViewUnitTypeSwitch.tsx
-var import_react5 = __toESM(require("react"), 1);
-function AdViewUnitTypeSwitch({
-  data,
-  classNames,
-  onDefault
-}) {
-  switch (data?.type) {
-    case "native":
-      return /* @__PURE__ */ import_react5.default.createElement(AdViewUnitNative_default, { ...data, classNames: classNames?.native });
-    case "proxy":
-      return /* @__PURE__ */ import_react5.default.createElement(AdViewUnitProxy_default, { ...data, classNames: classNames?.proxy });
-    case "banner":
-      return /* @__PURE__ */ import_react5.default.createElement(AdViewUnitBanner_default, { ...data, classNames: classNames?.banner });
-    default:
-      if (import_react5.default.isValidElement(onDefault)) {
-        return import_react5.default.cloneElement(onDefault);
-      }
-      if (typeof onDefault === "function") {
-        return onDefault();
-      }
-      return null;
-  }
-}
-var AdViewUnitTypeSwitch_default = AdViewUnitTypeSwitch;
-
-// src/AdViewUnit/AdViewUnitWrapper.client.tsx
-function AdViewUnitWrapperClient({
-  data,
-  state,
-  error,
-  children,
-  onDefault
-}) {
-  const { isLoading, isError } = state;
-  const isChildrenReactNode = import_react6.default.isValidElement(children);
-  const isChildrenFunction = typeof children === "function";
-  if (isChildrenReactNode) {
-    return import_react6.default.cloneElement(children, {
-      data,
-      state,
-      error,
-      onDefault
-    });
-  }
-  if (isChildrenFunction) {
-    return children({
-      data,
-      state,
-      error,
-      onDefault
-    });
-  }
-  if (isLoading) {
-    return null;
-  }
-  if (!children && !isError && data) {
-    return /* @__PURE__ */ import_react6.default.createElement(AdViewUnitTypeSwitch_default, { data, onDefault });
-  }
-  if (import_react6.default.isValidElement(onDefault)) {
-    return import_react6.default.cloneElement(onDefault);
-  }
-  if (typeof onDefault === "function") {
-    return onDefault();
-  }
-  return null;
-}
-var AdViewUnitWrapper_client_default = AdViewUnitWrapperClient;
-
 // src/AdViewUnit/useAdViewController.ts
-var import_utils4 = require("@adview/core/utils");
-var import_react8 = require("react");
+var import_utils2 = require("@adview/core/utils");
+var import_react4 = require("react");
 
 // src/AdViewUnit/AdViewProvider.tsx
-var import_react7 = __toESM(require("react"), 1);
-var AdViewProviderContext = (0, import_react7.createContext)(
+var import_react3 = __toESM(require("react"), 1);
+var AdViewProviderContext = (0, import_react3.createContext)(
   {}
 );
 
 // src/AdViewUnit/useAdViewController.ts
 function useAdViewController(adUnitConfig, unitId, format) {
-  const [adLoadState, setAdLoadState] = (0, import_react8.useState)("initial");
-  const [adData, setAdData] = (0, import_react8.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react8.useState)(null);
-  const globalConfig = (0, import_react8.useContext)(AdViewProviderContext);
-  const baseConfig = (0, import_utils4.getResolveConfig)({ ...adUnitConfig, ...globalConfig });
-  const requestUrl = (0, import_utils4.getAdRequestUrl)(baseConfig, unitId, format);
+  const [adLoadState, setAdLoadState] = (0, import_react4.useState)("initial");
+  const [adData, setAdData] = (0, import_react4.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react4.useState)(null);
+  const globalConfig = (0, import_react4.useContext)(AdViewProviderContext);
+  const baseConfig = (0, import_utils2.getResolveConfig)({ ...adUnitConfig, ...globalConfig });
+  const requestUrl = (0, import_utils2.getAdRequestUrl)(
+    baseConfig,
+    unitId,
+    typeof format === "string" ? format : format?.join(",") || ""
+  );
   const loadAd = async () => {
     setAdLoadState("loading");
     try {
-      console.log("Requesting ad data from:", import_utils4.adViewFetcher, "with URL:", requestUrl);
-      const response = await (0, import_utils4.adViewFetcher)(requestUrl, baseConfig.defaultAdData);
+      console.log("Requesting ad data from:", import_utils2.adViewFetcher, "with URL:", requestUrl);
+      const response = await (0, import_utils2.adViewFetcher)(requestUrl, baseConfig.defaultAdData);
       console.log("AdViewController response:", response);
       if (response instanceof Error) {
         setAdLoadState("error");
@@ -349,7 +197,7 @@ function useAdViewController(adUnitConfig, unitId, format) {
     isComplete: adLoadState === "complete",
     isError: adLoadState === "error"
   };
-  (0, import_react8.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     loadAd();
   }, []);
   return [adData, errorMessage, loadState];
@@ -361,7 +209,6 @@ function AdViewUnitClient({
   unitId,
   format,
   children,
-  onDefault = () => null,
   ...config
 }) {
   const [response, error, loadState] = useAdViewController_default(
@@ -372,29 +219,12 @@ function AdViewUnitClient({
   const responseGroup = error ? null : response?.groups?.[0];
   const customTracker = responseGroup?.custom_tracker ?? {};
   const groupItems = responseGroup?.items;
-  if (groupItems && groupItems?.length) {
+  if (groupItems && groupItems?.length > 0) {
     return groupItems.map(({ tracker, ...data }) => {
-      return /* @__PURE__ */ import_react9.default.createElement(AdViewUnitTracking_default, { key: data.id, ...tracker }, /* @__PURE__ */ import_react9.default.createElement(
-        AdViewUnitWrapper_client_default,
-        {
-          state: loadState,
-          error,
-          data,
-          onDefault
-        },
-        children
-      ));
+      return /* @__PURE__ */ import_react5.default.createElement(AdViewUnitTracking_default, { key: data.id, ...tracker }, renderAnyTemplates(children, { data, type: data.type || "default", error, state: loadState }));
     });
   }
-  return /* @__PURE__ */ import_react9.default.createElement(AdViewUnitTracking_default, { ...customTracker }, /* @__PURE__ */ import_react9.default.createElement(
-    AdViewUnitWrapper_client_default,
-    {
-      state: loadState,
-      error,
-      onDefault
-    },
-    children
-  ));
+  return /* @__PURE__ */ import_react5.default.createElement(AdViewUnitTracking_default, { ...customTracker }, renderAnyTemplates(children, { data: null, type: "default", error, state: loadState }));
 }
 var AdViewUnit_client_default = AdViewUnitClient;
 //# sourceMappingURL=AdViewUnit.client.cjs.map

package/dist/AdViewUnit/AdViewUnit.client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/AdViewUnit/AdViewUnit.client.tsx","../../src/AdViewUnit/AdViewUnitTracking.tsx","../../src/AdViewUnit/AdViewUnitWrapper.client.tsx","../../src/AdViewUnit/AdViewUnitNative.tsx","../../src/AdViewUnit/AdViewUnitProxy.tsx","../../src/AdViewUnit/AdViewUnitBanner.tsx","../../src/AdViewUnit/AdViewUnitTypeSwitch.tsx","../../src/AdViewUnit/useAdViewController.ts","../../src/AdViewUnit/AdViewProvider.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { AdViewUnitClientChildren, AdViewUnitPropsBase } from '../types';\nimport AdViewUnitTracking from './AdViewUnitTracking';\nimport AdViewUnitWrapperClient from './AdViewUnitWrapper.client';\nimport useAdViewController from './useAdViewController';\n\nexport type AdViewUnitClientProps = AdViewUnitPropsBase & {\n  children?: AdViewUnitClientChildren;\n};\n\nfunction AdViewUnitClient({\n  unitId,\n  format,\n  children,\n  onDefault = () => null,\n  ...config\n}: AdViewUnitClientProps) {\n  const [response, error, loadState] = useAdViewController(\n    config,\n    unitId,\n    format,\n  );\n  const responseGroup = error ? null : response?.groups?.[0];\n  const customTracker = responseGroup?.custom_tracker ?? {};\n  const groupItems = responseGroup?.items;\n\n  if (groupItems && groupItems?.length) {\n    return groupItems.map(({ tracker, ...data }) => {\n      return (\n        <AdViewUnitTracking key={data.id} {...tracker}>\n          <AdViewUnitWrapperClient\n            state={loadState}\n            error={error}\n            data={data}\n            onDefault={onDefault}\n          >\n            {children}\n          </AdViewUnitWrapperClient>\n        </AdViewUnitTracking>\n      );\n    });\n  }\n\n  return (\n    <AdViewUnitTracking {...customTracker}>\n      <AdViewUnitWrapperClient\n        state={loadState}\n        error={error}\n        onDefault={onDefault}\n      >\n        {children}\n      </AdViewUnitWrapperClient>\n    </AdViewUnitTracking>\n  );\n}\n\nexport default AdViewUnitClient;\n","'use client';\n\nimport { executeImpressionsTracking } from '@adview/core/utils';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\ntype AdViewUnitTrackingProps = {\n  impressions?: string[];\n  views?: string[];\n  clicks?: string[];\n  children: React.ReactNode;\n};\n\nfunction AdViewUnitTracking({\n  impressions,\n  views,\n  clicks,\n  children,\n}: AdViewUnitTrackingProps) {\n  const isServer = typeof window === 'undefined';\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const executeImpressionsTrackingHandler = useCallback(\n    () => executeImpressionsTracking(impressions),\n    [impressions],\n  );\n  const trackingObserverInstanceHandler = useCallback(\n    (entries: IntersectionObserverEntry[]) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          executeImpressionsTracking(views);\n          trackingObserverInstance?.unobserve(wrapperRef.current!);\n        }\n      });\n    },\n    [views],\n  );\n  const trackingObserverInstance = useMemo<IntersectionObserver | null>(() => {\n    return !isServer\n      ? new IntersectionObserver(trackingObserverInstanceHandler)\n      : null;\n  }, [isServer, trackingObserverInstanceHandler]);\n  const clickTrackerHandler = useCallback(() => {\n    executeImpressionsTracking(clicks);\n\n    wrapperRef.current?.removeEventListener('click', clickTrackerHandler);\n  }, [clicks]);\n\n  useEffect(() => {\n    if (wrapperRef.current && trackingObserverInstance) {\n      executeImpressionsTrackingHandler();\n      wrapperRef.current?.addEventListener('click', clickTrackerHandler);\n      trackingObserverInstance?.observe(wrapperRef.current);\n\n      return () => {\n        wrapperRef.current?.removeEventListener('click', clickTrackerHandler);\n        if (wrapperRef.current)\n          trackingObserverInstance?.unobserve(wrapperRef.current);\n      };\n    }\n\n    return () => {};\n  }, [\n    trackingObserverInstance,\n    executeImpressionsTrackingHandler,\n    clickTrackerHandler,\n  ]);\n\n  return <div ref={wrapperRef}>{children}</div>;\n}\n\nexport default AdViewUnitTracking;\n","'use client';\n\nimport React from 'react';\nimport AdViewUnitTypeSwitch from './AdViewUnitTypeSwitch';\nimport {\n  AdViewUnitClientChildren,\n  AdViewUnitClientChildrenProps,\n  AdViewUnitDefault,\n} from '../types';\n\nexport type AdViewUnitWrapperClientProps = AdViewUnitClientChildrenProps & {\n  children?: AdViewUnitClientChildren;\n  onDefault: AdViewUnitDefault;\n};\n\nfunction AdViewUnitWrapperClient({\n  data,\n  state,\n  error,\n  children,\n  onDefault,\n}: AdViewUnitWrapperClientProps) {\n  const { isLoading, isError } = state;\n  const isChildrenReactNode = React.isValidElement(children);\n  const isChildrenFunction = typeof children === 'function';\n\n  if (isChildrenReactNode) {\n    return React.cloneElement(children, {\n      data,\n      state,\n      error,\n      onDefault,\n    });\n  }\n\n  if (isChildrenFunction) {\n    return children({\n      data,\n      state,\n      error,\n      onDefault,\n    });\n  }\n\n  if (isLoading) {\n    return null;\n  }\n\n  if (!children && !isError && data) {\n    return <AdViewUnitTypeSwitch data={data} onDefault={onDefault} />;\n  }\n\n  if (React.isValidElement(onDefault)) {\n    return React.cloneElement(onDefault);\n  }\n\n  if (typeof onDefault === 'function') {\n    return onDefault();\n  }\n\n  return null;\n}\n\nexport default AdViewUnitWrapperClient;\n","import { getAssetByName, getPrepareURL, getSrcSetCSSThumbs } from '@adview/core/utils';\nimport React from 'react';\nimport { AdViewDataClient, AdViewStyleTokensNative } from '../types';\n\ntype AdViewUnitNativeProps = AdViewDataClient & {\n  classNames?: AdViewStyleTokensNative;\n};\n\nfunction AdViewUnitNative({\n  assets,\n  fields,\n  url,\n  classNames,\n}: AdViewUnitNativeProps) {\n  const asset = getAssetByName('main', assets);\n\n  if (!url) {\n    return null;\n  }\n\n  return (\n    <div className={classNames?.container}>\n      <a\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        href={getPrepareURL(url)}\n        className={classNames?.imageLink}\n      >\n        {asset && (\n          <img\n            alt={fields?.title}\n            title={fields?.title}\n            src={asset.path}\n            srcSet={asset.thumbs ? getSrcSetCSSThumbs(asset.thumbs) : undefined}\n            className={classNames?.image}\n            style={{ objectFit: 'cover', width: '100%', height: '100%' }}\n          />\n        )}\n      </a>\n      <div className={classNames?.label}>\n        {fields?.title && (\n          <a\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={getPrepareURL(url)}\n            data-class=\"titleLink\"\n            className={classNames?.titleLink}\n          >\n            {fields.title}\n          </a>\n        )}\n        {fields?.description && (\n          <a\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={getPrepareURL(url)}\n            data-class=\"descriptionLink\"\n            className={classNames?.descriptionLink}\n          >\n            {fields.description}\n          </a>\n        )}\n        {fields?.brandname && (\n          <a\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={getPrepareURL(url)}\n            data-class=\"brandNameLink\"\n            className={classNames?.brandNameLink}\n          >\n            {fields.brandname}\n          </a>\n        )}\n        {fields?.phone && (\n          <a\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={getPrepareURL(url)}\n            data-class=\"phoneLink\"\n            className={classNames?.phoneLink}\n          >\n            {fields.phone}\n          </a>\n        )}\n        {fields?.url && (\n          <a\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={getPrepareURL(url)}\n            data-class=\"urlLink\"\n            className={classNames?.urlLink}\n          >\n            {fields?.url}\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default AdViewUnitNative;\n","import React from 'react';\nimport { AdViewDataClient, AdViewStyleTokensNative } from '../types';\n\ntype AdViewUnitProxyProps = AdViewDataClient & {\n  classNames?: AdViewStyleTokensNative;\n};\n\nfunction AdViewUnitProxy({\n  // assets,\n  fields,\n  url,\n}: AdViewUnitProxyProps) {\n  const iframeSrc = fields?.url || url;\n\n  if (!iframeSrc) {\n    return null;\n  }\n\n  return (\n    <iframe\n      width=\"100%\"\n      height=\"100%\"\n      frameBorder=\"0\"\n      marginWidth={0}\n      marginHeight={0}\n      allowTransparency={true}\n      scrolling=\"no\"\n      allowFullScreen={true}\n      style={{ width: '100%', height: '100%' }}\n      src={iframeSrc}\n    ></iframe>\n  );\n}\n\nexport default AdViewUnitProxy;\n","import { getAssetByName, getPrepareURL, getSrcSetCSSThumbs } from '@adview/core/utils';\nimport React from 'react';\nimport { AdViewDataClient, AdViewStyleTokensNative } from '../types';\n\ntype AdViewUnitBannerProps = AdViewDataClient & {\n  classNames?: AdViewStyleTokensNative;\n};\n\nfunction AdViewUnitBanner({ assets, url }: AdViewUnitBannerProps) {\n  const asset = getAssetByName('main', assets);\n\n  return (\n    <center>\n      <a\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        href={getPrepareURL(url)}\n        className=\"banner\"\n        style={{ fontSize: 0 }}\n      >\n        {asset && (\n          <img\n            alt=\"main\"\n            src={asset.path}\n            srcSet={asset.thumbs ? getSrcSetCSSThumbs(asset.thumbs) : ''}\n          />\n        )}\n      </a>\n    </center>\n  );\n}\n\nexport default AdViewUnitBanner;\n","import {\n  AdViewDataClient,\n  AdViewStyleTokens,\n  AdViewUnitDefault,\n} from '../types';\nimport AdViewUnitNative from './AdViewUnitNative';\nimport AdViewUnitProxy from './AdViewUnitProxy';\nimport AdViewUnitBanner from './AdViewUnitBanner';\nimport React from 'react';\n\ntype AdViewUnitDefaultProps = {\n  data?: AdViewDataClient;\n  classNames?: AdViewStyleTokens;\n  onDefault?: AdViewUnitDefault;\n};\n\nfunction AdViewUnitTypeSwitch({\n  data,\n  classNames,\n  onDefault,\n}: AdViewUnitDefaultProps) {\n  switch (data?.type) {\n    case 'native':\n      return <AdViewUnitNative {...data} classNames={classNames?.native} />;\n    case 'proxy':\n      return <AdViewUnitProxy {...data} classNames={classNames?.proxy} />;\n    case 'banner':\n      return <AdViewUnitBanner {...data} classNames={classNames?.banner} />;\n    default:\n      if (React.isValidElement(onDefault)) {\n        return React.cloneElement(onDefault);\n      }\n\n      if (typeof onDefault === 'function') {\n        return onDefault();\n      }\n\n      return null;\n  }\n}\n\nexport default AdViewUnitTypeSwitch;\n","'use client';\n\nimport { AdViewData } from '@adview/core/typings';\nimport { adViewFetcher, getAdRequestUrl, getResolveConfig } from '@adview/core/utils';\nimport { useContext, useEffect, useState } from 'react';\nimport { AdLoadState, AdViewConfig } from '../types';\nimport { AdViewProviderContext } from './AdViewProvider';\n\ntype UseAdViewControllerProps = [AdViewData | null, Error | null, AdLoadState];\n\nfunction useAdViewController(\n  adUnitConfig: AdViewConfig,\n  unitId: string,\n  format?: string,\n): UseAdViewControllerProps {\n  const [adLoadState, setAdLoadState] = useState<string>('initial');\n  const [adData, setAdData] = useState<AdViewData | null>(null);\n  const [errorMessage, setErrorMessage] = useState<Error | null>(null);\n  const globalConfig = useContext(AdViewProviderContext);\n  const baseConfig = getResolveConfig({ ...adUnitConfig, ...globalConfig });\n  const requestUrl = getAdRequestUrl(baseConfig, unitId, format);\n  const loadAd = async () => {\n    setAdLoadState('loading');\n\n    try {\n      console.log('Requesting ad data from:', adViewFetcher, 'with URL:', requestUrl);\n      const response = await adViewFetcher(requestUrl, baseConfig.defaultAdData);\n      console.log('AdViewController response:', response);\n\n      if (response instanceof Error) {\n        setAdLoadState('error');\n        setErrorMessage(response);\n      } else {\n        setAdData(response);\n      }\n      setAdLoadState('complete');\n    } catch (error) {\n      setAdLoadState('error');\n      setAdLoadState('complete');\n      setErrorMessage(error as Error);\n    }\n  };\n  const loadState = {\n    isInitial: adLoadState === 'initial',\n    isLoading: adLoadState === 'loading',\n    isComplete: adLoadState === 'complete',\n    isError: adLoadState === 'error',\n  };\n\n  useEffect(() => {\n    loadAd();\n  }, []);\n\n  return [adData, errorMessage, loadState];\n}\n\nexport default useAdViewController;\n","'use client';\n\nimport React, { createContext } from 'react';\nimport { type AdViewConfig } from '../types';\n\ntype AdViewProviderContextProps = AdViewConfig;\n\nexport const AdViewProviderContext = createContext<AdViewProviderContextProps>(\n  {} as AdViewProviderContextProps,\n);\n\ntype AdViewProviderProps = {\n  children: React.ReactNode;\n} & AdViewProviderContextProps;\n\nconst AdViewProvider = ({ children, ...props }: AdViewProviderProps) => {\n  return (\n    <AdViewProviderContext.Provider value={props}>\n      {children}\n    </AdViewProviderContext.Provider>\n  );\n};\n\nexport default AdViewProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,IAAAA,gBAAkB;;;ACAlB,mBAA2C;AAC3C,mBAA+D;AAS/D,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,WAAW,OAAO,WAAW;AACnC,QAAM,iBAAa,qBAAuB,IAAI;AAC9C,QAAM,wCAAoC;AAAA,IACxC,UAAM,yCAA2B,WAAW;AAAA,IAC5C,CAAC,WAAW;AAAA,EACd;AACA,QAAM,sCAAkC;AAAA,IACtC,CAAC,YAAyC;AACxC,cAAQ,QAAQ,WAAS;AACvB,YAAI,MAAM,gBAAgB;AACxB,uDAA2B,KAAK;AAChC,oCAA0B,UAAU,WAAW,OAAQ;AAAA,QACzD;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AACA,QAAM,+BAA2B,sBAAqC,MAAM;AAC1E,WAAO,CAAC,WACJ,IAAI,qBAAqB,+BAA+B,IACxD;AAAA,EACN,GAAG,CAAC,UAAU,+BAA+B,CAAC;AAC9C,QAAM,0BAAsB,0BAAY,MAAM;AAC5C,iDAA2B,MAAM;AAEjC,eAAW,SAAS,oBAAoB,SAAS,mBAAmB;AAAA,EACtE,GAAG,CAAC,MAAM,CAAC;AAEX,8BAAU,MAAM;AACd,QAAI,WAAW,WAAW,0BAA0B;AAClD,wCAAkC;AAClC,iBAAW,SAAS,iBAAiB,SAAS,mBAAmB;AACjE,gCAA0B,QAAQ,WAAW,OAAO;AAEpD,aAAO,MAAM;AACX,mBAAW,SAAS,oBAAoB,SAAS,mBAAmB;AACpE,YAAI,WAAW;AACb,oCAA0B,UAAU,WAAW,OAAO;AAAA,MAC1D;AAAA,IACF;AAEA,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,6BAAAC,QAAA,cAAC,SAAI,KAAK,cAAa,QAAS;AACzC;AAEA,IAAO,6BAAQ;;;ACnEf,IAAAC,gBAAkB;;;ACFlB,IAAAC,gBAAkE;AAClE,IAAAC,gBAAkB;AAOlB,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,YAAQ,8BAAe,QAAQ,MAAM;AAE3C,MAAI,CAAC,KAAK;AACR,WAAO;AAAA,EACT;AAEA,SACE,8BAAAC,QAAA,cAAC,SAAI,WAAW,YAAY,aAC1B,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,UAAM,6BAAc,GAAG;AAAA,MACvB,WAAW,YAAY;AAAA;AAAA,IAEtB,SACC,8BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,QAAQ;AAAA,QACb,OAAO,QAAQ;AAAA,QACf,KAAK,MAAM;AAAA,QACX,QAAQ,MAAM,aAAS,kCAAmB,MAAM,MAAM,IAAI;AAAA,QAC1D,WAAW,YAAY;AAAA,QACvB,OAAO,EAAE,WAAW,SAAS,OAAO,QAAQ,QAAQ,OAAO;AAAA;AAAA,IAC7D;AAAA,EAEJ,GACA,8BAAAA,QAAA,cAAC,SAAI,WAAW,YAAY,SACzB,QAAQ,SACP,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,UAAM,6BAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,eACP,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,UAAM,6BAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,aACP,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,UAAM,6BAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,SACP,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,UAAM,6BAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,OACP,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,UAAM,6BAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,QAAQ;AAAA,EACX,CAEJ,CACF;AAEJ;AAEA,IAAO,2BAAQ;;;ACpGf,IAAAC,gBAAkB;AAOlB,SAAS,gBAAgB;AAAA;AAAA,EAEvB;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,YAAY,QAAQ,OAAO;AAEjC,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,SACE,8BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,aAAa;AAAA,MACb,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,WAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,MACvC,KAAK;AAAA;AAAA,EACN;AAEL;AAEA,IAAO,0BAAQ;;;AClCf,IAAAC,gBAAkE;AAClE,IAAAC,gBAAkB;AAOlB,SAAS,iBAAiB,EAAE,QAAQ,IAAI,GAA0B;AAChE,QAAM,YAAQ,8BAAe,QAAQ,MAAM;AAE3C,SACE,8BAAAC,QAAA,cAAC,gBACC,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,UAAM,6BAAc,GAAG;AAAA,MACvB,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,EAAE;AAAA;AAAA,IAEpB,SACC,8BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAK,MAAM;AAAA,QACX,QAAQ,MAAM,aAAS,kCAAmB,MAAM,MAAM,IAAI;AAAA;AAAA,IAC5D;AAAA,EAEJ,CACF;AAEJ;AAEA,IAAO,2BAAQ;;;ACxBf,IAAAC,gBAAkB;AAQlB,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,UAAQ,MAAM,MAAM;AAAA,IAClB,KAAK;AACH,aAAO,8BAAAC,QAAA,cAAC,4BAAkB,GAAG,MAAM,YAAY,YAAY,QAAQ;AAAA,IACrE,KAAK;AACH,aAAO,8BAAAA,QAAA,cAAC,2BAAiB,GAAG,MAAM,YAAY,YAAY,OAAO;AAAA,IACnE,KAAK;AACH,aAAO,8BAAAA,QAAA,cAAC,4BAAkB,GAAG,MAAM,YAAY,YAAY,QAAQ;AAAA,IACrE;AACE,UAAI,cAAAA,QAAM,eAAe,SAAS,GAAG;AACnC,eAAO,cAAAA,QAAM,aAAa,SAAS;AAAA,MACrC;AAEA,UAAI,OAAO,cAAc,YAAY;AACnC,eAAO,UAAU;AAAA,MACnB;AAEA,aAAO;AAAA,EACX;AACF;AAEA,IAAO,+BAAQ;;;AJ1Bf,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,EAAE,WAAW,QAAQ,IAAI;AAC/B,QAAM,sBAAsB,cAAAC,QAAM,eAAe,QAAQ;AACzD,QAAM,qBAAqB,OAAO,aAAa;AAE/C,MAAI,qBAAqB;AACvB,WAAO,cAAAA,QAAM,aAAa,UAAU;AAAA,MAClC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,MAAI,oBAAoB;AACtB,WAAO,SAAS;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,MAAI,WAAW;AACb,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,YAAY,CAAC,WAAW,MAAM;AACjC,WAAO,8BAAAA,QAAA,cAAC,gCAAqB,MAAY,WAAsB;AAAA,EACjE;AAEA,MAAI,cAAAA,QAAM,eAAe,SAAS,GAAG;AACnC,WAAO,cAAAA,QAAM,aAAa,SAAS;AAAA,EACrC;AAEA,MAAI,OAAO,cAAc,YAAY;AACnC,WAAO,UAAU;AAAA,EACnB;AAEA,SAAO;AACT;AAEA,IAAO,mCAAQ;;;AK5Df,IAAAC,gBAAiE;AACjE,IAAAC,gBAAgD;;;ACFhD,IAAAC,gBAAqC;AAK9B,IAAM,4BAAwB;AAAA,EACnC,CAAC;AACH;;;ADCA,SAAS,oBACP,cACA,QACA,QAC0B;AAC1B,QAAM,CAAC,aAAa,cAAc,QAAI,wBAAiB,SAAS;AAChE,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAA4B,IAAI;AAC5D,QAAM,CAAC,cAAc,eAAe,QAAI,wBAAuB,IAAI;AACnE,QAAM,mBAAe,0BAAW,qBAAqB;AACrD,QAAM,iBAAa,gCAAiB,EAAE,GAAG,cAAc,GAAG,aAAa,CAAC;AACxE,QAAM,iBAAa,+BAAgB,YAAY,QAAQ,MAAM;AAC7D,QAAM,SAAS,YAAY;AACzB,mBAAe,SAAS;AAExB,QAAI;AACF,cAAQ,IAAI,4BAA4B,6BAAe,aAAa,UAAU;AAC9E,YAAM,WAAW,UAAM,6BAAc,YAAY,WAAW,aAAa;AACzE,cAAQ,IAAI,8BAA8B,QAAQ;AAElD,UAAI,oBAAoB,OAAO;AAC7B,uBAAe,OAAO;AACtB,wBAAgB,QAAQ;AAAA,MAC1B,OAAO;AACL,kBAAU,QAAQ;AAAA,MACpB;AACA,qBAAe,UAAU;AAAA,IAC3B,SAAS,OAAO;AACd,qBAAe,OAAO;AACtB,qBAAe,UAAU;AACzB,sBAAgB,KAAc;AAAA,IAChC;AAAA,EACF;AACA,QAAM,YAAY;AAAA,IAChB,WAAW,gBAAgB;AAAA,IAC3B,WAAW,gBAAgB;AAAA,IAC3B,YAAY,gBAAgB;AAAA,IAC5B,SAAS,gBAAgB;AAAA,EAC3B;AAEA,+BAAU,MAAM;AACd,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,QAAQ,cAAc,SAAS;AACzC;AAEA,IAAO,8BAAQ;;;AP5Cf,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,MAAM;AAAA,EAClB,GAAG;AACL,GAA0B;AACxB,QAAM,CAAC,UAAU,OAAO,SAAS,IAAI;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,gBAAgB,QAAQ,OAAO,UAAU,SAAS,CAAC;AACzD,QAAM,gBAAgB,eAAe,kBAAkB,CAAC;AACxD,QAAM,aAAa,eAAe;AAElC,MAAI,cAAc,YAAY,QAAQ;AACpC,WAAO,WAAW,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,MAAM;AAC9C,aACE,8BAAAC,QAAA,cAAC,8BAAmB,KAAK,KAAK,IAAK,GAAG,WACpC,8BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QAEC;AAAA,MACH,CACF;AAAA,IAEJ,CAAC;AAAA,EACH;AAEA,SACE,8BAAAA,QAAA,cAAC,8BAAoB,GAAG,iBACtB,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA;AAAA;AAAA,IAEC;AAAA,EACH,CACF;AAEJ;AAEA,IAAO,4BAAQ;","names":["import_react","React","import_react","import_utils","import_react","React","import_react","React","import_utils","import_react","React","import_react","React","React","import_utils","import_react","import_react","React"]}
+{"version":3,"sources":["../../src/AdViewUnit/AdViewUnit.client.tsx","../../src/AdViewUnit/AdViewUnitTemplate.tsx","../../src/AdViewUnit/AdViewUnitTracking.tsx","../../src/AdViewUnit/useAdViewController.ts","../../src/AdViewUnit/AdViewProvider.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { AdViewUnitClientChildren, AdViewUnitPropsBase } from '../types';\nimport { renderAnyTemplates } from './AdViewUnitTemplate';\nimport AdViewUnitTracking from './AdViewUnitTracking';\nimport useAdViewController from './useAdViewController';\n\nexport type AdViewUnitClientProps = AdViewUnitPropsBase & {\n  children?: AdViewUnitClientChildren;\n};\n\n// AdViewUnitClient is a client-side component that fetches ad data and renders it\n// using the provided children function. It handles loading, error states, and\n// tracks ad interactions.\n//\n// Example usage:\n// <AdView.Unit unitId=\"my-unit\" format=\"banner\" srcURL=\"https://api.example.com/ads/{<id>}\">\n//   {({ data, state, error }) => (\n//     <div>\n//       {state.isLoading && <span>Loading...</span>}\n//       {error && <span>Error: {error.message}</span>}\n//       {data && <img src={data.imageUrl} alt={data.title} />\n//     </div>\n//   )}\n// </AdView.Unit>\n//\n// Note: This component is designed to be used in a client-side environment where\n// ad data can be fetched dynamically. It is not suitable for server-side rendering.\n// It uses the AdViewUnitTracking component to handle ad tracking and interactions.\nfunction AdViewUnitClient({\n  unitId,\n  format,\n  children,\n  ...config\n}: AdViewUnitClientProps) {\n  const [response, error, loadState] = useAdViewController(\n    config,\n    unitId,\n    format,\n  );\n  const responseGroup = error ? null : response?.groups?.[0];\n  const customTracker = responseGroup?.custom_tracker ?? {};\n  const groupItems = responseGroup?.items;\n\n  if (groupItems && groupItems?.length > 0) {\n    return groupItems.map(({ tracker, ...data }) => {\n      return (\n        <AdViewUnitTracking key={data.id} {...tracker}>\n          {renderAnyTemplates(children, {data, type: data.type || 'default', error, state: loadState})}\n        </AdViewUnitTracking>\n      );\n    });\n  }\n\n  return (\n    <AdViewUnitTracking {...customTracker}>\n      {renderAnyTemplates(children, {data: null, type: 'default', error, state: loadState})}\n    </AdViewUnitTracking>\n  );\n}\n\nexport default AdViewUnitClient;\n","//\n// Example\n// <AdView.Unit>\n//   <AdView.Template type=\"banner\">\n//     <...>\n//   </AdView.Template>\n// </AdView.Unit>\n//\n\nimport React, { JSX } from 'react';\nimport { AdViewUnitClientChildrenProps, AdViewUnitTemplateProps, AdViewUnitTemplateTypeProps } from '../types';\n\n// TemplateListRender is a function that takes a list of TemplateType and returns a React element\nexport type TemplateListRender = (tmpls: TemplateElement[]) => React.ReactElement | JSX.Element;\n\n// TemplateType is a React component that can be used to render ad templates\nexport type TemplateType = React.Component<AdViewUnitTemplateProps>;\nexport type TemplateElement = React.ReactElement<AdViewUnitTemplateProps>;\n\n// TemplateTypeFunction is a function that takes AdViewUnitTemplateTypeProps and returns a React node or element\nexport type TemplateTypeFunction = (props: AdViewUnitTemplateTypeProps) => React.ReactNode | React.ReactElement;\n\n// templateFromListRender is a function that takes a list of TemplateType and returns a React element\nexport const templateFromListRender = (tmpls: TemplateElement[], data: AdViewUnitTemplateTypeProps, wrap?: (children: React.ReactNode) => React.ReactNode): JSX.Element | React.ReactElement => {\n  let renderedRemplates = tmpls.map((tmpl, index) => {\n    let tmp = renderTemplate(tmpl, data);\n    return !!tmp && React.isValidElement(tmp)\n      ? <React.Fragment key={index}>{!!wrap ? wrap(tmp) : tmp}</React.Fragment>\n      : null;\n  }).filter(it => !!it);\n\n  if (!renderedRemplates.length) {\n    renderedRemplates = tmpls.map((tmpl, index) => {\n      let tmp = renderTemplate(tmpl, {...data, type: 'default'});\n      return !!tmp && React.isValidElement(tmp)\n        ? <React.Fragment key={index}>{!!wrap ? wrap(tmp) : tmp}</React.Fragment>\n        : null;\n    }).filter(it => !!it);\n  }\n\n  return (<>{renderedRemplates}</>);\n};\n\n// renderTemplate is a function that takes a TemplateType or a function and returns a React node\nexport const renderTemplate = (tmpl: TemplateElement | TemplateTypeFunction, data: AdViewUnitTemplateTypeProps): React.ReactNode => {\n  const isFunction = typeof tmpl === 'function';\n  const isReactElement = React.isValidElement(tmpl);\n\n  if (isReactElement) {\n    // Extract type and children from the React element\n    const { type, children } = (tmpl as TemplateElement).props;\n    console.log('=====>\\nrenderTemplate: React element detected, type:', type, 'data:', data.type, data.type !== type);\n    // If the type does not match, return null\n    if (data.type !== type) {\n      return null;\n    }\n    // If children is a function, call it with the data\n    if (typeof children === 'function') {\n      return children(data as AdViewUnitClientChildrenProps);\n    }\n    console.log('CLONE ELEMENT', tmpl);\n    // If children is a React element, clone it with the new props\n    return React.cloneElement((tmpl as TemplateElement), {\n      ...data,\n      children: children,\n    });\n  }\n\n  if (isFunction) {\n    return tmpl(data);\n  }\n\n  return null;\n}\n\n// renderTemplates is a function that takes a list of TemplateType and returns a React element\nexport const renderTemplates = (tmpls: TemplateElement[], data: AdViewUnitTemplateTypeProps, listRender?: TemplateListRender): React.ReactNode | React.ReactElement | JSX.Element => {\n  return listRender ? listRender(tmpls) : templateFromListRender(tmpls, data);\n};\n\nexport const renderAnyTemplates = (tmpls: any, data: AdViewUnitTemplateTypeProps, listRender?: TemplateListRender): React.ReactNode | React.ReactElement | JSX.Element | null => {\n  if (!tmpls) {\n    return null;\n  }\n\n  if (Array.isArray(tmpls)) {\n    return renderTemplates(tmpls as TemplateElement[], data, listRender);\n  }\n\n  if (typeof tmpls === 'function') {\n    return tmpls(data);\n  }\n\n  if (React.isValidElement(tmpls)) {\n    return templateFromListRender([tmpls as TemplateElement], data);\n  }\n\n  return null;\n}\n\n// Template is a React component that renders a template based on the type and data provided\n// Example usage:\n// <AdView.Unit>\n//   <AdView.Template type=\"banner\" data={{...}}>\n// </AdView.Unit>\nconst AdViewUnitTemplate = ({ type, children, ...data }: AdViewUnitTemplateProps) => {\n  const tmplProps: AdViewUnitTemplateTypeProps = {\n    type,\n    ...data,\n  };\n\n  // If children is a function, call it with the data\n  if (typeof children === 'function') {\n    return children(tmplProps as AdViewUnitClientChildrenProps) as React.ReactElement;\n  }\n\n  // If children is a React element, clone it with the new props\n  if (React.isValidElement(children)) {\n    return React.cloneElement(children, tmplProps);\n  }\n\n  // If no children are provided, return an empty fragment\n  return <></>;\n}\n\nexport default AdViewUnitTemplate;\n","'use client';\n\nimport { executeImpressionsTracking } from '@adview/core/utils';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\ntype AdViewUnitTrackingProps = {\n  impressions?: string[];\n  views?: string[];\n  clicks?: string[];\n  children: React.ReactNode;\n};\n\nfunction AdViewUnitTracking({\n  impressions,\n  views,\n  clicks,\n  children,\n}: AdViewUnitTrackingProps) {\n  const isServer = typeof window === 'undefined';\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const executeImpressionsTrackingHandler = useCallback(\n    () => executeImpressionsTracking(impressions),\n    [impressions],\n  );\n  const trackingObserverInstanceHandler = useCallback(\n    (entries: IntersectionObserverEntry[]) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          executeImpressionsTracking(views);\n          trackingObserverInstance?.unobserve(wrapperRef.current!);\n        }\n      });\n    },\n    [views],\n  );\n  const trackingObserverInstance = useMemo<IntersectionObserver | null>(() => {\n    return !isServer\n      ? new IntersectionObserver(trackingObserverInstanceHandler)\n      : null;\n  }, [isServer, trackingObserverInstanceHandler]);\n  const clickTrackerHandler = useCallback(() => {\n    executeImpressionsTracking(clicks);\n\n    wrapperRef.current?.removeEventListener('click', clickTrackerHandler);\n  }, [clicks]);\n\n  useEffect(() => {\n    if (wrapperRef.current && trackingObserverInstance) {\n      executeImpressionsTrackingHandler();\n      wrapperRef.current?.addEventListener('click', clickTrackerHandler);\n      trackingObserverInstance?.observe(wrapperRef.current);\n\n      return () => {\n        wrapperRef.current?.removeEventListener('click', clickTrackerHandler);\n        if (wrapperRef.current)\n          trackingObserverInstance?.unobserve(wrapperRef.current);\n      };\n    }\n\n    return () => {};\n  }, [\n    trackingObserverInstance,\n    executeImpressionsTrackingHandler,\n    clickTrackerHandler,\n  ]);\n\n  return <div ref={wrapperRef}>{children}</div>;\n}\n\nexport default AdViewUnitTracking;\n","'use client';\n\nimport { AdViewData } from '@adview/core/typings';\nimport { adViewFetcher, getAdRequestUrl, getResolveConfig } from '@adview/core/utils';\nimport { useContext, useEffect, useState } from 'react';\nimport { AdLoadState, AdViewConfig } from '../types';\nimport { AdViewProviderContext } from './AdViewProvider';\n\ntype UseAdViewControllerProps = [AdViewData | null, Error | null, AdLoadState];\n\nfunction useAdViewController(\n  adUnitConfig: AdViewConfig,\n  unitId: string,\n  format?: string | string[],\n): UseAdViewControllerProps {\n  const [adLoadState, setAdLoadState] = useState<string>('initial');\n  const [adData, setAdData] = useState<AdViewData | null>(null);\n  const [errorMessage, setErrorMessage] = useState<Error | null>(null);\n  const globalConfig = useContext(AdViewProviderContext);\n  const baseConfig = getResolveConfig({ ...adUnitConfig, ...globalConfig });\n  const requestUrl = getAdRequestUrl(baseConfig, unitId,\n    typeof format === 'string' ? format : format?.join(',') || '');\n\n  const loadAd = async () => {\n    setAdLoadState('loading');\n\n    try {\n      console.log('Requesting ad data from:', adViewFetcher, 'with URL:', requestUrl);\n      const response = await adViewFetcher(requestUrl, baseConfig.defaultAdData);\n      console.log('AdViewController response:', response);\n\n      if (response instanceof Error) {\n        setAdLoadState('error');\n        setErrorMessage(response);\n      } else {\n        setAdData(response);\n      }\n      setAdLoadState('complete');\n    } catch (error) {\n      setAdLoadState('error');\n      setAdLoadState('complete');\n      setErrorMessage(error as Error);\n    }\n  };\n\n  const loadState = {\n    isInitial: adLoadState === 'initial',\n    isLoading: adLoadState === 'loading',\n    isComplete: adLoadState === 'complete',\n    isError: adLoadState === 'error',\n  };\n\n  useEffect(() => {loadAd()}, []);\n\n  return [adData, errorMessage, loadState];\n}\n\nexport default useAdViewController;\n","'use client';\n\nimport React, { createContext } from 'react';\nimport { type AdViewConfig } from '../types';\n\ntype AdViewProviderContextProps = AdViewConfig;\n\nexport const AdViewProviderContext = createContext<AdViewProviderContextProps>(\n  {} as AdViewProviderContextProps,\n);\n\ntype AdViewProviderProps = {\n  children: React.ReactNode;\n} & AdViewProviderContextProps;\n\nconst AdViewProvider = ({ children, ...props }: AdViewProviderProps) => {\n  return (\n    <AdViewProviderContext.Provider value={props}>\n      {children}\n    </AdViewProviderContext.Provider>\n  );\n};\n\nexport default AdViewProvider;\n"],"mappings":"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","names":["import_react","React","import_react","React","import_utils","import_react","import_react","React"]}

package/dist/AdViewUnit/AdViewUnit.client.d.cts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { A as AdViewUnitPropsBase, a as AdViewUnitClientChildren } from '../types-BaV07oMT.cjs';
+import { A as AdViewUnitPropsBase, a as AdViewUnitClientChildren } from '../types-B65WDsgh.cjs';
 import '@adview/core/typings';
 
 type AdViewUnitClientProps = AdViewUnitPropsBase & {
     children?: AdViewUnitClientChildren;
 };
-declare function AdViewUnitClient({ unitId, format, children, onDefault, ...config }: AdViewUnitClientProps): React.JSX.Element | React.JSX.Element[];
+declare function AdViewUnitClient({ unitId, format, children, ...config }: AdViewUnitClientProps): React.JSX.Element | React.JSX.Element[];
 
 export { type AdViewUnitClientProps, AdViewUnitClient as default };

package/dist/AdViewUnit/AdViewUnit.client.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { A as AdViewUnitPropsBase, a as AdViewUnitClientChildren } from '../types-BaV07oMT.js';
+import { A as AdViewUnitPropsBase, a as AdViewUnitClientChildren } from '../types-B65WDsgh.js';
 import '@adview/core/typings';
 
 type AdViewUnitClientProps = AdViewUnitPropsBase & {
     children?: AdViewUnitClientChildren;
 };
-declare function AdViewUnitClient({ unitId, format, children, onDefault, ...config }: AdViewUnitClientProps): React.JSX.Element | React.JSX.Element[];
+declare function AdViewUnitClient({ unitId, format, children, ...config }: AdViewUnitClientProps): React.JSX.Element | React.JSX.Element[];
 
 export { type AdViewUnitClientProps, AdViewUnitClient as default };