tapjoy-react-native-sdk 13.1.2 → 13.2.0

package/example/src/Styles.ts

@@ -1,6 +1,9 @@
 import { StyleSheet } from 'react-native';
 
 const styles = StyleSheet.create({
+  mainContainer: {
+    height: '100%',
+  },
   container: {
     flex: 1,
     justifyContent: 'flex-start',
@@ -24,6 +27,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'flex-start',
     height: 50,
+    marginBottom: 10,
   },
   button: {
     backgroundColor: '#FDAA1C',
@@ -81,6 +85,15 @@ const styles = StyleSheet.create({
     flex: 1,
     padding: 3,
   },
+  selectionContainer: {
+    paddingTop: 10,
+    alignItems: 'center',
+  },
+  horizontalContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 10,
+  },
   logText: {
     fontSize: 10,
     fontWeight: 'bold',
@@ -88,8 +101,9 @@ const styles = StyleSheet.create({
     alignSelf: 'stretch',
   },
   versionText: {
-    position: 'absolute',
-    bottom: 0,
+    textAlign: 'center',
+    width: '100%',
+    paddingBottom: 5,
   },
   tabBarLabelStyle: {
     fontWeight: '400',
@@ -107,13 +121,85 @@ const styles = StyleSheet.create({
   flexGrow: {
     flexGrow: 1,
   },
+  userPropertiesLabel: {
+    width: 130,
+    paddingRight: 14,
+    paddingLeft: 10,
+    color: 'black',
+  },
+  selectedItemText: {
+    fontSize: 16,
+    marginTop: 20,
+  },
+  selectionMenuContainer: {
+    flex: 1,
+    borderWidth: 1,
+    borderRadius: 5,
+    borderColor: '#ccc',
+    overflow: 'hidden',
+  },
+  item: {
+    flexGrow: 1,
+    flexShrink: 1,
+    paddingVertical: 10,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  selectedItem: {
+    backgroundColor: '#ccc',
+  },
+  itemText: {
+    fontSize: 10,
+    color: '#000',
+  },
+  selectionMenuItemText: {
+    color: '#fff',
+    fontWeight: 'bold',
+  },
+  flatListContent: {
+    flexGrow: 1,
+  },
+  offerwallScrollContainer: {
+    height: '70%',
+  },
   owLogContainer: {
+    height: '30%',
+    padding: 10,
+  },
+});
+
+export const pickerSelectStyles = StyleSheet.create({
+  placeholder: {
+    color: '#999999',
+  },
+  viewContainer: {
     flex: 1,
-    alignSelf: 'stretch',
+    borderWidth: 1,
+    borderColor: 'gray',
+    borderRadius: 10,
+    justifyContent: 'center',
+    height: 40,
   },
-  userIdLabel: {
-    paddingRight: 14,
+  inputIOS: {
+    fontSize: 14,
+    paddingVertical: 12,
+    paddingHorizontal: 10,
+    borderColor: 'gray',
+    borderRadius: 10,
+    color: 'black',
+    paddingRight: 30, // to ensure the text is never behind the icon
+    minWidth: 200,
+  },
+  inputAndroid: {
+    height: 40,
+    fontSize: 16,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    borderWidth: 1,
+    borderColor: 'gray',
+    borderRadius: 8,
     color: 'black',
+    paddingRight: 30, // to ensure the text is never behind the icon
   },
 });
 

package/example/src/UserProperties.tsx

@@ -2,25 +2,74 @@ import React, { useState, useEffect } from 'react';
 import {
   View,
   TextInput,
-  Keyboard,
   Text,
   SafeAreaView,
-  TouchableWithoutFeedback,
+  ScrollView,
+  Platform,
 } from 'react-native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import Button from './Button';
 import styles from './Styles';
-import Tapjoy from 'tapjoy-react-native-sdk';
+import Tapjoy, {
+  TJPrivacyPolicy,
+  TJStatus,
+  TJSegment,
+} from 'tapjoy-react-native-sdk';
+import SelectionMenu from './SelectionMenu';
+import { useIsFocused } from '@react-navigation/native';
 
 const UserProperties: React.FC = () => {
+  const NOT_SET_LABEL = 'Not Set';
+
   const [statusLabelText, setStatusLabelText] =
     useState<string>('Status Message');
   const [userId, _setUserId] = useState<string>('');
+  const [maxLevel, _setMaxLevel] = useState<string>('');
+  const [USPrivacy, setUSPrivacy] = useState<string>('');
+  const [isSubjectToGDPR, setSubjectToGDPR] = useState<TJStatus>(
+    TJStatus.Unknown
+  );
+  const [isBelowConsentAge, setBelowConsentAge] = useState<TJStatus>(
+    TJStatus.Unknown
+  );
+  const [userConsent, setUserConsent] = useState<TJStatus>(TJStatus.Unknown);
+  const [userSegment, setUserSegment] = useState<TJSegment>(TJSegment.Unknown);
+  const [optOut, setOptOut] = useState<boolean>(false);
+  const isFocused = useIsFocused();
+
+  const statusData = [
+    { value: TJStatus.True, label: 'True' },
+    { value: TJStatus.False, label: 'False' },
+    { value: TJStatus.Unknown, label: 'Not Set' },
+  ];
+
+  const segmentData = [
+    { value: TJSegment.NonPayer, label: 'Non \nPayer' },
+    { value: TJSegment.Payer, label: 'Payer' },
+    { value: TJSegment.VIP, label: 'VIP' },
+    { value: TJSegment.Unknown, label: 'Unknown' },
+  ];
+
+  const optOutAdData = [
+    { value: true, label: 'True' },
+    { value: false, label: 'False' },
+  ];
+
+  useEffect(() => {
+    if (isFocused) {
+      retrievePrivacyPolicy().then();
+      retrieveUserSegment().then();
+    }
+  }, [isFocused]);
 
   useEffect(() => {
     retrieveUserId().then();
   });
 
+  useEffect(() => {
+    retrieveMaxLevel().then();
+  });
+
   const retrieveUserId = async () => {
     try {
       const value = await AsyncStorage.getItem('userId');
@@ -32,10 +81,91 @@ const UserProperties: React.FC = () => {
     }
   };
 
+  const retrieveUserSegment = async () => {
+    try {
+      setUserSegment(await Tapjoy.getUserSegment());
+    } catch (error) {
+      setStatusLabelText(`Failed to retrieve User Segment: ${error}`);
+    }
+  };
+
+  const retrieveMaxLevel = async () => {
+    try {
+      const value = await AsyncStorage.getItem('maxLevel');
+      if (value !== null) {
+        await setMaxLevel(value);
+      }
+    } catch (error) {
+      setStatusLabelText(`Failed to retrieve Max Level: ${error}`);
+    }
+  };
+
+  const retrievePrivacyPolicy = async () => {
+    try {
+      let privacyPolicy = new TJPrivacyPolicy();
+
+      setBelowConsentAge(await privacyPolicy.getBelowConsentAge());
+      setSubjectToGDPR(await privacyPolicy.getSubjectToGDPR());
+      setUserConsent(await privacyPolicy.getUserConsent());
+      setUSPrivacy(await privacyPolicy.getUSPrivacy());
+    } catch (error) {
+      setStatusLabelText(`Failed to retrieve Privacy Policy: ${error}`);
+    }
+  };
+
+  const findStatus = (value: TJStatus) => {
+    return (
+      statusData.find((item) => item.value === value) || {
+        value: TJStatus.Unknown,
+        label: NOT_SET_LABEL,
+      }
+    );
+  };
+
+  const findSegment = (value: TJSegment) => {
+    return (
+      segmentData.find((item) => item.value === value) || {
+        value: TJSegment.Unknown,
+        label: NOT_SET_LABEL,
+      }
+    );
+  };
+
+  const findOptOut = (value: boolean) => {
+    return (
+      optOutAdData.find((item) => item.value === value) || {
+        value: false,
+        label: 'False',
+      }
+    );
+  };
+
+  const initialUserConsentItem = findStatus(userConsent);
+  const initialBelowConsentAgeItem = findStatus(isBelowConsentAge);
+  const initialSubjectToGDPRItem = findStatus(isSubjectToGDPR);
+  const initialUserSegmentItem = findSegment(userSegment);
+  const initialOptOutItem = findOptOut(optOut);
+
   const applyProperties = async () => {
     try {
       let trimmedUserId = userId.trim();
+      let trimmedMaxLevel = maxLevel.trim();
+      let maxLevelValue = -1;
+      if (trimmedMaxLevel.length > 0) {
+        maxLevelValue = parseInt(trimmedMaxLevel);
+      }
+      let privacyPolicy = new TJPrivacyPolicy();
+      privacyPolicy.setSubjectToGDPRStatus(isSubjectToGDPR);
+      privacyPolicy.setBelowConsentAgeStatus(isBelowConsentAge);
+      privacyPolicy.setUserConsentStatus(userConsent);
+      privacyPolicy.setUSPrivacy(USPrivacy);
+      if (Platform.OS === 'android') {
+        privacyPolicy.optOutAdvertisingID(optOut);
+      }
+      Tapjoy.setUserSegment(userSegment);
       await AsyncStorage.setItem('userId', trimmedUserId);
+      await AsyncStorage.setItem('maxLevel', trimmedMaxLevel);
+      await Tapjoy.setMaxLevel(maxLevelValue);
       await Tapjoy.setUserId(trimmedUserId);
       setStatusLabelText(`User ID set:\n"${trimmedUserId}"`);
     } catch (error) {
@@ -49,22 +179,52 @@ const UserProperties: React.FC = () => {
     await AsyncStorage.setItem('userId', trimmedUserId);
   };
 
+  const setMaxLevel = async (maxLevel: string) => {
+    _setMaxLevel(maxLevel);
+    let trimmedMaxLevel = maxLevel.trim();
+    await AsyncStorage.setItem('maxLevel', trimmedMaxLevel);
+  };
+
+  const handleUSPrivacy = async (newUSPrivacy: string) => {
+    setUSPrivacy(newUSPrivacy);
+  };
+
   const handleClearInput = async () => {
     await setUserId('');
   };
 
-  const handleDismissKeyboard = () => {
-    Keyboard.dismiss();
+  const handleClearMaxLevel = async () => {
+    await setMaxLevel('');
+  };
+
+  const handleSubjectToGDPR = (item: { value: TJStatus; label: string }) => {
+    setSubjectToGDPR(item.value);
+  };
+
+  const handleBelowConsentAge = (item: { value: TJStatus; label: string }) => {
+    setBelowConsentAge(item.value);
+  };
+
+  const handleUserConsent = (item: { value: TJStatus; label: string }) => {
+    setUserConsent(item.value);
+  };
+
+  const handleUserSegment = (item: { value: TJSegment; label: string }) => {
+    setUserSegment(item.value);
+  };
+
+  const handleOptOut = (item: { value: boolean; label: string }) => {
+    setOptOut(item.value);
   };
 
   return (
-    <TouchableWithoutFeedback onPress={handleDismissKeyboard}>
+    <ScrollView>
       <SafeAreaView style={styles.container}>
         <View style={styles.lineGap}>
           <Text style={styles.statusText}>{statusLabelText}</Text>
         </View>
         <View style={styles.inputContainer}>
-          <Text style={styles.userIdLabel}>User ID:</Text>
+          <Text style={styles.userPropertiesLabel}>User ID:</Text>
           <TextInput
             style={styles.textInput}
             value={userId}
@@ -78,6 +238,84 @@ const UserProperties: React.FC = () => {
             title={'\u2573'}
           />
         </View>
+        <View style={styles.inputContainer}>
+          <Text style={styles.userPropertiesLabel}>Max Level:</Text>
+          <TextInput
+            style={styles.textInput}
+            value={maxLevel}
+            keyboardType={'numeric'}
+            onChangeText={setMaxLevel}
+            placeholder="Enter max level"
+            placeholderTextColor="#888"
+          />
+          <Button
+            style={styles.clearButton}
+            onPress={handleClearMaxLevel}
+            title={'\u2573'}
+          />
+        </View>
+        <View style={styles.selectionContainer}>
+          <View style={styles.horizontalContainer}>
+            <Text style={styles.userPropertiesLabel}>User Segment:</Text>
+            <SelectionMenu
+              data={segmentData}
+              onSelectItem={handleUserSegment}
+              initialSelectedItem={initialUserSegmentItem}
+            />
+          </View>
+        </View>
+        <View style={styles.selectionContainer}>
+          <View style={styles.horizontalContainer}>
+            <Text style={styles.userPropertiesLabel}>Subject To GDPR:</Text>
+            <SelectionMenu
+              data={statusData}
+              onSelectItem={handleSubjectToGDPR}
+              initialSelectedItem={initialSubjectToGDPRItem}
+            />
+          </View>
+        </View>
+        <View style={styles.selectionContainer}>
+          <View style={styles.horizontalContainer}>
+            <Text style={styles.userPropertiesLabel}>Below Consent Age:</Text>
+            <SelectionMenu
+              data={statusData}
+              onSelectItem={handleBelowConsentAge}
+              initialSelectedItem={initialBelowConsentAgeItem}
+            />
+          </View>
+        </View>
+        <View style={styles.selectionContainer}>
+          <View style={styles.horizontalContainer}>
+            <Text style={styles.userPropertiesLabel}>User Consent:</Text>
+            <SelectionMenu
+              data={statusData}
+              onSelectItem={handleUserConsent}
+              initialSelectedItem={initialUserConsentItem}
+            />
+          </View>
+        </View>
+        <View style={styles.inputContainer}>
+          <Text style={styles.userPropertiesLabel}>US Privacy:</Text>
+          <TextInput
+            style={styles.textInput}
+            value={USPrivacy}
+            onChangeText={handleUSPrivacy}
+            placeholder="E.g 1YYN"
+            placeholderTextColor="#888"
+          />
+        </View>
+        {Platform.OS === 'android' && (
+          <View style={styles.selectionContainer}>
+            <View style={styles.horizontalContainer}>
+              <Text style={styles.userPropertiesLabel}>Opt Out Ad ID:</Text>
+              <SelectionMenu
+                data={optOutAdData}
+                onSelectItem={handleOptOut}
+                initialSelectedItem={initialOptOutItem}
+              />
+            </View>
+          </View>
+        )}
         <View style={styles.buttonContainer}>
           <Button
             style={styles.button}
@@ -86,7 +324,7 @@ const UserProperties: React.FC = () => {
           />
         </View>
       </SafeAreaView>
-    </TouchableWithoutFeedback>
+    </ScrollView>
   );
 };
 

package/ios/TapjoyReactNativeSdk.m

@@ -8,12 +8,22 @@ RCT_EXTERN_METHOD(connect:(NSString *)sdkKey connectFlags:(NSDictionary *)connec
 RCT_EXTERN_METHOD(setDebugEnabled:(BOOL)enabled)
 RCT_EXTERN__BLOCKING_SYNCHRONOUS_METHOD(isConnected)
 RCT_EXTERN_METHOD(setUserId:(NSString *)userId resolve:(RCTPromiseResolveBlock *)resolve reject:(RCTPromiseRejectBlock)reject)
+RCT_EXTERN_METHOD(setUserSegment:(nonnull NSNumber *)userSegment)
+RCT_EXTERN_METHOD(getUserSegment: (RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+RCT_EXTERN_METHOD(setMaxLevel:(int)maxLevel)
 
 #pragma mark - Placements
+RCT_EXTERN_METHOD(createPlacement:(NSString *)name)
 RCT_EXTERN_METHOD(requestPlacement:(NSString *)name)
 RCT_EXTERN_METHOD(showPlacement:(NSString *)name)
 RCT_EXTERN__BLOCKING_SYNCHRONOUS_METHOD(isContentReady:(NSString *)name)
 RCT_EXTERN__BLOCKING_SYNCHRONOUS_METHOD(isContentAvailable:(NSString *)name)
+RCT_EXTERN_METHOD(setEntryPoint:(NSString *)name entryPoint:(nonnull NSNumber *)entryPoint)
+RCT_EXTERN_METHOD(getEntryPoint:(NSString *)name resolve:(RCTPromiseResolveBlock *)resolve reject:(RCTPromiseRejectBlock)reject)
+RCT_EXTERN_METHOD(setCurrencyBalance:(NSInteger)amount currencyId:(NSString *)currencyId placementName:(NSString *)placementName resolve:(RCTPromiseResolveBlock *)resolve reject:(RCTPromiseRejectBlock)reject)
+RCT_EXTERN_METHOD(getPlacementCurrencyBalance:(NSString *)currencyId placementName:(NSString *)placementName resolve:(RCTPromiseResolveBlock *)resolve reject:(RCTPromiseRejectBlock)reject)
+RCT_EXTERN_METHOD(setRequiredAmount:(NSInteger)requiredAmount currencyId:(NSString *)currencyId placementName:(NSString *)placementName resolve:(RCTPromiseResolveBlock *)resolve reject:(RCTPromiseRejectBlock)reject)
+RCT_EXTERN_METHOD(getRequiredAmount:(NSString *)currencyId placementName:(NSString *)placementName resolve:(RCTPromiseResolveBlock *)resolve reject:(RCTPromiseRejectBlock)reject)
 
 #pragma mark - Currency
 RCT_EXTERN_METHOD(getCurrencyBalance:(RCTPromiseResolveBlock *)resolve reject:(RCTPromiseRejectBlock)reject)
@@ -25,7 +35,13 @@ RCT_EXTERN_METHOD(setSubjectToGDPR:(BOOL)isSubjectToGDPR)
 RCT_EXTERN_METHOD(setBelowConsentAge:(BOOL)isBelowConsentAge)
 RCT_EXTERN_METHOD(setUSPrivacy:(NSString *)privacyValue)
 RCT_EXTERN_METHOD(setUserConsent:(NSString *)userConsent)
-
+RCT_EXTERN_METHOD(setBelowConsentAgeStatus:(nonnull NSNumber *)isBelowConsentAgeStatus)
+RCT_EXTERN_METHOD(setSubjectToGDPRStatus:(nonnull NSNumber *)isSubjectToGDPRStatus)
+RCT_EXTERN_METHOD(setUserConsentStatus:(nonnull NSNumber *)userConsentStatus)
+RCT_EXTERN_METHOD(getBelowConsentAge: (RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+RCT_EXTERN_METHOD(getSubjectToGDPR: (RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+RCT_EXTERN_METHOD(getUserConsent: (RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+RCT_EXTERN_METHOD(getUSPrivacy: (RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
 + (BOOL)requiresMainQueueSetup
 {
   return NO;