react-native-radar 3.9.0 → 3.10.0-beta.1

package/dist/src/ui/autocomplete.js

@@ -0,0 +1,213 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// Autocomplete.js
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const index_native_1 = __importDefault(require("../index.native"));
+const images_1 = require("./images");
+const styles_1 = __importDefault(require("./styles"));
+const defaultAutocompleteOptions = {
+    debounceMS: 200, // Debounce time in milliseconds
+    minCharacters: 3, // Minimum number of characters to trigger autocomplete
+    limit: 8, // Maximum number of results to return
+    placeholder: "Search address", // Placeholder text for the input field
+    showMarkers: true,
+    disabled: false,
+};
+const autocompleteUI = ({ options = {} }) => {
+    const [query, setQuery] = (0, react_1.useState)("");
+    const [results, setResults] = (0, react_1.useState)([]);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const animationValue = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current; // animation value
+    const timerRef = (0, react_1.useRef)(null);
+    const textInputRef = (0, react_1.useRef)(null);
+    const config = { ...defaultAutocompleteOptions, ...options };
+    const style = config.style || {};
+    const fetchResults = (0, react_1.useCallback)(async (searchQuery) => {
+        if (searchQuery.length < config.minCharacters)
+            return;
+        const { limit, layers, countryCode } = config;
+        const params = { query: searchQuery, limit, layers, countryCode };
+        if (config.near && config.near.latitude && config.near.longitude) {
+            params.near = config.near;
+        }
+        try {
+            const result = await index_native_1.default.autocomplete(params);
+            if (config.onResults && typeof config.onResults === "function") {
+                config.onResults(result.addresses);
+            }
+            setResults(result.addresses);
+            setIsOpen(true);
+        }
+        catch (error) {
+            if (config.onError && typeof config.onError === "function") {
+                config.onError(error);
+            }
+        }
+    }, [config]);
+    const handleInput = (0, react_1.useCallback)((text) => {
+        setQuery(text);
+        // Clear the existing timer
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+        }
+        if (text.length < config.minCharacters) {
+            return;
+        }
+        // Set the new timer
+        timerRef.current = setTimeout(() => {
+            fetchResults(text);
+        }, config.debounceMS);
+    }, [config, fetchResults]);
+    const handleSelect = (item) => {
+        setQuery(item.formattedAddress);
+        setIsOpen(false);
+        if (typeof config.onSelection === "function") {
+            config.onSelection(item);
+        }
+    };
+    const renderFooter = () => {
+        if (results.length === 0)
+            return null;
+        return (<react_native_1.View style={styles.footerContainer}>
+        <react_native_1.View style={{ flexDirection: "row", alignItems: "center" }}>
+          <react_native_1.Text style={styles.footerText}>Powered by</react_native_1.Text>
+          <react_native_1.Image source={images_1.RADAR_LOGO} resizeMode="contain" style={styles_1.default.logo}/>
+        </react_native_1.View>
+      </react_native_1.View>);
+    };
+    const renderItem = ({ item }) => (<react_native_1.Pressable style={({ pressed }) => [
+            {
+                ...styles.resultItem,
+                backgroundColor: pressed
+                    ? styles.resultItem.pressedBackgroundColor
+                    : styles.resultItem.backgroundColor,
+            },
+        ]} onPress={() => handleSelect(item)}>
+      <react_native_1.View style={styles.addressContainer}>
+        <react_native_1.View style={styles.pinIconContainer}>
+          {config.showMarkers ? (<react_native_1.Image source={images_1.MARKER_ICON} style={styles.pinIcon}/>) : null}
+        </react_native_1.View>
+        <react_native_1.View style={styles.addressTextContainer}>
+          <react_native_1.Text numberOfLines={1} style={styles.addressText}>
+            {item.addressLabel || item?.placeLabel}
+          </react_native_1.Text>
+          {item?.formattedAddress.length > 0 && (<react_native_1.Text numberOfLines={1} style={styles.addressSubtext}>
+              {item?.formattedAddress?.replace(`${item?.addressLabel || item?.placeLabel}, `, "")}
+            </react_native_1.Text>)}
+        </react_native_1.View>
+      </react_native_1.View>
+    </react_native_1.Pressable>);
+    const styles = {
+        ...styles_1.default,
+        container: react_native_1.StyleSheet.compose(styles_1.default.container, style.container),
+        input: react_native_1.StyleSheet.compose(styles_1.default.input, style.input),
+        inputContainer: react_native_1.StyleSheet.compose(styles_1.default.inputContainer, style.inputContainer),
+        modalInputContainer: react_native_1.StyleSheet.compose(styles_1.default.modalInputContainer, style.modalInputContainer),
+        resultList: react_native_1.StyleSheet.compose(styles_1.default.resultList, style.resultList),
+        resultItem: react_native_1.StyleSheet.compose({ ...styles_1.default.resultItem, pressedBackgroundColor: '#F6FAFC' }, style.resultItem),
+        addressContainer: react_native_1.StyleSheet.compose(styles_1.default.addressContainer, style.addressContainer),
+        pinIconContainer: react_native_1.StyleSheet.compose(styles_1.default.pinIconContainer, style.pinIconContainer),
+        pinIcon: react_native_1.StyleSheet.compose(styles_1.default.pinIcon, style.pinIcon),
+        addressTextContainer: react_native_1.StyleSheet.compose(styles_1.default.addressTextContainer, style.addressTextContainer),
+        addressText: react_native_1.StyleSheet.compose(styles_1.default.addressText, style.addressText),
+        addressSubtext: react_native_1.StyleSheet.compose(styles_1.default.addressSubtext, style.addressSubtext),
+        footerContainer: react_native_1.StyleSheet.compose(styles_1.default.footerContainer, style.footerContainer),
+        footerText: react_native_1.StyleSheet.compose(styles_1.default.footerText, style.footerText),
+    };
+    (0, react_1.useEffect)(() => {
+        react_native_1.Animated.timing(animationValue, {
+            toValue: isOpen ? 1 : 0,
+            duration: 300,
+            easing: react_native_1.Easing.inOut(react_native_1.Easing.ease),
+            useNativeDriver: false,
+        }).start();
+    }, [isOpen]);
+    const screenHeight = react_native_1.Dimensions.get("window").height;
+    const inputHeight = animationValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: [40, screenHeight],
+    });
+    const modalOpacity = animationValue.interpolate({
+        inputRange: [0, 0.5, 1],
+        outputRange: [0, 0, 1],
+    });
+    return (<react_native_1.View style={styles.container}>
+      <react_native_1.Animated.View style={{ height: inputHeight }}>
+        <react_native_1.TouchableOpacity style={styles.inputContainer} onPress={() => {
+            if (config.disabled)
+                return;
+            setIsOpen(true);
+            // Set the focus on the other textinput after it opens
+            setTimeout(() => {
+                textInputRef.current.focus();
+            }, 100);
+        }}>
+          <react_native_1.Image source={images_1.SEARCH_ICON} style={styles.inputIcon}/>
+          <react_native_1.TextInput style={styles.input} onFocus={() => {
+            setIsOpen(true);
+            setTimeout(() => {
+                textInputRef.current.focus();
+            }, 100);
+        }} value={query} returnKeyType="done" placeholder={config.placeholder} placeholderTextColor="#acbdc8"/>
+        </react_native_1.TouchableOpacity>
+      </react_native_1.Animated.View>
+      <react_native_1.Modal animationType="slide" transparent={false} visible={isOpen} onRequestClose={() => setIsOpen(false)}>
+        <react_native_1.Animated.View style={{ flex: 1, opacity: modalOpacity }}>
+          <react_native_1.SafeAreaView>
+            <react_native_1.KeyboardAvoidingView behavior={Platform.OS === "ios" ? "padding" : "height"} keyboardVerticalOffset={50} style={styles.container}>
+              <react_native_1.View style={styles.modalInputContainer}>
+                <react_native_1.TouchableOpacity onPress={() => {
+            setIsOpen(false);
+        }}>
+                  <react_native_1.Image source={images_1.BACK_ICON} style={styles.inputIcon}/>
+                </react_native_1.TouchableOpacity>
+                <react_native_1.TextInput ref={textInputRef} style={styles.input} onChangeText={handleInput} value={query} placeholder={config.placeholder} returnKeyType="done" onSubmitEditing={() => {
+            setIsOpen(false);
+        }} placeholderTextColor="#acbdc8"/>
+                <react_native_1.TouchableOpacity onPress={() => {
+            setQuery("");
+        }}>
+                  <react_native_1.Image source={images_1.CLOSE_ICON} style={styles.closeIcon}/>
+                </react_native_1.TouchableOpacity>
+              </react_native_1.View>
+              {results.length > 0 && (<react_native_1.View style={styles.resultListWrapper}>
+                  <react_native_1.FlatList style={styles.resultList} data={results} onScroll={() => {
+                textInputRef.current.blur();
+                react_native_1.Keyboard.dismiss();
+            }} keyboardShouldPersistTaps="handled" renderItem={renderItem} keyExtractor={(item) => item.formattedAddress + item.postalCode}/>
+                  {renderFooter()}
+                </react_native_1.View>)}
+            </react_native_1.KeyboardAvoidingView>
+          </react_native_1.SafeAreaView>
+        </react_native_1.Animated.View>
+      </react_native_1.Modal>
+    </react_native_1.View>);
+};
+exports.default = autocompleteUI;

