React Native Watchout Emergency Service

This package helps to integrate WatchOut Emergency Service module in your app

Installation

Add the package to your react-native project in the following way

npm i react-native-watchout-emergency

npm i react-native-call-detection

npm i axios

For Android:-

Required permission

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.READ_PHONE_STATE"/>

Required AndroidManifest.xml file changes

Remove followig properties from application tag

android:allowBackup:'false' 
android:allowBackup:'true' 

Create EmergencyService.js as new empty component

Note:- "apiAuthrizationKey" This key will be provided by the WatchOut admin for third party integartion

Note:- Provide any relevent jsonData as per given format and properties. Don't change json keys This component don't accpet any other addition information in jsonData

Note:- Here "userType" define as follow 1- "p" for Passenger 2- "d" for Driver

Note:- Vehicle information define as follow 1- "vehYear" Year in which purchased or registred. -> 2022 2- "vehMake" Vehicle manufacturer company name. -> Ford
3- "vinNum" Unique vehicle identification numbers. Like engine number / chassis number

import { View, Text } from 'react-native'
import React from 'react'
import WatchOutEmergency from 'react-native-watchout-emergency'

const EmergencyService = () => {

    const jsonData={
        "apiAuthrizationKey": "123123123",
        "longitude": 26.9124,
        "latitude": 75.7873,
        "tripBy": "xxxxx",
        "userType": "p",
        "user": {
          "firstName": "arya",
          "lastName": "arya",
          "email": "[email protected]",
          "phone": "0123456789",
          "gender": "Male",
    
        },
        "vehicle": {
          "vehYear": "2022",
          "vehMake": "Ford",
          "vinNum": "1FADP3J27EL153248",
          "vehicle_model": "Focus",
          "vehicle_number": "RJ16CH7898",
          "vehicleType": "Bus"
        }
    }
  return (
    <View>
      <WatchOutEmergency
    data={jsonData}/>
    </View>
  )
}

export default EmergencyService

Call for Emergency

To navigate on WatchOut Emergency Service Screen in your app add following lines of code You can use any custom Button or Clickable items to navigate on WatchOut Emergency Service Screen

import {useNavigation} from '@react-navigation/native';

const navigation = useNavigation();

<Button title="Watchout Emergency Service" onPress={() => {
                        navigation.navigate('EmergencyService')
                    }}/>

To Send Trip Details(as soon as trip starts)

Below is the function that needs to be called when a trip starts.

let data = {
        tripId: 'xxx',
        tripBy: 'xxxx',
        startLocation: 'metropolish',
        endLocation: 'aryavrat',
        apiAuthrizationKey:'123123123',
        trustedContact: {
          name: 'arya',
          email: '[email protected]',
          phone: '0123456789',
        },
        user: {
          firstName: 'xxxxxx',
          lastName: 'xxxxxx',
          email: '[email protected]',
          phone: '0123456789',
          gender: 'Male',
          healthStatus: 'Fine',
        },
        driver: {
          firstName: 'xxxxx',
          lastName: 'xxxxxx',
          email: '[email protected]',
          phone: '0123456789',
          gender: 'Male',
          healthStatus: 'Fine',
        },
        vehicle: {
          vehYear: '2014',
          vehMake: 'Ford',
          vinNum: '1FADP3J27EL153248',
          vehicle_model: 'mustang',
          vehicle_number: 'RJ16CH7898',
          vehicleType: 'car',
        },
      }

StartTrip.sendTripInfo(data)

For any problems and doubt raise an issue.