tapjoy-react-native-sdk 14.4.0 → 14.5.0

package/android/build.gradle

@@ -8,7 +8,7 @@ buildscript {
   }
 
   dependencies {
-    classpath "com.android.tools.build:gradle:8.1.2"
+    classpath "com.android.tools.build:gradle:8.11.1"
     // noinspection DifferentKotlinGradleVersion
     classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
     classpath "com.facebook.react:react-native-gradle-plugin"
@@ -79,9 +79,9 @@ dependencies {
   // For < 0.71, this will be from the local maven repo
   // For > 0.71, this will be replaced by `com.facebook.react:react-android:$version` by react gradle plugin
   //noinspection GradleDynamicVersion
-  implementation 'com.facebook.react:react-native:0.74.1'
+  implementation 'com.facebook.react:react-native:0.81.0'
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
-  implementation 'com.tapjoy:tapjoy-android-sdk:14.4.0'
+  implementation 'com.tapjoy:tapjoy-android-sdk:14.5.0'
   implementation "com.google.android.gms:play-services-ads-identifier:18.0.1"
 }
 

package/android/gradle.properties

@@ -1,6 +1,6 @@
-TapjoyReactNativeSdk_kotlinVersion=1.9.24
+TapjoyReactNativeSdk_kotlinVersion=2.1.20
 TapjoyReactNativeSdk_minSdkVersion=21
-TapjoyReactNativeSdk_targetSdkVersion=34
-TapjoyReactNativeSdk_compileSdkVersion=34
+TapjoyReactNativeSdk_targetSdkVersion=36
+TapjoyReactNativeSdk_compileSdkVersion=36
 TapjoyReactNativeSdk_ndkversion=25.1.8937393
 android.useAndroidX=true

package/android/src/main/java/com/tapjoyreactnativesdk/TJOfferwallDiscoverNativeView.kt

@@ -79,8 +79,8 @@ class TJOfferwallDiscoverNativeView : TJOfferwallDiscoverView, TJOfferwallDiscov
     }
 }
 
