react-native-applovin-max 2.1.3 → 2.3.2

package/ios/AppLovinMAXAdViewManager.m

@@ -9,6 +9,7 @@
 #import "AppLovinMAXAdViewManager.h"
 #import <AppLovinSDK/AppLovinSDK.h>
 #import "AppLovinMAX.h"
+#import <React/RCTUIManager.h>
 
 // Internal
 @interface NSString (ALUtils)
@@ -17,50 +18,89 @@
 
 @interface AppLovinMAXAdViewManager()
 
-// View properties
-@property (nonatomic, strong) UIView *containerView;
-@property (nonatomic, strong) MAAdView *adView;
-
-// Properties that need to be set before creating MAAdView
-@property (nonatomic, copy) NSString *adUnitIdentifier;
-@property (nonatomic, weak) MAAdFormat *adFormat;
+// Dictionaries from id of the React view to the corresponding ad unit id and ad format.
+// Both must be set before the MAAdView is created.
+@property (nonatomic, strong) NSMutableDictionary<NSNumber *, NSString *> *adUnitIdRegistry;
+@property (nonatomic, strong) NSMutableDictionary<NSNumber *, MAAdFormat *> *adFormatRegistry;
 
 @end
 
 @implementation AppLovinMAXAdViewManager
 RCT_EXPORT_MODULE(AppLovinMAXAdView)
 
+// Overridding `init` requires main queue
++ (BOOL)requiresMainQueueSetup
+{
+    return YES;
+}
+
+- (instancetype)init
+{
+    self = [super init];
+    if ( self )
+    {
+        self.adUnitIdRegistry = [NSMutableDictionary dictionary];
+        self.adFormatRegistry = [NSMutableDictionary dictionary];
+    }
+    return self;
+}
+
 - (UIView *)view
 {
     // NOTE: Do not set frame or backgroundColor as RN will overwrite the values set by your custom class in order to match your JavaScript component's layout props - hence wrapper
-    self.containerView = [[UIView alloc] init];
-    
-    return self.containerView;
+    return [[UIView alloc] init];
 }
 
-RCT_CUSTOM_VIEW_PROPERTY(adUnitId, NSString, MAAdView)
+// NOTE: `nonnull` must be annotated here for this RN export to work at runtime
+RCT_EXPORT_METHOD(setAdUnitId:(nonnull NSNumber *)viewTag toAdUnitId:(NSString *)adUnitId)
 {
-    self.adUnitIdentifier = [RCTConvert NSString: json];
-    [self attachAdViewIfNeededForAdUnitIdentifier: self.adUnitIdentifier adFormat: self.adFormat];
+    [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        
+        // NOTE: iOS caches the native view via `viewTag` when you remove it from screen (unlike Android)
+        UIView *view = viewRegistry[viewTag];
+        if ( !view )
+        {
+            RCTLogError(@"Cannot find UIView with tag %@", viewTag);
+            return;
+        }
+
+        self.adUnitIdRegistry[viewTag] = adUnitId;
+        
+        [self attachAdViewIfNeededForAdUnitIdentifier: self.adUnitIdRegistry[viewTag]
+                                             adFormat: self.adFormatRegistry[viewTag]
+                                        containerView: view];
+    }];
 }
 
