@adview/react 1.0.13 → 1.0.15

package/dist/AdViewUnit/AdViewUnit.server.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/AdViewUnit/AdViewUnit.server.tsx","../../src/AdViewUnit/AdViewUnitTracking.tsx","../../src/AdViewUnit/AdViewUnitWrapper.server.tsx","../../src/AdViewUnit/AdViewUnitNative.tsx","../../src/AdViewUnit/AdViewUnitProxy.tsx","../../src/AdViewUnit/AdViewUnitBanner.tsx","../../src/AdViewUnit/AdViewUnitTypeSwitch.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 AdViewUnitTracking from './AdViewUnitTracking';\nimport AdViewUnitWrapperServer from './AdViewUnitWrapper.server';\n\nexport type AdViewUnitServerProps = AdViewUnitPropsBase & {\n  children?: AdViewUnitServerChildren;\n};\n\nasync function AdViewUnitServer({\n  unitId,\n  format,\n  children,\n  onDefault = () => null,\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          <AdViewUnitWrapperServer data={data} onDefault={onDefault}>\n            {children}\n          </AdViewUnitWrapperServer>\n        </AdViewUnitTracking>\n      );\n    });\n  }\n\n  return (\n    <AdViewUnitTracking {...customTracker}>\n      <AdViewUnitWrapperServer data={error} onDefault={onDefault}>\n        {children}\n      </AdViewUnitWrapperServer>\n    </AdViewUnitTracking>\n  );\n}\n\nexport default AdViewUnitServer;\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 AdViewUnitTypeSwitch from './/AdViewUnitTypeSwitch';\n\nimport {\n  AdViewUnitDefault,\n  AdViewUnitServerChildren,\n  AdViewUnitServerChildrenProps,\n} from '../types';\n\nexport type AdViewUnitWrapperServerProps = AdViewUnitServerChildrenProps & {\n  children?: AdViewUnitServerChildren;\n  onDefault?: AdViewUnitDefault;\n};\n\nasync function AdViewUnitWrapperServer({\n  data,\n  children,\n  onDefault,\n}: AdViewUnitWrapperServerProps) {\n  const isChildrenReactNode = React.isValidElement(children);\n  const isChildrenFunction = typeof children === 'function';\n  const isLoadingError = data instanceof Error;\n\n  if (isChildrenReactNode) {\n    return React.cloneElement(children, { data, onDefault });\n  }\n\n  if (isChildrenFunction) {\n    return children({ data, onDefault });\n  }\n\n  if (!children && !isLoadingError) {\n    return <AdViewUnitTypeSwitch data={data} onDefault={onDefault} />;\n  }\n\n  if (React.isValidElement(onDefault)) {\n    return React.cloneElement(onDefault);\n  }\n\n  if (typeof onDefault === 'function') {\n    return onDefault();\n  }\n\n  return null;\n}\n\nexport default AdViewUnitWrapperServer;\n","import { getAssetByName, getPrepareURL, getSrcSetCSSThumbs } from '@adview/core/utils';\nimport React from 'react';\nimport { AdViewDataClient, AdViewStyleTokensNative } from '../types';\n\ntype AdViewUnitNativeProps = AdViewDataClient & {\n  classNames?: AdViewStyleTokensNative;\n};\n\nfunction AdViewUnitNative({\n  assets,\n  fields,\n  url,\n  classNames,\n}: AdViewUnitNativeProps) {\n  const asset = getAssetByName('main', assets);\n\n  if (!url) {\n    return null;\n  }\n\n  return (\n    <div className={classNames?.container}>\n      <a\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        href={getPrepareURL(url)}\n        className={classNames?.imageLink}\n      >\n        {asset && (\n          <img\n            alt={fields?.title}\n            title={fields?.title}\n            src={asset.path}\n            srcSet={asset.thumbs ? getSrcSetCSSThumbs(asset.thumbs) : undefined}\n            className={classNames?.image}\n            style={{ objectFit: 'cover', width: '100%', height: '100%' }}\n          />\n        )}\n      </a>\n      <div className={classNames?.label}>\n        {fields?.title && (\n          <a\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={getPrepareURL(url)}\n            data-class=\"titleLink\"\n            className={classNames?.titleLink}\n          >\n            {fields.title}\n          </a>\n        )}\n        {fields?.description && (\n          <a\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={getPrepareURL(url)}\n            data-class=\"descriptionLink\"\n            className={classNames?.descriptionLink}\n          >\n            {fields.description}\n          </a>\n        )}\n        {fields?.brandname && (\n          <a\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={getPrepareURL(url)}\n            data-class=\"brandNameLink\"\n            className={classNames?.brandNameLink}\n          >\n            {fields.brandname}\n          </a>\n        )}\n        {fields?.phone && (\n          <a\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={getPrepareURL(url)}\n            data-class=\"phoneLink\"\n            className={classNames?.phoneLink}\n          >\n            {fields.phone}\n          </a>\n        )}\n        {fields?.url && (\n          <a\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={getPrepareURL(url)}\n            data-class=\"urlLink\"\n            className={classNames?.urlLink}\n          >\n            {fields?.url}\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default AdViewUnitNative;\n","import React from 'react';\nimport { AdViewDataClient, AdViewStyleTokensNative } from '../types';\n\ntype AdViewUnitProxyProps = AdViewDataClient & {\n  classNames?: AdViewStyleTokensNative;\n};\n\nfunction AdViewUnitProxy({\n  // assets,\n  fields,\n  url,\n}: AdViewUnitProxyProps) {\n  const iframeSrc = fields?.url || url;\n\n  if (!iframeSrc) {\n    return null;\n  }\n\n  return (\n    <iframe\n      width=\"100%\"\n      height=\"100%\"\n      frameBorder=\"0\"\n      marginWidth={0}\n      marginHeight={0}\n      allowTransparency={true}\n      scrolling=\"no\"\n      allowFullScreen={true}\n      style={{ width: '100%', height: '100%' }}\n      src={iframeSrc}\n    ></iframe>\n  );\n}\n\nexport default AdViewUnitProxy;\n","import { getAssetByName, getPrepareURL, getSrcSetCSSThumbs } from '@adview/core/utils';\nimport React from 'react';\nimport { AdViewDataClient, AdViewStyleTokensNative } from '../types';\n\ntype AdViewUnitBannerProps = AdViewDataClient & {\n  classNames?: AdViewStyleTokensNative;\n};\n\nfunction AdViewUnitBanner({ assets, url }: AdViewUnitBannerProps) {\n  const asset = getAssetByName('main', assets);\n\n  return (\n    <center>\n      <a\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        href={getPrepareURL(url)}\n        className=\"banner\"\n        style={{ fontSize: 0 }}\n      >\n        {asset && (\n          <img\n            alt=\"main\"\n            src={asset.path}\n            srcSet={asset.thumbs ? getSrcSetCSSThumbs(asset.thumbs) : ''}\n          />\n        )}\n      </a>\n    </center>\n  );\n}\n\nexport default AdViewUnitBanner;\n","import {\n  AdViewDataClient,\n  AdViewStyleTokens,\n  AdViewUnitDefault,\n} from '../types';\nimport AdViewUnitNative from './AdViewUnitNative';\nimport AdViewUnitProxy from './AdViewUnitProxy';\nimport AdViewUnitBanner from './AdViewUnitBanner';\nimport React from 'react';\n\ntype AdViewUnitDefaultProps = {\n  data?: AdViewDataClient;\n  classNames?: AdViewStyleTokens;\n  onDefault?: AdViewUnitDefault;\n};\n\nfunction AdViewUnitTypeSwitch({\n  data,\n  classNames,\n  onDefault,\n}: AdViewUnitDefaultProps) {\n  switch (data?.type) {\n    case 'native':\n      return <AdViewUnitNative {...data} classNames={classNames?.native} />;\n    case 'proxy':\n      return <AdViewUnitProxy {...data} classNames={classNames?.proxy} />;\n    case 'banner':\n      return <AdViewUnitBanner {...data} classNames={classNames?.banner} />;\n    default:\n      if (React.isValidElement(onDefault)) {\n        return React.cloneElement(onDefault);\n      }\n\n      if (typeof onDefault === 'function') {\n        return onDefault();\n      }\n\n      return null;\n  }\n}\n\nexport default AdViewUnitTypeSwitch;\n"],"mappings":"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","names":["import_react","import_utils","React","import_react","import_utils","import_react","React","import_react","React","import_utils","import_react","React","import_react","React","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"],"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 (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"],"mappings":"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","names":["import_react","import_utils","React","import_utils","import_react","React","import_react","React","import_react","React","import_utils","import_react","React","customTracker","groupItems","React"]}

package/dist/AdViewUnit/AdViewUnit.server.d.cts

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

package/dist/AdViewUnit/AdViewUnit.server.d.ts

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

package/dist/AdViewUnit/AdViewUnit.server.js

@@ -1,77 +1,75 @@
 'use client';
 
 // src/AdViewUnit/AdViewUnit.server.tsx
-import React7 from "react";
+import React6 from "react";
 import { adViewFetcher, getAdRequestUrl, getResolveConfig } from "@adview/core/utils";
 
-// src/AdViewUnit/AdViewUnitTracking.tsx
-import { executeImpressionsTracking } from "@adview/core/utils";
-import React, { useCallback, useEffect, useMemo, useRef } from "react";
-function AdViewUnitTracking({
-  impressions,
-  views,
-  clicks,
-  children
-}) {
-  const isServer = typeof window === "undefined";
-  const wrapperRef = useRef(null);
-  const executeImpressionsTrackingHandler = useCallback(
-    () => executeImpressionsTracking(impressions),
-    [impressions]
-  );
-  const trackingObserverInstanceHandler = useCallback(
-    (entries) => {
-      entries.forEach((entry) => {
-        if (entry.isIntersecting) {
-          executeImpressionsTracking(views);
-          trackingObserverInstance?.unobserve(wrapperRef.current);
-        }
-      });
+// 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 }
     },
-    [views]
+    asset && /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        alt: "main",
+        src: asset.path,
+        srcSet: asset.thumbs ? getSrcSetCSSThumbs(asset.thumbs) : ""
+      }
+    )
   );
