React-native-google-places-autocomplete: Question: what about new billing across Google Places API?

[imarem]

What about new billing across Google Places? How it affect in this plugin?

Is there any way like Per session (sessionToken), to minimize these costs?

Thanks in advance

[alexpopa-work]

It will affect it as any other website or app. The component is making http requests using your api key, so you get billed if the limit is reached.

[marconucara]

It would be great to have an option to enable sessionToken.

Last paragraph in this page explains how to implement it, it's very easy:
https://cloud.google.com/maps-platform/user-guide/pricing-changes
And you should also reset the token on selection.

EDIT: I just got that this library does not use javascript api but web api. Even simpler we can handle sessiontoken as query params, without modification. I just successfully implemented it using uuid v4 as suggested.

[guilhermepontes]

PRs are welcome

[ollieh-m]

Hi @marconucara,
Could you give an example of how you added the sessionToken to autocomplete requests?
Would be really appreciated!

[marconucara]

Just create an access token using uuid v4, as suggested by google documentation:

const createPlacesAutocompleteSessionToken = (a) => {
  return a
    ? (a ^ Math.random() * 16 >> a / 4).toString(16)
    : ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, createPlacesAutocompleteSessionToken);
};

I do that on componentDidMount and probably you should refresh it on suggestion select (I destroy the component on select, so I don't need that):

this.placesAutocompleteToken = createPlacesAutocompleteSessionToken()

Then pass it in query prop:

query={{
  ...,
  sessiontoken: this.placesAutocompleteToken,
}}

Check the api call in network tab, the token will appear.

[ollieh-m]

Great, and thanks for such a quick response!

[imarem]

thanks @marconucara

Really helpful!!

[paras-kc]

what is this a parameter a in the function

[SnidelyWhiplash]

Heads up that you also need to pass the sessiontoken in the Details query for any of this to have an effect, afaik.

```
query={{
...,
sessiontoken: this.placesAutocompleteToken,
}}
GooglePlacesDetailsQuery={{
...,
sessiontoken: this.placesAutocompleteToken,
}}