tapjoy-react-native-sdk 14.4.0 → 14.5.0

package/example/src/UserProperties.tsx

@@ -3,10 +3,13 @@ import {
   View,
   TextInput,
   Text,
-  SafeAreaView,
   ScrollView,
   Platform,
 } from 'react-native';
+import {
+  SafeAreaProvider,
+  useSafeAreaInsets,
+} from 'react-native-safe-area-context';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import Button from './Button';
 import styles from './Styles';
@@ -255,157 +258,169 @@ const UserProperties: React.FC = () => {
     setOptOut(item.value);
   };
 
+  const safeAreaInsets = useSafeAreaInsets();
+
   return (
-    <ScrollView>
-      <SafeAreaView style={styles.container}>
-        <View style={styles.lineGap}>
-          <Text style={styles.statusText}>{statusLabelText}</Text>
-        </View>
-        <View style={styles.inputContainer}>
-          <Text style={styles.userPropertiesLabel}>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.inputContainer}>
-          <Text style={styles.userPropertiesLabel}>Max Level:</Text>
-          <TextInput
-            style={styles.textInput}
-            value={maxLevel}
-            keyboardType={'numeric'}
-            onChangeText={setMaxLevel}
-            placeholder="Enter max level"
-            placeholderTextColor="#888"
-          />
-          <Button
-            style={styles.clearButton}
-            onPress={handleClearMaxLevel}
-            title={'\u2573'}
-          />
-        </View>
-        <View style={styles.inputContainer}>
-          <Text style={styles.userPropertiesLabel}>User Level:</Text>
-          <TextInput
-            style={styles.textInput}
-            value={userLevel}
-            keyboardType={'numeric'}
-            onChangeText={setUserLevel}
-            placeholder="Enter user level"
-            placeholderTextColor="#888"
-          />
-          <Button
-            style={styles.clearButton}
-            onPress={handleClearUserLevel}
-            title={'\u2573'}
-          />
-        </View>
-        <View style={styles.inputContainer}>
-          <Text style={styles.userPropertiesLabel}>User Tags:</Text>
-          <TextInput
-            style={styles.textInput}
-            value={userTag}
-            onChangeText={setUserTag}
-            placeholder="Enter user tag"
-            placeholderTextColor="#888"
-          />
-        </View>
-        <View style={styles.horizontalContainer}>
-          <Button
-            style={styles.buttonTag}
-            onPress={handleAddUserTag}
-            title={'Add'}
-          />
-          <Button
-            style={styles.buttonTag}
-            onPress={handleRemoveUserTag}
-            title={'Remove'}
-          />
-          <Button
-            style={styles.buttonTag}
-            onPress={handleClearUserTag}
-            title={'Clear'}
-          />
-        </View>
-        <View style={styles.selectionContainer}>
-          <View style={styles.horizontalContainer}>
-            <Text style={styles.userPropertiesLabel}>User Segment:</Text>
-            <SelectionMenu
-              data={segmentData}
-              onSelectItem={handleUserSegment}
-              initialSelectedItem={initialUserSegmentItem}
+    <SafeAreaProvider>
+      <ScrollView>
+        <View style={[
+          styles.mainContainer,
+          {
+            paddingTop: safeAreaInsets.top,
+            paddingBottom: safeAreaInsets.bottom,
+            paddingLeft: safeAreaInsets.left,
+            paddingRight: safeAreaInsets.right,
+          },
+        ]}>
+          <View style={styles.lineGap}>
+            <Text style={styles.statusText}>{statusLabelText}</Text>
+          </View>
+          <View style={styles.inputContainer}>
+            <Text style={styles.userPropertiesLabel}>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>
-        <View style={styles.selectionContainer}>
-          <View style={styles.horizontalContainer}>
-            <Text style={styles.userPropertiesLabel}>Subject To GDPR:</Text>
-            <SelectionMenu
-              data={statusData}
-              onSelectItem={handleSubjectToGDPR}
-              initialSelectedItem={initialSubjectToGDPRItem}
+          <View style={styles.inputContainer}>
+            <Text style={styles.userPropertiesLabel}>Max Level:</Text>
+            <TextInput
+              style={styles.textInput}
+              value={maxLevel}
+              keyboardType={'numeric'}
+              onChangeText={setMaxLevel}
+              placeholder="Enter max level"
+              placeholderTextColor="#888"
+            />
+            <Button
+              style={styles.clearButton}
+              onPress={handleClearMaxLevel}
+              title={'\u2573'}
             />
           </View>