package/dist/src/ui/images.d.ts

@@ -0,0 +1,5 @@
+export const BACK_ICON: any;
+export const SEARCH_ICON: any;
+export const RADAR_LOGO: any;
+export const MARKER_ICON: any;
+export const CLOSE_ICON: any;

package/dist/src/ui/images.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CLOSE_ICON = exports.MARKER_ICON = exports.RADAR_LOGO = exports.SEARCH_ICON = exports.BACK_ICON = void 0;
+exports.BACK_ICON = require('./back.png');
+exports.SEARCH_ICON = require('./search.png');
+exports.RADAR_LOGO = require('./radar-logo.png');
+exports.MARKER_ICON = require('./marker.png');
+exports.CLOSE_ICON = require('./close.png');

package/dist/src/ui/map.d.ts

@@ -0,0 +1,5 @@
+export default RadarMap;
+declare function RadarMap({ mapOptions, children }: {
+    mapOptions: any;
+    children: any;
+}): any;

package/dist/src/ui/map.js

@@ -0,0 +1,112 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const index_native_1 = __importDefault(require("../index.native"));
+const helpers_1 = require("../helpers");
+const styles_1 = __importDefault(require("./styles"));
+let MapLibreGL;
+try {
+    MapLibreGL = require('@maplibre/maplibre-react-native');
+}
+catch (e) {
+    MapLibreGL = null;
+}
+const DEFAULT_STYLE = 'radar-default-v1';
+const createStyleURL = async (style = DEFAULT_STYLE) => {
+    const host = await (0, helpers_1.getHost)();
+    const publishableKey = await (0, helpers_1.getPublishableKey)();
+    return `${host}/maps/styles/${style}?publishableKey=${publishableKey}`;
+};
+const RadarMap = ({ mapOptions, children }) => {
+    const [styleURL, setStyleURL] = (0, react_1.useState)(null);
+    const [userLocation, setUserLocation] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        createStyleURL(mapOptions?.mapStyle || DEFAULT_STYLE).then((result) => {
+            setStyleURL(result);
+        });
+    }, [mapOptions]);
+    (0, react_1.useEffect)(() => {
+        index_native_1.default.getLocation().then((result) => {
+            if (result?.location?.latitude && result?.location?.longitude) {
+                setUserLocation({
+                    latitude: result.location.latitude,
+                    longitude: result.location.longitude,
+                });
+            }
+        }).catch((err) => {
+            // eslint-disable-next-line no-console
+            console.warn(`Radar SDK: Failed to get location: ${err}`);
+        });
+    }, [mapOptions]);
+    if (!styleURL) {
+        return null;
+    }
+    if (!MapLibreGL) {
+        return null;
+    }
+    const geoJSONUserLocation = {
+        type: 'FeatureCollection',
+        features: userLocation?.longitude !== undefined ? [
+            {
+                type: 'Feature',
+                geometry: {
+                    type: 'Point',
+                    coordinates: [userLocation.longitude, userLocation.latitude],
+                },
+            },
+        ] : [],
+    };
+    const userLocationMapIndicator = (<MapLibreGL.ShapeSource id="user-location" shape={geoJSONUserLocation}>
+      <MapLibreGL.CircleLayer id="user-location-inner" style={{
+            circleRadius: 15,
+            circleColor: '#000257',
+            circleOpacity: 0.2,
+            circlePitchAlignment: 'map',
+        }}/>
+      <MapLibreGL.CircleLayer id="user-location-middle" style={{
+            circleRadius: 9,
+            circleColor: '#fff',
+            circlePitchAlignment: 'map',
+        }}/>
+      <MapLibreGL.CircleLayer id="user-location-outer" style={{
+            circleRadius: 6,
+            circleColor: '#000257',
+            circlePitchAlignment: 'map',
+        }}/>
+    </MapLibreGL.ShapeSource>);
+    return (<react_native_1.View style={styles_1.default.mapContainer}>
+      <MapLibreGL.MapView style={styles_1.default.map} pitchEnabled={false} compassEnabled={false} logoEnabled={false} attributionEnabled onRegionDidChange={mapOptions?.onRegionDidChange ? mapOptions.onRegionDidChange : null} styleURL={styleURL}>
+        {userLocationMapIndicator}
+        {children}
+      </MapLibreGL.MapView>
+      <react_native_1.Image source={require('./map-logo.png')} style={styles_1.default.mapLogo}/>
+    </react_native_1.View>);
+};
+exports.default = RadarMap;

