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

package/qa/package.json

@@ -1,47 +0,0 @@
-{
-  "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",
-    "lint": "eslint .",
-    "start": "react-native start --port=9000",
-    "test": "jest"
-  },
-  "dependencies": {
-    "@react-native-firebase/app": "^20.1.0",
-    "@react-native-firebase/messaging": "^20.1.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-native-simple-toast": "^3.3.1",
-    "react-native-webview": "^13.10.4"
-  },
-  "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"
-  },
-  "engines": {
-    "node": ">=18"
-  }
-}

package/qa/source/App.js

@@ -1,58 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react'
-import { View } from 'react-native'
-
-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 MessageDialog from './component/MessageDialog'
-
-export default function App() {
-  
-  useEffect(() => { 
-    prepare() 
-  }, [])
-
-  prepare = async () => {
-    fcmService.prepare()
-
-    storage.set('attributeResult', 'N/A')
-    storage.set('deviceUUID', (await airbridge.state.deviceUUID()))
-
-    airbridge.state.setAttributionListener((result) => {
-      console.log('setAttributionListener : ' + result)
-      if (result == null) {
-        storage.set('attributeResult', 'N/A');
-      } else {
-        storage.set('attributeResult', JSON.stringify(result));
-      }
-    })
-
-    airbridge.deeplink.setDeeplinkListener((result) => {
-      console.log(`[DeepLink] ${result}`)
-      setDeeplink(result)
-      deeplinkRef.current?.show()
-    })
-  }
-
-  const deeplinkRef = useRef();
-  const [deeplink, setDeeplink] = useState('');
-
-  return (
-    <View style={{flex:1}}>
-      
-      <NavigationContainer>
-        <StackNavigation />
-      </NavigationContainer>
-      
-      <MessageDialog
-        ref={deeplinkRef}
-        title={'Deeplink'}
-        accessibilityLabel={'deeplink'}
-        message={deeplink} />
-      
-    </View>
-  )
-}

package/qa/source/common/Colors.js

@@ -1,20 +0,0 @@
-export const Colors = {
-  red: '#f44336',
-  pink: '#e91e63',
-  purple: '#9c27b0',
-  deepPurple: '#673ab7',
-  indigo: '#3f51b5',
-  blue: '#2196f3',
-  lightBlue: '#03a9f4',
-  cyan: '#00bcd4',
-  teal: '#009688',
-  green: '#4caf50',
-  lime: '#cddc39',
-  yellow: '#ffeb3b',
-
-  grey: '#9e9e9e',
-  deepBlue: '#0a69ff',
-
-  white: '#ffffff',
-  black: '#000000',
-}

package/qa/source/common/FCMService.js

