Prevent 422 Insights Event - Autocomplete Click

[PromInc]

The Algolia event debugger shows error events with a 422 status code from Autocomplete click insights events due to a missing index field.

Summary
Bug Fix: Clicking a hit within the Autocomplete product section does not pass the index to the insights click event thus creating a 422 status code.

Result

1. Open the dev tools to the Network tab
2. Check the Preserve Log check box
3. Go to a page with the Algolia autcomplete box
4. Search for any term triggering the autocomplete results
5. Click on any hit (product) in the autocomplete dropdown
6. In the Network panel of the dev tools, select All and filter by insights.algolia.io
7. Look at the requests, viewing the Payload tab. Expand the Request Payload for an event where the eventType = click
   • If the bug is fixed, the index property with the correct index name as the value will be present

This change will use the data-index property that is defined by the templates from https://github.com/algolia/algoliasearch-magento-2/tree/main/view/frontend/web/js/template/autocomplete

Illustration of the issue

Error events in the Algolia Events Debugger

Illustration of the 422 status code occurring in the browser