@collabdt/core 0.0.40

package/dist/core/components/viewers/map/src/MapFeaturePopoverMenu/src/NonDatabaseBuildingPopover.js

@@ -0,0 +1,410 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useSession } from "next-auth/react";
+import { useTranslations } from "next-intl";
+import { usePermissions } from "../../../../../../store";
+import { toast } from "sonner";
+import { Button, Label } from "../../../../../ui/";
+import { PopoverContent } from "../../../../../ui/Popover";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../../../../ui/Select";
+import * as LR from "lucide-react";
+import { MapContext } from "../../../../../../store";
+import { useMenusContext } from "../../../../../../store";
+import { MarkerManager } from "../../../utils/MarkerManager";
+import { useCreateBuilding, useBuildings, useBuilding } from "../../../../../../hooks/buildings/buildings";
+import { LoadingSpinner } from "../../../../../ui/LoadingSpinner";
+function NonDatabaseBuildingPopover({
+  feature,
+  onCloseAction
+}) {
+  const t = useTranslations("NonDatabaseBuildingPopover");
+  const { ability } = usePermissions();
+  const { data: session } = useSession();
+  const user = session == null ? void 0 : session.user;
+  const { state: mapState } = React.useContext(MapContext);
+  const { currentLocation, map } = mapState.map;
+  const { setSelectedItem } = useMenusContext();
+  const { createBuilding, isMutating, createError, createdData } = useCreateBuilding();
+  const { buildings } = useBuildings();
+  const featureProps = (feature == null ? void 0 : feature.properties) || {};
+  const featureid = feature == null ? void 0 : feature.id;
+  const [name, setName] = React.useState("");
+  const [address, setAddress] = React.useState("");
+  const [type, setType] = React.useState("");
+  const [matchingBuildings, setMatchingBuildings] = React.useState([]);
+  const [selectedMatchingBuildingId, setSelectedMatchingBuildingId] = React.useState("");
+  const [showExistingBuildings, setShowExistingBuildings] = React.useState(false);
+  const [isAttaching, setIsAttaching] = React.useState(false);
+  const { updateBuilding, isMutating: isUpdating } = useBuilding(selectedMatchingBuildingId ? Number(selectedMatchingBuildingId) : null);
+  const normalizeAddress = React.useCallback((value) => {
+    return value.toLowerCase().replace(/\./g, "").replace(/,/g, " ").replace(/\bdr\b/g, "drive").replace(/\brd\b/g, "road").replace(/\bst\b/g, "street").replace(/\bave\b/g, "avenue").replace(/\s+/g, " ").trim();
+  }, []);
+  const clearExistingBuildingMatches = React.useCallback(() => {
+    setMatchingBuildings([]);
+    setSelectedMatchingBuildingId("");
+    setShowExistingBuildings(false);
+    if (didSetSelectedItemRef.current && setSelectedItem) {
+      setSelectedItem(null);
+      didSetSelectedItemRef.current = false;
+    }
+  }, [setSelectedItem]);
+  const didSetSelectedItemRef = React.useRef(false);
+  React.useEffect(() => {
+    return () => {
+      if (didSetSelectedItemRef.current && setSelectedItem) {
+        setSelectedItem(null);
+        didSetSelectedItemRef.current = false;
+      }
+    };
+  }, [setSelectedItem]);
+  React.useEffect(() => {
+    var _a;
+    const getAddress = async (latitude, longitude) => {
+      const params = new URLSearchParams({
+        "api_key": process.env.NEXT_PUBLIC_GEOCODE_EARTH_API_KEY,
+        "point.lat": latitude,
+        "point.lon": longitude,
+        "boundary.country": "CA",
+        "layers": "address",
+        "size": "1"
+        // Limit to 1 result
+      });
+      const reverseGeocoderUrl = `https://api.geocode.earth/v1/reverse?${params}`;
+      try {
+        const response = await fetch(reverseGeocoderUrl, {
+          headers: {
+            "User-Agent": "CDT/1.0 (cdt@email.com)"
+          }
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const data = await response.json();
+        if (data.features && data.features.length > 0) {
+          const feature2 = data.features[0];
+          const properties = feature2.properties;
+          const geocodedAddress = properties.name;
+          setAddress(geocodedAddress);
+          if (geocodedAddress && buildings && buildings.length > 0) {
+            const normalizedGeocodedAddress = normalizeAddress(geocodedAddress);
+            const matches = buildings.filter((building) => {
+              if (!building.buildingAddress) return false;
+              const normalizedBuildingAddress = normalizeAddress(building.buildingAddress);
+              return normalizedBuildingAddress === normalizedGeocodedAddress || normalizedBuildingAddress.includes(normalizedGeocodedAddress) || normalizedGeocodedAddress.includes(normalizedBuildingAddress);
+            });
+            if (matches.length > 0) {
+              setMatchingBuildings(matches);
+              setSelectedMatchingBuildingId(matches[0].id.toString());
+              setShowExistingBuildings(true);
+              if (setSelectedItem) {
+                setSelectedItem(matches[0]);
+                didSetSelectedItemRef.current = true;
+              }
+            } else {
+              clearExistingBuildingMatches();
+            }
+          } else {
+            clearExistingBuildingMatches();
+          }
+        } else {
+          clearExistingBuildingMatches();
+        }
+      } catch (error) {
+        console.error("Error fetching municipality and countrySubdivision:", error);
+      }
+    };
+    if ((_a = feature.properties) == null ? void 0 : _a.coordinates) {
+      const longitude = feature.properties.coordinates[0];
+      const latitude = feature.properties.coordinates[1];
+      getAddress(latitude, longitude);
+    }
+  }, [feature, buildings, setSelectedItem, normalizeAddress, clearExistingBuildingMatches]);
+  React.useEffect(() => {
+    if (!setSelectedItem || !selectedMatchingBuildingId) return;
+    const selectedBuilding = matchingBuildings.find(
+      (building) => building.id.toString() === selectedMatchingBuildingId
+    );
+    if (!selectedBuilding) return;
+    setSelectedItem(selectedBuilding);
+    didSetSelectedItemRef.current = true;
+  }, [matchingBuildings, selectedMatchingBuildingId, setSelectedItem]);
+  const buildingCountrySubdivision = featureProps.de_ao_prov || currentLocation.countrySubdivision || null;
+  const buildingMunicipality = featureProps.de_ao_city || currentLocation.municipality || null;
+  const buildingPostalCode = featureProps.de_ao_post || currentLocation.postalCode || null;
+  const site = currentLocation.site || null;
+  const buildingOsmId = featureid.toString();
+  const markerManagerRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!markerManagerRef.current) {
+      markerManagerRef.current = new MarkerManager();
+    }
+    return () => {
+      if (markerManagerRef.current) {
+        markerManagerRef.current.destroy();
+        markerManagerRef.current = null;
+      }
+    };
+  }, []);
+  const [coordinates, setCoordinates] = React.useState(featureProps.coordinates || null);
+  React.useEffect(() => {
+    if (!markerManagerRef.current) return;
+    const cleanup = markerManagerRef.current.onMoved((event) => {
+      const newCoordinates = event.detail.coordinates;
+      if (newCoordinates) {
+        setCoordinates(newCoordinates);
+      }
+    });
+    return cleanup;
+  }, []);
+  const handleBuildingNameChange = (event) => {
+    setName(event.target.value);
+  };
+  const handleAddressChange = (event) => {
+    setAddress(event.target.value);
+  };
+  const handleBuildingTypeChange = (event) => {
+    setType(event.target.value);
+  };
+  const selectedMatchingBuilding = matchingBuildings.find(
+    (building) => building.id.toString() === selectedMatchingBuildingId
+  );
+  const handleAttachExistingBuilding = async (building) => {
+    setIsAttaching(true);
+    try {
+      const result = await updateBuilding(__spreadValues({
+        buildingOsmId
+      }, building.buildingStoreyNum == null && { buildingStoreyNum: 2 }));
+      toast.success(t("toastAttachSuccess"));
+      if (setSelectedItem) {
+        setSelectedItem(null);
+        didSetSelectedItemRef.current = false;
+      }
+      onCloseAction();
+    } catch (error) {
+      console.error("Error attaching building:", error);
+      if ((error == null ? void 0 : error.status) !== 401) {
+        toast.error(t("toastAttachError"));
+      }
+    } finally {
+      setIsAttaching(false);
+    }
+  };
+  const handleCreateNewBuilding = async (event) => {
+    event.preventDefault();
+    const buildingName = name.trim() || featureProps._name || "";
+    const finalAddress = address.trim() || address || "";
+    if (!(user == null ? void 0 : user.organizationId)) {
+      toast.error(t("userNotFound"));
+      return;
+    }
+    const buildingCoordinates = coordinates || [featureProps.longitude, featureProps.latitude];
+    const newBuilding = {
+      buildingName,
+      buildingAddress: finalAddress,
+      buildingType: [type || "Other"],
+      buildingOsmId,
+      buildingLatitude: buildingCoordinates ? buildingCoordinates[1] : null,
+      buildingLongitude: buildingCoordinates ? buildingCoordinates[0] : null,
+      buildingCountrySubdivision,
+      buildingMunicipality,
+      buildingPostalCode
+    };
+    try {
+      const result = await createBuilding({
+        buildingData: newBuilding,
+        organizationId: user.organizationId.toString()
+      });
+      if (markerManagerRef.current) {
+        markerManagerRef.current.remove();
+      }
+      toast.success(t("toastSuccess"));
+      onCloseAction();
+    } catch (error) {
+      console.error("Error creating building:", error);
+      toast.error(t("toastError"));
+    }
+  };
+  const handleLocationEdit = () => {
+    if (markerManagerRef.current && coordinates && map) {
+      console.log("Creating editable marker at coordinates:", coordinates);
+      markerManagerRef.current.create(coordinates, map, {
+        editing: true
+      });
+    } else {
+      console.warn("Cannot create marker: missing coordinates or map instance");
+    }
+  };
+  return /* @__PURE__ */ jsx(PopoverContent, { className: "w-64 -m-1", side: "top", children: /* @__PURE__ */ jsxs("form", { onSubmit: handleCreateNewBuilding, children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          onClick: onCloseAction,
+          variant: "ghost",
+          className: "absolute top-1 right-2 p-1 text-muted-foreground hover:text-foreground",
+          "aria-label": t("closeAriaLabel"),
+          children: /* @__PURE__ */ jsx(LR.X, { className: "w-4 h-4" })
+        }
+      ),
+      showExistingBuildings && matchingBuildings.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1 mt-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t("existingBuildingFound") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-2 p-2 bg-muted/50 border rounded-lg", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "existing-building-select", className: "text-xs text-muted-foreground", children: t("selectExistingBuildingLabel") }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: selectedMatchingBuildingId,
+                onValueChange: setSelectedMatchingBuildingId,
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { id: "existing-building-select", className: "h-9 w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("selectExistingBuildingPlaceholder") }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: matchingBuildings.map((building) => /* @__PURE__ */ jsx(SelectItem, { value: building.id.toString(), children: building.buildingName || building.buildingAddress || `${t("na")} (${building.id})` }, building.id)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "w-full",
+              onClick: () => selectedMatchingBuilding && handleAttachExistingBuilding(selectedMatchingBuilding),
+              disabled: isAttaching || isUpdating || !selectedMatchingBuilding,
+              children: isAttaching || isUpdating ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(LoadingSpinner, {}),
+                /* @__PURE__ */ jsx("span", { children: t("attaching") })
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(LR.Link, {}),
+                t("attachBuilding")
+              ] })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "building-name", className: "text-xs text-muted-foreground", children: t("nameLabel") }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "building-name",
+              value: name,
+              onChange: handleBuildingNameChange,
+              placeholder: name || t("namePlaceholder"),
+              className: `font-medium leading-none bg-transparent border-b border-gray-300 focus:outline-none focus:border-primary px-1 py-1 ${name ? "placeholder:text-foreground" : "placeholder:text-muted-foreground"}`,
+              "aria-label": t("nameInputAriaLabel"),
+              required: true,
+              disabled: !ability.can("create", "Building")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "building-address", className: "text-xs text-muted-foreground", children: t("addressLabel") }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "building-address",
+              value: address,
+              onChange: handleAddressChange,
+              placeholder: address || t("addressPlaceholder"),
+              className: `font-medium leading-none bg-transparent border-b border-gray-300 focus:outline-none focus:border-primary px-1 py-1 ${address ? "placeholder:text-foreground" : "placeholder:text-muted-foreground"}`,
+              "aria-label": t("addressAriaLabel"),
+              required: true,
+              disabled: !ability.can("create", "Building")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "building-type", className: "text-xs text-muted-foreground", children: t("typeLabel") }),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              id: "building-type",
+              value: type,
+              onChange: handleBuildingTypeChange,
+              className: "font-medium leading-none bg-transparent border-b border-gray-300 focus:outline-none focus:border-primary px-1 py-1",
+              "aria-label": t("typeAriaLabel"),
+              required: true,
+              disabled: !ability.can("create", "Building"),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: t("defaultOption") }),
+                /* @__PURE__ */ jsx("option", { value: "Townhouses", children: t("townhouse") }),
+                /* @__PURE__ */ jsx("option", { value: "<4 Storey MURB", children: t("4MURB") }),
+                /* @__PURE__ */ jsx("option", { value: "4+ Storey MURB", children: t("4PlusMURB") }),
+                /* @__PURE__ */ jsx("option", { value: "Stacked Townhouses", children: t("stackedTownhouses") }),
+                /* @__PURE__ */ jsx("option", { value: "Detached", children: t("detached") }),
+                /* @__PURE__ */ jsx("option", { value: "Semi Detached", children: t("semiDetached") }),
+                /* @__PURE__ */ jsx("option", { value: "Other", children: t("other") })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-2 px-1", children: [
+        /* @__PURE__ */ jsx(Label, { className: "text-xs text-muted-foreground min-w-fit", children: t("osmId") }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: buildingOsmId != null ? buildingOsmId : t("na") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 justify-center mt-4", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          "aria-label": "Edit Location",
+          title: "Edit Location",
+          onClick: handleLocationEdit,
+          disabled: !ability.can("update", "Building"),
+          children: /* @__PURE__ */ jsx(LR.LocationEdit, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          variant: "outline",
+          "aria-label": t("addBuilding"),
+          title: t("addBuilding"),
+          disabled: isMutating || !ability.can("create", "Building"),
+          children: isMutating ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            "``",
+            /* @__PURE__ */ jsx(LoadingSpinner, {}),
+            /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("creating") })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(LR.Building2, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("addBuilding") })
+          ] })
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  NonDatabaseBuildingPopover as default
+};
+//# sourceMappingURL=NonDatabaseBuildingPopover.js.map

