@temple-wallet/extension-ads 6.3.1 → 7.0.0

package/src/ads-configuration.ts

@@ -1,66 +1,57 @@
-import { AdMetadata, PersonaAdShape } from './types/ads-meta';
+import { AdMetadata } from './types/ads-meta';
 
 interface IAdsConfiguration {
-  hypelab: {
-    regular: string;
-    small: string;
-    wide: string;
-    native: string;
-  };
   hypelabAdsWindowUrl: string;
   tkeyInpageAdUrl: string;
   swapTkeyUrl: string;
   externalAdsActivityMessageType: string;
-  getPersonaIframeURL: (id: string, shape: PersonaAdShape) => string;
+  getPersonaIframeURL: (id: string, slug: string) => string;
   getAdsStackIframeURL: (id: string, adsMetadataIds: (number | AdMetadata)[], origin: string) => string;
+  buildNativeAdsMeta: (containerWidth: number, containerHeight: number) => AdMetadata[];
+  bannerAdsMeta: AdMetadata[];
   extVersion: string;
   templePassphrase: string;
+  isMisesBrowser: boolean;
 }
 
 export class AdsConfiguration {
-  static HYPELAB_NATIVE_PLACEMENT_SLUG = '';
-  static HYPELAB_SMALL_PLACEMENT_SLUG = '';
-  static HYPELAB_HIGH_PLACEMENT_SLUG = '';
-  static HYPELAB_WIDE_PLACEMENT_SLUG = '';
+  static IS_MISES_BROWSER = false;
   static HYPELAB_ADS_WINDOW_URL = '';
   static TKEY_INPAGE_AD_URL = '';
   static SWAP_TKEY_URL = '';
   static EXTERNAL_ADS_ACTIVITY_MESSAGE_TYPE = '';
   static getPersonaIframeURL: IAdsConfiguration['getPersonaIframeURL'] = () => '';
   static getAdsStackIframeURL: IAdsConfiguration['getAdsStackIframeURL'] = () => '';
+  static buildNativeAdsMeta: IAdsConfiguration['buildNativeAdsMeta'] = () => [];
+  static bannerAdsMeta: AdMetadata[] = [];
   static EXTENSION_VERSION: string | undefined;
   static TEMPLE_PASSPHRASE: string;
 }
 
 export const configureAds = (config: IAdsConfiguration) => {
   const {
-    hypelab,
     hypelabAdsWindowUrl,
     tkeyInpageAdUrl,
     swapTkeyUrl,
     externalAdsActivityMessageType,
     getPersonaIframeURL,
     getAdsStackIframeURL,
+    buildNativeAdsMeta,
+    bannerAdsMeta,
     extVersion,
-    templePassphrase
+    templePassphrase,
+    isMisesBrowser
   } = config;
-  const {
-    native: hypelabNativePlacementSlug,
-    small: hypelabSmallPlacementSlug,
-    regular: hypelabHighPlacementSlug,
-    wide: hypelabWidePlacementSlug
-  } = hypelab;
 
-  AdsConfiguration.HYPELAB_NATIVE_PLACEMENT_SLUG = hypelabNativePlacementSlug;
-  AdsConfiguration.HYPELAB_SMALL_PLACEMENT_SLUG = hypelabSmallPlacementSlug;
-  AdsConfiguration.HYPELAB_HIGH_PLACEMENT_SLUG = hypelabHighPlacementSlug;
-  AdsConfiguration.HYPELAB_WIDE_PLACEMENT_SLUG = hypelabWidePlacementSlug;
   AdsConfiguration.HYPELAB_ADS_WINDOW_URL = hypelabAdsWindowUrl;
   AdsConfiguration.TKEY_INPAGE_AD_URL = tkeyInpageAdUrl;
   AdsConfiguration.SWAP_TKEY_URL = swapTkeyUrl;
   AdsConfiguration.EXTERNAL_ADS_ACTIVITY_MESSAGE_TYPE = externalAdsActivityMessageType;
   AdsConfiguration.getPersonaIframeURL = getPersonaIframeURL;
   AdsConfiguration.getAdsStackIframeURL = getAdsStackIframeURL;
+  AdsConfiguration.buildNativeAdsMeta = buildNativeAdsMeta;
+  AdsConfiguration.bannerAdsMeta = bannerAdsMeta;
   AdsConfiguration.EXTENSION_VERSION = extVersion;
   AdsConfiguration.TEMPLE_PASSPHRASE = templePassphrase;
+  AdsConfiguration.IS_MISES_BROWSER = isMisesBrowser;
 };

