tapjoy-react-native-sdk 0.1.0 → 0.1.1

package/example/src/Styles.ts

@@ -0,0 +1,120 @@
+import { StyleSheet } from 'react-native';
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    margin: 20,
+  },
+  inputContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 20,
+  },
+  clearButton: {
+    flex: 0,
+    width: 50,
+    backgroundColor: '#FDAA1C',
+    borderRadius: 5,
+    padding: 10,
+    height: 40,
+  },
+  buttonContainer: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    height: 50,
+  },
+  button: {
+    backgroundColor: '#FDAA1C',
+    borderRadius: 5,
+    padding: 10,
+    flex: 1,
+    alignSelf: 'flex-start',
+  },
+  enabledButton: {},
+  disabledButton: {
+    opacity: 0.5,
+  },
+  buttonText: {
+    color: '#6A4810',
+    fontWeight: 'bold',
+    fontSize: 16,
+    textAlign: 'center',
+  },
+  buttonGap: {
+    marginRight: 10,
+  },
+  textInput: {
+    flex: 1,
+    height: 40,
+    borderWidth: 1,
+    borderColor: 'gray',
+    borderRadius: 10,
+    paddingLeft: 10,
+    paddingRight: 10,
+    marginRight: 10,
+    color: 'black',
+  },
+  statusText: {
+    color: 'black',
+    textAlign: 'center',
+    fontSize: 12,
+  },
+  labelText: {
+    color: 'black',
+    alignItems: 'flex-start',
+    justifyContent: 'center',
+    textAlign: 'left',
+  },
+  currencyOuterContainer: {
+    flex: 1,
+    alignItems: 'flex-start',
+    justifyContent: 'center',
+  },
+  currencyInnerContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    marginTop: 10,
+  },
+  currencyButtonContainer: {
+    flex: 1,
+    padding: 3,
+  },
+  logText: {
+    fontSize: 10,
+    fontWeight: 'bold',
+    textAlign: 'left',
+    alignSelf: 'stretch',
+  },
+  versionText: {
+    position: 'absolute',
+    bottom: 0,
+  },
+  tabBarLabelStyle: {
+    fontWeight: '400',
+    fontSize: 10,
+  },
+  tabBarIconStyle: {
+    display: 'none',
+  },
+  lineGap: {
+    marginBottom: 10,
+  },
+  zeroFlex: {
+    flex: 0,
+  },
+  flexGrow: {
+    flexGrow: 1,
+  },
+  owLogContainer: {
+    flex: 1,
+    alignSelf: 'stretch',
+  },
+  userIdLabel: {
+    paddingRight: 14,
+    color: 'black',
+  },
+});
+
+export default styles;

package/example/src/UserProperties.tsx

@@ -0,0 +1,93 @@
+import React, { useState, useEffect } from 'react';
+import {
+  View,
+  TextInput,
+  Keyboard,
+  Text,
+  SafeAreaView,
+  TouchableWithoutFeedback,
+} 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';
+
+const UserProperties: React.FC = () => {
+  const [statusLabelText, setStatusLabelText] =
+    useState<string>('Status Message');
+  const [userId, _setUserId] = useState<string>('');
+
+  useEffect(() => {
+    retrieveUserId().then();
+  });
+
+  const retrieveUserId = async () => {
+    try {
+      const value = await AsyncStorage.getItem('userId');
+      if (value !== null) {
+        await setUserId(value);
+      }
+    } catch (error) {
+      setStatusLabelText(`Failed to retrieve User ID: ${error}`);
+    }
+  };
+
+  const applyProperties = async () => {
+    try {
+      let trimmedUserId = userId.trim();
+      await AsyncStorage.setItem('userId', trimmedUserId);
+      await Tapjoy.setUserId(trimmedUserId);
+      setStatusLabelText(`User ID set:\n"${trimmedUserId}"`);
+    } catch (error) {
+      setStatusLabelText(`Set properties error: ${error}`);
+    }
+  };
+
+  const setUserId = async (newUserId: string) => {
+    _setUserId(newUserId);
+    let trimmedUserId = newUserId.trim();
+    await AsyncStorage.setItem('userId', trimmedUserId);
+  };
+
+  const handleClearInput = async () => {
+    await setUserId('');
+  };
+
+  const handleDismissKeyboard = () => {
+    Keyboard.dismiss();
+  };
+
+  return (
+    <TouchableWithoutFeedback onPress={handleDismissKeyboard}>
+      <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>
+          <TextInput
+            style={styles.textInput}
+            value={userId}
+            onChangeText={setUserId}
+            placeholder="Enter user ID"
+            placeholderTextColor="#888"
+          />
+          <Button
+            style={styles.clearButton}
+            onPress={handleClearInput}
+            title={'\u2573'}
+          />
+        </View>
+        <View style={styles.buttonContainer}>
+          <Button
+            style={styles.button}
+            onPress={applyProperties}
+            title={'Apply'}
+          />
+        </View>
+      </SafeAreaView>
+    </TouchableWithoutFeedback>
+  );
+};
+
+export default UserProperties;