@adview/react 1.0.13 → 1.0.15

package/dist/AdViewUnit/AdViewUnit.server.js.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":";AAAA,OAAOA,YAAW;AAGlB,SAAS,eAAe,iBAAiB,wBAAwB;;;ACDjE,SAAS,kCAAkC;AAC3C,OAAO,SAAS,aAAa,WAAW,SAAS,cAAc;AAS/D,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,WAAW,OAAO,WAAW;AACnC,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,oCAAoC;AAAA,IACxC,MAAM,2BAA2B,WAAW;AAAA,IAC5C,CAAC,WAAW;AAAA,EACd;AACA,QAAM,kCAAkC;AAAA,IACtC,CAAC,YAAyC;AACxC,cAAQ,QAAQ,WAAS;AACvB,YAAI,MAAM,gBAAgB;AACxB,qCAA2B,KAAK;AAChC,oCAA0B,UAAU,WAAW,OAAQ;AAAA,QACzD;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AACA,QAAM,2BAA2B,QAAqC,MAAM;AAC1E,WAAO,CAAC,WACJ,IAAI,qBAAqB,+BAA+B,IACxD;AAAA,EACN,GAAG,CAAC,UAAU,+BAA+B,CAAC;AAC9C,QAAM,sBAAsB,YAAY,MAAM;AAC5C,+BAA2B,MAAM;AAEjC,eAAW,SAAS,oBAAoB,SAAS,mBAAmB;AAAA,EACtE,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;AACd,QAAI,WAAW,WAAW,0BAA0B;AAClD,wCAAkC;AAClC,iBAAW,SAAS,iBAAiB,SAAS,mBAAmB;AACjE,gCAA0B,QAAQ,WAAW,OAAO;AAEpD,aAAO,MAAM;AACX,mBAAW,SAAS,oBAAoB,SAAS,mBAAmB;AACpE,YAAI,WAAW;AACb,oCAA0B,UAAU,WAAW,OAAO;AAAA,MAC1D;AAAA,IACF;AAEA,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,oCAAC,SAAI,KAAK,cAAa,QAAS;AACzC;AAEA,IAAO,6BAAQ;;;ACrEf,OAAOC,YAAW;;;ACAlB,SAAS,gBAAgB,eAAe,0BAA0B;AAClE,OAAOC,YAAW;AAOlB,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,QAAQ,eAAe,QAAQ,MAAM;AAE3C,MAAI,CAAC,KAAK;AACR,WAAO;AAAA,EACT;AAEA,SACE,gBAAAA,OAAA,cAAC,SAAI,WAAW,YAAY,aAC1B,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,GAAG;AAAA,MACvB,WAAW,YAAY;AAAA;AAAA,IAEtB,SACC,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,QAAQ;AAAA,QACb,OAAO,QAAQ;AAAA,QACf,KAAK,MAAM;AAAA,QACX,QAAQ,MAAM,SAAS,mBAAmB,MAAM,MAAM,IAAI;AAAA,QAC1D,WAAW,YAAY;AAAA,QACvB,OAAO,EAAE,WAAW,SAAS,OAAO,QAAQ,QAAQ,OAAO;AAAA;AAAA,IAC7D;AAAA,EAEJ,GACA,gBAAAA,OAAA,cAAC,SAAI,WAAW,YAAY,SACzB,QAAQ,SACP,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,eACP,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,aACP,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,SACP,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,OACP,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,QAAQ;AAAA,EACX,CAEJ,CACF;AAEJ;AAEA,IAAO,2BAAQ;;;ACpGf,OAAOC,YAAW;AAOlB,SAAS,gBAAgB;AAAA;AAAA,EAEvB;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,YAAY,QAAQ,OAAO;AAEjC,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,SACE,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,aAAa;AAAA,MACb,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,WAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,MACvC,KAAK;AAAA;AAAA,EACN;AAEL;AAEA,IAAO,0BAAQ;;;AClCf,SAAS,kBAAAC,iBAAgB,iBAAAC,gBAAe,sBAAAC,2BAA0B;AAClE,OAAOC,YAAW;AAOlB,SAAS,iBAAiB,EAAE,QAAQ,IAAI,GAA0B;AAChE,QAAM,QAAQH,gBAAe,QAAQ,MAAM;AAE3C,SACE,gBAAAG,OAAA,cAAC,gBACC,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAMF,eAAc,GAAG;AAAA,MACvB,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,EAAE;AAAA;AAAA,IAEpB,SACC,gBAAAE,OAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAK,MAAM;AAAA,QACX,QAAQ,MAAM,SAASD,oBAAmB,MAAM,MAAM,IAAI;AAAA;AAAA,IAC5D;AAAA,EAEJ,CACF;AAEJ;AAEA,IAAO,2BAAQ;;;ACxBf,OAAOE,YAAW;AAQlB,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,UAAQ,MAAM,MAAM;AAAA,IAClB,KAAK;AACH,aAAO,gBAAAA,OAAA,cAAC,4BAAkB,GAAG,MAAM,YAAY,YAAY,QAAQ;AAAA,IACrE,KAAK;AACH,aAAO,gBAAAA,OAAA,cAAC,2BAAiB,GAAG,MAAM,YAAY,YAAY,OAAO;AAAA,IACnE,KAAK;AACH,aAAO,gBAAAA,OAAA,cAAC,4BAAkB,GAAG,MAAM,YAAY,YAAY,QAAQ;AAAA,IACrE;AACE,UAAIA,OAAM,eAAe,SAAS,GAAG;AACnC,eAAOA,OAAM,aAAa,SAAS;AAAA,MACrC;AAEA,UAAI,OAAO,cAAc,YAAY;AACnC,eAAO,UAAU;AAAA,MACnB;AAEA,aAAO;AAAA,EACX;AACF;AAEA,IAAO,+BAAQ;;;AJ3Bf,eAAe,wBAAwB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,sBAAsBC,OAAM,eAAe,QAAQ;AACzD,QAAM,qBAAqB,OAAO,aAAa;AAC/C,QAAM,iBAAiB,gBAAgB;AAEvC,MAAI,qBAAqB;AACvB,WAAOA,OAAM,aAAa,UAAU,EAAE,MAAM,UAAU,CAAC;AAAA,EACzD;AAEA,MAAI,oBAAoB;AACtB,WAAO,SAAS,EAAE,MAAM,UAAU,CAAC;AAAA,EACrC;AAEA,MAAI,CAAC,YAAY,CAAC,gBAAgB;AAChC,WAAO,gBAAAA,OAAA,cAAC,gCAAqB,MAAY,WAAsB;AAAA,EACjE;AAEA,MAAIA,OAAM,eAAe,SAAS,GAAG;AACnC,WAAOA,OAAM,aAAa,SAAS;AAAA,EACrC;AAEA,MAAI,OAAO,cAAc,YAAY;AACnC,WAAO,UAAU;AAAA,EACnB;AAEA,SAAO;AACT;AAEA,IAAO,mCAAQ;;;AFlCf,eAAe,iBAAiB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,MAAM;AAAA,EAClB,GAAG;AACL,GAA0B;AACxB,QAAM,aAAa,iBAAiB,MAAM;AAC1C,QAAM,aAAa,gBAAgB,YAAY,QAAQ,MAAM;AAC7D,QAAM,WAAW,MAAM,cAAc,UAAU;AAC/C,QAAM,iBAAiB,oBAAoB;AAC3C,QAAM,QAAQ,iBAAiB,WAAW;AAC1C,QAAM,gBACJ,oBAAoB,QAAQ,OAAO,UAAU,SAAS,CAAC;AACzD,QAAM,gBAAgB,eAAe,kBAAkB,CAAC;AACxD,QAAM,aAAa,eAAe;AAElC,MAAI,cAAc,WAAW,QAAQ;AACnC,WAAO,WAAW,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,MAAuB;AAC/D,aACE,gBAAAC,OAAA,cAAC,8BAAmB,KAAK,KAAK,IAAK,GAAG,WACpC,gBAAAA,OAAA,cAAC,oCAAwB,MAAY,aAClC,QACH,CACF;AAAA,IAEJ,CAAC;AAAA,EACH;AAEA,SACE,gBAAAA,OAAA,cAAC,8BAAoB,GAAG,iBACtB,gBAAAA,OAAA,cAAC,oCAAwB,MAAM,OAAO,aACnC,QACH,CACF;AAEJ;AAEA,IAAO,4BAAQ;","names":["React","React","React","React","getAssetByName","getPrepareURL","getSrcSetCSSThumbs","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":";AAAA,OAAOA,YAAW;AAIlB,SAAS,eAAe,iBAAiB,wBAAwB;;;ACJjE,SAAS,gBAAgB,eAAe,0BAA0B;AAClE,OAAO,WAAW;;;ACCX,IAAM,qBAAqB,CAAC,aAA2B,UAAwB;AACpF,SAAO,CAAC,gBACL,YAAY,cAAc,UAAa,YAAY,cAAc,OAAO,eACxE,YAAY,cAAc,UAAa,YAAY,cAAc,OAAO,eACxE,YAAY,YAAY,UAAa,YAAY,YAAY,OAAO,aACpE,YAAY,eAAe,UAAa,YAAY,eAAe,OAAO;AAE/E;;;ADEA,SAAS,yBAAyB,EAAC,YAAU,UAAU,OAAO,MAAM,OAAO,GAAG,MAAK,GAAkC;AACnH,QAAM,cACH,OAAO,aAAa,OAAO,aAAa,OAAO,WAAW,OAAO,aAAc;AAAA,IAC9E,WAAW,OAAO;AAAA,IAClB,WAAW,OAAO;AAAA,IAClB,SAAS,OAAO;AAAA,IAChB,YAAY,OAAO;AAAA,EACrB,IAAI,EAAC,YAAY,KAAI;AAEvB,MAAI,CAAC,QAAQ,CAAC,KAAK,UAAU,CAAC,KAAK,OAAO,QAAQ;AAChD,WAAO;AAAA,EACT;AAGA,MAAI,CAAC,mBAAmB,aAAa,KAAK,GAAG;AAC3C,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,eAAe,QAAQ,KAAK,MAAM;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,KAAK,GAAG;AAAA,MAC5B;AAAA,MACA,OAAO,EAAE,UAAU,GAAG,GAAG,MAAM;AAAA;AAAA,IAE9B,SACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAK,MAAM;AAAA,QACX,QAAQ,MAAM,SAAS,mBAAmB,MAAM,MAAM,IAAI;AAAA;AAAA,IAC5D;AAAA,EAEJ;AAEJ;AAEA,yBAAyB,WAAW;AAAA,EAClC,MAAM;AACR;AAEA,IAAO,mCAAQ;;;AEtDf,SAAS,kBAAAC,iBAAgB,iBAAAC,gBAAe,sBAAAC,2BAA0B;AAClE,OAAOC,YAAW;AASlB,SAAS,yBAAyB,EAAC,YAAY,MAAM,OAAO,GAAG,MAAK,GAAkC;AACpG,MAAI,CAAC,QAAQ,CAAC,KAAK,UAAU,CAAC,KAAK,OAAO,QAAQ;AAChD,WAAO;AAAA,EACT;AAEA,QAAM,cACH,OAAO,aAAa,OAAO,aAAa,OAAO,WAAW,OAAO,aAAc;AAAA,IAC9E,WAAW,OAAO;AAAA,IAClB,WAAW,OAAO;AAAA,IAClB,SAAS,OAAO;AAAA,IAChB,YAAY,OAAO;AAAA,EACrB,IAAI,EAAC,YAAY,KAAI;AAGvB,MAAI,CAAC,mBAAmB,aAAa,KAAK,GAAG;AAC3C,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,QAAQ,KAAK,OAAO,IAAI;AAChC,QAAM,QAAQC,gBAAe,QAAQ,MAAM;AAE3C,MAAI,CAAC,KAAK;AACR,WAAO;AAAA,EACT;AAEA,SACE,gBAAAC,OAAA,cAAC,SAAI,WAAW,YAAY,aAC1B,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAMC,eAAc,GAAG;AAAA,MACvB,WAAW,YAAY;AAAA;AAAA,IAEtB,SACC,gBAAAD,OAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,QAAQ;AAAA,QACb,OAAO,QAAQ;AAAA,QACf,KAAK,MAAM;AAAA,QACX,QAAQ,MAAM,SAASE,oBAAmB,MAAM,MAAM,IAAI;AAAA,QAC1D,WAAW,YAAY;AAAA,QACvB,OAAO,EAAE,WAAW,SAAS,OAAO,QAAQ,QAAQ,OAAO;AAAA;AAAA,IAC7D;AAAA,EAEJ,GACA,gBAAAF,OAAA,cAAC,SAAI,WAAW,YAAY,SACzB,QAAQ,SACP,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAMC,eAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,eACP,gBAAAD,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAMC,eAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,aACP,gBAAAD,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAMC,eAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,SACP,gBAAAD,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAMC,eAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,OACP,gBAAAD,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAMC,eAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,QAAQ;AAAA,EACX,CAEJ,CACF;AAEJ;AAEA,yBAAyB,WAAW;AAAA,EAClC,MAAM;AACR;AAEA,IAAO,mCAAQ;;;ACvHf,OAAOE,YAAW;AAUlB,SAAS,wBAAwB,EAAC,WAAW,OAAO,MAAM,OAAO,GAAG,MAAK,GAAiC;AACxG,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,QAAM,cACH,OAAO,aAAa,OAAO,aAAa,OAAO,WAAW,OAAO,aAAc;AAAA,IAC9E,WAAW,OAAO;AAAA,IAClB,WAAW,OAAO;AAAA,IAClB,SAAS,OAAO;AAAA,IAChB,YAAY,OAAO;AAAA,EACrB,IAAI,EAAC,YAAY,KAAI;AAGvB,MAAI,CAAC,mBAAmB,aAAa,KAAK,GAAG;AAC3C,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,KAAK,OAAO,IAAI;AACxB,QAAM,YAAY,QAAQ,OAAO;AAEjC,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,SACE,gBAAAC,OAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,aAAa;AAAA,MACb,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,WAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,GAAG,MAAM;AAAA,MACjE,KAAK;AAAA;AAAA,EACN;AAEL;AAEA,wBAAwB,WAAW;AAAA,EACjC,MAAM;AACR;AAEA,IAAO,kCAAQ;;;AC/Cf,OAAOC,YAAoB;AAepB,IAAM,yBAAyB,CAAC,OAA0B,MAAmC,SAA4F;AAC9L,MAAI,oBAAoB,MAAM,IAAI,CAAC,MAAM,UAAU;AACjD,QAAI,MAAM,eAAe,MAAM,IAAI;AACnC,WAAO,CAAC,CAAC,OAAOC,OAAM,eAAe,GAAG,IACpC,gBAAAA,OAAA,cAACA,OAAM,UAAN,EAAe,KAAK,SAAQ,CAAC,CAAC,OAAO,KAAK,GAAG,IAAI,GAAI,IACtD;AAAA,EACN,CAAC,EAAE,OAAO,QAAM,CAAC,CAAC,EAAE;AAEpB,MAAI,CAAC,kBAAkB,QAAQ;AAC7B,wBAAoB,MAAM,IAAI,CAAC,MAAM,UAAU;AAC7C,UAAI,MAAM,eAAe,MAAM,EAAC,GAAG,MAAM,MAAM,UAAS,CAAC;AACzD,aAAO,CAAC,CAAC,OAAOA,OAAM,eAAe,GAAG,IACpC,gBAAAA,OAAA,cAACA,OAAM,UAAN,EAAe,KAAK,SAAQ,CAAC,CAAC,OAAO,KAAK,GAAG,IAAI,GAAI,IACtD;AAAA,IACN,CAAC,EAAE,OAAO,QAAM,CAAC,CAAC,EAAE;AAAA,EACtB;AAEA,SAAQ,gBAAAA,OAAA,cAAAA,OAAA,gBAAG,iBAAkB;AAC/B;AAGO,IAAM,iBAAiB,CAAC,MAA8C,SAAuD;AAClI,QAAM,aAAa,OAAO,SAAS;AACnC,QAAM,iBAAiBA,OAAM,eAAe,IAAI;AAEhD,MAAI,gBAAgB;AAElB,QAAI,EAAE,MAAM,SAAS,IAAI,KAAK;AAC9B,QAAI,CAAC,QAAQ,OAAO,KAAK,SAAS,UAAU;AAC1C,aAAQ,KAAK,MAAc,UAAU;AAAA,IACvC;AAEA,QAAI,KAAK,SAAS,MAAM;AACtB,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,aAAa,YAAY;AAClC,aAAO,SAAS,IAAqC;AAAA,IACvD;AAEA,WAAOA,OAAM,aAAc,MAA0B;AAAA,MACnD,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,MAAI,YAAY;AACd,WAAO,KAAK,IAAI;AAAA,EAClB;AAEA,SAAO;AACT;AAGO,IAAM,kBAAkB,CAAC,OAA0B,MAAmC,eAAwF;AACnL,SAAO,aAAa,WAAW,KAAK,IAAI,uBAAuB,OAAO,IAAI;AAC5E;AAEO,IAAM,qBAAqB,CAAC,OAAY,MAAmC,eAA+F;AAC/K,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,gBAAgB,OAA4B,MAAM,UAAU;AAAA,EACrE;AAEA,MAAI,OAAO,UAAU,YAAY;AAC/B,WAAO,MAAM,IAAI;AAAA,EACnB;AAEA,MAAIA,OAAM,eAAe,KAAK,GAAG;AAC/B,WAAO,uBAAuB,CAAC,KAAwB,GAAG,IAAI;AAAA,EAChE;AAEA,SAAO;AACT;;;AClGA,SAAS,kCAAkC;AAC3C,OAAOC,UAAS,aAAa,WAAW,SAAS,cAAc;AAS/D,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,WAAW,OAAO,WAAW;AACnC,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,oCAAoC;AAAA,IACxC,MAAM,2BAA2B,WAAW;AAAA,IAC5C,CAAC,WAAW;AAAA,EACd;AACA,QAAM,kCAAkC;AAAA,IACtC,CAAC,YAAyC;AACxC,cAAQ,QAAQ,WAAS;AACvB,YAAI,MAAM,gBAAgB;AACxB,qCAA2B,KAAK;AAChC,oCAA0B,UAAU,WAAW,OAAQ;AAAA,QACzD;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AACA,QAAM,2BAA2B,QAAqC,MAAM;AAC1E,WAAO,CAAC,WACJ,IAAI,qBAAqB,+BAA+B,IACxD;AAAA,EACN,GAAG,CAAC,UAAU,+BAA+B,CAAC;AAC9C,QAAM,sBAAsB,YAAY,MAAM;AAC5C,+BAA2B,MAAM;AAEjC,eAAW,SAAS,oBAAoB,SAAS,mBAAmB;AAAA,EACtE,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;AACd,QAAI,WAAW,WAAW,0BAA0B;AAClD,wCAAkC;AAClC,iBAAW,SAAS,iBAAiB,SAAS,mBAAmB;AACjE,gCAA0B,QAAQ,WAAW,OAAO;AAEpD,aAAO,MAAM;AACX,mBAAW,SAAS,oBAAoB,SAAS,mBAAmB;AACpE,YAAI,WAAW;AACb,oCAA0B,UAAU,WAAW,OAAO;AAAA,MAC1D;AAAA,IACF;AAEA,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,gBAAAA,OAAA,cAAC,SAAI,KAAK,cAAa,QAAS;AACzC;AAEA,IAAO,6BAAQ;;;ANrDf,eAAe,iBAAiB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,cAAc,CAAC,MAAc;AACjC,QAAI,CAAC,QAAQ;AAAE,aAAO;AAAA,IAAM;AAC5B,WAAO,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,CAAC,IAAI,MAAM;AAAA,EAC5D;AAEA,QAAM,aAAa,iBAAiB,MAAM;AAC1C,QAAM,aAAa,gBAAgB,YAAY,QAAQ,MAAM;AAC7D,QAAM,WAAW,MAAM,cAAc,UAAU;AAC/C,QAAM,iBAAiB,oBAAoB;AAC3C,QAAM,QAAQ,iBAAiB,WAAW;AAC1C,QAAM,QAAQ;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AAEA,QAAM,EAAE,eAAe,GAAG,eAAe,WAAW,IAAI,QAAQ,EAAC,eAAe,MAAM,eAAe,CAAC,GAAG,YAAY,CAAC,EAAC,KAAK,MAAM;AAChI,aAAS,iBAAkB,UAAyB,UAAU,CAAC,GAAG;AAChE,YAAMC,iBAAgB,eAAe,kBAAkB,CAAC;AACxD,YAAMC,cAAa,eAAe,MAAM,IAAI,QAAM,YAAY,GAAG,IAAI,IAAI,KAAK,IAAI,EAChF,OAAO,OAAO;AAChB,UAAIA,eAAcA,YAAW,SAAS,GAAG;AACvC,eAAO,EAAC,eAAe,eAAAD,gBAAe,YAAAC,YAAU;AAAA,MAClD;AAAA,IACF;AACA,WAAO,EAAC,eAAe,MAAM,eAAe,CAAC,GAAG,YAAY,CAAC,EAAC;AAAA,EAChE,GAAG;AAEH,MAAI,CAAC,UAAU;AACb,eAAW;AAAA,MACT,gBAAAC,OAAA,cAAC,sCAAyB;AAAA,MAC1B,gBAAAA,OAAA,cAAC,sCAAyB;AAAA,MAC1B,gBAAAA,OAAA,cAAC,qCAAwB;AAAA,IAC3B;AAAA,EACF;AAEA,MAAI,cAAc,WAAW,QAAQ;AACnC,WAAO,WAAW,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,MAAuB;AAC/D,aACE,gBAAAA,OAAA,cAAC,8BAAmB,KAAK,KAAK,IAAK,GAAG,WACnC,mBAAmB,UAAU,EAAC,MAAM,MAAM,KAAK,QAAQ,WAAW,OAAO,MAAY,CAAC,CACzF;AAAA,IAEJ,CAAC;AAAA,EACH;AAEA,SACE,gBAAAA,OAAA,cAAC,8BAAoB,GAAG,iBACrB,mBAAmB,UAAU,EAAC,MAAM,MAAM,MAAM,WAAW,OAAO,MAAY,CAAC,CAClF;AAEJ;AAEA,IAAO,4BAAQ;","names":["React","getAssetByName","getPrepareURL","getSrcSetCSSThumbs","React","getAssetByName","React","getPrepareURL","getSrcSetCSSThumbs","React","React","React","React","React","customTracker","groupItems","React"]}

