react-native-applovin-max 3.3.1 → 4.0.0

package/android/build.gradle

@@ -41,8 +41,8 @@ android {
   defaultConfig {
     minSdkVersion 16
     targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
-    versionCode 3030100
-    versionName "3.3.1"
+    versionCode 4000000
+    versionName "4.0.0"
   }
 
   flavorDimensions("default")
@@ -150,5 +150,5 @@ dependencies {
 
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
 
-  implementation 'com.applovin:applovin-sdk:11.5.1'
+  implementation 'com.applovin:applovin-sdk:11.5.3'
 }

package/android/gradle/wrapper/gradle-wrapper.properties

@@ -3,4 +3,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-6.1.1-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.9-all.zip

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

@@ -495,13 +495,13 @@ public class AppLovinMAXModule
     }
 
     @ReactMethod()
-    public void setConsentFlowEnabled(final boolean enabled) {}
+    public void setConsentFlowEnabled(final boolean enabled) { }
 
     @ReactMethod()
-    public void setPrivacyPolicyUrl(final String urlString) {}
+    public void setPrivacyPolicyUrl(final String urlString) { }
 
     @ReactMethod()
-    public void setTermsOfServiceUrl(final String urlString) {}
+    public void setTermsOfServiceUrl(final String urlString) { }
 
     // Data Passing
 
@@ -940,6 +940,10 @@ public class AppLovinMAXModule
         {
             name = "OnRewardedAdLoadedEvent";
         }
+        else if ( MaxAdFormat.NATIVE == adFormat )
+        {
+            name = "OnNativeAdLoadedEvent";
+        }
         else
         {
             logInvalidAdFormat( adFormat );
@@ -949,6 +953,11 @@ public class AppLovinMAXModule
         sendReactNativeEvent( name, getAdInfo( ad ) );
     }
 