-  const trackingObserverInstance = useMemo(() => {
-    return !isServer ? new IntersectionObserver(trackingObserverInstanceHandler) : null;
-  }, [isServer, trackingObserverInstanceHandler]);
-  const clickTrackerHandler = useCallback(() => {
-    executeImpressionsTracking(clicks);
-    wrapperRef.current?.removeEventListener("click", clickTrackerHandler);
-  }, [clicks]);
-  useEffect(() => {
-    if (wrapperRef.current && trackingObserverInstance) {
-      executeImpressionsTrackingHandler();
-      wrapperRef.current?.addEventListener("click", clickTrackerHandler);
-      trackingObserverInstance?.observe(wrapperRef.current);
-      return () => {
-        wrapperRef.current?.removeEventListener("click", clickTrackerHandler);
-        if (wrapperRef.current)
-          trackingObserverInstance?.unobserve(wrapperRef.current);
-      };
-    }
-    return () => {
-    };
-  }, [
-    trackingObserverInstance,
-    executeImpressionsTrackingHandler,
-    clickTrackerHandler
-  ]);
-  return /* @__PURE__ */ React.createElement("div", { ref: wrapperRef }, children);
 }
-var AdViewUnitTracking_default = AdViewUnitTracking;
-
-// src/AdViewUnit/AdViewUnitWrapper.server.tsx
-import React6 from "react";
+AdViewUnitBannerTemplate.defaults = {
+  type: "banner"
+};
+var AdViewUnitBannerTemplate_default = AdViewUnitBannerTemplate;
 