@@ -1,94 +0,0 @@
-import { Platform } from 'react-native'
-
-import messaging from '@react-native-firebase/messaging'
-import Airbridge from 'airbridge-react-native-sdk'
-
-import { storage } from './Storage'
-
-class FCMService {
-
-    prepare = async () => {
-      if (Platform.OS === 'android') {
-        this.androidRequestPermission()
-      } else if (Platform.OS === 'ios') {
-        this.iosRequestPermission()
-      }
-
-      this.onMessageReceived()
-
-      return () => {
-          console.log('[App] unRegister')
-      }
-    }
-
-    updateToken = async () => {
-      if (Platform.OS === 'android') {
-        await this.androidRequestPermission()
-      } else if (Platform.OS === 'ios') {
-        await this.iosRequestPermission()
-      }
-    }
-
-    deleteToken = async () => {
-      await messaging().deleteToken()
-    }
-
-    iosRequestPermission = async () => {
-      console.log('[App] onRegister iosRequestPermission')
-
-      try {
-        if (!messaging().isDeviceRegisteredForRemoteMessages) {
-          await messaging().registerDeviceForRemoteMessages()
-        }
-
-        const apnsToken = await messaging().getAPNSToken()
-        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')
-
-        const fcmToken = await messaging().getToken()
-        if (fcmToken != null) {
-          storage.set('fcmToken', fcmToken);
-          Airbridge.registerPushToken(fcmToken)
-        }
-        console.log('[App] fcmToken :' + fcmToken)
-    }
-    
-    onMessageReceived = async () => {
-      const onReceived = async (remoteMessage) => {
-
-        //let remoteMessage = 
-        console.log('[FCM] onMessageReceived: ' + JSON.stringify(remoteMessage))
-
-        // Check if message contains a data payload
-        if (remoteMessage.data != null) {
-          console.log("[FCM] Message data payload: " + JSON.stringify(remoteMessage.data))
-        }
-        // Check if message contains a notification payload
-        if (remoteMessage.notification != null) {
-         console.log("[FCM] Message notification body: " + JSON.stringify(remoteMessage.notification.body))
-        }
-      }
-
-      // 활성 상태 및 포그라운드 상태일때 FCM 메시지 수신
-      const unsubscribe = messaging().onMessage(async remoteMessage => onReceived(remoteMessage));
-
-      // 앱이 종료된 상태일 때 FCM 메시지 수신
-      messaging().setBackgroundMessageHandler(async remoteMessage => onReceived(remoteMessage));
-    }
-}
-
-export const fcmService = new FCMService()

package/qa/source/common/Native.ts

@@ -1,39 +0,0 @@
-import { NativeModules } from 'react-native'
-
-export type Native = {
-    permission: {
-        android: {
-            accessFineLocation: () => void
-            accessCoarseLocation: () => void
-        }
-        ios: {
-            aceessTracking: () => void
-        }
-    }
-}
-
-export const createNativeDependency = () => ({
-    PermissionInteractor: NativeModules.PermissionInteractor,
-})
-
-export const createNative = (): Native => {
-    const {
-        PermissionInteractor,
-    } = createNativeDependency()
-
-    return {
-        permission: createInteractor(PermissionInteractor),
-    }
-}
-
-const createInteractor = <Interactor extends object> (interactor: Interactor) => {
-    return Object.assign(interactor, {
-        ios: interactor,
-        android: interactor,
-    })
-}
-
-// Originally, in order to write Unit-Testable code, the instance should not be exported
-// and instead be injected at the createDependency part using the createNative.
-// However, since this is a QA app, for convenience, the instance is exported.
-export const native = createNative()

package/qa/source/common/Storage.js

@@ -1,13 +0,0 @@
-class Storage {
-    _map = []
-
-    set = (key, object) => {
-        this._map[key] = object
-    }
-
-    get = (key) => {
-        return this._map[key]
-    }
-}
-
-export const storage = new Storage()

package/qa/source/common/Styles.js

@@ -1,39 +0,0 @@
-import { StyleSheet } from 'react-native'
-import { Colors } from './Colors'
-
-export const Styles = StyleSheet.create({
-    container: {
-        margin: 16,
-    },
-    centeredView: {
-        flex: 1, 
-        justifyContent: 'center', 
-        alignContent: 'center', 
-        backgroundColor: 'rgba(0, 0, 0, 0.5)'
-    },
-    modalView: {
-        padding: 12,
-        margin: 16,
-        backgroundColor: 'white',
-        borderRadius: 16,
-        alignItems: 'center',
-        shadowColor: '#000',
-        shadowOffset: {
-            width: 0,
-            height: 2,
-        },
-        shadowOpacity: 0.25,
-        shadowRadius: 4,
-        elevation: 5,
-    }, 
-    h2: {
-        fontWeight: '900',
-        fontSize: 18,
-    },
-    line: {
-        backgroundColor: Colors.grey,
-        width:'100%', 
-        borderWidth: 0.5, 
-        margin: 4
-    }
-})

package/qa/source/component/AttributeEntryInputDialog.js

@@ -1,117 +0,0 @@
-import React, { Component } from 'react'
-
-import { View, Modal, Text } from 'react-native'
-import { Styles } from '../common/Styles'
-import CustomButton from './CustomButton'
-import { Colors } from '../common/Colors'
-
-import AttributeTypeInputDialog from './AttributeTypeInputDialog'
-import CustomTextInput from './CustomTextInput'
-
-export default class AttributeEntryInputDialog extends Component {
-    
-    constructor(props) {
-        super(props)
-        this.state = {
-            visible: false,
-            key: '',
-            value: '',
-            type: 'string'
-        }
-
-        this.typeRef = React.createRef()
-    }
-
-    show = () => {
-        this.setState({ visible: true })
-    }
-
-    close = () => {
-        this.setState({
-            visible: false,
-            key: '',
-            value: '',
-            type: 'string'
-        })
-    }
-
-    confirm = () => {
-        if (this.props.onConfirm != null) {
-            this.props.onConfirm(this.state.key, this.state.value, this.state.type)
-        }
-        this.close()
-    }
-
-    render() {
-        return (
-            <Modal
-                visible={this.state.visible}
-                transparent={true}>
-                <View style={Styles.centeredView}>
-                    <View style={Styles.modalView}>
-                        <Text style={ Styles.h2 }>Input Attribute Entry</Text>
-                        <View style={{ margin: 4 }} />
-                        <CustomTextInput
-                            title={'KEY'}
-                            placeholder={'Enter key'}
-                            accessibilityLabel={'key'}
-                            onChangeText={newText => this.setState({ key: newText })}
-                            value={this.state.key} />
-                        <View style={{ margin: 4 }} />
-                        <CustomTextInput
-                            title={'VALUE'}
-                            placeholder={'Enter value'}
-                            accessibilityLabel={'value'}
-                            onChangeText={newText => this.setState({ value: newText })}
-                            value={this.state.value} />
-                        <View style={{ margin: 4 }} />
-                        <CustomTextInput
-                            title={'TYPE'}
-                            placeholder={'Enter type'}
-                            accessibilityLabel={'type'}
-                            onChangeText={newText => this.setState({ type: newText })}
-                            value={this.state.type} />
-                        <View style={{ margin: 4 }} />
-
-                        <View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center'
-                            }}>
-                            <Text>Type</Text>
-                            <View style={{ margin: 4 }} />
-                            <View style={{ flex:1 }}>
-                                <CustomButton
-                                    style={{flex:8}}
-                                    buttonColor={Colors.grey}
-                                    title={this.state.type}
-                                    titleColor='white'
-                                    onPress={() => this.typeRef.current.show()} />
-                            </View>
-                        </View>
-                        
-                        <View style={{ margin: 4 }} />
-                        <View style={{ flexDirection: 'row'}}>
-                            <CustomButton
-                                buttonColor={Colors.deepBlue}
-                                title={'cancel'}
-                                titleColor='white'
-                                accessibilityLabel={'cancel'}
-                                onPress={() => this.close()} />
-                            <View style={{ margin: 4 }} />
-                            <CustomButton
-                                buttonColor={Colors.deepBlue}
-                                title={'save'}
-                                titleColor='white'
-                                accessibilityLabel={'save'}
-                                onPress={() => this.confirm()} />
-                        </View>
-                    </View>
-
-                    <AttributeTypeInputDialog
-                        ref={this.typeRef}
-                        onConfirm={(type) => this.setState({type:type})} />
-                </View>
-            </Modal>
-        )
-    }
-}

