@treely/strapi-slices 8.2.5 → 8.2.7

package/dist/index.cjs

@@ -4941,7 +4941,6 @@ var ProjectsMap = ({
   const map = (0, import_react34.useRef)(null);
   const animationIntervalRef = (0, import_react34.useRef)(null);
   const [featureCollection, setFeatureCollection] = (0, import_react34.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react34.useState)(false);
   const initialBboxRef = (0, import_react34.useRef)(null);
   const [isMapReady, setIsMapReady] = (0, import_react34.useState)(false);
   const [strapiProjects, setStrapiProjects] = (0, import_react34.useState)(null);
@@ -4964,15 +4963,12 @@ var ProjectsMap = ({
   }, [locale, strapiProjects]);
   const fetchProjectsData = (0, import_react34.useCallback)(
     async (bbox) => {
-      setIsLoading(true);
       try {
         const fpmData = await getFpmProjectsByBbox_default(bbox);
         const mergedData = strapiProjects ? mergeProjectData_default(fpmData, strapiProjects) : fpmData;
         setFeatureCollection(mergedData);
       } catch (error) {
         console.error("Error fetching projects:", error);
-      } finally {
-        setIsLoading(false);
       }
     },
     [strapiProjects]
@@ -4990,7 +4986,11 @@ var ProjectsMap = ({
     [fetchProjectsData, isBboxContained]
   );
   const addProjectsLayer = (0, import_react34.useCallback)(() => {
-    if (!map.current || !featureCollection || !map.current.isStyleLoaded()) {
+    if (!map.current || !featureCollection) {
+      return;
+    }
+    if (!map.current.isStyleLoaded()) {
+      setTimeout(() => addProjectsLayer(), 100);
       return;
     }
     const filteredFeatureCollection = {
@@ -5229,7 +5229,7 @@ var ProjectsMap = ({
     } else {
       source.setData(filteredFeatureCollection);
     }
-  }, [featureCollection, locale, formatMessage]);
+  }, [featureCollection, formatMessage]);
   (0, import_react34.useEffect)(() => {
     if (map.current || !mapContainer.current) return;
     let initialCenter;
@@ -5254,19 +5254,17 @@ var ProjectsMap = ({
       center: initialCenter,
       zoom: initialZoom,
       maxZoom: MAPBOX_MAX_ZOOM,
-      minZoom: slice.minZoomLevel
+      minZoom: slice.minZoomLevel,
+      cooperativeGestures: true
     });
     map.current.addControl(new import_mapbox_gl.default.NavigationControl(), "top-right");
     map.current.on("load", () => {
-      setIsMapReady(true);
-    });
-    map.current.on("moveend", () => {
-      if (initialBboxRef.current) {
-        debouncedUpdateBbox();
+      if (map.current?.getLayer("road-number-shield")) {
+        map.current?.setLayoutProperty("road-number-shield", "visibility", "none");
       }
+      setIsMapReady(true);
     });
     return () => {
-      debouncedUpdateBbox.cancel();
       if (animationIntervalRef.current) {
         clearInterval(animationIntervalRef.current);
       }
@@ -5276,9 +5274,17 @@ var ProjectsMap = ({
   }, [
     slice.defaultCenterCoordinates,
     slice.defaultZoomLevel,
-    slice.minZoomLevel,
-    debouncedUpdateBbox
+    slice.minZoomLevel
   ]);
+  (0, import_react34.useEffect)(() => {
+    if (!map.current || !isMapReady) return;
+    const currentMap = map.current;
+    currentMap.on("moveend", debouncedUpdateBbox);
+    return () => {
+      debouncedUpdateBbox.cancel();
+      currentMap.off("moveend", debouncedUpdateBbox);
+    };
+  }, [isMapReady, debouncedUpdateBbox]);
   (0, import_react34.useEffect)(() => {
     fetchStrapiData();
   }, [fetchStrapiData]);
@@ -5312,6 +5318,7 @@ var ProjectsMap = ({
             });
             const buffer = 1;
             const bbox = `${userLoc.lon - buffer},${userLoc.lat - buffer},${userLoc.lon + buffer},${userLoc.lat + buffer}`;
+            initialBboxRef.current = bbox;
             fetchProjectsData(bbox);
           }
         },
@@ -5329,7 +5336,7 @@ var ProjectsMap = ({
     fetchProjectsData
   ]);
   (0, import_react34.useEffect)(() => {
-    if (isMapReady && featureCollection && map.current?.isStyleLoaded()) {
+    if (isMapReady && featureCollection) {
       addProjectsLayer();
     }
   }, [isMapReady, featureCollection, addProjectsLayer]);
@@ -5381,8 +5388,7 @@ var ProjectsMap = ({
           overflow: "hidden",
           boxShadow: ["md", null, null, "none"]
         }
-      ),
-      isLoading && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_boemly34.Box, { children: "Loading projects..." })
+      )
     ] })
   ] });
 };
@@ -8947,7 +8953,7 @@ var Redirect = ({ slice }) => {
       router.asPath,
       router.query
     );
-    router.replace(redirectUrl);
+    window.location.replace(redirectUrl);
   }, [slice.url, router]);
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, {});
 };