-class OfferwallDiscoverEvent(surfaceId: Int, viewId: Int, private val eventName: String, private val data: WritableMap) : Event<OfferwallDiscoverEvent>(surfaceId, viewId) {
-    override fun getEventName() = eventName
+class OfferwallDiscoverEvent(surfaceId: Int, viewId: Int, private val name: String, private val data: WritableMap) : Event<OfferwallDiscoverEvent>(surfaceId, viewId) {
+    override fun getEventName() = name
 
     // All events for a given view can be coalesced.
     override fun getCoalescingKey(): Short = 0

package/android/src/main/java/com/tapjoyreactnativesdk/TapjoyReactNativeSdkModule.kt

@@ -73,7 +73,7 @@ class TapjoyReactNativeSdkModule(reactContext: ReactApplicationContext) :
   fun connect(sdkKey: String, connectFlags: ReadableMap, promise: Promise) {
     TapjoyPluginAPI.setPlugin("ReactNative");
 
-    Tapjoy.connect(this.currentActivity?.applicationContext, sdkKey, connectFlags.toHashtable(), object : TJConnectListener() {
+    Tapjoy.connect(this.getCurrentActivity()?.applicationContext, sdkKey, connectFlags.toHashtable(), object : TJConnectListener() {
       override fun onConnectSuccess() {
         promise.resolve(true)
       }
@@ -403,14 +403,6 @@ class TapjoyReactNativeSdkModule(reactContext: ReactApplicationContext) :
         placements.remove(placement.name)
       }
 
-      override fun onPurchaseRequest(placement: TJPlacement, actionRequest: TJActionRequest, name: String) {
-
-      }
-
-      override fun onRewardRequest(placement: TJPlacement, actionRequest: TJActionRequest, currencyName: String, value: Int) {
-
-      }
-
       override fun onClick(placement: TJPlacement) {
 
       }
@@ -685,12 +677,12 @@ class TapjoyReactNativeSdkModule(reactContext: ReactApplicationContext) :
 
   @ReactMethod
   fun optOutAdvertisingID(optOut: Boolean) {
-    Tapjoy.optOutAdvertisingID(this.currentActivity?.applicationContext, optOut)
+    Tapjoy.optOutAdvertisingID(this.getCurrentActivity()?.applicationContext, optOut)
   }
 
   @ReactMethod
   fun getOptOutAdvertisingID(promise: Promise) {
-    val optOutStatus = Tapjoy.getOptOutAdvertisingID(this.currentActivity?.applicationContext)
+    val optOutStatus = Tapjoy.getOptOutAdvertisingID(this.getCurrentActivity()?.applicationContext)
     if (optOutStatus != null) {
       promise.resolve(optOutStatus)
     } else {
@@ -703,8 +695,21 @@ class TapjoyReactNativeSdkModule(reactContext: ReactApplicationContext) :
     val iterator = this.keySetIterator()
     while (iterator.hasNextKey()) {
       val key = iterator.nextKey()
-      val value = this.getString(key)
-      hashtable[key] = value?: continue
+      when (this.getType(key)) {
+        ReadableType.String -> {
+          this.getString(key)?.let { hashtable[key] = it }
+        }
+        ReadableType.Number -> {
+          val numberValue = this.getDouble(key)
+          val asInt = numberValue.toInt()
+          hashtable[key] = if (numberValue == asInt.toDouble()) asInt else numberValue
+        }
+        ReadableType.Boolean -> {
+          hashtable[key] = this.getBoolean(key)
+        }
+        ReadableType.Null, ReadableType.Map, ReadableType.Array -> {
+        }
+      }
     }
     return hashtable
   }

package/example/android/app/build.gradle

@@ -117,6 +117,6 @@ dependencies {
     }
 
     implementation 'com.google.android.gms:play-services-appset:16.0.2'
-    implementation 'com.tapjoy:tapjoy-android-sdk:14.4.0'
+    implementation 'com.tapjoy:tapjoy-android-sdk:14.5.0'
 
 }

package/example/android/app/src/main/java/com/tapjoyreactnativesdkexample/MainApplication.kt

@@ -4,13 +4,11 @@ import android.app.Application
 import com.facebook.react.PackageList
 import com.facebook.react.ReactApplication
 import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative
 import com.facebook.react.ReactNativeHost
 import com.facebook.react.ReactPackage
-import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
 import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
 import com.facebook.react.defaults.DefaultReactNativeHost
-import com.facebook.react.soloader.OpenSourceMergedSoMapping
-import com.facebook.soloader.SoLoader
 
 class MainApplication : Application(), ReactApplication {
 
@@ -35,10 +33,6 @@ class MainApplication : Application(), ReactApplication {
 
   override fun onCreate() {
     super.onCreate()
-    SoLoader.init(this, OpenSourceMergedSoMapping)
-    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
-      // If you opted-in for the New Architecture, we load the native entry point for this app.
-      load()
-    }
+    loadReactNative(this)
   }
 }

package/example/android/build.gradle

@@ -1,11 +1,11 @@
 buildscript {
   ext {
-    buildToolsVersion = "35.0.0"
+    buildToolsVersion = "36.0.0"
     minSdkVersion = 24
-    compileSdkVersion = 35
-    targetSdkVersion = 35
+    compileSdkVersion = 36
+    targetSdkVersion = 36
     ndkVersion = "27.1.12297006"
-    kotlinVersion = "2.0.21"
+    kotlinVersion = "2.1.20"
   }
   repositories {
     google()

package/example/android/gradle/wrapper/gradle-wrapper.properties

@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.13-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.3-bin.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME

package/example/android/gradle.properties

@@ -37,3 +37,8 @@ newArchEnabled=true
 # Use this property to enable or disable the Hermes JS engine.
 # If set to false, you will be using JSC instead.
 hermesEnabled=true
+
+# Use this property to enable edge-to-edge display support.
+# This allows your app to draw behind system bars for an immersive UI.
+# Note: Only works with ReactActivity and should not be used with custom Activity.
+edgeToEdgeEnabled=false

package/example/ios/TapjoyReactNativeSdkExample/Info.plist

@@ -39,7 +39,7 @@
 	<string>LaunchScreen</string>
 	<key>UIRequiredDeviceCapabilities</key>
 	<array>
-		<string>armv64</string>
+		<string>arm64</string>
 	</array>
 	<key>UISupportedInterfaceOrientations</key>
 	<array>

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

@@ -15,21 +15,10 @@
 		B58E4E7E8EDB14A1C5F1CBAA /* PrivacyInfo.xcprivacy in Resources */ = {isa = PBXBuildFile; fileRef = EDEB0408D1807C711EE2B6BB /* PrivacyInfo.xcprivacy */; };
 /* End PBXBuildFile section */
 
-/* Begin PBXContainerItemProxy section */
-		00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
-			proxyType = 1;
-			remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
-			remoteInfo = TapjoyReactNativeSdkExample;
-		};
-/* End PBXContainerItemProxy section */
-
 /* Begin PBXFileReference section */
 		00E356EE1AD99517003FC87E /* TapjoyReactNativeSdkExampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = TapjoyReactNativeSdkExampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
 		13B07F961A680F5B00A75B9A /* TapjoyReactNativeSdkExample.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = TapjoyReactNativeSdkExample.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = TapjoyReactNativeSdkExample/Images.xcassets; sourceTree = "<group>"; };
-		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = TapjoyReactNativeSdkExample/Info.plist; sourceTree = "<group>"; };
 		19F6CBCC0A4E27FBF8BF4A61 /* libPods-TapjoyReactNativeSdkExample-TapjoyReactNativeSdkExampleTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-TapjoyReactNativeSdkExample-TapjoyReactNativeSdkExampleTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		3B4392A12AC88292D35C810B /* Pods-TapjoyReactNativeSdkExample.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-TapjoyReactNativeSdkExample.debug.xcconfig"; path = "Target Support Files/Pods-TapjoyReactNativeSdkExample/Pods-TapjoyReactNativeSdkExample.debug.xcconfig"; sourceTree = "<group>"; };
 		5709B34CF0A7D63546082F79 /* Pods-TapjoyReactNativeSdkExample.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-TapjoyReactNativeSdkExample.release.xcconfig"; path = "Target Support Files/Pods-TapjoyReactNativeSdkExample/Pods-TapjoyReactNativeSdkExample.release.xcconfig"; sourceTree = "<group>"; };
@@ -62,27 +51,11 @@
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
-		00E356EF1AD99517003FC87E /* TapjoyReactNativeSdkExampleTests */ = {
-			isa = PBXGroup;
-			children = (
-				00E356F01AD99517003FC87E /* Supporting Files */,
-			);
-			path = TapjoyReactNativeSdkExampleTests;
-			sourceTree = "<group>";
-		};
-		00E356F01AD99517003FC87E /* Supporting Files */ = {
-			isa = PBXGroup;
-			children = (
-			);
-			name = "Supporting Files";
-			sourceTree = "<group>";
-		};
 		13B07FAE1A68108700A75B9A /* TapjoyReactNativeSdkExample */ = {
 			isa = PBXGroup;
 			children = (
 				5BA1D0092DD34B1600CF7906 /* AppDelegate.swift */,
 				13B07FB51A68108700A75B9A /* Images.xcassets */,
-				13B07FB61A68108700A75B9A /* Info.plist */,
 				81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,
 				EDEB0408D1807C711EE2B6BB /* PrivacyInfo.xcprivacy */,
 			);
@@ -111,7 +84,6 @@
 			children = (
 				13B07FAE1A68108700A75B9A /* TapjoyReactNativeSdkExample */,
 				832341AE1AAA6A7D00B99B32 /* Libraries */,
-				00E356EF1AD99517003FC87E /* TapjoyReactNativeSdkExampleTests */,
 				83CBBA001A601CBA00E9B192 /* Products */,
 				2D16E6871FA4F8E400B85C8A /* Frameworks */,
 				BBD78D7AC51CEA395F1C20DB /* Pods */,
@@ -151,14 +123,12 @@
 				A55EABD7B0C7F3A422A6CC61 /* [CP] Check Pods Manifest.lock */,
 				00E356EA1AD99517003FC87E /* Sources */,
 				00E356EB1AD99517003FC87E /* Frameworks */,
-				00E356EC1AD99517003FC87E /* Resources */,
 				C59DA0FBD6956966B86A3779 /* [CP] Embed Pods Frameworks */,
 				F6A41C54EA430FDDC6A6ED99 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
 			dependencies = (
-				00E356F51AD99517003FC87E /* PBXTargetDependency */,
 			);
 			name = TapjoyReactNativeSdkExampleTests;
 			productName = TapjoyReactNativeSdkExampleTests;
@@ -224,13 +194,6 @@
 /* End PBXProject section */
 
 /* Begin PBXResourcesBuildPhase section */
-		00E356EC1AD99517003FC87E /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
 		13B07F8E1A680F5B00A75B9A /* Resources */ = {
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
@@ -411,14 +374,6 @@
 		};
 /* End PBXSourcesBuildPhase section */
 
-/* Begin PBXTargetDependency section */
-		00E356F51AD99517003FC87E /* PBXTargetDependency */ = {
-			isa = PBXTargetDependency;
-			target = 13B07F861A680F5B00A75B9A /* TapjoyReactNativeSdkExample */;
-			targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;
-		};
-/* End PBXTargetDependency section */
-
 /* Begin XCBuildConfiguration section */
 		00E356F61AD99517003FC87E /* Debug */ = {
 			isa = XCBuildConfiguration;

package/example/metro.config.js

@@ -1,14 +1,10 @@
 const path = require('path');
 const escape = require('escape-string-regexp');
-const exclusionList = require('metro-config/src/defaults/exclusionList');
 const pak = require('../package.json');
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 
 const root = path.resolve(__dirname, '..');
-
-const modules = Object.keys({
-  ...pak.peerDependencies,
-});
+const modules = Object.keys(pak.peerDependencies);
 
 /**
  * Metro configuration
@@ -17,20 +13,18 @@ const modules = Object.keys({
  * @type {import('@react-native/metro-config').MetroConfig}
  */
 
-module.exports = mergeConfig(getDefaultConfig(__dirname), {
+const defaultConfig = getDefaultConfig(__dirname);
+
+const blockList = modules.map(
+  (m) => new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`)
+);
+
+module.exports = mergeConfig(defaultConfig, {
   projectRoot: __dirname,
   watchFolders: [root],
 
-  // We need to make sure that only one version is loaded for peerDependencies
-  // So we block them at the root, and alias them to the versions in example's node_modules
   resolver: {
-    blacklistRE: exclusionList(
-      modules.map(
-        (m) =>
-          new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`)
-      )
-    ),
-
+    blockList: blockList,
     extraNodeModules: modules.reduce((acc, name) => {
       acc[name] = path.join(__dirname, 'node_modules', name);
       return acc;

package/example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "TapjoyReactNativeSdkExample",
-  "version": "14.4.0",
+  "version": "14.5.0",
   "private": true,
   "scripts": {
     "android": "react-native run-android",
@@ -12,30 +12,31 @@
     "tapjoy-react-native-sdk": "file:../",
     "@react-native-async-storage/async-storage": "^2.1.2",
     "@react-native-masked-view/masked-view": "^0.3.2",
-    "@react-native-picker/picker": "^2.11.0",
+    "@react-native-picker/picker": "^2.11.1",
     "@react-navigation/bottom-tabs": "^7.3.13",
     "@react-navigation/native": "^7.1.9",
+    "@react-native/new-app-screen": "0.81.0",
     "dayjs": "^1.11.13",
-    "react": "19.0.0",
-    "react-native": "0.79.2",
-    "react-native-gesture-handler": "^2.20.0",
+    "react": "19.1.0",
+    "react-native": "0.81.0",
+    "react-native-gesture-handler": "^2.28.0",
     "react-native-picker-select": "^9.3.1",
-    "react-native-reanimated": "^3.15.3",
-    "react-native-safe-area-context": "^5.4.0",
-    "react-native-screens": "^4.10.0",
-    "react-native-toast-message": "^2.2.1",
+    "react-native-reanimated": "^3.19.1",
+    "react-native-safe-area-context": "^5.6.1",
+    "react-native-screens": "^4.15.2",
+    "react-native-toast-message": "^2.3.3",
     "react-native-tracking-transparency": "^0.1.2"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.4",
     "@babel/runtime": "^7.25.6",
-    "@react-native-community/cli": "18.0.0",
-    "@react-native-community/cli-platform-android": "18.0.0",
-    "@react-native-community/cli-platform-ios": "18.0.0",
-    "@react-native/babel-preset": "0.79.2",
-    "@react-native/metro-config": "^0.76.6",
-    "@react-native/typescript-config": "0.79.2"
+    "@react-native-community/cli": "20.0.0",
+    "@react-native-community/cli-platform-android": "20.0.0",
+    "@react-native-community/cli-platform-ios": "20.0.0",
+    "@react-native/babel-preset": "0.81.0",
+    "@react-native/metro-config": "0.81.0",
+    "@react-native/typescript-config": "0.81.0"
   },
   "engines": {
     "node": ">=18"

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,
@@ -73,17 +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) {
@@ -107,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());
@@ -154,69 +157,81 @@ const MainScreen: React.FC = () => {
     }
   };
 
+  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.selectionContainer}>
-              <View style={styles.horizontalContainer}>
-                <Text style={styles.userPropertiesLabel}>Logging Level:</Text>
-                <SelectionMenu
-                  data={loggingLevelData}
-                  onSelectItem={handleLoggingLevelChange}
-                  initialSelectedItem={loggingLevelData[selectedLoggingLevel]}
+            <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>
   );
 };