@mamrp/components 1.7.55 → 1.7.56

package/dist/index.mjs

@@ -6223,6 +6223,10 @@ function MapLocationPicker({
   const [showGpsDialog, setShowGpsDialog] = useState17(false);
   const [gpsErrorType, setGpsErrorType] = useState17("other");
   const [zoom, setZoom] = useState17(defaultZoom);
+  const hasExistingLocation = latitude !== null && longitude !== null;
+  const initialLat = hasExistingLocation ? latitude : defaultLat;
+  const initialLng = hasExistingLocation ? longitude : defaultLng;
+  const initialZoom = hasExistingLocation ? 17 : defaultZoom;
   useEffect12(() => {
     if (!document.getElementById("leaflet-css")) {
       const link = document.createElement("link");
@@ -6242,39 +6246,10 @@ function MapLocationPicker({
     return () => {
       if (mapInstanceRef.current) {
         mapInstanceRef.current.remove();
+        mapInstanceRef.current = null;
       }
     };
   }, []);
-  useEffect12(() => {
-    if (!mapInstanceRef.current) return;
-    if (latitude === null || longitude === null) {
-      if (markerRef.current) {
-        markerRef.current.remove();
-        markerRef.current = null;
-      }
-      return;
-    }
-    const currentLat = latitude ?? defaultLat;
-    const currentLng = longitude ?? defaultLng;
-    const L = window.L;
-    if (!markerRef.current) {
-      markerRef.current = L.marker([currentLat, currentLng], {
-        draggable: true
-      }).addTo(mapInstanceRef.current);
-      markerRef.current.on("dragend", async (e) => {
-        const { lat, lng } = e.target.getLatLng();
-        handleLocationChange(lat, lng);
-        if (handleAddressChange) {
-          setIsGeocoding(true);
-          const address = await reverseGeocode(lat, lng);
-          handleAddressChange(address);
-          setIsGeocoding(false);
-        }
-      });
-    } else {
-      markerRef.current.setLatLng([currentLat, currentLng]);
-    }
-  }, [latitude, longitude, handleAddressChange, defaultLat, defaultLng]);
   const reverseGeocode = async (lat, lng) => {
     try {
       const response = await fetch(
@@ -6292,12 +6267,10 @@ function MapLocationPicker({
   const initializeMap = () => {
     if (!window.L || !mapRef.current || mapInstanceRef.current) return;
     const L = window.L;
-    const initialLat = latitude ?? defaultLat;
-    const initialLng = longitude ?? defaultLng;
     const map = L.map(mapRef.current, {
       attributionControl: false,
       minZoom
-    }).setView([initialLat, initialLng], zoom);
+    }).setView([initialLat, initialLng], initialZoom);
     L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
       attribution: "\xA9 OpenStreetMap contributors",
       maxZoom
@@ -6305,11 +6278,11 @@ function MapLocationPicker({
     map.on("zoomend", () => {
       setZoom(map.getZoom());
     });
-    if (latitude !== null && longitude !== null) {
-      const marker = L.marker([initialLat, initialLng], {
+    if (hasExistingLocation) {
+      markerRef.current = L.marker([initialLat, initialLng], {
         draggable: true
       }).addTo(map);
-      marker.on("dragend", async (e) => {
+      markerRef.current.on("dragend", async (e) => {
         const { lat, lng } = e.target.getLatLng();
         handleLocationChange(lat, lng);
         if (handleAddressChange) {
@@ -6319,15 +6292,13 @@ function MapLocationPicker({
           setIsGeocoding(false);
         }
       });
-      markerRef.current = marker;
     }
     map.on("click", async (e) => {
       const { lat, lng } = e.latlng;
       if (!markerRef.current) {
-        const L2 = window.L;
-        markerRef.current = L2.marker([lat, lng], {
-          draggable: true
-        }).addTo(map);
+        markerRef.current = L.marker([lat, lng], { draggable: true }).addTo(
+          map
+        );
         markerRef.current.on("dragend", async (dragEvent) => {
           const { lat: dragLat, lng: dragLng } = dragEvent.target.getLatLng();
           handleLocationChange(dragLat, dragLng);
@@ -6351,6 +6322,37 @@ function MapLocationPicker({
     });
     mapInstanceRef.current = map;
   };
+  useEffect12(() => {
+    if (!mapInstanceRef.current || !mapRef.current) return;
+    const L = window.L;
+    if (latitude === null || longitude === null) {
+      if (markerRef.current) {
+        markerRef.current.remove();
+        markerRef.current = null;
+      }
+      return;
+    }
+    if (!markerRef.current) {
+      markerRef.current = L.marker([latitude, longitude], {
+        draggable: true
+      }).addTo(mapInstanceRef.current);
+      markerRef.current.on("dragend", async (e) => {
+        const { lat, lng } = e.target.getLatLng();
+        handleLocationChange(lat, lng);
+        if (handleAddressChange) {
+          setIsGeocoding(true);
+          const address = await reverseGeocode(lat, lng);
+          handleAddressChange(address);
+          setIsGeocoding(false);
+        }
+      });
+    } else {
+      markerRef.current.setLatLng([latitude, longitude]);
+    }
+    mapInstanceRef.current.setView([latitude, longitude], zoom, {
+      animate: true
+    });
+  }, [latitude, longitude]);
   const checkGeolocationSupport = () => {
     if (!navigator.geolocation) {
       toast2.error("\u0645\u0631\u0648\u0631\u06AF\u0631 \u0634\u0645\u0627 \u0627\u0632 \u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC \u0646\u0645\u06CC\u200C\u06A9\u0646\u062F.");
@@ -6359,9 +6361,7 @@ function MapLocationPicker({
     return true;
   };
   const handleCurrentLocation = async () => {
-    if (!checkGeolocationSupport() || !mapInstanceRef.current) {
-      return;
-    }
+    if (!checkGeolocationSupport() || !mapInstanceRef.current) return;
     if (navigator.permissions) {
       try {
         const permissionStatus = await navigator.permissions.query({
@@ -6372,8 +6372,7 @@ function MapLocationPicker({
           setShowGpsDialog(true);
           return;
         }
-      } catch (error2) {
-        console.log("Permissions API not available");
+      } catch {
       }
     }
     setIsGeolocating(true);
@@ -6393,9 +6392,9 @@ function MapLocationPicker({
         const L = window.L;
         handleLocationChange(lat, lng);
         if (!markerRef.current) {
-          markerRef.current = L.marker([lat, lng], {
-            draggable: true
-          }).addTo(map);
+          markerRef.current = L.marker([lat, lng], { draggable: true }).addTo(
+            map
+          );
           markerRef.current.on("dragend", async (e) => {
             const { lat: dragLat, lng: dragLng } = e.target.getLatLng();
             handleLocationChange(dragLat, dragLng);
@@ -6409,7 +6408,7 @@ function MapLocationPicker({
         } else {
           markerRef.current.setLatLng([lat, lng]);
         }
-        map.setView([lat, lng], map.getZoom(), { animate: true });
+        map.setView([lat, lng], 17, { animate: true });
         if (handleAddressChange) {
           setIsGeocoding(true);
           const address = await reverseGeocode(lat, lng);
@@ -6421,25 +6420,19 @@ function MapLocationPicker({
       (error2) => {
         clearTimeout(timeoutId);
         setIsGeolocating(false);
-        let errorMessage = "\u062E\u0637\u0627 \u062F\u0631 \u062F\u0631\u06CC\u0627\u0641\u062A \u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC";
         switch (error2.code) {
           case error2.PERMISSION_DENIED:
             setGpsErrorType("permission");
-            setShowGpsDialog(true);
-            return;
+            break;
           case error2.POSITION_UNAVAILABLE:
-            setGpsErrorType("gps_off");
-            setShowGpsDialog(true);
-            return;
           case error2.TIMEOUT:
             setGpsErrorType("gps_off");
-            setShowGpsDialog(true);
-            return;
+            break;
           default:
-            errorMessage = "\u062E\u0637\u0627\u06CC \u0646\u0627\u0645\u0634\u062E\u0635 \u062F\u0631 \u062F\u0631\u06CC\u0627\u0641\u062A \u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC \u0631\u062E \u062F\u0627\u062F.";
+            setGpsErrorType("other");
             break;
         }
-        toast2.error(errorMessage);
+        setShowGpsDialog(true);
       },
       {
         enableHighAccuracy: true,
@@ -6448,79 +6441,43 @@ function MapLocationPicker({
       }
     );
   };
-  const handleGpsDialogClose = () => {
-    setShowGpsDialog(false);
-  };
-  const handleOpenSettings = () => {
-    setShowGpsDialog(false);
-    const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
-    if (isMobile) {
-      toast2.loading(
-        /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography19, { variant: "body2", sx: { mb: 1 } }, "\u0644\u0637\u0641\u0627\u064B \u0645\u0631\u0627\u062D\u0644 \u0632\u06CC\u0631 \u0631\u0627 \u0627\u0646\u062C\u0627\u0645 \u062F\u0647\u06CC\u062F:"), /* @__PURE__ */ React.createElement(Typography19, { variant: "caption", component: "div" }, "\u06F1. \u0648\u0627\u0631\u062F \u062A\u0646\u0638\u06CC\u0645\u0627\u062A \u062F\u0633\u062A\u06AF\u0627\u0647 \u0634\u0648\u06CC\u062F"), /* @__PURE__ */ React.createElement(Typography19, { variant: "caption", component: "div" }, '\u06F2. \u0628\u0647 \u0628\u062E\u0634 "\u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC" \u0628\u0631\u0648\u06CC\u062F'), /* @__PURE__ */ React.createElement(Typography19, { variant: "caption", component: "div" }, "\u06F3. GPS \u0631\u0627 \u0641\u0639\u0627\u0644 \u06A9\u0646\u06CC\u062F"), /* @__PURE__ */ React.createElement(Typography19, { variant: "caption", component: "div" }, "\u06F4. \u062F\u0648\u0628\u0627\u0631\u0647 \u0627\u0645\u062A\u062D\u0627\u0646 \u06A9\u0646\u06CC\u062F")),
-        {
-          duration: 8e3,
-          position: "top-center"
-        }
-      );
-    } else {
-      toast2.error("\u0644\u0637\u0641\u0627\u064B GPS \u062F\u0633\u062A\u06AF\u0627\u0647 \u062E\u0648\u062F \u0631\u0627 \u0631\u0648\u0634\u0646 \u06A9\u0646\u06CC\u062F");
-    }
-  };
-  const handleRetryLocation = () => {
-    setShowGpsDialog(false);
-    setTimeout(() => {
-      handleCurrentLocation();
-    }, 1e3);
-  };
   const handleClearLocation = () => {
     if (markerRef.current) {
       markerRef.current.remove();
       markerRef.current = null;
     }
     handleLocationChange(null, null);
-    if (handleAddressChange) {
-      handleAddressChange("");
-    }
+    if (handleAddressChange) handleAddressChange("");
+  };
+  const handleGpsDialogClose = () => setShowGpsDialog(false);
+  const handleRetryLocation = () => {
+    setShowGpsDialog(false);
+    setTimeout(handleCurrentLocation, 500);
+  };
+  const handleOpenSettings = () => {
+    setShowGpsDialog(false);
+    toast2(
+      /* @__PURE__ */ React.createElement("div", { dir: "rtl", style: { textAlign: "right" } }, /* @__PURE__ */ React.createElement(Typography19, { variant: "body2", sx: { mb: 1 } }, "\u0644\u0637\u0641\u0627\u064B \u0645\u0631\u0627\u062D\u0644 \u0632\u06CC\u0631 \u0631\u0627 \u0627\u0646\u062C\u0627\u0645 \u062F\u0647\u06CC\u062F:"), /* @__PURE__ */ React.createElement(Typography19, { variant: "caption", component: "div" }, "\u06F1. \u062A\u0646\u0638\u06CC\u0645\u0627\u062A \u062F\u0633\u062A\u06AF\u0627\u0647"), /* @__PURE__ */ React.createElement(Typography19, { variant: "caption", component: "div" }, "\u06F2. \u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC"), /* @__PURE__ */ React.createElement(Typography19, { variant: "caption", component: "div" }, "\u06F3. \u0641\u0639\u0627\u0644 \u06A9\u0631\u062F\u0646 GPS")),
+      { duration: 8e3 }
+    );
   };
-  return /* @__PURE__ */ React.createElement(Box27, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(
-    Toaster,
+  return /* @__PURE__ */ React.createElement(Box27, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(Toaster, { position: "top-center" }), /* @__PURE__ */ React.createElement(Dialog10, { open: showGpsDialog, onClose: handleGpsDialogClose }, /* @__PURE__ */ React.createElement(DialogTitle8, null, "\u0645\u0634\u06A9\u0644 \u062F\u0631 \u062F\u0631\u06CC\u0627\u0641\u062A \u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC"), /* @__PURE__ */ React.createElement(DialogContent8, null, gpsErrorType === "permission" ? /* @__PURE__ */ React.createElement(Typography19, null, "\u062F\u0633\u062A\u0631\u0633\u06CC \u0628\u0647 \u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC \u0631\u062F \u0634\u062F\u0647 \u0627\u0633\u062A.", /* @__PURE__ */ React.createElement("br", null), "\u06F1. \u0631\u0648\u06CC \u0622\u06CC\u06A9\u0648\u0646 \u0642\u0641\u0644 \u062F\u0631 \u0646\u0648\u0627\u0631 \u0622\u062F\u0631\u0633 \u06A9\u0644\u06CC\u06A9 \u06A9\u0646\u06CC\u062F", /* @__PURE__ */ React.createElement("br", null), "\u06F2. \u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC \u2192 \u0627\u062C\u0627\u0632\u0647 \u062F\u0647\u06CC\u062F") : gpsErrorType === "gps_off" ? /* @__PURE__ */ React.createElement(Typography19, null, "GPS \u062E\u0627\u0645\u0648\u0634 \u0627\u0633\u062A. \u0644\u0637\u0641\u0627\u064B \u0641\u0639\u0627\u0644 \u06A9\u0646\u06CC\u062F.") : /* @__PURE__ */ React.createElement(Typography19, null, "\u062E\u0637\u0627\u06CC\u06CC \u0631\u062E \u062F\u0627\u062F\u0647 \u0627\u0633\u062A. \u062F\u0648\u0628\u0627\u0631\u0647 \u062A\u0644\u0627\u0634 \u06A9\u0646\u06CC\u062F.")), /* @__PURE__ */ React.createElement(DialogActions5, { sx: { pb: 2, pr: 2 } }, /* @__PURE__ */ React.createElement(Button15, { onClick: handleGpsDialogClose }, "\u0627\u0646\u0635\u0631\u0627\u0641"), gpsErrorType === "permission" ? /* @__PURE__ */ React.createElement(
+    Button15,
     {
-      position: "top-center",
-      toastOptions: {
-        duration: 4e3,
-        style: {
-          background: isDarkMode ? "#333" : "#fff",
-          color: isDarkMode ? "#fff" : "#333"
-        }
-      }
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Dialog10,
+      onClick: handleRetryLocation,
+      variant: "contained",
+      color: "primary"
+    },
+    "\u062A\u0644\u0627\u0634 \u0645\u062C\u062F\u062F"
+  ) : /* @__PURE__ */ React.createElement(
+    Button15,
     {
-      open: showGpsDialog,
-      onClose: handleGpsDialogClose,
-      "aria-labelledby": "gps-dialog-title"
+      onClick: handleOpenSettings,
+      variant: "contained",
+      color: "primary"
     },
-    /* @__PURE__ */ React.createElement(DialogTitle8, { id: "gps-dialog-title" }, "\u0645\u0634\u06A9\u0644 \u062F\u0631 \u062F\u0631\u06CC\u0627\u0641\u062A \u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC"),
-    /* @__PURE__ */ React.createElement(DialogContent8, null, gpsErrorType === "permission" ? /* @__PURE__ */ React.createElement(Typography19, null, "\u062F\u0633\u062A\u0631\u0633\u06CC \u0628\u0647 \u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC \u062A\u0648\u0633\u0637 \u0634\u0645\u0627 \u0631\u062F \u0634\u062F\u0647 \u0627\u0633\u062A. \u0628\u0631\u0627\u06CC \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0627\u0632 \u0627\u06CC\u0646 \u0642\u0627\u0628\u0644\u06CC\u062A:", /* @__PURE__ */ React.createElement("br", null), "\u06F1. \u0631\u0648\u06CC \u0622\u06CC\u06A9\u0648\u0646 \u0642\u0641\u0644 \u062F\u0631 \u0646\u0648\u0627\u0631 \u0622\u062F\u0631\u0633 \u06A9\u0644\u06CC\u06A9 \u06A9\u0646\u06CC\u062F", /* @__PURE__ */ React.createElement("br", null), '\u06F2. \u06AF\u0632\u06CC\u0646\u0647 "\u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC" \u0631\u0627 \u067E\u06CC\u062F\u0627 \u06A9\u0646\u06CC\u062F', /* @__PURE__ */ React.createElement("br", null), '\u06F3. \u062F\u0633\u062A\u0631\u0633\u06CC \u0631\u0627 "\u0627\u062C\u0627\u0632\u0647" \u06A9\u0646\u06CC\u062F') : gpsErrorType === "gps_off" ? /* @__PURE__ */ React.createElement(Typography19, null, "GPS \u062F\u0633\u062A\u06AF\u0627\u0647 \u0634\u0645\u0627 \u062E\u0627\u0645\u0648\u0634 \u0627\u0633\u062A. \u0644\u0637\u0641\u0627\u064B:", /* @__PURE__ */ React.createElement("br", null), "\u06F1. \u0648\u0627\u0631\u062F \u062A\u0646\u0638\u06CC\u0645\u0627\u062A \u062F\u0633\u062A\u06AF\u0627\u0647 \u0634\u0648\u06CC\u062F", /* @__PURE__ */ React.createElement("br", null), '\u06F2. \u0628\u062E\u0634 "\u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC" \u06CC\u0627 "Location" \u0631\u0627 \u067E\u06CC\u062F\u0627 \u06A9\u0646\u06CC\u062F', /* @__PURE__ */ React.createElement("br", null), "\u06F3. GPS \u0631\u0627 \u0641\u0639\u0627\u0644 \u06A9\u0646\u06CC\u062F") : /* @__PURE__ */ React.createElement(Typography19, null, "\u062E\u0637\u0627\u06CC\u06CC \u062F\u0631 \u062F\u0631\u06CC\u0627\u0641\u062A \u0645\u0648\u0642\u0639\u06CC\u062A \u0645\u06A9\u0627\u0646\u06CC \u0631\u062E \u062F\u0627\u062F\u0647 \u0627\u0633\u062A. \u0644\u0637\u0641\u0627\u064B \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06CC\u062F:", /* @__PURE__ */ React.createElement("br", null), "\u06F1. GPS \u062F\u0633\u062A\u06AF\u0627\u0647 \u0631\u0648\u0634\u0646 \u0627\u0633\u062A", /* @__PURE__ */ React.createElement("br", null), "\u06F2. \u0628\u0647 \u0627\u06CC\u0646\u062A\u0631\u0646\u062A \u0645\u062A\u0635\u0644 \u0647\u0633\u062A\u06CC\u062F", /* @__PURE__ */ React.createElement("br", null), "\u06F3. \u0645\u0631\u0648\u0631\u06AF\u0631 \u0627\u062C\u0627\u0632\u0647 \u062F\u0633\u062A\u0631\u0633\u06CC \u062F\u0627\u0631\u062F")),
-    /* @__PURE__ */ React.createElement(DialogActions5, { sx: { pb: 2, pr: 2 } }, /* @__PURE__ */ React.createElement(Button15, { onClick: handleGpsDialogClose }, "\u0627\u0646\u0635\u0631\u0627\u0641"), gpsErrorType === "permission" ? /* @__PURE__ */ React.createElement(
-      Button15,
-      {
-        onClick: handleRetryLocation,
-        variant: "contained",
-        color: "primary"
-      },
-      "\u062A\u0644\u0627\u0634 \u0645\u062C\u062F\u062F"
-    ) : /* @__PURE__ */ React.createElement(
-      Button15,
-      {
-        onClick: handleOpenSettings,
-        variant: "contained",
-        color: "primary"
-      },
-      "\u0631\u0627\u0647\u0646\u0645\u0627\u06CC \u0641\u0639\u0627\u0644\u200C\u0633\u0627\u0632\u06CC"
-    ))
-  ), /* @__PURE__ */ React.createElement(Box27, { sx: { position: "relative", height: "370px", width: "100%" } }, /* @__PURE__ */ React.createElement(
+    "\u0631\u0627\u0647\u0646\u0645\u0627"
+  ))), /* @__PURE__ */ React.createElement(Box27, { sx: { position: "relative", height: "370px", width: "100%" } }, /* @__PURE__ */ React.createElement(
     Paper2,
     {
       sx: {
@@ -6541,7 +6498,7 @@ function MapLocationPicker({
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          backgroundColor: isDarkMode ? "rgba(18, 18, 18, 0.9)" : "rgba(255, 255, 255, 0.8)",
+          backgroundColor: isDarkMode ? "rgba(18,18,18,0.9)" : "rgba(255,255,255,0.8)",
           zIndex: 1e3,
           flexDirection: "column",
           gap: 1
@@ -6571,7 +6528,6 @@ function MapLocationPicker({
           disabled: isGeolocating,
           sx: {
             backgroundColor: isDarkMode ? "#1e1e1e" : "white",
-            color: isDarkMode ? "white" : "inherit",
             boxShadow: 2,
             "&:hover": {
               backgroundColor: isDarkMode ? "#2a2a2a" : "#f5f5f5"
@@ -6581,7 +6537,7 @@ function MapLocationPicker({
         },
         /* @__PURE__ */ React.createElement(MdMyLocation, null)
       ),
-      (latitude !== null || longitude !== null) && /* @__PURE__ */ React.createElement(
+      hasExistingLocation && /* @__PURE__ */ React.createElement(
         IconButton14,
         {
           onClick: handleClearLocation,