react-native-radar 3.15.0 → 3.17.0

package/src/ui/images.js

@@ -1,5 +0,0 @@
-export const BACK_ICON = require('./back.png');
-export const SEARCH_ICON = require('./search.png');
-export const RADAR_LOGO = require('./radar-logo.png');
-export const MARKER_ICON = require('./marker.png');
-export const CLOSE_ICON = require('./close.png');

package/src/ui/map.jsx

@@ -1,122 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { View, Image } from 'react-native';
-import Radar from '../index.native';
-import { getHost, getPublishableKey } from '../helpers';
-import styles from './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 getHost();
-  const publishableKey = await getPublishableKey();
-  return `${host}/maps/styles/${style}?publishableKey=${publishableKey}`;
-};
-
-const RadarMap = ({ mapOptions, children }) => {
-  const [styleURL, setStyleURL] = useState(null);
-  const [userLocation, setUserLocation] = useState(null);
-
-  useEffect(() => {
-    createStyleURL(mapOptions?.mapStyle || DEFAULT_STYLE).then((result) => {
-      setStyleURL(result);
-    });
-  }, [mapOptions]);
-
-  useEffect(() => {
-    Radar.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 (
-    <View style={styles.mapContainer}>
-      <MapLibreGL.MapView
-        style={styles.map}
-        pitchEnabled={false}
-        compassEnabled={false}
-        logoEnabled={false}
-        attributionEnabled
-        onRegionDidChange={mapOptions?.onRegionDidChange ? mapOptions.onRegionDidChange : null}
-        styleURL={styleURL}
-      >
-        {userLocationMapIndicator}
-        {children}
-      </MapLibreGL.MapView>
-      <Image
-        source={require('./map-logo.png')}
-        style={styles.mapLogo}
-      />
-    </View>
-  );
-};
-
-export default RadarMap;

package/src/ui/styles.js

@@ -1,125 +0,0 @@
-import { StyleSheet } from 'react-native';
-
-const styles = 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',
-  },
-});
-
-export default styles;