react-native-applovin-max 5.1.0 → 5.2.1

package/android/build.gradle

@@ -1,6 +1,6 @@
 buildscript {
   ext.versions = [
-          'minSdk'                : 16,
+          'minSdk'                : 21,
           'compileSdk'            : 29,
           'targetSdk'             : 29,
           'playServicesIdentifier': "16.0.0",
@@ -35,8 +35,8 @@ android {
   defaultConfig {
     minSdkVersion 16
     targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
-    versionCode 5010000
-    versionName "5.1.0"
+    versionCode 5020100
+    versionName "5.2.1"
   }
 
   flavorDimensions("default")
@@ -140,5 +140,5 @@ dependencies {
   // noinspection GradleDynamicVersion
   api 'com.facebook.react:react-native:+'
 
-  implementation 'com.applovin:applovin-sdk:11.8.2'
+  implementation 'com.applovin:applovin-sdk:11.9.0'
 }

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

@@ -289,11 +289,11 @@ public class AppLovinMAXNativeAdView
     @Override
     public void onLayoutChange(View view, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom)
     {
-        if ( view == mediaView.getParent() )
+        if ( mediaView != null && view == mediaView.getParent() )
         {
             sizeToFit( mediaView, view );
         }
-        else if ( view == optionsView.getParent() )
+        else if ( optionsView != null && view == optionsView.getParent() )
         {
             sizeToFit( optionsView, view );
         }
@@ -391,6 +391,11 @@ public class AppLovinMAXNativeAdView
         nativeAdInfo.putString( "body", ad.getBody() );
         nativeAdInfo.putString( "callToAction", ad.getCallToAction() );
 
+        if ( ad.getStarRating() != null )
+        {
+            nativeAdInfo.putDouble( "starRating", ad.getStarRating().doubleValue() );
+        }
+
         float aspectRatio = ad.getMediaContentAspectRatio();
         if ( !Float.isNaN( aspectRatio ) )
         {
@@ -424,6 +429,11 @@ public class AppLovinMAXNativeAdView
         jsNativeAd.putString( "body", ad.getBody() );
         jsNativeAd.putString( "callToAction", ad.getCallToAction() );
 
+        if ( ad.getStarRating() != null )
+        {
+            jsNativeAd.putDouble( "starRating", ad.getStarRating().doubleValue() );
+        }
+
         MaxNativeAdImage icon = ad.getIcon();
         if ( icon != null )
         {

package/ios/AppLovinMAXNativeAdView.m

@@ -11,6 +11,13 @@
 #import "AppLovinMAX.h"
 #import "AppLovinMAXNativeAdView.h"
 
+#define TITLE_LABEL_TAG          1
+#define MEDIA_VIEW_CONTAINER_TAG 2
+#define ICON_VIEW_TAG            3
+#define BODY_VIEW_TAG            4
+#define CALL_TO_ACTION_VIEW_TAG  5
+#define ADVERTISER_VIEW_TAG      8
+
 @interface MANativeAdLoader()
 - (void)registerClickableViews:(NSArray<UIView *> *)clickableViews
                  withContainer:(UIView *)container
@@ -85,7 +92,7 @@
 - (void)setAdUnitId:(NSString *)adUnitId
 {
     if ( ![adUnitId al_isValidString] ) return;
-        
+    
     _adUnitId = adUnitId;
     
     // Explicitly invoke ad load now that Ad Unit ID is set, but do so after 0.25s to allow other props to set
@@ -102,7 +109,7 @@
         [[AppLovinMAX shared] logUninitializedAccessError: @"AppLovinMAXNativeAdview.loadAd"];
         return;
     }
-
+    
     if ( [self.isLoading compareAndSet: NO update: YES] )
     {
         [[AppLovinMAX shared] log: @"Loading a native ad for Ad Unit ID: %@...", self.adUnitId];
@@ -133,7 +140,7 @@
 - (void)setTitleView:(NSNumber *)tag
 {
     if ( !self.nativeAd.nativeAd.title ) return;
-  
+    
     UIView *view = [self.bridge.uiManager viewForReactTag: tag];
     if ( !view )
     {
@@ -141,48 +148,56 @@
         return;
     }
     
+    view.tag = TITLE_LABEL_TAG;
+    
     [self.clickableViews addObject: view];
 }
 
 - (void)setAdvertiserView:(NSNumber *)tag
 {
     if ( !self.nativeAd.nativeAd.advertiser ) return;
-  
+    
     UIView *view = [self.bridge.uiManager viewForReactTag: tag];
     if ( !view )
     {
         [[AppLovinMAX shared] log: @"Cannot find an advertiser view with tag \"%@\" for %@", tag, self.adUnitId];
         return;
     }
-
+    
+    view.tag = ADVERTISER_VIEW_TAG;
+    
     [self.clickableViews addObject: view];
 }
 
 - (void)setBodyView:(NSNumber *)tag
 {
     if ( !self.nativeAd.nativeAd.body ) return;
-  
+    
     UIView *view = [self.bridge.uiManager viewForReactTag: tag];
     if ( !view )
     {
         [[AppLovinMAX shared] log: @"Cannot find a body view with tag \"%@\" for %@", tag, self.adUnitId];
         return;
     }
-
+    
+    view.tag = BODY_VIEW_TAG;
+    
     [self.clickableViews addObject: view];
 }
 
 - (void)setCallToActionView:(NSNumber *)tag
 {
     if ( !self.nativeAd.nativeAd.callToAction ) return;
-  
+    
     UIView *view = [self.bridge.uiManager viewForReactTag: tag];
     if ( !view )
     {
         [[AppLovinMAX shared] log: @"Cannot find a callToAction view with tag \"%@\" for %@", tag, self.adUnitId];
         return;
     }
-
+    
+    view.tag = CALL_TO_ACTION_VIEW_TAG;
+    
     [self.clickableViews addObject: view];
 }
 
@@ -195,6 +210,8 @@
         return;
     }
     
+    view.tag = ICON_VIEW_TAG;
+    
     [self.clickableViews addObject: view];
     
     MANativeAdImage *icon = self.nativeAd.nativeAd.icon;
@@ -212,14 +229,14 @@
 - (void)setOptionsView:(NSNumber *)tag
 {
     if ( !self.nativeAd.nativeAd.optionsView ) return;
-       
+    
     UIView *view = [self.bridge.uiManager viewForReactTag: tag];
     if ( !view )
     {
         [[AppLovinMAX shared] log: @"Cannot find an option view with tag \"%@\" for %@", tag, self.adUnitId];
         return;
     }
-  
+    
     [view addSubview: self.nativeAd.nativeAd.optionsView];
     [self.nativeAd.nativeAd.optionsView al_pinToSuperview];
 }
@@ -234,9 +251,11 @@
         [[AppLovinMAX shared] log: @"Cannot find a media view with tag \"%@\" for %@", tag, self.adUnitId];
         return;
     }
-
+    
+    view.tag = MEDIA_VIEW_CONTAINER_TAG;
+    
     [self.clickableViews addObject: view];
-  
+    
     [view addSubview: self.nativeAd.nativeAd.mediaView];
     [self.nativeAd.nativeAd.mediaView al_pinToSuperview];
 }
@@ -246,7 +265,7 @@
 - (void)didLoadNativeAd:(nullable MANativeAdView *)nativeAdView forAd:(MAAd *)ad
 {
     [[AppLovinMAX shared] log: @"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 )
     {
@@ -270,7 +289,7 @@
         
         [self.adLoader registerClickableViews: self.clickableViews withContainer: self forAd: ad];
         [self.adLoader handleNativeAdViewRenderedForAd: ad];
-      
+        
         [self.isLoading set: NO];
     });
 }
@@ -284,7 +303,8 @@
     nativeAdInfo[@"advertiser"] = ad.advertiser;
     nativeAdInfo[@"body"] = ad.body;
     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.
@@ -301,11 +321,11 @@
     {
         nativeAdInfo[@"mediaContentAspectRatio"] = @(1.0);
     }
-
+    
     nativeAdInfo[@"isIconImageAvailable"] = @(ad.icon != nil);
     nativeAdInfo[@"isOptionsViewAvailable"] = @(ad.optionsView != nil);
     nativeAdInfo[@"isMediaViewAvailable"] = @(ad.mediaView != nil);
-
+    
     NSMutableDictionary *adInfo = [[AppLovinMAX shared] adInfoForAd: self.nativeAd].mutableCopy;
     adInfo[@"nativeAd"] = nativeAdInfo;
     
@@ -316,7 +336,8 @@
     jsNativeAd[@"advertiser"] = ad.advertiser;
     jsNativeAd[@"body"] = ad.body;
     jsNativeAd[@"callToAction"] = ad.callToAction;
-
+    jsNativeAd[@"starRating"] = ad.starRating;
+    
     if ( ad.icon )
     {
         if ( ad.icon.URL )
@@ -328,7 +349,7 @@
             jsNativeAd[@"image"] = @(YES);
         }
     }
-
+    
     jsNativeAd[@"isOptionsViewAvailable"] = ad.optionsView ? @(YES) : @(NO);
     jsNativeAd[@"isMediaViewAvailable"] = ad.mediaView ? @(YES) : @(NO);
     
@@ -382,7 +403,7 @@
         
         self.nativeAd = nil;
     }
-  
+    
     [self.clickableViews removeAllObjects];
 }
 

package/ios/Podfile

@@ -35,6 +35,6 @@ 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', '11.8.2'
+  pod 'AppLovinSDK', '11.9.0'
 
 end

package/ios/Podfile.lock

@@ -1,5 +1,5 @@
 PODS:
-  - AppLovinSDK (11.8.2)
+  - AppLovinSDK (11.9.0)
   - boost-for-react-native (1.63.0)
   - DoubleConversion (1.1.6)
   - FBLazyVector (0.63.5)
@@ -249,7 +249,7 @@ PODS:
   - Yoga (1.14.0)
 
 DEPENDENCIES:
-  - AppLovinSDK (= 11.8.2)
+  - AppLovinSDK (= 11.9.0)
   - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`)
   - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`)
   - FBReactNativeSpec (from `../node_modules/react-native/Libraries/FBReactNativeSpec`)
