tapjoy-react-native-sdk 13.2.1 → 13.4.0

package/example/android/gradlew

@@ -55,7 +55,7 @@
 #       Darwin, MinGW, and NonStop.
 #
 #   (3) This script is generated from the Groovy template
-#       https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       https://github.com/gradle/gradle/blob/HEAD/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
 #       within the Gradle project.
 #
 #       You can find Gradle at https://github.com/gradle/gradle/.
@@ -80,13 +80,11 @@ do
     esac
 done
 
-APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit
-
-APP_NAME="Gradle"
+# This is normally unused
+# shellcheck disable=SC2034
 APP_BASE_NAME=${0##*/}
-
-# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
+APP_HOME=$( cd "${APP_HOME:-./}" > /dev/null && pwd -P ) || exit
 
 # Use the maximum available, or set MAX_FD != -1 to use that value.
 MAX_FD=maximum
@@ -133,22 +131,29 @@ location of your Java installation."
     fi
 else
     JAVACMD=java
-    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+    if ! command -v java >/dev/null 2>&1
+    then
+        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
 
 Please set the JAVA_HOME variable in your environment to match the
 location of your Java installation."
+    fi
 fi
 
 # Increase the maximum file descriptors if we can.
 if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
     case $MAX_FD in #(
       max*)
+        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC3045
         MAX_FD=$( ulimit -H -n ) ||
             warn "Could not query maximum file descriptor limit"
     esac
     case $MAX_FD in  #(
       '' | soft) :;; #(
       *)
+        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC3045
         ulimit -n "$MAX_FD" ||
             warn "Could not set maximum file descriptor limit to $MAX_FD"
     esac
@@ -193,6 +198,10 @@ if "$cygwin" || "$msys" ; then
     done
 fi
 
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
 # Collect all arguments for the java command;
 #   * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of
 #     shell script including quotes and variable substitutions, so put them in
@@ -205,6 +214,12 @@ set -- \
         org.gradle.wrapper.GradleWrapperMain \
         "$@"
 
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
 # Use "xargs" to parse quoted args.
 #
 # With -n1 it outputs one arg per line, with the quotes and backslashes removed.
@@ -231,4 +246,4 @@ eval "set -- $(
         tr '\n' ' '
     )" '"$@"'
 
-exec "$JAVACMD" "$@"
+exec "$JAVACMD" "$@"

package/example/babel.config.js

