react-native-applovin-max 5.7.2 → 6.0.1

package/src/NativeAdComponents.js

@@ -1,208 +0,0 @@
-import React, {useContext, useRef, useEffect} from "react";
-import {findNodeHandle, Text, Image, View, TouchableOpacity} from "react-native";
-import {NativeAdViewContext} from "./NativeAdViewProvider";
-
-export const TitleView = (props) => {
-  const titleRef = useRef();
-  const {nativeAd, nativeAdView} = useContext(NativeAdViewContext);
-
-  useEffect(() => {
-    if (!nativeAdView || !nativeAd.title) return;
-
-    nativeAdView.setNativeProps({
-      titleView: findNodeHandle(titleRef.current),
-    });
-  }, [nativeAd, nativeAdView]);
-
-  if (!nativeAdView) return null;
-
-  return (
-    <Text {...props} ref={titleRef}>
-      {nativeAd.title || null}
-    </Text>
-  );
-};
-
-export const AdvertiserView = (props) => {
-  const advertiserRef = useRef();
-  const {nativeAd, nativeAdView} = useContext(NativeAdViewContext);
-
-  useEffect(() => {
-    if (!nativeAdView || !nativeAd.advertiser) return;
-
-    nativeAdView.setNativeProps({
-      advertiserView: findNodeHandle(advertiserRef.current),
-    });
-  }, [nativeAd, nativeAdView]);
-
-  if (!nativeAdView) return null;
-
-  return (
-    <Text {...props} ref={advertiserRef}>
-      {nativeAd.advertiser || null}
-    </Text>
-  );
-};
-
-export const BodyView = (props) => {
-  const bodyRef = useRef();
-  const {nativeAd, nativeAdView} = useContext(NativeAdViewContext);
-
-  useEffect(() => {
-    if (!nativeAdView || !nativeAd.body) return;
-
-    nativeAdView.setNativeProps({
-      bodyView: findNodeHandle(bodyRef.current),
-    });
-  }, [nativeAd, nativeAdView]);
-
-  if (!nativeAdView) return null;
-
-  return (
-    <Text {...props} ref={bodyRef}>
-      {nativeAd.body || null}
-    </Text>
-  );
-};
-
-export const CallToActionView = (props) => {
-  const callToActionRef = useRef();
-  const {nativeAd, nativeAdView} = useContext(NativeAdViewContext);
-
-  useEffect(() => {
-    if (!nativeAdView || !nativeAd.callToAction) return;
-
-    nativeAdView.setNativeProps({
-      callToActionView: findNodeHandle(callToActionRef.current),
-    });
-  }, [nativeAd, nativeAdView]);
-
-  if (!nativeAdView) return null;
-
-  return (
-    <TouchableOpacity {...props} ref={callToActionRef}>
-      <Text {...props}>
-        {nativeAd.callToAction || null}
-      </Text>
-    </TouchableOpacity>
-  );
-};
-
-export const IconView = (props) => {
-  const imageRef = useRef();
-
-  const {nativeAd, nativeAdView} = useContext(NativeAdViewContext);
-
-  useEffect(() => {
-    if (!nativeAdView || !nativeAd.image || !imageRef.current) return;
-
-    nativeAdView.setNativeProps({
-      iconView: findNodeHandle(imageRef.current),
-    });
-  }, [nativeAd, nativeAdView, imageRef.current]);
-
-  if (!nativeAdView) return null;
-
-  return (
-    nativeAd.url ? <Image {...props} source={{uri: nativeAd.url}} /> :
-      nativeAd.image ? <Image {...props} ref={imageRef} /> : 
-      <View {...props} />
-  );
-};
-
-export const OptionsView = (props) => {
-  const viewRef = useRef();
-
-  const {nativeAd, nativeAdView} = useContext(NativeAdViewContext);
-
-  useEffect(() => {
-    if (!nativeAdView || !nativeAd.isOptionsViewAvailable) return;
-
-    nativeAdView.setNativeProps({
-      optionsView: findNodeHandle(viewRef.current),
-    });
-  }, [nativeAd, nativeAdView]);
-
-  if (!nativeAdView) return null;
-
-  return (
-    <View {...props} ref={viewRef} />
-  );
-};
-
-export const MediaView = (props) => {
-  const viewRef = useRef();
-
-  const {nativeAd, nativeAdView} = useContext(NativeAdViewContext);
-
-  useEffect(() => {
-    if (!nativeAdView || !nativeAd.isMediaViewAvailable) return;
-
-    nativeAdView.setNativeProps({
-      mediaView: findNodeHandle(viewRef.current),
-    });
-  }, [nativeAd, nativeAdView]);
-
-  if (!nativeAdView) return null;
-
-  return (
-    <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

@@ -1,164 +0,0 @@
-import React, { forwardRef, useContext, useImperativeHandle, useRef, useState, useEffect } from "react";
-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, StarRatingView } from "./NativeAdComponents";
-
-const { AppLovinMAX } = NativeModules;
-
-const NativeAdViewWrapper = forwardRef((props, ref) => {
-  return (
-    <NativeAdViewProvider>
-      <NativeAdView {...props} ref={ref}/>
-    </NativeAdViewProvider>
-  );
-});
-
-const AppLovinMAXNativeAdView = requireNativeComponent('AppLovinMAXNativeAdView', NativeAdView);
-
-// NativeAdView renders itself multiple times:
-// 1. initial render
-// 2. update of the nativeAdView context by saveElement, which locates and renders the all child 
-//    components including the user's components without nativeAd
-// 3. update of the nativeAd context by onNativeAdLoaded, which renders the ad components with nativeAd
-const NativeAdView = forwardRef((props, ref) => {
-
-  const {extraParameters, localExtraParameters, ...otherProps} = props;
-
-  // context from NativeAdViewProvider
-  const {nativeAd, nativeAdView, setNativeAd, setNativeAdView} = useContext(NativeAdViewContext);
-
-  // keep the nativeAdView ref
-  const nativeAdViewRef = useRef();
-
-  // invoke the native ad loader
-  const loadAd = () => {
-    if (nativeAdViewRef) {
-      UIManager.dispatchViewManagerCommand(
-        findNodeHandle(nativeAdViewRef.current),
-        UIManager.getViewManagerConfig("AppLovinMAXNativeAdView").Commands.loadAd,
-        undefined
-      );
-    }
-  };
-
-  // expose a list of functions via the provided ref
-  useImperativeHandle(ref, () => ({ loadAd }), []);
-
-  // save the DOM element via the ref callback
-  const saveElement = (element) => {
-    if (element) {
-      nativeAdViewRef.current = element;
-      setNativeAdView(element);
-    }
-  };
-
-  const onAdLoadedEvent = (event) => {
-    setNativeAd(event.nativeEvent.nativeAd);
-    if (props.onAdLoaded) props.onAdLoaded(event.nativeEvent.adInfo);
-  };
-
-  const onAdLoadFailedEvent = (event) => {
-    if (props.onAdLoadFailed) props.onAdLoadFailed(event.nativeEvent);
-  };
-
-  const onAdClickedEvent = (event) => {
-    if (props.onAdClicked) props.onAdClicked(event.nativeEvent);
-  };
-
-  const onAdRevenuePaidEvent = (event) => {
-    if (props.onAdRevenuePaid) props.onAdRevenuePaid(event.nativeEvent);
-  };
-
-  const sanitizeExtraParameters = (name, params) => {
-    if (!params) return params;
-
-    for (const key in params) {
-      const value = params[key];
-      
-      // `null` and `undefined` are valid values (e.g. for clearing previously-set values)
-      if (value == null || value == undefined) continue;
-
-      if (typeof value !== 'string') {
-        console.warn("AppLovinMAXNativeAdView only support string values: " + value + ", deleting value for key: " + key);
-        delete params[key];
-      }
-    }
-
-    return params;
-  };
-
-  return (
-    <AppLovinMAXNativeAdView
-      ref={saveElement}
-      extraParameters={sanitizeExtraParameters('extraParameters', extraParameters)}
-      localExtraParameters={localExtraParameters}
-      onAdLoadedEvent={onAdLoadedEvent}
-      onAdLoadFailedEvent={onAdLoadFailedEvent}
-      onAdClickedEvent={onAdClickedEvent}
-      onAdRevenuePaidEvent={onAdRevenuePaidEvent}
-      {...otherProps}
-    >
-      {props.children}
-    </AppLovinMAXNativeAdView>
-  );
-});
-
-NativeAdView.propTypes = {
-  /**
-   * A string value representing the ad unit id to load ads for.
-   */
-  adUnitId: 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 string value representing the customData name that you assign when you integrate each ad format, for granular reporting in ad events.
-   */
-  customData: PropTypes.string,
-
-  /**
-   * A dictionary of extra parameters consisting of key-value string pairs.
-   */
-  extraParameters: PropTypes.object,
-
-  /**
-   * A dictionary of local extra parameters consisting of key-value string pairs.
-   */
-  localExtraParameters: PropTypes.object,
-
-  /**
-   * A callback fuction to be fired when a new ad has been loaded.
-   */
-  onAdLoaded: PropTypes.func,
-
-  /**
-   * A callback fuction to be fired when an ad could not be retrieved.
-   */
-  onAdLoadFailed: PropTypes.func,
-
-  /**
-   * A callback fuction to be fired when ad is clicked.
-   */
-  onAdClicked: PropTypes.func,
-
-  /**
-   * A callback fuction to be fired when the revenue event is detected.
-   */
-  onAdRevenuePaid: PropTypes.func,
-};
-
-// Add the child ad components
-NativeAdViewWrapper.TitleView = TitleView;
-NativeAdViewWrapper.AdvertiserView = AdvertiserView;
-NativeAdViewWrapper.BodyView = BodyView;
-NativeAdViewWrapper.CallToActionView = CallToActionView;
-NativeAdViewWrapper.IconView = IconView;
-NativeAdViewWrapper.OptionsView = OptionsView;
-NativeAdViewWrapper.MediaView = MediaView;
-NativeAdViewWrapper.StarRatingView = StarRatingView;
-
-export default NativeAdViewWrapper;

package/src/NativeAdViewProvider.js

@@ -1,19 +0,0 @@
-import React, { useState, createContext } from "react";
-
-export const NativeAdViewContext = createContext();
-
-export const NativeAdViewProvider = props => {
-
-  const [nativeAd, setNativeAd] = useState({});
-  const [nativeAdView, setNativeAdView] = useState();
-
-  const providerValue = {
-    nativeAd, nativeAdView, setNativeAd, setNativeAdView,
-  };
-
-  return (
-    <NativeAdViewContext.Provider value={providerValue}>
-      {props.children}
-    </NativeAdViewContext.Provider>
-  );
-};

package/src/TargetingData.js

@@ -1,104 +0,0 @@
-import { NativeModules } from "react-native";
-
-const { AppLovinMAX } = NativeModules;
-
-const AdContentRating = {
-  None:               0,
-  AllAudiences:       1,
-  EveryoneOverTwelve: 2,
-  MatureAudiences:    3,
-};
-
-const UserGender = {
-  Unknown: 'U',
-  Female:  'F',
-  Male:    'M',
-  Other:   'O'
-};
-
-const TargetingData = {
-
-  set yearOfBirth(value) {
-    AppLovinMAX.setTargetingDataYearOfBirth(value ? value : 0);
-  },
-
-  get yearOfBirth() {
-    return AppLovinMAX.getTargetingDataYearOfBirth();
-  },
-
-  set gender(value) {
-    if ( !value ) {
-      AppLovinMAX.setTargetingDataGender(UserGender.Unknown);
-    } else if ( value === UserGender.Unknown ||
-         value === UserGender.Female ||
-         value === UserGender.Male ||
-         value === UserGender.Other ) {
-      AppLovinMAX.setTargetingDataGender(value);
-    }
-  },
-
-  get gender() {
-    return AppLovinMAX.getTargetingDataGender();
-  },
-
-  set maximumAdContentRating(value) {
-    if ( !value ) {
-      AppLovinMAX.setTargetingDataMaximumAdContentRating(AdContentRating.None);
-    } else if ( value === AdContentRating.None ||
-         value === AdContentRating.AllAudiences ||
-         value === AdContentRating.EveryoneOverTwelve ||
-         value === AdContentRating.MatureAudiences ) {
-      AppLovinMAX.setTargetingDataMaximumAdContentRating(value);
-    }
-  },
-
-  get maximumAdContentRating() {
-    return AppLovinMAX.getTargetingDataMaximumAdContentRating();
-  },
-
-  set email(value) {
-    AppLovinMAX.setTargetingDataEmail(value);
-  },
-
-  get email() {
-    return AppLovinMAX.getTargetingDataEmail();
-  },
-
-  set phoneNumber(value) {
-    AppLovinMAX.setTargetingDataPhoneNumber(value);
-  },
-
-  get phoneNumber() {
-    return AppLovinMAX.getTargetingDataPhoneNumber();
-  },
-
-  set keywords(value) {
-    AppLovinMAX.setTargetingDataKeywords(value);
-  },
-
-  get keywords() {
-    return AppLovinMAX.getTargetingDataKeywords();
-  },
-
-  set interests(value) {
-    AppLovinMAX.setTargetingDataInterests(value);
-  },
-
-  get interests() {
-    return AppLovinMAX.getTargetingDataInterests();
-  },
-
-  clearAll() {
-    AppLovinMAX.clearAllTargetingData();
-  }
-  
-};
-
-TargetingData.AdContentRating = AdContentRating;
-TargetingData.UserGender = UserGender;
-
-export {
-  TargetingData,
-  AdContentRating,
-  UserGender
-};