airbridge-react-native-sdk-restricted 2.8.6 → 2.8.8

package/qa/source/pages/Home.js

@@ -0,0 +1,136 @@
+import React, { useState } from 'react'
+
+import messaging from '@react-native-firebase/messaging'
+import { Platform, Switch, View } from 'react-native'
+import CustomButton from '../component/CustomButton'
+import { Styles } from '../common/Styles'
+import { Colors } from '../common/Colors'
+import { native } from '../common/Native'
+
+import Toast from 'react-native-simple-toast'
+import airbridge from 'airbridge-react-native-sdk'
+
+export default function HomePage({navigation}) {
+
+  const [isEnabled, setEnabled] = useState(true);
+  
+  return (
+    <View style={Styles.container}>
+      <CustomButton
+        buttonColor={Colors.red}
+        title={'User Info'}
+        accessibilityLabel={'userInfo'}
+        onPress={() => navigation.navigate('userInfo')} />
+      <CustomButton
+        buttonColor={Colors.pink}
+        title={'Occurring Event'}
+        accessibilityLabel={'occurringEvent'}
+        onPress={() => navigation.navigate('occurringEvent')} />
+
+      <View style={Styles.line} />
+      
+      <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+        <View style={{flex: 1}}>
+          <CustomButton
+            height={50}
+            buttonColor={Colors.purple}
+            title={'identifiers'}
+            accessibilityLabel={'identifiers'}
+            onPress={() => navigation.navigate('identifiers')} />
+        </View>
+        <View style={{ margin: 4}} />
+        <View style={{flex: 1}}>
+          <CustomButton
+            height={50}
+            buttonColor={Colors.deepPurple}
+            title={'Install\nReferrer'}
+            accessibilityLabel={'installReferrer'}
+            onPress={() => navigation.navigate('installReferrer')} />
+        </View>
+        <View style={{ margin: 4}} />
+        <View style={{flex: 1}}>
+          <CustomButton
+            height={50}
+            buttonColor={Colors.purple}
+            title={'Device Info'}
+            accessibilityLabel={'deviceInfo'}
+            onPress={() => navigation.navigate('deviceInfo')} />
+        </View>
+      </View>
+      
+      <View style={Styles.line} />
+
+      <CustomButton
+        buttonColor={Colors.indigo}
+        title={'Request Permission'}
+        accessibilityLabel={'requestPermissions'}
+        onPress={() => {
+          if (Platform.OS === 'ios') {
+            messaging().requestPermission()
+            native.permission.ios.aceessTracking()
+          }
+          else if (Platform.OS === 'android') {
+            navigation.navigate('requestPermissions')
+          }
+          else {
+            Toast.show('Not implementation')
+          }
+        }} />
+      <CustomButton
+        buttonColor={Colors.blue}
+        title={'Tracking Links Within Apps'}
+        accessibilityLabel={'trackingLinksWithinApps'}
+        onPress={() => navigation.navigate('trackingLinksWithinApps')} />
+      <CustomButton
+        buttonColor={Colors.teal}
+        title={'Browse'}
+        accessibilityLabel={'browse'}
+        onPress={() => navigation.navigate('browse')} />
+      <CustomButton
+        buttonColor={Colors.green}
+        title={'Logs'}
+        accessibilityLabel={'logs'}
+        onPress={() => Toast.show('Not implementation')} />
+
+      <View style={Styles.line} />
+
+      <CustomButton
+        buttonColor={Colors.blue}
+        title={'Version'}
+        accessibilityLabel={'appInfo'}
+        onPress={() => navigation.navigate('appInfo')} />
+      <CustomButton
+        buttonColor={Colors.deepBlue}
+        title={'Start Tracking'}
+        accessibilityLabel={'startTracking'}
+        onPress={() => airbridge.state.startTracking()} />
+
+      <View style={Styles.line} />
+
+      <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+        <View style={{flex: 1}}>
+          <CustomButton
+            buttonColor={Colors.deepBlue}
+            title={'DisableSdk'}
+            accessibilityLabel={'disableSdk'}
+            onPress={() => setEnabled(false)} />
+        </View>
+        <View style={{ margin: 4}} />
+        <View style={{flex: 1}}>
+          <CustomButton
+            buttonColor={Colors.deepBlue}
+            title={'EnableSdk'}
+            accessibilityLabel={'enableSdk'}
+            onPress={() => setEnabled(true) } />
+        </View>
+        <View style={{ margin: 4}} />
+        <Switch
+          disabled={true}
+          trackColor={{true: Colors.blue, false: Colors.grey}}
+          thumbColor={'#f4f3f4'}
+          value={isEnabled} />
+      </View>
+
+    </View>
+  )
+}