-        </View>
-        <View style={styles.selectionContainer}>
-          <View style={styles.horizontalContainer}>
-            <Text style={styles.userPropertiesLabel}>Below Consent Age:</Text>
-            <SelectionMenu
-              data={statusData}
-              onSelectItem={handleBelowConsentAge}
-              initialSelectedItem={initialBelowConsentAgeItem}
+          <View style={styles.inputContainer}>
+            <Text style={styles.userPropertiesLabel}>User Level:</Text>
+            <TextInput
+              style={styles.textInput}
+              value={userLevel}
+              keyboardType={'numeric'}
+              onChangeText={setUserLevel}
+              placeholder="Enter user level"
+              placeholderTextColor="#888"
+            />
+            <Button
+              style={styles.clearButton}
+              onPress={handleClearUserLevel}
+              title={'\u2573'}
+            />
+          </View>
+          <View style={styles.inputContainer}>
+            <Text style={styles.userPropertiesLabel}>User Tags:</Text>
+            <TextInput
+              style={styles.textInput}
+              value={userTag}
+              onChangeText={setUserTag}
+              placeholder="Enter user tag"
+              placeholderTextColor="#888"
             />
           </View>
-        </View>
-        <View style={styles.selectionContainer}>
           <View style={styles.horizontalContainer}>
-            <Text style={styles.userPropertiesLabel}>User Consent:</Text>
-            <SelectionMenu
-              data={statusData}
-              onSelectItem={handleUserConsent}
-              initialSelectedItem={initialUserConsentItem}
+            <Button
+              style={styles.buttonTag}
+              onPress={handleAddUserTag}
+              title={'Add'}
+            />
+            <Button
+              style={styles.buttonTag}
+              onPress={handleRemoveUserTag}
+              title={'Remove'}
+            />
+            <Button
+              style={styles.buttonTag}
+              onPress={handleClearUserTag}
+              title={'Clear'}
             />
           </View>
-        </View>
-        <View style={styles.inputContainer}>
-          <Text style={styles.userPropertiesLabel}>US Privacy:</Text>
-          <TextInput
-            style={styles.textInput}
-            value={USPrivacy}
-            onChangeText={handleUSPrivacy}
-            placeholder="E.g 1YYN"
-            placeholderTextColor="#888"
-          />
-        </View>
-        {Platform.OS === 'android' && (
           <View style={styles.selectionContainer}>
             <View style={styles.horizontalContainer}>
-              <Text style={styles.userPropertiesLabel}>Opt Out Ad ID:</Text>
+              <Text style={styles.userPropertiesLabel}>User Segment:</Text>
               <SelectionMenu
-                data={optOutAdData}
-                onSelectItem={handleOptOut}
-                initialSelectedItem={initialOptOutItem}
+                data={segmentData}
+                onSelectItem={handleUserSegment}
+                initialSelectedItem={initialUserSegmentItem}
               />
             </View>
           </View>
-        )}
-        <View style={styles.buttonContainer}>
-          <Button
-            style={styles.button}
-            onPress={applyProperties}
-            title={'Apply'}
-          />
+          <View style={styles.selectionContainer}>
+            <View style={styles.horizontalContainer}>
+              <Text style={styles.userPropertiesLabel}>Subject To GDPR:</Text>
+              <SelectionMenu
+                data={statusData}
+                onSelectItem={handleSubjectToGDPR}
+                initialSelectedItem={initialSubjectToGDPRItem}
+              />
+            </View>
+          </View>
+          <View style={styles.selectionContainer}>
+            <View style={styles.horizontalContainer}>
+              <Text style={styles.userPropertiesLabel}>Below Consent Age:</Text>
+              <SelectionMenu
+                data={statusData}
+                onSelectItem={handleBelowConsentAge}
+                initialSelectedItem={initialBelowConsentAgeItem}
+              />
+            </View>
+          </View>
+          <View style={styles.selectionContainer}>
+            <View style={styles.horizontalContainer}>
+              <Text style={styles.userPropertiesLabel}>User Consent:</Text>
+              <SelectionMenu
+                data={statusData}
+                onSelectItem={handleUserConsent}
+                initialSelectedItem={initialUserConsentItem}
+              />
+            </View>
+          </View>
+          <View style={styles.inputContainer}>
+            <Text style={styles.userPropertiesLabel}>US Privacy:</Text>
+            <TextInput
+              style={styles.textInput}
+              value={USPrivacy}
+              onChangeText={handleUSPrivacy}
+              placeholder="E.g 1YYN"
+              placeholderTextColor="#888"
+            />
+          </View>
+          {Platform.OS === 'android' && (
+            <View style={styles.selectionContainer}>
+              <View style={styles.horizontalContainer}>
+                <Text style={styles.userPropertiesLabel}>Opt Out Ad ID:</Text>
+                <SelectionMenu
+                  data={optOutAdData}
+                  onSelectItem={handleOptOut}
+                  initialSelectedItem={initialOptOutItem}
+                />
+              </View>
+            </View>
+          )}
+          <View style={styles.buttonContainer}>
+            <Button
+              style={styles.button}
+              onPress={applyProperties}
+              title={'Apply'}
+            />
+          </View>
         </View>
