@adview/react 1.0.14 → 1.0.16

package/dist/index.cjs

@@ -60,37 +60,225 @@ var AdViewProvider = ({ children, ...props }) => {
 var AdViewProvider_default = AdViewProvider;
 
 // src/AdViewUnit/AdViewUnit.client.tsx
-var import_react5 = __toESM(require("react"), 1);
+var import_react8 = __toESM(require("react"), 1);
 
-// src/AdViewUnit/AdViewUnitTemplate.tsx
+// src/AdViewUnit/AdViewUnitBannerTemplate.tsx
+var import_utils = require("@adview/core/utils");
 var import_react2 = __toESM(require("react"), 1);
+
+// src/AdViewUnit/utils.ts
+var matchExpectedState = (expectState, state) => {
+  return !expectState || (expectState.isInitial === void 0 || expectState.isInitial === state?.isInitial) && (expectState.isLoading === void 0 || expectState.isLoading === state?.isLoading) && (expectState.isError === void 0 || expectState.isError === state?.isError) && (expectState.isComplete === void 0 || expectState.isComplete === state?.isComplete);
+};
+
+// src/AdViewUnit/AdViewUnitBannerTemplate.tsx
+function AdViewUnitBannerTemplate({ className = "banner", style, data, state, ...props }) {
+  const expectState = props?.isInitial || props?.isLoading || props?.isError || props?.isComplete ? {
+    isInitial: props?.isInitial,
+    isLoading: props?.isLoading,
+    isError: props?.isError,
+    isComplete: props?.isComplete
+  } : { isComplete: true };
+  if (!data || !data.assets || !data.assets.length) {
+    return null;
+  }
+  if (!matchExpectedState(expectState, state)) {
+    return null;
+  }
+  const asset = (0, import_utils.getAssetByName)("main", data.assets);
+  return /* @__PURE__ */ import_react2.default.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: (0, import_utils.getPrepareURL)(data.url),
+      className,
+      style: { fontSize: 0, ...style }
+    },
+    asset && /* @__PURE__ */ import_react2.default.createElement(
+      "img",
+      {
+        alt: "main",
+        src: asset.path,
+        srcSet: asset.thumbs ? (0, import_utils.getSrcSetCSSThumbs)(asset.thumbs) : ""
+      }
+    )
+  );
+}
+AdViewUnitBannerTemplate.defaults = {
+  type: "banner"
+};
+var AdViewUnitBannerTemplate_default = AdViewUnitBannerTemplate;
+
+// src/AdViewUnit/AdViewUnitNativeTemplate.tsx
+var import_utils3 = require("@adview/core/utils");
+var import_react3 = __toESM(require("react"), 1);
+function AdViewUnitNativeTemplate({ classNames, data, state, ...props }) {
+  if (!data || !data.assets || !data.assets.length) {
+    return null;
+  }
+  const expectState = props?.isInitial || props?.isLoading || props?.isError || props?.isComplete ? {
+    isInitial: props?.isInitial,
+    isLoading: props?.isLoading,
+    isError: props?.isError,
+    isComplete: props?.isComplete
+  } : { isComplete: true };
+  if (!matchExpectedState(expectState, state)) {
+    return null;
+  }
+  const { assets, url, fields } = data;
+  const asset = (0, import_utils3.getAssetByName)("main", assets);
+  if (!url) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react3.default.createElement("div", { className: classNames?.container }, /* @__PURE__ */ import_react3.default.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: (0, import_utils3.getPrepareURL)(url),
+      className: classNames?.imageLink
+    },
+    asset && /* @__PURE__ */ import_react3.default.createElement(
+      "img",
+      {
+        alt: fields?.title,
+        title: fields?.title,
+        src: asset.path,
+        srcSet: asset.thumbs ? (0, import_utils3.getSrcSetCSSThumbs)(asset.thumbs) : void 0,
+        className: classNames?.image,
+        style: { objectFit: "cover", width: "100%", height: "100%" }
+      }
+    )
+  ), /* @__PURE__ */ import_react3.default.createElement("div", { className: classNames?.label }, fields?.title && /* @__PURE__ */ import_react3.default.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: (0, import_utils3.getPrepareURL)(url),
+      "data-class": "titleLink",
+      className: classNames?.titleLink
+    },
+    fields.title
+  ), fields?.description && /* @__PURE__ */ import_react3.default.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: (0, import_utils3.getPrepareURL)(url),
+      "data-class": "descriptionLink",
+      className: classNames?.descriptionLink
+    },
+    fields.description
+  ), fields?.brandname && /* @__PURE__ */ import_react3.default.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: (0, import_utils3.getPrepareURL)(url),
+      "data-class": "brandNameLink",
+      className: classNames?.brandNameLink
+    },
+    fields.brandname
+  ), fields?.phone && /* @__PURE__ */ import_react3.default.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: (0, import_utils3.getPrepareURL)(url),
+      "data-class": "phoneLink",
+      className: classNames?.phoneLink
+    },
+    fields.phone
+  ), fields?.url && /* @__PURE__ */ import_react3.default.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: (0, import_utils3.getPrepareURL)(url),
+      "data-class": "urlLink",
+      className: classNames?.urlLink
+    },
+    fields?.url
+  )));
+}
+AdViewUnitNativeTemplate.defaults = {
+  type: "native"
+};
+var AdViewUnitNativeTemplate_default = AdViewUnitNativeTemplate;
+
+// src/AdViewUnit/AdViewUnitProxyTemplate.tsx
+var import_react4 = __toESM(require("react"), 1);
+function AdViewUnitProxyTemplate({ className, style, data, state, ...props }) {
+  if (!data) {
+    return null;
+  }
+  const expectState = props?.isInitial || props?.isLoading || props?.isError || props?.isComplete ? {
+    isInitial: props?.isInitial,
+    isLoading: props?.isLoading,
+    isError: props?.isError,
+    isComplete: props?.isComplete
+  } : { isComplete: true };
+  if (!matchExpectedState(expectState, state)) {
+    return null;
+  }
+  const { url, fields } = data;
+  const iframeSrc = fields?.url || url;
+  if (!iframeSrc) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react4.default.createElement(
+    "iframe",
+    {
+      className,
+      width: "100%",
+      height: "100%",
+      frameBorder: "0",
+      marginWidth: 0,
+      marginHeight: 0,
+      allowTransparency: true,
+      scrolling: "no",
+      allowFullScreen: true,
+      style: { width: "100%", height: "100%", border: "none", ...style },
+      src: iframeSrc
+    }
+  );
+}
+AdViewUnitProxyTemplate.defaults = {
+  type: "proxy"
+};
+var AdViewUnitProxyTemplate_default = AdViewUnitProxyTemplate;
+
+// src/AdViewUnit/AdViewUnitTemplate.tsx
+var import_react5 = __toESM(require("react"), 1);
 var templateFromListRender = (tmpls, data, wrap) => {
   let renderedRemplates = tmpls.map((tmpl, index) => {
     let tmp = renderTemplate(tmpl, data);
-    return !!tmp && import_react2.default.isValidElement(tmp) ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, { key: index }, !!wrap ? wrap(tmp) : tmp) : null;
+    return !!tmp && import_react5.default.isValidElement(tmp) ? /* @__PURE__ */ import_react5.default.createElement(import_react5.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_react2.default.isValidElement(tmp) ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, { key: index }, !!wrap ? wrap(tmp) : tmp) : null;
+      return !!tmp && import_react5.default.isValidElement(tmp) ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, { key: index }, !!wrap ? wrap(tmp) : tmp) : null;
     }).filter((it) => !!it);
   }