package/dist/core/components/viewers/map/src/MapFeaturePopoverMenu/src/NonDatabaseBuildingPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/core/components/viewers/map/src/MapFeaturePopoverMenu/src/NonDatabaseBuildingPopover.tsx"],"sourcesContent":["'use client'\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport { useSession } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../../../store'\r\nimport { toast } from 'sonner'\r\n\r\n// Shadcn Components\r\nimport { Button, Label } from '../../../../../ui/'\r\nimport { PopoverContent } from '../../../../../ui/Popover'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '../../../../../ui/Select'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\n\r\n// Types / Utilities\r\nimport type { MapGeoJSONFeature } from 'maplibre-gl'\r\nimport { MapContext } from '../../../../../../store'\r\nimport { useMenusContext } from '../../../../../../store'\r\nimport type { Building } from '../../../../../../types/dbTypes'\r\nimport { MarkerManager } from '../../../utils/MarkerManager'\r\n\r\n// Hooks\r\nimport { useCreateBuilding, useBuildings, useBuilding } from '../../../../../../hooks/buildings/buildings'\r\nimport { LoadingSpinner } from '../../../../../ui/LoadingSpinner'\r\n\r\ninterface NonDatabaseBuildingPopoverProps {\r\n  feature: MapGeoJSONFeature\r\n  isOpen: boolean\r\n  onCloseAction: () => void\r\n}\r\n\r\nexport default function NonDatabaseBuildingPopover({\r\n  feature,\r\n  onCloseAction,\r\n}: NonDatabaseBuildingPopoverProps) {\r\n  // Translation\r\n  const t = useTranslations('NonDatabaseBuildingPopover')\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const { data: session } = useSession()\r\n  const user = session?.user\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { currentLocation, map } = mapState.map\r\n\r\n  const { setSelectedItem } = useMenusContext()\r\n\r\n  // Use the create building hook\r\n  const { createBuilding, isMutating, createError, createdData } = useCreateBuilding()\r\n  \r\n  // Get all buildings for searching\r\n  const { buildings } = useBuildings()\r\n\r\n  const featureProps = feature?.properties || {}\r\n  const featureid = feature?.id\r\n  const [name, setName] = React.useState('')\r\n  const [address, setAddress] = React.useState('')\r\n  const [type, setType] = React.useState('')\r\n  const [matchingBuildings, setMatchingBuildings] = React.useState<Building[]>([])\r\n  const [selectedMatchingBuildingId, setSelectedMatchingBuildingId] = React.useState<string>('')\r\n  const [showExistingBuildings, setShowExistingBuildings] = React.useState(false)\r\n  const [isAttaching, setIsAttaching] = React.useState(false)\r\n\r\n  const { updateBuilding, isMutating: isUpdating } = useBuilding(selectedMatchingBuildingId ? Number(selectedMatchingBuildingId) : null)\r\n\r\n  const normalizeAddress = React.useCallback((value: string) => {\r\n    return value\r\n      .toLowerCase()\r\n      .replace(/\\./g, '')\r\n      .replace(/,/g, ' ')\r\n      .replace(/\\bdr\\b/g, 'drive')\r\n      .replace(/\\brd\\b/g, 'road')\r\n      .replace(/\\bst\\b/g, 'street')\r\n      .replace(/\\bave\\b/g, 'avenue')\r\n      .replace(/\\s+/g, ' ')\r\n      .trim()\r\n  }, [])\r\n\r\n  const clearExistingBuildingMatches = React.useCallback(() => {\r\n    setMatchingBuildings([])\r\n    setSelectedMatchingBuildingId('')\r\n    setShowExistingBuildings(false)\r\n\r\n    if (didSetSelectedItemRef.current && setSelectedItem) {\r\n      setSelectedItem(null)\r\n      didSetSelectedItemRef.current = false\r\n    }\r\n  }, [setSelectedItem])\r\n\r\n  // Track if we set the selected item in this component\r\n  const didSetSelectedItemRef = React.useRef(false)\r\n\r\n  // Cleanup on unmount\r\n  React.useEffect(() => {\r\n    return () => {\r\n      // Clear selected item if we set it\r\n      if (didSetSelectedItemRef.current && setSelectedItem) {\r\n        setSelectedItem(null)\r\n        didSetSelectedItemRef.current = false\r\n      }\r\n    }\r\n  }, [setSelectedItem])\r\n\r\n  // Get address and search for matching buildings\r\n  React.useEffect(() => {\r\n    const getAddress = async (latitude: string, longitude: string) => {\r\n      const params = new URLSearchParams({\r\n        'api_key': process.env.NEXT_PUBLIC_GEOCODE_EARTH_API_KEY,\r\n        'point.lat': latitude,\r\n        'point.lon': longitude,\r\n        'boundary.country': 'CA',\r\n        'layers': 'address',\r\n        'size': '1', // Limit to 1 result\r\n      })\r\n    \r\n      const reverseGeocoderUrl = `https://api.geocode.earth/v1/reverse?${params}`\r\n    \r\n      try {\r\n        const response = await fetch(reverseGeocoderUrl, {\r\n          headers: {\r\n            'User-Agent': 'CDT/1.0 (cdt@email.com)',\r\n          },\r\n        })\r\n    \r\n        if (!response.ok) {\r\n          throw new Error(`HTTP error! status: ${response.status}`)\r\n        }\r\n\r\n        const data = await response.json()\r\n    \r\n        if (data.features && data.features.length > 0) {\r\n          const feature = data.features[0]\r\n          const properties = feature.properties\r\n          \r\n          const geocodedAddress = properties.name\r\n          setAddress(geocodedAddress)\r\n          \r\n          // Search for existing buildings with this address\r\n          if (geocodedAddress && buildings && buildings.length > 0) {\r\n            const normalizedGeocodedAddress = normalizeAddress(geocodedAddress)\r\n\r\n            const matches = buildings.filter((building) => {\r\n              if (!building.buildingAddress) return false\r\n\r\n              const normalizedBuildingAddress = normalizeAddress(building.buildingAddress)\r\n              return (\r\n                normalizedBuildingAddress === normalizedGeocodedAddress ||\r\n                normalizedBuildingAddress.includes(normalizedGeocodedAddress) ||\r\n                normalizedGeocodedAddress.includes(normalizedBuildingAddress)\r\n              )\r\n            })\r\n            \r\n            if (matches.length > 0) {\r\n              setMatchingBuildings(matches)\r\n              setSelectedMatchingBuildingId(matches[0].id.toString())\r\n              setShowExistingBuildings(true)\r\n              \r\n              // Set the first match as the selected item for the update hook\r\n              if (setSelectedItem) {\r\n                setSelectedItem(matches[0])\r\n                didSetSelectedItemRef.current = true\r\n              }\r\n            } else {\r\n              clearExistingBuildingMatches()\r\n            }\r\n          } else {\r\n            clearExistingBuildingMatches()\r\n          }\r\n        } else {\r\n          clearExistingBuildingMatches()\r\n        }\r\n      }\r\n      catch (error) {\r\n        console.error('Error fetching municipality and countrySubdivision:', error)\r\n      }\r\n    }\r\n    \r\n    if (feature.properties?.coordinates) {\r\n      const longitude = feature.properties.coordinates[0]\r\n      const latitude = feature.properties.coordinates[1]\r\n      getAddress(latitude, longitude)\r\n    }\r\n  }, [feature, buildings, setSelectedItem, normalizeAddress, clearExistingBuildingMatches])\r\n\r\n  React.useEffect(() => {\r\n    if (!setSelectedItem || !selectedMatchingBuildingId) return\r\n\r\n    const selectedBuilding = matchingBuildings.find(\r\n      building => building.id.toString() === selectedMatchingBuildingId,\r\n    )\r\n\r\n    if (!selectedBuilding) return\r\n\r\n    setSelectedItem(selectedBuilding)\r\n    didSetSelectedItemRef.current = true\r\n  }, [matchingBuildings, selectedMatchingBuildingId, setSelectedItem])\r\n\r\n  // Fallbacks from feature or map state\r\n  const buildingCountrySubdivision = featureProps.de_ao_prov || currentLocation.countrySubdivision || null\r\n  const buildingMunicipality = featureProps.de_ao_city || currentLocation.municipality || null\r\n  const buildingPostalCode = featureProps.de_ao_post || currentLocation.postalCode || null\r\n  const site = currentLocation.site || null\r\n  const buildingOsmId = featureid.toString()\r\n\r\n  // Create MarkerManager instance\r\n  const markerManagerRef = React.useRef<MarkerManager | null>(null)\r\n\r\n  // Initialize MarkerManager\r\n  React.useEffect(() => {\r\n    if (!markerManagerRef.current) {\r\n      markerManagerRef.current = new MarkerManager()\r\n    }\r\n\r\n    // Cleanup on unmount\r\n    return () => {\r\n      if (markerManagerRef.current) {\r\n        markerManagerRef.current.destroy()\r\n        markerManagerRef.current = null\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  // Get coordinates data from feature\r\n  const [coordinates, setCoordinates] = React.useState(featureProps.coordinates || null)\r\n\r\n  // Listen for marker coordinate changes\r\n  React.useEffect(() => {\r\n    if (!markerManagerRef.current) return\r\n\r\n    const cleanup = markerManagerRef.current.onMoved((event) => {\r\n      const newCoordinates = event.detail.coordinates\r\n      if (newCoordinates) {\r\n        setCoordinates(newCoordinates)\r\n      }\r\n    })\r\n\r\n    return cleanup\r\n  }, [])\r\n\r\n  const handleBuildingNameChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setName(event.target.value)\r\n  }\r\n\r\n  const handleAddressChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setAddress(event.target.value)\r\n  }\r\n\r\n  const handleBuildingTypeChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n    setType(event.target.value)\r\n  }\r\n\r\n  const selectedMatchingBuilding = matchingBuildings.find(\r\n    building => building.id.toString() === selectedMatchingBuildingId,\r\n  )\r\n\r\n  const handleAttachExistingBuilding = async (building: Building) => {\r\n    setIsAttaching(true)\r\n    \r\n    try {\r\n      // Add OSM ID to existing building\r\n      const result = await updateBuilding({\r\n        buildingOsmId,\r\n        // Set default storey number of 2 if building doesn't have one\r\n        ...(building.buildingStoreyNum == null && { buildingStoreyNum: 2 })\r\n      })\r\n      \r\n      toast.success(t('toastAttachSuccess'))\r\n      \r\n      // Clear the selected item after successful update\r\n      if (setSelectedItem) {\r\n        setSelectedItem(null)\r\n        didSetSelectedItemRef.current = false\r\n      }\r\n      \r\n      // Close the popover\r\n      onCloseAction()\r\n      \r\n    } catch (error) {\r\n      console.error('Error attaching building:', error)\r\n      \r\n      if (error?.status !== 401) {\r\n        toast.error(t('toastAttachError'))\r\n      }\r\n    } finally {\r\n      setIsAttaching(false)\r\n    }\r\n  }\r\n\r\n  const handleCreateNewBuilding = async (event: React.FormEvent) => {\r\n    event.preventDefault()\r\n\r\n    // Get final values (prioritize user input, then existing data)\r\n    const buildingName = name.trim() || featureProps._name || ''\r\n    const finalAddress = address.trim() || address || ''\r\n\r\n    if (!user?.organizationId) {\r\n      toast.error(t('userNotFound'))\r\n      return\r\n    }\r\n\r\n    // Use updated coordinates from marker if available\r\n    const buildingCoordinates = coordinates || [featureProps.longitude, featureProps.latitude]\r\n\r\n    const newBuilding: Partial<Building> = {\r\n      buildingName,\r\n      buildingAddress: finalAddress,\r\n      buildingType: [type || 'Other'],\r\n      buildingOsmId,\r\n      buildingLatitude: buildingCoordinates ? buildingCoordinates[1] : null,\r\n      buildingLongitude: buildingCoordinates ? buildingCoordinates[0] : null,\r\n      buildingCountrySubdivision,\r\n      buildingMunicipality,\r\n      buildingPostalCode,\r\n    }\r\n\r\n    try {\r\n      const result = await createBuilding({\r\n        buildingData: newBuilding,\r\n        organizationId: user.organizationId.toString(),\r\n      })\r\n\r\n      // Remove marker after creating building\r\n      if (markerManagerRef.current) {\r\n        markerManagerRef.current.remove()\r\n      }\r\n      \r\n      toast.success(t('toastSuccess'))\r\n      \r\n      // Close the popover on success\r\n      onCloseAction()\r\n    }\r\n    catch (error) {\r\n      console.error('Error creating building:', error)\r\n      toast.error(t('toastError'))\r\n    }\r\n  }\r\n\r\n  const handleLocationEdit = () => {\r\n    // Create marker at current coordinates with editing enabled\r\n    if (markerManagerRef.current && coordinates && map) {\r\n      console.log('Creating editable marker at coordinates:', coordinates)\r\n      markerManagerRef.current.create(coordinates as [number, number], map, {\r\n        editing: true })\r\n    }\r\n    else {\r\n      console.warn('Cannot create marker: missing coordinates or map instance')\r\n    }\r\n  }\r\n\r\n  return (\r\n    <PopoverContent className=\"w-64 -m-1\" side=\"top\">\r\n      <form onSubmit={handleCreateNewBuilding}>\r\n        <div className=\"grid gap-4\">\r\n          <Button\r\n            type=\"button\"\r\n            onClick={onCloseAction}\r\n            variant=\"ghost\"\r\n            className=\"absolute top-1 right-2 p-1 text-muted-foreground hover:text-foreground\"\r\n            aria-label={t('closeAriaLabel')}\r\n          >\r\n            <LR.X className=\"w-4 h-4\" />\r\n          </Button>\r\n          \r\n          {/* Show existing building if match found */}\r\n          {showExistingBuildings && matchingBuildings.length > 0 && (\r\n            <div className=\"space-y-1 mt-6\">\r\n              <div className=\"text-xs text-muted-foreground\">\r\n                {t('existingBuildingFound')}\r\n              </div>\r\n              <div className=\"flex flex-col justify-between gap-2 p-2 bg-muted/50 border rounded-lg\">\r\n                <div className=\"grid gap-1\">\r\n                  <Label htmlFor=\"existing-building-select\" className=\"text-xs text-muted-foreground\">\r\n                    {t('selectExistingBuildingLabel')}\r\n                  </Label>\r\n                  <Select\r\n                    value={selectedMatchingBuildingId}\r\n                    onValueChange={setSelectedMatchingBuildingId}\r\n                  >\r\n                    <SelectTrigger id=\"existing-building-select\" className=\"h-9 w-full\">\r\n                      <SelectValue placeholder={t('selectExistingBuildingPlaceholder')} />\r\n                    </SelectTrigger>\r\n                    <SelectContent>\r\n                      {matchingBuildings.map((building) => (\r\n                        <SelectItem key={building.id} value={building.id.toString()}>\r\n                          {building.buildingName || building.buildingAddress || `${t('na')} (${building.id})`}\r\n                        </SelectItem>\r\n                      ))}\r\n                    </SelectContent>\r\n                  </Select>\r\n                </div>\r\n                <Button\r\n                  variant=\"outline\"\r\n                  size=\"sm\"\r\n                  className='w-full'\r\n                  onClick={() => selectedMatchingBuilding && handleAttachExistingBuilding(selectedMatchingBuilding)}\r\n                  disabled={isAttaching || isUpdating || !selectedMatchingBuilding}\r\n                >\r\n                  {(isAttaching || isUpdating) ? (\r\n                    <>\r\n                      <LoadingSpinner />\r\n                      <span>{t('attaching')}</span>\r\n                    </>\r\n                  ) : (\r\n                    <>\r\n                      <LR.Link />\r\n                      {t('attachBuilding')}\r\n                    </>\r\n                  )}\r\n                </Button>\r\n              </div>\r\n            </div>\r\n          )}\r\n          \r\n          <div className=\"space-y-4\">\r\n            <div className=\"grid gap-2\">\r\n              <Label htmlFor=\"building-name\" className=\"text-xs text-muted-foreground\">\r\n                {t('nameLabel')}\r\n              </Label>\r\n              <input\r\n                id=\"building-name\"\r\n                value={name}\r\n                onChange={handleBuildingNameChange}\r\n                placeholder={name || t('namePlaceholder')}\r\n                className={`font-medium leading-none bg-transparent border-b border-gray-300 focus:outline-none focus:border-primary px-1 py-1 ${name ? 'placeholder:text-foreground' : 'placeholder:text-muted-foreground'}`}\r\n                aria-label={t('nameInputAriaLabel')}\r\n                required\r\n                disabled={!ability.can('create', 'Building')}\r\n              />\r\n            </div>\r\n\r\n            <div className=\"grid gap-2\">\r\n              <Label htmlFor=\"building-address\" className=\"text-xs text-muted-foreground\">\r\n                {t('addressLabel')}\r\n              </Label>\r\n              <input\r\n                id=\"building-address\"\r\n                value={address}\r\n                onChange={handleAddressChange}\r\n                placeholder={address || t('addressPlaceholder')}\r\n                className={`font-medium leading-none bg-transparent border-b border-gray-300 focus:outline-none focus:border-primary px-1 py-1 ${address ? 'placeholder:text-foreground' : 'placeholder:text-muted-foreground'}`}\r\n                aria-label={t('addressAriaLabel')}\r\n                required\r\n                disabled={!ability.can('create', 'Building')}\r\n              />\r\n            </div>\r\n\r\n            <div className=\"grid gap-2\">\r\n              <Label htmlFor=\"building-type\" className=\"text-xs text-muted-foreground\">\r\n                {t('typeLabel')}\r\n              </Label>\r\n              <select\r\n                id=\"building-type\"\r\n                value={type}\r\n                onChange={handleBuildingTypeChange}\r\n                className=\"font-medium leading-none bg-transparent border-b border-gray-300 focus:outline-none focus:border-primary px-1 py-1\"\r\n                aria-label={t('typeAriaLabel')}\r\n                required\r\n                disabled={!ability.can('create', 'Building')}\r\n              >\r\n                <option value=\"\">{t('defaultOption')}</option>\r\n                <option value=\"Townhouses\">{t('townhouse')}</option>\r\n                <option value=\"<4 Storey MURB\">{t('4MURB')}</option>\r\n                <option value=\"4+ Storey MURB\">{t('4PlusMURB')}</option>\r\n                <option value=\"Stacked Townhouses\">{t('stackedTownhouses')}</option>\r\n                <option value=\"Detached\">{t('detached')}</option>\r\n                <option value=\"Semi Detached\">{t('semiDetached')}</option>\r\n                <option value=\"Other\">{t('other')}</option>\r\n              </select>\r\n            </div>\r\n          </div>\r\n          <div className=\"flex items-center gap-2 py-2 px-1\">\r\n            <Label className=\"text-xs text-muted-foreground min-w-fit\">{t('osmId')}</Label>\r\n            <span className=\"text-sm font-medium text-foreground\">{buildingOsmId ?? t('na')}</span>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"flex items-center gap-3 justify-center mt-4\">\r\n          <Button\r\n            type=\"button\"\r\n            variant=\"outline\"\r\n            aria-label=\"Edit Location\"\r\n            title=\"Edit Location\"\r\n            onClick={handleLocationEdit}\r\n            disabled={!ability.can('update', 'Building')}\r\n          >\r\n            <LR.LocationEdit className=\"w-4 h-4\" />\r\n          </Button>\r\n\r\n          <Button\r\n            type=\"submit\"\r\n            variant=\"outline\"\r\n            aria-label={t('addBuilding')}\r\n            title={t('addBuilding')}\r\n            disabled={isMutating || !ability.can('create', 'Building')}\r\n          >\r\n            {isMutating\r\n              ? (\r\n                  <>``\r\n                    <LoadingSpinner />\r\n                    <span className=\"text-sm\">{t('creating')}</span>\r\n                  </>\r\n                )\r\n              : (\r\n                  <>\r\n                    <LR.Building2 className=\"w-4 h-4\" />\r\n                    <span className=\"text-sm\">{t('addBuilding')}</span>\r\n                  </>\r\n                )}\r\n          </Button>\r\n        </div>\r\n      </form>\r\n    </PopoverContent>\r\n  )\r\n}"],"mappings":"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","names":["feature"]}

