fix: add override of here.js

Author: Stef-Rousset

app/packs/entrypoints/application.js

@@ -19,3 +19,4 @@
 // ActiveStorage.start()
 
 import "src/decidim/user_registration"
+import "src/decidim/geocoding/provider/here"

app/packs/src/decidim/geocoding/provider/here.js

@@ -0,0 +1,97 @@
+import "src/decidim/geocoding"
+import formatAddress from "src/decidim/geocoding/format_address"
+
+/**
+ * For the available address format keys, refer to:
+ * https://developer.here.com/documentation/geocoder-autocomplete/dev_guide/topics/resource-type-response-suggest.html
+ */
+$(() => {
+    const generateAddressLabel = formatAddress;
+
+    $("[data-decidim-geocoding]").each((_i, el) => {
+        const $input = $(el);
+        const config = $input.data("decidim-geocoding");
+        const queryMinLength = config.queryMinLength || 2;
+        const addressFormat = config.addressFormat || [
+            ["street", "houseNumber"],
+            "district",
+            "city",
+            "county",
+            "state",
+            "country"
+        ];
+        const language = $("html").attr("lang");
+        let currentSuggestionQuery = null;
+
+        if (!config.apiKey || config.apiKey.length < 1) {
+            return;
+        }
+
+        $input.on("geocoder-suggest.decidim", (_ev, query, callback) => {
+            clearTimeout(currentSuggestionQuery);
+
+            // Do not trigger API calls on short queries
+            if (`${query}`.trim().length < queryMinLength) {
+                return;
+            }
+            // Changes to the autocomplete api call based on:
+            // https://developer.here.com/documentation/geocoding-search-api/migration_guide/migration-geocoder/topics-api/autocomplete.html
+            currentSuggestionQuery = setTimeout(() => {
+                $.ajax({
+                    method: "GET",
+                    url: "https://autocomplete.search.hereapi.com/v1/autocomplete",
+                    data: {
+                        apiKey: config.apiKey,
+                        // eslint-disable-next-line
+                        q: query,
+                        lang: language
+                    },
+                    dataType: "json"
+                }).done((resp) => {
+                    if (resp.items) {
+                        return callback(resp.items.map((item) => {
+                            const label = generateAddressLabel(item.address, addressFormat);
+
+                            return {
+                                key: label,
+                                value: label,
+                                locationId: item.id
+                            }
+                        }));
+                    }
+                    return null;
+                });
+            }, 200);
+        });
+
+        $input.on("geocoder-suggest-select.decidim", (_ev, selectedItem) => {
+            $.ajax({
+                method: "GET",
+                url: "https://lookup.search.hereapi.com/v1/lookup",
+                data: {
+                    apiKey: config.apiKey,
+                    id: selectedItem.locationId
+                },
+                dataType: "json"
+            }).done((resp) => {
+                if (!resp || Object.keys(resp).length < 1
+                ) {
+                    return;
+                }
+                const position = resp.position;
+                if (!position || !position.lat || !position.lng) {
+                    return
+                }
+                const coordinates = [
+                    position.lat,
+                    position.lng
+                ];
+
+                $input.trigger(
+                    "geocoder-suggest-coordinates.decidim",
+                    [coordinates]
+                );
+            });
+        });
+    })
+})