@temple-wallet/extension-ads 8.1.0-dev.5 → 8.1.0

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

@@ -33,15 +33,7 @@ const processInsertAdActionOnce = async (
   insertionPoint: HTMLDivElement | HTMLTableCellElement,
   onAdsStackError: (error: Error) => void
 ) => {
-  const {
-    elementStyle = {},
-    stylesOverrides = [],
-    adsMetadata,
-    wrapperType,
-    originalHeight,
-    originalWidth,
-    shouldUseBlurredBackground
-  } = action;
+  const { elementStyle = {}, stylesOverrides = [], adsMetadata, wrapperType, originalHeight, originalWidth } = action;
 
   stylesOverrides.sort((a, b) => a.parentDepth - b.parentDepth);
 
@@ -57,8 +49,8 @@ const processInsertAdActionOnce = async (
   const { dimensions: minDimensions } =
     typeof firstAdMetadataOrId === 'number' ? AdsConfiguration.bannerAdsMeta[firstAdMetadataOrId] : firstAdMetadataOrId;
   const dimensions = {
-    width: shouldUseBlurredBackground ? Math.max(originalWidth, minDimensions.width) : minDimensions.width,
-    height: shouldUseBlurredBackground ? Math.max(originalHeight, minDimensions.height) : minDimensions.height
+    width: Math.max(originalWidth, minDimensions.width),
+    height: Math.max(originalHeight, minDimensions.height)
   };
   adElement.style.width = wrapperType === 'tbody' ? '100%' : `${dimensions.width}px`;
   adElement.style.height = `${dimensions.height}px`;
@@ -82,23 +74,11 @@ const processInsertAdActionOnce = async (
       action.element.replaceWith(wrapperElement);
       break;
     default:
-      const nextSibling = action.parent.children[action.insertionIndex];
       if (action.isSiblingReplacement) {
         wrapperElement.setAttribute(SIBLING_REPLACEMENT_ATTRIBUTE_NAME, 'true');
-        const observer = new MutationObserver(mutations => {
-          const hasRemoveSiblingMutation = mutations.some(mutation =>
-            Array.from(mutation.removedNodes).includes(nextSibling)
-          );
-
-          if (hasRemoveSiblingMutation) {
-            wrapperElement.remove();
-            observer.disconnect();
-          }
-        });
-        observer.observe(action.parent, { childList: true });
       }
       stylesOverridesCurrentElement = action.parent;
-      action.parent.insertBefore(wrapperElement, nextSibling);
+      action.parent.insertBefore(wrapperElement, action.parent.children[action.insertionIndex]);
       break;
   }
 

package/src/render-ads-stack.ts

@@ -35,8 +35,6 @@ export const renderAdsStack = async (
     typeof adMetadataOrId === 'number' ? AdsConfiguration.bannerAdsMeta[adMetadataOrId] : adMetadataOrId;
   broadcastMessage({ id: adId, type: AD_RENDER_START_MESSAGE_TYPE, adMetadata });
 
-  document.body.style.backgroundColor = adMetadata.source.native ? 'transparent' : '#F2F2F2';
-
   const { source, dimensions } = adMetadata;
   let adView: AdView;
   switch (source.providerName) {
@@ -60,17 +58,9 @@ export const renderAdsStack = async (
   else templeLabelElement.removeAttribute('active');
 
   const updateBackground = (creativeSet: CreativeSet = {}) => {
-    const prevBackgroundElement = document.getElementById(BACKGROUND_ELEMENT_ID);
-    if (source.native && prevBackgroundElement) {
-      rootElement.removeChild(prevBackgroundElement);
-    }
-
-    if (source.native) {
-      return;
-    }
-
     try {
       const { image, video } = creativeSet;
+      const prevBackgroundElement = document.getElementById(BACKGROUND_ELEMENT_ID);
       let backgroundElement: HTMLImageElement | HTMLVideoElement | undefined;
       if (image) {
         backgroundElement = document.createElement('img');
@@ -108,7 +98,7 @@ export const renderAdsStack = async (
       if (prevBackgroundElement) {
         rootElement.replaceChild(backgroundElement, prevBackgroundElement);
       } else {
-        rootElement.prepend(backgroundElement);
+        rootElement.appendChild(backgroundElement);
       }
     } catch (e) {
       console.error(e);

package/src/temple-wallet-api.ts

@@ -1,3 +1,4 @@
+import axiosFetchAdapter from '@vespaiach/axios-fetch-adapter';
 import axios, { AxiosInstance, AxiosResponse } from 'axios';
 
 import {
@@ -24,7 +25,7 @@ export class TempleWalletApi {
   constructor(baseUrl: string) {
     this.api = axios.create({
       baseURL: new URL('/api', baseUrl).href,
-      adapter: 'fetch'
+      adapter: axiosFetchAdapter
     });
   }
 

package/src/types/ads-actions.ts

@@ -31,7 +31,6 @@ interface InsertAdActionProps
   stylesOverrides?: AdStylesOverrides[];
   originalWidth: number;
   originalHeight: number;
-  shouldUseBlurredBackground?: boolean;
 }
 
 export interface ReplaceAllChildrenWithAdAction extends AdActionBase, InsertAdActionProps {