package/dist/AdViewUnit/{AdViewUnitBanner.cjs → AdViewUnitBannerTemplate.cjs}

@@ -27,24 +27,43 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/AdViewUnit/AdViewUnitBanner.tsx
-var AdViewUnitBanner_exports = {};
-__export(AdViewUnitBanner_exports, {
-  default: () => AdViewUnitBanner_default
+// src/AdViewUnit/AdViewUnitBannerTemplate.tsx
+var AdViewUnitBannerTemplate_exports = {};
+__export(AdViewUnitBannerTemplate_exports, {
+  default: () => AdViewUnitBannerTemplate_default
 });
-module.exports = __toCommonJS(AdViewUnitBanner_exports);
+module.exports = __toCommonJS(AdViewUnitBannerTemplate_exports);
 var import_utils = require("@adview/core/utils");
 var import_react = __toESM(require("react"), 1);
-function AdViewUnitBanner({ assets, url }) {
-  const asset = (0, import_utils.getAssetByName)("main", assets);
-  return /* @__PURE__ */ import_react.default.createElement("center", null, /* @__PURE__ */ import_react.default.createElement(
+
+// src/AdViewUnit/utils.ts
+var matchExpectedState = (expectState, state) => {
+  return !expectState || (expectState.isInitial === void 0 || expectState.isInitial === state?.isInitial) && (expectState.isLoading === void 0 || expectState.isLoading === state?.isLoading) && (expectState.isError === void 0 || expectState.isError === state?.isError) && (expectState.isComplete === void 0 || expectState.isComplete === state?.isComplete);
+};
+
+// src/AdViewUnit/AdViewUnitBannerTemplate.tsx
+function AdViewUnitBannerTemplate({ className = "banner", style, data, state, ...props }) {
+  const expectState = props?.isInitial || props?.isLoading || props?.isError || props?.isComplete ? {
+    isInitial: props?.isInitial,
+    isLoading: props?.isLoading,
+    isError: props?.isError,
+    isComplete: props?.isComplete
+  } : { isComplete: true };
+  if (!data || !data.assets || !data.assets.length) {
+    return null;
+  }
+  if (!matchExpectedState(expectState, state)) {
+    return null;
+  }
+  const asset = (0, import_utils.getAssetByName)("main", data.assets);
+  return /* @__PURE__ */ import_react.default.createElement(
     "a",
     {
       target: "_blank",
       rel: "noopener noreferrer",
-      href: (0, import_utils.getPrepareURL)(url),
-      className: "banner",
-      style: { fontSize: 0 }
+      href: (0, import_utils.getPrepareURL)(data.url),
+      className,
+      style: { fontSize: 0, ...style }
     },
     asset && /* @__PURE__ */ import_react.default.createElement(
       "img",
@@ -54,7 +73,10 @@ function AdViewUnitBanner({ assets, url }) {
         srcSet: asset.thumbs ? (0, import_utils.getSrcSetCSSThumbs)(asset.thumbs) : ""
       }
     )
-  ));
+  );
 }
-var AdViewUnitBanner_default = AdViewUnitBanner;
-//# sourceMappingURL=AdViewUnitBanner.cjs.map
+AdViewUnitBannerTemplate.defaults = {
+  type: "banner"
+};
+var AdViewUnitBannerTemplate_default = AdViewUnitBannerTemplate;
+//# sourceMappingURL=AdViewUnitBannerTemplate.cjs.map

package/dist/AdViewUnit/AdViewUnitBannerTemplate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AdViewUnit/AdViewUnitBannerTemplate.tsx","../../src/AdViewUnit/utils.ts"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkE;AAClE,mBAAkB;;;ACCX,IAAM,qBAAqB,CAAC,aAA2B,UAAwB;AACpF,SAAO,CAAC,gBACL,YAAY,cAAc,UAAa,YAAY,cAAc,OAAO,eACxE,YAAY,cAAc,UAAa,YAAY,cAAc,OAAO,eACxE,YAAY,YAAY,UAAa,YAAY,YAAY,OAAO,aACpE,YAAY,eAAe,UAAa,YAAY,eAAe,OAAO;AAE/E;;;ADEA,SAAS,yBAAyB,EAAC,YAAU,UAAU,OAAO,MAAM,OAAO,GAAG,MAAK,GAAkC;AACnH,QAAM,cACH,OAAO,aAAa,OAAO,aAAa,OAAO,WAAW,OAAO,aAAc;AAAA,IAC9E,WAAW,OAAO;AAAA,IAClB,WAAW,OAAO;AAAA,IAClB,SAAS,OAAO;AAAA,IAChB,YAAY,OAAO;AAAA,EACrB,IAAI,EAAC,YAAY,KAAI;AAEvB,MAAI,CAAC,QAAQ,CAAC,KAAK,UAAU,CAAC,KAAK,OAAO,QAAQ;AAChD,WAAO;AAAA,EACT;AAGA,MAAI,CAAC,mBAAmB,aAAa,KAAK,GAAG;AAC3C,WAAO;AAAA,EACT;AAEA,QAAM,YAAQ,6BAAe,QAAQ,KAAK,MAAM;AAEhD,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,UAAM,4BAAc,KAAK,GAAG;AAAA,MAC5B;AAAA,MACA,OAAO,EAAE,UAAU,GAAG,GAAG,MAAM;AAAA;AAAA,IAE9B,SACC,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAK,MAAM;AAAA,QACX,QAAQ,MAAM,aAAS,iCAAmB,MAAM,MAAM,IAAI;AAAA;AAAA,IAC5D;AAAA,EAEJ;AAEJ;AAEA,yBAAyB,WAAW;AAAA,EAClC,MAAM;AACR;AAEA,IAAO,mCAAQ;","names":["React"]}

package/dist/AdViewUnit/AdViewUnitBannerTemplate.d.cts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { b as AdViewUnitTemplateTypeProps } from '../types-DHjNgnRW.cjs';
+import '@adview/core/typings';
+
+type AdViewUnitBannerTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {
+    type?: 'banner';
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare function AdViewUnitBannerTemplate({ className, style, data, state, ...props }: AdViewUnitBannerTemplateProps): React.JSX.Element | null;
+declare namespace AdViewUnitBannerTemplate {
+    var defaults: {
+        type: string;
+    };
+}
+
+export { AdViewUnitBannerTemplate as default };

package/dist/AdViewUnit/AdViewUnitBannerTemplate.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { b as AdViewUnitTemplateTypeProps } from '../types-DHjNgnRW.js';
+import '@adview/core/typings';
+
+type AdViewUnitBannerTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {
+    type?: 'banner';
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare function AdViewUnitBannerTemplate({ className, style, data, state, ...props }: AdViewUnitBannerTemplateProps): React.JSX.Element | null;
+declare namespace AdViewUnitBannerTemplate {
+    var defaults: {
+        type: string;
+    };
+}
+
+export { AdViewUnitBannerTemplate as default };

package/dist/AdViewUnit/AdViewUnitBannerTemplate.js

@@ -0,0 +1,51 @@
+// 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;
+export {
+  AdViewUnitBannerTemplate_default as default
+};
+//# sourceMappingURL=AdViewUnitBannerTemplate.js.map

package/dist/AdViewUnit/AdViewUnitBannerTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AdViewUnit/AdViewUnitBannerTemplate.tsx","../../src/AdViewUnit/utils.ts"],"sourcesContent":["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"],"mappings":";AAAA,SAAS,gBAAgB,eAAe,0BAA0B;AAClE,OAAO,WAAW;;;ACCX,IAAM,qBAAqB,CAAC,aAA2B,UAAwB;AACpF,SAAO,CAAC,gBACL,YAAY,cAAc,UAAa,YAAY,cAAc,OAAO,eACxE,YAAY,cAAc,UAAa,YAAY,cAAc,OAAO,eACxE,YAAY,YAAY,UAAa,YAAY,YAAY,OAAO,aACpE,YAAY,eAAe,UAAa,YAAY,eAAe,OAAO;AAE/E;;;ADEA,SAAS,yBAAyB,EAAC,YAAU,UAAU,OAAO,MAAM,OAAO,GAAG,MAAK,GAAkC;AACnH,QAAM,cACH,OAAO,aAAa,OAAO,aAAa,OAAO,WAAW,OAAO,aAAc;AAAA,IAC9E,WAAW,OAAO;AAAA,IAClB,WAAW,OAAO;AAAA,IAClB,SAAS,OAAO;AAAA,IAChB,YAAY,OAAO;AAAA,EACrB,IAAI,EAAC,YAAY,KAAI;AAEvB,MAAI,CAAC,QAAQ,CAAC,KAAK,UAAU,CAAC,KAAK,OAAO,QAAQ;AAChD,WAAO;AAAA,EACT;AAGA,MAAI,CAAC,mBAAmB,aAAa,KAAK,GAAG;AAC3C,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,eAAe,QAAQ,KAAK,MAAM;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,KAAK,GAAG;AAAA,MAC5B;AAAA,MACA,OAAO,EAAE,UAAU,GAAG,GAAG,MAAM;AAAA;AAAA,IAE9B,SACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAK,MAAM;AAAA,QACX,QAAQ,MAAM,SAAS,mBAAmB,MAAM,MAAM,IAAI;AAAA;AAAA,IAC5D;AAAA,EAEJ;AAEJ;AAEA,yBAAyB,WAAW;AAAA,EAClC,MAAM;AACR;AAEA,IAAO,mCAAQ;","names":[]}

package/dist/AdViewUnit/AdViewUnitDefaultTemplate.cjs

@@ -0,0 +1,66 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/AdViewUnit/AdViewUnitDefaultTemplate.tsx
+var AdViewUnitDefaultTemplate_exports = {};
+__export(AdViewUnitDefaultTemplate_exports, {
+  default: () => AdViewUnitDefaultTemplate_default
+});
+module.exports = __toCommonJS(AdViewUnitDefaultTemplate_exports);
+var import_react = __toESM(require("react"), 1);
+
+// src/AdViewUnit/utils.ts
+var matchExpectedState = (expectState, state) => {
+  return !expectState || (expectState.isInitial === void 0 || expectState.isInitial === state?.isInitial) && (expectState.isLoading === void 0 || expectState.isLoading === state?.isLoading) && (expectState.isError === void 0 || expectState.isError === state?.isError) && (expectState.isComplete === void 0 || expectState.isComplete === state?.isComplete);
+};
+
+// src/AdViewUnit/AdViewUnitDefaultTemplate.tsx
+function AdViewUnitDefaultTemplate({ type = "default", data, state, children, ...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;
+  }
+  if (typeof children === "function") {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children({ data, state, ...props }));
+  }
+  return children ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children) : /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "1rem", textAlign: "center", color: "#666" } }, /* @__PURE__ */ import_react.default.createElement("p", null, "\u{1F504} Default content for ad unit"), /* @__PURE__ */ import_react.default.createElement("p", null, "Data: ", JSON.stringify(data)), /* @__PURE__ */ import_react.default.createElement("p", null, "State: ", JSON.stringify(state)));
+}
+AdViewUnitDefaultTemplate.defaults = {
+  type: "default"
+};
+var AdViewUnitDefaultTemplate_default = AdViewUnitDefaultTemplate;
+//# sourceMappingURL=AdViewUnitDefaultTemplate.cjs.map