-  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, renderedRemplates);
+  return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, renderedRemplates);
 };
 var renderTemplate = (tmpl, data) => {
   const isFunction = typeof tmpl === "function";
-  const isReactElement = import_react2.default.isValidElement(tmpl);
+  const isReactElement = import_react5.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) {
+    let { type, children } = tmpl.props;
+    if (!type && typeof tmpl.type !== "string") {
+      type = tmpl.type?.defaults?.type;
+    }
+    if (!!type && type !== "*" && data.type !== type) {
       return null;
     }
     if (typeof children === "function") {
       return children(data);
     }
-    console.log("CLONE ELEMENT", tmpl);
-    return import_react2.default.cloneElement(tmpl, {
+    return import_react5.default.cloneElement(tmpl, {
       ...data,
       children
     });
@@ -113,29 +301,39 @@ var renderAnyTemplates = (tmpls, data, listRender) => {
   if (typeof tmpls === "function") {
     return tmpls(data);
   }
-  if (import_react2.default.isValidElement(tmpls)) {
+  if (import_react5.default.isValidElement(tmpls)) {
     return templateFromListRender([tmpls], data);
   }
   return null;
 };
-var AdViewUnitTemplate = ({ type, children, ...data }) => {
+var AdViewUnitTemplate = ({ type, state, children, ...props }) => {
   const tmplProps = {
     type,
-    ...data
+    state,
+    ...props
   };
+  const expectState = props?.isInitial || props?.isLoading || props?.isError || props?.isComplete ? {
+    isInitial: props?.isInitial,
+    isLoading: props?.isLoading,
+    isError: props?.isError,
+    isComplete: props?.isComplete
+  } : { isComplete: true };
+  if (!matchExpectedState(expectState, state)) {
+    return null;
+  }
   if (typeof children === "function") {
     return children(tmplProps);
   }
-  if (import_react2.default.isValidElement(children)) {
-    return import_react2.default.cloneElement(children, tmplProps);
+  if (import_react5.default.isValidElement(children)) {
+    return import_react5.default.cloneElement(children, tmplProps);
   }
-  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null);
+  return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null);
 };
 var AdViewUnitTemplate_default = AdViewUnitTemplate;
 
 // src/AdViewUnit/AdViewUnitTracking.tsx
-var import_utils = require("@adview/core/utils");
-var import_react3 = __toESM(require("react"), 1);
+var import_utils7 = require("@adview/core/utils");
+var import_react6 = __toESM(require("react"), 1);
 function AdViewUnitTracking({
   impressions,
   views,
@@ -143,30 +341,30 @@ function AdViewUnitTracking({
   children
 }) {
   const isServer = typeof window === "undefined";
-  const wrapperRef = (0, import_react3.useRef)(null);
-  const executeImpressionsTrackingHandler = (0, import_react3.useCallback)(
-    () => (0, import_utils.executeImpressionsTracking)(impressions),
+  const wrapperRef = (0, import_react6.useRef)(null);
+  const executeImpressionsTrackingHandler = (0, import_react6.useCallback)(
+    () => (0, import_utils7.executeImpressionsTracking)(impressions),
     [impressions]
   );
-  const trackingObserverInstanceHandler = (0, import_react3.useCallback)(
+  const trackingObserverInstanceHandler = (0, import_react6.useCallback)(
     (entries) => {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
-          (0, import_utils.executeImpressionsTracking)(views);
+          (0, import_utils7.executeImpressionsTracking)(views);
           trackingObserverInstance?.unobserve(wrapperRef.current);
         }
       });
     },
     [views]
   );
-  const trackingObserverInstance = (0, import_react3.useMemo)(() => {
+  const trackingObserverInstance = (0, import_react6.useMemo)(() => {
     return !isServer ? new IntersectionObserver(trackingObserverInstanceHandler) : null;
   }, [isServer, trackingObserverInstanceHandler]);
-  const clickTrackerHandler = (0, import_react3.useCallback)(() => {
-    (0, import_utils.executeImpressionsTracking)(clicks);
+  const clickTrackerHandler = (0, import_react6.useCallback)(() => {
+    (0, import_utils7.executeImpressionsTracking)(clicks);
     wrapperRef.current?.removeEventListener("click", clickTrackerHandler);
   }, [clicks]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (wrapperRef.current && trackingObserverInstance) {
       executeImpressionsTrackingHandler();
       wrapperRef.current?.addEventListener("click", clickTrackerHandler);
@@ -184,20 +382,20 @@ function AdViewUnitTracking({
     executeImpressionsTrackingHandler,
     clickTrackerHandler
   ]);
-  return /* @__PURE__ */ import_react3.default.createElement("div", { ref: wrapperRef }, children);
+  return /* @__PURE__ */ import_react6.default.createElement("div", { ref: wrapperRef }, children);
 }
 var AdViewUnitTracking_default = AdViewUnitTracking;
 
 // src/AdViewUnit/useAdViewController.ts
-var import_utils2 = require("@adview/core/utils");
-var import_react4 = require("react");
+var import_utils8 = require("@adview/core/utils");
+var import_react7 = require("react");
 function useAdViewController(adUnitConfig, 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)(
+  const [adLoadState, setAdLoadState] = (0, import_react7.useState)("initial");
+  const [adData, setAdData] = (0, import_react7.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react7.useState)(null);
+  const globalConfig = (0, import_react7.useContext)(AdViewProviderContext);
+  const baseConfig = (0, import_utils8.getResolveConfig)({ ...adUnitConfig, ...globalConfig });
+  const requestUrl = (0, import_utils8.getAdRequestUrl)(
     baseConfig,
     unitId,
     typeof format === "string" ? format : format?.join(",") || ""
@@ -205,9 +403,7 @@ function useAdViewController(adUnitConfig, unitId, format) {
   const loadAd = async () => {
     setAdLoadState("loading");
     try {
-      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);
+      const response = await (0, import_utils8.adViewFetcher)(requestUrl, baseConfig.defaultAdData);
       if (response instanceof Error) {
         setAdLoadState("error");
         setErrorMessage(response);
@@ -227,7 +423,7 @@ function useAdViewController(adUnitConfig, unitId, format) {
     isComplete: adLoadState === "complete",
     isError: adLoadState === "error"
   };
-  (0, import_react4.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     loadAd();
   }, []);
   return [adData, errorMessage, loadState];
@@ -241,180 +437,67 @@ function AdViewUnitClient({
   children,
   ...config
 }) {
+  const checkFormat = (f) => {
+    if (!format) {
+      return true;
+    }
+    return Array.isArray(format) ? format.includes(f) : f === format;
+  };
   const [response, error, loadState] = useAdViewController_default(
     config,
     unitId,
     format
   );
-  const responseGroup = error ? null : response?.groups?.[0];
-  const customTracker = responseGroup?.custom_tracker ?? {};
-  const groupItems = responseGroup?.items;
+  const { responseGroup: _, customTracker, groupItems } = error ? { responseGroup: null, customTracker: {}, groupItems: [] } : (() => {
+    for (let responseGroup of response?.groups || []) {
+      const customTracker2 = responseGroup?.custom_tracker ?? {};
+      const groupItems2 = (responseGroup?.items || []).map((it) => checkFormat(it.type) ? it : null).filter(Boolean);
+      if (groupItems2 && groupItems2.length > 0) {
+        return { responseGroup, customTracker: customTracker2, groupItems: groupItems2 };
+      }
+    }
+    return { responseGroup: null, customTracker: {}, groupItems: [] };
+  })();
+  if (!children) {
+    children = [
+      /* @__PURE__ */ import_react8.default.createElement(AdViewUnitBannerTemplate_default, null),
+      /* @__PURE__ */ import_react8.default.createElement(AdViewUnitNativeTemplate_default, null),
+      /* @__PURE__ */ import_react8.default.createElement(AdViewUnitProxyTemplate_default, null)
+    ];
+  }
   if (groupItems && groupItems?.length > 0) {
     return groupItems.map(({ tracker, ...data }) => {
-      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_react8.default.createElement(AdViewUnitTracking_default, { key: data.id, ...tracker }, renderAnyTemplates(children, { data, type: data.type || "default", error, state: loadState }));
     });
   }
-  return /* @__PURE__ */ import_react5.default.createElement(AdViewUnitTracking_default, { ...customTracker }, renderAnyTemplates(children, { data: null, type: "default", error, state: loadState }));
+  return /* @__PURE__ */ import_react8.default.createElement(AdViewUnitTracking_default, { ...customTracker }, renderAnyTemplates(children, { data: null, type: "default", error, state: loadState }));
 }
 var AdViewUnit_client_default = AdViewUnitClient;
 
-// src/AdViewUnit/AdViewUnitBannerTemplate.tsx
-var import_utils3 = require("@adview/core/utils");
-var import_react6 = __toESM(require("react"), 1);
-function AdViewUnitBannerTemplate({ className = "banner", style, data, state }) {
-  if (!data || !data.assets || !data.assets.length || !state?.isComplete) {
-    return null;
-  }
-  const asset = (0, import_utils3.getAssetByName)("main", data.assets);
-  return /* @__PURE__ */ import_react6.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils3.getPrepareURL)(data.url),
-      className,
-      style: { fontSize: 0, ...style }
-    },
-    asset && /* @__PURE__ */ import_react6.default.createElement(
-      "img",
-      {
-        alt: "main",
-        src: asset.path,
-        srcSet: asset.thumbs ? (0, import_utils3.getSrcSetCSSThumbs)(asset.thumbs) : ""
-      }
-    )
-  );
-}
-var AdViewUnitBannerTemplate_default = AdViewUnitBannerTemplate;
-
 // src/AdViewUnit/AdViewUnitDefaultTemplate.tsx
-var import_react7 = __toESM(require("react"), 1);
+var import_react9 = __toESM(require("react"), 1);
 function AdViewUnitDefaultTemplate({ type = "default", data, state, children, ...props }) {
-  if (typeof children === "function") {
-    return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, children({ data, state, ...props }));
-  }
-  return children ? /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, children) : /* @__PURE__ */ import_react7.default.createElement("div", { style: { padding: "1rem", textAlign: "center", color: "#666" } }, /* @__PURE__ */ import_react7.default.createElement("p", null, "\u{1F504} Default content for ad unit"), /* @__PURE__ */ import_react7.default.createElement("p", null, "Data: ", JSON.stringify(data)), /* @__PURE__ */ import_react7.default.createElement("p", null, "State: ", JSON.stringify(state)));
-}
-AdViewUnitDefaultTemplate.defaultProps = {
-  type: "default",
-  children: null
-};
-var AdViewUnitDefaultTemplate_default = AdViewUnitDefaultTemplate;
-
-// src/AdViewUnit/AdViewUnitNativeTemplate.tsx
-var import_utils4 = require("@adview/core/utils");
-var import_react8 = __toESM(require("react"), 1);
-function AdViewUnitNativeTemplate({ classNames, data, state }) {
-  if (!data || !data.assets || !data.assets.length || !state?.isComplete) {
+  if (data) {
     return null;
   }
-  const { assets, url, fields } = data;
-  const asset = (0, import_utils4.getAssetByName)("main", assets);
-  if (!url) {
+  const expectState = props?.isInitial || props?.isLoading || props?.isError || props?.isComplete ? {
+    isInitial: props?.isInitial,
+    isLoading: props?.isLoading,
+    isError: props?.isError,
+    isComplete: props?.isComplete
+  } : { isComplete: true };
+  if (!matchExpectedState(expectState, state)) {
     return null;
   }
-  return /* @__PURE__ */ import_react8.default.createElement("div", { className: classNames?.container }, /* @__PURE__ */ import_react8.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils4.getPrepareURL)(url),
-      className: classNames?.imageLink
-    },
-    asset && /* @__PURE__ */ import_react8.default.createElement(
-      "img",
-      {
-        alt: fields?.title,
-        title: fields?.title,
-        src: asset.path,
-        srcSet: asset.thumbs ? (0, import_utils4.getSrcSetCSSThumbs)(asset.thumbs) : void 0,
-        className: classNames?.image,
-        style: { objectFit: "cover", width: "100%", height: "100%" }
-      }
-    )
-  ), /* @__PURE__ */ import_react8.default.createElement("div", { className: classNames?.label }, fields?.title && /* @__PURE__ */ import_react8.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils4.getPrepareURL)(url),
-      "data-class": "titleLink",
-      className: classNames?.titleLink
-    },
-    fields.title
-  ), fields?.description && /* @__PURE__ */ import_react8.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils4.getPrepareURL)(url),
-      "data-class": "descriptionLink",
-      className: classNames?.descriptionLink
-    },
-    fields.description
-  ), fields?.brandname && /* @__PURE__ */ import_react8.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils4.getPrepareURL)(url),
-      "data-class": "brandNameLink",
-      className: classNames?.brandNameLink
-    },
-    fields.brandname
-  ), fields?.phone && /* @__PURE__ */ import_react8.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils4.getPrepareURL)(url),
-      "data-class": "phoneLink",
-      className: classNames?.phoneLink
-    },
-    fields.phone
-  ), fields?.url && /* @__PURE__ */ import_react8.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils4.getPrepareURL)(url),
-      "data-class": "urlLink",
-      className: classNames?.urlLink
-    },
-    fields?.url
-  )));
-}
-var AdViewUnitNativeTemplate_default = AdViewUnitNativeTemplate;
-
-// src/AdViewUnit/AdViewUnitProxyTemplate.tsx
-var import_react9 = __toESM(require("react"), 1);
-function AdViewUnitProxyTemplate({ className, style, data, state }) {
-  if (!data || !state?.isComplete) {
-    return null;
-  }
-  const { url, fields } = data;
-  const iframeSrc = fields?.url || url;
-  if (!iframeSrc) {
-    return null;
+  if (typeof children === "function") {
+    return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, children({ data, state, ...props }));
   }
-  return /* @__PURE__ */ import_react9.default.createElement(
-    "iframe",
-    {
-      className,
-      width: "100%",
-      height: "100%",
-      frameBorder: "0",
-      marginWidth: 0,
-      marginHeight: 0,
-      allowTransparency: true,
-      scrolling: "no",
-      allowFullScreen: true,
-      style: { width: "100%", height: "100%", border: "none", ...style },
-      src: iframeSrc
-    }
-  );
+  return children ? /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, children) : /* @__PURE__ */ import_react9.default.createElement("div", { style: { padding: "1rem", textAlign: "center", color: "#666" } }, /* @__PURE__ */ import_react9.default.createElement("p", null, "\u{1F504} Default content for ad unit"), /* @__PURE__ */ import_react9.default.createElement("p", null, "Data: ", JSON.stringify(data)), /* @__PURE__ */ import_react9.default.createElement("p", null, "State: ", JSON.stringify(state)));
 }
-var AdViewUnitProxyTemplate_default = AdViewUnitProxyTemplate;
+AdViewUnitDefaultTemplate.defaults = {
+  type: "default"
+};
+var AdViewUnitDefaultTemplate_default = AdViewUnitDefaultTemplate;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AdViewProvider,