@@ -2,7 +2,7 @@ const path = require('path');
 const pak = require('../package.json');
 
 module.exports = {
-  presets: ['module:metro-react-native-babel-preset'],
+  presets: ['module:@react-native/babel-preset'],
   plugins: [
     [
       'module-resolver',

package/example/ios/Podfile

@@ -25,16 +25,8 @@ end
 target 'TapjoyReactNativeSdkExample' do
   config = use_native_modules!
 
-  # Flags change depending on the env values.
-  flags = get_default_flags()
-
   use_react_native!(
     :path => config[:reactNativePath],
-    # Hermes is now enabled by default. Disable by setting this flag to false.
-    # Upcoming versions of React Native may rely on get_default_flags(), but
-    # we make it explicit here to aid in the React Native upgrade process.
-    :hermes_enabled => flags[:hermes_enabled],
-    :fabric_enabled => flags[:fabric_enabled],
     # Enables Flipper.
     #
     # Note that if you have use_frameworks! enabled, Flipper will not work and
@@ -56,6 +48,5 @@ target 'TapjoyReactNativeSdkExample' do
       # necessary for Mac Catalyst builds
       :mac_catalyst_enabled => false
     )
-    __apply_Xcode_12_5_M1_post_install_workaround(installer)
   end
 end

package/example/ios/TapjoyReactNativeSdkExample/AppDelegate.mm

@@ -15,6 +15,11 @@
 }
 
 - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
+{
+  return [self getBundleURL];
+}
+
+- (NSURL *)getBundleURL
 {
 #if DEBUG
   return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"];
@@ -23,14 +28,4 @@
 #endif
 }
 
-/// This method controls whether the `concurrentRoot`feature of React18 is turned on or off.
-///
-/// @see: https://reactjs.org/blog/2022/03/29/react-v18.html
-/// @note: This requires to be rendering on Fabric (i.e. on the New Architecture).
-/// @return: `true` if the `concurrentRoot` feature is enabled. Otherwise, it returns `false`.
-- (BOOL)concurrentRootEnabled
-{
-  return true;
-}
-
-@end
+@end

package/example/ios/TapjoyReactNativeSdkExample/Info.plist

@@ -5,7 +5,7 @@
 	<key>CFBundleDevelopmentRegion</key>
 	<string>en</string>
 	<key>CFBundleDisplayName</key>
-	<string>Tapjoy&#x2007;RN</string>
+	<string>Tapjoy RN</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>
@@ -26,17 +26,15 @@
 	<true/>
 	<key>NSAppTransportSecurity</key>
 	<dict>
-		<key>NSExceptionDomains</key>
-		<dict>
-			<key>localhost</key>
-			<dict>
-				<key>NSExceptionAllowsInsecureHTTPLoads</key>
-				<true/>
-			</dict>
-		</dict>
+		<key>NSAllowsArbitraryLoads</key>
+		<false/>
+		<key>NSAllowsLocalNetworking</key>
+		<true/>
 	</dict>
 	<key>NSLocationWhenInUseUsageDescription</key>
 	<string></string>
+	<key>NSUserTrackingUsageDescription</key>
+	<string>This allows us to deliver personalized ads for you.</string>
 	<key>UILaunchStoryboardName</key>
 	<string>LaunchScreen</string>
 	<key>UIRequiredDeviceCapabilities</key>
@@ -49,11 +47,9 @@
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
-	<key>UIViewControllerBasedStatusBarAppearance</key>
-	<true/>
-	<key>NSUserTrackingUsageDescription</key>
-	<string>This allows us to deliver personalized ads for you.</string>
 	<key>UIUserInterfaceStyle</key>
 	<string>Light</string>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<true/>
 </dict>
 </plist>

package/example/ios/TapjoyReactNativeSdkExample.xcodeproj/project.pbxproj

@@ -438,7 +438,7 @@
 					"$(inherited)",
 				);
 				INFOPLIST_FILE = TapjoyReactNativeSdkExampleTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 12.4;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
@@ -466,7 +466,7 @@
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				COPY_PHASE_STRIP = NO;
 				INFOPLIST_FILE = TapjoyReactNativeSdkExampleTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 12.4;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
@@ -650,7 +650,7 @@
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = YES;
 				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++17";
+				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
@@ -695,7 +695,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 12.4;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
 				LD_RUNPATH_SEARCH_PATHS = (
 					/usr/lib/swift,
 					"$(inherited)",
@@ -714,10 +714,16 @@
 					"-DFOLLY_MOBILE=1",
 					"-DFOLLY_USE_LIBCPP=1",
 				);
-				OTHER_LDFLAGS = "$(inherited)";
+				OTHER_LDFLAGS = (
+					"$(inherited)-Wl",
+					"-ld_classic",
+					"-Wl",
+					"-ld_classic",
+				);
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				TARGETED_DEVICE_FAMILY = "1,2";
+				USE_HERMES = true;
 			};
 			name = Debug;
 		};
@@ -726,7 +732,7 @@
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = YES;
 				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++17";
+				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
@@ -767,7 +773,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 12.4;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
 				LD_RUNPATH_SEARCH_PATHS = (
 					/usr/lib/swift,
 					"$(inherited)",
@@ -787,11 +793,15 @@
 				);
 				OTHER_LDFLAGS = (
 					"$(inherited)",
-					" ",
+					"-Wl",
+					"-ld_classic",
+					"-Wl",
+					"-ld_classic",
 				);
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				TARGETED_DEVICE_FAMILY = "1,2";
+				USE_HERMES = true;
 				VALIDATE_PRODUCT = YES;
 			};
 			name = Release;