+    public void handleNativeAdLoadFailureForAdUnitId(final String adUnitId, final MaxError error)
+    {
+        sendReactNativeEventForAdLoadFailed( "OnNativeAdLoadFailedEvent", adUnitId, error );
+    }
+
     @Override
     public void onAdLoadFailed(final String adUnitId, final MaxError error)
     {
@@ -1021,6 +1030,10 @@ public class AppLovinMAXModule
         {
             name = "OnRewardedAdClickedEvent";
         }
+        else if ( MaxAdFormat.NATIVE == adFormat )
+        {
+            name = "OnNativeAdClickedEvent";
+        }
         else
         {
             logInvalidAdFormat( adFormat );
@@ -1141,6 +1154,10 @@ public class AppLovinMAXModule
         {
             name = "OnRewardedAdRevenuePaid";
         }
+        else if ( MaxAdFormat.NATIVE == adFormat )
+        {
+            name = "OnNativeAdRevenuePaid";
+        }
         else
         {
             logInvalidAdFormat( adFormat );

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

@@ -0,0 +1,365 @@
+package com.applovin.reactnative;
+
+import android.content.Context;
+import android.text.TextUtils;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+
+import com.applovin.mediation.MaxAd;
+import com.applovin.mediation.MaxError;
+import com.applovin.mediation.nativeAds.MaxNativeAd;
+import com.applovin.mediation.nativeAds.MaxNativeAd.MaxNativeAdImage;
+import com.applovin.mediation.nativeAds.MaxNativeAdListener;
+import com.applovin.mediation.nativeAds.MaxNativeAdLoader;
+import com.applovin.mediation.nativeAds.MaxNativeAdView;
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.uimanager.events.RCTEventEmitter;
+import com.facebook.react.views.view.ReactViewGroup;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.concurrent.atomic.AtomicBoolean;
+
+import androidx.annotation.Nullable;
+
+import static com.applovin.sdk.AppLovinSdkUtils.runOnUiThreadDelayed;
+
+public class AppLovinMAXNativeAdView
+        extends ReactViewGroup
+{
+    private final ReactContext      reactContext;
+    @Nullable
+    private       MaxNativeAdLoader adLoader;
+    @Nullable
+    private       MaxAd             nativeAd;
+    private final AtomicBoolean     isLoading = new AtomicBoolean(); // Guard against repeated ad loads
+
+    // JavaScript properties
+    private String              adUnitId;
+    @Nullable
+    private String              placement;
+    @Nullable
+    private String              customData;
+    @Nullable
+    private Map<String, Object> extraParameters;
+
+    // TODO: Allow publisher to select which views are clickable and which isn't via prop
+    private final List<View> clickableViews = new ArrayList<>();
+
+    public AppLovinMAXNativeAdView(final Context context)
+    {
+        super( context );
+        reactContext = (ReactContext) context;
+    }
+
+    public void destroy()
+    {
+        maybeDestroyCurrentAd();
+
+        if ( adLoader != null )
+        {
+            adLoader.destroy();
+            adLoader = null;
+        }
+    }
+
+    public void setAdUnitId(final String value)
+    {
+        if ( TextUtils.isEmpty( value ) ) return;
+
+        adUnitId = value;
+
+        // Explicitly invoke ad load now that Ad Unit ID is set, but do so after 0.25s to allow other props to set
+        postDelayed( this::loadAd, 250 );
+    }
+
+    public void setPlacement(@Nullable final String value)
+    {
+        placement = value;
+    }
+
+    public void setCustomData(@Nullable final String value)
+    {
+        customData = value;
+    }
+
+    public void setExtraParameters(@Nullable final ReadableMap readableMap)
+    {
+        if ( readableMap != null )
+        {
+            extraParameters = readableMap.toHashMap();
+        }
+    }
+
+    public void loadAd()
+    {
+        if ( isLoading.compareAndSet( false, true ) )
+        {
+            AppLovinMAXModule.d( "Loading a native ad for Ad Unit ID: " + adUnitId + "..." );
+
+            if ( adLoader == null || !adUnitId.equals( adLoader.getAdUnitId() ) )
+            {
+                adLoader = new MaxNativeAdLoader( adUnitId, AppLovinMAXModule.getInstance().getSdk(), reactContext );
+                adLoader.setRevenueListener( AppLovinMAXModule.getInstance() );
+                adLoader.setNativeAdListener( new NativeAdListener() );
+            }
+
+            adLoader.setPlacement( placement );
+            adLoader.setCustomData( customData );
+
+            if ( extraParameters != null )
+            {
+                for ( Map.Entry<String, Object> entry : extraParameters.entrySet() )
+                {
+                    adLoader.setExtraParameter( entry.getKey(), (String) entry.getValue() );
+                }
+            }
+
+            adLoader.loadAd();
+        }
+        else
+        {
+            AppLovinMAXModule.e( "Ignoring request to load native ad for Ad Unit ID " + adUnitId + ", another ad load in progress" );
+        }
+    }
+
+    /// Views to Replace
+
+    public void setTitleView(final int tag)
+    {
+        if ( nativeAd.getNativeAd().getTitle() == null ) return;
+
+        View view = findViewById( tag );
+        view.setClickable( true );
+
+        clickableViews.add( view );
+    }
+
+    public void setAdvertiserView(final int tag)
+    {
+        if ( nativeAd.getNativeAd().getAdvertiser() == null ) return;
+
+        View view = findViewById( tag );
+        view.setClickable( true );
+
+        clickableViews.add( view );
+    }
+
+    public void setBodyView(final int tag)
+    {
+        if ( nativeAd.getNativeAd().getBody() == null ) return;
+
+        View view = findViewById( tag );
+        view.setClickable( true );
+
+        clickableViews.add( view );
+    }
+
+    public void setCallToActionView(final int tag)
+    {
+        if ( nativeAd.getNativeAd().getCallToAction() == null ) return;
+
+        View view = findViewById( tag );
+        view.setClickable( true );
+
+        clickableViews.add( view );
+    }
+
+    public void setMediaView(final int tag)
+    {
+        View mediaView = nativeAd.getNativeAd().getMediaView();
+        if ( mediaView == null ) return;
+
+        ViewGroup view = findViewById( tag );
+        if ( view == null )
+        {
+            AppLovinMAXModule.e( "Cannot find a media view with tag \"" + tag + "\" for " + adUnitId );
+            return;
+        }
+
+        clickableViews.add( view );
+
+        mediaView.measure( MeasureSpec.makeMeasureSpec( view.getWidth(), MeasureSpec.EXACTLY ),
+                           MeasureSpec.makeMeasureSpec( view.getHeight(), MeasureSpec.EXACTLY ) );
+        mediaView.layout( 0, 0, view.getWidth(), view.getHeight() );
+        view.addView( mediaView );
+    }
+
+    public void setOptionsView(final int tag)
+    {
+        View optionsView = nativeAd.getNativeAd().getOptionsView();
+        if ( optionsView == null ) return;
+
+        ViewGroup view = findViewById( tag );
+        if ( view == null )
+        {
+            AppLovinMAXModule.e( "Cannot find an options view with tag \"" + tag + "\" for " + adUnitId );
+            return;
+        }
+
+        optionsView.measure( MeasureSpec.makeMeasureSpec( view.getWidth(), MeasureSpec.EXACTLY ),
+                             MeasureSpec.makeMeasureSpec( view.getHeight(), MeasureSpec.EXACTLY ) );
+        optionsView.layout( 0, 0, view.getWidth(), view.getHeight() );
+        view.addView( optionsView );
+    }
+
+    public void setIconView(final int tag)
+    {
+        ImageView view = findViewById( tag );
+        if ( view == null )
+        {
+            AppLovinMAXModule.e( "Cannot find an icon image with tag \"" + tag + "\" for " + adUnitId );
+            return;
+        }
+
+        view.setClickable( true );
+        clickableViews.add( view );
+
+        MaxNativeAdImage icon = nativeAd.getNativeAd().getIcon();
+
+        // Check if "URL" was missing and therefore need to set the image data
+        if ( icon.getUri() == null && icon.getDrawable() != null )
+        {
+            view.setImageDrawable( nativeAd.getNativeAd().getIcon().getDrawable() );
+        }
+    }
+
+    /// Ad Loader Callback
+
+    class NativeAdListener
+            extends MaxNativeAdListener
+    {
+        @Override
+        public void onNativeAdLoaded(@Nullable final MaxNativeAdView nativeAdView, final MaxAd ad)
+        {
+            AppLovinMAXModule.d( "Native ad loaded: " + ad );
+
+            // Log a warning if it is a template native ad returned - as our plugin will be responsible for re-rendering the native ad's assets
+            if ( nativeAdView != null )
+            {
+                isLoading.set( false );
+
+                AppLovinMAXModule.e( "Native ad is of template type, failing ad load..." );
+                AppLovinMAXModule.getInstance().handleNativeAdLoadFailureForAdUnitId( adUnitId, null );
+
+                return;
+            }
+
+            maybeDestroyCurrentAd();
+
+            nativeAd = ad;
+
+            // Notify `AppLovinNativeAdView.js`
+            sendAdLoadedReactNativeEventForAd( ad.getNativeAd() );
+
+            // After notifying the RN layer - have slight delay to let views bind to this layer in `clickableViews` before registering
+            runOnUiThreadDelayed( () -> {
+                // Notify publisher
+                AppLovinMAXModule.getInstance().onAdLoaded( ad );
+
+                adLoader.a( clickableViews, AppLovinMAXNativeAdView.this, ad );
+                adLoader.b( ad );
+
+                isLoading.set( false );
+            }, 500L );
+        }
+
+        @Override
+        public void onNativeAdLoadFailed(final String adUnitId, final MaxError error)
+        {
+            isLoading.set( false );
+
+            AppLovinMAXModule.e( "Failed to load native ad for Ad Unit ID " + adUnitId + " with error: " + error );
+
+            // Notify publisher
+            AppLovinMAXModule.getInstance().handleNativeAdLoadFailureForAdUnitId( adUnitId, error );
+        }
+
+        @Override
+        public void onNativeAdClicked(final MaxAd ad)
+        {
+            AppLovinMAXModule.getInstance().onAdClicked( ad );
+        }
+    }
+
+    private void sendAdLoadedReactNativeEventForAd(final MaxNativeAd ad)
+    {
+        WritableMap jsNativeAd = Arguments.createMap();
+
+        jsNativeAd.putString( "title", ad.getTitle() );
+        if ( ad.getAdvertiser() != null )
+        {
+            jsNativeAd.putString( "advertiser", ad.getAdvertiser() );
+        }
+        if ( ad.getBody() != null )
+        {
+            jsNativeAd.putString( "body", ad.getBody() );
+        }
+        if ( ad.getCallToAction() != null )
+        {
+            jsNativeAd.putString( "callToAction", ad.getCallToAction() );
+        }
+
+        MaxNativeAdImage icon = ad.getIcon();
+        if ( icon != null )
+        {
+            if ( icon.getUri() != null )
+            {
+                jsNativeAd.putString( "url", icon.getUri().toString() );
+            }
+            else if ( icon.getDrawable() != null )
+            {
+                jsNativeAd.putBoolean( "image", true );
+            }
+        }
+
+        float aspectRatio = ad.getMediaContentAspectRatio();
+        if ( !Float.isNaN( aspectRatio ) )
+        {
+            jsNativeAd.putDouble( "mediaContentAspectRatio", aspectRatio );
+        }
+
+        // Send to `AppLovinNativeAdView.js` to render the views
+        reactContext.getJSModule( RCTEventEmitter.class ).receiveEvent( getId(), "onAdLoaded", jsNativeAd );
+    }
+
+    private void maybeDestroyCurrentAd()
+    {
+        if ( nativeAd != null )
+        {
+            if ( nativeAd.getNativeAd() != null )
+            {
+                View view = nativeAd.getNativeAd().getMediaView();
+                if ( view != null )
+                {
+                    ViewGroup parentView = (ViewGroup) view.getParent();
+                    if ( parentView != null )
+                    {
+                        parentView.removeView( view );
+                    }
+                }
+
+                view = nativeAd.getNativeAd().getOptionsView();
+                if ( view != null )
+                {
+                    ViewGroup parentView = (ViewGroup) view.getParent();
+                    if ( parentView != null )
+                    {
+                        parentView.removeView( view );
+                    }
+                }
+            }
+
+            adLoader.destroy( nativeAd );
+
+            nativeAd = null;
+        }
+
+        clickableViews.clear();
+    }
+}

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

@@ -0,0 +1,148 @@
+package com.applovin.reactnative;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.common.MapBuilder;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.ViewGroupManager;
+import com.facebook.react.uimanager.annotations.ReactProp;
+
+import java.util.Map;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+public class AppLovinMAXNativeAdViewManager
+        extends ViewGroupManager<AppLovinMAXNativeAdView>
+{
+    public static final String REACT_CLASS = "AppLovinMAXNativeAdView";
+
+    public final int COMMAND_LOAD_AD = 1;
+
+    public AppLovinMAXNativeAdViewManager(final ReactApplicationContext callerContext) { }
+
+    @NonNull
+    @Override
+    protected AppLovinMAXNativeAdView createViewInstance(@NonNull final ThemedReactContext reactContext)
+    {
+        return new AppLovinMAXNativeAdView( reactContext );
+    }
+
+    @NonNull
+    @Override
+    public String getName()
+    {
+        return REACT_CLASS;
+    }
+
+    /// Callback to JavaScript
+
+    @Nullable
+    @Override
+    public Map<String, Object> getExportedCustomDirectEventTypeConstants()
+    {
+        return MapBuilder.<String, Object>builder()
+                .put( "onAdLoaded", MapBuilder.of( "registrationName", "onAdLoaded" ) )
+                .build();
+    }
+
+    /// Call from JavaScript
+
+    @Nullable
+    @Override
+    public Map<String, Integer> getCommandsMap()
+    {
+        return MapBuilder.of(
+                "loadAd", COMMAND_LOAD_AD
+        );
+    }
+
+    // NOTE: the method is deprecated but the new version won't work
+    @Override
+    public void receiveCommand(@NonNull final AppLovinMAXNativeAdView root, final int commandId, @Nullable final ReadableArray args)
+    {
+        switch ( commandId )
+        {
+            case COMMAND_LOAD_AD:
+                root.loadAd();
+                break;
+        }
+    }
+
+    /// Property Setters
+
+    @ReactProp(name = "adUnitId")
+    public void setAdUnitId(final AppLovinMAXNativeAdView view, final String value)
+    {
+        view.setAdUnitId( value );
+    }
+
+    @ReactProp(name = "placement")
+    public void setPlacement(final AppLovinMAXNativeAdView view, @Nullable final String value)
+    {
+        view.setPlacement( value );
+    }
+
+    @ReactProp(name = "customData")
+    public void setCustomData(final AppLovinMAXNativeAdView view, @Nullable final String value)
+    {
+        view.setCustomData( value );
+    }
+
+    @ReactProp(name = "extraParameters")
+    public void setExtraParameters(final AppLovinMAXNativeAdView view, @Nullable final ReadableMap value)
+    {
+        view.setExtraParameters( value );
+    }
+
+    @ReactProp(name = "titleView")
+    public void setTitleView(final AppLovinMAXNativeAdView view, final int value)
+    {
+        view.setTitleView( value );
+    }
+
+    @ReactProp(name = "advertiserView")
+    public void setAdvertiserView(final AppLovinMAXNativeAdView view, final int value)
+    {
+        view.setAdvertiserView( value );
+    }
+
+    @ReactProp(name = "bodyView")
+    public void setBodyView(final AppLovinMAXNativeAdView view, final int value)
+    {
+        view.setBodyView( value );
+    }
+
+    @ReactProp(name = "callToActionView")
+    public void setCallToActionView(final AppLovinMAXNativeAdView view, final int value)
+    {
+        view.setCallToActionView( value );
+    }
+
+    @ReactProp(name = "mediaView")
+    public void setMediaView(final AppLovinMAXNativeAdView view, final int value)
+    {
+        view.setMediaView( value );
+    }
+
+    @ReactProp(name = "optionsView")
+    public void setOptionsView(final AppLovinMAXNativeAdView view, final int value)
+    {
+        view.setOptionsView( value );
+    }
+
+    @ReactProp(name = "iconView")
+    public void setIconView(final AppLovinMAXNativeAdView view, final int value)
+    {
+        view.setIconView( value );
+    }
+
+    @Override
+    public void onDropViewInstance(@NonNull final AppLovinMAXNativeAdView view)
+    {
+        view.destroy();
+
+        super.onDropViewInstance( view );
+    }
+}

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

@@ -27,8 +27,9 @@ public class AppLovinMAXPackage
     @Override
     public @NonNull List<ViewManager> createViewManagers(@NonNull final ReactApplicationContext reactContext)
     {
-        List<ViewManager> viewManagers = new ArrayList<>( 1 );
+        List<ViewManager> viewManagers = new ArrayList<>( 2 );
         viewManagers.add( new AppLovinMAXAdViewManager( reactContext ) );
+        viewManagers.add( new AppLovinMAXNativeAdViewManager( reactContext ) );
         return viewManagers;
     }
 }

package/ios/AppLovinMAX.h

@@ -36,6 +36,11 @@ NS_ASSUME_NONNULL_BEGIN
  */
 - (void)log:(NSString *)format, ...;
 
+/**
+ * Convenience method for invoking a native ad load failure event.
+ */
+- (void)handleNativeAdLoadFailureForAdUnitIdentifier:(NSString *)adUnitIdentifier error:(nullable MAError *)error;
+
 @end
 
 NS_ASSUME_NONNULL_END

package/ios/AppLovinMAX.m

@@ -7,6 +7,7 @@
 //
 
 #import "AppLovinMAX.h"
+#import "AppLovinMAXNativeAdView.h"
 
 #define ROOT_VIEW_CONTROLLER (UIApplication.sharedApplication.keyWindow.rootViewController)
 
@@ -207,8 +208,8 @@ RCT_EXPORT_METHOD(initialize:(NSString *)pluginVersion :(NSString *)sdkKey :(RCT
         
     [self setPendingExtraParametersIfNeeded: self.sdk.settings];
 
-    [self.sdk initializeSdkWithCompletionHandler:^(ALSdkConfiguration *configuration)
-     {
+    [self.sdk initializeSdkWithCompletionHandler:^(ALSdkConfiguration *configuration) {
+        
         [self log: @"SDK initialized"];
         
         self.sdkConfiguration = configuration;
@@ -731,6 +732,10 @@ RCT_EXPORT_METHOD(setRewardedAdExtraParameter:(NSString *)adUnitIdentifier :(NSS
     {
         name = @"OnRewardedAdLoadedEvent";
     }
+    else if ( MAAdFormat.native == adFormat )
+    {
+        name = @"OnNativeAdLoadedEvent";
+    }
     else
     {
         [self logInvalidAdFormat: adFormat];
@@ -740,6 +745,16 @@ RCT_EXPORT_METHOD(setRewardedAdExtraParameter:(NSString *)adUnitIdentifier :(NSS
     [self sendReactNativeEventWithName: name body: [self adInfoForAd: ad]];
 }
 
+- (void)handleNativeAdLoadFailureForAdUnitIdentifier:(NSString *)adUnitIdentifier error:(nullable MAError *)error
+{
+    [self sendReactNativeEventWithName: @"OnNativeAdLoadFailedEvent"
+                                  body: @{@"adUnitId" : adUnitIdentifier,
+                                          @"code" : @(error.code),
+                                          @"message" : error.message,
+                                          @"adLoadFailureInfo" : error.adLoadFailureInfo ?: @"",
+                                          @"waterfall": [self createAdWaterfallInfo: error.waterfall]}];
+}
+
 - (void)didFailToLoadAdForAdUnitIdentifier:(NSString *)adUnitIdentifier withError:(MAError *)error
 {
     if ( !adUnitIdentifier )
@@ -794,6 +809,10 @@ RCT_EXPORT_METHOD(setRewardedAdExtraParameter:(NSString *)adUnitIdentifier :(NSS
     {
         name = @"OnRewardedAdClickedEvent";
     }
+    else if ( MAAdFormat.native == adFormat )
+    {
+        name = @"OnNativeAdClickedEvent";
+    }
     else
     {
         [self logInvalidAdFormat: adFormat];
@@ -910,6 +929,10 @@ RCT_EXPORT_METHOD(setRewardedAdExtraParameter:(NSString *)adUnitIdentifier :(NSS
     {
         name = @"OnRewardedAdRevenuePaid";
     }
+    else if ( MAAdFormat.native == adFormat )
+    {
+        name = @"OnNativeAdRevenuePaid";
+    }
     else
     {
         [self logInvalidAdFormat: adFormat];
@@ -1574,7 +1597,12 @@ RCT_EXPORT_METHOD(setRewardedAdExtraParameter:(NSString *)adUnitIdentifier :(NSS
              @"OnRewardedAdFailedToDisplayEvent",
              @"OnRewardedAdHiddenEvent",
              @"OnRewardedAdReceivedRewardEvent",
-             @"OnRewardedAdRevenuePaid"];
+             @"OnRewardedAdRevenuePaid",
+             
+             @"OnNativeAdLoadedEvent",
+             @"OnNativeAdLoadFailedEvent",
+             @"OnNativeAdClickedEvent",
+             @"OnNativeAdRevenuePaid"];
 }
 
 - (void)startObserving