package/qa/source/pages/Identifiers.js

@@ -0,0 +1,108 @@
+import React, { Component } from 'react'
+import {
+  View,
+  NativeModules,
+} from 'react-native'
+
+import { Styles } from '../common/Styles'
+
+import { storage } from '../common/Storage'
+import { fcmService } from '../common/FCMService'
+
+import VerticalPreference from '../component/VerticalPreference';
+import ConfirmDialog from '../component/ConfirmDialog'
+
+export default class IdentifiersPage extends Component {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      deviceUUID: storage.get('deviceUUID') ?? 'N/A',
+      appSetID: 'N/A',
+      generatedDeviceUUID: 'N/A',
+      idfa: 'N/A',
+      idfv: 'N/A',
+      gaid: 'N/A',
+      fcmToken: storage.get('fcmToken') ?? 'N/A',
+      pushToken: storage.get('apnsToken') ?? 'N/A',
+    };
+
+    this.confirmRef = React.createRef()
+
+    this.fetchIdentifiers()
+  }
+
+  fetchIdentifiers = async () => {
+    const response = await NativeModules.IdentifiersInteractor.identifiers()
+    console.log('response : ' + response)
+    const jsonData = JSON.parse(response)
+    const data = jsonData['data']
+    this.setState({ 
+      appSetID: data['appSetID'] ?? 'N/A',
+      generatedDeviceUUID: data['generatedDeviceUUID'] ?? 'N/A',
+      gaid: data['gaid'] ?? 'N/A',
+      idfa: data['idfa'] ?? 'N/A',
+      idfv: data['idfv'] ?? 'N/A',
+    })
+  }
+
+  reloadToken = async () => {
+    this.setState({ 
+      fcmToken: 'Reloading..',
+    })
+
+    await fcmService.deleteToken()
+    
+    await fcmService.updateToken()
+    
+    this.setState({ 
+      fcmToken: storage.get('fcmToken') ?? 'N/A',
+    })
+  }
+  
+  render() {
+    return (
+      <View style={Styles.container}>
+          <VerticalPreference
+            title={'UUID'}
+            text={this.state.deviceUUID}
+            accessibilityLabel={'airbridgeDeviceId'} />
+          <VerticalPreference 
+            title={'AppSetID'} 
+            text={this.state.appSetID}
+            accessibilityLabel={'appSetId'} />
+          <VerticalPreference 
+            title={'GeneratedDeviceUUID'} 
+            text={this.state.generatedDeviceUUID}
+            accessibilityLabel={'generatedDeviceUUID'} />
+          <VerticalPreference
+            title={'Google Advertising ID (GAID)'} 
+            text={this.state.gaid}
+            accessibilityLabel={'googleAdvertisingId'} />
+          <VerticalPreference
+            title={'Apple Advertising ID (IDFA)'} 
+            text={this.state.idfa}
+            accessibilityLabel={'appleAdvertisingId'} />
+          <VerticalPreference
+            title={'Apple Vendor ID (IDFV)'} 
+            text={this.state.idfv}
+            accessibilityLabel={'appleVendorId'} />
+          <VerticalPreference 
+            title={'Firebase Cloud Messaging Token'} 
+            text={this.state.fcmToken}
+            accessibilityLabel={'fcmToken'}
+            onPress={() => this.confirmRef.current.show() } />
+          <VerticalPreference 
+            title={'PushToken'} 
+            text={this.state.apnsToken}
+            accessibilityLabel={'airbridgePushToken'} />
+
+          <ConfirmDialog
+            ref={this.confirmRef}
+            message={'Firebase Cloud Messaging Token Deleted'}
+            onConfirm={() => { this.reloadToken() }} />
+      </View>
+    )
+  }
+}

package/qa/source/pages/InstallReferrer.js

