@temple-wallet/extension-ads 6.0.0 → 6.2.0

package/dist/ads-configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ads-configuration.js","sourceRoot":"","sources":["../src/ads-configuration.ts"],"names":[],"mappings":"AAmBA,MAAM,OAAO,gBAAgB;;AACpB,8CAA6B,GAAG,EAAE,CAAC;AACnC,6CAA4B,GAAG,EAAE,CAAC;AAClC,4CAA2B,GAAG,EAAE,CAAC;AACjC,4CAA2B,GAAG,EAAE,CAAC;AACjC,uCAAsB,GAAG,EAAE,CAAC;AAC5B,mCAAkB,GAAG,EAAE,CAAC;AACxB,8BAAa,GAAG,EAAE,CAAC;AACnB,mDAAkC,GAAG,EAAE,CAAC;AACxC,oCAAmB,GAA6C,GAAG,EAAE,CAAC,EAAE,CAAC;AACzE,qCAAoB,GAA8C,GAAG,EAAE,CAAC,EAAE,CAAC;AAKpF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAyB,EAAE,EAAE;IACxD,MAAM,EACJ,OAAO,EACP,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,8BAA8B,EAC9B,mBAAmB,EACnB,oBAAoB,EACpB,UAAU,EACV,gBAAgB,EACjB,GAAG,MAAM,CAAC;IACX,MAAM,EACJ,MAAM,EAAE,0BAA0B,EAClC,KAAK,EAAE,yBAAyB,EAChC,OAAO,EAAE,wBAAwB,EACjC,IAAI,EAAE,wBAAwB,EAC/B,GAAG,OAAO,CAAC;IAEZ,gBAAgB,CAAC,6BAA6B,GAAG,0BAA0B,CAAC;IAC5E,gBAAgB,CAAC,4BAA4B,GAAG,yBAAyB,CAAC;IAC1E,gBAAgB,CAAC,2BAA2B,GAAG,wBAAwB,CAAC;IACxE,gBAAgB,CAAC,2BAA2B,GAAG,wBAAwB,CAAC;IACxE,gBAAgB,CAAC,sBAAsB,GAAG,mBAAmB,CAAC;IAC9D,gBAAgB,CAAC,kBAAkB,GAAG,eAAe,CAAC;IACtD,gBAAgB,CAAC,aAAa,GAAG,WAAW,CAAC;IAC7C,gBAAgB,CAAC,kCAAkC,GAAG,8BAA8B,CAAC;IACrF,gBAAgB,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;IAC3D,gBAAgB,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;IAC7D,gBAAgB,CAAC,iBAAiB,GAAG,UAAU,CAAC;IAChD,gBAAgB,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;AACxD,CAAC,CAAC"}

package/dist/ads-meta.d.ts

@@ -0,0 +1,17 @@
+import { AdMetadata } from 'src/types/ads-meta';
+export declare const BANNER_ADS_META: AdMetadata[];
+export declare const buildHypeLabNativeMeta: (containerWidth: number, containerHeight: number) => {
+    source: {
+        providerName: "HypeLab";
+        native: true;
+        slug: string;
+    };
+    dimensions: {
+        width: number;
+        height: number;
+        minContainerWidth: number;
+        minContainerHeight: number;
+        maxContainerWidth: number;
+        maxContainerHeight: number;
+    };
+};

package/dist/ads-meta.js