package/qa/source/component/AttributeTypeInputDialog.js

@@ -1,100 +0,0 @@
-import React, { Component } from 'react'
-import propTypes from 'prop-types'
-
-import { View, Modal, Text } from 'react-native'
-import { Styles } from '../common/Styles'
-import CustomButton from './CustomButton'
-import { Colors } from '../common/Colors'
-
-export default class AttributeTypeInputDialog extends Component {
-    
-    constructor(props) {
-        super(props)
-        this.state = {
-            visible: false
-        }
-    }
-
-    show = () => {
-        this.setState({ visible: true })
-    }
-
-    close = () => {
-        this.setState({
-            visible: false
-        })
-    }
-
-    confirm = (type) => {
-        if (this.props.onConfirm != null) {
-            this.props.onConfirm(type)
-        }
-        this.close()
-    }
-
-    render() {
-        return (
-            <Modal
-                visible={this.state.visible}
-                transparent={true}>
-                <View style={Styles.centeredView}>
-                    <View style={Styles.modalView}>
-                        <Text style={ Styles.h2 }>Select attribute type</Text>
-                        <View style={{ margin: 4 }} />
-                        <View style={{width:'100%'}}>
-                            <CustomButton
-                                buttonColor={Colors.grey}
-                                title={'Int'}
-                                titleColor='white'
-                                accessibilityLabel={'int'}
-                                onPress={() => this.confirm('int')} />
-                            <CustomButton
-                                buttonColor={Colors.grey}
-                                title={'Long'}
-                                titleColor='white'
-                                accessibilityLabel={'long'}
-                                onPress={() => this.confirm('long')} />
-                            <CustomButton
-                                buttonColor={Colors.grey}
-                                title={'Float'}
-                                titleColor='white'
-                                accessibilityLabel={'float'}
-                                onPress={() => this.confirm('float')} />
-                            <CustomButton
-                                buttonColor={Colors.grey}
-                                title={'Double'}
-                                titleColor='white'
-                                accessibilityLabel={'double'}
-                                onPress={() => this.confirm('double')} />
-                            <CustomButton
-                                buttonColor={Colors.grey}
-                                title={'Boolean'}
-                                titleColor='white'
-                                accessibilityLabel={'boolean'}
-                                onPress={() => this.confirm('boolean')} />
-                            <CustomButton
-                                buttonColor={Colors.grey}
-                                title={'String'}
-                                titleColor='white'
-                                accessibilityLabel={'string'}
-                                onPress={() => this.confirm('string')} />
-                        </View>
-
-                        <View style={{margin: 4}} />
-
-                        <CustomButton
-                            buttonColor={Colors.grey}
-                            title={'cancel'}
-                            titleColor='white'
-                            accessibilityLabel={'cancel'}
-                            onPress={() => this.close()} />
-                    </View>
-                </View>
-            </Modal>
-        )
-    }
-}
-
-AttributeTypeInputDialog.propTypes = {
-    onConfirm: propTypes.func.isRequired
-}

