Autocomplete / onSubmit / QueryID

[prestarocket]

Discussed in #937

^{Originally posted by prestarocket April 6, 2022}
i use onSubmit event to redirect users to a new page with search results.
like :

onSubmit({ state }) {
                window.location.href = `${prestashop.urls.pages.search}?s=${state.query}`
            },

I can t find a way to pass QueryId in the new location.href.

[francoischalifour]

Where's your QueryId coming from? Can you please provide a reproduction in this Autocomplete sandbox? Thanks

[prestarocket]

thx @francoischalifour : https://codesandbox.io/s/stupefied-newton-rns2o2?file=/app.js

[sarahdayan]

Hey @prestarocket, what does the queryID you're mentioning referring to? Is it the Algolia queryID?

If yes, this information is available in the search response, but you need to enable clickAnalytics first in you getAlgoliaResults call. Than, you can use transformResponse to perform a side-effect once results are retrieved, and store the queryID in context. This will allow you to later access it from the state in onSubmit.

Here's a working example: https://codesandbox.io/s/vigorous-breeze-qvdtjo?file=/app.js

Does it work for you?

[alexbonhomme]

Hey!

Thx @sarahdayan for your reply!

Actually, we use fetchAlgoliaResults instead of getAlgoliaResults, so I've have kept your logic and called setContext in getItems instead.

It works very well 👌

See ya

[prestarocket]

thx @sarahdayan !

[sarahdayan]

@alexbonhomme I would recommend against using fetchAlgoliaResults, it's exported for internal usage but isn't part of the public API. We may change it in a breaking way in a minor or patch, which could break your implementation.