@@ -0,0 +1,135 @@
+import { AdsConfiguration } from 'src/ads-configuration';
+export const BANNER_ADS_META = [
+    {
+        source: {
+            providerName: 'HypeLab',
+            native: false,
+            size: 'wide'
+        },
+        dimensions: {
+            width: 728,
+            height: 90,
+            minContainerWidth: 701,
+            minContainerHeight: 60,
+            maxContainerWidth: Infinity,
+            maxContainerHeight: 300
+        }
+    },
+    // {
+    //   source: {
+    //     providerName: 'Persona',
+    //     shape: 'wide'
+    //   },
+    //   dimensions: {
+    //     width: 970,
+    //     height: 90,
+    //     minContainerWidth: 900,
+    //     minContainerHeight: 60,
+    //     maxContainerWidth: Infinity,
+    //     maxContainerHeight: 300
+    //   }
+    // },
+    {
+        source: {
+            providerName: 'Temple'
+        },
+        dimensions: {
+            width: 728,
+            height: 90,
+            minContainerWidth: 701,
+            minContainerHeight: 60,
+            maxContainerWidth: Infinity,
+            maxContainerHeight: 300
+        }
+    },
+    {
+        source: {
+            providerName: 'Persona',
+            shape: 'medium'
+        },
+        dimensions: {
+            width: 600,
+            height: 160,
+            minContainerWidth: 600,
+            minContainerHeight: 80,
+            maxContainerWidth: 800,
+            maxContainerHeight: 300
+        }
+    },
+    {
+        source: {
+            providerName: 'HypeLab',
+            native: false,
+            size: 'high'
+        },
+        dimensions: {
+            width: 300,
+            height: 250,
+            minContainerWidth: 300,
+            minContainerHeight: 170,
+            maxContainerWidth: 700,
+            maxContainerHeight: Infinity
+        }
+    },
+    {
+        source: {
+            providerName: 'Persona',
+            shape: 'squarish'
+        },
+        dimensions: {
+            width: 300,
+            height: 250,
+            minContainerWidth: 300,
+            minContainerHeight: 170,
+            maxContainerWidth: 700,
+            maxContainerHeight: Infinity
+        }
+    },
+    {
+        source: {
+            providerName: 'HypeLab',
+            native: false,
+            size: 'small',
+            shouldNotUseStrictContainerLimits: true
+        },
+        dimensions: {
+            width: 320,
+            height: 50,
+            minContainerWidth: 230,
+            minContainerHeight: 32,
+            maxContainerWidth: 420,
+            maxContainerHeight: 130
+        }
+    },
+    {
+        source: {
+            providerName: 'Persona',
+            shape: 'regular',
+            shouldNotUseStrictContainerLimits: true
+        },
+        dimensions: {
+            width: 321,
+            height: 101,
+            minContainerWidth: 230,
+            minContainerHeight: 32,
+            maxContainerWidth: 420,
+            maxContainerHeight: 130
+        }
+    }
+];
+export const buildHypeLabNativeMeta = (containerWidth, containerHeight) => ({
+    source: {
+        providerName: 'HypeLab',
+        native: true,
+        slug: AdsConfiguration.HYPELAB_NATIVE_PLACEMENT_SLUG
+    },
+    dimensions: {
+        width: Math.max(160, containerWidth),
+        height: Math.max(16, containerHeight),
+        minContainerWidth: 2,
+        minContainerHeight: 2,
+        maxContainerWidth: Infinity,
+        maxContainerHeight: Infinity
+    }
+});
+//# sourceMappingURL=ads-meta.js.map

package/dist/ads-meta.js.map

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

package/dist/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const TEMPLE_WALLET_AD_ATTRIBUTE_NAME = "twa";
+export declare const TEMPLE_WALLET_NATIVE_AD_ATTRIBUTE_NAME = "twa-native";
+export declare const SIBLING_REPLACEMENT_ATTRIBUTE_NAME = "twa-sibling-replacement";
+export declare const AD_SEEN_THRESHOLD = 0.5;
+export declare const AD_RENDER_START_MESSAGE_TYPE = "adRenderStart";
+export declare const AD_RESIZE_MESSAGE_TYPE = "resize";
+export declare const AD_READY_MESSAGE_TYPE = "ready";
+export declare const AD_ERROR_MESSAGE_TYPE = "error";

package/dist/constants.js

@@ -0,0 +1,9 @@
+export const TEMPLE_WALLET_AD_ATTRIBUTE_NAME = 'twa';
+export const TEMPLE_WALLET_NATIVE_AD_ATTRIBUTE_NAME = 'twa-native';
+export const SIBLING_REPLACEMENT_ATTRIBUTE_NAME = 'twa-sibling-replacement';
+export const AD_SEEN_THRESHOLD = 0.5;
+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';
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,+BAA+B,GAAG,KAAK,CAAC;AACrD,MAAM,CAAC,MAAM,sCAAsC,GAAG,YAAY,CAAC;AACnE,MAAM,CAAC,MAAM,kCAAkC,GAAG,yBAAyB,CAAC;AAC5E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC;AACrC,MAAM,CAAC,MAAM,4BAA4B,GAAG,eAAe,CAAC;AAC5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC;AAC/C,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC;AAC7C,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC"}

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

