get google maps place by autocomplete

get-google-maps-place-by-autocomplete.ts

import Qs from 'qs';
import {GOOGLE_MAPS_API_KEY} from 'react-native-dotenv';

export const getGoogleMapsPlaceByAutocomplete = (
  place: string,
): Promise<{
  data?: {
    predictions: Array<{
      description: string;
      place_id: string;
      types: Array<string>;
    }>;
  };
  error?: string;
}> =>
  new Promise(res => {
    try {
      const request = new XMLHttpRequest();

      request.open(
        'GET',
        `https://maps.googleapis.com/maps/api/place/autocomplete/json?input=` +
          encodeURIComponent(place) +
          '&' +
          Qs.stringify({
            key: GOOGLE_MAPS_API_KEY,
            language: 'en',
            types: 'geocode',
          }),
      );

      request.send();

      request.onreadystatechange = () => {
        if (request.readyState !== 4) return;

        if (request.status !== 200)
          res({error: 'status: ' + request.status.toString()});

        const responseJSON = JSON.parse(request.responseText);

        if (responseJSON.status === 'ZERO_RESULTS') res({data: undefined});
        if (responseJSON.status === 'OK') res({data: responseJSON});

        res({error: responseJSON.status});
      };
    } catch (e) {
      console.warn('google places autocomplete catch: ' + e);
      res({error: String(e)});
    }
  });