@adview/react 1.0.14 → 1.0.16

package/dist/server.js

@@ -1,38 +1,226 @@
 'use client';
 
 // src/AdViewUnit/AdViewUnit.server.tsx
-import React3 from "react";
+import React6 from "react";
 import { adViewFetcher, getAdRequestUrl, getResolveConfig } from "@adview/core/utils";
 
-// src/AdViewUnit/AdViewUnitTemplate.tsx
+// src/AdViewUnit/AdViewUnitBannerTemplate.tsx
+import { getAssetByName, getPrepareURL, getSrcSetCSSThumbs } from "@adview/core/utils";
 import React from "react";
+
+// 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 = getAssetByName("main", data.assets);
+  return /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: getPrepareURL(data.url),
+      className,
+      style: { fontSize: 0, ...style }
+    },
+    asset && /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        alt: "main",
+        src: asset.path,
+        srcSet: asset.thumbs ? getSrcSetCSSThumbs(asset.thumbs) : ""
+      }
+    )
+  );
+}
+AdViewUnitBannerTemplate.defaults = {
+  type: "banner"
+};
+var AdViewUnitBannerTemplate_default = AdViewUnitBannerTemplate;
+
+// src/AdViewUnit/AdViewUnitNativeTemplate.tsx
+import { getAssetByName as getAssetByName2, getPrepareURL as getPrepareURL2, getSrcSetCSSThumbs as getSrcSetCSSThumbs2 } from "@adview/core/utils";
+import React2 from "react";
+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 = getAssetByName2("main", assets);
+  if (!url) {
+    return null;
+  }
+  return /* @__PURE__ */ React2.createElement("div", { className: classNames?.container }, /* @__PURE__ */ React2.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: getPrepareURL2(url),
+      className: classNames?.imageLink
+    },
+    asset && /* @__PURE__ */ React2.createElement(
+      "img",
+      {
+        alt: fields?.title,
+        title: fields?.title,
+        src: asset.path,
+        srcSet: asset.thumbs ? getSrcSetCSSThumbs2(asset.thumbs) : void 0,
+        className: classNames?.image,
+        style: { objectFit: "cover", width: "100%", height: "100%" }
+      }
+    )
+  ), /* @__PURE__ */ React2.createElement("div", { className: classNames?.label }, fields?.title && /* @__PURE__ */ React2.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: getPrepareURL2(url),
+      "data-class": "titleLink",
+      className: classNames?.titleLink
+    },
+    fields.title
+  ), fields?.description && /* @__PURE__ */ React2.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: getPrepareURL2(url),
+      "data-class": "descriptionLink",
+      className: classNames?.descriptionLink
+    },
+    fields.description
+  ), fields?.brandname && /* @__PURE__ */ React2.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: getPrepareURL2(url),
+      "data-class": "brandNameLink",
+      className: classNames?.brandNameLink
+    },
+    fields.brandname
+  ), fields?.phone && /* @__PURE__ */ React2.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: getPrepareURL2(url),
+      "data-class": "phoneLink",
+      className: classNames?.phoneLink
+    },
+    fields.phone
+  ), fields?.url && /* @__PURE__ */ React2.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: getPrepareURL2(url),
+      "data-class": "urlLink",
+      className: classNames?.urlLink
+    },
+    fields?.url
+  )));
+}
+AdViewUnitNativeTemplate.defaults = {
+  type: "native"
+};
+var AdViewUnitNativeTemplate_default = AdViewUnitNativeTemplate;
+
+// src/AdViewUnit/AdViewUnitProxyTemplate.tsx
+import React3 from "react";
+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__ */ React3.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
+import React4 from "react";
 var templateFromListRender = (tmpls, data, wrap) => {
   let renderedRemplates = tmpls.map((tmpl, index) => {
     let tmp = renderTemplate(tmpl, data);
-    return !!tmp && React.isValidElement(tmp) ? /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, !!wrap ? wrap(tmp) : tmp) : null;
+    return !!tmp && React4.isValidElement(tmp) ? /* @__PURE__ */ React4.createElement(React4.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 && React.isValidElement(tmp) ? /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, !!wrap ? wrap(tmp) : tmp) : null;
+      return !!tmp && React4.isValidElement(tmp) ? /* @__PURE__ */ React4.createElement(React4.Fragment, { key: index }, !!wrap ? wrap(tmp) : tmp) : null;
     }).filter((it) => !!it);
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, renderedRemplates);
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, renderedRemplates);
 };
 var renderTemplate = (tmpl, data) => {
   const isFunction = typeof tmpl === "function";
-  const isReactElement = React.isValidElement(tmpl);
+  const isReactElement = React4.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 React.cloneElement(tmpl, {
+    return React4.cloneElement(tmpl, {
       ...data,
       children
     });
@@ -55,29 +243,39 @@ var renderAnyTemplates = (tmpls, data, listRender) => {
   if (typeof tmpls === "function") {
     return tmpls(data);
   }
-  if (React.isValidElement(tmpls)) {
+  if (React4.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 (React.isValidElement(children)) {
-    return React.cloneElement(children, tmplProps);
+  if (React4.isValidElement(children)) {
+    return React4.cloneElement(children, tmplProps);
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null);
 };
 var AdViewUnitTemplate_default = AdViewUnitTemplate;
 
 // src/AdViewUnit/AdViewUnitTracking.tsx
 import { executeImpressionsTracking } from "@adview/core/utils";
-import React2, { useCallback, useEffect, useMemo, useRef } from "react";
+import React5, { useCallback, useEffect, useMemo, useRef } from "react";
 function AdViewUnitTracking({
   impressions,
   views,
@@ -126,7 +324,7 @@ function AdViewUnitTracking({
     executeImpressionsTrackingHandler,
     clickTrackerHandler
   ]);
-  return /* @__PURE__ */ React2.createElement("div", { ref: wrapperRef }, children);
+  return /* @__PURE__ */ React5.createElement("div", { ref: wrapperRef }, children);
 }
 var AdViewUnitTracking_default = AdViewUnitTracking;
 
@@ -137,190 +335,73 @@ async function AdViewUnitServer({
   children,
   ...config
 }) {
+  const checkFormat = (f) => {
+    if (!format) {
+      return true;
+    }
+    return Array.isArray(format) ? format.includes(f) : f === format;
+  };
   const baseConfig = getResolveConfig(config);
   const requestUrl = getAdRequestUrl(baseConfig, unitId, format);
   const response = await adViewFetcher(requestUrl);
   const isLoadingError = response instanceof Error;
   const error = isLoadingError ? response : void 0;
-  const responseGroup = response instanceof 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__ */ React3.createElement(AdViewUnitTracking_default, { key: data.id, ...tracker }, renderAnyTemplates(children, { data, type: data.type || "default", error, state: {
-        isLoading: true,
-        isComplete: true,
-        isInitial: false,
-        isError: isLoadingError
-      } }));
-    });
-  }
-  return /* @__PURE__ */ React3.createElement(AdViewUnitTracking_default, { ...customTracker }, renderAnyTemplates(children, { data: null, type: "default", error, state: {
+  const state = {
     isLoading: true,
     isComplete: true,
     isInitial: false,
     isError: isLoadingError
-  } }));
-}
-var AdViewUnit_server_default = AdViewUnitServer;
-
-// src/AdViewUnit/AdViewUnitBannerTemplate.tsx
-import { getAssetByName, getPrepareURL, getSrcSetCSSThumbs } from "@adview/core/utils";
-import React4 from "react";
-function AdViewUnitBannerTemplate({ className = "banner", style, data, state }) {
-  if (!data || !data.assets || !data.assets.length || !state?.isComplete) {
-    return null;
-  }
-  const asset = getAssetByName("main", data.assets);
-  return /* @__PURE__ */ React4.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: getPrepareURL(data.url),
-      className,
-      style: { fontSize: 0, ...style }
-    },
-    asset && /* @__PURE__ */ React4.createElement(
-      "img",
-      {
-        alt: "main",
-        src: asset.path,
-        srcSet: asset.thumbs ? getSrcSetCSSThumbs(asset.thumbs) : ""
+  };
+  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 };
       }
-    )
-  );
-}
-var AdViewUnitBannerTemplate_default = AdViewUnitBannerTemplate;
-
-// src/AdViewUnit/AdViewUnitDefaultTemplate.tsx
-import React5 from "react";
-function AdViewUnitDefaultTemplate({ type = "default", data, state, children, ...props }) {
-  if (typeof children === "function") {
-    return /* @__PURE__ */ React5.createElement(React5.Fragment, null, children({ data, state, ...props }));
-  }
-  return children ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, children) : /* @__PURE__ */ React5.createElement("div", { style: { padding: "1rem", textAlign: "center", color: "#666" } }, /* @__PURE__ */ React5.createElement("p", null, "\u{1F504} Default content for ad unit"), /* @__PURE__ */ React5.createElement("p", null, "Data: ", JSON.stringify(data)), /* @__PURE__ */ React5.createElement("p", null, "State: ", JSON.stringify(state)));
-}
-AdViewUnitDefaultTemplate.defaultProps = {
-  type: "default",
-  children: null
-};
-var AdViewUnitDefaultTemplate_default = AdViewUnitDefaultTemplate;
-
-// src/AdViewUnit/AdViewUnitNativeTemplate.tsx
-import { getAssetByName as getAssetByName2, getPrepareURL as getPrepareURL2, getSrcSetCSSThumbs as getSrcSetCSSThumbs2 } from "@adview/core/utils";
-import React6 from "react";
-function AdViewUnitNativeTemplate({ classNames, data, state }) {
-  if (!data || !data.assets || !data.assets.length || !state?.isComplete) {
-    return null;
+    }
+    return { responseGroup: null, customTracker: {}, groupItems: [] };
+  })();
+  if (!children) {
+    children = [
+      /* @__PURE__ */ React6.createElement(AdViewUnitBannerTemplate_default, null),
+      /* @__PURE__ */ React6.createElement(AdViewUnitNativeTemplate_default, null),
+      /* @__PURE__ */ React6.createElement(AdViewUnitProxyTemplate_default, null)
+    ];
   }