@@ -0,0 +1,3 @@
+export { makeTKeyAdView } from './make-tkey-ad';
+export { makeHypelabAdView } from './make-hypelab-ad';
+export { makePersonaAdView } from './make-persona-ad';

package/dist/execute-ads-actions/ads-views/index.js

@@ -0,0 +1,4 @@
+export { makeTKeyAdView } from './make-tkey-ad';
+export { makeHypelabAdView } from './make-hypelab-ad';
+export { makePersonaAdView } from './make-persona-ad';
+//# sourceMappingURL=index.js.map

package/dist/execute-ads-actions/ads-views/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/execute-ads-actions/ads-views/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,3 @@
+import { AdView } from 'src/types/ad-view';
+import { AdDimensions, HypeLabAdSources } from 'src/types/ads-meta';
+export declare const makeHypelabAdView: (source: HypeLabAdSources, dimensions: AdDimensions, origin: string) => AdView;

package/dist/execute-ads-actions/ads-views/make-hypelab-ad.js

@@ -0,0 +1,60 @@
+import { AES } from 'crypto-js';
+import { AdsConfiguration } from 'src/ads-configuration';
+export const makeHypelabAdView = (source, dimensions, origin) => {
+    const { width, height } = dimensions;
+    const iframe = document.createElement('iframe');
+    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';
+    return { element: iframe };
+};
+/**
+ * Returns URL for Hypelab ad iframe
+ * @param placementType Placement type
+ * @param origin Full URL of the page
+ * @param width Frame width
+ * @param height Frame height
+ */
+const getHypelabIframeUrl = (source, origin, width, height, id) => {
+    let defaultWidth, defaultHeight, placementSlug;
+    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 url = new URL(AdsConfiguration.HYPELAB_ADS_WINDOW_URL);
+    if (source.native) {
+        url.searchParams.set('vh', String(height !== null && height !== void 0 ? height : defaultHeight));
+    }
+    else {
+        url.searchParams.set('w', String(width !== null && width !== void 0 ? width : defaultWidth));
+    }
+    url.searchParams.set('h', String(height !== null && height !== void 0 ? height : defaultHeight));
+    url.searchParams.set('p', placementSlug);
+    url.searchParams.set('o', encryptWithAES(origin));
+    if (id) {
+        url.searchParams.set('id', id);
+    }
+    return url.toString();
+};
+const encryptWithAES = (text) => AES.encrypt(text, AdsConfiguration.TEMPLE_PASSPHRASE).toString();
+//# sourceMappingURL=make-hypelab-ad.js.map

package/dist/execute-ads-actions/ads-views/make-hypelab-ad.js.map

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

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

@@ -0,0 +1,3 @@
+import { AdView } from 'src/types/ad-view';
+import { AdDimensions, PersonaAdShape } from 'src/types/ads-meta';
+export declare const makePersonaAdView: (id: string, shape: PersonaAdShape, { width, height }: AdDimensions) => AdView;

package/dist/execute-ads-actions/ads-views/make-persona-ad.js

@@ -0,0 +1,11 @@
+import { AdsConfiguration } from 'src/ads-configuration';
+export const makePersonaAdView = (id, shape, { width, height }) => {
+    const element = document.createElement('iframe');
+    element.src = AdsConfiguration.getPersonaIframeURL(id, shape);
+    element.id = id;
+    element.style.width = `${width}px`;
+    element.style.height = `${height}px`;
+    element.style.border = 'none';
+    return { element };
+};
+//# sourceMappingURL=make-persona-ad.js.map

package/dist/execute-ads-actions/ads-views/make-persona-ad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-persona-ad.js","sourceRoot":"","sources":["../../../src/execute-ads-actions/ads-views/make-persona-ad.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAIzD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAU,EAAE,KAAqB,EAAE,EAAE,KAAK,EAAE,MAAM,EAAgB,EAAU,EAAE;IAC9G,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjD,OAAO,CAAC,GAAG,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAC9D,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAEhB,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;IACrC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAE9B,OAAO,EAAE,OAAO,EAAE,CAAC;AACrB,CAAC,CAAC"}