@@ -0,0 +1,64 @@
+import React, { Component } from 'react'
+import { View, NativeModules } from 'react-native'
+
+import { storage } from '../common/Storage'
+import { Styles } from '../common/Styles'
+
+import VerticalPreference from '../component/VerticalPreference';
+
+export default class InstallReferrerPage extends Component {
+  
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      attributeResult: storage.get('attributeResult'),
+    };
+
+    this.addRef = React.createRef()
+    this.removeRef = React.createRef()
+
+    this.fetch()
+  }
+
+  fetch = async () => {
+    const response = await NativeModules.InstallReferrerInteractor.installReferrer()
+    console.log('response : '  + response)
+    const jsonData = JSON.parse(response)
+    const data = jsonData['data']
+    const NA = 'N/A'
+    this.setState({ 
+      google: data['google'] ?? NA,
+      oneStore: data['oneStore'] ?? NA,
+      huawei: data['huawei'] ?? NA,
+      galaxyStore: data['galaxyStore'] ?? NA,
+    })
+  }
+
+  render() {
+    return (
+      <View style={Styles.container}>
+        <VerticalPreference
+          title='Google install referrer'
+          text={this.state.google}
+          accessibilityLabel={'googleInstallReferrer'} />
+        <VerticalPreference
+          title='ONE Store install referrer'
+          text={this.state.oneStore}
+          accessibilityLabel={'oneStoreInstallReferrer'} />
+        <VerticalPreference
+          title='Huawei install referrer'
+          text={this.state.huawei}
+          accessibilityLabel={'huaweiInstallReferrer'} />
+        <VerticalPreference
+          title='Galaxy Store install referrer'
+          text={this.state.galaxyStore}
+          accessibilityLabel={'galaxyStoreInstallReferrer'} />
+        <VerticalPreference
+          title='Attributed touch point'
+          text={this.state.attributeResult}
+          accessibilityLabel={'attributedTouchPoint'} />
+      </View>
+    )
+  }
+}

package/qa/source/pages/Placement.js

@@ -0,0 +1,38 @@
+import React, { useRef } from 'react'
+
+import { View } from 'react-native'
+import CustomButton from '../component/CustomButton'
+import { Styles } from '../common/Styles'
+import { Colors } from '../common/Colors'
+
+import UrlInputDialog from '../component/UrlInputDialog'
+
+import Airbridge from 'airbridge-react-native-sdk'
+
+export default function PlacementPage() {
+
+  const clickUrlRef = useRef();
+  const impressionUrlRef = useRef();
+  
+  return (
+    <View style={Styles.container}>
+      <CustomButton
+        buttonColor={Colors.red}
+        title={'CLICK'}
+        accessibilityLabel={'click'}
+        onPress={() => clickUrlRef.current.show()} />
+      <CustomButton
+        buttonColor={Colors.pink}
+        title={'IMPRESSION'}
+        accessibilityLabel={'impression'}
+        onPress={() => impressionUrlRef.current.show()} />
+
+      <UrlInputDialog 
+        ref={clickUrlRef}
+        onConfirm={(value) => Airbridge.placement.click(value)} />
+      <UrlInputDialog   
+        ref={impressionUrlRef}
+        onConfirm={(value) => Airbridge.placement.impression(value)} />
+    </View>
+  )
+}

package/qa/source/pages/RequestPermissions.tsx

@@ -0,0 +1,41 @@
+import React from 'react'
+import {
+    View,
+    Platform,
+} from 'react-native'
+
+import { native } from '../common/Native'
+import CustomButton from '../component/CustomButton'
+import { Styles } from '../common/Styles'
+import { Colors } from '../common/Colors'
+
+import Toast from 'react-native-simple-toast'
+
+export const RequestPermissionsPage = () => {
+    return <View style={Styles.container}>
+        <CustomButton
+            buttonColor={Colors.red}
+            title={'ACCESS_FINE_LOCATION'}
+            accessibilityLabel={'accessFineLocation'}
+            onPress={() => { 
+                if (Platform.OS === 'android') {
+                    native.permission.android.accessFineLocation()
+                }
+                else {
+                    Toast.show('Not supported this platform', 1)
+                }
+            }} />
+        <CustomButton
+            buttonColor={Colors.pink}
+            title={'ACCESS_COARSE_LOCATION'}
+            accessibilityLabel={'accessCoarseLocation'}
+            onPress={() => {
+                if (Platform.OS === 'android') {
+                    native.permission.android.accessCoarseLocation()
+                }
+                else {
+                    Toast.show('Not supported this platform', 1)
+                }
+            }} />
+    </View>
+}

package/qa/source/pages/UserInfo.js