-RCT_CUSTOM_VIEW_PROPERTY(adFormat, NSString, MAAdView)
+// NOTE: `nonnull` must be annotated here for this RN export to work at runtime
+RCT_EXPORT_METHOD(setAdFormat:(nonnull NSNumber *)viewTag toAdFormat:(NSString *)adFormatString)
 {
-    NSString *adFormatStr = [RCTConvert NSString: json];
-    
-    if ( [@"banner" isEqualToString: adFormatStr] )
-    {
-        self.adFormat = DEVICE_SPECIFIC_ADVIEW_AD_FORMAT;
-    }
-    else if ( [@"mrec" isEqualToString: adFormatStr] )
-    {
-        self.adFormat = MAAdFormat.mrec;
-    }
-    
-    [self attachAdViewIfNeededForAdUnitIdentifier: self.adUnitIdentifier adFormat: self.adFormat];
+    [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        
+        // NOTE: iOS caches the native view via `viewTag` when you remove it from screen (unlike Android)
+        UIView *view = viewRegistry[viewTag];
+        if ( !view )
+        {
+            RCTLogError(@"Cannot find UIView with tag %@", viewTag);
+            return;
+        }
+        
+        if ( [@"banner" isEqualToString: adFormatString] )
+        {
+            self.adFormatRegistry[viewTag] = DEVICE_SPECIFIC_ADVIEW_AD_FORMAT;
+        }
+        else if ( [@"mrec" isEqualToString: adFormatString] )
+        {
+            self.adFormatRegistry[viewTag] = MAAdFormat.mrec;
+        }
+
+        [self attachAdViewIfNeededForAdUnitIdentifier: self.adUnitIdRegistry[viewTag]
+                                             adFormat: self.adFormatRegistry[viewTag]
+                                        containerView: view];
+    }];
 }
 
-- (void)attachAdViewIfNeededForAdUnitIdentifier:(NSString *)adUnitIdentifier adFormat:(MAAdFormat *)adFormat
+- (void)attachAdViewIfNeededForAdUnitIdentifier:(NSString *)adUnitIdentifier adFormat:(MAAdFormat *)adFormat containerView:(UIView *)containerView
 {
     // Run after delay to ensure SDK is attached to main module first
     dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t) (1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
@@ -68,31 +108,39 @@ RCT_CUSTOM_VIEW_PROPERTY(adFormat, NSString, MAAdView)
         // If ad unit id and format has been set - create and attach AdView
         if ( [adUnitIdentifier al_isValidString] && adFormat )
         {
+            MAAdView *adView = [self getMAAdViewFromContainerView: containerView];
             // Check if there's a previously-attached AdView
-            if ( self.adView )
+            if ( adView )
             {
-                [self.adView removeFromSuperview];
-                [self.adView stopAutoRefresh];
+                [adView removeFromSuperview];
+                [adView stopAutoRefresh];
                 
-                self.adView = nil;
+                adView = nil;
             }
             
-            self.adView = [AppLovinMAX.shared retrieveAdViewForAdUnitIdentifier: adUnitIdentifier
-                                                                       adFormat: adFormat
-                                                                     atPosition: @""
-                                                                     withOffset: CGPointZero
-                                                                         attach: NO];
-            [self.adView loadAd];
+            adView = [AppLovinMAX.shared retrieveAdViewForAdUnitIdentifier: adUnitIdentifier
+                                                                  adFormat: adFormat
+                                                                atPosition: @""
+                                                                withOffset: CGPointZero
+                                                                    attach: NO];
+            [adView loadAd];
             
-            [self.containerView addSubview: self.adView];
+            [containerView addSubview: adView];
             
-            CGSize adViewSize = [AppLovinMAX adViewSizeForAdFormat: adFormat];
-            [NSLayoutConstraint activateConstraints: @[[self.adView.widthAnchor constraintEqualToConstant: adViewSize.width],
-                                                       [self.adView.heightAnchor constraintEqualToConstant: adViewSize.height],
-                                                       [self.adView.centerXAnchor constraintEqualToAnchor: self.containerView.centerXAnchor],
-                                                       [self.adView.centerYAnchor constraintEqualToAnchor: self.containerView.centerYAnchor]]];
+            CGSize adViewSize = [adFormat adaptiveSizeForWidth: CGRectGetWidth(containerView.frame)];
+            [NSLayoutConstraint activateConstraints: @[[adView.widthAnchor constraintEqualToConstant: adViewSize.width],
+                                                       [adView.heightAnchor constraintEqualToConstant: adViewSize.height],
+                                                       [adView.centerXAnchor constraintEqualToAnchor: containerView.centerXAnchor],
+                                                       [adView.centerYAnchor constraintEqualToAnchor: containerView.centerYAnchor]]];
         }
     });
 }
 
