@treely/strapi-slices 8.2.4 → 8.2.6

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]
@@ -5246,7 +5242,7 @@ var ProjectsMap = ({
       const bounds = new import_mapbox_gl.default.LngLatBounds([west, south], [east, north]);
       const center = bounds.getCenter();
       initialCenter = [center.lng, center.lat];
-      initialZoom = 6;
+      initialZoom = slice.defaultZoomLevel ?? 6;
     }
     map.current = new import_mapbox_gl.default.Map({
       container: mapContainer.current,
@@ -5254,25 +5250,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);
-      if (!(slice.defaultCenterCoordinates && slice.defaultZoomLevel)) {
-        const bbox = initialBboxRef.current || FALLBACK_BBOX;
-        const [west, south, east, north] = bbox.split(",").map(Number);
-        const bounds = new import_mapbox_gl.default.LngLatBounds([west, south], [east, north]);
-        map.current?.fitBounds(bounds, { padding: 20 });
-      }
-    });
-    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);
       }
@@ -5282,9 +5270,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]);
@@ -5313,12 +5309,11 @@ var ProjectsMap = ({
           if (map.current) {
             map.current.easeTo({
               center: [userLoc.lon, userLoc.lat],
-              zoom: 10,
+              zoom: slice.defaultZoomLevel ?? 10,
               duration: 1500
             });
             const buffer = 1;
             const bbox = `${userLoc.lon - buffer},${userLoc.lat - buffer},${userLoc.lon + buffer},${userLoc.lat + buffer}`;
-            initialBboxRef.current = bbox;
             fetchProjectsData(bbox);
           }
         },
@@ -5388,8 +5383,7 @@ var ProjectsMap = ({
           overflow: "hidden",
           boxShadow: ["md", null, null, "none"]
         }
-      ),
-      isLoading && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_boemly34.Box, { children: "Loading projects..." })
+      )
     ] })
   ] });
 };
@@ -8856,12 +8850,30 @@ var VARIANTS5 = {
   white: { backgroundColor: "white", titleColor: "primary.900" },
   gray: { backgroundColor: "primary.50", titleColor: "primary.900" }
 };
+var getMobileSize = (size) => {
+  const sizeMap = {
+    "7xl": "4xl",
+    "6xl": "3xl",
+    "5xl": "2xl",
+    "4xl": "xl",
+    "3xl": "lg",
+    "2xl": "md",
+    "xl": "sm",
+    "lg": "xs",
+    "md": "xs",
+    "sm": "xs",
+    "xs": "xs"
+  };
+  return sizeMap[size];
+};
 var HeroWithHighlights = ({
   slice
 }) => {
   const parts = parseTitle(slice.title);
   const variant = slice.variant || "white";
   const textAlign = slice.textAlign || "left";
+  const desktopSize = slice.headingSize || "3xl";
+  const mobileSize = getMobileSize(desktopSize);
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     import_boemly61.Box,
     {
@@ -8875,7 +8887,7 @@ var HeroWithHighlights = ({
           import_boemly61.Heading,
           {
             as: slice.headingLevel || "h1",
-            size: [slice.headingSize || "3xl"],
+            size: [mobileSize, desktopSize],
             color: VARIANTS5[variant].titleColor,
             lineHeight: "1.3",
             fontWeight: "600",
@@ -8936,7 +8948,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, {});
 };