package/dist/AdViewUnit/AdViewUnitDefaultTemplate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AdViewUnit/AdViewUnitDefaultTemplate.tsx","../../src/AdViewUnit/utils.ts"],"sourcesContent":["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","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;;;ACEX,IAAM,qBAAqB,CAAC,aAA2B,UAAwB;AACpF,SAAO,CAAC,gBACL,YAAY,cAAc,UAAa,YAAY,cAAc,OAAO,eACxE,YAAY,cAAc,UAAa,YAAY,cAAc,OAAO,eACxE,YAAY,YAAY,UAAa,YAAY,YAAY,OAAO,aACpE,YAAY,eAAe,UAAa,YAAY,eAAe,OAAO;AAE/E;;;ADAA,SAAS,0BAA0B,EAAE,OAAK,WAAW,MAAM,OAAO,UAAU,GAAG,MAAM,GAAmC;AACtH,MAAI,MAAM;AACR,WAAO;AAAA,EACT;AAEA,QAAM,cACH,OAAO,aAAa,OAAO,aAAa,OAAO,WAAW,OAAO,aAAc;AAAA,IAC9E,WAAW,OAAO;AAAA,IAClB,WAAW,OAAO;AAAA,IAClB,SAAS,OAAO;AAAA,IAChB,YAAY,OAAO;AAAA,EACrB,IAAI,EAAC,YAAY,KAAI;AAGvB,MAAI,CAAC,mBAAmB,aAAa,KAAK,GAAG;AAC3C,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,aAAa,YAAY;AAClC,WAAO,6BAAAA,QAAA,2BAAAA,QAAA,gBAAG,SAAS,EAAE,MAAM,OAAO,GAAG,MAAM,CAAC,CAAE;AAAA,EAChD;AAEA,SACE,WAAW,6BAAAA,QAAA,2BAAAA,QAAA,gBAAG,QAAS,IACrB,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,WAAW,UAAU,OAAO,OAAO,KAChE,6BAAAA,QAAA,cAAC,WAAE,uCAA8B,GACjC,6BAAAA,QAAA,cAAC,WAAE,UAAO,KAAK,UAAU,IAAI,CAAE,GAC/B,6BAAAA,QAAA,cAAC,WAAE,WAAQ,KAAK,UAAU,KAAK,CAAE,CACnC;AAGN;AAEA,0BAA0B,WAAW;AAAA,EACnC,MAAM;AACR;AAEA,IAAO,oCAAQ;","names":["React"]}