package/dist/src/ui/styles.d.ts

@@ -0,0 +1,2 @@
+export default styles;
+declare const styles: any;

package/dist/src/ui/styles.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_native_1 = require("react-native");
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        width: '100%',
+        height: '100%',
+        alignItems: 'center',
+        paddingTop: 8,
+    },
+    inputContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginHorizontal: 16,
+        backgroundColor: 'white',
+        borderRadius: 5,
+        borderColor: '#DBE5EB',
+        borderWidth: 1,
+        width: '95%', // only difference between this and the modalInputContainer
+    },
+    modalInputContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginHorizontal: 16,
+        backgroundColor: 'white',
+        borderRadius: 5,
+        borderColor: '#DBE5EB',
+        borderWidth: 1,
+    },
+    inputIcon: {
+        marginLeft: 10,
+        height: 18,
+        width: 18,
+        backgroundColor: 'white',
+    },
+    closeIcon: {
+        marginRight: 10,
+        height: 18,
+        width: 18,
+        backgroundColor: 'white',
+    },
+    input: {
+        flex: 1,
+        backgroundColor: 'white',
+        height: 40,
+        fontSize: 14,
+        paddingHorizontal: 8,
+        borderRadius: 5,
+    },
+    resultListWrapper: {
+        width: '100%',
+        marginBottom: 30,
+        backgroundColor: 'white',
+        borderRadius: 5,
+        paddingVertical: 8,
+    },
+    resultList: {
+        width: '100%',
+    },
+    resultItem: {
+        paddingRight: 16,
+        paddingVertical: 8,
+        paddingHorizontal: 16,
+        fontSize: 12,
+        backgroundColor: 'white',
+    },
+    addressContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    pinIconContainer: {
+        width: 28,
+        marginRight: 8,
+    },
+    pinIcon: {
+        height: 26,
+        width: 26,
+    },
+    addressTextContainer: {
+        flex: 1,
+    },
+    addressText: {
+        fontSize: 14,
+        lineHeight: 24,
+        color: '#000',
+        fontWeight: '600',
+    },
+    addressSubtext: {
+        fontSize: 14,
+        color: '#5A6872',
+    },
+    footerContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingVertical: 10,
+        marginRight: 16,
+        alignSelf: 'flex-end',
+    },
+    footerText: {
+        marginTop: 2,
+        marginRight: 4,
+        fontSize: 10,
+        color: '#5A6872',
+    },
+    logo: {
+        width: 50,
+        height: 15,
+        resizeMode: 'contain',
+    },
+    mapContainer: {
+        flex: 1,
+    },
+    map: {
+        flex: 1,
+    },
+    mapLogo: {
+        position: 'absolute',
+        bottom: -10,
+        left: 5,
+        width: 50,
+        height: 50,
+        resizeMode: 'contain',
+    },
+});
+exports.default = styles;

