tapjoy-react-native-sdk 0.1.0 → 0.1.2

package/example/ios/TapjoyReactNativeSdkExample.xcodeproj/xcshareddata/xcschemes/TapjoyReactNativeSdkExample.xcscheme

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1210"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "TapjoyReactNativeSdkExample.app"
+               BlueprintName = "TapjoyReactNativeSdkExample"
+               ReferencedContainer = "container:TapjoyReactNativeSdkExample.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "TapjoyReactNativeSdkExampleTests.xctest"
+               BlueprintName = "TapjoyReactNativeSdkExampleTests"
+               ReferencedContainer = "container:TapjoyReactNativeSdkExample.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "TapjoyReactNativeSdkExample.app"
+            BlueprintName = "TapjoyReactNativeSdkExample"
+            ReferencedContainer = "container:TapjoyReactNativeSdkExample.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "TapjoyReactNativeSdkExample.app"
+            BlueprintName = "TapjoyReactNativeSdkExample"
+            ReferencedContainer = "container:TapjoyReactNativeSdkExample.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

package/example/ios/TapjoyReactNativeSdkExample.xcworkspace/contents.xcworkspacedata

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "group:TapjoyReactNativeSdkExample.xcodeproj">
+   </FileRef>
+   <FileRef
+      location = "group:Pods/Pods.xcodeproj">
+   </FileRef>
+</Workspace>

package/example/ios/TapjoyReactNativeSdkExample.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>

package/example/ios/TapjoyReactNativeSdkExampleTests/Info.plist

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>

package/example/ios/TapjoyReactNativeSdkExampleTests/TapjoyReactNativeSdkExampleTests.m

@@ -0,0 +1,66 @@
+#import <UIKit/UIKit.h>
+#import <XCTest/XCTest.h>
+
+#import <React/RCTLog.h>
+#import <React/RCTRootView.h>
+
+#define TIMEOUT_SECONDS 600
+#define TEXT_TO_LOOK_FOR @"Welcome to React"
+
+@interface TapjoyReactNativeSdkExampleTests : XCTestCase
+
+@end
+
+@implementation TapjoyReactNativeSdkExampleTests
+
+- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL (^)(UIView *view))test
+{
+  if (test(view)) {
+    return YES;
+  }
+  for (UIView *subview in [view subviews]) {
+    if ([self findSubviewInView:subview matching:test]) {
+      return YES;
+    }
+  }
+  return NO;
+}
+
+- (void)testRendersWelcomeScreen
+{
+  UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];
+  NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
+  BOOL foundElement = NO;
+
+  __block NSString *redboxError = nil;
+#ifdef DEBUG
+  RCTSetLogFunction(
+      ^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
+        if (level >= RCTLogLevelError) {
+          redboxError = message;
+        }
+      });
+#endif
+
+  while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
+    [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+    [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+
+    foundElement = [self findSubviewInView:vc.view
+                                  matching:^BOOL(UIView *view) {
+                                    if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
+                                      return YES;
+                                    }
+                                    return NO;
+                                  }];
+  }
+
+#ifdef DEBUG
+  RCTSetLogFunction(RCTDefaultLogFunction);
+#endif
+
+  XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
+  XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
+}
+
+@end

package/example/metro.config.js

