react-native-applovin-max 5.2.3 → 5.4.0

package/android/build.gradle

@@ -35,8 +35,8 @@ android {
   defaultConfig {
     minSdkVersion 16
     targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
-    versionCode 5020300
-    versionName "5.2.3"
+    versionCode 5040000
+    versionName "5.4.0"
   }
 
   flavorDimensions("default")

package/android/src/main/java/com/applovin/reactnative/AppLovinMAXNativeAdView.java

@@ -4,6 +4,7 @@ import android.content.Context;
 import android.text.TextUtils;
 import android.view.View;
 import android.view.ViewGroup;
+import android.widget.Button;
 import android.widget.ImageView;
 
 import com.applovin.mediation.MaxAd;
@@ -32,8 +33,15 @@ import static com.applovin.sdk.AppLovinSdkUtils.runOnUiThreadDelayed;
 
 public class AppLovinMAXNativeAdView
         extends ReactViewGroup
-        implements MaxAdRevenueListener, View.OnLayoutChangeListener
+        implements MaxAdRevenueListener, View.OnLayoutChangeListener, ViewGroup.OnHierarchyChangeListener
 {
+    private static final int TITLE_LABEL_TAG          = 1;
+    private static final int MEDIA_VIEW_CONTAINER_TAG = 2;
+    private static final int ICON_VIEW_TAG            = 3;
+    private static final int BODY_VIEW_TAG            = 4;
+    private static final int CALL_TO_ACTION_VIEW_TAG  = 5;
+    private static final int ADVERTISER_VIEW_TAG      = 8;
+
     private final ReactContext      reactContext;
     @Nullable
     private       MaxNativeAdLoader adLoader;
@@ -147,7 +155,7 @@ public class AppLovinMAXNativeAdView
             {
                 for ( Map.Entry<String, Object> entry : localExtraParameters.entrySet() )
                 {
-                    adLoader.setLocalExtraParameter( entry.getKey(), (String) entry.getValue() );
+                    adLoader.setLocalExtraParameter( entry.getKey(), entry.getValue() );
                 }
             }
 
@@ -173,7 +181,7 @@ public class AppLovinMAXNativeAdView
         }
 
         view.setClickable( true );
-
+        view.setTag( TITLE_LABEL_TAG );
         clickableViews.add( view );
     }
 
@@ -189,7 +197,7 @@ public class AppLovinMAXNativeAdView
         }
 
         view.setClickable( true );
-
+        view.setTag( ADVERTISER_VIEW_TAG );
         clickableViews.add( view );
     }
 
@@ -205,7 +213,7 @@ public class AppLovinMAXNativeAdView
         }
 
         view.setClickable( true );
-
+        view.setTag( BODY_VIEW_TAG );
         clickableViews.add( view );
     }
 
@@ -222,7 +230,22 @@ public class AppLovinMAXNativeAdView
 
         view.setClickable( true );
 
-        clickableViews.add( view );
+        // Some adapters, like Google, expect a Button widget for CTA to be clickable
+        if ( view instanceof ViewGroup )
+        {
+            Button button = new Button( reactContext );
+            button.setAlpha( 0 );
+            ( (ViewGroup) view ).addView( button );
+            sizeToFit( button, view );
+
+            button.setTag( CALL_TO_ACTION_VIEW_TAG );
+            clickableViews.add( button );
+        }
+        else
+        {
+            view.setTag( CALL_TO_ACTION_VIEW_TAG );
+            clickableViews.add( view );
+        }
     }
 
     public void setIconView(final int tag)
@@ -235,6 +258,7 @@ public class AppLovinMAXNativeAdView
         }
 
         view.setClickable( true );
+        view.setTag( ICON_VIEW_TAG );
         clickableViews.add( view );
 
         MaxNativeAdImage icon = nativeAd.getNativeAd().getIcon();
@@ -278,12 +302,21 @@ public class AppLovinMAXNativeAdView
             return;
         }
 
+        view.setTag( MEDIA_VIEW_CONTAINER_TAG );
         clickableViews.add( view );
 
         view.addOnLayoutChangeListener( this );
         view.addView( mediaView );
 
         sizeToFit( mediaView, view );
+
+        // Resize the child of `mediaView` for the networks, especially for InMobi, where the actual
+        // media view is added in `MaxNativeAdLoader.b()` after `mediaView` is sized so that it has
+        // to be resized when the network's media view is added.
+        if ( mediaView instanceof ViewGroup )
+        {
+            ( (ViewGroup) mediaView ).setOnHierarchyChangeListener( this );
+        }
     }
 
     @Override
@@ -299,7 +332,16 @@ public class AppLovinMAXNativeAdView
         }
     }
 