package/qa/source/component/ConfirmDialog.js

@@ -1,72 +0,0 @@
-import React, { Component } from 'react'
-import propTypes from 'prop-types'
-
-import { View, Modal, Text } from 'react-native'
-import { Styles } from '../common/Styles'
-import CustomButton from './CustomButton'
-import { Colors } from '../common/Colors'
-
-import CustomTextInput from './CustomTextInput'
-
-export default class ConfirmDialog extends Component {
-
-    constructor(props) {
-        super(props)
-        this.state = {
-            visible: false,
-        }
-    }
-
-    show = () => {
-        this.setState({ visible: true })
-    }
-
-    close = () => {
-        this.setState({
-            visible: false,
-            value: ''
-        })
-    }
-
-    confirm = () => {
-        if (this.props.onConfirm != null) {
-            this.props.onConfirm()
-        }
-        this.close()
-    }
-
-    render() {
-        return (
-            <Modal
-                visible={this.state.visible}
-                transparent={true}>
-                <View style={Styles.centeredView}>
-                    <View style={Styles.modalView}>
-                        <Text style={ Styles.h2 }>{this.props.message}</Text>
-                        <View style={{ margin: 4 }} />
-                        <View style={{ flexDirection: 'row'}}>
-                            <CustomButton
-                                buttonColor={Colors.grey}
-                                title={'cancel'}
-                                titleColor='white'
-                                accessibilityLabel={'cancel'}
-                                onPress={() => this.close()} />
-                            <View style={{ margin: 4 }} />
-                            <CustomButton
-                                buttonColor={Colors.deepBlue}
-                                title={'ok'}
-                                titleColor='white'
-                                accessibilityLabel={'ok'}
-                                onPress={() => this.confirm()} />
-                        </View>
-                    </View>
-                </View>
-            </Modal>
-        )
-    }
-}
-
-ConfirmDialog.propTypes = {
-    message: propTypes.string,
-    onConfirm: propTypes.func.isRequired
-}

package/qa/source/component/CustomButton.js

@@ -1,50 +0,0 @@
-import React, { Component } from 'react'
-import {
-  Pressable,
-  Text
-} from 'react-native'
-
-export default class CustomButton extends Component{
-  
-  constructor(props){
-    super(props)
-  }
-
-  render() {
-    return (
-      <Pressable
-        accessibilityLabel={this.props.accessibilityLabel}
-        style={
-          {
-            backgroundColor: this.props.buttonColor,
-            flexDirection: 'row',
-            alignItems: 'center',
-            borderRadius: 8,
-            paddingHorizontal: 16,
-            marginVertical: 4,
-            marginHorizontal: 0,
-            height: this.props.height ?? 32
-          }
-        }
-        onPress={this.props.onPress}>
-        <Text 
-          style={{
-            color: this.props.titleColor, 
-            flex: this.props.arrow ? 1 : 0, 
-            color: '#fff',
-            fontSize: 14,
-          }
-        }>{this.props.title}</Text>
-        {this.props.arrow == true &&
-          <Text
-            style={{
-              color: this.props.titleColor,
-              color: '#fff',
-              fontSize: 14,
-            }
-          }>{'>'}</Text>
-        }
-      </Pressable>
-    )
-  }
-}