package/example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "TapjoyReactNativeSdkExample",
-  "version": "13.2.1",
+  "version": "13.4.0",
   "private": true,
   "scripts": {
     "android": "react-native run-android",
@@ -9,28 +9,31 @@
     "pods": "pod-install --quiet"
   },
   "dependencies": {
-    "@react-native-async-storage/async-storage": "^1.17.12",
+    "@react-native-async-storage/async-storage": "^1.21.0",
     "@react-native-community/masked-view": "^0.1.11",
-    "@react-native-picker/picker": "^2.5.0",
-    "@react-navigation/bottom-tabs": "^6.5.7",
-    "@react-navigation/native": "^6.1.6",
+    "@react-native-picker/picker": "^2.6.1",
+    "@react-navigation/bottom-tabs": "^6.5.11",
+    "@react-navigation/native": "^6.1.9",
     "dayjs": "^1.11.10",
     "react": "18.2.0",
-    "react-native": "0.72.5",
-    "react-native-gesture-handler": "^2.9.0",
-    "react-native-picker-select": "^8.0.4",
-    "react-native-reanimated": "^3.4.2",
-    "react-native-safe-area-context": "^4.5.0",
-    "react-native-screens": "^3.20.0",
+    "react-native": "0.73.2",
+    "react-native-gesture-handler": "^2.14.1",
+    "react-native-picker-select": "^9.0.0",
+    "react-native-reanimated": "^3.6.1",
+    "react-native-safe-area-context": "^4.8.2",
+    "react-native-screens": "^3.29.0",
     "react-native-tracking-transparency": "^0.1.2",
-    "react-native-toast-message": "^2.1.6"
+    "react-native-toast-message": "^2.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
-    "@babel/runtime": "^7.20.0",
-    "babel-plugin-module-resolver": "^4.1.0",
-    "@react-native/metro-config": "^0.72.11",
-    "metro-react-native-babel-preset": "0.73.8"
+    "@babel/core": "^7.23.7",
+    "@babel/preset-env": "^7.23.8",
+    "@babel/runtime": "^7.23.8",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "@react-native/metro-config": "^0.73.3",
+    "metro-react-native-babel-preset": "0.77.0"
+  },
+  "engines": {
+    "node": ">=18"
   }
 }

package/example/src/App.tsx

@@ -3,6 +3,7 @@ import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { NavigationContainer } from '@react-navigation/native';
 import MainScreen from './MainScreen';
 import OfferwallScreen from './OfferwallScreen';
+import OfferwallDiscoverScreen from './OfferwallDiscoverScreen';
 import UserProperties from './UserProperties';
 import styles from './Styles';
 