+// MARK: - Helper Functions
+
+- (nullable MAAdView *)getMAAdViewFromContainerView:(UIView *)view
+{
+    return view.subviews.count > 0 ? ((MAAdView *) view.subviews.lastObject) : nil;
+}
+
 @end

package/ios/Podfile

@@ -35,5 +35,5 @@ target 'AppLovinMAX' do
   pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
   pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
 
-  pod 'AppLovinSDK'
+  pod 'AppLovinSDK', '10.3.6'
 end

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-applovin-max",
   "author": "AppLovin Corporation",
-  "version": "2.1.3",
+  "version": "2.3.2",
   "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,10 +11,10 @@ Pod::Spec.new do |s|
   s.authors      = package["author"]
 
   s.platforms    = { :ios => "10.0" }
-  s.source       = { :git => "https://github.com/AppLovin/AppLovin-MAX-React-Nativfe.git", :tag => "release_2_1_3" }
+  s.source       = { :git => "https://github.com/AppLovin/AppLovin-MAX-React-Native.git", :tag => "release_2_3_2" }
   
   s.source_files  = "ios/AppLovinMAX*.{h,m}"
 
   s.dependency "React"
-  s.dependency "AppLovinSDK"
+  s.dependency "AppLovinSDK", "10.3.6"
 end

package/src/AppLovinMAXAdView.js

