react-native-applovin-max 3.3.0 → 3.3.1

package/src/AppLovinMAXAdView.js

@@ -21,6 +21,17 @@ export const AdViewPosition = {
   BOTTOM_RIGHT: "bottom_right",
 };
 
+/**
+ * Returns AdView when AppLovinMax has been initialized or returns a black empty View as 
+ * a placeholder of AdView when AppLovinMax has not been initialized.  
+ *
+ * The purpose of this AdView wrapper is for the application not to access AdView 
+ * before the completion of the AppLovinMax initialization. 
+ *
+ * Note: this does not re-render itself when the status of the AppLovinMax initialization
+ * has changed so that the black view may stay even after the completion of 
+ * the AppLovinMax initialization.
+ */
 const AdViewWrapper = (props) => {
   const {style, ...rest} = props;
   return (
@@ -32,7 +43,7 @@ const AdViewWrapper = (props) => {
           console.warn('[AppLovinSdk] [AppLovinMAX] <AdView/> has been mounted before AppLovin initialization')
         } 
       </View>
-  )
+  );
 };
 
 const styles = StyleSheet.create({
@@ -44,71 +55,17 @@ const styles = StyleSheet.create({
     borderColor: 'whitesmoke',
     borderWidth: 1,
   },
-  message: {
-    color: 'white',
-  },
 });
 
-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.setCustomData(this.props.customData);
-    this.setAdaptiveBannerEnabled(this.props.adaptiveBannerEnabled);
-    this.setAutoRefresh(this.props.autoRefresh);
-  }
-
-  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.customData !== this.props.customData) {
-      this.setCustomData(this.props.customData);
-    }
-
-    if (prevProps.adaptiveBannerEnabled !== this.props.adaptiveBannerEnabled) {
-      this.setAdaptiveBannerEnabled(this.props.adaptiveBannerEnabled);
-    }
-
-    if (prevProps.autoRefresh !== this.props.autoRefresh) {
-      this.setAutoRefresh(this.props.autoRefresh);
-    }
-  }
-
-  render() {
-    let { style, ...otherProps } = this.props;
+const AdView = (props) => {
+  const {style, ...otherProps} = props;
 
-    return <AppLovinMAXAdView
-      // This merges the pub-specified style with ours, but overwrites width/height.
-    style = { Object.assign({}, style, this.sizeForAdFormat(otherProps.adFormat)) } {...otherProps }
-    />;
-  }
+  const sizeForAdFormat = () => {
+    if (props.adFormat === AdFormat.BANNER) {
+      let width = AppLovinMAX.isTablet() ? 728 : 320;
+      let height;
 
-  // Helper Functions
-
-  sizeForAdFormat(adFormat) {
-    if (adFormat === AdFormat.BANNER) {
-
-      var width = AppLovinMAX.isTablet() ? 728 : 320;
-      var height;
-
-      if (this.props.adaptiveBannerEnabled) {
+      if (props.adaptiveBannerEnabled) {
         height = AppLovinMAX.getAdaptiveBannerHeightForWidth(-1);
       } else {
         height = AppLovinMAX.isTablet() ? 90 : 50;
@@ -118,86 +75,15 @@ class AdView extends React.Component {
     } 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;
-
-    UIManager.dispatchViewManagerCommand(
-        findNodeHandle(this),
-        Platform.OS === 'android' ? "setPlacement" : UIManager.getViewManagerConfig("AppLovinMAXAdView").Commands.setPlacement,
-        [placement]
-    );
-  }
-
-  setCustomData(customData) {
-    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 customData.
-    if (adUnitId == null || adFormat == null) return;
-
-    UIManager.dispatchViewManagerCommand(
-        findNodeHandle(this),
-        Platform.OS === 'android' ? "setCustomData" : UIManager.getViewManagerConfig("AppLovinMAXAdView").Commands.setCustomData,
-        [customData]
-    );
-  }
-
-  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 === AdFormat.BANNER) {
-      if (enabled === true || enabled === false) {
-        UIManager.dispatchViewManagerCommand(
-            findNodeHandle(this),
-            Platform.OS === 'android' ? "setAdaptiveBannerEnabled" : UIManager.getViewManagerConfig("AppLovinMAXAdView").Commands.setAdaptiveBannerEnabled,
-            [enabled ? "true" : "false"]
-        );
-      }
-    }
-  }
-
-  setAutoRefresh(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 autorefresh.
-    if (adUnitId == null || adFormat == null) return;
+  };
 
-    if (enabled === true || enabled === false) {
-      UIManager.dispatchViewManagerCommand(
-        findNodeHandle(this),
-        Platform.OS === 'android' ? "setAutoRefresh" : UIManager.getViewManagerConfig("AppLovinMAXAdView").Commands.setAutoRefresh,
-        [enabled]
-      );
-    }
-  }
-}
+  return (
+    <AppLovinMAXAdView
+      style={[sizeForAdFormat(), style]}
+      {...otherProps }
+    />
+  );
+};
 
 AdView.propTypes = {
   /**
@@ -231,7 +117,14 @@ AdView.propTypes = {
   autoRefresh: PropTypes.bool,
 };
 
+// Defiens default values for the props.
+AdView.defaultProps = {
+  adaptiveBannerEnabled: true,
+  autoRefresh: true,
+};
+
+
 // requireNativeComponent automatically resolves 'AppLovinMAXAdView' to 'AppLovinMAXAdViewManager'
-var AppLovinMAXAdView = requireNativeComponent("AppLovinMAXAdView", AdView);
+const AppLovinMAXAdView = requireNativeComponent("AppLovinMAXAdView", AdView);
 
 export default AdViewWrapper;

package/src/index.js

@@ -4,7 +4,7 @@ import { TargetingData as targetingData, AdContentRating, UserGender } from "./T
 
 const { AppLovinMAX } = NativeModules;
 
-const VERSION = "3.3.0";
+const VERSION = "3.3.1";
 
 /**
  * This enum represents whether or not the consent dialog should be shown for this user.