@collabdt/core 0.0.40

package/dist/core/components/viewers/map/src/Geocoder.js

@@ -0,0 +1,244 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { MapContext } from "../../../../store";
+import { fetchSuggestions, parseLocation, handleLocationSelect, buildingToFeature } from "../utils/geocoder";
+import { Command, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator } from "../../../ui/Command";
+import { Button } from "../../../ui/Button";
+import { Input } from "../../../ui/Input";
+import { Separator } from "../../../ui/Separator";
+import { Search } from "lucide-react";
+import { useBuildings } from "../../../../hooks/buildings/buildings";
+import { usePathname } from "next/navigation";
+import { LoadingSpinner } from "../../../ui/LoadingSpinner";
+function Geocoder({
+  onSelect,
+  showDatabaseBuildings = true,
+  alwaysExpanded = false
+}) {
+  const t = useTranslations("Geocoder");
+  const [address, setAddress] = React.useState("");
+  const [query, setQuery] = React.useState("");
+  const [suggestions, setSuggestions] = React.useState([]);
+  const [buildingResults, setBuildingResults] = React.useState([]);
+  const [focused, setFocused] = React.useState(alwaysExpanded);
+  const [selectedAddress, setSelectedAddress] = React.useState(null);
+  const [isExpanded, setIsExpanded] = React.useState(alwaysExpanded);
+  const [loading, setLoading] = React.useState(false);
+  const pathname = usePathname();
+  const suggestionsRef = React.useRef(null);
+  const inputRef = React.useRef(null);
+  const debounceRef = React.useRef(null);
+  const { dispatch: mapDispatch, state: mapState } = React.useContext(MapContext);
+  const { map, currentLocation, organizationCountry } = mapState.map;
+  const { buildings, isLoading: isBuildingsLoading } = useBuildings();
+  const filterBuildings = React.useCallback((searchQuery) => {
+    if (!showDatabaseBuildings || !buildings || !searchQuery || searchQuery.length < 3) return [];
+    const lowerQuery = searchQuery.toLowerCase();
+    if (Array.isArray(buildings) && buildings.length > 0) {
+      return buildings.filter((building) => {
+        return building.buildingName && building.buildingName.toLowerCase().includes(lowerQuery) || building.buildingAddress && building.buildingAddress.toLowerCase().includes(lowerQuery) || building.buildingMunicipality && building.buildingMunicipality.toLowerCase().includes(lowerQuery) || building.buildingCountrySubdivision && building.buildingCountrySubdivision.toLowerCase().includes(lowerQuery);
+      }).slice(0, 3);
+    }
+    return [];
+  }, [buildings, showDatabaseBuildings]);
+  React.useEffect(() => {
+    if (debounceRef.current) {
+      clearTimeout(debounceRef.current);
+    }
+    debounceRef.current = setTimeout(async () => {
+      if (!query || query.length < 3) {
+        setSuggestions([]);
+        setBuildingResults([]);
+        setLoading(false);
+        return;
+      }
+      setLoading(true);
+      try {
+        if (showDatabaseBuildings) {
+          const filteredBuildings = filterBuildings(query);
+          setBuildingResults(filteredBuildings);
+        }
+        const geocodeResults = await fetchSuggestions(query, organizationCountry);
+        const deduplicatedResults = geocodeResults.reduce((acc, feature) => {
+          var _a, _b;
+          const location = parseLocation(feature);
+          const key = `${((_a = location.name) == null ? void 0 : _a.toLowerCase()) || ""}_${((_b = location.region) == null ? void 0 : _b.toLowerCase()) || ""}`;
+          if (!acc.seen.has(key)) {
+            acc.seen.add(key);
+            acc.features.push(feature);
+          }
+          return acc;
+        }, { seen: /* @__PURE__ */ new Set(), features: [] });
+        setSuggestions(deduplicatedResults.features);
+      } catch (error) {
+        console.error("Error fetching suggestions:", error);
+        setSuggestions([]);
+      } finally {
+        setLoading(false);
+      }
+    }, 300);
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+    };
+  }, [query, filterBuildings, showDatabaseBuildings]);
+  React.useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (suggestionsRef.current && !suggestionsRef.current.contains(event.target) && inputRef.current && !inputRef.current.contains(event.target) && !alwaysExpanded) {
+        setFocused(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [alwaysExpanded]);
+  const handleSelectSuggestion = (feature, type = "") => {
+    var _a, _b;
+    setQuery("");
+    setSuggestions([]);
+    setBuildingResults([]);
+    if (!alwaysExpanded) {
+      setFocused(false);
+    }
+    const addressData = handleLocationSelect(feature, map, type);
+    const address2 = addressData.formatted_address || ((_a = feature.properties) == null ? void 0 : _a.label) || "";
+    setAddress(address2);
+    setSelectedAddress(addressData);
+    if (onSelect) onSelect(addressData);
+    if (mapDispatch && currentLocation) {
+      const [lng, lat] = addressData.coordinates;
+      const countrySubdivision = (_b = addressData.properties) == null ? void 0 : _b.region_a;
+      const parts = address2.split(",").map((p) => p.trim());
+      const partsReverse = [...parts].reverse();
+      console.log("parts", parts, "partsReverse", partsReverse);
+      let municipality = "";
+      if (partsReverse[1] === countrySubdivision) municipality = partsReverse[2] || "";
+      const newCurrentLocation = __spreadProps(__spreadValues({}, currentLocation), { municipality, countrySubdivision, longitude: lng, latitude: lat, address: parts[0] });
+      mapDispatch({ type: "UPDATE_LOCATION", payload: { currentLocation: newCurrentLocation } });
+      if (municipality && countrySubdivision) {
+        const url = new URL(window.location.href);
+        url.searchParams.set("municipality", municipality);
+        url.searchParams.set("countrySubdivision", countrySubdivision);
+        url.searchParams.set("address", parts[0]);
+        url.searchParams.set("lng", lng.toString());
+        url.searchParams.set("lat", lat.toString());
+        url.searchParams.set("zoom", "18");
+        window.history.replaceState({}, "", url.toString());
+      }
+    }
+  };
+  const handleExpand = () => {
+    if (alwaysExpanded) return;
+    setIsExpanded(!isExpanded);
+    if (isExpanded) {
+      setFocused(false);
+      setQuery("");
+      setSuggestions([]);
+      setBuildingResults([]);
+    } else {
+      setFocused(true);
+      setTimeout(() => {
+        var _a;
+        (_a = inputRef.current) == null ? void 0 : _a.focus();
+      }, 100);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Command, { children: [
+    /* @__PURE__ */ jsxs("div", { className: `flex flex-row justify-start items-center w-full h-auto `, children: [
+      !alwaysExpanded && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: handleExpand,
+          className: "opacity-70 w-6  justify-end hover:opacity-100 transition-opacity duration-200 hover:bg-transparent",
+          children: /* @__PURE__ */ jsx(Search, {})
+        }
+      ),
+      alwaysExpanded && /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 opacity-50" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          ref: inputRef,
+          type: "text",
+          value: query,
+          onChange: (e) => setQuery(e.target.value),
+          onFocus: () => setFocused(true),
+          onKeyDown: (e) => {
+            var _a;
+            if (e.key === "Enter") {
+              (_a = inputRef.current) == null ? void 0 : _a.blur();
+            }
+          },
+          placeholder: alwaysExpanded ? t("placeholder1") : t("placeholder2"),
+          className: `border-none focus-visible:ring-transparent text-sm transition-all ease-in-out duration-200 ${alwaysExpanded || isExpanded ? "w-full" : "w-0 p-0"}`
+        }
+      )
+    ] }),
+    focused && (loading || buildingResults.length > 0 || suggestions.length > 0) && /* @__PURE__ */ jsxs("div", { ref: suggestionsRef, children: [
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs(CommandList, { children: [
+        !loading && buildingResults.length === 0 && suggestions.length === 0 && query.length >= 3 && /* @__PURE__ */ jsx(CommandEmpty, { children: showDatabaseBuildings ? t("noResults") : t("noAddresses") }),
+        loading && /* @__PURE__ */ jsx(CommandEmpty, { children: /* @__PURE__ */ jsx(LoadingSpinner, {}) }),
+        showDatabaseBuildings && !loading && buildingResults.length > 0 && /* @__PURE__ */ jsx(CommandGroup, { heading: t("buildingHeader"), children: buildingResults.map((building) => {
+          const buildingFeature = buildingToFeature(building);
+          return /* @__PURE__ */ jsxs(
+            CommandItem,
+            {
+              onSelect: () => handleSelectSuggestion(buildingFeature, "dbBuilding"),
+              className: "cursor-pointer",
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "font-medium", children: building.buildingName }),
+                /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: building.buildingAddress })
+              ]
+            },
+            `building-${building.id}`
+          );
+        }) }),
+        showDatabaseBuildings && buildingResults.length > 0 && suggestions.length > 0 && /* @__PURE__ */ jsx(CommandSeparator, {}),
+        !loading && suggestions.length > 0 && /* @__PURE__ */ jsx(CommandGroup, { heading: showDatabaseBuildings ? t("suggestionsHeader") : void 0, children: suggestions.map((feature) => {
+          var _a, _b, _c, _d, _e, _f;
+          const location = parseLocation(feature);
+          const uniqueKey = ((_a = feature.properties) == null ? void 0 : _a.gid) || `${(_b = feature.properties) == null ? void 0 : _b.name}-${(_d = (_c = feature.geometry) == null ? void 0 : _c.coordinates) == null ? void 0 : _d[0]}-${(_f = (_e = feature.geometry) == null ? void 0 : _e.coordinates) == null ? void 0 : _f[1]}`;
+          return /* @__PURE__ */ jsxs(
+            CommandItem,
+            {
+              onSelect: () => handleSelectSuggestion(feature),
+              className: "cursor-pointer",
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "font-medium", children: location.name }),
+                /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: location.region })
+              ]
+            },
+            uniqueKey
+          );
+        }) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  Geocoder as default
+};
+//# sourceMappingURL=Geocoder.js.map