@@ -0,0 +1,168 @@
+import React, { useRef } from 'react'
+
+import { View, NativeModules, Platform } from 'react-native'
+
+import { Styles } from '../common/Styles'
+import { Colors } from '../common/Colors'
+
+import CustomButton from '../component/CustomButton'
+import ValueInputDialog from '../component/ValueInputDialog'
+import AttributeEntryInputDialog from '../component/AttributeEntryInputDialog'
+import EntryInputDialog from '../component/EntryInputDialog'
+
+import Airbridge from 'airbridge-react-native-sdk'
+
+export default function UserInfoPage() {
+
+  const idRef = useRef();
+  const emailRef = useRef();
+  const phoneRef = useRef();
+
+  const attrEntryRef = useRef();
+  const attrKeyRef = useRef();
+
+  const aliasEntryRef = useRef();
+  const aliasKeyRef = useRef();
+
+  return (
+    <View style={Styles.container}>
+      <CustomButton
+        buttonColor={Colors.red}
+        title={'SET ID'}
+        accessibilityLabel={'setId'}
+        arrow={true}
+        onPress={() => idRef.current.show()} />
+      <CustomButton
+        buttonColor={Colors.red}
+        title={'CLEAR ID'}
+        accessibilityLabel={'clearId'}
+        onPress={() => NativeModules.UserInfoInteractor.clearId()} />
+
+      <CustomButton
+        buttonColor={Colors.pink}
+        title={'SET EMAIL'}
+        accessibilityLabel={'setEmail'}
+        arrow={true}
+        onPress={() => emailRef.current.show()} />
+      <CustomButton
+        buttonColor={Colors.pink}
+        title={'CLEAR EMAIL'}
+        accessibilityLabel={'clearEmail'}
+        onPress={() => NativeModules.UserInfoInteractor.clearEmail()} />
+
+      <CustomButton
+        buttonColor={Colors.purple}
+        title={'SET PHONE'}
+        accessibilityLabel={'setPhone'}
+        arrow={true}
+        onPress={() => phoneRef.current.show()} />
+      <CustomButton
+        buttonColor={Colors.purple}
+        title={'CLEAR PHONE'}
+        accessibilityLabel={'clearPhone'}
+        onPress={() => NativeModules.UserInfoInteractor.clearPhone()} />
+
+      <CustomButton
+        buttonColor={Colors.deepPurple}
+        title={'ADD ATTRIBUTE'}
+        accessibilityLabel={'addAttribute'}
+        arrow={true}
+        onPress={() => attrEntryRef.current.show()} />
+      <CustomButton
+        buttonColor={Colors.indigo}
+        title={'REMOVE ATTRIBUTE'}
+        accessibilityLabel={'removeAttribute'}
+        arrow={true}
+        onPress={() => attrKeyRef.current.show()} />
+      <CustomButton
+        buttonColor={Colors.blue}
+        title={'CLEAR ATTRIBUTE'}
+        accessibilityLabel={'clearAttributes'}
+        onPress={() => NativeModules.UserInfoInteractor.clearAttributes()} />
+
+      <CustomButton
+        buttonColor={Colors.lightBlue}
+        title={'ADD ALIAS'}
+        accessibilityLabel={'addAlias'}
+        arrow={true}
+        onPress={() => aliasEntryRef.current.show()} />
+      <CustomButton
+        buttonColor={Colors.cyan}
+        title={'REMOVE ALIAS'}
+        accessibilityLabel={'removeAlias'}
+        arrow={true}
+        onPress={() => aliasKeyRef.current.show()} />
+      <CustomButton
+        buttonColor={Colors.teal}
+        title={'CLEAR ALIAS'}
+        accessibilityLabel={'clearAlias'}
+        onPress={() => NativeModules.UserInfoInteractor.clearAlias()} />
+
+      <CustomButton
+        buttonColor={Colors.green}
+        title={'CLEAR ALL'}
+        accessibilityLabel={'clearAll'}
+        onPress={() => Airbridge.state.setUser({})} />
+
+      <View style={{ margin: 16}} />
+      <CustomButton
+        buttonColor={Colors.lime}
+        title={'SEND DUMMY EVENT'}
+        accessibilityLabel={'dummyEvent'}
+        onPress={() => Airbridge.trackEvent("dummy_event")} />
+
+      <ValueInputDialog 
+        ref={idRef}
+        onConfirm={(value) => Airbridge.state.updateUser({ID:value})} />
+      <ValueInputDialog 
+        ref={emailRef}
+        onConfirm={(value) => Airbridge.state.updateUser({email:value})} />
+      <ValueInputDialog 
+        ref={phoneRef}
+        onConfirm={(value) => Airbridge.state.updateUser({phone:value})} />
+
+      <AttributeEntryInputDialog
+        ref={attrEntryRef}
+        onConfirm={(key, value, type) => {
+          let argument = { 
+            'key': key,
+            'type': type.toLowerCase()
+          }
+          switch (type.toLowerCase()) {
+            case 'int':
+            case 'long':
+              argument['value'] = parseInt(value)
+              //NativeModules.UserInfoInteractor.addAttribute(key, parseInt(value))
+              break;
+            case 'float':
+            case 'double':
+              argument['value'] = parseFloat(value)
+              //NativeModules.UserInfoInteractor.addAttribute(key, parseFloat(value))
+              break;
+            case 'boolean':
+              argument['value'] = value == "true" ? true : false
+              //NativeModules.UserInfoInteractor.addAttribute(key, value == "true" ? true : false)
+              break
+            case 'string':
+              argument['value'] = value
+              //NativeModules.UserInfoInteractor.addAttribute(key, value)
+              break;
+            default:
+              break;
+          }
+          NativeModules.UserInfoInteractor.addAttribute(argument)
+        }} />
+      <ValueInputDialog
+        ref={attrKeyRef}
+        onConfirm={(value) => NativeModules.UserInfoInteractor.removeAttributes(value) } />
+
+      <EntryInputDialog
+        ref={aliasEntryRef}
+        onConfirm={(key, value) => NativeModules.UserInfoInteractor.addAlias(key, value) } />
+
+      <ValueInputDialog
+        ref={aliasKeyRef}
+        onConfirm={(value) => NativeModules.UserInfoInteractor.removeAlias(value) } />
+    </View>
+  )
+}

