react-native-radar 3.10.4-beta.1 → 3.10.4-beta.2

package/dist/src/ui/autocomplete.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -42,44 +31,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 // Autocomplete.js
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var index_native_1 = __importDefault(require("../index.native"));
-var images_1 = require("./images");
-var styles_1 = __importDefault(require("./styles"));
-var defaultAutocompleteOptions = {
+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
@@ -87,51 +49,38 @@ var defaultAutocompleteOptions = {
     showMarkers: true,
     disabled: false,
 };
-var autocompleteUI = function (_a) {
-    var _b = _a.options, options = _b === void 0 ? {} : _b;
-    var _c = (0, react_1.useState)(""), query = _c[0], setQuery = _c[1];
-    var _d = (0, react_1.useState)([]), results = _d[0], setResults = _d[1];
-    var _e = (0, react_1.useState)(false), isOpen = _e[0], setIsOpen = _e[1];
-    var animationValue = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current; // animation value
-    var timerRef = (0, react_1.useRef)(null);
-    var textInputRef = (0, react_1.useRef)(null);
-    var config = __assign(__assign({}, defaultAutocompleteOptions), options);
-    var style = config.style || {};
-    var fetchResults = (0, react_1.useCallback)(function (searchQuery) { return __awaiter(void 0, void 0, void 0, function () {
-        var limit, layers, countryCode, params, result, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (searchQuery.length < config.minCharacters)
-                        return [2 /*return*/];
-                    limit = config.limit, layers = config.layers, countryCode = config.countryCode;
-                    params = { query: searchQuery, limit: limit, layers: layers, countryCode: countryCode };
-                    if (config.near && config.near.latitude && config.near.longitude) {
-                        params.near = config.near;
-                    }
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, index_native_1.default.autocomplete(params)];
-                case 2:
-                    result = _a.sent();
-                    if (config.onResults && typeof config.onResults === "function") {
-                        config.onResults(result.addresses);
-                    }
-                    setResults(result.addresses);
-                    setIsOpen(true);
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _a.sent();
-                    if (config.onError && typeof config.onError === "function") {
-                        config.onError(error_1);
-                    }
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
+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 = Object.assign(Object.assign({}, defaultAutocompleteOptions), options);
+    const style = config.style || {};
+    const fetchResults = (0, react_1.useCallback)((searchQuery) => __awaiter(void 0, void 0, void 0, function* () {
+        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 = yield 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]);
-    var handleInput = (0, react_1.useCallback)(function (text) {
+        }
+    }), [config]);
+    const handleInput = (0, react_1.useCallback)((text) => {
         setQuery(text);
         // Clear the existing timer
         if (timerRef.current) {
@@ -141,18 +90,18 @@ var autocompleteUI = function (_a) {
             return;
         }
         // Set the new timer
-        timerRef.current = setTimeout(function () {
+        timerRef.current = setTimeout(() => {
             fetchResults(text);
         }, config.debounceMS);
     }, [config, fetchResults]);
-    var handleSelect = function (item) {
+    const handleSelect = (item) => {
         setQuery(item.formattedAddress);
         setIsOpen(false);
         if (typeof config.onSelection === "function") {
             config.onSelection(item);
         }
     };
-    var renderFooter = function () {
+    const renderFooter = () => {
         if (results.length === 0)
             return null;
         return (<react_native_1.View style={styles.footerContainer}>
@@ -162,17 +111,13 @@ var autocompleteUI = function (_a) {
         </react_native_1.View>
       </react_native_1.View>);
     };
-    var renderItem = function (_a) {
-        var _b;
-        var item = _a.item;
-        return (<react_native_1.Pressable style={function (_a) {
-                var pressed = _a.pressed;
-                return [
-                    __assign(__assign({}, styles.resultItem), { backgroundColor: pressed
-                            ? styles.resultItem.pressedBackgroundColor
-                            : styles.resultItem.backgroundColor }),
-                ];
-            }} onPress={function () { return handleSelect(item); }}>
+    const renderItem = ({ item }) => {
+        var _a;
+        return (<react_native_1.Pressable style={({ pressed }) => [
+                Object.assign(Object.assign({}, 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}
@@ -182,14 +127,14 @@ var autocompleteUI = function (_a) {
             {item.addressLabel || (item === null || item === void 0 ? void 0 : item.placeLabel)}
           </react_native_1.Text>
           {(item === null || item === void 0 ? void 0 : item.formattedAddress.length) > 0 && (<react_native_1.Text numberOfLines={1} style={styles.addressSubtext}>
-              {(_b = item === null || item === void 0 ? void 0 : item.formattedAddress) === null || _b === void 0 ? void 0 : _b.replace("".concat((item === null || item === void 0 ? void 0 : item.addressLabel) || (item === null || item === void 0 ? void 0 : item.placeLabel), ", "), "")}
+              {(_a = item === null || item === void 0 ? void 0 : item.formattedAddress) === null || _a === void 0 ? void 0 : _a.replace(`${(item === null || item === void 0 ? void 0 : item.addressLabel) || (item === null || item === void 0 ? void 0 : item.placeLabel)}, `, "")}
             </react_native_1.Text>)}
         </react_native_1.View>
       </react_native_1.View>
     </react_native_1.Pressable>);
     };
-    var styles = __assign(__assign({}, 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(__assign(__assign({}, 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)(function () {
+    const styles = Object.assign(Object.assign({}, 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(Object.assign(Object.assign({}, 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,
@@ -197,61 +142,59 @@ var autocompleteUI = function (_a) {
             useNativeDriver: false,
         }).start();
     }, [isOpen]);
-    var screenHeight = react_native_1.Dimensions.get("window").height;
-    var inputHeight = animationValue.interpolate({
+    const screenHeight = react_native_1.Dimensions.get("window").height;
+    const inputHeight = animationValue.interpolate({
         inputRange: [0, 1],
         outputRange: [40, screenHeight],
     });
-    var modalOpacity = animationValue.interpolate({
+    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={function () {
+        <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(function () {
+            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={function () {
+          <react_native_1.TextInput style={styles.input} onFocus={() => {
             setIsOpen(true);
-            setTimeout(function () {
+            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={function () { return setIsOpen(false); }}>
+      <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={function () {
+                <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={function () {
+                <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={function () {
+                <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={function () {
+                  <react_native_1.FlatList style={styles.resultList} data={results} onScroll={() => {
                 textInputRef.current.blur();
                 react_native_1.Keyboard.dismiss();
-            }} keyboardShouldPersistTaps="handled" renderItem={renderItem} keyExtractor={function (item) {
-                return item.formattedAddress + item.postalCode;
-            }}/>
+            }} keyboardShouldPersistTaps="handled" renderItem={renderItem} keyExtractor={(item) => item.formattedAddress + item.postalCode}/>
                   {renderFooter()}
                 </react_native_1.View>)}
             </react_native_1.KeyboardAvoidingView>

package/dist/src/ui/map.js

@@ -31,78 +31,38 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var index_native_1 = __importDefault(require("../index.native"));
-var helpers_1 = require("../helpers");
-var styles_1 = __importDefault(require("./styles"));
-var MapLibreGL;
+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;
 }
-var DEFAULT_STYLE = 'radar-default-v1';
-var createStyleURL = function (style) {
-    if (style === void 0) { style = DEFAULT_STYLE; }
-    return __awaiter(void 0, void 0, void 0, function () {
-        var host, publishableKey;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, (0, helpers_1.getHost)()];
-                case 1:
-                    host = _a.sent();
-                    return [4 /*yield*/, (0, helpers_1.getPublishableKey)()];
-                case 2:
-                    publishableKey = _a.sent();
-                    return [2 /*return*/, "".concat(host, "/maps/styles/").concat(style, "?publishableKey=").concat(publishableKey)];
-            }
-        });
-    });
-};
-var RadarMap = function (_a) {
-    var mapOptions = _a.mapOptions, children = _a.children;
-    var _b = (0, react_1.useState)(null), styleURL = _b[0], setStyleURL = _b[1];
-    var _c = (0, react_1.useState)(null), userLocation = _c[0], setUserLocation = _c[1];
-    (0, react_1.useEffect)(function () {
-        createStyleURL((mapOptions === null || mapOptions === void 0 ? void 0 : mapOptions.mapStyle) || DEFAULT_STYLE).then(function (result) {
+const DEFAULT_STYLE = 'radar-default-v1';
+const createStyleURL = (style = DEFAULT_STYLE) => __awaiter(void 0, void 0, void 0, function* () {
+    const host = yield (0, helpers_1.getHost)();
+    const publishableKey = yield (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 === null || mapOptions === void 0 ? void 0 : mapOptions.mapStyle) || DEFAULT_STYLE).then((result) => {
             setStyleURL(result);
         });
     }, [mapOptions]);
-    (0, react_1.useEffect)(function () {
-        index_native_1.default.getLocation().then(function (result) {
+    (0, react_1.useEffect)(() => {
+        index_native_1.default.getLocation().then((result) => {
             var _a, _b;
             if (((_a = result === null || result === void 0 ? void 0 : result.location) === null || _a === void 0 ? void 0 : _a.latitude) && ((_b = result === null || result === void 0 ? void 0 : result.location) === null || _b === void 0 ? void 0 : _b.longitude)) {
                 setUserLocation({
@@ -110,9 +70,9 @@ var RadarMap = function (_a) {
                     longitude: result.location.longitude,
                 });
             }
-        }).catch(function (err) {
+        }).catch((err) => {
             // eslint-disable-next-line no-console
-            console.warn("Radar SDK: Failed to get location: ".concat(err));
+            console.warn(`Radar SDK: Failed to get location: ${err}`);
         });
     }, [mapOptions]);
     if (!styleURL) {
@@ -121,7 +81,7 @@ var RadarMap = function (_a) {
     if (!MapLibreGL) {
         return null;
     }
-    var geoJSONUserLocation = {
+    const geoJSONUserLocation = {
         type: 'FeatureCollection',
         features: (userLocation === null || userLocation === void 0 ? void 0 : userLocation.longitude) !== undefined ? [
             {
@@ -133,7 +93,7 @@ var RadarMap = function (_a) {
             },
         ] : [],
     };
-    var userLocationMapIndicator = (<MapLibreGL.ShapeSource id="user-location" shape={geoJSONUserLocation}>
+    const userLocationMapIndicator = (<MapLibreGL.ShapeSource id="user-location" shape={geoJSONUserLocation}>
       <MapLibreGL.CircleLayer id="user-location-inner" style={{
             circleRadius: 15,
             circleColor: '#000257',

package/dist/src/ui/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_native_1 = require("react-native");
-var styles = react_native_1.StyleSheet.create({
+const react_native_1 = require("react-native");
+const styles = react_native_1.StyleSheet.create({
     container: {
         width: '100%',
         height: '100%',

package/ios/RNRadar.m

@@ -99,7 +99,8 @@ RCT_EXPORT_MODULE();
 }
 
 RCT_EXPORT_METHOD(initialize:(NSString *)publishableKey fraud:(BOOL)fraud) {
-    [Radar initializeWithPublishableKey:publishableKey];
+    [Radar initializeWithPublishableKey:publishableKey]; 
+    [[NSUserDefaults standardUserDefaults] setObject:@"3.10.4-beta.2" forKey:@"radar-xPlatformSDKVersion"];
 }
 
 RCT_EXPORT_METHOD(setLogLevel:(NSString *)level) {

package/package.json

@@ -3,7 +3,7 @@
   "description": "React Native module for Radar, the leading geofencing and location tracking platform",
   "homepage": "https://radar.com",
   "license": "Apache-2.0",
-  "version": "3.10.4-beta.1",
+  "version": "3.10.4-beta.2",
   "main": "dist/src/index.js",
   "files": [
     "android",

package/src/@types/RadarNativeInterface.ts

@@ -37,7 +37,7 @@ import {
 } from "./types";
 
 export interface RadarNativeInterface {
-  initialize: (publishableKey: string, fraud: boolean) => void;
+  initialize: (publishableKey: string, fraud?: boolean) => void;
   setLogLevel: (level: RadarLogLevel) => void;
   setUserId: (userId: string) => void;
   getUserId: () => Promise<string>;

package/src/@types/types.ts

@@ -1,3 +1,5 @@
+import { Platform } from 'react-native';
+
 export type RadarMetadata = Record<string, string | number | boolean>;
 
 export interface RadarTrackOnceOptions {
@@ -40,6 +42,150 @@ export interface RadarTrackingOptions {
   foregroundServiceEnabled?: boolean;
 }
 
+
+
+export const presetContinuousIOS: RadarTrackingOptions = {
+  desiredStoppedUpdateInterval: 30,
+  desiredMovingUpdateInterval: 30,
+  desiredSyncInterval: 20,
+  desiredAccuracy:'high',
+  stopDuration: 140,
+  stopDistance: 70,
+  replay: 'none',
+  useStoppedGeofence: false,
+  showBlueBar: true,
+  startTrackingAfter: undefined,
+  stopTrackingAfter: undefined,
+  stoppedGeofenceRadius: 0,
+  useMovingGeofence: false,
+  movingGeofenceRadius: 0,
+  syncGeofences: true,
+  useVisits: false,
+  useSignificantLocationChanges: false,
+  beacons: false,
+  sync: 'all',
+};
+
+export const presetContinuousAndroid: RadarTrackingOptions = {
+  desiredStoppedUpdateInterval: 30,
+  fastestStoppedUpdateInterval: 30,
+  desiredMovingUpdateInterval: 30,
+  fastestMovingUpdateInterval: 30,
+  desiredSyncInterval: 20,
+  desiredAccuracy: 'high',
+  stopDuration: 140,
+  stopDistance: 70,
+  replay: 'none',
+  sync: 'all',
+  useStoppedGeofence: false,
+  stoppedGeofenceRadius: 0,
+  useMovingGeofence: false,
+  movingGeofenceRadius: 0,
+  syncGeofences: true,
+  syncGeofencesLimit: 0,
+  foregroundServiceEnabled: true,
+  beacons: false,
+  startTrackingAfter: undefined,
+  stopTrackingAfter: undefined,
+};
+
+export const presetContinuous: RadarTrackingOptions = Platform.OS === 'ios' ? presetContinuousIOS : presetContinuousAndroid;
+
+export const presetResponsiveIOS: RadarTrackingOptions = {
+  desiredStoppedUpdateInterval: 0,
+  desiredMovingUpdateInterval: 150,
+  desiredSyncInterval: 20,
+  desiredAccuracy:'medium',
+  stopDuration: 140,
+  stopDistance: 70,
+  replay: 'stops',
+  useStoppedGeofence: true,
+  showBlueBar: false,
+  startTrackingAfter: undefined,
+  stopTrackingAfter: undefined,
+  stoppedGeofenceRadius: 100,
+  useMovingGeofence: true,
+  movingGeofenceRadius: 100,
+  syncGeofences: true,
+  useVisits: true,
+  useSignificantLocationChanges: true,
+  beacons: false,
+  sync: 'all',
+};
+
+export const presetResponsiveAndroid: RadarTrackingOptions = {
+  desiredStoppedUpdateInterval: 0,
+  fastestStoppedUpdateInterval: 0,
+  desiredMovingUpdateInterval: 150,
+  fastestMovingUpdateInterval: 30,
+  desiredSyncInterval: 20,
+  desiredAccuracy:"medium",
+  stopDuration: 140,
+  stopDistance: 70,
+  replay: 'stops',
+  sync: 'all',
+  useStoppedGeofence: true,
+  stoppedGeofenceRadius: 100,
+  useMovingGeofence: true,
+  movingGeofenceRadius: 100,
+  syncGeofences: true,
+  syncGeofencesLimit: 10,
+  foregroundServiceEnabled: false,
+  beacons: false,
+  startTrackingAfter: undefined,
+  stopTrackingAfter: undefined,
+};
+
+export const presetResponsive: RadarTrackingOptions = Platform.OS === 'ios' ? presetResponsiveIOS : presetResponsiveAndroid;
+
+export const presetEfficientIOS: RadarTrackingOptions = {
+  desiredStoppedUpdateInterval: 0,
+  desiredMovingUpdateInterval: 0,
+  desiredSyncInterval: 0,
+  desiredAccuracy: "medium",
+  stopDuration: 0,
+  stopDistance: 0,
+  replay: 'stops',
+  useStoppedGeofence: false,
+  showBlueBar: false,
+  startTrackingAfter: undefined,
+  stopTrackingAfter: undefined,
+  stoppedGeofenceRadius: 0,
+  useMovingGeofence: false,
+  movingGeofenceRadius: 0,
+  syncGeofences: true,
+  useVisits: true,
+  useSignificantLocationChanges: false,
+  beacons: false,
+  sync: 'all',
+};
+
+export const presetEfficientAndroid: RadarTrackingOptions = {
+  desiredStoppedUpdateInterval: 3600,
+  fastestStoppedUpdateInterval: 1200,
+  desiredMovingUpdateInterval: 1200,
+  fastestMovingUpdateInterval: 360,
+  desiredSyncInterval: 140,
+  desiredAccuracy: 'medium',
+  stopDuration: 140,
+  stopDistance: 70,
+  replay: 'stops',
+  sync: 'all',
+  useStoppedGeofence: false,
+  stoppedGeofenceRadius: 0,
+  useMovingGeofence: false,
+  movingGeofenceRadius: 0,
+  syncGeofences: true,
+  syncGeofencesLimit: 10,
+  foregroundServiceEnabled: false,
+  beacons: false,
+  startTrackingAfter: undefined,
+  stopTrackingAfter: undefined,
+};
+
+export const presetEfficient: RadarTrackingOptions = Platform.OS === 'ios' ? presetEfficientIOS : presetEfficientAndroid;
+
+
 export interface RadarMockTrackingOptions {
   origin: Location;
   destination: Location;
@@ -584,6 +730,8 @@ export interface RadarTrackingOptionsForegroundService {
   importance?: number;
   id?: number;
   channelName?: string;
+  iconString?: string;
+  iconColor?: string;
 }
 
 export type RadarTripStatus =

package/src/index.native.ts

@@ -47,6 +47,7 @@ if (
 }
 
 const eventEmitter = new NativeEventEmitter(NativeModules.RNRadar);
+
 const initialize = (publishableKey: string, fraud: boolean = false): void => {
   NativeModules.RNRadar.initialize(publishableKey, fraud);
 };