@@ -0,0 +1,40 @@
+const path = require('path');
+const escape = require('escape-string-regexp');
+const exclusionList = require('metro-config/src/defaults/exclusionList');
+const pak = require('../package.json');
+
+const root = path.resolve(__dirname, '..');
+
+const modules = Object.keys({
+  ...pak.peerDependencies,
+});
+
+module.exports = {
+  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))}\\/.*$`)
+      )
+    ),
+
+    extraNodeModules: modules.reduce((acc, name) => {
+      acc[name] = path.join(__dirname, 'node_modules', name);
+      return acc;
+    }, {}),
+  },
+
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
+      },
+    }),
+  },
+};

package/example/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "TapjoyReactNativeSdkExample",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "start": "react-native start",
+    "pods": "pod-install --quiet"
+  },
+  "dependencies": {
+    "@react-native-async-storage/async-storage": "^1.17.12",
+    "@react-native-community/masked-view": "^0.1.11",
+    "@react-navigation/bottom-tabs": "^6.5.7",
+    "@react-navigation/native": "^6.1.6",
+    "react": "18.2.0",
+    "react-native": "0.71.6",
+    "react-native-gesture-handler": "^2.9.0",
+    "react-native-reanimated": "^2.14.4",
+    "react-native-safe-area-context": "^4.5.0",
+    "react-native-screens": "^3.20.0",
+    "react-native-tracking-transparency": "^0.1.2",
+    "react-native-toast-message": "^2.1.6"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.0",
+    "@babel/preset-env": "^7.20.0",
+    "@babel/runtime": "^7.20.0",
+    "babel-plugin-module-resolver": "^4.1.0",
+    "metro-react-native-babel-preset": "0.73.8"
+  }
+}

package/example/react-native.config.js

@@ -0,0 +1,10 @@
+const path = require('path');
+const pak = require('../package.json');
+
+module.exports = {
+  dependencies: {
+    [pak.name]: {
+      root: path.join(__dirname, '..'),
+    },
+  },
+};

package/example/src/App.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import { NavigationContainer } from '@react-navigation/native';
+import MainScreen from './MainScreen';
+import OfferwallScreen from './OfferwallScreen';
+import UserProperties from './UserProperties';
+import styles from './Styles';
+
+const Tab = createBottomTabNavigator();
+
+export default function App() {
+  return (
+    <NavigationContainer>
+      <Tab.Navigator
+        screenOptions={{
+          tabBarLabelPosition: 'beside-icon',
+          tabBarLabelStyle: styles.tabBarLabelStyle,
+          tabBarIconStyle: styles.tabBarIconStyle,
+        }}
+      >
+        <Tab.Screen name="Main" component={MainScreen} />
+        <Tab.Screen name="Offerwall" component={OfferwallScreen} />
+        <Tab.Screen name="User Properties" component={UserProperties} />
+      </Tab.Navigator>
+    </NavigationContainer>
+  );
+}

package/example/src/Button.tsx

@@ -0,0 +1,26 @@
+import { Text, TouchableOpacity } from 'react-native';
+import styles from './Styles';
+import React from 'react';
+
+class Button extends React.Component<{
+  onPress: any;
+  title: string;
+  style?: any;
+  disabled?: boolean;
+}> {
+  render() {
+    let { onPress, title, style, disabled } = this.props;
+    return (
+      <TouchableOpacity
+        activeOpacity={0.8}
+        onPress={onPress}
+        style={[styles.button, disabled ? styles.disabledButton : {}, style]}
+        disabled={disabled}
+      >
+        <Text style={styles.buttonText}>{title}</Text>
+      </TouchableOpacity>
+    );
+  }
+}
+
+export default Button;

package/example/src/MainScreen.tsx

@@ -0,0 +1,152 @@
+import React, { useState, useEffect } from 'react';
+import { View, SafeAreaView, TextInput, Platform, Text } from 'react-native';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import {
+  getTrackingStatus,
+  requestTrackingPermission,
+} from 'react-native-tracking-transparency';
+import styles from './Styles';
+import Button from './Button';
+import Tapjoy, { TJPrivacyPolicy, TJVersion } 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');
+
+  useEffect(() => {
+    retrieveSdkKey().then();
+  }, []);
+
+  const retrieveSdkKey = async () => {
+    try {
+      const value = await AsyncStorage.getItem('sdkKey');
+      if (value !== null) {
+        setSdkKey(value);
+      } else {
+        setSdkKey(
+          Platform.OS === 'ios'
+            ? 'E7CuaoUWRAWdz_5OUmSGsgEBXHdOwPa8de7p4aseeYP01mecluf-GfNgtXlF'
+            : 'u6SfEbh_TA-WMiGqgQ3W8QECyiQIURFEeKm0zbOggubusy-o5ZfXp33sTXaD'
+        );
+      }
+    } catch (error) {
+      setStatusLabelText(`Failed to retrieve sdk key: ${error}`);
+    }
+  };
+
+  const handleConnect = async () => {
+    try {
+      //Privacy related flags
+      let privacyPolicy = new TJPrivacyPolicy();
+      privacyPolicy.setBelowConsentAge(false);
+      privacyPolicy.setSubjectToGDPR(true);
+      privacyPolicy.setUSPrivacy('1---');
+      privacyPolicy.setUserConsent('1');
+
+      setIsConnecting(true);
+      await AsyncStorage.setItem('sdkKey', sdkKey);
+
+      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 {
+        await requestTrackingPermission();
+        await Tapjoy.connect(sdkKey, flags);
+      }
+      setIsConnecting(false);
+      setStatusLabelText(
+        'Tapjoy SDK Connected' +
+          (userId !== null ? `\nFlags: ${JSON.stringify(flags)}` : '')
+      );
+    } catch (error) {
+      setStatusLabelText(`Tapjoy SDK failed to connect: ${error}`);
+      setIsConnecting(false);
+    }
+  };
+
+  const getCurrencyBalance = async () => {
+    try {
+      let result = await Tapjoy.getCurrencyBalance();
+      setStatusLabelText(
+        'getCurrencyBalance returned ' +
+          result.currencyName +
+          ': ' +
+          result.amount
+      );
+    } catch (error: any) {
+      setStatusLabelText(error.toString());
+    }
+  };
+
+  const spendCurrency = async () => {
+    try {
+      let amount = 10.0;
+      let result = await Tapjoy.spendCurrency(amount);
+      setStatusLabelText(
+        'spendCurrency returned ' + result.currencyName + ': ' + result.amount
+      );
+    } catch (error: any) {
+      setStatusLabelText(error.toString());
+    }
+  };
+
+  const awardCurrency = async () => {
+    try {
+      let amount = 10.0;
+      let result = await Tapjoy.awardCurrency(amount);
+      setStatusLabelText(
+        'awardCurrency returned ' + result.currencyName + ': ' + result.amount
+      );
+    } catch (error: any) {
+      setStatusLabelText(error.toString());
+    }
+  };
+
+  return (
+    <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}
+          onPress={handleConnect}
+          disabled={isConnecting || Tapjoy.isConnected()}
+        />
+      </View>
+      <View style={styles.currencyOuterContainer}>
+        <Text style={styles.labelText}>{'Managed Currency:'}</Text>
+        <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>
+      <Text style={styles.versionText}>
+        Version: {TJVersion.getPluginVersion()}
+      </Text>
+    </SafeAreaView>
+  );
+};
+
+export default MainScreen;

package/example/src/OfferwallScreen.tsx

@@ -0,0 +1,172 @@
+import React, { useState, useEffect } from 'react';
+import { useFocusEffect } from '@react-navigation/native';
+import {
+  SafeAreaView,
+  View,
+  TextInput,
+  Text,
+  TouchableWithoutFeedback,
+  Keyboard,
+  FlatList,
+} from 'react-native';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import Button from './Button';
+import styles from './Styles';
+import Tapjoy, { TJPlacement } from 'tapjoy-react-native-sdk';
+
+const OfferwallScreen: React.FC = () => {
+  const [offerwallPlacementName, _setOfferwallPlacementName] =
+    useState<string>('offerwall_unit');
+  const [isSdkConnected, setIsSdkConnected] = useState<boolean>(false);
+  const [, setPlacementState] = useState<string>('');
+  const [logData, setLogData] = useState<Array<string>>([]);
+
+  useFocusEffect(
+    React.useCallback(() => {
+      setIsSdkConnected(Tapjoy.isConnected());
+    }, [])
+  );
+
+  useEffect(() => {
+    retrieveStoredPlacementName();
+  });
+
+  const retrieveStoredPlacementName = () => {
+    AsyncStorage.getItem('placementName').then(async (value) => {
+      if (value !== null) {
+        await setOfferwallPlacementName(value);
+      }
+    });
+  };
+
+  const handleClearInput = async () => {
+    await setOfferwallPlacementName('');
+  };
+
+  const loadPlacement = () => {
+    let offerwallPlacement = new TJPlacement(offerwallPlacementName);
+    offerwallPlacement.on(
+      TJPlacement.REQUEST_DID_SUCCEED,
+      (placement: TJPlacement) => {
+        addLogItem(`${TJPlacement.REQUEST_DID_SUCCEED} "${placement.name}"`);
+        addLogItem(`Content available: ${placement.isContentAvailable()}`);
+        setPlacementState('request_success');
+      }
+    );
+
+    offerwallPlacement.on(
+      TJPlacement.REQUEST_DID_FAIL,
+      (placement: TJPlacement) => {
+        addLogItem(
+          `${TJPlacement.REQUEST_DID_FAIL} "${placement.name}" - ${
+            placement.error !== undefined ? placement.error : ''
+          }`
+        );
+        setPlacementState('failed');
+      }
+    );
+
+    offerwallPlacement.on(
+      TJPlacement.CONTENT_IS_READY,
+      (placement: TJPlacement) => {
+        addLogItem(`${TJPlacement.CONTENT_IS_READY} "${placement.name}"`);
+        setPlacementState('ready');
+      }
+    );
+    offerwallPlacement.requestContent();
+    setPlacementState('loading');
+  };
+
+  const showPlacement = () => {
+    let offerwallPlacement = new TJPlacement(offerwallPlacementName);
+    if (offerwallPlacement === undefined) {
+      addLogItem(`"${offerwallPlacementName}" placement not loaded.`);
+      setPlacementState('failed');
+      return;
+    }
+
+    offerwallPlacement.on(
+      TJPlacement.CONTENT_DID_APPEAR,
+      (placement: TJPlacement) => {
+        addLogItem(`${TJPlacement.CONTENT_DID_APPEAR} "${placement.name}"`);
+        setPlacementState('shown');
+      }
+    );
+
+    offerwallPlacement.on(
+      TJPlacement.CONTENT_DID_DISAPPEAR,
+      (placement: TJPlacement) => {
+        addLogItem(`${TJPlacement.CONTENT_DID_DISAPPEAR} "${placement.name}"`);
+        setPlacementState('dismissed');
+      }
+    );
+
+    offerwallPlacement.showContent();
+    setPlacementState('show');
+  };
+
+  const setOfferwallPlacementName = async (placementName: string) => {
+    _setOfferwallPlacementName(placementName);
+    await AsyncStorage.setItem('placementName', placementName);
+  };
+
+  const handleDismissKeyboard = () => {
+    Keyboard.dismiss();
+  };
+
+  const addLogItem = (item: string) => {
+    const timestamp = new Date().toLocaleTimeString();
+    logData.push(timestamp + ' ' + item);
+    setLogData(logData);
+  };
+
+  return (
+    <TouchableWithoutFeedback onPress={handleDismissKeyboard}>
+      <SafeAreaView style={styles.container}>
+        <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={loadPlacement}
+            disabled={!isSdkConnected}
+            title={'Request'}
+          />
+          <View style={styles.buttonGap} />
+          <Button
+            onPress={showPlacement}
+            disabled={!new TJPlacement(offerwallPlacementName).isContentReady()}
+            title={'Display'}
+          />
+        </View>
+        <View style={styles.owLogContainer}>
+          <FlatList
+            contentContainerStyle={styles.flexGrow}
+            data={logData}
+            renderItem={({ item }) => (
+              <View>
+                <Text style={styles.logText}>{item}</Text>
+              </View>
+            )}
+            keyExtractor={(_item, index) => index.toString()}
+          />
+        </View>
+      </SafeAreaView>
+    </TouchableWithoutFeedback>
+  );
+};
+
+export default OfferwallScreen;