package/dist/execute-ads-actions/ads-views/make-tkey-ad.d.ts

@@ -0,0 +1,2 @@
+import { AdView } from 'src/types/ad-view';
+export declare const makeTKeyAdView: (width: number, height: number) => AdView;

package/dist/execute-ads-actions/ads-views/make-tkey-ad.js

@@ -0,0 +1,24 @@
+import { AdsConfiguration } from 'src/ads-configuration';
+export const makeTKeyAdView = (width, height) => {
+    const element = document.createElement('div');
+    element.style.width = `${width}px`;
+    element.style.height = `${height}px`;
+    const div = document.createElement('div');
+    div.style.width = `${width}px`;
+    div.style.height = `${height}px`;
+    element.appendChild(div);
+    const anchor = document.createElement('a');
+    anchor.href = AdsConfiguration.SWAP_TKEY_URL;
+    anchor.target = '_blank';
+    anchor.rel = 'noopener noreferrer';
+    anchor.style.width = '100%';
+    anchor.style.height = '100%';
+    div.appendChild(anchor);
+    const img = document.createElement('img');
+    img.src = AdsConfiguration.TKEY_INPAGE_AD_URL;
+    img.style.width = '100%';
+    img.style.height = '100%';
+    anchor.appendChild(img);
+    return { element };
+};
+//# sourceMappingURL=make-tkey-ad.js.map

package/dist/execute-ads-actions/ads-views/make-tkey-ad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-tkey-ad.js","sourceRoot":"","sources":["../../../src/execute-ads-actions/ads-views/make-tkey-ad.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,MAAc,EAAU,EAAE;IACtE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;IAErC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;IAC/B,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;IAEjC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEzB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,MAAM,CAAC,IAAI,GAAG,gBAAgB,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC;IACzB,MAAM,CAAC,GAAG,GAAG,qBAAqB,CAAC;IACnC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAC7B,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAExB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,GAAG,CAAC,GAAG,GAAG,gBAAgB,CAAC,kBAAkB,CAAC;IAC9C,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IACzB,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAExB,OAAO,EAAE,OAAO,EAAE,CAAC;AACrB,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+import { AdAction } from 'src/types/ads-actions';
+export declare const executeAdsActions: (adsActions: AdAction[]) => Promise<PromiseSettledResult<void>[]>;

package/dist/execute-ads-actions/index.js

@@ -0,0 +1,23 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { AdActionType } from 'src/types/ads-actions';
+import { processInsertAdAction } from './process-insert-ad-action';
+export const executeAdsActions = (adsActions) => Promise.allSettled(adsActions.map((action) => __awaiter(void 0, void 0, void 0, function* () {
+    if (action.type === AdActionType.RemoveElement) {
+        action.element.remove();
+    }
+    else if (action.type === AdActionType.HideElement) {
+        action.element.style.setProperty('display', 'none');
+    }
+    else {
+        yield processInsertAdAction(action);
+    }
+})));
+//# sourceMappingURL=index.js.map

package/dist/execute-ads-actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/execute-ads-actions/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAY,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,UAAsB,EAAE,EAAE,CAC1D,OAAO,CAAC,UAAU,CAChB,UAAU,CAAC,GAAG,CAAC,CAAM,MAAM,EAAC,EAAE;IAC5B,IAAI,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,aAAa,EAAE,CAAC;QAC/C,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;IAC1B,CAAC;SAAM,IAAI,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,WAAW,EAAE,CAAC;QACpD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACtD,CAAC;SAAM,CAAC;QACN,MAAM,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;AACH,CAAC,CAAA,CAAC,CACH,CAAC"}

package/dist/execute-ads-actions/observing.d.ts

@@ -0,0 +1 @@
+export declare const subscribeToAdsStackIframeLoadIfNecessary: (element: HTMLIFrameElement) => Promise<void>;

package/dist/execute-ads-actions/observing.js