@@ -339,7 +339,7 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/yoga"
 
 SPEC CHECKSUMS:
-  AppLovinSDK: cfcf1972d25febb4c0f23837763e3809f0fba159
+  AppLovinSDK: 2022f21e5b713b2c04bb7c2f10bde0f2dea89f11
   boost-for-react-native: 39c7adb57c4e60d6c5479dd8623128eb5b3f0f2c
   DoubleConversion: cde416483dac037923206447da6e1454df403714
   FBLazyVector: 352a8ca9bbc8e2f097d680747a8c97ecef12d469
@@ -368,6 +368,6 @@ SPEC CHECKSUMS:
   ReactCommon: b9ff54b6dd22ba4a776eda22d7f83ec27544ca35
   Yoga: 0276e9f20976c8568e107cfc1163a8629051adc0
 
-PODFILE CHECKSUM: 8638b3ebfa25029aca293faa9d5f2513a076845c
+PODFILE CHECKSUM: 13c464ab10da6fc8a379ce53d55c204e98215526
 
 COCOAPODS: 1.11.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-applovin-max",
   "author": "AppLovin Corporation",
-  "version": "5.1.0",
+  "version": "5.2.1",
   "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-Native.git", :tag => "release_5_1_0" }
+  s.source       = { :git => "https://github.com/AppLovin/AppLovin-MAX-React-Native.git", :tag => "release_5_2_1" }
   
   s.source_files  = "ios/AppLovinMAX*.{h,m}"
 
   s.dependency "React"