-  const { assets, url, fields } = data;
-  const asset = getAssetByName2("main", assets);
-  if (!url) {
-    return null;
+  if (groupItems && groupItems.length) {
+    return groupItems.map(({ tracker, ...data }) => {
+      return /* @__PURE__ */ React6.createElement(AdViewUnitTracking_default, { key: data.id, ...tracker }, renderAnyTemplates(children, { data, type: data.type || "default", error, state }));
+    });
   }
-  return /* @__PURE__ */ React6.createElement("div", { className: classNames?.container }, /* @__PURE__ */ React6.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: getPrepareURL2(url),
-      className: classNames?.imageLink
-    },
-    asset && /* @__PURE__ */ React6.createElement(
-      "img",
-      {
-        alt: fields?.title,
-        title: fields?.title,
-        src: asset.path,
-        srcSet: asset.thumbs ? getSrcSetCSSThumbs2(asset.thumbs) : void 0,
-        className: classNames?.image,
-        style: { objectFit: "cover", width: "100%", height: "100%" }
-      }
-    )
-  ), /* @__PURE__ */ React6.createElement("div", { className: classNames?.label }, fields?.title && /* @__PURE__ */ React6.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: getPrepareURL2(url),
-      "data-class": "titleLink",
-      className: classNames?.titleLink
-    },
-    fields.title
-  ), fields?.description && /* @__PURE__ */ React6.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: getPrepareURL2(url),
-      "data-class": "descriptionLink",
-      className: classNames?.descriptionLink
-    },
-    fields.description
-  ), fields?.brandname && /* @__PURE__ */ React6.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: getPrepareURL2(url),
-      "data-class": "brandNameLink",
-      className: classNames?.brandNameLink
-    },
-    fields.brandname
-  ), fields?.phone && /* @__PURE__ */ React6.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: getPrepareURL2(url),
-      "data-class": "phoneLink",
-      className: classNames?.phoneLink
-    },
-    fields.phone
-  ), fields?.url && /* @__PURE__ */ React6.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: getPrepareURL2(url),
-      "data-class": "urlLink",
-      className: classNames?.urlLink
-    },
-    fields?.url
-  )));
+  return /* @__PURE__ */ React6.createElement(AdViewUnitTracking_default, { ...customTracker }, renderAnyTemplates(children, { data: null, type: "default", error, state }));
 }
