@adview/react 1.0.12 → 1.0.14

package/dist/AdViewUnit/useAdViewController.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/AdViewUnit/useAdViewController.ts","../../src/AdViewUnit/AdViewProvider.tsx"],"sourcesContent":["'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":";;;AAGA,SAAS,eAAe,iBAAiB,wBAAwB;AACjE,SAAS,YAAY,WAAW,gBAAgB;;;ACFhD,OAAO,SAAS,qBAAqB;AAK9B,IAAM,wBAAwB;AAAA,EACnC,CAAC;AACH;;;ADCA,SAAS,oBACP,cACA,QACA,QAC0B;AAC1B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,SAAS;AAChE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA4B,IAAI;AAC5D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAuB,IAAI;AACnE,QAAM,eAAe,WAAW,qBAAqB;AACrD,QAAM,aAAa,iBAAiB,EAAE,GAAG,cAAc,GAAG,aAAa,CAAC;AACxE,QAAM,aAAa,gBAAgB,YAAY,QAAQ,MAAM;AAC7D,QAAM,SAAS,YAAY;AACzB,mBAAe,SAAS;AAExB,QAAI;AACF,cAAQ,IAAI,4BAA4B,eAAe,aAAa,UAAU;AAC9E,YAAM,WAAW,MAAM,cAAc,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,YAAU,MAAM;AACd,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,QAAQ,cAAc,SAAS;AACzC;AAEA,IAAO,8BAAQ;","names":[]}
+{"version":3,"sources":["../../src/AdViewUnit/useAdViewController.ts","../../src/AdViewUnit/AdViewProvider.tsx"],"sourcesContent":["'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":";;;AAGA,SAAS,eAAe,iBAAiB,wBAAwB;AACjE,SAAS,YAAY,WAAW,gBAAgB;;;ACFhD,OAAO,SAAS,qBAAqB;AAK9B,IAAM,wBAAwB;AAAA,EACnC,CAAC;AACH;;;ADCA,SAAS,oBACP,cACA,QACA,QAC0B;AAC1B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,SAAS;AAChE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA4B,IAAI;AAC5D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAuB,IAAI;AACnE,QAAM,eAAe,WAAW,qBAAqB;AACrD,QAAM,aAAa,iBAAiB,EAAE,GAAG,cAAc,GAAG,aAAa,CAAC;AACxE,QAAM,aAAa;AAAA,IAAgB;AAAA,IAAY;AAAA,IAC7C,OAAO,WAAW,WAAW,SAAS,QAAQ,KAAK,GAAG,KAAK;AAAA,EAAE;AAE/D,QAAM,SAAS,YAAY;AACzB,mBAAe,SAAS;AAExB,QAAI;AACF,cAAQ,IAAI,4BAA4B,eAAe,aAAa,UAAU;AAC9E,YAAM,WAAW,MAAM,cAAc,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;AAEA,QAAM,YAAY;AAAA,IAChB,WAAW,gBAAgB;AAAA,IAC3B,WAAW,gBAAgB;AAAA,IAC3B,YAAY,gBAAgB;AAAA,IAC5B,SAAS,gBAAgB;AAAA,EAC3B;AAEA,YAAU,MAAM;AAAC,WAAO;AAAA,EAAC,GAAG,CAAC,CAAC;AAE9B,SAAO,CAAC,QAAQ,cAAc,SAAS;AACzC;AAEA,IAAO,8BAAQ;","names":[]}

package/dist/index.cjs

@@ -33,17 +33,19 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   AdViewProvider: () => AdViewProvider_default,
-  AdViewUnitBanner: () => AdViewUnitBanner_default,
+  AdViewUnitBannerTemplate: () => AdViewUnitBannerTemplate_default,
   AdViewUnitClient: () => AdViewUnit_client_default,
-  AdViewUnitNative: () => AdViewUnitNative_default,
-  AdViewUnitProxy: () => AdViewUnitProxy_default,
-  AdViewUnitTypeSwitch: () => AdViewUnitTypeSwitch_default,
-  Banner: () => AdViewUnitBanner_default,
-  Client: () => AdViewUnit_client_default,
-  Native: () => AdViewUnitNative_default,
-  Proxy: () => AdViewUnitProxy_default,
-  TypeSwitch: () => AdViewUnitTypeSwitch_default,
-  default: () => index_default
+  AdViewUnitDefaultTemplate: () => AdViewUnitDefaultTemplate_default,
+  AdViewUnitNativeTemplate: () => AdViewUnitNativeTemplate_default,
+  AdViewUnitProxyTemplate: () => AdViewUnitProxyTemplate_default,
+  AdViewUnitTemplate: () => AdViewUnitTemplate_default,
+  BannerTemplate: () => AdViewUnitBannerTemplate_default,
+  DefaultTemplate: () => AdViewUnitDefaultTemplate_default,
+  NativeTemplate: () => AdViewUnitNativeTemplate_default,
+  Provider: () => AdViewProvider_default,
+  ProxyTemplate: () => AdViewUnitProxyTemplate_default,
+  Template: () => AdViewUnitTemplate_default,
+  Unit: () => AdViewUnit_client_default
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -58,11 +60,82 @@ var AdViewProvider = ({ children, ...props }) => {
 var AdViewProvider_default = AdViewProvider;
 
 // src/AdViewUnit/AdViewUnit.client.tsx
-var import_react9 = __toESM(require("react"), 1);
+var import_react5 = __toESM(require("react"), 1);
+
+// src/AdViewUnit/AdViewUnitTemplate.tsx
+var import_react2 = __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;
+  }).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;
+    }).filter((it) => !!it);
+  }
+  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, renderedRemplates);
+};
+var renderTemplate = (tmpl, data) => {
+  const isFunction = typeof tmpl === "function";
+  const isReactElement = import_react2.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_react2.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_react2.default.isValidElement(tmpls)) {
+    return templateFromListRender([tmpls], data);
+  }
+  return null;
+};
+var AdViewUnitTemplate = ({ type, children, ...data }) => {
+  const tmplProps = {
+    type,
+    ...data
+  };
+  if (typeof children === "function") {
+    return children(tmplProps);
+  }
+  if (import_react2.default.isValidElement(children)) {
+    return import_react2.default.cloneElement(children, tmplProps);
+  }
+  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null);
+};
+var AdViewUnitTemplate_default = AdViewUnitTemplate;
 
 // src/AdViewUnit/AdViewUnitTracking.tsx
 var import_utils = require("@adview/core/utils");
