@djb25/digit-ui-module-wt 1.0.27 → 1.0.28

package/dist/index.modern.js

@@ -4482,8 +4482,10 @@ const reverseGeocode = async (lat, lng) => {
     return null;
   }
 };
-const getAreaName = data => {
-  if (!data || !data.address) return "Unknown Address";
+const getAreaName = (data, useFull = false) => {
+  if (!data) return "Unknown Address";
+  if (useFull && data.display_name) return data.display_name;
+  if (!data.address) return data.display_name || "Unknown Address";
   const {
     address
   } = data;
@@ -4586,6 +4588,9 @@ const MapController = ({
   return null;
 };
 const useRoute = (start, end) => {
+  const {
+    t
+  } = useTranslation();
   const [routeData, setRouteData] = useState(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
@@ -4628,6 +4633,9 @@ const RouteLayer = ({
   color: _color = "#2196f3",
   weight: _weight = 6
 }) => {
+  const {
+    t
+  } = useTranslation();
   const {
     routeData,
     loading,
@@ -5241,6 +5249,7 @@ function LiveTrackingSystem() {
       flexDirection: "column",
       height: "100vh",
       width: "100%",
+      overflow: "hidden",
       fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif",
       background: "#f0f2f5",
       padding: "16px",
@@ -5297,7 +5306,7 @@ function LiveTrackingSystem() {
       backgroundColor: isConnected ? "#4caf50" : "#f44336",
       boxShadow: isConnected ? "0 0 8px #4caf50" : "none"
     }
-  }), isConnected ? "CONNECTED" : "DISCONNECTED")), /*#__PURE__*/React.createElement("p", {
+  }))), /*#__PURE__*/React.createElement("p", {
     style: {
       margin: "4px 0 0 0",
       fontSize: "14px",
@@ -5597,6 +5606,8 @@ function LiveTrackingSystem() {
   })))))), /*#__PURE__*/React.createElement("div", {
     style: {
       flex: 1,
+      height: "100%",
+      minHeight: 0,
       position: "relative",
       background: "white",
       borderRadius: "12px",