package/src/constants.ts

@@ -6,4 +6,4 @@ export const AD_RENDER_START_MESSAGE_TYPE = 'adRenderStart';
 export const AD_RESIZE_MESSAGE_TYPE = 'resize';
 export const AD_READY_MESSAGE_TYPE = 'ready';
 export const AD_ERROR_MESSAGE_TYPE = 'error';
-export const AD_VARIANT_READY_TIMEOUT = 10_000;
+export const IFRAME_ALLOWANCE = 'accelerometer; gyroscope';

package/src/execute-ads-actions/ads-views/make-hypelab-ad.ts

@@ -1,17 +1,23 @@
 import { AES } from 'crypto-js';
 
 import { AdsConfiguration } from 'src/ads-configuration';
+import { IFRAME_ALLOWANCE } from 'src/constants';
 import { AdView } from 'src/types/ad-view';
-import { AdDimensions, HypeLabAdSources } from 'src/types/ads-meta';
-
-export const makeHypelabAdView = (source: HypeLabAdSources, dimensions: AdDimensions, origin: string): AdView => {
-  const { width, height } = dimensions;
-
+import { AdDimensions, HypeLabAdSource } from 'src/types/ads-meta';
+
+export const makeHypelabAdView = (
+  id: string,
+  source: HypeLabAdSource,
+  { width, height }: AdDimensions,
+  origin: string
+): AdView => {
   const iframe = document.createElement('iframe');
+  iframe.id = id;
   iframe.src = getHypelabIframeUrl(source, origin, width, height, iframe.id);
   iframe.style.width = source.native ? '100%' : `${width}px`;
   iframe.style.height = `${height}px`;
   iframe.style.border = 'none';
+  iframe.allow = IFRAME_ALLOWANCE;
 
   return { element: iframe };
 };
@@ -23,46 +29,15 @@ export const makeHypelabAdView = (source: HypeLabAdSources, dimensions: AdDimens
  * @param width Frame width
  * @param height Frame height
  */
-const getHypelabIframeUrl = (
-  source: HypeLabAdSources,
-  origin: string,
-  width?: number,
-  height?: number,
-  id?: string
-) => {
-  let defaultWidth: number, defaultHeight: number, placementSlug: string;
-
-  if (source.native) {
-    placementSlug = AdsConfiguration.HYPELAB_NATIVE_PLACEMENT_SLUG;
-    defaultWidth = 360;
-    defaultHeight = 110;
-  } else
-    switch (source.size) {
-      case 'small':
-        defaultWidth = 320;
-        defaultHeight = 50;
-        placementSlug = AdsConfiguration.HYPELAB_SMALL_PLACEMENT_SLUG;
-        break;
-      case 'high':
-        defaultWidth = 300;
-        defaultHeight = 250;
-        placementSlug = AdsConfiguration.HYPELAB_HIGH_PLACEMENT_SLUG;
-        break;
-      case 'wide':
-        defaultWidth = 728;
-        defaultHeight = 90;
-        placementSlug = AdsConfiguration.HYPELAB_WIDE_PLACEMENT_SLUG;
-        break;
-    }
-
+const getHypelabIframeUrl = (source: HypeLabAdSource, origin: string, width: number, height: number, id: string) => {
   const url = new URL(AdsConfiguration.HYPELAB_ADS_WINDOW_URL);
   if (source.native) {
-    url.searchParams.set('vh', String(height ?? defaultHeight));
+    url.searchParams.set('vh', String(height));
   } else {
-    url.searchParams.set('w', String(width ?? defaultWidth));
+    url.searchParams.set('w', String(width));
   }
-  url.searchParams.set('h', String(height ?? defaultHeight));
-  url.searchParams.set('p', placementSlug);
+  url.searchParams.set('h', String(height));
+  url.searchParams.set('p', source.slug);
   url.searchParams.set('o', encryptWithAES(origin));
   if (id) {
     url.searchParams.set('id', id);

package/src/execute-ads-actions/ads-views/make-persona-ad.ts

@@ -1,10 +1,10 @@
 import { AdsConfiguration } from 'src/ads-configuration';
 import { AdView } from 'src/types/ad-view';
-import { AdDimensions, PersonaAdShape } from 'src/types/ads-meta';
+import { AdDimensions, PersonaAdSource } from 'src/types/ads-meta';
 
-export const makePersonaAdView = (id: string, shape: PersonaAdShape, { width, height }: AdDimensions): AdView => {
+export const makePersonaAdView = (id: string, source: PersonaAdSource, { width, height }: AdDimensions): AdView => {
   const element = document.createElement('iframe');
-  element.src = AdsConfiguration.getPersonaIframeURL(id, shape);
+  element.src = AdsConfiguration.getPersonaIframeURL(id, source.slug);
   element.id = id;
 
   element.style.width = `${width}px`;

package/src/execute-ads-actions/index.ts

@@ -8,7 +8,7 @@ export const executeAdsActions = (adsActions: AdAction[]) =>
       if (action.type === AdActionType.RemoveElement) {
         action.element.remove();
       } else if (action.type === AdActionType.HideElement) {
-        action.element.style.setProperty('display', 'none');
+        action.element.style.setProperty('display', 'none', 'important');
       } else {
         await processInsertAdAction(action);
       }

package/src/execute-ads-actions/process-insert-ad-action.ts

@@ -1,9 +1,9 @@
 import { nanoid } from 'nanoid';
 
-import { PX_VALUE_REGEX } from 'src/ads-actions/helpers';
+import { PX_VALUE_REGEX, sumPxValues } from 'src/ads-actions/helpers';
 import { AdsConfiguration } from 'src/ads-configuration';
-import { BANNER_ADS_META } from 'src/ads-meta';
 import {
+  IFRAME_ALLOWANCE,
   SIBLING_REPLACEMENT_ATTRIBUTE_NAME,
   TEMPLE_WALLET_AD_ATTRIBUTE_NAME,
   TEMPLE_WALLET_NATIVE_AD_ATTRIBUTE_NAME
@@ -27,13 +27,6 @@ const adjustToAd = (wrapperElement: HTMLDivElement, adDimensions: AdDimensions)
   });
 };
 
-const sumPxValues = (values: string[]) =>
-  values.reduce((acc, value) => {
-    const parsedValue = parseInt(value, 10);
-
-    return isNaN(parsedValue) && PX_VALUE_REGEX.test(value) ? acc : acc + parsedValue;
-  }, 0);
-
 const processInsertAdActionOnce = async (
   action: InsertAdAction,
   wrapperElement: HTMLDivElement,
@@ -48,11 +41,12 @@ const processInsertAdActionOnce = async (
 
   const adId = nanoid();
   const adElement = document.createElement('iframe');
-  adElement.src = AdsConfiguration.getAdsStackIframeURL(adId, action.adsMetadata, window.location.href);
+  adElement.src = AdsConfiguration.getAdsStackIframeURL(adId, adsMetadata, window.location.href);
   adElement.id = adId;
-  const firstAdMetadataOrId = action.adsMetadata[0];
+  adElement.allow = IFRAME_ALLOWANCE;
+  const firstAdMetadataOrId = adsMetadata[0];
   const { dimensions } =
-    typeof firstAdMetadataOrId === 'number' ? BANNER_ADS_META[firstAdMetadataOrId] : firstAdMetadataOrId;
+    typeof firstAdMetadataOrId === 'number' ? AdsConfiguration.bannerAdsMeta[firstAdMetadataOrId] : firstAdMetadataOrId;
   adElement.style.width = wrapperType === 'tbody' ? '100%' : `${dimensions.width}px`;
   adElement.style.height = `${dimensions.height}px`;
   adElement.style.border = 'none';

package/src/index.ts

@@ -1,7 +1,5 @@
 export type { AdAction, AdActionType } from './types/ads-actions';
 
-export type { PersonaAdShape } from './types/ads-meta';
-
 export type { AdsProviderName, AdsProviderTitle } from './types/ads-provider';
 
 export type { AdsRules } from './types/ads-rules';

package/src/render-ads-stack.ts

@@ -1,10 +1,9 @@
-import { BANNER_ADS_META } from './ads-meta';
+import { AdsConfiguration } from './ads-configuration';
 import {
   AD_ERROR_MESSAGE_TYPE,
   AD_READY_MESSAGE_TYPE,
   AD_RENDER_START_MESSAGE_TYPE,
-  AD_RESIZE_MESSAGE_TYPE,
-  AD_VARIANT_READY_TIMEOUT
+  AD_RESIZE_MESSAGE_TYPE
 } from './constants';
 import { makeHypelabAdView, makePersonaAdView, makeTKeyAdView } from './execute-ads-actions/ads-views';
 import { AdView } from './types/ad-view';
@@ -29,7 +28,8 @@ export const renderAdsStack = async (
   }
 
   const [adMetadataOrId, ...rest] = adsMetadata;
-  const adMetadata = typeof adMetadataOrId === 'number' ? BANNER_ADS_META[adMetadataOrId] : adMetadataOrId;
+  const adMetadata =
+    typeof adMetadataOrId === 'number' ? AdsConfiguration.bannerAdsMeta[adMetadataOrId] : adMetadataOrId;
   broadcastMessage({ id: adId, type: AD_RENDER_START_MESSAGE_TYPE, adMetadata });
 
   const { source, dimensions } = adMetadata;
@@ -40,11 +40,11 @@ export const renderAdsStack = async (
       adView = makeTKeyAdView(dimensions.width, dimensions.height);
       break;
     case 'HypeLab':
-      adView = makeHypelabAdView(source, dimensions, origin);
+      adView = makeHypelabAdView(adId, source, dimensions, origin);
       if (source.native) withTempleLabel = false;
       break;
     default:
-      adView = makePersonaAdView(adId, source.shape, dimensions);
+      adView = makePersonaAdView(adId, source, dimensions);
   }
 
   const { element } = adView;
@@ -57,10 +57,13 @@ export const renderAdsStack = async (
 
   if (element instanceof HTMLIFrameElement) {
     return new Promise<void>((resolve, reject) => {
-      const responseTimeout = setTimeout(() => {
-        window.removeEventListener('message', messageListener);
-        reject(new Error(`Timeout exceeded for ${adId}, ad source: ${JSON.stringify(source)}`));
-      }, AD_VARIANT_READY_TIMEOUT);
+      const responseTimeout = setTimeout(
+        () => {
+          window.removeEventListener('message', messageListener);
+          reject(new Error(`Timeout exceeded for ${adId}, ad source: ${JSON.stringify(source)}`));
+        },
+        (rest.length === 0 ? 20_000 : 10_000) * (AdsConfiguration.IS_MISES_BROWSER ? 2 : 1)
+      );
 
       let wasReady = false;
       const messageListener = (event: MessageEvent<any>) => {

package/src/temple-wallet-api.ts

@@ -29,7 +29,9 @@ export class TempleWalletApi {
   }
 
   private getAdVersionRequestConfig() {
-    return { params: { extVersion: AdsConfiguration.EXTENSION_VERSION } };
+    return {
+      params: { extVersion: AdsConfiguration.EXTENSION_VERSION, isMisesBrowser: AdsConfiguration.IS_MISES_BROWSER }
+    };
   }
 
   getAdPlacesRulesForAllDomains = withFetchDataExtraction(() =>
@@ -48,6 +50,13 @@ export class TempleWalletApi {
     this.api.get<RawAllAdsRules['providersSelectors']>('/slise-ad-rules/providers', this.getAdVersionRequestConfig())
   );
 
+  getNegativeSelectorsForAllProviders = withFetchDataExtraction(() =>
+    this.api.get<RawAllAdsRules['providersNegativeSelectors']>(
+      '/slise-ad-rules/providers/negative-selectors',
+      this.getAdVersionRequestConfig()
+    )
+  );
+
   getPermanentAdPlacesRulesForAllDomains = withFetchDataExtraction(() =>
     this.api.get<Record<string, RawPermanentAdPlacesRule[]>>(
       '/slise-ad-rules/ad-places/permanent',
@@ -74,7 +83,8 @@ export class TempleWalletApi {
       providersToReplaceAtAllSites,
       permanentAdPlacesRulesForAllDomains,
       permanentNativeAdPlacesRulesForAllDomains,
-      adsReplaceUrlsBlacklist
+      adsReplaceUrlsBlacklist,
+      providersNegativeSelectors
     ] = await Promise.all([
       this.getAdPlacesRulesForAllDomains(),
       this.getProvidersRulesForAllDomains(),
@@ -82,7 +92,8 @@ export class TempleWalletApi {
       this.getProvidersToReplaceAtAllSites(),
       this.getPermanentAdPlacesRulesForAllDomains(),
       this.getPermanentNativeAdPlacesRulesForAllDomains(),
-      this.getAdsReplaceUrlsBlacklist()
+      this.getAdsReplaceUrlsBlacklist(),
+      this.getNegativeSelectorsForAllProviders()
     ]);
 
     return {
@@ -93,6 +104,7 @@ export class TempleWalletApi {
       permanentAdPlacesRulesForAllDomains,
       permanentNativeAdPlacesRulesForAllDomains,
       adsReplaceUrlsBlacklist,
+      providersNegativeSelectors,
       timestamp: Date.now()
     };
   };

package/src/transform-raw-rules.ts

@@ -1,13 +1,14 @@
 import { isEqual } from 'lodash';
 
 import { AdPlacesRule, AdsRules } from 'src/types/ads-rules';
-import { RawAllAdsRules } from 'src/types/temple-wallet-api';
+import { RawAllAdsRules, RawPermanentAdPlacesRule } from 'src/types/temple-wallet-api';
 
 export const transformRawRules = (location: Location, rules: RawAllAdsRules): AdsRules => {
   const {
     adPlacesRulesForAllDomains,
     providersRulesForAllDomains,
     providersSelectors,
+    providersNegativeSelectors = {},
     providersToReplaceAtAllSites,
     permanentAdPlacesRulesForAllDomains,
     permanentNativeAdPlacesRulesForAllDomains = {},
@@ -21,6 +22,7 @@ export const transformRawRules = (location: Location, rules: RawAllAdsRules): Ad
       adPlacesRules: [],
       permanentAdPlacesRules: [],
       providersSelectors: [],
+      providersNegativeSelectors: [],
       timestamp
     };
   }
@@ -48,6 +50,13 @@ export const transformRawRules = (location: Location, rules: RawAllAdsRules): Ad
       providersSelectors,
       providersToReplaceAtAllSites
     ),
+    providersNegativeSelectors: buildProvidersSelectors(
+      hostname,
+      hrefMatchPredicate,
+      providersRulesForAllDomains,
+      providersNegativeSelectors,
+      providersToReplaceAtAllSites
+    ),
     timestamp
   };
 };
@@ -86,6 +95,22 @@ const buildAdPlacesRules = (
   return aggregatedRelatedAdPlacesRules;
 };
 
+const makePermanentAdRuleTransformationFn =
+  (isNative: boolean) =>
+  ({
+    urlRegexes,
+    elementToMeasureSelector,
+    elementsToMeasureSelectors,
+    ...restRuleProps
+  }: RawPermanentAdPlacesRule) => ({
+    ...restRuleProps,
+    urlRegexes: urlRegexes.map(regex => new RegExp(regex)),
+    isNative,
+    elementsToMeasureSelectors:
+      elementsToMeasureSelectors ??
+      (elementToMeasureSelector ? { width: elementToMeasureSelector, height: elementToMeasureSelector } : undefined)
+  });
+
 const buildPermanentAdPlacesRules = (
   hostname: string,
   hrefMatchPredicate: (regex: RegExp) => boolean,
@@ -96,18 +121,8 @@ const buildPermanentAdPlacesRules = (
   const rawPermanentNativeAdPlacesRules = permanentNativeAdPlacesRulesForAllDomains[hostname] ?? [];
 
   const permanentAdPlacesRules = rawPermanentAdPlacesRules
-    .map(({ urlRegexes, ...restRuleProps }) => ({
-      ...restRuleProps,
-      urlRegexes: urlRegexes.map(regex => new RegExp(regex)),
-      isNative: false
-    }))
-    .concat(
-      rawPermanentNativeAdPlacesRules.map(({ urlRegexes, ...restRuleProps }) => ({
-        ...restRuleProps,
-        urlRegexes: urlRegexes.map(regex => new RegExp(regex)),
-        isNative: true
-      }))
-    );
+    .map(makePermanentAdRuleTransformationFn(false))
+    .concat(rawPermanentNativeAdPlacesRules.map(makePermanentAdRuleTransformationFn(true)));
 
   return permanentAdPlacesRules.filter(({ urlRegexes }) => urlRegexes.some(hrefMatchPredicate));
 };

package/src/types/ads-actions.ts

@@ -70,7 +70,7 @@ export type InsertAdActionWithoutMeta =
 export type AdAction = InsertAdAction | RemoveElementAction | HideElementAction;
 
 export type AddActionsIfAdResolutionAvailable = (
-  elementToMeasure: Element,
+  elementsToMeasure: Record<'width' | 'height', HTMLElement>,
   adType: AdType,
   adIsNative: boolean,
   ...actionsBases: (InsertAdActionWithoutMeta | HideElementAction | RemoveElementAction)[]

package/src/types/ads-meta.ts

@@ -2,39 +2,23 @@ interface AdSourceBase {
   shouldNotUseStrictContainerLimits?: boolean;
 }
 
-interface HypeLabBannerAdSource extends AdSourceBase {
-  providerName: 'HypeLab';
-  native: false;
-  size: 'small' | 'high' | 'wide';
-}
-
-interface HypeLabNativeAdSource extends AdSourceBase {
-  providerName: 'HypeLab';
-  native: true;
-  slug: string;
-}
-
 /** Only covers TKEY ads for now */
 interface TempleAdSource extends AdSourceBase {
   providerName: 'Temple';
 }
 
-/** See: https://pub.persona3.io/docs
- * `regular` - 321x101
- * `medium` - 600x160
- * `wide` - 970x90
- * `squarish` - 300x250
- */
-export type PersonaAdShape = 'regular' | 'medium' | 'wide' | 'squarish';
-
-interface PersonaAdSource extends AdSourceBase {
+export interface PersonaAdSource extends AdSourceBase {
   providerName: 'Persona';
-  shape: PersonaAdShape;
+  slug: string;
 }
 
-export type HypeLabAdSources = HypeLabBannerAdSource | HypeLabNativeAdSource;
+export interface HypeLabAdSource extends AdSourceBase {
+  providerName: 'HypeLab';
+  native: boolean;
+  slug: string;
+}
 
-type AdSource = HypeLabAdSources | TempleAdSource | PersonaAdSource;
+type AdSource = HypeLabAdSource | TempleAdSource | PersonaAdSource;
 
 export interface AdDimensions {
   width: number;

package/src/types/ads-rules.ts

@@ -4,7 +4,8 @@ export interface AdPlacesRule extends Omit<RawAdPlacesRule, 'urlRegexes'> {
   urlRegexes: RegExp[];
 }
 
-export interface PermanentAdPlacesRule extends Omit<RawPermanentAdPlacesRule, 'urlRegexes'> {
+export interface PermanentAdPlacesRule
+  extends Omit<RawPermanentAdPlacesRule, 'urlRegexes' | 'elementToMeasureSelector'> {
   urlRegexes: RegExp[];
   isNative: boolean;
 }
@@ -13,5 +14,6 @@ export interface AdsRules {
   adPlacesRules: Array<Omit<AdPlacesRule, 'urlRegexes'>>;
   permanentAdPlacesRules: PermanentAdPlacesRule[];
   providersSelectors: Array<{ selector: string; parentDepth: number }>;
+  providersNegativeSelectors: Array<{ selector: string; parentDepth: number }>;
   timestamp: number;
 }

package/src/types/temple-wallet-api.ts

@@ -17,6 +17,8 @@ export interface RawAdPlacesRule {
   isNative?: boolean;
 }
 
+export type ElementsToMeasure = Record<'width' | 'height', string>;
+
 export interface RawPermanentAdPlacesRule {
   urlRegexes: string[];
   adSelector: {
@@ -42,8 +44,10 @@ export interface RawPermanentAdPlacesRule {
   wrapperStyle?: Record<string, string>;
   elementStyle?: Record<string, string>;
   elementToMeasureSelector?: string;
+  elementsToMeasureSelectors?: ElementsToMeasure;
   stylesOverrides?: AdStylesOverrides[];
   shouldHideOriginal?: boolean;
+  displayWidth?: string;
 }
 
 export interface RawAdProvidersRule {
@@ -55,6 +59,7 @@ export interface RawAllAdsRules {
   adPlacesRulesForAllDomains: Record<string, RawAdPlacesRule[]>;
   providersRulesForAllDomains: Record<string, RawAdProvidersRule[]>;
   providersSelectors: Record<string, (string | { selector: string; parentDepth: number })[]>;
+  providersNegativeSelectors: Record<string, (string | { selector: string; parentDepth: number })[]>;
   providersToReplaceAtAllSites: string[];
   permanentAdPlacesRulesForAllDomains: Record<string, RawPermanentAdPlacesRule[]>;
   permanentNativeAdPlacesRulesForAllDomains: Record<string, RawPermanentAdPlacesRule[]>;

package/dist/ads-actions/helpers.d.ts

@@ -1,13 +0,0 @@
-import { AdType } from 'src/types/ads-actions';
-import { AdMetadata } from 'src/types/ads-meta';
-export declare const ourAdQuerySelector = "[twa]";
-export declare const ourNativeAdQuerySelector = "[twa-native]";
-export declare const elementIsOurAd: (element: Element) => boolean;
-export declare const prevBannerSiblingIsReplacement: (banner: Element) => boolean;
-export declare const getFinalSize: (element: Element) => {
-    width: number;
-    height: number;
-};
-export declare const applyQuerySelector: <E extends Element = Element>(querySelector: string, isMultiple: boolean, element?: Element | Document) => E[];
-export declare const getParentOfDepth: (element: HTMLElement, depth: number) => HTMLElement | null;
-export declare const pickAdsToDisplay: (containerWidth: number, containerHeight: number, adType: AdType, adIsNative: boolean) => (number | AdMetadata)[];

package/dist/ads-actions/helpers.js

@@ -1,83 +0,0 @@
-import { BANNER_ADS_META, buildHypeLabNativeMeta } from 'src/ads-meta';
-import { SIBLING_REPLACEMENT_ATTRIBUTE_NAME, TEMPLE_WALLET_AD_ATTRIBUTE_NAME, TEMPLE_WALLET_NATIVE_AD_ATTRIBUTE_NAME } from 'src/constants';
-import { AdType } from 'src/types/ads-actions';
-export const ourAdQuerySelector = `[${TEMPLE_WALLET_AD_ATTRIBUTE_NAME}]`;
-export const ourNativeAdQuerySelector = `[${TEMPLE_WALLET_NATIVE_AD_ATTRIBUTE_NAME}]`;
-export const elementIsOurAd = (element) => Boolean(element.closest(ourAdQuerySelector));
-export const prevBannerSiblingIsReplacement = (banner) => { var _a; return Boolean((_a = banner.previousElementSibling) === null || _a === void 0 ? void 0 : _a.getAttribute(SIBLING_REPLACEMENT_ATTRIBUTE_NAME)); };
-export const getFinalSize = (element) => {
-    const elementStyle = getComputedStyle(element);
-    const { x, right, width: rectWidth, height: rectHeight } = element.getBoundingClientRect();
-    const size = { width: rectWidth, height: rectHeight };
-    const dimensions = ['width', 'height'];
-    for (const dimension of dimensions) {
-        const rawDimensionFromStyle = elementStyle[dimension];
-        const rawDimensionFromAttribute = element.getAttribute(dimension);
-        const rawDimension = rawDimensionFromAttribute || rawDimensionFromStyle;
-        if (/\d+px/.test(rawDimension)) {
-            size[dimension] = Number(rawDimension.replace('px', ''));
-        }
-        if (dimension === 'width' && x < 0) {
-            size.width += x;
-        }
-        else if (dimension === 'width' && right > window.innerWidth) {
-            size.width = window.innerWidth - x;
-        }
-    }
-    return size;
-};
-export const applyQuerySelector = (querySelector, isMultiple, element = document) => {
-    if (!querySelector) {
-        return [];
-    }
-    return isMultiple
-        ? [...element.querySelectorAll(querySelector)]
-        : [element.querySelector(querySelector)].filter((el) => Boolean(el));
-};
-export const getParentOfDepth = (element, depth) => {
-    let parent = element;
-    for (let i = 0; i < depth; i++) {
-        const nextParent = parent.parentElement;
-        if (!nextParent) {
-            return null;
-        }
-        parent = nextParent;
-    }
-    return parent;
-};
-const smallestBannerAdsMetaIndex = BANNER_ADS_META.length - 2;
-export const pickAdsToDisplay = (containerWidth, containerHeight, adType, adIsNative) => {
-    if (containerWidth < 2 && containerHeight < 2) {
-        return [];
-    }
-    if (adIsNative) {
-        return [buildHypeLabNativeMeta(containerWidth, containerHeight)];
-    }
-    return BANNER_ADS_META.reduce((acc, { dimensions }, i) => {
-        const { minContainerWidth, maxContainerWidth, minContainerHeight, maxContainerHeight, width } = dimensions;
-        let matches = false;
-        switch (adType) {
-            case AdType.Permanent:
-                matches =
-                    i === smallestBannerAdsMetaIndex ||
-                        (containerWidth >= width && (containerHeight >= minContainerHeight || containerHeight < 2));
-                break;
-            case AdType.SlotReplacement:
-                matches =
-                    i === smallestBannerAdsMetaIndex ||
-                        (containerWidth >= minContainerWidth && (containerHeight >= minContainerHeight || containerHeight < 2));
-                break;
-            default:
-                matches =
-                    containerWidth >= minContainerWidth &&
-                        containerHeight >= minContainerHeight &&
-                        containerWidth <= maxContainerWidth &&
-                        containerHeight <= maxContainerHeight;
-        }
-        if (matches) {
-            acc.push(i);
-        }
-        return acc;
-    }, []);
-};
-//# sourceMappingURL=helpers.js.map

package/dist/ads-actions/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/ads-actions/helpers.ts"],"names":[],"mappings":"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"}

package/dist/ads-actions/index.d.ts

@@ -1,3 +0,0 @@
-import { AdAction } from 'src/types/ads-actions';
-import type { AdsRules } from 'src/types/ads-rules';
-export declare const getAdsActions: ({ providersSelectors, adPlacesRules, permanentAdPlacesRules }: AdsRules) => Promise<AdAction[]>;