@@ -20,6 +21,7 @@ export default function App() {
       >
         <Tab.Screen name="Main" component={MainScreen} />
         <Tab.Screen name="Offerwall" component={OfferwallScreen} />
+        <Tab.Screen name="Discover" component={OfferwallDiscoverScreen} />
         <Tab.Screen name="User Properties" component={UserProperties} />
       </Tab.Navigator>
     </NavigationContainer>

package/example/src/MainScreen.tsx

@@ -6,6 +6,8 @@ import {
   Platform,
   Text,
   ScrollView,
+  NativeEventEmitter,
+  NativeModules,
 } from 'react-native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import {
@@ -14,13 +16,19 @@ import {
 } from 'react-native-tracking-transparency';
 import styles from './Styles';
 import Button from './Button';
-import Tapjoy, { TJVersion } from 'tapjoy-react-native-sdk';
+import Tapjoy, { TJVersion, TJConnect } from 'tapjoy-react-native-sdk';
 
 const MainScreen: React.FC = () => {
   const [sdkKey, setSdkKey] = useState<string>('');
   const [isConnecting, setIsConnecting] = useState<boolean>(false);
   const [statusLabelText, setStatusLabelText] = useState('Status Message');
 
+  interface TapjoyEvent {
+    name: string;
+    code: string;
+    message: string;
+  }
+
   useEffect(() => {
     retrieveSdkKey().then();
   }, []);
@@ -50,14 +58,25 @@ const MainScreen: React.FC = () => {
       Tapjoy.setDebugEnabled(true);
       let userId = await AsyncStorage.getItem('userId');
       let flags: object = { TJC_OPTION_USER_ID: userId };
-
       let trackingStatus = await getTrackingStatus();
-      if (trackingStatus === 'authorized' || trackingStatus === 'unavailable') {
-        await Tapjoy.connect(sdkKey, flags);
-      } else {
+      if (trackingStatus !== 'authorized' && trackingStatus !== 'unavailable') {
         await requestTrackingPermission();
-        await Tapjoy.connect(sdkKey, flags);
       }
+      const TJ = NativeModules.TapjoyReactNativeSdk;
+      const TapjoyEmitter = new NativeEventEmitter(TJ);
+      const TapjoyEventType = 'Tapjoy';
+      const subscription = TapjoyEmitter.addListener(
+        TapjoyEventType,
+        (event: TapjoyEvent) => {
+          if (event.name === TJConnect.TJC_CONNECT_WARNING) {
+            subscription.remove();
+            setStatusLabelText(
+              `Tapjoy SDK connected with Warning: ErrorCode: ${event.code} ${event.message} `
+            );
+          }
+        }
+      );
+      await Tapjoy.connect(sdkKey, flags);
       setIsConnecting(false);
       setStatusLabelText(
         'Tapjoy SDK Connected' +
@@ -125,7 +144,7 @@ const MainScreen: React.FC = () => {
             />
             <Button
               title="Connect"
-              style={styles.zeroFlex}
+              style={[styles.zeroFlex, styles.leftSpacing]}
               onPress={handleConnect}
               disabled={isConnecting || Tapjoy.isConnected()}
             />

package/example/src/OfferwallDiscoverScreen.tsx

@@ -0,0 +1,193 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { useFocusEffect } from '@react-navigation/native';
+import {
+  FlatList,
+  SafeAreaView,
+  ScrollView,
+  Text,
+  TextInput,
+  View,
+  Dimensions,
+} from 'react-native';
+import Tapjoy, { TJOfferwallDiscoverView } from 'tapjoy-react-native-sdk';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import dayjs from 'dayjs';
+import Button from './Button';
+import styles from './Styles';
+
+const OfferwallDiscoverScreen: React.FC = () => {
+  const widthChangedManually = useRef(false);
+  const [width, setWidth] = useState<string>(
+    Math.floor(Dimensions.get('window').width) + ''
+  );
+  const [height, setHeight] = useState<string>('262');
+
+  const [offerwallPlacementName, _setOfferwallPlacementName] =
+    useState<string>('offerwall_discover');
+  const [isSdkConnected, setIsSdkConnected] = useState<boolean>(false);
+
+  const [logData, setLogData] = useState<Array<string>>([]);
+  const owdRef: React.MutableRefObject<TJOfferwallDiscoverView | null> =
+    useRef<TJOfferwallDiscoverView | null>(null);
+
+  useFocusEffect(
+    React.useCallback(() => {
+      setIsSdkConnected(Tapjoy.isConnected());
+    }, [])
+  );
+
+  useEffect(() => {
+    AsyncStorage.getItem('owdPlacementName').then((value) => {
+      if (value !== null) {
+        setOfferwallPlacementName(value).then();
+      }
+    });
+  }, []);
+
+  useEffect(() => {
+    Dimensions.addEventListener('change', () => {
+      if (!widthChangedManually.current) {
+        setWidth(Math.floor(Dimensions.get('window').width) + '');
+      }
+    });
+  }, []);
+
+  const handleClearInput = async () => {
+    await setOfferwallPlacementName('');
+  };
+
+  const loadContent = async () => {
+    try {
+      owdRef.current!.requestContent(offerwallPlacementName);
+    } catch (error: any) {
+      addLogItem(error);
+    }
+  };
+
+  const clearContent = () => {
+    addLogItem('cleared');
+    owdRef.current!.clearContent();
+  };
+
+  const setOfferwallPlacementName = async (placementName: string) => {
+    _setOfferwallPlacementName(placementName);
+    await AsyncStorage.setItem('owdPlacementName', placementName);
+  };
+
+  const addLogItem = (item: string) => {
+    setLogData([dayjs(new Date()).format('HH:mm:ss') + ' ' + item, ...logData]);
+  };
+
+  const stripNonNumericValue = (value: string) => {
+    value = value.replace(/\D/g, '');
+    if (value === '') value = '0';
+    let intValue = parseInt(value, 10);
+    return intValue + '';
+  };
+
+  const getViewStyle = () => {
+    return {
+      width: width ? parseInt(width, 10) : 0,
+      height: height ? parseInt(height, 10) : 0,
+      backgroundColor: '#999999',
+    };
+  };
+
+  return (
+    <View style={styles.mainContainer}>
+      <ScrollView style={styles.offerwallScrollContainer}>
+        <SafeAreaView style={styles.container}>
+          <View style={styles.inputContainer}>
+            <Text style={styles.textInputLabel}>Width</Text>
+            <TextInput
+              keyboardType="numeric"
+              style={styles.textInput}
+              onChangeText={(value) => {
+                value = stripNonNumericValue(value);
+                setWidth(value);
+                widthChangedManually.current = true;
+              }}
+              value={width}
+              autoCorrect={false}
+              placeholderTextColor="#888"
+              autoCapitalize="none"
+            />
+            <Text style={[styles.textInputLabel, styles.leftSpacing]}>
+              Height
+            </Text>
+            <TextInput
+              keyboardType="numeric"
+              style={styles.textInput}
+              onChangeText={(value) => {
+                value = stripNonNumericValue(value);
+                setHeight(value);
+              }}
+              value={height.replace(/\D/g, '')}
+              autoCorrect={false}
+              placeholderTextColor="#888"
+              autoCapitalize="none"
+            />
+          </View>
+          <View style={styles.inputContainer}>
+            <TextInput
+              style={styles.textInput}
+              value={offerwallPlacementName}
+              onChangeText={setOfferwallPlacementName}
+              autoCorrect={false}
+              placeholder="Enter Placement Name"
+              placeholderTextColor="#888"
+              autoCapitalize="none"
+            />
+            <Button
+              style={styles.clearButton}
+              onPress={handleClearInput}
+              title={'\u2573'}
+            />
+          </View>
+          <View style={styles.buttonContainer}>
+            <Button
+              onPress={loadContent}
+              disabled={!isSdkConnected}
+              title={'Request'}
+            />
+            <View style={styles.buttonGap} />
+            <Button onPress={clearContent} title={'Clear'} />
+          </View>
+          <TJOfferwallDiscoverView
+            ref={owdRef}
+            style={getViewStyle()}
+            onRequestSuccess={(event: any) => {
+              addLogItem(event.nativeEvent.result);
+            }}
+            onRequestFailure={(event: any) =>
+              addLogItem(
+                `requestFailure: code:${event.nativeEvent.errorCode}, message:${event.nativeEvent.errorMessage}`
+              )
+            }
+            onContentReady={(event: any) =>
+              addLogItem(event.nativeEvent.result)
+            }
+            onContentError={(event: any) =>
+              addLogItem(
+                `contentError: code:${event.nativeEvent.errorCode}, message:${event.nativeEvent.errorMessage}`
+              )
+            }
+          />
+        </SafeAreaView>
+      </ScrollView>
+      <View style={styles.owLogContainer}>
+        <FlatList
+          data={logData}
+          renderItem={({ item }) => (
+            <View>
+              <Text style={styles.logText}>{item}</Text>
+            </View>
+          )}
+          keyExtractor={(_item, index) => index.toString()}
+        />
+      </View>
+    </View>
+  );
+};
+
+export default OfferwallDiscoverScreen;

package/example/src/OfferwallScreen.tsx

@@ -269,7 +269,7 @@ const OfferwallScreen: React.FC = () => {
               autoCapitalize="none"
             />
             <Button
-              style={styles.clearButton}
+              style={[styles.clearButton, styles.leftSpacing]}
               onPress={handleClearInput}
               title={'\u2573'}
             />