Merge pull request #132 from Tealium/MT-1106

Bumped version and added 18 to list of supported react versions

example/.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

example/.eslintrc.js

@@ -1,4 +1,13 @@
 module.exports = {
   root: true,
   extends: '@react-native-community',
+  settings: {
+        ...
+        'import/resolver': {
+            node: {
+                extensions: ['.js', '.jsx', '.ts', '.tsx'],
+                moduleDirectory: ['node_modules', 'src/'],
+            },
+        },
+    }
 };

example/.flowconfig

@@ -11,6 +11,8 @@ node_modules/react-native/Libraries/polyfills/.*
 ; Flow doesn't support platforms
 .*/Libraries/Utilities/LoadingView.js
 
+.*/node_modules/resolve/test/resolver/malformed_package_json/package\.json$
+
 [untyped]
 .*/node_modules/@react-native-community/cli/.*/.*
 
@@ -23,11 +25,10 @@ node_modules/react-native/flow/
 [options]
 emoji=true
 
-esproposal.optional_chaining=enable
-esproposal.nullish_coalescing=enable
-
 exact_by_default=true
 
+format.bracket_spacing=false
+
 module.file_ext=.js
 module.file_ext=.json
 module.file_ext=.ios.js
@@ -51,7 +52,6 @@ nonstrict-import=warn
 deprecated-type=warn
 unsafe-getters-setters=warn
 unnecessary-invariant=warn
-signature-verification-failure=warn
 
 [strict]
 deprecated-type
@@ -63,4 +63,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.137.0
+^0.176.3

example/.gitignore

@@ -20,6 +20,7 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
+ios/.xcode.env.local
 
 # Android/IntelliJ
 #
@@ -28,6 +29,7 @@ build/
 .gradle
 local.properties
 *.iml
+*.hprof
 
 # node.js
 #
@@ -41,11 +43,21 @@ buck-out/
 *.keystore
 !debug.keystore
 
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
 # Bundle artifact
 *.jsbundle
 
-# CocoaPods
+# Ruby / CocoaPods
 /ios/Pods/
-Podfile.lock
-yarn.lock
-*xcshareddata*
+/vendor/bundle/

example/.prettierrc.js

@@ -1,7 +1,7 @@
 module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
   bracketSpacing: false,
-  jsxBracketSameLine: true,
   singleQuote: true,
   trailingComma: 'all',
-  arrowParens: 'avoid',
 };

example/.ruby-version

@@ -0,0 +1 @@
+2.7.5

example/App.js

@@ -1,9 +1,20 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow strict-local
+ */
+
 import React, { Component } from 'react';
-import { Platform, Button, StyleSheet, Text, TextInput, View, TouchableOpacity, Alert, ScrollView, SafeAreaView } from 'react-native';
+import { Platform, Button, StyleSheet, Text, TextInput, View, TouchableOpacity, Alert, ScrollView, 
+SafeAreaView } from 'react-native';
 import Tealium from 'tealium-react-native';
 import TealiumLocation from 'tealium-react-native-location';
 import { TealiumLocationConfig, Accuracy, DesiredAccuracy } from 'tealium-react-native-location/common';
-import { TealiumConfig, TealiumView, TealiumEvent, ConsentCategories, Dispatchers, Collectors, ConsentPolicy, Expiry, ConsentExpiry, TimeUnit, ConsentStatus, TealiumEnvironment, RemoteCommand } from 'tealium-react-native/common';
+import { TealiumConfig, TealiumView, TealiumEvent, ConsentCategories, Dispatchers, Collectors, 
+ConsentPolicy, Expiry, ConsentExpiry, TimeUnit, ConsentStatus, TealiumEnvironment, RemoteCommand } from 
+'tealium-react-native/common';
 import FirebaseRemoteCommand from 'tealium-react-firebase';
 import BrazeRemoteCommand from 'tealium-react-braze';
 import AdjustRemoteCommand from 'tealium-react-adjust';
@@ -20,39 +31,39 @@ export default class App extends Component < {} > {
         }
 
         let adjustConfig: AdjustConfig = {
-            appToken: "someToken", 
-            environment: AdjustEnvironemnt.sandbox, 
-            allowSuppressLogLevel: false 
+            appToken: "someToken",
+            environment: AdjustEnvironemnt.sandbox,
+            allowSuppressLogLevel: false
         }
 
         TealiumLocation.configure(locationConfig);
         FirebaseRemoteCommand.initialize();
         BrazeRemoteCommand.initialize();
         AdjustRemoteCommand.initialize();