package/dist/core/components/viewers/map/src/Geocoder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/map/src/Geocoder.tsx"],"sourcesContent":["'use client'\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\n\r\n// Context\r\nimport { MapContext } from '../../../../store'\r\n\r\n// Utility functions\r\nimport { fetchSuggestions, parseLocation, handleLocationSelect, buildingToFeature } from '../utils/geocoder'\r\n\r\n// Import the shadcn components\r\nimport { Command, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator } from '../../../ui/Command'\r\nimport { Button } from '../../../ui/Button'\r\nimport { Input } from '../../../ui/Input'\r\nimport { Separator } from '../../../ui/Separator'\r\n\r\n// Icons\r\nimport { Search } from 'lucide-react'\r\n\r\n// Building data hook\r\nimport { useBuildings } from '../../../../hooks/buildings/buildings'\r\n\r\nimport { usePathname } from 'next/navigation'\r\nimport type { CurrentLocation } from '../../../../types/map'\r\nimport { LoadingSpinner } from '../../../ui/LoadingSpinner'\r\n\r\ninterface GeocoderProps {\r\n  onSelect?: (addressData: any) => void\r\n  showDatabaseBuildings?: boolean\r\n  alwaysExpanded?: boolean\r\n}\r\n\r\nexport default function Geocoder({\r\n  onSelect,\r\n  showDatabaseBuildings = true,\r\n  alwaysExpanded = false,\r\n}: GeocoderProps) {\r\n  // Translation\r\n  const t = useTranslations('Geocoder')\r\n\r\n  const [address, setAddress] = React.useState<string>('')\r\n  const [query, setQuery] = React.useState('')\r\n  const [suggestions, setSuggestions] = React.useState([])\r\n  const [buildingResults, setBuildingResults] = React.useState([])\r\n  const [focused, setFocused] = React.useState(alwaysExpanded)\r\n  const [selectedAddress, setSelectedAddress] = React.useState(null)\r\n  const [isExpanded, setIsExpanded] = React.useState(alwaysExpanded)\r\n  const [loading, setLoading] = React.useState(false)\r\n\r\n  const pathname = usePathname()\r\n\r\n  const suggestionsRef = React.useRef(null)\r\n  const inputRef = React.useRef(null)\r\n  const debounceRef = React.useRef(null)\r\n\r\n  const { dispatch: mapDispatch, state: mapState } = React.useContext(MapContext)\r\n  const { map, currentLocation, organizationCountry } = mapState.map\r\n\r\n  // Fetch buildings data from API only if showDatabaseBuildings is true\r\n  const { buildings, isLoading: isBuildingsLoading } = useBuildings()\r\n\r\n  // Filter buildings based on search query\r\n  const filterBuildings = React.useCallback((searchQuery) => {\r\n    if (!showDatabaseBuildings || !buildings || !searchQuery || searchQuery.length < 3) return []\r\n\r\n    const lowerQuery = searchQuery.toLowerCase()\r\n\r\n    if (Array.isArray(buildings) && buildings.length > 0) {\r\n      return buildings.filter((building) => {\r\n        return (\r\n          (building.buildingName && building.buildingName.toLowerCase().includes(lowerQuery))\r\n          || (building.buildingAddress && building.buildingAddress.toLowerCase().includes(lowerQuery))\r\n          || (building.buildingMunicipality && building.buildingMunicipality.toLowerCase().includes(lowerQuery))\r\n          || (building.buildingCountrySubdivision && building.buildingCountrySubdivision.toLowerCase().includes(lowerQuery))\r\n        )\r\n      }).slice(0, 3) // Limit to 3 results\r\n    }\r\n    return []\r\n  }, [buildings, showDatabaseBuildings])\r\n\r\n  // Debounce the API request to avoid rate limiting and excessive requests\r\n  React.useEffect(() => {\r\n    if (debounceRef.current) {\r\n      clearTimeout(debounceRef.current)\r\n    }\r\n\r\n    debounceRef.current = setTimeout(async () => {\r\n      if (!query || query.length < 3) {\r\n        setSuggestions([])\r\n        setBuildingResults([])\r\n        setLoading(false)\r\n        return\r\n      }\r\n\r\n      setLoading(true)\r\n      try {\r\n        // Filter buildings from our database only if enabled\r\n        if (showDatabaseBuildings) {\r\n          const filteredBuildings = filterBuildings(query)\r\n          setBuildingResults(filteredBuildings)\r\n        }\r\n\r\n        // Fetch geocoding suggestions\r\n        const geocodeResults = await fetchSuggestions(query, organizationCountry)\r\n        \r\n        // Deduplicate geocode results based on name and region\r\n        const deduplicatedResults = geocodeResults.reduce((acc, feature) => {\r\n          const location = parseLocation(feature)\r\n          // Create a unique key based on name and region (case-insensitive)\r\n          const key = `${location.name?.toLowerCase() || ''}_${location.region?.toLowerCase() || ''}`\r\n          \r\n          // Only add if we haven't seen this combination before\r\n          if (!acc.seen.has(key)) {\r\n            acc.seen.add(key)\r\n            acc.features.push(feature)\r\n          }\r\n          \r\n          return acc\r\n        }, { seen: new Set(), features: [] })\r\n        \r\n        setSuggestions(deduplicatedResults.features)\r\n      }\r\n      catch (error) {\r\n        console.error('Error fetching suggestions:', error)\r\n        setSuggestions([])\r\n      }\r\n      finally {\r\n        setLoading(false)\r\n      }\r\n    }, 300) // Increased debounce time for better API rate limiting\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current)\r\n    }\r\n  }, [query, filterBuildings, showDatabaseBuildings])\r\n\r\n  // Handle click outside to close suggestions\r\n  React.useEffect(() => {\r\n    const handleClickOutside = (event) => {\r\n      if (suggestionsRef.current && !suggestionsRef.current.contains(event.target)\r\n        && inputRef.current && !inputRef.current.contains(event.target) // Don't close if alwaysExpanded is true\r\n        && !alwaysExpanded) {\r\n        setFocused(false)\r\n      }\r\n    }\r\n\r\n    document.addEventListener('mousedown', handleClickOutside)\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside)\r\n    }\r\n  }, [alwaysExpanded])\r\n\r\n  // Handle suggestion selection\r\n  const handleSelectSuggestion = (feature, type = '') => {\r\n    setQuery('') // Clear the input field\r\n    setSuggestions([])\r\n    setBuildingResults([])\r\n    if (!alwaysExpanded) {\r\n      setFocused(false)\r\n    }\r\n\r\n    // handleLocationSelect will automatically remove any existing marker and add a new one\r\n    const addressData = handleLocationSelect(feature, map, type)\r\n\r\n    const address = addressData.formatted_address || feature.properties?.label || ''\r\n    setAddress(address)\r\n    setSelectedAddress(addressData)\r\n\r\n    if (onSelect) onSelect(addressData)\r\n\r\n    if (mapDispatch && currentLocation) {\r\n      const [lng, lat] = addressData.coordinates\r\n      const countrySubdivision: string = addressData.properties?.region_a\r\n      // Extract municipality (3rd from the right)\r\n      const parts = address.split(',').map(p => p.trim())\r\n      const partsReverse = [...parts].reverse()\r\n      console.log('parts', parts, 'partsReverse', partsReverse)\r\n      let municipality = ''\r\n      if (partsReverse[1] === countrySubdivision) municipality = partsReverse[2] || ''\r\n\r\n      const newCurrentLocation: CurrentLocation = { ...currentLocation, municipality, countrySubdivision, longitude: lng, latitude: lat, address: parts[0] }\r\n      mapDispatch({ type: 'UPDATE_LOCATION', payload: { currentLocation: newCurrentLocation } })\r\n      if (municipality && countrySubdivision) {\r\n        const url = new URL(window.location.href)\r\n        url.searchParams.set('municipality', municipality)\r\n        url.searchParams.set('countrySubdivision', countrySubdivision)\r\n        url.searchParams.set('address', parts[0])\r\n        url.searchParams.set('lng', lng.toString())\r\n        url.searchParams.set('lat', lat.toString())\r\n        url.searchParams.set('zoom', '18')\r\n        window.history.replaceState({}, '', url.toString())\r\n      }\r\n    }\r\n  }\r\n\r\n  // Handle expand of menubar to display search input\r\n  const handleExpand = () => {\r\n    if (alwaysExpanded) return // Don't allow toggling if always expanded\r\n\r\n    setIsExpanded(!isExpanded)\r\n    if (isExpanded) {\r\n      setFocused(false)\r\n      setQuery('') // clear input and suggestions when collapsed\r\n      setSuggestions([])\r\n      setBuildingResults([])\r\n    }\r\n    else {\r\n      setFocused(true)\r\n      setTimeout(() => {\r\n        inputRef.current?.focus()\r\n      }, 100) // Small delay to ensure the input is rendered\r\n    }\r\n  }\r\n\r\n  return (\r\n        <Command>\r\n          {/* Search input + button */}\r\n          <div className={`flex flex-row justify-start items-center w-full h-auto `}>\r\n            {!alwaysExpanded && (\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                onClick={handleExpand}\r\n                className=\"opacity-70 w-6  justify-end hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n              >\r\n                <Search />\r\n              </Button>\r\n            )}\r\n            {alwaysExpanded && (\r\n              <Search className=\"h-4 w-4 opacity-50\" />\r\n            )}\r\n            <Input\r\n              ref={inputRef}\r\n              type=\"text\"\r\n              value={query}\r\n              onChange={e => setQuery(e.target.value)}\r\n              onFocus={() => setFocused(true)}\r\n              onKeyDown={(e) => {\r\n                if (e.key === 'Enter') {\r\n                  inputRef.current?.blur()\r\n                }\r\n              }}\r\n              placeholder={alwaysExpanded ? t('placeholder1') : t('placeholder2')}\r\n              className={`border-none focus-visible:ring-transparent text-sm transition-all ease-in-out duration-200 ${\r\n                alwaysExpanded || isExpanded ? 'w-full' : 'w-0 p-0'\r\n              }`}\r\n            />\r\n          </div>\r\n\r\n          {focused && (loading || buildingResults.length > 0 || suggestions.length > 0) && (\r\n            <div ref={suggestionsRef}>\r\n              <Separator />\r\n              <CommandList>\r\n                {!loading && buildingResults.length === 0 && suggestions.length === 0 && query.length >= 3 && (\r\n                  <CommandEmpty>{showDatabaseBuildings ? t('noResults') : t('noAddresses')}</CommandEmpty>\r\n                )}\r\n\r\n                {loading && (\r\n                  <CommandEmpty><LoadingSpinner /></CommandEmpty>\r\n                )}\r\n\r\n                {/* Database Buildings section - only show if enabled */}\r\n                {showDatabaseBuildings && !loading && buildingResults.length > 0 && (\r\n                  <CommandGroup heading={t('buildingHeader')}>\r\n                    {buildingResults.map((building) => {\r\n                      const buildingFeature = buildingToFeature(building)\r\n\r\n                      return (\r\n                        <CommandItem\r\n                          key={`building-${building.id}`}\r\n                          onSelect={() => handleSelectSuggestion(buildingFeature, 'dbBuilding')}\r\n                          className=\"cursor-pointer\"\r\n                        >\r\n                          <div className=\"font-medium\">{building.buildingName}</div>\r\n                          <div className=\"text-sm text-muted-foreground\">\r\n                            {building.buildingAddress}\r\n                          </div>\r\n                        </CommandItem>\r\n                      )\r\n                    })}\r\n                  </CommandGroup>\r\n                )}\r\n\r\n                {/* Separator between sections if both have results */}\r\n                {showDatabaseBuildings && buildingResults.length > 0 && suggestions.length > 0 && (\r\n                  <CommandSeparator />\r\n                )}\r\n\r\n                {/* Geocoder suggestions section */}\r\n                {!loading && suggestions.length > 0 && (\r\n                  <CommandGroup heading={showDatabaseBuildings ? t('suggestionsHeader') : undefined}>\r\n                    {suggestions.map((feature) => {\r\n                      const location = parseLocation(feature)\r\n                      const uniqueKey = feature.properties?.gid\r\n                        || `${feature.properties?.name}-${feature.geometry?.coordinates?.[0]}-${feature.geometry?.coordinates?.[1]}`\r\n\r\n                      return (\r\n                        <CommandItem\r\n                          key={uniqueKey}\r\n                          onSelect={() => handleSelectSuggestion(feature)}\r\n                          className=\"cursor-pointer\"\r\n                        >\r\n                          <div className=\"font-medium\">{location.name}</div>\r\n                          <div className=\"text-sm text-muted-foreground\">{location.region}</div>\r\n                        </CommandItem>\r\n                      )\r\n                    })}\r\n                  </CommandGroup>\r\n                )}\r\n              </CommandList>\r\n            </div>\r\n          )}\r\n        </Command>\r\n  )\r\n}"],"mappings":"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","names":["address"]}

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