-var AdViewUnitNativeTemplate_default = AdViewUnitNativeTemplate;
+var AdViewUnit_server_default = AdViewUnitServer;
 
-// src/AdViewUnit/AdViewUnitProxyTemplate.tsx
+// src/AdViewUnit/AdViewUnitDefaultTemplate.tsx
 import React7 from "react";
-function AdViewUnitProxyTemplate({ className, style, data, state }) {
-  if (!data || !state?.isComplete) {
+function AdViewUnitDefaultTemplate({ type = "default", data, state, children, ...props }) {
+  if (data) {
     return null;
   }
-  const { url, fields } = data;
-  const iframeSrc = fields?.url || url;
-  if (!iframeSrc) {
+  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__ */ React7.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
-    }
-  );
+  if (typeof children === "function") {
+    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children({ data, state, ...props }));
+  }
+  return children ? /* @__PURE__ */ React7.createElement(React7.Fragment, null, children) : /* @__PURE__ */ React7.createElement("div", { style: { padding: "1rem", textAlign: "center", color: "#666" } }, /* @__PURE__ */ React7.createElement("p", null, "\u{1F504} Default content for ad unit"), /* @__PURE__ */ React7.createElement("p", null, "Data: ", JSON.stringify(data)), /* @__PURE__ */ React7.createElement("p", null, "State: ", JSON.stringify(state)));
 }