-        let config: TealiumConfig = { 
-            account: 'tealiummobile', 
-            profile: 'demo', 
-            environment: TealiumEnvironment.dev, 
+        let config: TealiumConfig = {
+            account: 'tealiummobile',
+            profile: 'demo',
+            environment: TealiumEnvironment.dev,
             dispatchers: [
-                Dispatchers.Collect, 
-                Dispatchers.TagManagement, 
+                Dispatchers.Collect,
+                Dispatchers.TagManagement,
                 Dispatchers.RemoteCommands
-            ], 
+            ],
             collectors: [
-                Collectors.AppData, 
-                Collectors.DeviceData, 
-                Collectors.Lifecycle, 
+                Collectors.AppData,
+                Collectors.DeviceData,
+                Collectors.Lifecycle,
                 Collectors.Connectivity
-            ], 
+            ],
             lifecycleAutotrackingEnabled: true,
-            consentLoggingEnabled: true, 
-            consentExpiry: { 
+            consentLoggingEnabled: true,
+            consentExpiry: {
                 'time': 10,
-                'unit': 'days' 
-            }, 
-            consentPolicy: ConsentPolicy.gdpr, 
-            batchingEnabled: false, 
-            visitorServiceEnabled: true, 
+                'unit': 'days'
+            },
+            consentPolicy: ConsentPolicy.gdpr,
+            batchingEnabled: false,
+            visitorServiceEnabled: true,
             useRemoteLibrarySettings: false,
             remoteCommands: [{
                 id: FirebaseRemoteCommand.name,
@@ -62,14 +73,14 @@ export default class App extends Component < {} > {
                 path: 'braze.json'
             }, {
                 id: AdjustRemoteCommand.name,
-                path: 'adjust.json'   
+                path: 'adjust.json'
             }]
         };
         Tealium.initialize(config, success => {
             if (!success) {
                 console.log("Tealium not initialized")
                 return
-            } 
+            }
             console.log("Tealium initialized")
             Tealium.setConsentStatus(ConsentStatus.consented)
             Tealium.addRemoteCommand("hello", payload => {
@@ -90,7 +101,7 @@ export default class App extends Component < {} > {
         });
     }
 
-    trackEvent() {        
+    trackEvent() {
         let event = new TealiumEvent('Test Event', {'event_name': 'test'});
         Tealium.track(event);
     }
@@ -105,7 +116,7 @@ export default class App extends Component < {} > {
     }
 
     setRandomConsentCategories() {
-        let randomCategories = 
+        let randomCategories =
             [ConsentCategories.affiliates,
             ConsentCategories.analytics,
             ConsentCategories.bigData,
@@ -204,7 +215,7 @@ export default class App extends Component < {} > {
     async startLocationTracking() {
         let result = await checkAndRequestPermissions()
         if (!result) return;
-        
+
         TealiumLocation.startLocationTracking();
     }
 
@@ -218,13 +229,13 @@ export default class App extends Component < {} > {
     async getLastLocation() {
         let result = await checkAndRequestPermissions()
         if (!result) return;
-        
+
         TealiumLocation.lastLocation((loc) => {
             if (loc) {
                 Alert.alert(`Lat: ${loc.lat} | Lng: ${loc.lng}`)
             }
         })
-        
+
     }
 
 
@@ -353,7 +364,8 @@ class Trace extends Component {
                placeholderTextColor = "#007CC1"
                autoCapitalize = "none"
                onChangeText = {this.handleTraceId}/>
-            <TouchableOpacity style={styles.buttonContainer} onPress={() => this.joinTrace(this.state.traceId)}>
+            <TouchableOpacity style={styles.buttonContainer} onPress={() => 
+this.joinTrace(this.state.traceId)}>
                 <Text style={styles.textStyle}>START TRACE</Text>
             </TouchableOpacity>
             <View style={styles.space} />

example/Gemfile

@@ -0,0 +1,6 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby '2.7.5'
+
+gem 'cocoapods', '~> 1.11', '>= 1.11.2'

example/__tests__/App-test.js

@@ -0,0 +1,14 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});