@@ -0,0 +1,9 @@
+import type { MapGeoJSONFeature } from 'maplibre-gl';
+import * as React from 'react';
+type Props = {
+    feature: MapGeoJSONFeature | null;
+    onCloseAction: () => void;
+};
+export default function MapFeaturePopoverMenu({ feature, onCloseAction }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/src/MapFeaturePopoverMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAGpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAA;IACjC,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAQD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,KAAK,qBAqG9E"}

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

@@ -0,0 +1,107 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Popover, PopoverTrigger } from "../../../../ui/Popover";
+import DatabaseBuildingPopover from "./src/DatabaseBuildingPopover";
+import NonDatabaseBuildingPopover from "./src/NonDatabaseBuildingPopover";
+import OpenDataFeaturePopover from "./src/OpenDataFeaturePopover";
+import PopoverSkeleton from "./src/PopoverSkeleton";
+function MapFeaturePopoverMenu({ feature, onCloseAction }) {
+  var _a, _b, _c;
+  const [open, setOpen] = React.useState(true);
+  const [popoverType, setPopoverType] = React.useState("loading");
+  const osmId = Number((feature == null ? void 0 : feature.id) || ((_a = feature == null ? void 0 : feature.properties) == null ? void 0 : _a.osmId) || ((_b = feature == null ? void 0 : feature.properties) == null ? void 0 : _b.osm_id)) || null;
+  const dbId = Number((_c = feature == null ? void 0 : feature.properties) == null ? void 0 : _c.dbId) || null;
+  React.useEffect(() => {
+    if (dbId) {
+      setPopoverType("database-building");
+    } else if (osmId) {
+      setPopoverType("non-database-building");
+    } else {
+      setPopoverType("open-data");
+    }
+  }, [feature]);
+  React.useEffect(() => {
+    const handleEsc = (event) => {
+      if (event.key === "Escape") {
+        setOpen(false);
+        if (onCloseAction)
+          onCloseAction();
+      }
+    };
+    window.addEventListener("keydown", handleEsc);
+    const handleMapInteraction = () => {
+      setOpen(false);
+      if (onCloseAction)
+        onCloseAction();
+    };
+    const mapElement = document.querySelector(".maplibregl-canvas");
+    if (mapElement) {
+      mapElement.addEventListener("wheel", handleMapInteraction);
+      mapElement.addEventListener("click", handleMapInteraction);
+    }
+    return () => {
+      window.removeEventListener("keydown", handleEsc);
+      if (mapElement) {
+        mapElement.removeEventListener("wheel", handleMapInteraction);
+        mapElement.removeEventListener("click", handleMapInteraction);
+      }
+    };
+  }, [onCloseAction]);
+  const handleClose = () => {
+    setOpen(false);
+    if (onCloseAction)
+      onCloseAction();
+  };
+  const renderPopoverContent = () => {
+    switch (popoverType) {
+      case "loading":
+        return /* @__PURE__ */ jsx(PopoverSkeleton, {});
+      case "database-building": {
+        return /* @__PURE__ */ jsx(
+          DatabaseBuildingPopover,
+          {
+            feature,
+            isOpen: open,
+            onCloseAction: handleClose
+          }
+        );
+      }
+      case "non-database-building":
+        return /* @__PURE__ */ jsx(
+          NonDatabaseBuildingPopover,
+          {
+            feature,
+            isOpen: open,
+            onCloseAction: handleClose
+          }
+        );
+      case "open-data":
+      default:
+        return /* @__PURE__ */ jsx(
+          OpenDataFeaturePopover,
+          {
+            feature,
+            isOpen: open,
+            onCloseAction: handleClose
+          }
+        );
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      open,
+      onOpenChange: setOpen,
+      defaultOpen: open,
+      children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", {}) }),
+        open && renderPopoverContent()
+      ]
+    }
+  );
+}
+export {
+  MapFeaturePopoverMenu as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/MapFeaturePopoverMenu/index.tsx"],"sourcesContent":["'use client'\r\nimport type { MapGeoJSONFeature } from 'maplibre-gl'\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\n\r\nimport { Popover, PopoverTrigger } from '../../../../ui/Popover'\r\n\r\nimport DatabaseBuildingPopover from './src/DatabaseBuildingPopover'\r\nimport NonDatabaseBuildingPopover from './src/NonDatabaseBuildingPopover'\r\nimport OpenDataFeaturePopover from './src/OpenDataFeaturePopover'\r\nimport PopoverSkeleton from './src/PopoverSkeleton'\r\n\r\ntype Props = {\r\n  feature: MapGeoJSONFeature | null\r\n  onCloseAction: () => void\r\n}\r\n\r\ntype PopoverType\r\n  = | 'database-building'\r\n    | 'non-database-building'\r\n    | 'open-data'\r\n    | 'loading'\r\n\r\nexport default function MapFeaturePopoverMenu({ feature, onCloseAction }: Props) {\r\n  const [open, setOpen] = React.useState(true)\r\n  const [popoverType, setPopoverType] = React.useState<PopoverType>('loading')\r\n\r\n  const osmId: number = Number(feature?.id || feature?.properties?.osmId || feature?.properties?.osm_id) || null\r\n  const dbId: number = Number(feature?.properties?.dbId) || null\r\n\r\n  React.useEffect(() => {\r\n    if (dbId) {\r\n      setPopoverType('database-building')\r\n    }\r\n    else if (osmId) {\r\n      setPopoverType('non-database-building')\r\n    }\r\n    else {\r\n      setPopoverType('open-data')\r\n    }\r\n  }, [feature])\r\n\r\n  React.useEffect(() => {\r\n    const handleEsc = (event: KeyboardEvent) => {\r\n      if (event.key === 'Escape') {\r\n        setOpen(false)\r\n        if (onCloseAction)\r\n          onCloseAction()\r\n      }\r\n    }\r\n    window.addEventListener('keydown', handleEsc)\r\n\r\n    // Add map pan/zoom handler to close popover\r\n    const handleMapInteraction = () => {\r\n      setOpen(false)\r\n      if (onCloseAction)\r\n        onCloseAction()\r\n    }\r\n    const mapElement = document.querySelector('.maplibregl-canvas')\r\n    if (mapElement) {\r\n      mapElement.addEventListener('wheel', handleMapInteraction)\r\n      mapElement.addEventListener('click', handleMapInteraction)\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener('keydown', handleEsc)\r\n      if (mapElement) {\r\n        mapElement.removeEventListener('wheel', handleMapInteraction)\r\n        mapElement.removeEventListener('click', handleMapInteraction)\r\n      }\r\n    }\r\n  }, [onCloseAction])\r\n\r\n  const handleClose = () => {\r\n    setOpen(false)\r\n    if (onCloseAction)\r\n      onCloseAction()\r\n  }\r\n\r\n  const renderPopoverContent = () => {\r\n    switch (popoverType) {\r\n      case 'loading':\r\n        return <PopoverSkeleton />\r\n      case 'database-building': {\r\n        return (\r\n          <DatabaseBuildingPopover\r\n            feature={feature}\r\n            isOpen={open}\r\n            onCloseAction={handleClose}\r\n          />\r\n        )\r\n      }\r\n      case 'non-database-building':\r\n        return (\r\n          <NonDatabaseBuildingPopover\r\n            feature={feature}\r\n            isOpen={open}\r\n            onCloseAction={handleClose}\r\n          />\r\n        )\r\n      case 'open-data':\r\n      default:\r\n        return (\r\n          <OpenDataFeaturePopover\r\n            feature={feature}\r\n            isOpen={open}\r\n            onCloseAction={handleClose}\r\n          />\r\n        )\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Popover\r\n      open={open}\r\n      onOpenChange={setOpen}\r\n      defaultOpen={open}\r\n    >\r\n      <PopoverTrigger asChild>\r\n        <div />\r\n      </PopoverTrigger>\r\n      {open && renderPopoverContent()}\r\n    </Popover>\r\n  )\r\n}\r\n"],"mappings":";AAmFe,cA+BX,YA/BW;AA/Ef,YAAY,WAAW;AAEvB,SAAS,SAAS,sBAAsB;AAExC,OAAO,6BAA6B;AACpC,OAAO,gCAAgC;AACvC,OAAO,4BAA4B;AACnC,OAAO,qBAAqB;AAab,SAAR,sBAAuC,EAAE,SAAS,cAAc,GAAU;AAxBjF;AAyBE,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,IAAI;AAC3C,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAsB,SAAS;AAE3E,QAAM,QAAgB,QAAO,mCAAS,SAAM,wCAAS,eAAT,mBAAqB,YAAS,wCAAS,eAAT,mBAAqB,OAAM,KAAK;AAC1G,QAAM,OAAe,QAAO,wCAAS,eAAT,mBAAqB,IAAI,KAAK;AAE1D,QAAM,UAAU,MAAM;AACpB,QAAI,MAAM;AACR,qBAAe,mBAAmB;AAAA,IACpC,WACS,OAAO;AACd,qBAAe,uBAAuB;AAAA,IACxC,OACK;AACH,qBAAe,WAAW;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,UAAU,MAAM;AACpB,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,QAAQ,UAAU;AAC1B,gBAAQ,KAAK;AACb,YAAI;AACF,wBAAc;AAAA,MAClB;AAAA,IACF;AACA,WAAO,iBAAiB,WAAW,SAAS;AAG5C,UAAM,uBAAuB,MAAM;AACjC,cAAQ,KAAK;AACb,UAAI;AACF,sBAAc;AAAA,IAClB;AACA,UAAM,aAAa,SAAS,cAAc,oBAAoB;AAC9D,QAAI,YAAY;AACd,iBAAW,iBAAiB,SAAS,oBAAoB;AACzD,iBAAW,iBAAiB,SAAS,oBAAoB;AAAA,IAC3D;AAEA,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,SAAS;AAC/C,UAAI,YAAY;AACd,mBAAW,oBAAoB,SAAS,oBAAoB;AAC5D,mBAAW,oBAAoB,SAAS,oBAAoB;AAAA,MAC9D;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,cAAc,MAAM;AACxB,YAAQ,KAAK;AACb,QAAI;AACF,oBAAc;AAAA,EAClB;AAEA,QAAM,uBAAuB,MAAM;AACjC,YAAQ,aAAa;AAAA,MACnB,KAAK;AACH,eAAO,oBAAC,mBAAgB;AAAA,MAC1B,KAAK,qBAAqB;AACxB,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,QAAQ;AAAA,YACR,eAAe;AAAA;AAAA,QACjB;AAAA,MAEJ;AAAA,MACA,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,QAAQ;AAAA,YACR,eAAe;AAAA;AAAA,QACjB;AAAA,MAEJ,KAAK;AAAA,MACL;AACE,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,QAAQ;AAAA,YACR,eAAe;AAAA;AAAA,QACjB;AAAA,IAEN;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,MAEb;AAAA,4BAAC,kBAAe,SAAO,MACrB,8BAAC,SAAI,GACP;AAAA,QACC,QAAQ,qBAAqB;AAAA;AAAA;AAAA,EAChC;AAEJ;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/MapFeaturePopoverMenu/src/DatabaseBuildingPopover/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAEnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,4BAA4B,GAAG;IAChC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAE,EAC7C,OAAO,EACP,MAAM,EACN,aAAa,GACZ,EAAE,4BAA4B,qBAiLlC"}

package/dist/core/components/viewers/map/src/MapFeaturePopoverMenu/src/DatabaseBuildingPopover/index.js

@@ -0,0 +1,151 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as LR from "lucide-react";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { useBuilding } from "../../../../../../../hooks/buildings/buildings";
+import { MapContext } from "../../../../../../../store";
+import { Button, Separator, Skeleton, Badge } from "../../../../../../../components/ui/";
+import { PopoverContent } from "../../../../../../../components/ui/Popover";
+import BuildingTools from "./src/BuildingsTools";
+function DatabaseBuildingPopover({
+  feature,
+  isOpen,
+  onCloseAction
+}) {
+  const t = useTranslations("DatabaseBuildingPopover");
+  const { state: mapState } = React.useContext(MapContext);
+  const featureProps = React.useMemo(
+    () => (feature == null ? void 0 : feature.properties) || {},
+    [feature == null ? void 0 : feature.properties]
+  );
+  const buildingId = React.useMemo(
+    () => {
+      const id = Number(featureProps.dbId);
+      return isNaN(id) ? null : id;
+    },
+    [featureProps.dbId]
+  );
+  const locationData = React.useMemo(
+    () => ({
+      "countrySubdivision": featureProps.de_ao_prov || mapState.map.currentLocation.countrySubdivision || null,
+      "municipality": featureProps.de_ao_city || mapState.map.currentLocation.municipality || null,
+      "address": featureProps.de_ao_stre || mapState.map.currentLocation.address || null,
+      "postalCode": featureProps.de_ao_post || mapState.map.currentLocation.postalCode || null,
+      "site": mapState.map.currentLocation.site || null
+    }),
+    [
+      featureProps.de_ao_prov,
+      featureProps.de_ao_city,
+      featureProps.de_ao_stre,
+      featureProps.de_ao_post,
+      mapState.map.currentLocation.countrySubdivision,
+      mapState.map.currentLocation.municipality,
+      mapState.map.currentLocation.address,
+      mapState.map.currentLocation.postalCode,
+      mapState.map.currentLocation.site
+    ]
+  );
+  const shouldFetchData = Boolean(buildingId && isOpen);
+  const { building, isLoading, isError } = useBuilding(shouldFetchData ? buildingId : null);
+  const displayData = React.useMemo(
+    () => ({
+      "name": (building == null ? void 0 : building.buildingName) || t("namePlaceholder"),
+      "displayAddress": (building == null ? void 0 : building.buildingAddress) || locationData.address,
+      "buildingType": building == null ? void 0 : building.buildingType,
+      "NumberOfStoreys": building == null ? void 0 : building.buildingStoreyNum
+    }),
+    [
+      building == null ? void 0 : building.buildingName,
+      building == null ? void 0 : building.buildingAddress,
+      building == null ? void 0 : building.buildingType,
+      building == null ? void 0 : building.buildingStoreyNum,
+      locationData.address
+    ]
+  );
+  if (!buildingId) {
+    return null;
+  }
+  const [expanded, setExpanded] = React.useState(false);
+  const shortSubdivision = React.useMemo(() => {
+    const code = locationData.countrySubdivision;
+    if (!code) return null;
+    const dash = code.lastIndexOf("-");
+    return dash >= 0 ? code.slice(dash + 1) : code;
+  }, [locationData.countrySubdivision]);
+  return /* @__PURE__ */ jsxs(
+    PopoverContent,
+    {
+      className: "w-64 -m-1",
+      side: "top",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 mb-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }) : isError ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-destructive", children: [
+              /* @__PURE__ */ jsx(LR.AlertCircle, { className: "w-4 h-4 shrink-0" }),
+              /* @__PURE__ */ jsx("h4", { className: "font-medium leading-none truncate", children: t("loadingError") })
+            ] }) : /* @__PURE__ */ jsx("h4", { className: "font-medium leading-snug", children: displayData.name }),
+            isError && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: String(isError) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": "Close",
+              className: "shrink-0 p-0 m-0 text-muted-foreground hover:text-foreground",
+              onClick: onCloseAction,
+              variant: "ghost",
+              size: "icon",
+              children: /* @__PURE__ */ jsx(LR.X, { className: "w-4 h-4" })
+            }
+          )
+        ] }),
+        !isError && /* @__PURE__ */ jsxs(Fragment, { children: [
+          isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24 mt-1" }) : /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "w-full h-7 text-xs text-muted-foreground justify-start gap-1 px-0 hover:text-foreground hover:bg-transparent",
+              onClick: () => setExpanded((v) => !v),
+              children: [
+                expanded ? /* @__PURE__ */ jsx(LR.ChevronUp, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx(LR.ChevronDown, { className: "w-3 h-3" }),
+                expanded ? t("hideDetails") : t("showDetails")
+              ]
+            }
+          ),
+          expanded && !isLoading && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-medium", children: t("address") }),
+              locationData.site && /* @__PURE__ */ jsx("p", { className: "text-sm", children: locationData.site.replace("_", " ") }),
+              displayData.displayAddress && /* @__PURE__ */ jsx("p", { className: "text-sm", children: displayData.displayAddress }),
+              (locationData.municipality || shortSubdivision || locationData.postalCode) && /* @__PURE__ */ jsx("p", { className: "text-sm", children: [locationData.municipality, shortSubdivision, locationData.postalCode].filter(Boolean).join(", ") })
+            ] }),
+            displayData.buildingType && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-medium", children: t("buildingType") }),
+              /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: displayData.buildingType })
+            ] }),
+            displayData.NumberOfStoreys && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-medium", children: t("StoreysNum") }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm", children: displayData.NumberOfStoreys })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Separator, { className: "my-3" }),
+        /* @__PURE__ */ jsx(
+          BuildingTools,
+          {
+            building,
+            feature,
+            isError,
+            isLoading,
+            onCloseAction
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  DatabaseBuildingPopover as default
+};
+//# sourceMappingURL=index.js.map

package/dist/core/components/viewers/map/src/MapFeaturePopoverMenu/src/DatabaseBuildingPopover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/map/src/MapFeaturePopoverMenu/src/DatabaseBuildingPopover/index.tsx"],"sourcesContent":["\"use client\";\r\nimport type {MapGeoJSONFeature} from \"maplibre-gl\";\r\nimport * as LR from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport {useTranslations} from \"next-intl\";\r\n\r\nimport {useBuilding} from \"../../../../../../../hooks/buildings/buildings\";\r\nimport {MapContext} from \"../../../../../../../store\";\r\nimport {Button, Separator, Skeleton, Badge} from \"../../../../../../../components/ui/\";\r\nimport {PopoverContent} from \"../../../../../../../components/ui/Popover\";\r\nimport BuildingTools from \"./src/BuildingsTools\";\r\n\r\ntype DatabaseBuildingPopoverProps = {\r\n    \"feature\": MapGeoJSONFeature;\r\n    \"isOpen\": boolean;\r\n    \"onCloseAction\": () => void;\r\n};\r\n\r\nexport default function DatabaseBuildingPopover ({\r\n    feature,\r\n    isOpen,\r\n    onCloseAction,\r\n    }: DatabaseBuildingPopoverProps) {\r\n\r\n    const t = useTranslations('DatabaseBuildingPopover')\r\n    \r\n\r\n    const {state: mapState} = React.useContext(MapContext);\r\n\r\n    const featureProps = React.useMemo(\r\n        () => feature?.properties || {},\r\n        [feature?.properties],\r\n    );\r\n    const buildingId = React.useMemo(\r\n        () => {\r\n\r\n            const id = Number(featureProps.dbId);\r\n            return isNaN(id)\r\n                ? null\r\n                : id;\r\n\r\n        },\r\n        [featureProps.dbId],\r\n    );\r\n\r\n    const locationData = React.useMemo(\r\n        () => ({\r\n            \"countrySubdivision\": featureProps.de_ao_prov || mapState.map.currentLocation.countrySubdivision || null,\r\n            \"municipality\": featureProps.de_ao_city || mapState.map.currentLocation.municipality || null,\r\n            \"address\": featureProps.de_ao_stre || mapState.map.currentLocation.address || null,\r\n            \"postalCode\": featureProps.de_ao_post || mapState.map.currentLocation.postalCode || null,\r\n            \"site\": mapState.map.currentLocation.site || null,\r\n    }),\r\n        [\r\n            featureProps.de_ao_prov,\r\n            featureProps.de_ao_city,\r\n            featureProps.de_ao_stre,\r\n            featureProps.de_ao_post,\r\n            mapState.map.currentLocation.countrySubdivision,\r\n            mapState.map.currentLocation.municipality,\r\n            mapState.map.currentLocation.address,\r\n            mapState.map.currentLocation.postalCode,\r\n            mapState.map.currentLocation.site,\r\n        ]);\r\n\r\n    const shouldFetchData = Boolean(buildingId && isOpen);\r\n    const {building, isLoading, isError} = useBuilding(shouldFetchData\r\n        ? buildingId\r\n        : null);\r\n\r\n    const displayData = React.useMemo(\r\n        () => ({\r\n            \"name\": building?.buildingName || t('namePlaceholder'),\r\n            \"displayAddress\": building?.buildingAddress || locationData.address,\r\n            \"buildingType\": building?.buildingType,\r\n            \"NumberOfStoreys\": building?.buildingStoreyNum,\r\n        }),\r\n        [\r\n            building?.buildingName,\r\n            building?.buildingAddress,\r\n            building?.buildingType,\r\n            building?.buildingStoreyNum,\r\n            locationData.address,\r\n]\r\n    );\r\n\r\n    if (!buildingId) {\r\n\r\n        return null;\r\n\r\n    }\r\n\r\n    const [expanded, setExpanded] = React.useState(false);\r\n\r\n    // Show only the short subdivision code (e.g. \"ON\" from \"CA-ON\")\r\n    const shortSubdivision = React.useMemo(() => {\r\n        const code = locationData.countrySubdivision;\r\n        if (!code) return null;\r\n        const dash = code.lastIndexOf('-');\r\n        return dash >= 0 ? code.slice(dash + 1) : code;\r\n    }, [locationData.countrySubdivision]);\r\n\r\n    return (\r\n        <PopoverContent\r\n            className=\"w-64 -m-1\"\r\n            side=\"top\"\r\n        >\r\n            {/* Header row: title + close button, no overlap */}\r\n            <div className=\"flex items-center justify-between gap-2 mb-1\">\r\n                <div className=\"flex-1 min-w-0\">\r\n                    {isLoading\r\n                        ? <Skeleton className=\"h-4 w-32\" />\r\n                        : isError\r\n                            ? (\r\n                                <div className=\"flex items-center gap-2 text-destructive\">\r\n                                    <LR.AlertCircle className=\"w-4 h-4 shrink-0\" />\r\n                                    <h4 className=\"font-medium leading-none truncate\">{t('loadingError')}</h4>\r\n                                </div>\r\n                            )\r\n                            : <h4 className=\"font-medium leading-snug\">{displayData.name}</h4>\r\n                    }\r\n                    {isError && <p className=\"text-xs text-muted-foreground mt-1\">{String(isError)}</p>}\r\n                </div>\r\n                <Button\r\n                    aria-label=\"Close\"\r\n                    className=\"shrink-0 p-0 m-0 text-muted-foreground hover:text-foreground\"\r\n                    onClick={onCloseAction}\r\n                    variant=\"ghost\"\r\n                    size=\"icon\"\r\n                >\r\n                    <LR.X className=\"w-4 h-4\" />\r\n                </Button>\r\n            </div>\r\n            {/* Expand/collapse details */}\r\n            {!isError && (\r\n                <>\r\n                    {isLoading\r\n                        ? <Skeleton className=\"h-5 w-24 mt-1\" />\r\n                        : (\r\n                            <Button\r\n                                variant=\"ghost\"\r\n                                size=\"sm\"\r\n                                className=\"w-full h-7 text-xs text-muted-foreground justify-start gap-1 px-0 hover:text-foreground hover:bg-transparent\"\r\n                                onClick={() => setExpanded(v => !v)}\r\n                            >\r\n                                {expanded ? <LR.ChevronUp className=\"w-3 h-3\" /> : <LR.ChevronDown className=\"w-3 h-3\" />}\r\n                                {expanded ? t('hideDetails') : t('showDetails')}\r\n                            </Button>\r\n                        )}\r\n\r\n                    {expanded && !isLoading && (\r\n                        <div className=\"mt-2 flex flex-col gap-2\">\r\n                            {/* Address */}\r\n                            <div>\r\n                                <p className=\"text-xs text-muted-foreground font-medium\">{t('address')}</p>\r\n                                {locationData.site && (\r\n                                    <p className=\"text-sm\">{locationData.site.replace(\"_\", \" \")}</p>\r\n                                )}\r\n                                {displayData.displayAddress && (\r\n                                    <p className=\"text-sm\">{displayData.displayAddress}</p>\r\n                                )}\r\n                                {(locationData.municipality || shortSubdivision || locationData.postalCode) && (\r\n                                    <p className=\"text-sm\">\r\n                                        {[locationData.municipality, shortSubdivision, locationData.postalCode]\r\n                                            .filter(Boolean)\r\n                                            .join(\", \")}\r\n                                    </p>\r\n                                )}\r\n                            </div>\r\n                            {/* Building Type */}\r\n                            {displayData.buildingType && (\r\n                                <div>\r\n                                    <p className=\"text-xs text-muted-foreground font-medium\">{t('buildingType')}</p>\r\n                                    <Badge variant=\"secondary\">{displayData.buildingType}</Badge>\r\n                                </div>\r\n                            )}\r\n                            {/* Number of Storeys */}\r\n                            {displayData.NumberOfStoreys && (\r\n                                <div>\r\n                                    <p className=\"text-xs text-muted-foreground font-medium\">{t('StoreysNum')}</p>\r\n                                    <p className=\"text-sm\">{displayData.NumberOfStoreys}</p>\r\n                                </div>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n                </>\r\n            )}\r\n\r\n            <Separator className=\"my-3\" />\r\n            <BuildingTools\r\n                building={building}\r\n                feature={feature}\r\n                isError={isError}\r\n                isLoading={isLoading}\r\n                onCloseAction={onCloseAction}\r\n            />\r\n        </PopoverContent>\r\n    );\r\n\r\n}\r\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,13 @@
+import React from "react";
+import type { MapGeoJSONFeature } from "maplibre-gl";
+import type { Building } from "../../../../../../../../types/dbTypes";
+interface BuildingToolsProps {
+    isLoading: boolean;
+    isError: boolean;
+    building: Building | null;
+    feature: MapGeoJSONFeature;
+    onCloseAction: () => void;
+}
+export default function BuildingTools({ isLoading, isError, building, feature, onCloseAction }: BuildingToolsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=BuildingsTools.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BuildingsTools.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapFeaturePopoverMenu/src/DatabaseBuildingPopover/src/BuildingsTools.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAOrD,OAAO,KAAK,EAAE,QAAQ,EAAU,MAAM,uCAAuC,CAAC;AAe9E,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,SAAS,EACT,OAAO,EACP,QAAQ,EACR,OAAO,EACP,aAAa,EACd,EAAE,kBAAkB,qBA4WpB"}