-var AdViewUnitProxyTemplate_default = AdViewUnitProxyTemplate;
+AdViewUnitDefaultTemplate.defaults = {
+  type: "default"
+};
+var AdViewUnitDefaultTemplate_default = AdViewUnitDefaultTemplate;
 export {
   AdViewUnitBannerTemplate_default as AdViewUnitBannerTemplate,
   AdViewUnitDefaultTemplate_default as AdViewUnitDefaultTemplate,

package/dist/server.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AdViewUnit/AdViewUnit.server.tsx","../src/AdViewUnit/AdViewUnitTemplate.tsx","../src/AdViewUnit/AdViewUnitTracking.tsx","../src/AdViewUnit/AdViewUnitBannerTemplate.tsx","../src/AdViewUnit/AdViewUnitDefaultTemplate.tsx","../src/AdViewUnit/AdViewUnitNativeTemplate.tsx","../src/AdViewUnit/AdViewUnitProxyTemplate.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AdViewGroupItem } from '@adview/core/typings';\nimport { adViewFetcher, getAdRequestUrl, getResolveConfig } from '@adview/core/utils';\nimport { AdViewUnitPropsBase, AdViewUnitServerChildren } from '../types';\nimport { renderAnyTemplates } from './AdViewUnitTemplate';\nimport AdViewUnitTracking from './AdViewUnitTracking';\n\nexport type AdViewUnitServerProps = AdViewUnitPropsBase & {\n  children?: AdViewUnitServerChildren;\n};\n\nasync function AdViewUnitServer({\n  unitId,\n  format,\n  children,\n  ...config\n}: AdViewUnitServerProps) {\n  const baseConfig = getResolveConfig(config);\n  const requestUrl = getAdRequestUrl(baseConfig, unitId, format);\n  const response = await adViewFetcher(requestUrl);\n  const isLoadingError = response instanceof Error;\n  const error = isLoadingError ? response : undefined;\n  const responseGroup =\n    response instanceof 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 }: AdViewGroupItem) => {\n      return (\n        <AdViewUnitTracking key={data.id} {...tracker}>\n          {renderAnyTemplates(children, {data, type: data.type || 'default', error, state: {\n            isLoading: true,\n            isComplete: true,\n            isInitial: false,\n            isError: isLoadingError,\n          }})}\n        </AdViewUnitTracking>\n      );\n    });\n  }\n\n  return (\n    <AdViewUnitTracking {...customTracker}>\n      {renderAnyTemplates(children, {data: null, type: 'default', error, state: {\n        isLoading: true,\n        isComplete: true,\n        isInitial: false,\n        isError: isLoadingError,\n      }})}\n    </AdViewUnitTracking>\n  );\n}\n\nexport default AdViewUnitServer;\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","import { getAssetByName, getPrepareURL, getSrcSetCSSThumbs } from '@adview/core/utils';\nimport React from 'react';\nimport { AdViewUnitTemplateTypeProps } from '../types';\n\ntype AdViewUnitBannerTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {\n  type?: 'banner';\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nfunction AdViewUnitBannerTemplate({className=\"banner\", style, data, state}: AdViewUnitBannerTemplateProps) {\n  if (!data || !data.assets || !data.assets.length || !state?.isComplete) {\n    return null;\n  }\n  const asset = getAssetByName('main', data.assets);\n\n  return (\n    <a\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      href={getPrepareURL(data.url)}\n      className={className}\n      style={{ fontSize: 0, ...style }}\n    >\n      {asset && (\n        <img\n          alt=\"main\"\n          src={asset.path}\n          srcSet={asset.thumbs ? getSrcSetCSSThumbs(asset.thumbs) : ''}\n        />\n      )}\n    </a>\n  );\n}\n\nexport default AdViewUnitBannerTemplate;\n","import React from \"react\";\nimport { AdViewOptionalDataProps, AdViewUnitTemplateTypeProps } from \"../types\";\n\ntype AdViewUnitDefaultTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {\n  type?: 'default';\n  children?: React.ReactNode | ((props: AdViewOptionalDataProps) => React.ReactNode);\n};\n\nfunction AdViewUnitDefaultTemplate({ type='default', data, state, children, ...props }: AdViewUnitDefaultTemplateProps) {\n  if (typeof children === 'function') {\n    return <>{children({ data, state, ...props })}</>;\n  }\n\n  return (\n    children ? <>{children}</> : (\n      <div style={{ padding: '1rem', textAlign: 'center', color: '#666' }}>\n        <p>🔄 Default content for ad unit</p>\n        <p>Data: {JSON.stringify(data)}</p>\n        <p>State: {JSON.stringify(state)}</p>\n      </div>\n    )\n  );\n}\n\nAdViewUnitDefaultTemplate.defaultProps = {\n  type: 'default',\n  children: null,\n};\n\nexport default AdViewUnitDefaultTemplate;\n","import { getAssetByName, getPrepareURL, getSrcSetCSSThumbs } from '@adview/core/utils';\nimport React from 'react';\nimport { AdViewStyleTokensNative, AdViewUnitTemplateTypeProps } from '../types';\n\ntype AdViewUnitNativeTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {\n  type?: 'native';\n  classNames?: AdViewStyleTokensNative;\n};\n\nfunction AdViewUnitNativeTemplate({classNames, data, state}: AdViewUnitNativeTemplateProps) {\n  if (!data || !data.assets || !data.assets.length || !state?.isComplete) {\n    return null;\n  }\n  const { assets, url, fields } = data;\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 AdViewUnitNativeTemplate;\n","import React from 'react';\nimport { AdViewUnitTemplateTypeProps } from '../types';\n\ntype AdViewUnitProxyTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {\n  type?: 'proxy';\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nfunction AdViewUnitProxyTemplate({className, style, data, state}: AdViewUnitProxyTemplateProps) {\n  if (!data || !state?.isComplete) {\n    return null;\n  }\n  const { url, fields } = data;\n  const iframeSrc = fields?.url || url;\n\n  if (!iframeSrc) {\n    return null;\n  }\n\n  return (\n    <iframe\n      className={className}\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%', border: 'none', ...style }}\n      src={iframeSrc}\n    ></iframe>\n  );\n}\n\nexport default AdViewUnitProxyTemplate;\n"],"mappings":"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","names":["React","React","React","React","React","getAssetByName","getPrepareURL","getSrcSetCSSThumbs","React","React"]}
+{"version":3,"sources":["../src/AdViewUnit/AdViewUnit.server.tsx","../src/AdViewUnit/AdViewUnitBannerTemplate.tsx","../src/AdViewUnit/utils.ts","../src/AdViewUnit/AdViewUnitNativeTemplate.tsx","../src/AdViewUnit/AdViewUnitProxyTemplate.tsx","../src/AdViewUnit/AdViewUnitTemplate.tsx","../src/AdViewUnit/AdViewUnitTracking.tsx","../src/AdViewUnit/AdViewUnitDefaultTemplate.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AdViewData } from '@adview/core';\nimport { AdViewGroupItem } from '@adview/core/typings';\nimport { adViewFetcher, getAdRequestUrl, getResolveConfig } from '@adview/core/utils';\nimport { AdViewUnitClientChildren, AdViewUnitPropsBase } from '../types';\nimport AdViewUnitBannerTemplate from './AdViewUnitBannerTemplate';\nimport AdViewUnitNativeTemplate from './AdViewUnitNativeTemplate';\nimport AdViewUnitProxyTemplate from './AdViewUnitProxyTemplate';\nimport { renderAnyTemplates } from './AdViewUnitTemplate';\nimport AdViewUnitTracking from './AdViewUnitTracking';\n\nexport type AdViewUnitServerProps = AdViewUnitPropsBase & {\n  children?: AdViewUnitClientChildren;\n};\n\nasync function AdViewUnitServer({\n  unitId,\n  format,\n  children,\n  ...config\n}: AdViewUnitServerProps) {\n  const checkFormat = (f: string) => {\n    if (!format) { return true; }\n    return Array.isArray(format) ? format.includes(f) : f === format;\n  };\n\n  const baseConfig = getResolveConfig(config);\n  const requestUrl = getAdRequestUrl(baseConfig, unitId, format);\n  const response = await adViewFetcher(requestUrl);\n  const isLoadingError = response instanceof Error;\n  const error = isLoadingError ? response : undefined;\n  const state = {\n    isLoading: true,\n    isComplete: true,\n    isInitial: false,\n    isError: isLoadingError,\n  };\n\n  const { responseGroup: _, customTracker, groupItems } = error ? {responseGroup: null, customTracker: {}, groupItems: []} : (() => {\n    for (let responseGroup of (response as AdViewData)?.groups || []) {\n      const customTracker = responseGroup?.custom_tracker ?? {};\n      const groupItems = (responseGroup?.items || []).map(it => checkFormat(it.type) ? it : null).\n        filter(Boolean) as AdViewGroupItem[];\n      if (groupItems && groupItems.length > 0) {\n        return {responseGroup, customTracker, groupItems};\n      }\n    }\n    return {responseGroup: null, customTracker: {}, groupItems: []};\n  })();\n  \n  if (!children) {\n    children = [\n      <AdViewUnitBannerTemplate />,\n      <AdViewUnitNativeTemplate />,\n      <AdViewUnitProxyTemplate />\n    ];\n  }\n\n  if (groupItems && groupItems.length) {\n    return groupItems.map(({ tracker, ...data }: AdViewGroupItem) => {\n      return (\n        <AdViewUnitTracking key={data.id} {...tracker}>\n          {renderAnyTemplates(children, {data, type: data.type || 'default', error, state: state})}\n        </AdViewUnitTracking>\n      );\n    });\n  }\n\n  return (\n    <AdViewUnitTracking {...customTracker}>\n      {renderAnyTemplates(children, {data: null, type: 'default', error, state: state})}\n    </AdViewUnitTracking>\n  );\n}\n\nexport default AdViewUnitServer;\n","import { getAssetByName, getPrepareURL, getSrcSetCSSThumbs } from '@adview/core/utils';\nimport React from 'react';\nimport { AdLoadState, AdViewUnitTemplateTypeProps } from '../types';\nimport { matchExpectedState } from './utils';\n\ntype AdViewUnitBannerTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {\n  type?: 'banner';\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nfunction AdViewUnitBannerTemplate({className=\"banner\", style, data, state, ...props}: AdViewUnitBannerTemplateProps) {\n  const expectState: AdLoadState =\n    (props?.isInitial || props?.isLoading || props?.isError || props?.isComplete) ? {\n      isInitial: props?.isInitial,\n      isLoading: props?.isLoading,\n      isError: props?.isError,\n      isComplete: props?.isComplete\n    } : {isComplete: true};\n\n  if (!data || !data.assets || !data.assets.length) {\n    return null;\n  }\n  \n  // Check if the expected state matches the current state\n  if (!matchExpectedState(expectState, state)) {\n    return null;\n  }\n\n  const asset = getAssetByName('main', data.assets);\n\n  return (\n    <a\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      href={getPrepareURL(data.url)}\n      className={className}\n      style={{ fontSize: 0, ...style }}\n    >\n      {asset && (\n        <img\n          alt=\"main\"\n          src={asset.path}\n          srcSet={asset.thumbs ? getSrcSetCSSThumbs(asset.thumbs) : ''}\n        />\n      )}\n    </a>\n  );\n}\n\nAdViewUnitBannerTemplate.defaults = {\n  type: 'banner',\n};\n\nexport default AdViewUnitBannerTemplate;\n","import { AdLoadState } from \"../types\";\n\nexport const matchExpectedState = (expectState?: AdLoadState, state?: AdLoadState) => {\n  return !expectState || (\n    (expectState.isInitial === undefined || expectState.isInitial === state?.isInitial) &&\n    (expectState.isLoading === undefined || expectState.isLoading === state?.isLoading) &&\n    (expectState.isError === undefined || expectState.isError === state?.isError) &&\n    (expectState.isComplete === undefined || expectState.isComplete === state?.isComplete)\n  );\n};\n","import { getAssetByName, getPrepareURL, getSrcSetCSSThumbs } from '@adview/core/utils';\nimport React from 'react';\nimport { AdLoadState, AdViewStyleTokensNative, AdViewUnitTemplateTypeProps } from '../types';\nimport { matchExpectedState } from './utils';\n\ntype AdViewUnitNativeTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {\n  type?: 'native';\n  classNames?: AdViewStyleTokensNative;\n};\n\nfunction AdViewUnitNativeTemplate({classNames, data, state, ...props}: AdViewUnitNativeTemplateProps) {\n  if (!data || !data.assets || !data.assets.length) {\n    return null;\n  }\n\n  const expectState: AdLoadState =\n    (props?.isInitial || props?.isLoading || props?.isError || props?.isComplete) ? {\n      isInitial: props?.isInitial,\n      isLoading: props?.isLoading,\n      isError: props?.isError,\n      isComplete: props?.isComplete\n    } : {isComplete: true};\n\n  // Check if the expected state matches the current state\n  if (!matchExpectedState(expectState, state)) {\n    return null;\n  }\n\n  const { assets, url, fields } = data;\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\nAdViewUnitNativeTemplate.defaults = {\n  type: 'native',\n};\n\nexport default AdViewUnitNativeTemplate;\n","import React from 'react';\nimport { AdLoadState, AdViewUnitTemplateTypeProps } from '../types';\nimport { matchExpectedState } from './utils';\n\ntype AdViewUnitProxyTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {\n  type?: 'proxy';\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nfunction AdViewUnitProxyTemplate({className, style, data, state, ...props}: AdViewUnitProxyTemplateProps) {\n  if (!data) {\n    return null;\n  }\n\n  const expectState: AdLoadState =\n    (props?.isInitial || props?.isLoading || props?.isError || props?.isComplete) ? {\n      isInitial: props?.isInitial,\n      isLoading: props?.isLoading,\n      isError: props?.isError,\n      isComplete: props?.isComplete\n    } : {isComplete: true};\n\n  // Check if the expected state matches the current state\n  if (!matchExpectedState(expectState, state)) {\n    return null;\n  }\n\n  const { url, fields } = data;\n  const iframeSrc = fields?.url || url;\n\n  if (!iframeSrc) {\n    return null;\n  }\n\n  return (\n    <iframe\n      className={className}\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%', border: 'none', ...style }}\n      src={iframeSrc}\n    ></iframe>\n  );\n}\n\nAdViewUnitProxyTemplate.defaults = {\n  type: 'proxy',\n};\n\nexport default AdViewUnitProxyTemplate;\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 { AdLoadState, AdViewUnitClientChildrenProps, AdViewUnitTemplateProps, AdViewUnitTemplateTypeProps } from '../types';\nimport { matchExpectedState } from './utils';\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    let { type, children } = tmpl.props;\n    if (!type && typeof tmpl.type !== 'string') {\n      type = (tmpl.type as any)?.defaults?.type;\n    }\n    // If the type does not match, return null\n    if (!!type && type !== '*' && 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    // 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, state, children, ...props }: AdViewUnitTemplateProps) => {\n  const tmplProps: AdViewUnitTemplateTypeProps = {\n    type,\n    state,\n    ...props,\n  };\n  \n  const expectState: AdLoadState =\n    (props?.isInitial || props?.isLoading || props?.isError || props?.isComplete) ? {\n      isInitial: props?.isInitial,\n      isLoading: props?.isLoading,\n      isError: props?.isError,\n      isComplete: props?.isComplete\n    } : {isComplete: true};\n\n  // Check if the expected state matches the current state\n  if (!matchExpectedState(expectState, state)) {\n    return null;\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","import React from \"react\";\nimport { AdLoadState, AdViewOptionalDataProps, AdViewUnitTemplateTypeProps } from \"../types\";\nimport { matchExpectedState } from \"./utils\";\n\ntype AdViewUnitDefaultTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {\n  type?: 'default';\n  children?: React.ReactNode | ((props: AdViewOptionalDataProps) => React.ReactNode);\n};\n\nfunction AdViewUnitDefaultTemplate({ type='default', data, state, children, ...props }: AdViewUnitDefaultTemplateProps) {\n  if (data) {\n    return null;\n  }\n\n  const expectState: AdLoadState =\n    (props?.isInitial || props?.isLoading || props?.isError || props?.isComplete) ? {\n      isInitial: props?.isInitial,\n      isLoading: props?.isLoading,\n      isError: props?.isError,\n      isComplete: props?.isComplete\n    } : {isComplete: true};\n\n  // Check if the expected state matches the current state\n  if (!matchExpectedState(expectState, state)) {\n    return null;\n  }\n\n  if (typeof children === 'function') {\n    return <>{children({ data, state, ...props })}</>;\n  }\n\n  return (\n    children ? <>{children}</> : (\n      <div style={{ padding: '1rem', textAlign: 'center', color: '#666' }}>\n        <p>🔄 Default content for ad unit</p>\n        <p>Data: {JSON.stringify(data)}</p>\n        <p>State: {JSON.stringify(state)}</p>\n      </div>\n    )\n  );\n}\n\nAdViewUnitDefaultTemplate.defaults = {\n  type: 'default',\n};\n\nexport default AdViewUnitDefaultTemplate;\n"],"mappings":"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","names":["React","getAssetByName","getPrepareURL","getSrcSetCSSThumbs","React","getAssetByName","React","getPrepareURL","getSrcSetCSSThumbs","React","React","React","React","React","customTracker","groupItems","React","React","React"]}