package/qa/source/pages/appInfo.js

@@ -0,0 +1,22 @@
+import React from 'react'
+import {
+  View
+} from 'react-native';
+
+import { Styles } from '../common/Styles'
+
+import CustomInfo from '../component/VerticalPreference';
+
+export default function AppInfoPage() {
+  
+  return (
+    <View style={Styles.container}>
+        <CustomInfo
+          title='Package Nanme'
+          text={'-'} />
+        <CustomInfo
+          title='Version'
+          text={'build : 2024.07.24. pm. 2:30'} />
+    </View>
+  )
+}

package/qa/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@react-native/typescript-config/tsconfig.json"
+}

package/scripts/addiOSFramework.js

@@ -0,0 +1,48 @@
+process.mainModule.paths.push(process.cwd() + '/node_modules');
+
+const fs = require('fs');
+const xcode = require('xcode');
+const path = require('path');
+
+const projectName = getProjectName();
+const targetName = projectName.substring(0, projectName.length - 10);
+
+const pbxPath = path.join('.', 'ios', projectName, 'project.pbxproj');
+
+const project = xcode.project(pbxPath);
+project.parse(function(error) {
+	if(error) {
+		console.error('fail to add framework');
+		console.error('please add AdSupport, iAd, CoreTelephony, StoreKit, AppTrackingTransparency framewoks on xcodeproj');
+		return;
+	}
+
+	const target = project.findTargetKey(targetName);
+
+	project.addFramework('AdSupport.framework', { target: target, weak: true });
+	project.addFramework('iAd.framework', { target: target, weak: true });
+	project.addFramework('CoreTelephony.framework', { target: target, weak: true });
+	project.addFramework('StoreKit.framework', { target: target, weak: true });
+	project.addFramework('AppTrackingTransparency.framework', { target: target, weak: true });
+
+	fs.writeFileSync(pbxPath, project.writeSync());
+
+	console.info('AdSupport.framework linked to project');
+	console.info('iAd.framework linked to project');
+	console.info('CoreTelephony.framework linked to project');
+	console.info('StoreKit.framework linked to project');
+	console.info('AppTrackingTransparency.framework linked to project');
+});
+
+function getProjectName() {
+	const files = fs.readdirSync(path.join('.', 'ios'));
+	const name = files.find(function(file) {
+		if(file.indexOf('.xcodeproj') >= 0) {
+			return file;
+		}
+	});
+
+	if(!name) return '';
+
+	return name;
+}