-var import_react2 = __toESM(require("react"), 1);
+var import_react3 = __toESM(require("react"), 1);
 function AdViewUnitTracking({
   impressions,
   views,
@@ -70,12 +143,12 @@ function AdViewUnitTracking({
   children
 }) {
   const isServer = typeof window === "undefined";
-  const wrapperRef = (0, import_react2.useRef)(null);
-  const executeImpressionsTrackingHandler = (0, import_react2.useCallback)(
+  const wrapperRef = (0, import_react3.useRef)(null);
+  const executeImpressionsTrackingHandler = (0, import_react3.useCallback)(
     () => (0, import_utils.executeImpressionsTracking)(impressions),
     [impressions]
   );
-  const trackingObserverInstanceHandler = (0, import_react2.useCallback)(
+  const trackingObserverInstanceHandler = (0, import_react3.useCallback)(
     (entries) => {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
@@ -86,14 +159,14 @@ function AdViewUnitTracking({
     },
     [views]
   );
-  const trackingObserverInstance = (0, import_react2.useMemo)(() => {
+  const trackingObserverInstance = (0, import_react3.useMemo)(() => {
     return !isServer ? new IntersectionObserver(trackingObserverInstanceHandler) : null;
   }, [isServer, trackingObserverInstanceHandler]);
-  const clickTrackerHandler = (0, import_react2.useCallback)(() => {
+  const clickTrackerHandler = (0, import_react3.useCallback)(() => {
     (0, import_utils.executeImpressionsTracking)(clicks);
     wrapperRef.current?.removeEventListener("click", clickTrackerHandler);
   }, [clicks]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (wrapperRef.current && trackingObserverInstance) {
       executeImpressionsTrackingHandler();
       wrapperRef.current?.addEventListener("click", clickTrackerHandler);
@@ -111,113 +184,223 @@ function AdViewUnitTracking({
     executeImpressionsTrackingHandler,
     clickTrackerHandler
   ]);
-  return /* @__PURE__ */ import_react2.default.createElement("div", { ref: wrapperRef }, children);
+  return /* @__PURE__ */ import_react3.default.createElement("div", { ref: wrapperRef }, children);
 }
 var AdViewUnitTracking_default = AdViewUnitTracking;
 
-// src/AdViewUnit/AdViewUnitWrapper.client.tsx
-var import_react7 = __toESM(require("react"), 1);
-
-// src/AdViewUnit/AdViewUnitNative.tsx
+// src/AdViewUnit/useAdViewController.ts
 var import_utils2 = require("@adview/core/utils");
-var import_react3 = __toESM(require("react"), 1);
-function AdViewUnitNative({
-  assets,
-  fields,
-  url,
-  classNames
+var import_react4 = 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)(
+    baseConfig,
+    unitId,
+    typeof format === "string" ? format : format?.join(",") || ""
+  );
+  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);
+      if (response instanceof Error) {
+        setAdLoadState("error");
+        setErrorMessage(response);
+      } else {
+        setAdData(response);
+      }
+      setAdLoadState("complete");
+    } catch (error) {
+      setAdLoadState("error");
+      setAdLoadState("complete");
+      setErrorMessage(error);
+    }
+  };
+  const loadState = {
+    isInitial: adLoadState === "initial",
+    isLoading: adLoadState === "loading",
+    isComplete: adLoadState === "complete",
+    isError: adLoadState === "error"
+  };
+  (0, import_react4.useEffect)(() => {
+    loadAd();
+  }, []);
+  return [adData, errorMessage, loadState];
+}
+var useAdViewController_default = useAdViewController;
+
+// src/AdViewUnit/AdViewUnit.client.tsx
+function AdViewUnitClient({
+  unitId,
+  format,
+  children,
+  ...config
 }) {
-  const asset = (0, import_utils2.getAssetByName)("main", assets);
+  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;
+  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_react5.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);
+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) {
+    return null;
+  }
+  const { assets, url, fields } = data;
+  const asset = (0, import_utils4.getAssetByName)("main", assets);
   if (!url) {
     return null;
   }
-  return /* @__PURE__ */ import_react3.default.createElement("div", { className: classNames?.container }, /* @__PURE__ */ import_react3.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement("div", { className: classNames?.container }, /* @__PURE__ */ import_react8.default.createElement(
     "a",
     {
       target: "_blank",
       rel: "noopener noreferrer",
-      href: (0, import_utils2.getPrepareURL)(url),
+      href: (0, import_utils4.getPrepareURL)(url),
       className: classNames?.imageLink
     },
-    asset && /* @__PURE__ */ import_react3.default.createElement(
+    asset && /* @__PURE__ */ import_react8.default.createElement(
       "img",
       {
         alt: fields?.title,
         title: fields?.title,
         src: asset.path,
-        srcSet: asset.thumbs ? (0, import_utils2.getSrcSetCSSThumbs)(asset.thumbs) : void 0,
+        srcSet: asset.thumbs ? (0, import_utils4.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(
+  ), /* @__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_utils2.getPrepareURL)(url),
+      href: (0, import_utils4.getPrepareURL)(url),
       "data-class": "titleLink",
       className: classNames?.titleLink
     },
     fields.title
-  ), fields?.description && /* @__PURE__ */ import_react3.default.createElement(
+  ), fields?.description && /* @__PURE__ */ import_react8.default.createElement(
     "a",
     {
       target: "_blank",
       rel: "noopener noreferrer",
-      href: (0, import_utils2.getPrepareURL)(url),
+      href: (0, import_utils4.getPrepareURL)(url),
       "data-class": "descriptionLink",
       className: classNames?.descriptionLink
     },
     fields.description
-  ), fields?.brandname && /* @__PURE__ */ import_react3.default.createElement(
+  ), fields?.brandname && /* @__PURE__ */ import_react8.default.createElement(
     "a",
     {
       target: "_blank",
       rel: "noopener noreferrer",
-      href: (0, import_utils2.getPrepareURL)(url),
+      href: (0, import_utils4.getPrepareURL)(url),
       "data-class": "brandNameLink",
       className: classNames?.brandNameLink
     },
     fields.brandname
-  ), fields?.phone && /* @__PURE__ */ import_react3.default.createElement(
+  ), fields?.phone && /* @__PURE__ */ import_react8.default.createElement(
     "a",
     {
       target: "_blank",
       rel: "noopener noreferrer",
-      href: (0, import_utils2.getPrepareURL)(url),
+      href: (0, import_utils4.getPrepareURL)(url),
       "data-class": "phoneLink",
       className: classNames?.phoneLink
     },
     fields.phone
-  ), fields?.url && /* @__PURE__ */ import_react3.default.createElement(
+  ), fields?.url && /* @__PURE__ */ import_react8.default.createElement(
     "a",
     {
       target: "_blank",
       rel: "noopener noreferrer",
-      href: (0, import_utils2.getPrepareURL)(url),
+      href: (0, import_utils4.getPrepareURL)(url),
       "data-class": "urlLink",
       className: classNames?.urlLink
     },
     fields?.url
   )));
 }
-var AdViewUnitNative_default = AdViewUnitNative;
+var AdViewUnitNativeTemplate_default = AdViewUnitNativeTemplate;
 
-// src/AdViewUnit/AdViewUnitProxy.tsx
-var import_react4 = __toESM(require("react"), 1);
-function AdViewUnitProxy({
-  // assets,
-  fields,
-  url
-}) {
+// 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;
   }
-  return /* @__PURE__ */ import_react4.default.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement(
     "iframe",
     {
+      className,
       width: "100%",
       height: "100%",
       frameBorder: "0",
@@ -226,215 +409,27 @@ function AdViewUnitProxy({
       allowTransparency: true,
       scrolling: "no",
       allowFullScreen: true,
-      style: { width: "100%", height: "100%" },
+      style: { width: "100%", height: "100%", border: "none", ...style },
       src: iframeSrc
     }
   );
 }
-var AdViewUnitProxy_default = AdViewUnitProxy;
-
-// src/AdViewUnit/AdViewUnitBanner.tsx
-var import_utils3 = require("@adview/core/utils");
-var import_react5 = __toESM(require("react"), 1);
-function AdViewUnitBanner({ assets, url }) {
-  const asset = (0, import_utils3.getAssetByName)("main", assets);
-  return /* @__PURE__ */ import_react5.default.createElement("center", null, /* @__PURE__ */ import_react5.default.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: (0, import_utils3.getPrepareURL)(url),
-      className: "banner",
-      style: { fontSize: 0 }
-    },
-    asset && /* @__PURE__ */ import_react5.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_react6 = __toESM(require("react"), 1);
-function AdViewUnitTypeSwitch({
-  data,
-  classNames,
-  onDefault
-}) {
-  switch (data?.type) {
-    case "native":
-      return /* @__PURE__ */ import_react6.default.createElement(AdViewUnitNative_default, { ...data, classNames: classNames?.native });
-    case "proxy":
-      return /* @__PURE__ */ import_react6.default.createElement(AdViewUnitProxy_default, { ...data, classNames: classNames?.proxy });
-    case "banner":
-      return /* @__PURE__ */ import_react6.default.createElement(AdViewUnitBanner_default, { ...data, classNames: classNames?.banner });
-    default:
-      if (import_react6.default.isValidElement(onDefault)) {
-        return import_react6.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_react7.default.isValidElement(children);
-  const isChildrenFunction = typeof children === "function";
-  if (isChildrenReactNode) {
-    return import_react7.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_react7.default.createElement(AdViewUnitTypeSwitch_default, { data, onDefault });
-  }
-  if (import_react7.default.isValidElement(onDefault)) {
-    return import_react7.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");
-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 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("AdViewController response:", response);
-      if (response instanceof Error) {
-        setAdLoadState("error");
-        setErrorMessage(response);
-      } else {
-        setAdData(response);
-      }
-      setAdLoadState("complete");
-    } catch (error) {
-      setAdLoadState("error");
-      setAdLoadState("complete");
-      setErrorMessage(error);
-    }
-  };
-  const loadState = {
-    isInitial: adLoadState === "initial",
-    isLoading: adLoadState === "loading",
-    isComplete: adLoadState === "complete",
-    isError: adLoadState === "error"
-  };
-  (0, import_react8.useEffect)(() => {
-    loadAd();
-  }, []);
-  return [adData, errorMessage, loadState];
-}
-var useAdViewController_default = useAdViewController;
-
-// src/AdViewUnit/AdViewUnit.client.tsx
-function AdViewUnitClient({
-  unitId,
-  format,
-  children,
-  onDefault = () => null,
-  ...config
-}) {
-  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;
-  if (groupItems && groupItems?.length) {
-    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_react9.default.createElement(AdViewUnitTracking_default, { ...customTracker }, /* @__PURE__ */ import_react9.default.createElement(
-    AdViewUnitWrapper_client_default,
-    {
-      state: loadState,
-      error,
-      onDefault
-    },
-    children
-  ));
-}
-var AdViewUnit_client_default = AdViewUnitClient;
-
-// src/index.ts
-var AdView = {};
-var AdViewExport = Object.assign(AdView, {
-  Provider: AdViewProvider_default,
-  Unit: AdViewUnit_client_default,
-  Banner: AdViewUnitBanner_default,
-  Native: AdViewUnitNative_default,
-  Proxy: AdViewUnitProxy_default,
-  TypeSwitch: AdViewUnitTypeSwitch_default
-});
-var index_default = AdViewExport;
+var AdViewUnitProxyTemplate_default = AdViewUnitProxyTemplate;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AdViewProvider,
-  AdViewUnitBanner,
+  AdViewUnitBannerTemplate,
   AdViewUnitClient,
-  AdViewUnitNative,
-  AdViewUnitProxy,
-  AdViewUnitTypeSwitch,
-  Banner,
-  Client,
-  Native,
-  Proxy,
-  TypeSwitch
+  AdViewUnitDefaultTemplate,
+  AdViewUnitNativeTemplate,
+  AdViewUnitProxyTemplate,
+  AdViewUnitTemplate,
+  BannerTemplate,
+  DefaultTemplate,
+  NativeTemplate,
+  Provider,
+  ProxyTemplate,
+  Template,
+  Unit
 });
 //# sourceMappingURL=index.cjs.map