package/dist/AdViewUnit/AdViewUnitDefaultTemplate.d.cts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { b as AdViewUnitTemplateTypeProps, c as AdViewOptionalDataProps } from '../types-DHjNgnRW.cjs';
+import '@adview/core/typings';
+
+type AdViewUnitDefaultTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {
+    type?: 'default';
+    children?: React.ReactNode | ((props: AdViewOptionalDataProps) => React.ReactNode);
+};
+declare function AdViewUnitDefaultTemplate({ type, data, state, children, ...props }: AdViewUnitDefaultTemplateProps): React.JSX.Element | null;
+declare namespace AdViewUnitDefaultTemplate {
+    var defaults: {
+        type: string;
+    };
+}
+
+export { AdViewUnitDefaultTemplate as default };

package/dist/AdViewUnit/AdViewUnitDefaultTemplate.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { b as AdViewUnitTemplateTypeProps, c as AdViewOptionalDataProps } from '../types-DHjNgnRW.js';
+import '@adview/core/typings';
+
+type AdViewUnitDefaultTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {
+    type?: 'default';
+    children?: React.ReactNode | ((props: AdViewOptionalDataProps) => React.ReactNode);
+};
+declare function AdViewUnitDefaultTemplate({ type, data, state, children, ...props }: AdViewUnitDefaultTemplateProps): React.JSX.Element | null;
+declare namespace AdViewUnitDefaultTemplate {
+    var defaults: {
+        type: string;
+    };
+}
+
+export { AdViewUnitDefaultTemplate as default };