@@ -1,23 +1,111 @@
-import { requireNativeComponent } from "react-native";
+import { requireNativeComponent, UIManager, findNodeHandle } from "react-native";
 import PropTypes from "prop-types";
 import React from "react";
 import AppLovinMAX from "./index.js";
 
 class AdView extends React.Component {
+
+  static defaultProps = {
+    adaptiveBannerEnabled: true
+  }
+
+  componentDidMount() {
+    this.setAdUnitId(this.props.adUnitId);
+    this.setAdFormat(this.props.adFormat);
+    this.setPlacement(this.props.placement);
+    this.setAdaptiveBannerEnabled(this.props.adaptiveBannerEnabled);
+  }
+
+  componentDidUpdate(prevProps) {
+    // Only call setters for actual changes.
+    if (prevProps.adUnitId !== this.props.adUnitId) {
+      this.setAdUnitId(this.props.adUnitId);
+    }
+
+    if (prevProps.adFormat !== this.props.adFormat) {
+      this.setAdFormat(this.props.adFormat);
+    }
+
+    if (prevProps.placement !== this.props.placement) {
+      this.setPlacement(this.props.placement);
+    }
+
+    if (prevProps.adaptiveBannerEnabled !== this.props.adaptiveBannerEnabled) {
+      this.setAdaptiveBannerEnabled(this.props.adaptiveBannerEnabled);
+    }
+  }
+
   render() {
     let { style, ...otherProps } = this.props;
+
     return <AppLovinMAXAdView
-            // This merges the pub-specified style with ours, but overwrites width/height.
-            style={Object.assign({}, style, this.sizeForAdFormat(otherProps.adFormat))}
-            {...otherProps} />;
+      // This merges the pub-specified style with ours, but overwrites width/height.
+    style = { Object.assign({}, style, this.sizeForAdFormat(otherProps.adFormat)) } {...otherProps }
+    />;
   }
-  
+
+  // Helper Functions
+
   sizeForAdFormat(adFormat) {
-      if (adFormat == AppLovinMAX.AdFormat.BANNER) {
-          return AppLovinMAX.isTablet() ? {width: 728, height: 90} : {width: 320, height: 50}
+    if (adFormat === AppLovinMAX.AdFormat.BANNER) {
+
+      var width = AppLovinMAX.isTablet() ? 728 : 320;
+      var height;
+
+      if (this.props.adaptiveBannerEnabled) {
+        height = AppLovinMAX.getAdaptiveBannerHeightForWidth(-1);
       } else {
-          return {width: 300, height: 250}
+        height = AppLovinMAX.isTablet() ? 90 : 50;
       }
+
+      return { width: width, height: height }
+    } else {
+      return { width: 300, height: 250 }
+    }
+  }
+
+  setAdUnitId(adUnitId) {
+    UIManager.dispatchViewManagerCommand(
+      findNodeHandle(this),
+      Platform.OS === 'android' ? "setAdUnitId" : UIManager.getViewManagerConfig("AppLovinMAXAdView").Commands.setAdUnitId,
+      [adUnitId]
+    );
+  }
+
+  setAdFormat(adFormatStr) {
+    UIManager.dispatchViewManagerCommand(
+      findNodeHandle(this),
+      Platform.OS === 'android' ? "setAdFormat" : UIManager.getViewManagerConfig("AppLovinMAXAdView").Commands.setAdFormat,
+      [adFormatStr]
+    );
+  }
+
+  setPlacement(placement) {
+    var adUnitId = this.props.adUnitId;
+    var adFormat = this.props.adFormat;
+
+    // If the ad unit id or ad format are unset, we can't set the placement.
+    if (adUnitId == null || adFormat == null) return;
+
+    if (adFormat === AppLovinMAX.AdFormat.BANNER) {
+      AppLovinMAX.setBannerPlacement(adUnitId, placement);
+    } else if (adFormat === AppLovinMAX.AdFormat.MREC) {
+      AppLovinMAX.setMRecPlacement(adUnitId, placement);
+    }
+  }
+
+  setAdaptiveBannerEnabled(enabled) {
+    var adUnitId = this.props.adUnitId;
+    var adFormat = this.props.adFormat;
+
+    // If the ad unit id or ad format are unset, we can't set the value
+    if (adUnitId == null || adFormat == null) return;
+
+    if (adFormat === AppLovinMAX.AdFormat.BANNER) {
+      if (enabled === true || enabled === false) {
+        AppLovinMAX.setBannerExtraParameter(adUnitId, "adaptive_banner", enabled ? "true" : "false");
+      }
+    }
   }
 }
 
@@ -31,6 +119,16 @@ AdView.propTypes = {
    * A string value representing the ad format to load ads for. Should be either `AppLovinMAX.AdFormat.BANNER` or `AppLovinMAX.AdFormat.MREC`.
    */
   adFormat: PropTypes.string.isRequired,
+
+  /**
+   * A string value representing the placement name that you assign when you integrate each ad format, for granular reporting in ad events.
+   */
+  placement: PropTypes.string,
+
+  /**
+   * A boolean value representing whether or not to enable adaptive banners. Note that adaptive banners are enabled by default as of v2.3.0.
+   */
+  adaptiveBannerEnabled: PropTypes.bool,
 };
 
 // requireNativeComponent automatically resolves 'AppLovinMAXAdView' to 'AppLovinMAXAdViewManager'

package/src/index.js

@@ -3,7 +3,7 @@ import AdView from "./AppLovinMAXAdView";
 
 const { AppLovinMAX } = NativeModules;
 
-const VERSION = "2.1.3";
+const VERSION = "2.3.2";
 
 /**
  * This enum represents whether or not the consent dialog should be shown for this user.
@@ -139,6 +139,7 @@ export default {
   /* showBanner(adUnitId) */
   /* hideBanner(adUnitId) */
   /* destroyBanner(adUnitId) */
+  /* getAdaptiveBannerHeightForWidth(width) */
 
   /*-------*/
   /* MRECS */

package/CHANGELOG.md

@@ -1,58 +0,0 @@
-## Versions
-
-## 2.1.3
-    * Add support for latest SDKs v10.3.1 with new callbacks.
-## 2.1.2
-    * Fix banners and MRECs native UI components not clicking if not styled by parent dom.
-## 2.1.1
-    * Fix iOS projects not building.
-## 2.1.0
-    * Add API for passing in `errorInfo` for ad load failure callbacks with parameters "code", "message", and "adLoadFailureInfo".
-    * Add API for passing in `errorInfo` for ad display failure callbacks with parameters "code" and "message".
-    * Add API for creating and updating banner X and Y offsets. For example, to offset banner 50px from a bottom center position: `AppLovinMAX.createBannerWithOffsets(adUnitId, AppLovinMAX.AdViewPosition.BOTTOM_CENTER, 0, 50);`.
-## 2.0.6
-    * Add support for latest SDKs v10.3.0 with new callbacks.
-## 2.0.5
-    * Fallback to SDK key in Android Manifest and Info.plist if not passed programmatically.
-    * Add support for setting banner width.
-## 2.0.4
-    * Pass `"countryCode"` in initialization callback.
-## 2.0.3
-    * Fix ad callbacks not returning.
-## 2.0.2
-    * Remove `getAdInfo(adUnitId)` API in lieu of ad callbacks.
-    * Return more data in ad callbacks in addition to `ad.adUnitId` (e.g. `adInfo.creativeId`, `adInfo.networkName`, `adInfo.placement`, `adInfo.revenue`).
-## 2.0.1
-    * Ensure exported iOS methods are invoked on the main queue.
-## 2.0.0
-    * Initial support for MAX consent flow. Please see our documentation for instructions on enabling it.
-    * Add `AppLovinMAX.setCreativeDebuggerEnabled()` API to enable the creative debugger button.
-    * Revert from using the hardcoded SDK value of 10.1.1 to using +.
-    * Fix MRec ad expanded event not working on Android.
-## 1.1.10
-    * Hardcode Android SDK version to 10.1.1.
-## 1.1.9
-    * Fix React Native version not being passed through to native SDKs.
-## 1.1.8
-    * Remove need to define Android product flavors in `build.gradle`.
-## 1.1.7
-    * Fix Android native UI banners rendering issues when mounting / unmounting.
-    * Add support for setting test device(s) using the advertising identifier (GAID / IDFA) printed in the initialization logs.
-## 1.1.6
-    * Attempt fix for `loadInterstitial()` or `loadRewardedAd()` due to current Activity being null.
-## 1.1.5
-    * Fix `removeEventListener()` not working by explicitly calling `remove()`.
-## 1.1.4
-    * Fix Android banners not working for fast refreshes.
-    * FIx iOS module's podspec pointing to invalid tag.
-## 1.1.3
-    * Ensure values such as user id is set before initializing SDK.
-    * Add workaround for `getCurrentActivity()` returning `null`.
-## 1.1.2
-    * Fix `ConsentDialogState.UNKNOWN` being returned for `getConsentDialogState()` on iOS.
-## 1.1.1
-    * Fix `AppLovinMAX.removeEventListener()` crash.
-## 1.1.0
-    * Add support for native banner / MREC UI components via `<AppLovinMAX.AdView adUnitId={...} adFormat={...} />`.
-## 1.0.0
-    * Initial release with support for interstitials, rewarded ads, banners, and MRECs.

package/android/.gitignore

@@ -1,23 +0,0 @@
-
-*.iml
-
-*.apk
-
-*.hprof
-
-
-/local.properties
-.idea
-.gradle
-
-.DS_Store
-
-/build
-/captures
-/target
-/release
-
-.externalNativeBuild
-.DS_Store
-
-sdk_keys.local

package/ios/.gitignore

@@ -1 +0,0 @@
-/Pods

package/ios/AppLovinMAX.xcworkspace/xcuserdata/thomasso.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist

@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Bucket
-   uuid = "3CE74096-E37E-4931-B9DE-06D2340266D0"
-   type = "0"
-   version = "2.0">
-   <Breakpoints>
-      <BreakpointProxy
-         BreakpointExtensionID = "Xcode.Breakpoint.FileBreakpoint">
-         <BreakpointContent
-            uuid = "4F7E6675-4074-44B2-A62C-1962AA9296C7"
-            shouldBeEnabled = "Yes"
-            ignoreCount = "0"
-            continueAfterRunningActions = "No"
-            filePath = "AppLovinMAXAdViewManager.m"
-            startingColumnNumber = "9223372036854775807"
-            endingColumnNumber = "9223372036854775807"
-            startingLineNumber = "90"
-            endingLineNumber = "90"
-            landmarkName = "-attachAdViewIfNeededForAdUnitIdentifier:adFormat:"
-            landmarkType = "7">
-         </BreakpointContent>
-      </BreakpointProxy>
-   </Breakpoints>
-</Bucket>