@@ -0,0 +1,123 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import browser from 'webextension-polyfill';
+import { AdsConfiguration } from 'src/ads-configuration';
+import { AD_ERROR_MESSAGE_TYPE, AD_READY_MESSAGE_TYPE, AD_RENDER_START_MESSAGE_TYPE, AD_RESIZE_MESSAGE_TYPE, AD_SEEN_THRESHOLD } from 'src/constants';
+import { AdsProviderTitle } from 'src/types/ads-provider';
+const loadingAdsIds = new Set();
+const loadedAdsIds = new Set();
+const alreadySentAnalyticsAdsIds = new Set();
+const IFRAME_READY_TIMEOUT = 30000;
+export const subscribeToAdsStackIframeLoadIfNecessary = (element) => __awaiter(void 0, void 0, void 0, function* () {
+    const adId = element.id;
+    if (loadingAdsIds.has(adId)) {
+        return;
+    }
+    loadingAdsIds.add(adId);
+    return new Promise((resolve, reject) => {
+        const responseTimeout = setTimeout(() => {
+            window.removeEventListener('message', messageListener);
+            reject(new Error(`Timeout exceeded for ${adId}`));
+        }, IFRAME_READY_TIMEOUT);
+        const messageListener = (event) => {
+            var _a, _b, _c;
+            if (event.source !== element.contentWindow)
+                return;
+            try {
+                const data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;
+                if (data.id !== adId)
+                    return;
+                switch (data.type) {
+                    case AD_READY_MESSAGE_TYPE:
+                        resolve(data.adMetadata.source.providerName);
+                        clearTimeout(responseTimeout);
+                        break;
+                    case AD_ERROR_MESSAGE_TYPE:
+                        window.removeEventListener('message', messageListener);
+                        element.style.display = 'none';
+                        reject(new Error((_a = data.reason) !== null && _a !== void 0 ? _a : 'Unknown error'));
+                        break;
+                    case AD_RENDER_START_MESSAGE_TYPE:
+                        const { dimensions } = data.adMetadata;
+                        const { width, height } = dimensions;
+                        if (width > 0 && height > 0) {
+                            if (!((_b = element.style.width) === null || _b === void 0 ? void 0 : _b.endsWith('%'))) {
+                                element.style.width = `${dimensions.width}px`;
+                            }
+                            element.style.height = `${dimensions.height}px`;
+                        }
+                        break;
+                    case AD_RESIZE_MESSAGE_TYPE:
+                        const { width: newWidth, height: newHeight } = data;
+                        if (!((_c = element.style.width) === null || _c === void 0 ? void 0 : _c.endsWith('%'))) {
+                            element.style.width = `${newWidth}px`;
+                        }
+                        element.style.height = `${newHeight}px`;
+                }
+            }
+            catch (error) {
+                console.error('Observing error:', error);
+            }
+        };
+        window.addEventListener('message', messageListener);
+    })
+        .then(providerName => {
+        if (loadedAdsIds.has(adId))
+            return;
+        loadedAdsIds.add(adId);
+        const adIsSeen = adRectIsSeen(element);
+        if (adIsSeen) {
+            sendExternalAdsActivity(adId, providerName);
+        }
+        else {
+            observeIntersection(element, providerName);
+        }
+    })
+        .catch(console.error)
+        .finally(() => void loadingAdsIds.delete(adId));
+});
+const observeIntersection = (element, providerName) => {
+    const observer = new IntersectionObserver(entries => {
+        if (entries.some(entry => entry.isIntersecting)) {
+            sendExternalAdsActivity(element.id, providerName);
+            observer.disconnect();
+        }
+    }, { threshold: AD_SEEN_THRESHOLD });
+    observer.observe(element);
+};
+const sendExternalAdsActivity = (adId, providerName) => {
+    if (alreadySentAnalyticsAdsIds.has(adId)) {
+        return;
+    }
+    alreadySentAnalyticsAdsIds.add(adId);
+    const url = window.parent.location.href;
+    browser.runtime
+        .sendMessage({
+        type: AdsConfiguration.EXTERNAL_ADS_ACTIVITY_MESSAGE_TYPE,
+        url,
+        provider: AdsProviderTitle[providerName]
+    })
+        .catch(err => void console.error(err));
+};
+const adRectIsSeen = (element) => {
+    const elementRect = element.getBoundingClientRect();
+    const viewport = window.visualViewport;
+    if (!viewport) {
+        return false;
+    }
+    const intersectionX0 = Math.min(Math.max(0, elementRect.x), viewport.width);
+    const intersectionX1 = Math.min(Math.max(0, elementRect.x + elementRect.width), viewport.width);
+    const intersectionY0 = Math.min(Math.max(0, elementRect.y), viewport.height);
+    const intersectionY1 = Math.min(Math.max(0, elementRect.y + elementRect.height), viewport.height);
+    const elementArea = elementRect.width * elementRect.height;
+    const intersectionArea = (intersectionX1 - intersectionX0) * (intersectionY1 - intersectionY0);
+    return intersectionArea / elementArea >= AD_SEEN_THRESHOLD;
+};
+//# sourceMappingURL=observing.js.map

