airbridge-react-native-sdk-restricted 2.8.9 → 4.1.2

package/qa/package.json

@@ -1,45 +1,45 @@
 {
   "name": "co.ab180.airbridge.qa.application",
-  "version": "0.0.1",
   "private": true,
   "scripts": {
-    "android": "react-native run-android --port=9000",
-    "ios": "react-native run-ios --port=9000",
+    "android": "WATCH=1; react-native run-android --port=9000",
+    "ios": "WATCH=1; react-native run-ios --port=9000",
     "lint": "eslint .",
-    "start": "react-native start --port=9000",
+    "start": "WATCH=1; react-native start --port=9000",
     "test": "jest"
   },
   "dependencies": {
-    "@react-native-firebase/app": "^20.1.0",
-    "@react-native-firebase/messaging": "^20.1.0",
+    "@react-native-firebase/app": "^20.3.0",
+    "@react-native-firebase/messaging": "^20.3.0",
     "@react-native-masked-view/masked-view": "^0.3.1",
-    "@react-navigation/native": "^6.1.17",
-    "@react-navigation/stack": "^6.3.29",
-    "airbridge-react-native-sdk": "file:..",
-    "react": "18.2.0",
-    "react-native": "0.74.2",
-    "react-native-gesture-handler": "^2.17.1",
-    "react-native-safe-area-context": "^4.10.5",
-    "react-native-screens": "^3.32.0",
+    "@react-navigation/native": "^6.1.18",
+    "@react-navigation/stack": "^6.4.1",
+    "airbridge-react-native-sdk-restricted": "file:..",
+    "react": "18.3.1",
+    "react-native": "0.75.1",
+    "react-native-gesture-handler": "^2.18.0",
+    "react-native-native-log": "^0.1.3",
+    "react-native-safe-area-context": "^4.10.8",
+    "react-native-screens": "^3.33.0",
     "react-native-simple-toast": "^3.3.1",
-    "react-native-webview": "^13.10.4"
+    "react-native-webview": "^13.10.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
-    "@babel/runtime": "^7.20.0",
-    "@react-native/babel-preset": "0.74.84",
-    "@react-native/eslint-config": "0.74.84",
-    "@react-native/metro-config": "0.74.84",
-    "@react-native/typescript-config": "0.74.84",
-    "@types/react": "^18.2.6",
-    "@types/react-test-renderer": "^18.0.0",
-    "babel-jest": "^29.6.3",
-    "eslint": "^8.19.0",
-    "jest": "^29.6.3",
-    "prettier": "2.8.8",
-    "react-test-renderer": "18.2.0",
-    "typescript": "5.5.2"
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@react-native/babel-preset": "0.75.1",
+    "@react-native/eslint-config": "0.75.1",
+    "@react-native/metro-config": "0.75.1",
+    "@react-native/typescript-config": "0.75.1",
+    "@types/react": "^18.2.0",
+    "@types/react-test-renderer": "^18.3.0",
+    "babel-jest": "^29.7.0",
+    "eslint": "^8.57.0",
+    "jest": "^29.7.0",
+    "prettier": "3.3.3",
+    "react-test-renderer": "18.3.1",
+    "typescript": "5.5.4"
   },
   "engines": {
     "node": ">=18"

package/qa/source/App.js

@@ -5,9 +5,10 @@ import { storage } from './common/Storage'
 import { fcmService } from './common/FCMService'
 import { NavigationContainer } from '@react-navigation/native'
 import StackNavigation from './navigations/Stack'
-import airbridge from 'airbridge-react-native-sdk'
+import { Airbridge } from 'airbridge-react-native-sdk'
 
 import MessageDialog from './component/MessageDialog'
+import { qaLog } from './common/QALog'
 
 export default function App() {
   
@@ -19,10 +20,16 @@ export default function App() {
     fcmService.prepare()
 
     storage.set('attributeResult', 'N/A')
-    storage.set('deviceUUID', (await airbridge.state.deviceUUID()))
+    
+    Airbridge.fetchDeviceUUID((uuid) => {
+      storage.set('deviceUUID', uuid)
+    })
+
+    Airbridge.fetchAirbridgeGeneratedUUID((uuid) => {
+      storage.set('airbridgeGeneratedDeviceUUID', uuid)
+    })
 
-    airbridge.state.setAttributionListener((result) => {
-      console.log('setAttributionListener : ' + result)
+    Airbridge.setOnAttributionReceived((result) => {
       if (result == null) {
         storage.set('attributeResult', 'N/A');
       } else {
@@ -30,8 +37,8 @@ export default function App() {
       }
     })
 
-    airbridge.deeplink.setDeeplinkListener((result) => {
-      console.log(`[DeepLink] ${result}`)
+    Airbridge.setOnDeeplinkReceived((result) => {
+      qaLog(`[DeepLink] ${result}`)
       setDeeplink(result)
       deeplinkRef.current?.show()
     })

package/qa/source/common/FCMService.js

@@ -1,7 +1,7 @@
 import { Platform } from 'react-native'
 
 import messaging from '@react-native-firebase/messaging'
-import Airbridge from 'airbridge-react-native-sdk'
+import { Airbridge } from 'airbridge-react-native-sdk-restricted'
 
 import { storage } from './Storage'
 
@@ -9,9 +9,9 @@ class FCMService {
 
     prepare = async () => {
       if (Platform.OS === 'android') {
-        this.androidRequestPermission()
+        this.getAndroidToken()
       } else if (Platform.OS === 'ios') {
-        this.iosRequestPermission()
+        this.getIosToken()
       }
 
       this.onMessageReceived()
@@ -23,9 +23,9 @@ class FCMService {
 
     updateToken = async () => {
       if (Platform.OS === 'android') {
-        await this.androidRequestPermission()
+        await this.getAndroidToken()
       } else if (Platform.OS === 'ios') {
-        await this.iosRequestPermission()
+        await this.getIosToken()
       }
     }
 
@@ -33,31 +33,53 @@ class FCMService {
       await messaging().deleteToken()
     }
 
-    iosRequestPermission = async () => {
-      console.log('[App] onRegister iosRequestPermission')
+    requestPermission = async () => {
+      console.log('[App] onRegister requestPermission')
+
+      try {
+        const authorizationStatus = await messaging().requestPermission();
+        if (authorizationStatus === messaging.AuthorizationStatus.AUTHORIZED) {
+          console.log('[App] User has notification permissions enabled.');
+        } else if (authorizationStatus === messaging.AuthorizationStatus.PROVISIONAL) {
+          console.log('[App] User has provisional notification permissions.');
+        } else {
+          console.log('[App] User has notification permissions disabled');
+        }
+      }
+      catch (error) {
+        console.log('[App] ios error::', error)
+      }
+
+      this.updateToken()
+    }
+
+    getIosToken = async () => {
+      console.log('[App] onRegister getIosToken')
 
       try {
         if (!messaging().isDeviceRegisteredForRemoteMessages) {
           await messaging().registerDeviceForRemoteMessages()
         }
 
+        const fcmToken = await messaging().getToken()
+        if (fcmToken != null) {
+          storage.set('fcmToken', fcmToken);
+        }
+
         const apnsToken = await messaging().getAPNSToken()
-        console.log('[App] apns token :' + apnsToken)
+        console.log('[App] apns token : ' + apnsToken)
         if (apnsToken) {
           storage.set('apnsToken', apnsToken);
           Airbridge.registerPushToken(apnsToken)
         }
-        else {
-          console.log('[App] apnsToken is null')
-        }
       }
       catch (error) {
         console.log('[App] ios error::', error)
       }
     }
 
-    androidRequestPermission = async () => {
-        console.log('[App] onRegister androidRequestPermission')
+    getAndroidToken = async () => {
+        console.log('[App] onRegister getAndroidToken')
 
         const fcmToken = await messaging().getToken()
         if (fcmToken != null) {
@@ -70,10 +92,12 @@ class FCMService {
     onMessageReceived = async () => {
       const onReceived = async (remoteMessage) => {
 
-        //let remoteMessage = 
         console.log('[FCM] onMessageReceived: ' + JSON.stringify(remoteMessage))
 
-        // Check if message contains a data payload
+        if (Airbridge.isUninstallTrackingNotification(remoteMessage.data)) {
+          console.log("[FCM] Airbridge silent push notification received")
+        }
+
         if (remoteMessage.data != null) {
           console.log("[FCM] Message data payload: " + JSON.stringify(remoteMessage.data))
         }

package/qa/source/common/QALog.js

@@ -0,0 +1,12 @@
+import { Platform } from 'react-native'
+import NativeLog from "react-native-native-log";
+
+export const qaLog = (message) => {
+  if (Platform.OS === 'ios') {
+    NativeLog.logWithTag('AirbridgeQA', message)
+  } else if (Platform.OS === 'android') {
+    NativeLog.logWithTag('Airbridge', message)
+  } else {
+    console.log(message)
+  }
+}

package/qa/source/navigations/Stack.js

@@ -13,7 +13,8 @@ import InstallReferrerPage from '../pages/InstallReferrer'
 import PlacementPage from '../pages/Placement'
 import { RequestPermissionsPage } from '../pages/RequestPermissions'
 import BrowsePage from '../pages/Browse'
-import AppInfoPage from '../pages/appInfo'
+import AppInfoPage from '../pages/AppInfo'
+import SkadPage from '../pages/Skad'
 
 const Stack = createStackNavigator()
 
@@ -103,6 +104,12 @@ const StackNavigation = () => {
                     headerLeft: () => createNavigateBackButton(navigation),
                     headerRight: () => createNavigateHomeButton(navigation)
                 })} />
+            <Stack.Screen name='SKAdNetwork'
+                component={SkadPage}
+                options={({ navigation }) => ({
+                    headerLeft: () => createNavigateBackButton(navigation),
+                    headerRight: () => createNavigateHomeButton(navigation)
+                })} />
         </Stack.Navigator>  
     )
 }

package/qa/source/pages/AppInfo.js

@@ -0,0 +1,40 @@
+import React from 'react'
+import {
+  View
+} from 'react-native'
+import {
+  androidSDKVersion,
+  iOSSDKVersion,
+  reactNativeSDKVersion,
+  branchName,
+  commitRev,
+} from '../common/BuildParameter.generated'
+import { Styles } from '../common/Styles'
+
+import CustomInfo from '../component/VerticalPreference';
+
+export default function AppInfoPage() {
+  const branchInfo = branchName + ' - ' + commitRev
+  return (
+    <View style={Styles.container}>
+        <CustomInfo
+          title='Package Nanme'
+          text={'co.ab180.airbrige.qa.application'} />
+        <CustomInfo
+          title='Android SDK Version'
+          text={androidSDKVersion} />
+        <CustomInfo
+          title='iOS SDK Version'
+          text={iOSSDKVersion} />
+        <CustomInfo
+          title='React-native SDK Version'
+          text={reactNativeSDKVersion} />
+        <CustomInfo
+          title='Build number'
+          text={buildNumber} />
+        <CustomInfo
+          title='Branch info'
+          text={branchInfo} />
+    </View>
+  )
+}

package/qa/source/pages/Browse.js

@@ -8,7 +8,7 @@ import InjectInputDialog from '../component/InjectInputDialog'
 import MessageDialog from '../component/MessageDialog'
 
 import { WebView } from 'react-native-webview'
-import Airbridge from 'airbridge-react-native-sdk'
+import { Airbridge } from 'airbridge-react-native-sdk-restricted'
 
 export default class BrowsePage extends Component {
 
@@ -16,13 +16,17 @@ export default class BrowsePage extends Component {
     super(props);
     
     this.defaultQASource = 'https://sdk-download.airbridge.io/airbridge-web-sdk-qa-library/latest/AirbridgeQALibrary/index.html'
-    let token = '46bbd826f96e49ca92f04daf0d816f95'
-    this.webInterface = this.createWebInterface(token)
+    this.postMessageScript = `window.ReactNativeWebView.postMessage(payload)`
+  
+    setTimeout(async () => {
+      let script = await Airbridge.createWebInterfaceScript(this.state.webToken, this.postMessageScript)
+      this.setState({script: script})
+    }, 0)
 
     this.state = {
         source: this.defaultQASource,
-        token: token,
-        script: this.webInterface.script,
+        webToken: '46bbd826f96e49ca92f04daf0d816f95',
+        script: '',
         info: ''
     };
 
@@ -32,21 +36,15 @@ export default class BrowsePage extends Component {
     this.infoRef = React.createRef()
   }
 
+  inits
+
   handleWebViewMessage = (event) => {
       console.log('Message received from web page:', event.nativeEvent);
 
-      const message = event.nativeEvent.data;
-      this.webInterface.handle(message);
+      const command = event.nativeEvent.data;
+      Airbridge.handleWebInterfaceCommand(command)
   }
 
-  createWebInterface = (token) => {
-    return Airbridge.createWebInterface(
-      token,
-      (command) => { 
-          return `window.ReactNativeWebView.postMessage(${command})`;
-      }
-    )
-  }
 
   render() {
     return (
@@ -85,7 +83,7 @@ export default class BrowsePage extends Component {
             onPress={() => {
               var log = ''
                 log += 'url : ' + this.state.source.toString() + '\n\n'
-                log += 'webToken : ' + this.state.token.toString() + '\n'
+                log += 'webToken : ' + this.state.webToken.toString() + '\n'
               this.setState({
                 info : log
               })
@@ -99,10 +97,9 @@ export default class BrowsePage extends Component {
         <InjectInputDialog 
           ref={this.injectRef}
           onConfirm={(value) => {
-            this.webInterface = this.createWebInterface(value)
             this.setState({
-              script: this.webInterface.script,
-              token: value
+              script: Airbridge.createWebInterfaceScript(webToken, this.postMessageScript),
+              webToken: value
             })
             this.webviewRef.current.reload()
           }} />

package/qa/source/pages/DeviceInfo.js

@@ -10,7 +10,7 @@ import HorizontalPreference from '../component/HorizontalPreference';
 import EntryInputDialog from '../component/EntryInputDialog'
 import ValueInputDialog from '../component/ValueInputDialog'
 
-import Airbridge from 'airbridge-react-native-sdk'
+import { Airbridge } from 'airbridge-react-native-sdk-restricted'
 
 export default class DeviceInfoPage extends Component {
 
@@ -65,7 +65,9 @@ export default class DeviceInfoPage extends Component {
           buttonColor={Colors.purple}
           title={'CLEAR ALIAS'}
           accessibilityLabel={'clearAlias'}
-          onPress={() => Airbridge.clearDeviceAlias()} />
+          onPress={() => {
+            Airbridge.clearDeviceAlias()
+          }} />
 
         <View style={{margin : 8}} />
 
@@ -124,10 +126,14 @@ export default class DeviceInfoPage extends Component {
 
         <EntryInputDialog
           ref={this.addRef}
-          onConfirm={(key, value) => Airbridge.setDeviceAlias(key, value)} />
+          onConfirm={(key, value) => {
+            Airbridge.setDeviceAlias(key, value)
+          }} />
         <ValueInputDialog
           ref={this.removeRef}
-          onConfirm={(value) => Airbridge.removeDeviceAlias(value)} />
+          onConfirm={(key) => {
+            Airbridge.removeDeviceAlias(key)
+          }} />
         
       </View>
     )

package/qa/source/pages/Event.js

@@ -10,11 +10,11 @@ import { Colors } from '../common/Colors'
 
 import CustomEventParamsDialog from '../component/CustomEventParamsDialog'
 
-import Airbridge, {
+import {
+    Airbridge,
     AirbridgeCategory,
-    AirbridgeProduct,
-    AirbridgeAttributes
-} from 'airbridge-react-native-sdk';
+    AirbridgeAttribute
+} from 'airbridge-react-native-sdk-restricted';
 
 export default class EventPage extends Component {
     
@@ -32,26 +32,26 @@ export default class EventPage extends Component {
 
     createTestProducts = () => {
         return [{
-          [AirbridgeProduct.PRODUCT_ID]: 'coca_1',
-          [AirbridgeProduct.NAME]: 'Coca cola',
-          [AirbridgeProduct.PRICE]: 1.99,
-          [AirbridgeProduct.CURRENCY]: 'usd',
-          [AirbridgeProduct.QUANTITY]: 10,
-          [AirbridgeProduct.POSITION]: 1,
+          [AirbridgeAttribute.PRODUCT_ID]: 'coca_1',
+          [AirbridgeAttribute.PRODUCT_NAME]: 'Coca cola',
+          [AirbridgeAttribute.PRODUCT_PRICE]: 1.99,
+          [AirbridgeAttribute.CURRENCY]: 'usd',
+          [AirbridgeAttribute.PRODUCT_QUANTITY]: 10,
+          [AirbridgeAttribute.PRODUCT_POSITION]: 1,
         }, {
-          [AirbridgeProduct.PRODUCT_ID]: 'fanta_1',
-          [AirbridgeProduct.NAME]: 'Fanta Orange',
-          [AirbridgeProduct.PRICE]: 2.50,
-          [AirbridgeProduct.CURRENCY]: 'usd',
-          [AirbridgeProduct.QUANTITY]: 5,
-          [AirbridgeProduct.POSITION]: 2,
+          [AirbridgeAttribute.PRODUCT_ID]: 'fanta_1',
+          [AirbridgeAttribute.PRODUCT_NAME]: 'Fanta Orange',
+          [AirbridgeAttribute.PRODUCT_PRICE]: 2.50,
+          [AirbridgeAttribute.CURRENCY]: 'usd',
+          [AirbridgeAttribute.PRODUCT_QUANTITY]: 5,
+          [AirbridgeAttribute.PRODUCT_POSITION]: 2,
         }, {
-          [AirbridgeProduct.PRODUCT_ID]: 'terra_pack_1',
-          [AirbridgeProduct.NAME]: 'Terra 12 Pack',
-          [AirbridgeProduct.PRICE]: 10.99,
-          [AirbridgeProduct.CURRENCY]: 'usd',
-          [AirbridgeProduct.QUANTITY]: 10,
-          [AirbridgeProduct.POSITION]: 3,
+          [AirbridgeAttribute.PRODUCT_ID]: 'terra_pack_1',
+          [AirbridgeAttribute.PRODUCT_NAME]: 'Terra 12 Pack',
+          [AirbridgeAttribute.PRODUCT_PRICE]: 10.99,
+          [AirbridgeAttribute.PRODUCT_CURRENCY]: 'usd',
+          [AirbridgeAttribute.PRODUCT_QUANTITY]: 10,
+          [AirbridgeAttribute.PRODUCT_POSITION]: 3,
         }];
       }
 
@@ -88,67 +88,72 @@ export default class EventPage extends Component {
                     buttonColor={Colors.red}
                     title={'HOME VIEW EVENT'}
                     accessibilityLabel={'homeViewEvent'}
-                    onPress={() => Airbridge.trackEvent(AirbridgeCategory.HOME_VIEW)} />
+                    onPress={() => Airbridge.trackEvent(AirbridgeCategory.HOME_VIEWED)} />
                 <CustomButton
                     buttonColor={Colors.pink}
                     title={'SEARCH RESULT VIEW EVENT'}
                     accessibilityLabel={'searchResultViewEvent'}
                     onPress={() => {
-                        Airbridge.event.trackEvent(AirbridgeCategory.SEARCH_RESULT_VIEW, {
-                            semanticAttributes: {
-                                [AirbridgeAttributes.QUERY]: 'query_1',
-                                [AirbridgeAttributes.PRODUCTS]: this.createTestProducts()
-                            }})
+                        Airbridge.trackEvent(
+                            AirbridgeCategory.SEARCH_RESULTS_VIEWED, {
+                                [AirbridgeAttribute.QUERY]: 'query_1',
+                                [AirbridgeAttribute.PRODUCTS]: this.createTestProducts()
+                            })
                     }} />
                 <CustomButton
                     buttonColor={Colors.purple}
                     title={'PRODUCT LIST VIEW EVENT'}
                     accessibilityLabel={'productListViewEvent'}
                     onPress={() => {
-                        Airbridge.event.trackEvent(AirbridgeCategory.PRODUCT_LIST_VIEW, {
-                            semanticAttributes: {
-                                [AirbridgeAttributes.PRODUCT_LIST_ID]: 'list_1',
-                                [AirbridgeAttributes.PRODUCTS]: this.createTestProducts()
-                            }})
+                        Airbridge.trackEvent(AirbridgeCategory.PRODUCT_LIST_VIEWED, {
+                                [AirbridgeAttribute.PRODUCT_LIST_ID]: 'list_1',
+                                [AirbridgeAttribute.PRODUCTS]: this.createTestProducts()
+                            })
                     }} />
                 <CustomButton
                     buttonColor={Colors.deepPurple}
                     title={'PRODUCT DETAILS VIEW EVENT'}
                     accessibilityLabel={'productDetailsViewEvent'}
                     onPress={() => {
-                        Airbridge.event.trackEvent(AirbridgeCategory.PRODUCT_DETAILS_VIEW, {
-                            semanticAttributes: {
-                                [AirbridgeAttributes.QUERY]: 'query_1',
-                                [AirbridgeAttributes.PRODUCTS]: this.createTestProducts()
-                            }})
+                        Airbridge.trackEvent(AirbridgeCategory.PRODUCT_VIEWED, {
+                                [AirbridgeAttribute.QUERY]: 'query_1',
+                                [AirbridgeAttribute.PRODUCTS]: this.createTestProducts()
+                            })
                     }} />
                 <CustomButton
                     buttonColor={Colors.indigo}
                     title={'ADD TO CART EVENT'}
                     accessibilityLabel={'addToCartEvent'}
                     onPress={() => {
-                        Airbridge.event.trackEvent(AirbridgeCategory.ADD_TO_CART, {
-                            value: 43.39,
-                            semanticAttributes: {
-                                [AirbridgeAttributes.CART_ID]: 'cart_1',
-                                [AirbridgeAttributes.CURRENCY]: 'usd',
-                                [AirbridgeAttributes.TOTAL_QUANTITY]: 16,
-                                [AirbridgeAttributes.PRODUCTS]: this.createTestProducts()
-                            }})
+                        Airbridge.trackEvent(AirbridgeCategory.ADDED_TO_CART, {
+                                [AirbridgeAttribute.VALUE]: 43.39,
+                                [AirbridgeAttribute.CART_ID]: 'cart_1',
+                                [AirbridgeAttribute.CURRENCY]: 'usd',
+                                [AirbridgeAttribute.TOTAL_QUANTITY]: 16,
+                                [AirbridgeAttribute.PRODUCTS]: this.createTestProducts()
+                            })
                     }} />
                 <CustomButton
                     buttonColor={Colors.blue}
                     title={'ORDER COMPLETE EVENT'}
                     accessibilityLabel={'orderCompleteEvent'}
                     onPress={() => {
-                        Airbridge.event.trackEvent(AirbridgeCategory.ORDER_COMPLETED, {
-                            value: 43.39,
-                            semanticAttributes: {
-                                [AirbridgeAttributes.CART_ID]: 'cart_1',
-                                [AirbridgeAttributes.CURRENCY]: 'usd',
-                                [AirbridgeAttributes.TOTAL_QUANTITY]: 16,
-                                [AirbridgeAttributes.PRODUCTS]: this.createTestProducts()
-                            }})
+                        Airbridge.trackEvent(AirbridgeCategory.ORDER_COMPLETED, {
+                                [AirbridgeAttribute.VALUE]: 43.39,
+                                [AirbridgeAttribute.CART_ID]: 'cart_1',
+                                [AirbridgeAttribute.CURRENCY]: 'usd',
+                                [AirbridgeAttribute.TOTAL_QUANTITY]: 16,
+                                [AirbridgeAttribute.PRODUCTS]: this.createTestProducts()
+                            })
+                    }} />
+
+                <Text style={{marginHorizontal:2, marginBottom: 2}}>ETC.</Text>
+                <CustomButton
+                    buttonColor={Colors.red}
+                    title={'REGISTER PUSH TOKEN'}
+                    accessibilityLabel={'Register push token event'}
+                    onPress={() => {
+                        Airbridge.registerPushToken("ABCDEF");
                     }} />
 
                 <CustomEventParamsDialog   
@@ -158,12 +163,17 @@ export default class EventPage extends Component {
                     initLabel={'custom_label'}
                     initValue={1234}
                     onConfirm={(category, action, label, value, semanticAttr, customAttr) => {
-                        Airbridge.event.trackEvent(category, {
-                            action: action,
-                            label: label,
-                            value: value,
-                            semanticAttributes: semanticAttr,
-                            customAttributes: customAttr})
+                        if (semanticAttr == null) {
+                            semanticAttr = {}
+                        }
+                        semanticAttr[AirbridgeAttribute.ACTION] = action
+                        semanticAttr[AirbridgeAttribute.LABEL] = label
+                        semanticAttr[AirbridgeAttribute.VALUE] = value
+
+                        Airbridge.trackEvent(
+                            category,
+                            semanticAttr,
+                            customAttr)
                     }} />
             </View>
         );