-  s.dependency "AppLovinSDK", "11.8.2"
+  s.dependency "AppLovinSDK", "11.9.0"
 end

package/src/NativeAdComponents.js

@@ -106,7 +106,7 @@ export const IconView = (props) => {
   return (
     nativeAd.url ? <Image {...props} source={{uri: nativeAd.url}} /> :
       nativeAd.image ? <Image {...props} ref={imageRef} /> : 
-      <Image {...props} />
+      <View {...props} />
   );
 };
 
@@ -126,7 +126,7 @@ export const OptionsView = (props) => {
   if (!nativeAdView) return null;
 
   return (
-    <View {...props} ref={viewRef}/>
+    <View {...props} ref={viewRef} />
   );
 };
 
@@ -146,6 +146,63 @@ export const MediaView = (props) => {
   if (!nativeAdView) return null;
 
   return (
-    <View {...props} ref={viewRef}/>
+    <View {...props} ref={viewRef} />
+  );
+};
+
+export const StarRatingView = (props) => {
+  const {style, ...otherProps} = props;
+
+  const maxStarCount = 5;
+  const starColor = style.color ?? "#ffe234";
+  const starSize = style.fontSize ?? 10;
+
+  const {nativeAd, nativeAdView} = useContext(NativeAdViewContext);
+
+  const FilledStar = ({size,color}) => {
+    return (
+      // black star in unicode
+      <Text style={{fontSize: size, color: color}}>{String.fromCodePoint(0x2605)}</Text>
+    );
+  };
+
+  const EmptyStar = ({size,color}) => {
+    return (
+      // white star in unicode
+      <Text style={{fontSize: size, color: color}}>{String.fromCodePoint(0x2606)}</Text>
+    );
+  };
+
+  const StarView = ({index, rating, size, color}) => {
+    const width = (rating - index) * size;
+    return (
+      <View>
+        <EmptyStar size={size} color={color} />
+        {
+          (rating > index) &&
+            <View style={{ width: width, overflow: 'hidden', position: 'absolute'}}>
+              <FilledStar style={{top:0, left:0}} size={size} color={color} />
+            </View>
+        }
+      </View>
+    );
+  };
+
+  if (!nativeAdView) return null;
+
+  return (
+    <View style={[style, {flexDirection: 'row', alignItems: 'center'}]}>
+      {(() => {
+        let stars = [];
+        for (let index = 0; index < maxStarCount; index++) {
+          if (nativeAd.starRating) {
+            stars.push(<StarView key={index} index={index} rating={nativeAd.starRating} size={starSize} color={starColor} />);
+          } else {
+            stars.push(<Text key={index} style={{fontSize: starSize}}> </Text>);
+          }
+        }
+        return stars;
+      })()}
+    </View>
   );
 };

package/src/NativeAdView.js

@@ -2,7 +2,7 @@ import React, { forwardRef, useContext, useImperativeHandle, useRef, useState, u
 import PropTypes from "prop-types";
 import { NativeModules, requireNativeComponent, UIManager, findNodeHandle } from "react-native";
 import { NativeAdViewContext, NativeAdViewProvider } from "./NativeAdViewProvider";
-import { TitleView, AdvertiserView, BodyView, CallToActionView, IconView, OptionsView, MediaView } from "./NativeAdComponents";
+import { TitleView, AdvertiserView, BodyView, CallToActionView, IconView, OptionsView, MediaView, StarRatingView } from "./NativeAdComponents";
 
 const { AppLovinMAX } = NativeModules;
 
@@ -159,5 +159,6 @@ NativeAdViewWrapper.CallToActionView = CallToActionView;
 NativeAdViewWrapper.IconView = IconView;
 NativeAdViewWrapper.OptionsView = OptionsView;
 NativeAdViewWrapper.MediaView = MediaView;
+NativeAdViewWrapper.StarRatingView = StarRatingView;
 
 export default NativeAdViewWrapper;

package/src/index.js

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