package/dist/core/components/viewers/map/src/MapFeaturePopoverMenu/src/OpenDataFeaturePopover.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { MapGeoJSONFeature } from 'maplibre-gl';
+interface OpenDataFeaturePopoverProps {
+    feature: MapGeoJSONFeature;
+    isOpen: boolean;
+    onCloseAction: () => void;
+}
+export default function OpenDataFeaturePopover({ feature, isOpen, onCloseAction, }: OpenDataFeaturePopoverProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=OpenDataFeaturePopover.d.ts.map

package/dist/core/components/viewers/map/src/MapFeaturePopoverMenu/src/OpenDataFeaturePopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenDataFeaturePopover.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/components/viewers/map/src/MapFeaturePopoverMenu/src/OpenDataFeaturePopover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAKpD,UAAU,2BAA2B;IACnC,OAAO,EAAE,iBAAiB,CAAA;IAC1B,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,OAAO,EACP,MAAM,EACN,aAAa,GACd,EAAE,2BAA2B,qBAqL7B"}

package/dist/core/components/viewers/map/src/MapFeaturePopoverMenu/src/OpenDataFeaturePopover.js

@@ -0,0 +1,144 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../../../ui/Button";
+import { PopoverContent } from "../../../../../ui/Popover";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "../../../../../ui/Table";
+import * as LR from "lucide-react";
+import ColorCircle from "../../../../../ui/ColorCircle";
+import { DatasetsContext } from "../../../../../../store/Datasets/context";
+import { stringToColour } from "../../../utils/stringToColour";
+function OpenDataFeaturePopover({
+  feature,
+  isOpen,
+  onCloseAction
+}) {
+  const t = useTranslations("OpenDataFeaturePopover");
+  const { state: datasetsState } = React.useContext(DatasetsContext);
+  const { addedDatasets } = datasetsState.datasets;
+  const featureProps = (feature == null ? void 0 : feature.properties) || {};
+  const validProperties = Object.entries(featureProps).filter(([key, value]) => {
+    const lowValue = String(value).toLowerCase();
+    if (value === null || value === void 0 || value === "" || lowValue === "null" || lowValue === "undefined" || lowValue === "none") {
+      return false;
+    }
+    const lowerKey = key.toLowerCase();
+    const excludingKeys = [
+      "globalid",
+      "latitude",
+      "lat",
+      "longitude",
+      "lng",
+      "lon",
+      "coordinates",
+      "coordina",
+      "x",
+      "y",
+      "z",
+      "geometry",
+      "cluster",
+      "cluster_id",
+      "point_count_abbreviated",
+      "datasetName",
+      "datasetColor"
+    ];
+    return !excludingKeys.includes(lowerKey);
+  }).sort(([keyA], [keyB]) => {
+    const aHasName = keyA.toLowerCase().includes("name");
+    const bHasName = keyB.toLowerCase().includes("name");
+    if (aHasName && !bHasName) return -1;
+    if (!aHasName && bHasName) return 1;
+    return 0;
+  });
+  const formatPropertyName = (key) => {
+    return key.replaceAll("_", " ").replaceAll(/\b\w/g, (l) => l.toUpperCase());
+  };
+  const formatPropertyValue = (value, key) => {
+    if (typeof value === "boolean") {
+      return value ? "Yes" : "No";
+    }
+    if (typeof value === "number") {
+      if (key && key.toLowerCase().includes("year")) {
+        return value.toString();
+      }
+      return value.toLocaleString();
+    }
+    if (typeof value === "string") {
+      if (value.startsWith("http://") || value.startsWith("https://")) {
+        return value;
+      }
+      return value;
+    }
+    return String(value);
+  };
+  const isUrl = (value) => {
+    return value.startsWith("http://") || value.startsWith("https://");
+  };
+  console.log("Feature Properties:", featureProps);
+  const datasetName = featureProps.datasetName ? featureProps.datasetName.replaceAll("_", " ") : t("unknownDataset");
+  const dataset = addedDatasets.find((d) => d.name === featureProps.datasetName);
+  const datasetColor = dataset ? dataset.layerColor.color : stringToColour(datasetName);
+  return /* @__PURE__ */ jsx(PopoverContent, { className: "w-80 -m-1", side: "top", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: onCloseAction,
+        variant: "ghost",
+        className: "absolute top-1 right-2 p-1 text-muted-foreground hover:text-foreground",
+        "aria-label": "Close",
+        children: /* @__PURE__ */ jsx(LR.X, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(LR.Database, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsx("h4", { className: "font-medium leading-none", children: t("propertiesHeader") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pl-[2px]", children: [
+        /* @__PURE__ */ jsx(ColorCircle, { color: datasetColor, size: 14 }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: datasetName })
+      ] })
+    ] }),
+    validProperties.length > 0 ? /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableHead, { className: "w-1/3 text-xs", children: t("propertyTableHead") }),
+        /* @__PURE__ */ jsx(TableHead, { className: "text-xs", children: t("valueTableHead") })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: validProperties.map(([key, value]) => /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { className: "font-medium text-xs py-2", children: formatPropertyName(key) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "text-xs py-2", children: isUrl(String(value)) ? /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: String(value),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-blue-600 hover:text-blue-800 underline break-all",
+            children: formatPropertyValue(value, key)
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: "break-words", children: formatPropertyValue(value, key) }) })
+      ] }, key)) })
+    ] }) }) : /* @__PURE__ */ jsxs("div", { className: "text-center py-4", children: [
+      /* @__PURE__ */ jsx(LR.FileX, { className: "w-8 h-8 text-muted-foreground mx-auto mb-2" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("noPropertyAvail") })
+    ] }),
+    validProperties.length > 10 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground text-center", children: [
+      t("showing"),
+      " ",
+      validProperties.length,
+      " ",
+      t("properties")
+    ] })
+  ] }) });
+}
+export {
+  OpenDataFeaturePopover as default
+};
+//# sourceMappingURL=OpenDataFeaturePopover.js.map