-// src/AdViewUnit/AdViewUnitNative.tsx
-import { getAssetByName, getPrepareURL, getSrcSetCSSThumbs } from "@adview/core/utils";
+// src/AdViewUnit/AdViewUnitNativeTemplate.tsx
+import { getAssetByName as getAssetByName2, getPrepareURL as getPrepareURL2, getSrcSetCSSThumbs as getSrcSetCSSThumbs2 } from "@adview/core/utils";
 import React2 from "react";
-function AdViewUnitNative({
-  assets,
-  fields,
-  url,
-  classNames
-}) {
-  const asset = getAssetByName("main", assets);
+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;
   }
@@ -80,7 +78,7 @@ function AdViewUnitNative({
     {
       target: "_blank",
       rel: "noopener noreferrer",
-      href: getPrepareURL(url),
+      href: getPrepareURL2(url),
       className: classNames?.imageLink
     },
     asset && /* @__PURE__ */ React2.createElement(
@@ -89,7 +87,7 @@ function AdViewUnitNative({
         alt: fields?.title,
         title: fields?.title,
         src: asset.path,
-        srcSet: asset.thumbs ? getSrcSetCSSThumbs(asset.thumbs) : void 0,
+        srcSet: asset.thumbs ? getSrcSetCSSThumbs2(asset.thumbs) : void 0,
         className: classNames?.image,
         style: { objectFit: "cover", width: "100%", height: "100%" }
       }
@@ -99,7 +97,7 @@ function AdViewUnitNative({
     {
       target: "_blank",
       rel: "noopener noreferrer",
-      href: getPrepareURL(url),
+      href: getPrepareURL2(url),
       "data-class": "titleLink",
       className: classNames?.titleLink
     },
@@ -109,7 +107,7 @@ function AdViewUnitNative({
     {
       target: "_blank",
       rel: "noopener noreferrer",
-      href: getPrepareURL(url),
+      href: getPrepareURL2(url),
       "data-class": "descriptionLink",
       className: classNames?.descriptionLink
     },
@@ -119,7 +117,7 @@ function AdViewUnitNative({
     {
       target: "_blank",
       rel: "noopener noreferrer",
-      href: getPrepareURL(url),
+      href: getPrepareURL2(url),
       "data-class": "brandNameLink",
       className: classNames?.brandNameLink
     },
@@ -129,7 +127,7 @@ function AdViewUnitNative({
     {
       target: "_blank",
       rel: "noopener noreferrer",
-      href: getPrepareURL(url),
+      href: getPrepareURL2(url),
       "data-class": "phoneLink",
       className: classNames?.phoneLink
     },
@@ -139,22 +137,34 @@ function AdViewUnitNative({
     {
       target: "_blank",
       rel: "noopener noreferrer",
-      href: getPrepareURL(url),
+      href: getPrepareURL2(url),
       "data-class": "urlLink",
       className: classNames?.urlLink
     },
     fields?.url
   )));
 }
-var AdViewUnitNative_default = AdViewUnitNative;
+AdViewUnitNativeTemplate.defaults = {
+  type: "native"
+};
+var AdViewUnitNativeTemplate_default = AdViewUnitNativeTemplate;
 
-// src/AdViewUnit/AdViewUnitProxy.tsx
+// src/AdViewUnit/AdViewUnitProxyTemplate.tsx
 import React3 from "react";
-function AdViewUnitProxy({
-  // assets,
-  fields,
-  url
-}) {
+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;
@@ -162,6 +172,7 @@ function AdViewUnitProxy({
   return /* @__PURE__ */ React3.createElement(
     "iframe",
     {
+      className,
       width: "100%",
       height: "100%",
       frameBorder: "0",
@@ -170,115 +181,176 @@ 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;
+AdViewUnitProxyTemplate.defaults = {
+  type: "proxy"
+};
+var AdViewUnitProxyTemplate_default = AdViewUnitProxyTemplate;
 
-// src/AdViewUnit/AdViewUnitBanner.tsx
-import { getAssetByName as getAssetByName2, getPrepareURL as getPrepareURL2, getSrcSetCSSThumbs as getSrcSetCSSThumbs2 } from "@adview/core/utils";
+// src/AdViewUnit/AdViewUnitTemplate.tsx
 import React4 from "react";
-function AdViewUnitBanner({ assets, url }) {
-  const asset = getAssetByName2("main", assets);
-  return /* @__PURE__ */ React4.createElement("center", null, /* @__PURE__ */ React4.createElement(
-    "a",
-    {
-      target: "_blank",
-      rel: "noopener noreferrer",
-      href: getPrepareURL2(url),
-      className: "banner",
-      style: { fontSize: 0 }
-    },
-    asset && /* @__PURE__ */ React4.createElement(
-      "img",
-      {
-        alt: "main",
-        src: asset.path,
-        srcSet: asset.thumbs ? getSrcSetCSSThumbs2(asset.thumbs) : ""
-      }
-    )
-  ));
-}
-var AdViewUnitBanner_default = AdViewUnitBanner;
-
-// src/AdViewUnit/AdViewUnitTypeSwitch.tsx
-import React5 from "react";
-function AdViewUnitTypeSwitch({
-  data,
-  classNames,
-  onDefault
-}) {
-  switch (data?.type) {
-    case "native":
-      return /* @__PURE__ */ React5.createElement(AdViewUnitNative_default, { ...data, classNames: classNames?.native });
-    case "proxy":
-      return /* @__PURE__ */ React5.createElement(AdViewUnitProxy_default, { ...data, classNames: classNames?.proxy });
-    case "banner":
-      return /* @__PURE__ */ React5.createElement(AdViewUnitBanner_default, { ...data, classNames: classNames?.banner });
-    default:
-      if (React5.isValidElement(onDefault)) {
-        return React5.cloneElement(onDefault);
-      }
-      if (typeof onDefault === "function") {
-        return onDefault();
-      }
+var templateFromListRender = (tmpls, data, wrap) => {
+  let renderedRemplates = tmpls.map((tmpl, index) => {
+    let tmp = renderTemplate(tmpl, data);
+    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 && React4.isValidElement(tmp) ? /* @__PURE__ */ React4.createElement(React4.Fragment, { key: index }, !!wrap ? wrap(tmp) : tmp) : null;
+    }).filter((it) => !!it);
+  }
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, renderedRemplates);
+};
+var renderTemplate = (tmpl, data) => {
+  const isFunction = typeof tmpl === "function";
+  const isReactElement = React4.isValidElement(tmpl);
+  if (isReactElement) {
+    let { type, children } = tmpl.props;
+    if (!type && typeof tmpl.type !== "string") {
+      type = tmpl.type?.defaults?.type;
+    }
+    if (data.type !== type) {
       return null;
+    }
+    if (typeof children === "function") {
+      return children(data);
+    }
+    return React4.cloneElement(tmpl, {
+      ...data,
+      children
+    });
   }
-}
-var AdViewUnitTypeSwitch_default = AdViewUnitTypeSwitch;
-
-// src/AdViewUnit/AdViewUnitWrapper.server.tsx
-async function AdViewUnitWrapperServer({
-  data,
-  children,
-  onDefault
-}) {
-  const isChildrenReactNode = React6.isValidElement(children);
-  const isChildrenFunction = typeof children === "function";
-  const isLoadingError = data instanceof Error;
-  if (isChildrenReactNode) {
-    return React6.cloneElement(children, { data, onDefault });
+  if (isFunction) {
+    return tmpl(data);
   }
-  if (isChildrenFunction) {
-    return children({ data, onDefault });
+  return null;
+};
+var renderTemplates = (tmpls, data, listRender) => {
+  return listRender ? listRender(tmpls) : templateFromListRender(tmpls, data);
+};
+var renderAnyTemplates = (tmpls, data, listRender) => {
+  if (!tmpls) {
+    return null;
   }
-  if (!children && !isLoadingError) {
-    return /* @__PURE__ */ React6.createElement(AdViewUnitTypeSwitch_default, { data, onDefault });
+  if (Array.isArray(tmpls)) {
+    return renderTemplates(tmpls, data, listRender);
   }
-  if (React6.isValidElement(onDefault)) {
-    return React6.cloneElement(onDefault);
+  if (typeof tmpls === "function") {
+    return tmpls(data);
   }
-  if (typeof onDefault === "function") {
-    return onDefault();
+  if (React4.isValidElement(tmpls)) {
+    return templateFromListRender([tmpls], data);
   }
   return null;
+};
+
+// src/AdViewUnit/AdViewUnitTracking.tsx
+import { executeImpressionsTracking } from "@adview/core/utils";
+import React5, { useCallback, useEffect, useMemo, useRef } from "react";
+function AdViewUnitTracking({
+  impressions,
+  views,
+  clicks,
+  children
+}) {
+  const isServer = typeof window === "undefined";
+  const wrapperRef = useRef(null);
+  const executeImpressionsTrackingHandler = useCallback(
+    () => executeImpressionsTracking(impressions),
+    [impressions]
+  );
+  const trackingObserverInstanceHandler = useCallback(
+    (entries) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          executeImpressionsTracking(views);
+          trackingObserverInstance?.unobserve(wrapperRef.current);
+        }
+      });
+    },
+    [views]
+  );
+  const trackingObserverInstance = useMemo(() => {
+    return !isServer ? new IntersectionObserver(trackingObserverInstanceHandler) : null;
+  }, [isServer, trackingObserverInstanceHandler]);
+  const clickTrackerHandler = useCallback(() => {
+    executeImpressionsTracking(clicks);
+    wrapperRef.current?.removeEventListener("click", clickTrackerHandler);
+  }, [clicks]);
+  useEffect(() => {
+    if (wrapperRef.current && trackingObserverInstance) {
+      executeImpressionsTrackingHandler();
+      wrapperRef.current?.addEventListener("click", clickTrackerHandler);
+      trackingObserverInstance?.observe(wrapperRef.current);
+      return () => {
+        wrapperRef.current?.removeEventListener("click", clickTrackerHandler);
+        if (wrapperRef.current)
+          trackingObserverInstance?.unobserve(wrapperRef.current);
+      };
+    }
+    return () => {
+    };
+  }, [
+    trackingObserverInstance,
+    executeImpressionsTrackingHandler,
+    clickTrackerHandler
+  ]);
+  return /* @__PURE__ */ React5.createElement("div", { ref: wrapperRef }, children);
 }
-var AdViewUnitWrapper_server_default = AdViewUnitWrapperServer;
+var AdViewUnitTracking_default = AdViewUnitTracking;
 
 // src/AdViewUnit/AdViewUnit.server.tsx
 async function AdViewUnitServer({
   unitId,
   format,
   children,
-  onDefault = () => null,
   ...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;
+  const state = {
+    isLoading: true,
+    isComplete: true,
+    isInitial: false,
+    isError: isLoadingError
+  };
+  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__ */ React6.createElement(AdViewUnitBannerTemplate_default, null),
+      /* @__PURE__ */ React6.createElement(AdViewUnitNativeTemplate_default, null),
+      /* @__PURE__ */ React6.createElement(AdViewUnitProxyTemplate_default, null)
+    ];
+  }
   if (groupItems && groupItems.length) {
     return groupItems.map(({ tracker, ...data }) => {
-      return /* @__PURE__ */ React7.createElement(AdViewUnitTracking_default, { key: data.id, ...tracker }, /* @__PURE__ */ React7.createElement(AdViewUnitWrapper_server_default, { data, onDefault }, children));
+      return /* @__PURE__ */ React6.createElement(AdViewUnitTracking_default, { key: data.id, ...tracker }, renderAnyTemplates(children, { data, type: data.type || "default", error, state }));
     });
   }
-  return /* @__PURE__ */ React7.createElement(AdViewUnitTracking_default, { ...customTracker }, /* @__PURE__ */ React7.createElement(AdViewUnitWrapper_server_default, { data: error, onDefault }, children));
+  return /* @__PURE__ */ React6.createElement(AdViewUnitTracking_default, { ...customTracker }, renderAnyTemplates(children, { data: null, type: "default", error, state }));
 }
 var AdViewUnit_server_default = AdViewUnitServer;
 export {