-    private void sizeToFit(final @Nullable View view, final View parentView)
+    @Override
+    public void onChildViewAdded(final View parent, final View child)
+    {
+        parent.post( () -> sizeToFit( child, parent ) );
+    }
+
+    @Override
+    public void onChildViewRemoved(final View parent, final View child) { }
+
+    private static void sizeToFit(final @Nullable View view, final View parentView)
     {
         if ( view != null )
         {
@@ -357,6 +399,13 @@ public class AppLovinMAXNativeAdView
                     adLoader.b( ad );
                 }
 
+                // Reassure the size of `mediaView` and its children for the networks, such as
+                // LINE, where the actual ad contents are loaded after `mediaView` is sized.
+                if ( mediaView != null )
+                {
+                    sizeToFit( mediaView, (View) mediaView.getParent() );
+                }
+
                 isLoading.set( false );
             }, 500L );
         }
@@ -396,22 +445,11 @@ public class AppLovinMAXNativeAdView
             nativeAdInfo.putDouble( "starRating", ad.getStarRating().doubleValue() );
         }
 
+        // The aspect ratio can be 0.0f when it is not provided by the network.
         float aspectRatio = ad.getMediaContentAspectRatio();
-        if ( !Float.isNaN( aspectRatio ) )
-        {
-            // The aspect ratio can be 0.0f when it is not provided by the network.
-            if ( Math.signum( aspectRatio ) == 0 )
-            {
-                nativeAdInfo.putDouble( "mediaContentAspectRatio", 1.0 );
-            }
-            else
-            {
-                nativeAdInfo.putDouble( "mediaContentAspectRatio", aspectRatio );
-            }
-        }
-        else
+        if ( aspectRatio > 0 )
         {
-            nativeAdInfo.putDouble( "mediaContentAspectRatio", 1.0 );
+            nativeAdInfo.putDouble( "mediaContentAspectRatio", aspectRatio );
         }
 
         nativeAdInfo.putBoolean( "isIconImageAvailable", ( ad.getIcon() != null ) );

package/ios/AppLovinMAXNativeAdView.m

@@ -305,21 +305,10 @@
     nativeAdInfo[@"callToAction"] = ad.callToAction;
     nativeAdInfo[@"starRating"] = ad.starRating;
     
-    if ( !isnan(ad.mediaContentAspectRatio) )
+    // The aspect ratio can be 0.0f when it is not provided by the network.
+    if ( ad.mediaContentAspectRatio > 0 )
     {
-        // The aspect ratio can be 0.0f when it is not provided by the network.
-        if ( fabs(ad.mediaContentAspectRatio) < FLT_EPSILON )
-        {
-            nativeAdInfo[@"mediaContentAspectRatio"] = @(1.0);
-        }
-        else
-        {
-            nativeAdInfo[@"mediaContentAspectRatio"] = @(ad.mediaContentAspectRatio);
-        }
-    }
-    else
-    {
-        nativeAdInfo[@"mediaContentAspectRatio"] = @(1.0);
+        nativeAdInfo[@"mediaContentAspectRatio"] = @(ad.mediaContentAspectRatio);
     }
     
     nativeAdInfo[@"isIconImageAvailable"] = @(ad.icon != nil);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-applovin-max",
   "author": "AppLovin Corporation",
-  "version": "5.2.3",
+  "version": "5.4.0",
   "description": "AppLovin MAX React Native Plugin for Android and iOS",
   "homepage": "https://github.com/AppLovin/AppLovin-MAX-React-Native",
   "license": "MIT",

package/react-native-applovin-max.podspec

@@ -11,7 +11,7 @@ Pod::Spec.new do |s|
   s.authors      = package["author"]
 
   s.platforms    = { :ios => "10.0" }
-  s.source       = { :git => "https://github.com/AppLovin/AppLovin-MAX-React-Native.git", :tag => "release_5_2_3" }
+  s.source       = { :git => "https://github.com/AppLovin/AppLovin-MAX-React-Native.git", :tag => "release_5_4_0" }
   
   s.source_files  = "ios/AppLovinMAX*.{h,m}"
 

package/src/NativeAdComponents.js

@@ -80,8 +80,8 @@ export const CallToActionView = (props) => {
   if (!nativeAdView) return null;
 
   return (
-    <TouchableOpacity {...props}>
-      <Text {...props} ref={callToActionRef}>
+    <TouchableOpacity {...props} ref={callToActionRef}>
+      <Text {...props}>
         {nativeAd.callToAction || null}
       </Text>
     </TouchableOpacity>
@@ -94,12 +94,12 @@ export const IconView = (props) => {
   const {nativeAd, nativeAdView} = useContext(NativeAdViewContext);
 
   useEffect(() => {
-    if (!nativeAdView || !nativeAd.image) return;
+    if (!nativeAdView || !nativeAd.image || !imageRef.current) return;
 
     nativeAdView.setNativeProps({
       iconView: findNodeHandle(imageRef.current),
     });
-  }, [nativeAd, nativeAdView]);
+  }, [nativeAd, nativeAdView, imageRef.current]);
 
   if (!nativeAdView) return null;
 

package/src/index.js

@@ -6,7 +6,7 @@ import EventListeners from "./AppLovinMAXEventListeners";
 
 const { AppLovinMAX } = NativeModules;
 
-const VERSION = "5.2.3";
+const VERSION = "5.4.0";
 
 /*---------*/
 /* BANNERS */