tapjoy-react-native-sdk 14.3.1 → 14.5.0

package/example/src/App.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { NavigationContainer } from '@react-navigation/native';
 import { Dimensions } from 'react-native';
@@ -20,7 +20,6 @@ export default function App() {
       <ConnectContext.Provider value={{ isSdkConnected, setIsSdkConnected }}>
         <Tab.Navigator
             screenOptions={{
-            scrollEnabled: true,
             tabBarLabelPosition: 'beside-icon',
             tabBarLabelStyle: styles.tabBarLabelStyle,
             tabBarIconStyle: styles.tabBarIconStyle,

package/example/src/MainScreen.tsx

@@ -1,12 +1,15 @@
 import React, { useState, useEffect, useContext } from 'react';
 import {
   View,
-  SafeAreaView,
   TextInput,
   Platform,
   Text,
   ScrollView,
 } from 'react-native';
+import {
+  SafeAreaProvider,
+  useSafeAreaInsets,
+} from 'react-native-safe-area-context';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import {
   getTrackingStatus,
@@ -14,8 +17,9 @@ import {
 } from 'react-native-tracking-transparency';
 import styles from './Styles';
 import Button from './Button';
-import Tapjoy, { TJVersion, TapjoyEvent } from 'tapjoy-react-native-sdk';
+import Tapjoy, { TJVersion, TapjoyEvent, TJLoggingLevel } from 'tapjoy-react-native-sdk';
 import { ConnectContext } from './ConnectContext';
+import SelectionMenu from './SelectionMenu';
 
 const MainScreen: React.FC = () => {
   const [sdkKey, setSdkKey] = useState<string>('');
@@ -23,7 +27,15 @@ const MainScreen: React.FC = () => {
   const [curerncySpendAwardAmount, setCurrencySpendAwardAmount] = useState<string>('10');
   const [statusLabelText, setStatusLabelText] = useState('Status Message');
   const { isSdkConnected, setIsSdkConnected } = useContext(ConnectContext);
-
+  const [selectedLoggingLevel, setSelectedLoggingLevel] = useState<TJLoggingLevel>(
+    TJLoggingLevel.Error
+  );
+  const loggingLevelData = [
+    { value: TJLoggingLevel.Error, label: 'Error' },
+    { value: TJLoggingLevel.Warning, label: 'Warning' },
+    { value: TJLoggingLevel.Info, label: 'Info' },
+    { value: TJLoggingLevel.Debug, label: 'Debug' },
+  ];
   useEffect(() => {
     retrieveSdkKey().then();
   }, []);
@@ -50,9 +62,13 @@ const MainScreen: React.FC = () => {
       setIsConnecting(true);
       await AsyncStorage.setItem('sdkKey', sdkKey);
 
-      Tapjoy.setDebugEnabled(true);
-      // Use the following line to set the user id
-      // let flags: object = { TJC_OPTION_USER_ID: userId };
+      Tapjoy.setLoggingLevel(selectedLoggingLevel);
+
+      // Use the following code to set the user id and logging level using connect flags
+      // let flags: object = {
+      //                       TJC_OPTION_USER_ID: "userId",
+      //                       TJC_OPTION_LOGGING_LEVEL: TJLoggingLevel.Debug
+      // };
       let flags: object = {};
       let trackingStatus = await getTrackingStatus();
       if (trackingStatus !== 'authorized' && trackingStatus !== 'unavailable') {
@@ -60,15 +76,17 @@ const MainScreen: React.FC = () => {
       }
 
       await Tapjoy.connect(sdkKey, flags, (event: TapjoyEvent) => {
-          setStatusLabelText(`Tapjoy SDK connected with Warning: ErrorCode: ${event.code} ${event.message} `);
-        },
+        setStatusLabelText(`Tapjoy SDK connected with Warning: ErrorCode: ${event.code} ${event.message} `);
+      },
       );
       setIsConnecting(false);
+      setSelectedLoggingLevel(await Tapjoy.getLoggingLevel());
+      Tapjoy.setCustomParameter("my_parameter");
       setStatusLabelText(
         'Tapjoy SDK Connected' +
-          (Object.keys(flags).length > 0
-            ? `\nFlags: ${JSON.stringify(flags)}`
-            : '')
+        (Object.keys(flags).length > 0
+          ? `\nFlags: ${JSON.stringify(flags)}`
+          : '')
       );
       setIsSdkConnected(true);
     } catch (error: any) {
@@ -92,9 +110,9 @@ const MainScreen: React.FC = () => {
       let result = await Tapjoy.getCurrencyBalance();
       setStatusLabelText(
         'getCurrencyBalance returned ' +
-          result.currencyName +
-          ': ' +
-          result.amount
+        result.currencyName +
+        ': ' +
+        result.amount
       );
     } catch (error: any) {
       setStatusLabelText(error.toString());
@@ -130,59 +148,90 @@ const MainScreen: React.FC = () => {
     setCurrencySpendAwardAmount(numericText);
   };
 
+  const handleLoggingLevelChange = async (item: { value: TJLoggingLevel }) => {
+    setSelectedLoggingLevel(item.value);
+    const originalLoggingLevel = await Tapjoy.getLoggingLevel();
+    await Tapjoy.setLoggingLevel(item.value);
+    if (await Tapjoy.getLoggingLevel() !== item.value) {
+      setSelectedLoggingLevel(originalLoggingLevel); // Revert to the original value if logging level is locked
+    }
+  };
+
+  const safeAreaInsets = useSafeAreaInsets();
+
   return (
-    <View style={styles.mainContainer}>
-      <ScrollView>
-        <SafeAreaView style={styles.container}>
-          <View style={styles.lineGap}>
-            <Text style={styles.statusText}>{statusLabelText}</Text>
-          </View>
-          <View style={styles.inputContainer}>
-            <TextInput
-              style={styles.textInput}
-              value={sdkKey}
-              onChangeText={setSdkKey}
-              placeholder="Enter SDK Key"
-            />
-            <Button
-              title="Connect"
-              style={[styles.zeroFlex, styles.leftSpacing]}
-              onPress={handleConnect}
-              disabled={isConnecting || Tapjoy.isConnected()}
-            />
-          </View>
-          <View style={styles.currencyOuterContainer}>
-            <Text style={styles.labelText}>{'Managed Currency:'}</Text>
+    <SafeAreaProvider>
+      <View style={[
+        styles.mainContainer,
+        {
+          paddingTop: safeAreaInsets.top,
+          paddingBottom: safeAreaInsets.bottom,
+          paddingLeft: safeAreaInsets.left,
+          paddingRight: safeAreaInsets.right,
+        },
+      ]}>
+        <ScrollView>
+          <View style={styles.container}>
+            <View style={styles.lineGap}>
+              <Text style={styles.statusText}>{statusLabelText}</Text>
+            </View>
             <View style={styles.inputContainer}>
-              <Text style={styles.userPropertiesLabel}>Amount:</Text>
               <TextInput
                 style={styles.textInput}
-                keyboardType='numeric'
-                value={curerncySpendAwardAmount}
-                onChangeText={handleAmountChange}
-                placeholder="Managed Currency value"
-              />
-            </View>
-            <View style={styles.currencyInnerContainer}>
-              <Button
-                style={styles.buttonGap}
-                title="Get"
-                onPress={getCurrencyBalance}
+                value={sdkKey}
+                onChangeText={setSdkKey}
+                placeholder="Enter SDK Key"
               />
               <Button
-                style={styles.buttonGap}
-                title="Spend"
-                onPress={spendCurrency}
+                title="Connect"
+                style={[styles.zeroFlex, styles.leftSpacing]}
+                onPress={handleConnect}
+                disabled={isConnecting || Tapjoy.isConnected()}
               />
-              <Button title="Award" onPress={awardCurrency} />
+            </View>
+            <View style={styles.currencyOuterContainer}>
+              <Text style={styles.labelText}>{'Managed Currency:'}</Text>
+              <View style={styles.inputContainer}>
+                <Text style={styles.userPropertiesLabel}>Amount:</Text>
+                <TextInput
+                  style={styles.textInput}
+                  keyboardType='numeric'
+                  value={curerncySpendAwardAmount}
+                  onChangeText={handleAmountChange}
+                  placeholder="Managed Currency value"
+                />
+              </View>
+              <View style={styles.currencyInnerContainer}>
+                <Button
+                  style={styles.buttonGap}
+                  title="Get"
+                  onPress={getCurrencyBalance}
+                />
+                <Button
+                  style={styles.buttonGap}
+                  title="Spend"
+                  onPress={spendCurrency}
+                />
+                <Button title="Award" onPress={awardCurrency} />
+              </View>
+              <View style={styles.selectionContainer}>
+                <View style={styles.horizontalContainer}>
+                  <Text style={styles.userPropertiesLabel}>Logging Level:</Text>
+                  <SelectionMenu
+                    data={loggingLevelData}
+                    onSelectItem={handleLoggingLevelChange}
+                    initialSelectedItem={loggingLevelData[selectedLoggingLevel]}
+                  />
+                </View>
+              </View>
             </View>
           </View>
-        </SafeAreaView>
-      </ScrollView>
-      <Text style={styles.versionText}>
-        Version: {TJVersion.getPluginVersion()}
-      </Text>
-    </View>
+        </ScrollView>
+        <Text style={styles.versionText}>
+          Version: {TJVersion.getPluginVersion()}
+        </Text>
+      </View>
+    </SafeAreaProvider>
   );
 };
 

package/example/src/OfferwallDiscoverScreen.tsx

@@ -1,15 +1,17 @@
 import React, { useEffect, useRef, useState, useContext } 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 {
+  SafeAreaProvider,
+  useSafeAreaInsets,
+} from 'react-native-safe-area-context';
+import { TJOfferwallDiscoverView } from 'tapjoy-react-native-sdk';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import dayjs from 'dayjs';
 import Button from './Button';
@@ -88,100 +90,112 @@ const OfferwallDiscoverScreen: React.FC = () => {
     };
   };
 
+  const safeAreaInsets = useSafeAreaInsets();
+
   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);
+    <SafeAreaProvider>
+      <View style={[
+        styles.mainContainer,
+        {
+          paddingTop: safeAreaInsets.top,
+          paddingBottom: safeAreaInsets.bottom,
+          paddingLeft: safeAreaInsets.left,
+          paddingRight: safeAreaInsets.right,
+        },
+      ]}>
+        <ScrollView style={styles.offerwallScrollContainer}>
+          <View 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);
               }}
-              value={height.replace(/\D/g, '')}
-              autoCorrect={false}
-              placeholderTextColor="#888"
-              autoCapitalize="none"
+              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}`
+                )
+              }
             />
           </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}`
-              )
-            }
+        </ScrollView>
+        <View style={styles.owLogContainer}>
+          <FlatList
+            data={logData}
+            renderItem={({ item }) => (
+              <View>
+                <Text style={styles.logText}>{item}</Text>
+              </View>
+            )}
+            keyExtractor={(_item, index) => index.toString()}
           />
-        </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>
-    </View>
+    </SafeAreaProvider>
   );
 };