package/dist/execute-ads-actions/observing.js.map

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

package/dist/execute-ads-actions/override-element-styles.d.ts

@@ -0,0 +1,2 @@
+import { StringRecord } from 'src/utils';
+export declare const overrideElementStyles: (element: HTMLElement, overrides: StringRecord) => void;

package/dist/execute-ads-actions/override-element-styles.js

@@ -0,0 +1,6 @@
+export const overrideElementStyles = (element, overrides) => {
+    for (const stylePropName in overrides) {
+        element.style.setProperty(stylePropName, overrides[stylePropName]);
+    }
+};
+//# sourceMappingURL=override-element-styles.js.map

package/dist/execute-ads-actions/override-element-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"override-element-styles.js","sourceRoot":"","sources":["../../src/execute-ads-actions/override-element-styles.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,OAAoB,EAAE,SAAuB,EAAE,EAAE;IACrF,KAAK,MAAM,aAAa,IAAI,SAAS,EAAE,CAAC;QACtC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;IACrE,CAAC;AACH,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+import { InsertAdAction } from 'src/types/ads-actions';
+export declare const processInsertAdAction: (action: InsertAdAction) => Promise<void>;

package/dist/execute-ads-actions/process-insert-ad-action.js

@@ -0,0 +1,120 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { nanoid } from 'nanoid';
+import { AdsConfiguration } from 'src/ads-configuration';
+import { BANNER_ADS_META } from 'src/ads-meta';
+import { SIBLING_REPLACEMENT_ATTRIBUTE_NAME, TEMPLE_WALLET_AD_ATTRIBUTE_NAME, TEMPLE_WALLET_NATIVE_AD_ATTRIBUTE_NAME } from 'src/constants';
+import { AdActionType } from 'src/types/ads-actions';
+import { subscribeToAdsStackIframeLoadIfNecessary } from './observing';
+import { overrideElementStyles } from './override-element-styles';
+const adjustToAd = (wrapperElement, adDimensions) => {
+    const predefinedStylesKeyToOverride = ['width', 'height'];
+    predefinedStylesKeyToOverride.forEach(dimensionName => {
+        var _a;
+        const predefinedStyleValue = (_a = wrapperElement.style[dimensionName]) !== null && _a !== void 0 ? _a : '';
+        if (/^\d+(px)?$/.test(predefinedStyleValue)) {
+            const predefinedSize = parseInt(predefinedStyleValue, 10);
+            if (predefinedSize < adDimensions[dimensionName]) {
+                wrapperElement.style.removeProperty(dimensionName);
+            }
+        }
+    });
+};
+const processInsertAdActionOnce = (action, wrapperElement, insertionPoint) => __awaiter(void 0, void 0, void 0, function* () {
+    const { elementStyle = {}, stylesOverrides = [] } = action;
+    stylesOverrides.sort((a, b) => a.parentDepth - b.parentDepth);
+    let stylesOverridesCurrentElement;
+    const adId = nanoid();
+    const adElement = document.createElement('iframe');
+    adElement.src = AdsConfiguration.getAdsStackIframeURL(adId, action.adsMetadata, window.location.href);
+    adElement.id = adId;
+    const firstAdMetadataOrId = action.adsMetadata[0];
+    const { dimensions } = typeof firstAdMetadataOrId === 'number' ? BANNER_ADS_META[firstAdMetadataOrId] : firstAdMetadataOrId;
+    adElement.style.width = `${dimensions.width}px`;
+    adElement.style.height = `${dimensions.height}px`;
+    adElement.style.border = 'none';
+    for (const styleProp in elementStyle) {
+        adElement.style.setProperty(styleProp, elementStyle[styleProp]);
+    }
+    adElement.setAttribute(TEMPLE_WALLET_AD_ATTRIBUTE_NAME, 'true');
+    adjustToAd(wrapperElement, dimensions);
+    insertionPoint.appendChild(adElement);
+    switch (action.type) {
+        case AdActionType.ReplaceAllChildren:
+            stylesOverridesCurrentElement = action.parent;
+            action.parent.innerHTML = '';
+            action.parent.appendChild(wrapperElement);
+            break;
+        case AdActionType.ReplaceElement:
+            stylesOverridesCurrentElement = action.element.parentElement;
+            action.element.replaceWith(wrapperElement);
+            break;
+        default:
+            if (action.isSiblingReplacement) {
+                wrapperElement.setAttribute(SIBLING_REPLACEMENT_ATTRIBUTE_NAME, 'true');
+            }
+            stylesOverridesCurrentElement = action.parent;
+            action.parent.insertBefore(wrapperElement, action.parent.children[action.insertionIndex]);
+            break;
+    }
+    subscribeToAdsStackIframeLoadIfNecessary(adElement);
+    let currentParentDepth = 0;
+    stylesOverrides.forEach(({ parentDepth, style }) => {
+        while (parentDepth > currentParentDepth && stylesOverridesCurrentElement) {
+            stylesOverridesCurrentElement = stylesOverridesCurrentElement.parentElement;
+            currentParentDepth++;
+        }
+        if (stylesOverridesCurrentElement) {
+            overrideElementStyles(stylesOverridesCurrentElement, style);
+        }
+    });
+});
+export const processInsertAdAction = (action) => __awaiter(void 0, void 0, void 0, function* () {
+    const { wrapperStyle = {}, adsMetadata, wrapperType = 'div', colsAfter = 0, colsBefore = 0, colspan = 1 } = action;
+    const isNativeAd = adsMetadata.every(adMetadata => typeof adMetadata === 'object');
+    let wrapperElement;
+    let insertionPoint;
+    if (wrapperType === 'div') {
+        wrapperElement = document.createElement('div');
+        insertionPoint = wrapperElement;
+    }
+    else {
+        wrapperElement = document.createElement('tbody');
+        const row = document.createElement('tr');
+        wrapperElement.appendChild(row);
+        for (let i = 0; i < colsBefore; i++) {
+            row.appendChild(document.createElement('td'));
+        }
+        const cell = document.createElement('td');
+        cell.colSpan = colspan;
+        row.appendChild(cell);
+        insertionPoint = cell;
+        for (let i = 0; i < colsAfter; i++) {
+            row.appendChild(document.createElement('td'));
+        }
+    }
+    wrapperElement.setAttribute(TEMPLE_WALLET_AD_ATTRIBUTE_NAME, 'true');
+    if (isNativeAd) {
+        wrapperElement.setAttribute(TEMPLE_WALLET_NATIVE_AD_ATTRIBUTE_NAME, 'true');
+    }
+    overrideElementStyles(wrapperElement, wrapperStyle);
+    yield processInsertAdActionOnce(action, wrapperElement, insertionPoint).catch(error => {
+        console.error('Inserting an ad attempt error:', error);
+        const emptyAdElement = document.createElement('div');
+        emptyAdElement.setAttribute(TEMPLE_WALLET_AD_ATTRIBUTE_NAME, 'true');
+        if (isNativeAd) {
+            emptyAdElement.setAttribute(TEMPLE_WALLET_NATIVE_AD_ATTRIBUTE_NAME, 'true');
+        }
+        emptyAdElement.style.display = 'none';
+        wrapperElement.replaceWith(emptyAdElement);
+        throw error;
+    });
+});
+//# sourceMappingURL=process-insert-ad-action.js.map