package/dist/AdViewUnit/AdViewUnitDefaultTemplate.js

@@ -0,0 +1,35 @@
+// src/AdViewUnit/AdViewUnitDefaultTemplate.tsx
+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/AdViewUnitDefaultTemplate.tsx
+function AdViewUnitDefaultTemplate({ type = "default", data, state, children, ...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;
+  }
+  if (typeof children === "function") {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, children({ data, state, ...props }));
+  }
+  return children ? /* @__PURE__ */ React.createElement(React.Fragment, null, children) : /* @__PURE__ */ React.createElement("div", { style: { padding: "1rem", textAlign: "center", color: "#666" } }, /* @__PURE__ */ React.createElement("p", null, "\u{1F504} Default content for ad unit"), /* @__PURE__ */ React.createElement("p", null, "Data: ", JSON.stringify(data)), /* @__PURE__ */ React.createElement("p", null, "State: ", JSON.stringify(state)));
+}
+AdViewUnitDefaultTemplate.defaults = {
+  type: "default"
+};
+var AdViewUnitDefaultTemplate_default = AdViewUnitDefaultTemplate;
+export {
+  AdViewUnitDefaultTemplate_default as default
+};
+//# sourceMappingURL=AdViewUnitDefaultTemplate.js.map

package/dist/AdViewUnit/AdViewUnitDefaultTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AdViewUnit/AdViewUnitDefaultTemplate.tsx","../../src/AdViewUnit/utils.ts"],"sourcesContent":["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","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"],"mappings":";AAAA,OAAO,WAAW;;;ACEX,IAAM,qBAAqB,CAAC,aAA2B,UAAwB;AACpF,SAAO,CAAC,gBACL,YAAY,cAAc,UAAa,YAAY,cAAc,OAAO,eACxE,YAAY,cAAc,UAAa,YAAY,cAAc,OAAO,eACxE,YAAY,YAAY,UAAa,YAAY,YAAY,OAAO,aACpE,YAAY,eAAe,UAAa,YAAY,eAAe,OAAO;AAE/E;;;ADAA,SAAS,0BAA0B,EAAE,OAAK,WAAW,MAAM,OAAO,UAAU,GAAG,MAAM,GAAmC;AACtH,MAAI,MAAM;AACR,WAAO;AAAA,EACT;AAEA,QAAM,cACH,OAAO,aAAa,OAAO,aAAa,OAAO,WAAW,OAAO,aAAc;AAAA,IAC9E,WAAW,OAAO;AAAA,IAClB,WAAW,OAAO;AAAA,IAClB,SAAS,OAAO;AAAA,IAChB,YAAY,OAAO;AAAA,EACrB,IAAI,EAAC,YAAY,KAAI;AAGvB,MAAI,CAAC,mBAAmB,aAAa,KAAK,GAAG;AAC3C,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,aAAa,YAAY;AAClC,WAAO,0DAAG,SAAS,EAAE,MAAM,OAAO,GAAG,MAAM,CAAC,CAAE;AAAA,EAChD;AAEA,SACE,WAAW,0DAAG,QAAS,IACrB,oCAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,WAAW,UAAU,OAAO,OAAO,KAChE,oCAAC,WAAE,uCAA8B,GACjC,oCAAC,WAAE,UAAO,KAAK,UAAU,IAAI,CAAE,GAC/B,oCAAC,WAAE,WAAQ,KAAK,UAAU,KAAK,CAAE,CACnC;AAGN;AAEA,0BAA0B,WAAW;AAAA,EACnC,MAAM;AACR;AAEA,IAAO,oCAAQ;","names":[]}

