514 lines
20 KiB
JavaScript
514 lines
20 KiB
JavaScript
/**
|
|
* Sample React Native App
|
|
* https://github.com/facebook/react-native
|
|
*
|
|
* @format
|
|
* @flow
|
|
*/
|
|
|
|
import React, { Component } from 'react';
|
|
import { ActionSheetProvider, connectActionSheet } from '@expo/react-native-action-sheet'
|
|
import { Platform, StyleSheet, Text, View, YellowBox, AsyncStorage } from 'react-native';
|
|
import { createSwitchNavigator, createStackNavigator, createDrawerNavigator, createAppContainer, createBottomTabNavigator, HeaderBackButton, withNavigation } from 'react-navigation';
|
|
import OneSignal from 'react-native-onesignal';
|
|
import _ from 'lodash';
|
|
import Connect from "./screens/login/Connect";
|
|
import SplashScreen from "./screens/splashscreen/SplashScreen";
|
|
import HelpMenu from "./screens/help/HelpMenu";
|
|
import Help from "./screens/help/Help";
|
|
import ForgottenPassword from "./screens/login/ForgottenPassword";
|
|
import TypeChoiser from "./screens/login/TypeChoiser";
|
|
import CreateUserStep2 from "./screens/login/createUserStep2";
|
|
import createAccount from "./screens/login/createAccount";
|
|
import UpdateInformations from "./screens/account/UpdateInformations";
|
|
import UserAccount from "./screens/account/UserAccount";
|
|
import ActivateAccount from "./screens/login/ActivateAccount";
|
|
import Notifications from "./screens/notifications/Notifications";
|
|
import About from "./screens/configurations/About";
|
|
import Configurations from "./screens/configurations/Configurations";
|
|
|
|
import History from './screens/history-request/History'
|
|
import OptionsMenu from "./screens/optionMenu/OptionsMenu";
|
|
import Home from "./screens/home/Home";
|
|
import HistoryItemDetails from "./screens/history-request/HistoryItemDetails";
|
|
import SuperViseurGroupeHome from "./screens/groupes/SuperViseurGroupeHome";
|
|
import HistoryRequester from "./screens/history-request/HistoryRequester";
|
|
import AddNetwork from "./screens/account/AddNetwork";
|
|
import MyHistory from "./screens/history-request/MyHistory";
|
|
import Icon from "react-native-vector-icons/FontAwesome5";
|
|
import { Appbar } from 'react-native-paper';
|
|
|
|
import IconWithBadge from "./screens/IconWithBadge"
|
|
import I18n from "react-native-i18n";
|
|
import Filter from './screens/home/Filter';
|
|
import { createMaterialBottomTabNavigator } from 'react-navigation-material-bottom-tabs';
|
|
|
|
import WalletDetail from './screens/wallet/WalletDetail';
|
|
import WalletSelect from './screens/wallet/WalletSelect';
|
|
import { PersistGate } from 'redux-persist/integration/react';
|
|
import { store, persistor } from './redux/store';
|
|
import { Provider, connect } from 'react-redux';
|
|
import WalletDepot from './screens/wallet/WalletDepot';
|
|
import WalletRetrait from './screens/wallet/WalletRetrait';
|
|
import CreateIdentification from './screens/identification/createIdentification';
|
|
import WalletDetailUser from './screens/wallet/WalletDetailUser';
|
|
import WalletOptionSelect from './screens/wallet/WalletOptionSelect';
|
|
import ValidateIdentification from './screens/identification/validateIdentification';
|
|
import CreateIdentificationUser from './screens/identification/CreateIdentificationUser';
|
|
import OperateurOptionSelect from './screens/wallet/OperateurOptionSelect';
|
|
import PaiementFacture from './screens/wallet/PaiementFacture';
|
|
import EnvoieWalletToWalletUser from './screens/wallet/user/EnvoieWalletToWalletUser';
|
|
import EnvoieWalletToCashUser from './screens/wallet/user/EnvoieWalletToCash';
|
|
import LinkCard from './screens/wallet/user/LinkCard';
|
|
import EnvoieWalletToCardUser from './screens/wallet/user/EnvoieWalletToCardUser';
|
|
import EnvoieWalletToBankUser from './screens/wallet/user/EnvoieWalletToBankUser';
|
|
import RetraitWalletVersCashUser from './screens/wallet/user/RetraitWalletVersCashUser';
|
|
import RetraitCarteVersCashUser from './screens/wallet/user/RetraitCarteVersCashUser';
|
|
import RetraitCarteVersWalletUser from './screens/wallet/user/RetraitCarteVersWalletUser';
|
|
import RetraitEnCashAgent from './screens/wallet/agent/RetraitEnCashAgent';
|
|
import RetraitCarteVersCashAgent from './screens/wallet/agent/RetraitCarteVersCashAgent';
|
|
import EnvoieCashVersWalletAgent from './screens/wallet/agent/EnvoieCashVersWalletAgent';
|
|
import EnvoieCashVersAutreWalletAgent from './screens/wallet/agent/EnvoieCashVersAutreWalletAgent';
|
|
import EnvoieCashVersCarteAgent from './screens/wallet/agent/EnvoieCashVersCarteAgent';
|
|
import EnvoiCashVersCashAgent from './screens/wallet/agent/EnvoiCashVersCashAgent';
|
|
import ModifyIdentificationUser from './screens/identification/ModifyIdentificationUser';
|
|
import CreateGroupNanoCredit from './screens/nano-credit/CreateGroupNanoCredit';
|
|
import { bindActionCreators } from 'redux';
|
|
import DemandValidationGroup from './screens/nano-credit/DemandGroupNanoCredit';
|
|
import DemandGroupNanoCreditDetail from './screens/nano-credit/DemandGroupNanoCreditDetail';
|
|
import NavigationService from './utils/NavigationService';
|
|
import AdhererGroupNanoCredit from './screens/nano-credit/AdhererGroupNanoCredit';
|
|
import MyNanoCreditGroup from './screens/nano-credit/MyNanoCreditGroup';
|
|
import AskNanoCredit from './screens/nano-credit/AskNanoCredit';
|
|
import RefundNanoCreditUser from './screens/nano-credit/RefundNanoCreditUser';
|
|
import CautionNanoCreditAgent from './screens/nano-credit/CautionNanoCreditAgent';
|
|
import EpargnerArgentUser from './screens/nano-credit/EpargnerArgentUser';
|
|
import CasserEpargneUser from './screens/nano-credit/CasserEpargneUser';
|
|
import { IlinkEmitter } from './utils/events';
|
|
|
|
const instructions = Platform.select({
|
|
ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
|
|
android:
|
|
'Double tap R on your keyboard to reload,\n' +
|
|
'Shake or press menu button for dev menu',
|
|
});
|
|
|
|
const theme = require("./utils/theme")
|
|
|
|
const AuthStack = createStackNavigator({
|
|
login: Connect,
|
|
helpMenu: HelpMenu,
|
|
help: Help,
|
|
forgottenpass: ForgottenPassword,
|
|
typeaccountcreate: TypeChoiser,
|
|
simpleusercreate: createAccount,
|
|
step2: CreateUserStep2,
|
|
activateaccout: ActivateAccount
|
|
|
|
}, {
|
|
headerMode: 'none'
|
|
})
|
|
const AppStack = createDrawerNavigator({
|
|
sta: createStackNavigator({
|
|
home: Home,
|
|
/* filtre:Filter,
|
|
network:Networks,*/
|
|
useraccount: {
|
|
screen: UserAccount,
|
|
navigationOptions: {
|
|
},
|
|
},
|
|
walletSelect: WalletSelect,
|
|
createIdentificationUser: CreateIdentificationUser,
|
|
modifyIdentificationUser: ModifyIdentificationUser,
|
|
notificationview: Notifications,
|
|
configuration: Configurations,
|
|
about: About,
|
|
walletDetailUser: WalletDetailUser,
|
|
walletOptionSelect: WalletOptionSelect,
|
|
operateurOptionSelect: OperateurOptionSelect,
|
|
operateurOptionSelect: OperateurOptionSelect,
|
|
paiementFacture: PaiementFacture,
|
|
envoieWalletToWalletUser: EnvoieWalletToWalletUser,
|
|
envoieWalletToCashUser: EnvoieWalletToCashUser,
|
|
envoieWalletToCardUser: EnvoieWalletToCardUser,
|
|
envoieWalletToBankUser: EnvoieWalletToBankUser,
|
|
retraitWalletVersCashUser: RetraitWalletVersCashUser,
|
|
retraitCarteVersCashUser: RetraitCarteVersCashUser,
|
|
retraitCarteVersWalletUser: RetraitCarteVersWalletUser,
|
|
linkCard: LinkCard,
|
|
createGroupNanoCredit: CreateGroupNanoCredit,
|
|
groupNanoCredit: {
|
|
screen: createBottomTabNavigator({
|
|
demandeValidationGroupe: {
|
|
screen: DemandValidationGroup,
|
|
navigationOptions: {
|
|
tabBarLabel: I18n.t('DEMAND_VALIDATION_GROUP_RECEIVE'),
|
|
tabBarIcon: ({ focused, horizontal, tintColor }) => {
|
|
return (<IconWithBadge
|
|
badgeCount={0}
|
|
size={20}
|
|
name={"account-multiple-plus"}
|
|
color={focused ? tintColor : "grey"}
|
|
/>)
|
|
}
|
|
}
|
|
},
|
|
myNanoCreditGroup: {
|
|
screen: MyNanoCreditGroup,
|
|
navigationOptions: {
|
|
tabBarLabel: I18n.t('MY_GROUP'),
|
|
tabBarIcon: ({ focused, horizontal, tintColor }) => {
|
|
return (<IconWithBadge
|
|
badgeCount={0}
|
|
size={20}
|
|
name={"account-multiple"}
|
|
color={focused ? tintColor : "grey"}
|
|
/>)
|
|
}
|
|
}
|
|
},
|
|
}, {
|
|
headerMode: "none",
|
|
header: null,
|
|
headerTitle: null,
|
|
title: I18n.t('MANAGE_GROUP'),
|
|
tabBarOptions: {
|
|
labelStyle: {
|
|
fontSize: 13,
|
|
},
|
|
}
|
|
}),
|
|
navigationOptions: () => ({
|
|
header: null,
|
|
headerMode: 'none',
|
|
headerTitle: null,
|
|
activeColor: '#f0edf6',
|
|
inactiveColor: '#3e2465',
|
|
barStyle: { backgroundColor: '#694fad' },
|
|
|
|
drawerLabel: I18n.t('MANAGE_GROUP'),
|
|
drawerIcon: ({ tintColor }) => (
|
|
<Icon
|
|
name={'account-multiple'}
|
|
size={24}
|
|
/>)
|
|
}),
|
|
},
|
|
demandeValidationGroupe: DemandGroupNanoCreditDetail,
|
|
adhererGroupNanoCredit: AdhererGroupNanoCredit,
|
|
askNanoCredit: AskNanoCredit,
|
|
refundNanoCreditUser: RefundNanoCreditUser,
|
|
casserEpargneUser: CasserEpargneUser
|
|
|
|
})
|
|
}, { contentComponent: OptionsMenu, headerMode: 'none', contentOptions: { activeTintColor: theme.accent } })
|
|
|
|
const AppAgentStack = createDrawerNavigator({
|
|
sta: createStackNavigator({
|
|
home: Home,
|
|
useraccount: UserAccount,
|
|
walletSelect: WalletSelect,
|
|
createIdentification: CreateIdentification,
|
|
validateIdentification: ValidateIdentification,
|
|
Historique:
|
|
{
|
|
screen: createBottomTabNavigator({ myDemand: MyHistory }, {
|
|
headerMode: "none",
|
|
header: null,
|
|
headerTitle: null,
|
|
headerTitle: I18n.t('CREDIT_MANAGE'),
|
|
tabBarOptions: {
|
|
labelStyle: {
|
|
fontSize: 13,
|
|
fontWeight: "bold"
|
|
},
|
|
}
|
|
}),
|
|
navigationOptions: () => ({
|
|
header: null,
|
|
headerMode: 'none',
|
|
headerTitle: null,
|
|
activeColor: '#f0edf6',
|
|
inactiveColor: '#3e2465',
|
|
barStyle: { backgroundColor: '#694fad' },
|
|
headerLeft: (<HeaderBackButton />),
|
|
drawerLabel: I18n.t('CREDIT_MANAGE'),
|
|
drawerIcon: ({ tintColor }) => (
|
|
<Icon
|
|
name={'credit-card'}
|
|
size={24}
|
|
/>)
|
|
}),
|
|
},
|
|
|
|
historyItemDetails: HistoryItemDetails,
|
|
creditrequest: HistoryRequester,
|
|
addNetwork: AddNetwork,
|
|
updateinformation: UpdateInformations,
|
|
notificationview: Notifications,
|
|
configuration: Configurations,
|
|
about: About,
|
|
walletDetail: WalletDetail,
|
|
walletDepot: WalletDepot,
|
|
walletRetrait: WalletRetrait,
|
|
walletOptionSelect: WalletOptionSelect,
|
|
operateurOptionSelect: OperateurOptionSelect,
|
|
paiementFacture: PaiementFacture,
|
|
retraitEnCashAgent: RetraitEnCashAgent,
|
|
retraitCarteVersCashAgent: RetraitCarteVersCashAgent,
|
|
envoieCashVersWalletAgent: EnvoieCashVersWalletAgent,
|
|
envoieCashVersAutreWalletAgent: EnvoieCashVersAutreWalletAgent,
|
|
envoieCashVersCarteAgent: EnvoieCashVersCarteAgent,
|
|
envoiCashVersCashAgent: EnvoiCashVersCashAgent,
|
|
createGroupNanoCredit: CreateGroupNanoCredit,
|
|
cautionNanoCreditAgent: CautionNanoCreditAgent,
|
|
epargnerArgentUser: EpargnerArgentUser
|
|
})
|
|
}, {
|
|
contentComponent: OptionsMenu,
|
|
backBehavior: "none",
|
|
lazy: false,
|
|
headerMode: 'none', contentOptions: { activeTintColor: theme.accent }
|
|
});
|
|
|
|
const AppAdministratorStack = createDrawerNavigator({
|
|
sta: createStackNavigator({
|
|
home: Home,
|
|
useraccount: UserAccount,
|
|
walletSelect: WalletSelect,
|
|
Historique: {
|
|
screen: createBottomTabNavigator({
|
|
myDemand: MyHistory, OthersDemand: MyHistory
|
|
}, {
|
|
headerMode: "none",
|
|
header: null,
|
|
headerTitle: null,
|
|
title: I18n.t('CREDIT_MANAGE'),
|
|
tabBarOptions: {
|
|
labelStyle: {
|
|
fontSize: 13,
|
|
},
|
|
}
|
|
}),
|
|
navigationOptions: () => ({
|
|
header: null,
|
|
headerMode: 'none',
|
|
headerTitle: null,
|
|
activeColor: '#f0edf6',
|
|
inactiveColor: '#3e2465',
|
|
barStyle: { backgroundColor: '#694fad' },
|
|
|
|
drawerLabel: I18n.t('CREDIT_MANAGE'),
|
|
drawerIcon: ({ tintColor }) => (
|
|
<Icon
|
|
name={'credit-card'}
|
|
size={24}
|
|
/>)
|
|
}),
|
|
},
|
|
creditrequest: HistoryRequester,
|
|
historyItemDetails: HistoryItemDetails,
|
|
|
|
superviseurgroup: SuperViseurGroupeHome,
|
|
notificationview: Notifications,
|
|
configuration: Configurations,
|
|
about: About,
|
|
walletDetail: WalletDetail,
|
|
walletDepot: WalletDepot,
|
|
walletRetrait: WalletRetrait
|
|
|
|
})
|
|
},
|
|
{
|
|
contentComponent: OptionsMenu,
|
|
backBehavior: "none",
|
|
headerMode: 'none'
|
|
});
|
|
|
|
const AppSuperAdministrator = createDrawerNavigator({
|
|
sta: createStackNavigator({
|
|
home: Home,
|
|
useraccount: UserAccount,
|
|
walletSelect: WalletSelect,
|
|
Historique: {
|
|
screen: createBottomTabNavigator({ OthersDemand: MyHistory }, {
|
|
headerMode: "none",
|
|
header: null,
|
|
headerTitle: null,
|
|
title: I18n.t('CREDIT_MANAGE'),
|
|
tabBarOptions: {
|
|
labelStyle: {
|
|
fontSize: 13,
|
|
fontWeight: "bold"
|
|
},
|
|
}
|
|
}),
|
|
navigationOptions: () => ({
|
|
title: I18n.t('CREDIT_MANAGE'),
|
|
headerMode: "none",
|
|
header: null,
|
|
headerTitle: null,
|
|
drawerIcon: ({ tintColor }) => (
|
|
<Icon
|
|
name={'credit-card'}
|
|
size={24}
|
|
/>)
|
|
}),
|
|
},
|
|
creditrequest: HistoryRequester,
|
|
historyItemDetails: HistoryItemDetails,
|
|
superviseurgroup: SuperViseurGroupeHome,
|
|
notificationview: Notifications,
|
|
configuration: Configurations,
|
|
about: About,
|
|
walletDetail: WalletDetail,
|
|
walletDepot: WalletDepot,
|
|
walletRetrait: WalletRetrait
|
|
|
|
})
|
|
}, {
|
|
contentComponent: OptionsMenu,
|
|
backBehavior: "none",
|
|
headerMode: 'none'
|
|
});
|
|
|
|
export const AppNavigator = createSwitchNavigator({
|
|
first: {
|
|
screen: SplashScreen
|
|
},
|
|
App: AppStack,
|
|
AgentApp: AppAgentStack,
|
|
adminApp: AppAdministratorStack,
|
|
supAdminApp: AppSuperAdministrator,
|
|
Auth: AuthStack
|
|
}, {
|
|
initialRouteName: 'first',
|
|
transitionConfig: () => ({
|
|
})
|
|
});
|
|
const AppContainer = createAppContainer(AppNavigator);
|
|
|
|
class App extends React.Component {
|
|
|
|
|
|
constructor(props) {
|
|
super(props);
|
|
console.log("APP PROPS", this.props);
|
|
|
|
//Remove this method to stop OneSignal Debugging
|
|
OneSignal.setLogLevel(6, 0);
|
|
|
|
// Replace 'YOUR_ONESIGNAL_APP_ID' with your OneSignal App ID.
|
|
OneSignal.init("e8e7251f-713d-4658-9510-86d877fa6a7c", { kOSSettingsKeyAutoPrompt: false, kOSSettingsKeyInAppLaunchURL: false, kOSSettingsKeyInFocusDisplayOption: 2 });
|
|
OneSignal.inFocusDisplaying(2); // Controls what should happen if a notification is received while the app is open. 2 means that the notification will go directly to the device's notification center.
|
|
|
|
// The promptForPushNotifications function code will show the iOS push notification prompt. We recommend removing the following code and instead using an In-App Message to prompt for notification permission (See step below)
|
|
OneSignal.promptForPushNotificationsWithUserResponse(myiOSPromptCallback);
|
|
|
|
OneSignal.addEventListener('received', this.onReceived);
|
|
OneSignal.addEventListener('opened', this.onOpened);
|
|
OneSignal.addEventListener('ids', this.onIds);
|
|
}
|
|
|
|
_getOneSignalIds = () => {
|
|
return new Promise(async (resolve, reject) => {
|
|
try {
|
|
const getElement = await AsyncStorage.getItem('@config:onesignalIds');
|
|
resolve(getElement);
|
|
} catch (error) {
|
|
reject(error);
|
|
}
|
|
});
|
|
}
|
|
|
|
_saveOneSignalIds = async (ids) => {
|
|
try {
|
|
await AsyncStorage.setItem('@config:onesignalIds', ids);
|
|
} catch (error) {
|
|
console.warn(error);
|
|
}
|
|
}
|
|
|
|
|
|
goToScreen = (routeName, params, isReset = true) => {
|
|
const { navigator } = this.refs;
|
|
navigator.dispatch({
|
|
type: "Navigation/NAVIGATE",
|
|
routeName,
|
|
params
|
|
});
|
|
};
|
|
|
|
handleDeepLink = (openResult) => {
|
|
const data = openResult.notification.payload.additionalData;
|
|
this.goToScreen(data.screen, {
|
|
id: data.data.id
|
|
});
|
|
/* if (data && data.id) {
|
|
this.goToScreen(data.screen, {
|
|
id: data.id,
|
|
goToScreen: this.goToScreen
|
|
});
|
|
} else {
|
|
console.log("notification is invalid data");
|
|
} */
|
|
};
|
|
|
|
componentWillUnmount() {
|
|
OneSignal.removeEventListener('received', this.onReceived);
|
|
OneSignal.removeEventListener('opened', this.onOpened);
|
|
OneSignal.removeEventListener('ids', this.onIds);
|
|
}
|
|
|
|
onReceived(notification) {
|
|
console.log("Notification received: ", notification);
|
|
}
|
|
|
|
onOpened = (openResult) => {
|
|
let data = openResult.notification.payload.additionalData;
|
|
this.handleDeepLink(openResult);
|
|
console.log('Message: ', openResult.notification.payload.body);
|
|
console.log('Data: ', openResult.notification.payload.additionalData);
|
|
console.log('isActive: ', openResult.notification.isAppInFocus);
|
|
console.log('openResult: ', openResult);
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<Provider store={store}>
|
|
<PersistGate persistor={persistor}>
|
|
<ActionSheetProvider>
|
|
<AppContainer ref="navigator" />
|
|
</ActionSheetProvider>
|
|
</PersistGate>
|
|
</Provider>
|
|
);
|
|
}
|
|
}
|
|
|
|
function myiOSPromptCallback(permission) {
|
|
// do something with permission value
|
|
}
|
|
|
|
export default App;
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
backgroundColor: '#F5FCFF',
|
|
},
|
|
welcome: {
|
|
fontSize: 20,
|
|
textAlign: 'center',
|
|
margin: 10,
|
|
},
|
|
instructions: {
|
|
textAlign: 'center',
|
|
color: '#333333',
|
|
marginBottom: 5,
|
|
},
|
|
});
|