@timardex/cluemart-shared 1.3.65 → 1.3.67

package/dist/hooks/index.cjs

@@ -66,13 +66,31 @@ var useLocationSearch = (googleApi) => {
   const getPredictions = async (text) => {
     try {
       const response = await fetch(
-        `https://maps.googleapis.com/maps/api/place/autocomplete/json?input=${text}&components=country:nz&key=${googleApi}`
+        "https://places.googleapis.com/v1/places:autocomplete",
+        {
+          body: JSON.stringify({
+            includedRegionCodes: ["nz"],
+            input: text,
+            languageCode: "en"
+          }),
+          headers: {
+            "Content-Type": "application/json",
+            "X-Goog-Api-Key": googleApi,
+            "X-Goog-FieldMask": "suggestions.placePrediction.placeId,suggestions.placePrediction.text.text"
+          },
+          method: "POST"
+        }
       );
       if (!response.ok) {
         throw new Error(`HTTP error! Status: ${response.status}`);
       }
       const data = await response.json();
-      return data.predictions;
+      const suggestions = data.suggestions ?? [];
+      const predictions = suggestions.map((suggestion) => suggestion.placePrediction).filter(Boolean).map((prediction) => ({
+        description: prediction?.text?.text || "",
+        place_id: prediction?.placeId || ""
+      })).filter((prediction) => prediction.place_id && prediction.description);
+      return predictions;
     } catch (error) {
       console.error("Error fetching predictions:", error);
       handleApiError(error, "Failed to fetch address predictions.");
@@ -81,42 +99,47 @@ var useLocationSearch = (googleApi) => {
   const getPlaceDetails = async (placeId) => {
     try {
       const response = await fetch(
-        `https://maps.googleapis.com/maps/api/place/details/json?place_id=${placeId}&key=${googleApi}`
+        `https://places.googleapis.com/v1/places/${placeId}`,
+        {
+          headers: {
+            "X-Goog-Api-Key": googleApi,
+            "X-Goog-FieldMask": "addressComponents,formattedAddress,location"
+          }
+        }
       );
       if (!response.ok) {
         throw new Error(`HTTP error! Status: ${response.status}`);
       }
-      const data = await response.json();
-      const { result } = data;
-      const { lat, lng } = result.geometry.location;
-      const { address_components, formatted_address } = result;
-      const address = address_components.reduce((acc, item) => {
+      const result = await response.json();
+      const { latitude, longitude } = result.location;
+      const { addressComponents, formattedAddress } = result;
+      const address = addressComponents.reduce((acc, item) => {
         if (item.types.includes("street_number")) {
-          return { ...acc, streetNumber: item.long_name };
+          return { ...acc, streetNumber: item.longText };
         }
         if (item.types.includes("route")) {
-          return { ...acc, streetName: item.long_name };
+          return { ...acc, streetName: item.longText };
         }
         if (item.types.includes("locality")) {
-          return { ...acc, city: item.long_name };
+          return { ...acc, city: item.longText };
         }
         if (item.types.includes("administrative_area_level_1")) {
-          return { ...acc, region: item.long_name };
+          return { ...acc, region: item.longText };
         }
         if (item.types.includes("country")) {
-          return { ...acc, country: item.long_name };
+          return { ...acc, country: item.longText };
         }
         return acc;
       }, {});
       const newLocation = {
-        city: address.city.toLowerCase(),
-        coordinates: [lng, lat],
+        city: address.city ? address.city.toLowerCase() : "",
+        coordinates: [longitude, latitude],
         // [longitude, latitude]
         country: address.country,
-        fullAddress: formatted_address,
-        latitude: lat,
-        longitude: lng,
-        region: address.region.replace(/ Region$/, ""),
+        fullAddress: formattedAddress,
+        latitude,
+        longitude,
+        region: address.region ? address.region.replace(/ Region$/, "") : "",
         // Remove " Region" suffix
         type: "Point"
         // Mongoose GeoJSON type