package/dist/AdViewUnit/{AdViewUnitNative.cjs → AdViewUnitNativeTemplate.cjs}

@@ -27,20 +27,35 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/AdViewUnit/AdViewUnitNative.tsx
-var AdViewUnitNative_exports = {};
-__export(AdViewUnitNative_exports, {
-  default: () => AdViewUnitNative_default
+// src/AdViewUnit/AdViewUnitNativeTemplate.tsx
+var AdViewUnitNativeTemplate_exports = {};
+__export(AdViewUnitNativeTemplate_exports, {
+  default: () => AdViewUnitNativeTemplate_default
 });
-module.exports = __toCommonJS(AdViewUnitNative_exports);
+module.exports = __toCommonJS(AdViewUnitNativeTemplate_exports);
 var import_utils = require("@adview/core/utils");
 var import_react = __toESM(require("react"), 1);
-function AdViewUnitNative({
-  assets,
-  fields,
-  url,
-  classNames
-}) {
+
+// 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/AdViewUnitNativeTemplate.tsx
+function AdViewUnitNativeTemplate({ classNames, data, state, ...props }) {
+  if (!data || !data.assets || !data.assets.length) {
+    return null;
+  }
+  const expectState = props?.isInitial || props?.isLoading || props?.isError || props?.isComplete ? {
+    isInitial: props?.isInitial,
+    isLoading: props?.isLoading,
+    isError: props?.isError,
+    isComplete: props?.isComplete
+  } : { isComplete: true };
+  if (!matchExpectedState(expectState, state)) {
+    return null;
+  }
+  const { assets, url, fields } = data;
   const asset = (0, import_utils.getAssetByName)("main", assets);
   if (!url) {
     return null;
@@ -116,5 +131,8 @@ function AdViewUnitNative({
     fields?.url
   )));
 }
-var AdViewUnitNative_default = AdViewUnitNative;
-//# sourceMappingURL=AdViewUnitNative.cjs.map
+AdViewUnitNativeTemplate.defaults = {
+  type: "native"
+};
+var AdViewUnitNativeTemplate_default = AdViewUnitNativeTemplate;
+//# sourceMappingURL=AdViewUnitNativeTemplate.cjs.map

package/dist/AdViewUnit/AdViewUnitNativeTemplate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AdViewUnit/AdViewUnitNativeTemplate.tsx","../../src/AdViewUnit/utils.ts"],"sourcesContent":["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 { 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"],"mappings":"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","names":["React"]}

package/dist/AdViewUnit/AdViewUnitNativeTemplate.d.cts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { b as AdViewUnitTemplateTypeProps, d as AdViewStyleTokensNative } from '../types-DHjNgnRW.cjs';
+import '@adview/core/typings';
+
+type AdViewUnitNativeTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {
+    type?: 'native';
+    classNames?: AdViewStyleTokensNative;
+};
+declare function AdViewUnitNativeTemplate({ classNames, data, state, ...props }: AdViewUnitNativeTemplateProps): React.JSX.Element | null;
+declare namespace AdViewUnitNativeTemplate {
+    var defaults: {
+        type: string;
+    };
+}
+
+export { AdViewUnitNativeTemplate as default };

package/dist/AdViewUnit/AdViewUnitNativeTemplate.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { b as AdViewUnitTemplateTypeProps, d as AdViewStyleTokensNative } from '../types-DHjNgnRW.js';
+import '@adview/core/typings';
+
+type AdViewUnitNativeTemplateProps = Omit<AdViewUnitTemplateTypeProps, 'type'> & {
+    type?: 'native';
+    classNames?: AdViewStyleTokensNative;
+};
+declare function AdViewUnitNativeTemplate({ classNames, data, state, ...props }: AdViewUnitNativeTemplateProps): React.JSX.Element | null;
+declare namespace AdViewUnitNativeTemplate {
+    var defaults: {
+        type: string;
+    };
+}
+
+export { AdViewUnitNativeTemplate as default };

package/dist/AdViewUnit/{AdViewUnitNative.js → AdViewUnitNativeTemplate.js}

@@ -1,12 +1,27 @@
-// src/AdViewUnit/AdViewUnitNative.tsx
+// src/AdViewUnit/AdViewUnitNativeTemplate.tsx
 import { getAssetByName, getPrepareURL, getSrcSetCSSThumbs } from "@adview/core/utils";
 import React from "react";
-function AdViewUnitNative({
-  assets,
-  fields,
-  url,
-  classNames
-}) {
+
+// 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/AdViewUnitNativeTemplate.tsx
+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 = getAssetByName("main", assets);
   if (!url) {
     return null;
@@ -82,8 +97,11 @@ function AdViewUnitNative({
     fields?.url
   )));
 }
-var AdViewUnitNative_default = AdViewUnitNative;
+AdViewUnitNativeTemplate.defaults = {
+  type: "native"
+};
+var AdViewUnitNativeTemplate_default = AdViewUnitNativeTemplate;
 export {
-  AdViewUnitNative_default as default
+  AdViewUnitNativeTemplate_default as default
 };
-//# sourceMappingURL=AdViewUnitNative.js.map
+//# sourceMappingURL=AdViewUnitNativeTemplate.js.map

package/dist/AdViewUnit/AdViewUnitNativeTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AdViewUnit/AdViewUnitNativeTemplate.tsx","../../src/AdViewUnit/utils.ts"],"sourcesContent":["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 { 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"],"mappings":";AAAA,SAAS,gBAAgB,eAAe,0BAA0B;AAClE,OAAO,WAAW;;;ACCX,IAAM,qBAAqB,CAAC,aAA2B,UAAwB;AACpF,SAAO,CAAC,gBACL,YAAY,cAAc,UAAa,YAAY,cAAc,OAAO,eACxE,YAAY,cAAc,UAAa,YAAY,cAAc,OAAO,eACxE,YAAY,YAAY,UAAa,YAAY,YAAY,OAAO,aACpE,YAAY,eAAe,UAAa,YAAY,eAAe,OAAO;AAE/E;;;ADCA,SAAS,yBAAyB,EAAC,YAAY,MAAM,OAAO,GAAG,MAAK,GAAkC;AACpG,MAAI,CAAC,QAAQ,CAAC,KAAK,UAAU,CAAC,KAAK,OAAO,QAAQ;AAChD,WAAO;AAAA,EACT;AAEA,QAAM,cACH,OAAO,aAAa,OAAO,aAAa,OAAO,WAAW,OAAO,aAAc;AAAA,IAC9E,WAAW,OAAO;AAAA,IAClB,WAAW,OAAO;AAAA,IAClB,SAAS,OAAO;AAAA,IAChB,YAAY,OAAO;AAAA,EACrB,IAAI,EAAC,YAAY,KAAI;AAGvB,MAAI,CAAC,mBAAmB,aAAa,KAAK,GAAG;AAC3C,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,QAAQ,KAAK,OAAO,IAAI;AAChC,QAAM,QAAQ,eAAe,QAAQ,MAAM;AAE3C,MAAI,CAAC,KAAK;AACR,WAAO;AAAA,EACT;AAEA,SACE,oCAAC,SAAI,WAAW,YAAY,aAC1B;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,GAAG;AAAA,MACvB,WAAW,YAAY;AAAA;AAAA,IAEtB,SACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,QAAQ;AAAA,QACb,OAAO,QAAQ;AAAA,QACf,KAAK,MAAM;AAAA,QACX,QAAQ,MAAM,SAAS,mBAAmB,MAAM,MAAM,IAAI;AAAA,QAC1D,WAAW,YAAY;AAAA,QACvB,OAAO,EAAE,WAAW,SAAS,OAAO,QAAQ,QAAQ,OAAO;AAAA;AAAA,IAC7D;AAAA,EAEJ,GACA,oCAAC,SAAI,WAAW,YAAY,SACzB,QAAQ,SACP;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,eACP;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,aACP;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,SACP;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,OAAO;AAAA,EACV,GAED,QAAQ,OACP;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,MAAM,cAAc,GAAG;AAAA,MACvB,cAAW;AAAA,MACX,WAAW,YAAY;AAAA;AAAA,IAEtB,QAAQ;AAAA,EACX,CAEJ,CACF;AAEJ;AAEA,yBAAyB,WAAW;AAAA,EAClC,MAAM;AACR;AAEA,IAAO,mCAAQ;","names":[]}