-      </SafeAreaView>
-    </ScrollView>
+      </ScrollView>
+    </SafeAreaProvider>
   );
 };
 

package/lib/commonjs/TJVersion.js

@@ -1,4 +1,4 @@
-const REACT_LIBRARY_VERSION = '14.4.0';
+const REACT_LIBRARY_VERSION = '14.5.0';
 const REACT_LIBRARY_VERSION_SUFFIX = '';
 export class TJVersion {
     // Returns the version of the plugin - eg: 1.0.0-alpha-rc1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tapjoy-react-native-sdk",
-  "version": "14.4.0",
+  "version": "14.5.0",
   "description": "ReactNative Plugin for Tapjoy SDK",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -41,21 +41,14 @@
     "CODEOWNERS"
   ],
   "scripts": {
-    "generate-declarations": "rm -rf lib && npx tsc --outDir lib/commonjs --declarationDir lib/typescript",
     "test": "jest",
     "typecheck": "tsc --noEmit",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "example": "yarn --cwd example",
     "bootstrap": "yarn example && yarn install && yarn example pods",
     "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build temp package",
-    "prepare-repo": "rm -rf temp package && mkdir temp && cd temp && git clone git@github.com:Tapjoy/react-native-sdk . && rm -rf *",
-    "prepare-staging-repo": "rm -rf temp package && mkdir temp && cd temp && git clone git@github.com:Tapjoy/react-native-sdk-staging.git . && rm -rf *",
-    "copy-pack": "npm pack && tar xvzf tapjoy-react-native*.tgz && cp -af ./package/* ./temp && rm tapjoy-react-native*.tgz",
-    "push": "cd temp && git add . && export VERSION=`node -p \"require('./package.json').version\"` &&  git commit -m \"Release $VERSION\" && git push",
-    "publish-npm": "yarn prepare-repo && yarn copy-pack && yarn push && cd temp && npm config set //registry.npmjs.org/:_authToken $NPM_TOKEN && npm pkg fix && npm publish && yarn tag-branch",
-    "publish-staging-npm": "yarn prepare-staging-repo && yarn copy-pack && yarn push && cd temp && npm config set //registry.npmjs.org/:_authToken $NPM_TOKEN && npm pkg fix && npm publish --dry-run && yarn tag-branch",
     "doc": "typedoc --entryPointStrategy expand src/*",
-    "tag-branch": "export VERSION=`node -p \"require('./package.json').version\"` && git tag $VERSION && git push origin $VERSION"
+    "postinstall": "echo 'For Android, please ensure your project’s Gradle is configured correctly. Instructions can be found at: https://dev.tapjoy.com/en/reactnative-plugin/Quickstart'"
   },
   "keywords": [
     "react-native",
@@ -77,9 +70,9 @@
   "devDependencies": {
     "@commitlint/config-conventional": "^19.5.0",
     "@react-native-community/eslint-config": "^3.2.0",
-    "@react-native/metro-config": "^0.79.2",
+    "@react-native/metro-config": "^0.81.0",
     "@types/jest": "^29.5.13",
-    "@types/react": "^18.3.10",
+    "@types/react": "^19.1.0",
     "commitlint": "^19.5.0",
     "del-cli": "^5.1.0",
     "eslint": "^9.11.1",
@@ -88,13 +81,13 @@
     "jest": "^29.7.0",
     "pod-install": "^0.2.2",
     "prettier": "^3.3.3",
-    "react": "^19.0.0",
-    "react-native": "0.79.2",
+    "react": "^19.1.0",
+    "react-native": "0.81.0",
     "typedoc": "^0.26.7",
-    "typescript": "^5.6.2"
+    "typescript": "^5.8.3"
   },
   "resolutions": {
-    "@types/react": "^18.3.10"
+    "@types/react": "^19.1.0"
   },
   "peerDependencies": {
     "react": "*",

package/src/TJVersion.ts

@@ -1,4 +1,4 @@
-const REACT_LIBRARY_VERSION = '14.4.0';
+const REACT_LIBRARY_VERSION = '14.5.0';
 const REACT_LIBRARY_VERSION_SUFFIX = '';
 
 export class TJVersion {

package/tapjoy-react-native-sdk.podspec

@@ -17,7 +17,7 @@ Pod::Spec.new do |s|
   s.source_files = "ios/**/*.{h,m,mm,swift}"
 
   s.dependency "React-Core"
-  s.dependency "TapjoySDK", "14.4.0"
+  s.dependency "TapjoySDK", "14.5.0"
 
   # Don't install the dependencies when we run `pod install` in the old architecture.
   if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then