package/ios/Cartfile.resolved

@@ -1 +1 @@
-github "radarlabs/radar-sdk-ios" "3.9.0"
+github "radarlabs/radar-sdk-ios" "3.9.3"

package/package.json

@@ -3,19 +3,22 @@
   "description": "React Native module for Radar, the leading geofencing and location tracking platform",
   "homepage": "https://radar.com",
   "license": "Apache-2.0",
-  "version": "3.9.0",
-  "main": "js/index.js",
+  "version": "3.10.0-beta.1",
+  "main": "dist/src/index.ts",
   "files": [
     "android",
     "ios",
-    "js",
+    "src",
     "README.md",
-    "react-native-radar.podspec"
+    "react-native-radar.podspec",
+    "/dist"
   ],
+  "types":"dist/src/index.d.ts",
   "scripts": {
     "test": "jest ./test/*.test.js",
     "check-latest-tag": "node ./scripts/check-latest-tag.cjs",
-    "check-beta-tag": "node ./scripts/check-beta-tag.cjs"
+    "check-beta-tag": "node ./scripts/check-beta-tag.cjs",
+    "build": "tsc"
   },
   "jest": {
     "preset": "react-native",
@@ -26,9 +29,9 @@
     ]
   },
   "peerDependencies": {
+    "@maplibre/maplibre-react-native": "^9.0.1",
     "react": ">= 16.8.6",
-    "react-native": ">= 0.60.0",
-    "@maplibre/maplibre-react-native": "^9.0.1"
+    "react-native": ">= 0.60.0"
   },
   "peerDependenciesMeta": {
     "@maplibre/maplibre-react-native": {
@@ -40,6 +43,8 @@
     "@babel/preset-env": "^7.2.3",
     "@babel/preset-react": "^7.0.0",
     "@babel/register": "^7.0.0",
+    "@types/node": "^20.11.7",
+    "@types/react-native": "^0.73.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^23.4.2",
@@ -56,7 +61,8 @@
     "metro-react-native-babel-preset": "^0.51.1",
     "npm-run-all": "^4.1.5",
     "react": "16.8.6",
-    "react-native": "0.60.0"
+    "react-native": "0.60.0",
+    "typescript": "^5.3.3"
   },
   "bugs": {
     "url": "https://github.com/radarlabs/react-native-radar/issues"

package/react-native-radar.podspec

@@ -15,5 +15,5 @@ Pod::Spec.new do |s|
   s.platform = :ios, "10.0"
 
   s.dependency "React"
-  s.dependency "RadarSDK", "~> 3.9.0"
+  s.dependency "RadarSDK", "~> 3.9.3"
 end

package/src/@types/RadarNativeInterface.ts

@@ -0,0 +1,96 @@
+import {
+  Location,
+  RadarAutocompleteOptions,
+  RadarContextCallback,
+  RadarGeocodeCallback,
+  RadarGetDistanceOptions,
+  RadarLocationCallback,
+  RadarLogConversionCallback,
+  RadarLogConversionOptions,
+  RadarLogLevel,
+  RadarMockTrackingOptions,
+  RadarNotificationOptions,
+  RadarPermissionsStatus,
+  RadarRouteCallback,
+  RadarRouteMatrix,
+  RadarSearchGeofencesCallback,
+  RadarSearchGeofencesOptions,
+  RadarSearchPlacesCallback,
+  RadarSearchPlacesOptions,
+  RadarStartTripOptions,
+  RadarTrackCallback,
+  RadarTrackOnceOptions,
+  RadarTrackTokenCallback,
+  RadarTrackingOptions,
+  RadarTrackingOptionsDesiredAccuracy,
+  RadarTrackingOptionsForegroundService,
+  RadarTripCallback,
+  RadarTripOptions,
+  RadarUpdateTripOptions,
+  Event,
+} from "./types";
+
+export interface RadarNativeInterface {
+  initialize: (publishableKey: string, fraud: boolean) => void;
+  setLogLevel: (level: RadarLogLevel) => void;
+  setUserId: (userId: string) => void;
+  getUserId: () => Promise<string>;
+  setDescription: (description: string) => void;
+  getDescription: () => Promise<string>;
+  setMetadata: (metadata: object) => void;
+  getMetadata: () => Promise<object>;
+  setAnonymousTrackingEnabled: (enabled: boolean) => void;
+  getPermissionsStatus: () => Promise<RadarPermissionsStatus>;
+  requestPermissions: (background: boolean) => Promise<RadarPermissionsStatus>;
+  getLocation: (
+    desiredAccuracy?: RadarTrackingOptionsDesiredAccuracy
+  ) => Promise<RadarLocationCallback>;
+  trackOnce: (
+    options?: RadarTrackOnceOptions | Location
+  ) => Promise<RadarTrackCallback>;
+  trackVerifiedToken: () => Promise<RadarTrackTokenCallback>;
+  trackVerified: () => Promise<RadarTrackCallback>;
+  startTrackingEfficient: () => void;
+  startTrackingResponsive: () => void;
+  startTrackingContinuous: () => void;
+  startTrackingCustom: (options: RadarTrackingOptions) => void;
+  mockTracking: (options: RadarMockTrackingOptions) => void;
+  stopTracking: () => void;
+  getTrackingOptions: () => Promise<RadarTrackingOptions>;
+  isUsingRemoteTrackingOptions: () => Promise<boolean>;
+  isTracking: () => boolean;
+  setForegroundServiceOptions: (
+    options: RadarTrackingOptionsForegroundService
+  ) => void;
+  setNotificationOptions: (options: RadarNotificationOptions) => void;
+  getTripOptions: () => Promise<RadarTripOptions>;
+  startTrip: (options: RadarStartTripOptions) => Promise<RadarTripCallback>;
+  completeTrip: () => Promise<RadarTripCallback>;
+  cancelTrip: () => Promise<RadarTripCallback>;
+  updateTrip: (options: RadarUpdateTripOptions) => Promise<RadarTripCallback>;
+  acceptEvent: (eventId: string, verifiedPlaceId: string) => void;
+  rejectEvent: (eventId: string) => void;
+  getContext: (location?: Location) => Promise<RadarContextCallback>;
+  searchPlaces: (
+    options: RadarSearchPlacesOptions
+  ) => Promise<RadarSearchPlacesCallback>;
+  searchGeofences: (
+    options: RadarSearchGeofencesOptions
+  ) => Promise<RadarSearchGeofencesCallback>;
+  autocomplete: (
+    options: RadarAutocompleteOptions
+  ) => Promise<RadarGeocodeCallback>;
+  geocode: (address: string) => Promise<RadarGeocodeCallback>;
+  reverseGeocode: (location: any) => Promise<RadarGeocodeCallback>;
+  ipGeocode: () => Promise<RadarGeocodeCallback>;
+  getDistance: (option: RadarGetDistanceOptions) => Promise<RadarRouteCallback>;
+  getMatrix: (option: RadarGetDistanceOptions) => Promise<RadarRouteMatrix>;
+  logConversion: (
+    options: RadarLogConversionOptions
+  ) => Promise<RadarLogConversionCallback>;
+  sendEvent: (name: string, metadata: Object) => void;
+  on: (event: Event, callback: Function | undefined) => void;
+  off: (event: Event, callback: Function | undefined) => void;
+  nativeSdkVersion: () => Promise<string>;
+  rnSdkVersion: () => string;
+}