@collabdt/core 0.0.40

package/dist/core/components/viewers/map/src/tools/AddTools/AddFile/FileAdder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddFile/FileAdder.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as LR from 'lucide-react'\r\nimport type { LucideIcon } from 'lucide-react'\r\nimport maplibregl from 'maplibre-gl'\r\nimport ReactDOM from 'react-dom/client'\r\nimport { mutate } from 'swr'\r\nimport { useTranslations } from 'next-intl'\r\nimport { toast } from 'sonner'\r\n\r\nimport { MapContext, FilesContext } from '../../../../../../../store'\r\nimport { CursorType } from '../../../../../../../types/global'\r\nimport { uploadFileWithProgress } from './utils/uploadToPresignedURLS'\r\nimport { acceptedFiles, isAcceptedFileType } from '../../../../../../../utils/acceptedFiles'\r\nimport { AddItemDialog } from '../../../../../../ui/AddItemDialog'\r\nimport { Input } from '../../../../../../ui/Input'\r\nimport { cn } from '../../../../../../../utils/utils'\r\nimport MapFileMarker from '../../../MapLayers/src/FileLayer/components/MapFileMarker'\r\n\r\nfunction getFileExtension(file: File): string {\r\n  if (!file?.name) return ''\r\n  const parts = file.name.split('.')\r\n  if (parts.length <= 1) return ''\r\n  return parts.pop()!.toLowerCase()\r\n}\r\n\r\ntype FileAdderProps = {\r\n  isOpen: boolean\r\n  onClose: () => void\r\n}\r\n\r\ntype FileAdderDialogProps = {\r\n  isOpen: boolean\r\n  onClose: () => void\r\n  title: string\r\n  icon: LucideIcon\r\n  accept: string\r\n  onFileSelect: (event: React.ChangeEvent<HTMLInputElement>) => void\r\n  onFileDrop?: (file: File) => void\r\n  disabled?: boolean\r\n  dropZoneTitle: string\r\n  dropZoneSubtext: string\r\n  hide?: boolean\r\n}\r\n\r\nexport const FileAdderDialog = ({\r\n  isOpen,\r\n  onClose,\r\n  title,\r\n  icon,\r\n  accept,\r\n  onFileSelect,\r\n  onFileDrop,\r\n  disabled,\r\n  dropZoneTitle,\r\n  dropZoneSubtext,\r\n  hide,\r\n}: FileAdderDialogProps) => {\r\n  const fileInputRef = React.useRef<HTMLInputElement>(null)\r\n  const [isDragging, setIsDragging] = React.useState(false)\r\n\r\n  const handleDrop = (e: React.DragEvent) => {\r\n    e.preventDefault()\r\n    setIsDragging(false)\r\n    const file = e.dataTransfer.files[0]\r\n    if (file) onFileDrop?.(file)\r\n  }\r\n\r\n  if (hide) return null\r\n\r\n  return (\r\n    <AddItemDialog\r\n      open={isOpen}\r\n      onOpenChange={open => !open && onClose()}\r\n      title={title}\r\n      icon={icon}\r\n    >\r\n      <div className=\"flex flex-col gap-3\">\r\n        <div\r\n          onDrop={handleDrop}\r\n          onDragOver={e => { e.preventDefault(); setIsDragging(true) }}\r\n          onDragLeave={() => setIsDragging(false)}\r\n          onDragEnd={() => setIsDragging(false)}\r\n          onClick={() => fileInputRef.current?.click()}\r\n          className={cn(\r\n            'border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors select-none',\r\n            isDragging\r\n              ? 'border-primary bg-primary/5'\r\n              : 'border-muted-foreground/25 hover:border-primary/50 hover:bg-muted/30',\r\n          )}\r\n        >\r\n          <LR.Upload className=\"mx-auto mb-3 text-muted-foreground\" size={28} />\r\n          <p className=\"text-sm font-medium\">{dropZoneTitle}</p>\r\n          <p className=\"text-xs text-muted-foreground mt-1\">{dropZoneSubtext}</p>\r\n        </div>\r\n\r\n        <Input\r\n          ref={fileInputRef}\r\n          type=\"file\"\r\n          accept={accept}\r\n          className=\"hidden\"\r\n          onChange={onFileSelect}\r\n          disabled={disabled}\r\n        />\r\n      </div>\r\n    </AddItemDialog>\r\n  )\r\n}\r\n\r\nexport const FileAdder = ({ isOpen, onClose }: FileAdderProps) => {\r\n  const t = useTranslations('FileAdder')\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map } = mapState.map\r\n  const { dispatch: fileDispatch } = React.useContext(FilesContext)\r\n\r\n  const [selectedFile, setSelectedFile] = React.useState<File | null>(null)\r\n  const [isUploading, setIsUploading] = React.useState(false)\r\n\r\n  // Reset state when tool is closed from outside\r\n  React.useEffect(() => {\r\n    if (!isOpen) {\r\n      setSelectedFile(null)\r\n      setIsUploading(false)\r\n    }\r\n  }, [isOpen])\r\n\r\n  const setCursor = (cursor: CursorType) => {\r\n    if (map) {\r\n      if (map.getCanvas().style.cursor === cursor) return\r\n      map.getCanvas().style.cursor = cursor\r\n    }\r\n  }\r\n\r\n  function addTemporaryFileIcon(\r\n    map: maplibregl.Map,\r\n    file: File,\r\n    lng: number,\r\n    lat: number,\r\n  ): maplibregl.Marker {\r\n    const markerEl = document.createElement('div')\r\n    markerEl.style.width = '24px'\r\n    markerEl.style.height = '24px'\r\n    markerEl.style.display = 'flex'\r\n    markerEl.style.alignItems = 'center'\r\n    markerEl.style.justifyContent = 'center'\r\n\r\n    const iconEl = MapFileMarker({ mimeType: file.type, extension: 'uploading' })\r\n    const iconContainer = document.createElement('div')\r\n    const root = ReactDOM.createRoot(iconContainer)\r\n    root.render(iconEl)\r\n    markerEl.append(iconContainer)\r\n\r\n    return new maplibregl.Marker({ element: markerEl, draggable: false })\r\n      .setLngLat([lng, lat])\r\n      .addTo(map)\r\n  }\r\n\r\n  // Show instruction toast when file is selected and dismiss when deselected\r\n  React.useEffect(() => {\r\n    if (!selectedFile) {\r\n      toast.dismiss('place-file-toast')\r\n      return\r\n    }\r\n    toast.info(`${t('placeOnMapToast')}: \"${selectedFile.name}\"`, {\r\n      id: 'place-file-toast',\r\n      duration: Infinity,\r\n    })\r\n    return () => {\r\n      toast.dismiss('place-file-toast')\r\n    }\r\n  }, [selectedFile])\r\n\r\n  // Escape cancels placement\r\n  React.useEffect(() => {\r\n    if (!selectedFile || isUploading) return\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape') {\r\n        setSelectedFile(null)\r\n        setCursor('')\r\n        onClose()\r\n      }\r\n    }\r\n    window.addEventListener('keydown', onKey)\r\n    return () => window.removeEventListener('keydown', onKey)\r\n  }, [selectedFile, isUploading])\r\n\r\n  // Map double-click handler for placement\r\n  React.useEffect(() => {\r\n    const dblclickHandler = async (e: maplibregl.MapMouseEvent): Promise<void> => {\r\n      if (!selectedFile) return\r\n      if (isUploading) return\r\n\r\n      setIsUploading(true)\r\n      setCursor(null)\r\n      toast.dismiss('place-file-toast')\r\n\r\n      const lng = e.lngLat.lng\r\n      const lat = e.lngLat.lat\r\n      const elevation = 0\r\n\r\n      const temporaryFileIcon = addTemporaryFileIcon(map, selectedFile, lng, lat)\r\n      const toastId = toast.loading(`${t('uploading')} \"${selectedFile.name}\"...`)\r\n\r\n      try {\r\n        const fileId = crypto.randomUUID()\r\n\r\n        const response = await fetch(`/api/presigned-url-upload?asset=${fileId}`)\r\n        if (!response.ok) throw new Error('Failed to fetch presigned URL')\r\n        const { presignedUrl } = await response.json()\r\n\r\n        await uploadFileWithProgress(presignedUrl, selectedFile, () => {})\r\n\r\n        const newFile = {\r\n          type: 'map-file',\r\n          url: '',\r\n          name: selectedFile.name?.trim() || 'file name',\r\n          mimeType: selectedFile.type,\r\n          extension: getFileExtension(selectedFile),\r\n          sizeBytes: selectedFile.size,\r\n          uploadedAt: new Date(),\r\n          description: '',\r\n          isVisible: true,\r\n          lat,\r\n          lng,\r\n          elevation,\r\n          assetId: fileId,\r\n        }\r\n\r\n        const metadataResponse = await fetch('/api/files/create', {\r\n          method: 'POST',\r\n          headers: { 'Content-Type': 'application/json' },\r\n          body: JSON.stringify(newFile),\r\n        })\r\n\r\n        if (!metadataResponse.ok) {\r\n          throw new Error(`Failed to upload file metadata: ${metadataResponse.statusText}`)\r\n        }\r\n\r\n        const { newFile: createdFile } = await metadataResponse.json()\r\n\r\n        // Fetch with presigned URL so 3D models can load immediately\r\n        let fileToAdd = createdFile\r\n        try {\r\n          const fileUrlRes = await fetch(`/api/files/${createdFile.id}`)\r\n          if (fileUrlRes.ok) {\r\n            const { file: fileWithUrl } = await fileUrlRes.json()\r\n            if (fileWithUrl) fileToAdd = fileWithUrl\r\n          }\r\n        }\r\n        catch { /* fall back to createdFile without presigned URL */ }\r\n\r\n        fileDispatch({ type: 'ADD_FILE', payload: { file: fileToAdd } })\r\n        fileDispatch({ type: 'ADD_TO_MAP', payload: { id: createdFile.id } })\r\n\r\n        toast.success(t('uploadSuccess'), { id: toastId })\r\n        mutate(['files'])\r\n        onClose()\r\n      }\r\n      catch (error) {\r\n        toast.error(error instanceof Error ? error.message : t('uploadError'), { id: toastId })\r\n        setIsUploading(false)\r\n        setSelectedFile(null)\r\n      }\r\n      finally {\r\n        temporaryFileIcon.remove()\r\n      }\r\n    }\r\n\r\n    const mouseMoveCrosshairHandler = () => setCursor('crosshair')\r\n\r\n    if (!map) return\r\n\r\n    if (selectedFile && !isUploading) {\r\n      setCursor('crosshair')\r\n      map.on('mousemove', mouseMoveCrosshairHandler)\r\n      map.on('dblclick', dblclickHandler)\r\n    }\r\n    else {\r\n      map.off('mousemove', mouseMoveCrosshairHandler)\r\n      map.off('dblclick', dblclickHandler)\r\n    }\r\n\r\n    if (selectedFile) {\r\n      return () => {\r\n        setCursor('')\r\n        map.off('mousemove', mouseMoveCrosshairHandler)\r\n        map.off('dblclick', dblclickHandler)\r\n      }\r\n    }\r\n  }, [selectedFile, isUploading, map])\r\n\r\n  // Prevent page navigation while uploading\r\n  React.useEffect(() => {\r\n    const handleBeforeUnload = (e: BeforeUnloadEvent) => {\r\n      if (isUploading) { e.preventDefault(); e.returnValue = '' }\r\n    }\r\n    window.addEventListener('beforeunload', handleBeforeUnload)\r\n    return () => window.removeEventListener('beforeunload', handleBeforeUnload)\r\n  }, [isUploading])\r\n\r\n  const processFile = (file: File) => {\r\n    if (!isAcceptedFileType(file)) {\r\n      toast.error('Unsupported file type. Please select a safe BIM/GIS format.')\r\n      return\r\n    }\r\n    setSelectedFile(file)\r\n  }\r\n\r\n  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const selected = event.target.files?.[0]\r\n    if (!selected) { toast.warning(t('noFileSelected')); return }\r\n    processFile(selected)\r\n  }\r\n\r\n  // When a file is selected (or uploading), dialog closes but component stays mounted\r\n  if (selectedFile) return null\r\n\r\n  return (\r\n    <FileAdderDialog\r\n      isOpen={isOpen}\r\n      onClose={onClose}\r\n      title={t('title')}\r\n      icon={LR.FilePlus}\r\n      accept={acceptedFiles}\r\n      onFileSelect={handleFileSelect}\r\n      onFileDrop={processFile}\r\n      disabled={isUploading}\r\n      dropZoneTitle={t('dropZoneTitle')}\r\n      dropZoneSubtext={t('dropZoneSubtext')}\r\n    />\r\n  )\r\n}\r\n"],"mappings":"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","names":["map","e"]}

package/dist/core/components/viewers/map/src/tools/AddTools/AddFile/ProgressBar.d.ts

@@ -0,0 +1,6 @@
+export declare const ProgressBar: ({ value, max, className }: {
+    value: any;
+    max?: number;
+    className?: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/core/components/viewers/map/src/tools/AddTools/AddFile/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddFile/ProgressBar.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAI;;;;CAAoC,gCAiB/D,CAAA"}

package/dist/core/components/viewers/map/src/tools/AddTools/AddFile/ProgressBar.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+const ProgressBar = ({ value, max = 100, className = "" }) => {
+  const percentage = Math.min(100, Math.max(0, value / max * 100));
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `w-full bg-gray-200 h-2 overflow-hidden ${className}`,
+      style: { borderRadius: "9999px" },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-full bg-black transition-all duration-300 ease-out",
+          style: {
+            width: `${percentage}%`,
+            borderRadius: "9999px"
+          }
+        }
+      )
+    }
+  );
+};
+export {
+  ProgressBar
+};
+//# sourceMappingURL=ProgressBar.js.map

package/dist/core/components/viewers/map/src/tools/AddTools/AddFile/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddFile/ProgressBar.tsx"],"sourcesContent":["export const ProgressBar = ({ value, max = 100, className = '' }) => {\r\n  const percentage = Math.min(100, Math.max(0, (value / max) * 100))\r\n\r\n  return (\r\n    <div\r\n      className={`w-full bg-gray-200 h-2 overflow-hidden ${className}`}\r\n      style={{ borderRadius: '9999px' }}\r\n    >\r\n      <div\r\n        className=\"h-full bg-black transition-all duration-300 ease-out\"\r\n        style={{\r\n          width: `${percentage}%`,\r\n          borderRadius: '9999px',\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"AAQM;AARC,MAAM,cAAc,CAAC,EAAE,OAAO,MAAM,KAAK,YAAY,GAAG,MAAM;AACnE,QAAM,aAAa,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,QAAQ,MAAO,GAAG,CAAC;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,0CAA0C,SAAS;AAAA,MAC9D,OAAO,EAAE,cAAc,SAAS;AAAA,MAEhC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,OAAO,GAAG,UAAU;AAAA,YACpB,cAAc;AAAA,UAChB;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/core/components/viewers/map/src/tools/AddTools/AddFile/utils/uploadToPresignedURLS.d.ts

@@ -0,0 +1,4 @@
+export declare const uploadToPresignedUrl: (presignedUrl: any, file: any) => Promise<Response>;
+export declare function getFileExtension(file: File): string;
+export declare const uploadFileWithProgress: (presignedUrl: any, file: any, onProgress: any) => Promise<unknown>;
+//# sourceMappingURL=uploadToPresignedURLS.d.ts.map

package/dist/core/components/viewers/map/src/tools/AddTools/AddFile/utils/uploadToPresignedURLS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadToPresignedURLS.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddFile/utils/uploadToPresignedURLS.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,GAAU,iBAAY,EAAE,SAAI,sBAmB5D,CAAA;AACD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAInD;AAED,eAAO,MAAM,sBAAsB,GAAU,iBAAY,EAAE,SAAI,EAAE,eAAU,qBAgC1E,CAAA"}

package/dist/core/components/viewers/map/src/tools/AddTools/AddFile/utils/uploadToPresignedURLS.js

@@ -0,0 +1,56 @@
+const uploadToPresignedUrl = async (presignedUrl, file) => {
+  try {
+    const response = await fetch(presignedUrl, {
+      method: "PUT",
+      body: file,
+      headers: {
+        "Content-Type": file.type
+      }
+    });
+    if (!response.ok) {
+      throw new Error(`Upload failed: ${response.status} ${response.statusText}`);
+    }
+    return response;
+  } catch (error) {
+    throw new Error(`Upload failed: ${error.message}`);
+  }
+};
+function getFileExtension(file) {
+  const parts = file.name.split(".");
+  if (parts.length <= 1) return "";
+  return parts.pop().toLowerCase();
+}
+const uploadFileWithProgress = async (presignedUrl, file, onProgress) => {
+  return new Promise((resolve, reject) => {
+    const xhr = new XMLHttpRequest();
+    if (onProgress) {
+      xhr.upload.addEventListener("progress", (event) => {
+        if (event.lengthComputable) {
+          const percentComplete = Math.round(event.loaded / event.total * 100);
+          onProgress(percentComplete, event.loaded, (percent) => {
+            console.log(`Upload progress: ${percent}%`);
+          });
+        }
+      });
+    }
+    xhr.addEventListener("load", () => {
+      if (xhr.status >= 200 && xhr.status < 300) {
+        resolve(xhr);
+      } else {
+        reject(new Error(`Upload failed: ${xhr.status}`));
+      }
+    });
+    xhr.addEventListener("error", () => {
+      reject(new Error("Network error occurred"));
+    });
+    xhr.open("PUT", presignedUrl);
+    xhr.setRequestHeader("Content-Type", file.type);
+    xhr.send(file);
+  });
+};
+export {
+  getFileExtension,
+  uploadFileWithProgress,
+  uploadToPresignedUrl
+};
+//# sourceMappingURL=uploadToPresignedURLS.js.map

package/dist/core/components/viewers/map/src/tools/AddTools/AddFile/utils/uploadToPresignedURLS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddFile/utils/uploadToPresignedURLS.ts"],"sourcesContent":["export const uploadToPresignedUrl = async (presignedUrl, file) => {\r\n  try {\r\n    const response = await fetch(presignedUrl, {\r\n      method: 'PUT',\r\n      body: file,\r\n      headers: {\r\n        'Content-Type': file.type,\r\n      },\r\n    })\r\n\r\n    if (!response.ok) {\r\n      throw new Error(`Upload failed: ${response.status} ${response.statusText}`)\r\n    }\r\n\r\n    return response\r\n  }\r\n  catch (error) {\r\n    throw new Error(`Upload failed: ${error.message}`)\r\n  }\r\n}\r\nexport function getFileExtension(file: File): string {\r\n  const parts = file.name.split('.')\r\n  if (parts.length <= 1) return ''\r\n  return parts.pop()!.toLowerCase()\r\n}\r\n// Progress version\r\nexport const uploadFileWithProgress = async (presignedUrl, file, onProgress) => {\r\n  return new Promise((resolve, reject) => {\r\n    const xhr = new XMLHttpRequest()\r\n\r\n    if (onProgress) {\r\n      xhr.upload.addEventListener('progress', (event) => {\r\n        if (event.lengthComputable) {\r\n          const percentComplete = Math.round((event.loaded / event.total) * 100)\r\n          onProgress(percentComplete, event.loaded, (percent) => {\r\n            console.log(`Upload progress: ${percent}%`)\r\n          })\r\n        }\r\n      })\r\n    }\r\n\r\n    xhr.addEventListener('load', () => {\r\n      if (xhr.status >= 200 && xhr.status < 300) {\r\n        resolve(xhr)\r\n      }\r\n      else {\r\n        reject(new Error(`Upload failed: ${xhr.status}`))\r\n      }\r\n    })\r\n\r\n    xhr.addEventListener('error', () => {\r\n      reject(new Error('Network error occurred'))\r\n    })\r\n\r\n    xhr.open('PUT', presignedUrl)\r\n    xhr.setRequestHeader('Content-Type', file.type)\r\n    xhr.send(file)\r\n  })\r\n}\r\n"],"mappings":"AAAO,MAAM,uBAAuB,OAAO,cAAc,SAAS;AAChE,MAAI;AACF,UAAM,WAAW,MAAM,MAAM,cAAc;AAAA,MACzC,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,QACP,gBAAgB,KAAK;AAAA,MACvB;AAAA,IACF,CAAC;AAED,QAAI,CAAC,SAAS,IAAI;AAChB,YAAM,IAAI,MAAM,kBAAkB,SAAS,MAAM,IAAI,SAAS,UAAU,EAAE;AAAA,IAC5E;AAEA,WAAO;AAAA,EACT,SACO,OAAO;AACZ,UAAM,IAAI,MAAM,kBAAkB,MAAM,OAAO,EAAE;AAAA,EACnD;AACF;AACO,SAAS,iBAAiB,MAAoB;AACnD,QAAM,QAAQ,KAAK,KAAK,MAAM,GAAG;AACjC,MAAI,MAAM,UAAU,EAAG,QAAO;AAC9B,SAAO,MAAM,IAAI,EAAG,YAAY;AAClC;AAEO,MAAM,yBAAyB,OAAO,cAAc,MAAM,eAAe;AAC9E,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,UAAM,MAAM,IAAI,eAAe;AAE/B,QAAI,YAAY;AACd,UAAI,OAAO,iBAAiB,YAAY,CAAC,UAAU;AACjD,YAAI,MAAM,kBAAkB;AAC1B,gBAAM,kBAAkB,KAAK,MAAO,MAAM,SAAS,MAAM,QAAS,GAAG;AACrE,qBAAW,iBAAiB,MAAM,QAAQ,CAAC,YAAY;AACrD,oBAAQ,IAAI,oBAAoB,OAAO,GAAG;AAAA,UAC5C,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH;AAEA,QAAI,iBAAiB,QAAQ,MAAM;AACjC,UAAI,IAAI,UAAU,OAAO,IAAI,SAAS,KAAK;AACzC,gBAAQ,GAAG;AAAA,MACb,OACK;AACH,eAAO,IAAI,MAAM,kBAAkB,IAAI,MAAM,EAAE,CAAC;AAAA,MAClD;AAAA,IACF,CAAC;AAED,QAAI,iBAAiB,SAAS,MAAM;AAClC,aAAO,IAAI,MAAM,wBAAwB,CAAC;AAAA,IAC5C,CAAC;AAED,QAAI,KAAK,OAAO,YAAY;AAC5B,QAAI,iBAAiB,gBAAgB,KAAK,IAAI;AAC9C,QAAI,KAAK,IAAI;AAAA,EACf,CAAC;AACH;","names":[]}

package/dist/core/components/viewers/map/src/tools/AddTools/AddSite/SiteAdder.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+interface SiteAdderProps {
+    isOpen?: boolean;
+    onCancel?: () => void;
+}
+export declare const SiteAdder: ({ isOpen, onCancel }: SiteAdderProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=SiteAdder.d.ts.map

package/dist/core/components/viewers/map/src/tools/AddTools/AddSite/SiteAdder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteAdder.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddSite/SiteAdder.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,cAAc;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,eAAO,MAAM,SAAS,GAAI,sBAA8B,cAAc,sBAmVrE,CAAA"}

package/dist/core/components/viewers/map/src/tools/AddTools/AddSite/SiteAdder.js

@@ -0,0 +1,289 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Input, Label } from "../../../../../../ui/";
+import * as React from "react";
+import { MapContext } from "../../../../../../../store";
+import { Button } from "../../../../../../ui/Button";
+import { AddItemDialog } from "../../../../../../ui/AddItemDialog";
+import { BoxSelect } from "lucide-react";
+import { useTranslations } from "next-intl";
+const SiteAdder = ({ isOpen = false, onCancel }) => {
+  const t = useTranslations("SiteAdder");
+  const [siteName, setSiteName] = React.useState("");
+  const [isDrawing, setIsDrawing] = React.useState(false);
+  const [drawingPoints, setDrawingPoints] = React.useState([]);
+  const { dispatch: mapDispatch, state: mapState } = React.useContext(MapContext);
+  const { map } = mapState.map;
+  const inputRef = React.useRef(null);
+  const hasMapApi = (mapInstance) => Boolean(mapInstance) && typeof mapInstance.getSource === "function" && typeof mapInstance.getLayer === "function" && typeof mapInstance.addSource === "function" && typeof mapInstance.addLayer === "function" && typeof mapInstance.on === "function" && typeof mapInstance.off === "function";
+  const setCursor = (cursor) => {
+    if (!map) return;
+    if (map.getCanvas().style.cursor === cursor) return;
+    map.getCanvas().style.cursor = cursor;
+  };
+  const updateDrawingFeatures = (points) => {
+    if (!map) return;
+    const source = map.getSource("add-geojson");
+    if (!source) return;
+    const features = [];
+    for (const [index, point] of points.entries()) {
+      features.push({
+        type: "Feature",
+        geometry: {
+          type: "Point",
+          coordinates: point
+        },
+        properties: {
+          isDrawPoint: true,
+          pointIndex: index
+        }
+      });
+    }
+    if (points.length > 1) {
+      features.push({
+        type: "Feature",
+        geometry: {
+          type: "LineString",
+          coordinates: points
+        },
+        properties: {
+          isDrawing: true
+        }
+      });
+    }
+    source.setData({
+      type: "FeatureCollection",
+      features
+    });
+  };
+  const addSite = (points) => {
+    if (!map || points.length < 3) return;
+    const source = map.getSource("add-geojson");
+    if (!source) return;
+    const closedPoints = [...points, points[0]];
+    const siteFeature = {
+      type: "Feature",
+      geometry: {
+        type: "Polygon",
+        coordinates: [closedPoints]
+      },
+      properties: {
+        type: "site",
+        name: siteName || "Unnamed Site",
+        id: Date.now().toString()
+      }
+    };
+    const existingData = source._data;
+    const existingSites = existingData.features.filter(
+      (f) => {
+        var _a;
+        return ((_a = f.properties) == null ? void 0 : _a.type) === "site";
+      }
+    );
+    source.setData({
+      type: "FeatureCollection",
+      features: [...existingSites, siteFeature]
+    });
+  };
+  const isPointNearExisting = (clickPoint, existingPoints, threshold = 1e-4) => {
+    for (const [i, existingPoint] of existingPoints.entries()) {
+      const distance = Math.sqrt(
+        Math.pow(clickPoint[0] - existingPoint[0], 2) + Math.pow(clickPoint[1] - existingPoint[1], 2)
+      );
+      if (distance < threshold) {
+        return i;
+      }
+    }
+    return -1;
+  };
+  const startDrawing = () => {
+    setIsDrawing(true);
+    setDrawingPoints([]);
+    setCursor("crosshair");
+  };
+  const stopDrawing = () => {
+    setIsDrawing(false);
+    setDrawingPoints([]);
+    setCursor(null);
+    const source = map == null ? void 0 : map.getSource("add-geojson");
+    if (source) {
+      const existingData = source._data;
+      const existingSites = existingData.features.filter(
+        (f) => {
+          var _a;
+          return ((_a = f.properties) == null ? void 0 : _a.type) === "site";
+        }
+      );
+      source.setData({
+        type: "FeatureCollection",
+        features: existingSites
+      });
+    }
+  };
+  React.useEffect(() => {
+    if (!hasMapApi(map)) return;
+    const geojson = {
+      type: "FeatureCollection",
+      features: []
+    };
+    if (!map.getSource("add-geojson") && geojson) {
+      map.addSource("add-geojson", {
+        type: "geojson",
+        data: geojson
+      });
+    }
+    if (!map.getLayer("add-draw-points")) {
+      map.addLayer({
+        id: "add-draw-points",
+        type: "circle",
+        source: "add-geojson",
+        paint: {
+          "circle-radius": 5,
+          "circle-color": "#fff",
+          "circle-stroke-width": 1,
+          "circle-stroke-color": "#000"
+        },
+        filter: [
+          "all",
+          ["in", "$type", "Point"],
+          ["==", "isDrawPoint", true]
+        ]
+      });
+    }
+    if (!map.getLayer("add-draw-lines")) {
+      map.addLayer({
+        id: "add-draw-lines",
+        type: "line",
+        source: "add-geojson",
+        layout: {
+          "line-cap": "round",
+          "line-join": "round"
+        },
+        paint: {
+          "line-color": "#fff",
+          "line-width": 2.5,
+          "line-dasharray": [2, 2]
+        },
+        filter: [
+          "all",
+          ["in", "$type", "LineString"],
+          ["==", "isDrawing", true]
+        ]
+      });
+    }
+    if (!map.getLayer("add-sites")) {
+      map.addLayer({
+        id: "add-sites",
+        type: "fill",
+        source: "add-geojson",
+        paint: {
+          "fill-color": "#3b82f6",
+          "fill-opacity": 0.5
+        },
+        filter: [
+          "all",
+          ["in", "$type", "Polygon"],
+          ["==", "type", "site"]
+        ]
+      });
+    }
+    if (!map.getLayer("add-site-outline")) {
+      map.addLayer({
+        id: "add-site-outline",
+        type: "line",
+        source: "add-geojson",
+        layout: {
+          "line-cap": "round",
+          "line-join": "round"
+        },
+        paint: {
+          "line-color": "#1c4587",
+          "line-width": 2
+        },
+        filter: [
+          "all",
+          ["in", "$type", "Polygon"],
+          ["==", "type", "site"]
+        ]
+      });
+    }
+    if (!map.getLayer("add-labels")) {
+      map.addLayer({
+        id: "add-labels",
+        type: "symbol",
+        source: "add-geojson",
+        layout: {
+          "text-field": ["get", "name"],
+          "text-font": ["Inter"],
+          "text-size": 12,
+          "text-offset": [0, -1.5],
+          "text-anchor": "center"
+        },
+        paint: {
+          "text-color": "#fff",
+          "text-halo-color": "#000",
+          "text-halo-width": 1
+        }
+      });
+    }
+  }, [map]);
+  React.useEffect(() => {
+    if (!hasMapApi(map)) return;
+    const clickHandler = (e) => {
+      if (!isDrawing) return;
+      const clickPoint = [e.lngLat.lng, e.lngLat.lat];
+      const nearPointIndex = isPointNearExisting(clickPoint, drawingPoints);
+      if (nearPointIndex !== -1 && drawingPoints.length >= 3) {
+        addSite(drawingPoints);
+        stopDrawing();
+        setSiteName("");
+      } else {
+        const newPoints = [...drawingPoints, clickPoint];
+        setDrawingPoints(newPoints);
+        updateDrawingFeatures(newPoints);
+      }
+    };
+    const mouseMoveHandler = (e) => {
+      if (isDrawing) setCursor("crosshair");
+      else setCursor(null);
+    };
+    map.on("click", clickHandler);
+    map.on("mousemove", mouseMoveHandler);
+    return () => {
+      map.off("click", clickHandler);
+      map.off("mousemove", mouseMoveHandler);
+    };
+  }, [map, isDrawing, drawingPoints, siteName]);
+  if (isDrawing) return null;
+  return /* @__PURE__ */ jsx(
+    AddItemDialog,
+    {
+      open: isOpen,
+      onOpenChange: (open) => !open && (onCancel == null ? void 0 : onCancel()),
+      title: t("title"),
+      icon: BoxSelect,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pointer-events-auto", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "site-name", children: t("nameLabel") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "site-name",
+              ref: inputRef,
+              type: "text",
+              placeholder: t("namePlaceholder"),
+              value: siteName,
+              onChange: (e) => setSiteName(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx(Button, { onClick: startDrawing, children: t("startDrawing") }) }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("startDrawingClick") })
+      ] })
+    }
+  );
+};
+export {
+  SiteAdder
+};
+//# sourceMappingURL=SiteAdder.js.map

package/dist/core/components/viewers/map/src/tools/AddTools/AddSite/SiteAdder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddSite/SiteAdder.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { Input, Label } from '../../../../../../ui/'\r\nimport * as React from \"react\";\r\nimport { MapContext } from '../../../../../../../store'\r\nimport { CursorType } from '../../../../../../../types/global'\r\nimport { Button } from '../../../../../../ui/Button'\r\nimport { AddItemDialog } from '../../../../../../ui/AddItemDialog'\r\nimport { BoxSelect } from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\n\r\ninterface SiteAdderProps {\r\n  isOpen?: boolean\r\n  onCancel?: () => void\r\n}\r\n\r\nexport const SiteAdder = ({ isOpen = false, onCancel }: SiteAdderProps) => {\r\n  // Translation\r\n  const t = useTranslations('SiteAdder')\r\n\r\n  const [siteName, setSiteName] = React.useState<string>('')\r\n  const [isDrawing, setIsDrawing] = React.useState<boolean>(false)\r\n  const [drawingPoints, setDrawingPoints] = React.useState<[number, number][]>([])\r\n  const { dispatch: mapDispatch, state: mapState } = React.useContext(MapContext)\r\n  const { map } = mapState.map!\r\n  const inputRef = React.useRef<HTMLInputElement>(null)\r\n\r\n  // Added this to fix the issue of map not available.\r\n  const hasMapApi = (\r\n    mapInstance: unknown,\r\n  ): mapInstance is maplibregl.Map => (\r\n    Boolean(mapInstance)\r\n    && typeof (mapInstance as maplibregl.Map).getSource === 'function'\r\n    && typeof (mapInstance as maplibregl.Map).getLayer === 'function'\r\n    && typeof (mapInstance as maplibregl.Map).addSource === 'function'\r\n    && typeof (mapInstance as maplibregl.Map).addLayer === 'function'\r\n    && typeof (mapInstance as maplibregl.Map).on === 'function'\r\n    && typeof (mapInstance as maplibregl.Map).off === 'function'\r\n  )\r\n\r\n  const setCursor = (cursor: CursorType) => {\r\n    if (!map) return\r\n    if (map.getCanvas().style.cursor === cursor) return\r\n    map.getCanvas().style.cursor = cursor\r\n  }\r\n\r\n  const updateDrawingFeatures = (points: [number, number][]) => {\r\n    if (!map) return\r\n\r\n    const source = map.getSource('add-geojson') as maplibregl.GeoJSONSource\r\n    if (!source) return\r\n\r\n    const features: GeoJSON.Feature[] = []\r\n\r\n    // Add points\r\n    for (const [index, point] of points.entries()) {\r\n      features.push({\r\n        type: 'Feature',\r\n        geometry: {\r\n          type: 'Point',\r\n          coordinates: point,\r\n        },\r\n        properties: {\r\n          isDrawPoint: true,\r\n          pointIndex: index,\r\n        },\r\n      })\r\n    }\r\n\r\n    // Add connecting lines if we have more than one point\r\n    if (points.length > 1) {\r\n      features.push({\r\n        type: 'Feature',\r\n        geometry: {\r\n          type: 'LineString',\r\n          coordinates: points,\r\n        },\r\n        properties: {\r\n          isDrawing: true,\r\n        },\r\n      })\r\n    }\r\n\r\n    source.setData({\r\n      type: 'FeatureCollection',\r\n      features,\r\n    })\r\n  }\r\n\r\n  const addSite = (points: [number, number][]) => {\r\n    if (!map || points.length < 3) return\r\n\r\n    const source = map.getSource('add-geojson') as maplibregl.GeoJSONSource\r\n    if (!source) return\r\n\r\n    // Close the polygon by adding the first point at the end\r\n    const closedPoints = [...points, points[0]]\r\n\r\n    const siteFeature: GeoJSON.Feature = {\r\n      type: 'Feature',\r\n      geometry: {\r\n        type: 'Polygon',\r\n        coordinates: [closedPoints],\r\n      },\r\n      properties: {\r\n        type: 'site',\r\n        name: siteName || 'Unnamed Site',\r\n        id: Date.now().toString(),\r\n      },\r\n    }\r\n\r\n    // Get existing features (sites only, not drawing features)\r\n    const existingData = source._data as GeoJSON.FeatureCollection\r\n    const existingSites = existingData.features.filter(f =>\r\n      f.properties?.type === 'site',\r\n    )\r\n\r\n    // Add the new site\r\n    source.setData({\r\n      type: 'FeatureCollection',\r\n      features: [...existingSites, siteFeature],\r\n    })\r\n  }\r\n\r\n  const isPointNearExisting = (clickPoint: [number, number], existingPoints: [number, number][], threshold = 0.0001): number => {\r\n    for (const [i, existingPoint] of existingPoints.entries()) {\r\n      const distance = Math.sqrt(\r\n        Math.pow(clickPoint[0] - existingPoint[0], 2)\r\n        + Math.pow(clickPoint[1] - existingPoint[1], 2),\r\n      )\r\n      if (distance < threshold) {\r\n        return i\r\n      }\r\n    }\r\n    return -1\r\n  }\r\n\r\n  const startDrawing = () => {\r\n    setIsDrawing(true)\r\n    setDrawingPoints([])\r\n    setCursor('crosshair')\r\n  }\r\n\r\n  const stopDrawing = () => {\r\n    setIsDrawing(false)\r\n    setDrawingPoints([])\r\n    setCursor(null)\r\n\r\n    // Clear drawing features\r\n    const source = map?.getSource('add-geojson') as maplibregl.GeoJSONSource\r\n    if (source) {\r\n      const existingData = source._data as GeoJSON.FeatureCollection\r\n      const existingSites = existingData.features.filter(f =>\r\n        f.properties?.type === 'site',\r\n      )\r\n      source.setData({\r\n        type: 'FeatureCollection',\r\n        features: existingSites,\r\n      })\r\n    }\r\n  }\r\n\r\n  // set up layer to add site\r\n  React.useEffect(() => {\r\n    if (!hasMapApi(map)) return\r\n    // GeoJSON object to hold features\r\n    const geojson: GeoJSON.FeatureCollection<GeoJSON.Geometry> = {\r\n      type: 'FeatureCollection',\r\n      features: [],\r\n    }\r\n\r\n    // Add source if it doesn't exist\r\n    if (!map.getSource('add-geojson') && geojson) {\r\n      map.addSource('add-geojson', {\r\n        type: 'geojson',\r\n        data: geojson,\r\n      })\r\n    }\r\n\r\n    // Add layers for points during drawing\r\n    if (!map.getLayer('add-draw-points')) {\r\n      map.addLayer({\r\n        id: 'add-draw-points',\r\n        type: 'circle',\r\n        source: 'add-geojson',\r\n        paint: {\r\n          'circle-radius': 5,\r\n          'circle-color': '#fff',\r\n          'circle-stroke-width': 1,\r\n          'circle-stroke-color': '#000',\r\n        },\r\n        filter: ['all',\r\n          ['in', '$type', 'Point'],\r\n          ['==', 'isDrawPoint', true],\r\n        ],\r\n      })\r\n    }\r\n\r\n    // Add layers for lines during drawing\r\n    if (!map.getLayer('add-draw-lines')) {\r\n      map.addLayer({\r\n        id: 'add-draw-lines',\r\n        type: 'line',\r\n        source: 'add-geojson',\r\n        layout: {\r\n          'line-cap': 'round',\r\n          'line-join': 'round',\r\n        },\r\n        paint: {\r\n          'line-color': '#fff',\r\n          'line-width': 2.5,\r\n          'line-dasharray': [2, 2],\r\n        },\r\n        filter: ['all',\r\n          ['in', '$type', 'LineString'],\r\n          ['==', 'isDrawing', true],\r\n        ],\r\n      })\r\n    }\r\n\r\n    // Add layer for sites (2D polygons)\r\n    if (!map.getLayer('add-sites')) {\r\n      map.addLayer({\r\n        id: 'add-sites',\r\n        type: 'fill',\r\n        source: 'add-geojson',\r\n        paint: {\r\n          'fill-color': '#3b82f6',\r\n          'fill-opacity': 0.5,\r\n        },\r\n        filter: ['all',\r\n          ['in', '$type', 'Polygon'],\r\n          ['==', 'type', 'site'],\r\n        ],\r\n      })\r\n    }\r\n\r\n    // Layer for site outlines\r\n    if (!map.getLayer('add-site-outline')) {\r\n      map.addLayer({\r\n        id: 'add-site-outline',\r\n        type: 'line',\r\n        source: 'add-geojson',\r\n        layout: {\r\n          'line-cap': 'round',\r\n          'line-join': 'round',\r\n        },\r\n        paint: {\r\n          'line-color': '#1c4587',\r\n          'line-width': 2,\r\n        },\r\n        filter: ['all',\r\n          ['in', '$type', 'Polygon'],\r\n          ['==', 'type', 'site'],\r\n        ],\r\n      })\r\n    }\r\n    // Add labels for features\r\n    if (!map.getLayer('add-labels')) {\r\n      map.addLayer({\r\n        id: 'add-labels',\r\n        type: 'symbol',\r\n        source: 'add-geojson',\r\n        layout: {\r\n          'text-field': ['get', 'name'],\r\n          'text-font': ['Inter'],\r\n          'text-size': 12,\r\n          'text-offset': [0, -1.5],\r\n          'text-anchor': 'center',\r\n        },\r\n        paint: {\r\n          'text-color': '#fff',\r\n          'text-halo-color': '#000',\r\n          'text-halo-width': 1,\r\n        },\r\n      })\r\n    }\r\n  }, [map])\r\n\r\n  React.useEffect(() => {\r\n    if (!hasMapApi(map)) return\r\n\r\n    const clickHandler = (e: maplibregl.MapMouseEvent): void => {\r\n      if (!isDrawing) return\r\n\r\n      const clickPoint: [number, number] = [e.lngLat.lng, e.lngLat.lat]\r\n\r\n      // Check if clicking near an existing point to close the polygon\r\n      const nearPointIndex = isPointNearExisting(clickPoint, drawingPoints)\r\n\r\n      if (nearPointIndex !== -1 && drawingPoints.length >= 3) {\r\n        // Close the polygon by creating a site\r\n        addSite(drawingPoints)\r\n        stopDrawing()\r\n        setSiteName('')\r\n      }\r\n      else {\r\n        // Add new point\r\n        const newPoints = [...drawingPoints, clickPoint]\r\n        setDrawingPoints(newPoints)\r\n        updateDrawingFeatures(newPoints)\r\n      }\r\n    }\r\n\r\n    const mouseMoveHandler = (e: maplibregl.MapMouseEvent): void => {\r\n      if (isDrawing) setCursor('crosshair')\r\n      else setCursor(null)\r\n    }\r\n\r\n    // Add event listeners\r\n    map.on('click', clickHandler)\r\n    map.on('mousemove', mouseMoveHandler)\r\n\r\n    return () => {\r\n      map.off('click', clickHandler)\r\n      map.off('mousemove', mouseMoveHandler)\r\n    }\r\n  }, [map, isDrawing, drawingPoints, siteName])\r\n\r\n  // When drawing is active, hide the dialog so the map is fully interactive.\r\n  // The component stays mounted so useEffect listeners remain active.\r\n  if (isDrawing) return null\r\n\r\n  return (\r\n    <AddItemDialog\r\n      open={isOpen}\r\n      onOpenChange={open => !open && onCancel?.()}\r\n      title={t('title')}\r\n      icon={BoxSelect}\r\n    >\r\n      <div className=\"flex flex-col gap-2 pointer-events-auto\">\r\n        <div className=\"flex flex-col gap-2\">\r\n          <Label htmlFor=\"site-name\">{t('nameLabel')}</Label>\r\n          <Input\r\n            id=\"site-name\"\r\n            ref={inputRef}\r\n            type=\"text\"\r\n            placeholder={t('namePlaceholder')}\r\n            value={siteName}\r\n            onChange={e => setSiteName(e.target.value)}\r\n          />\r\n        </div>\r\n\r\n        <div className=\"flex gap-2\">\r\n          <Button onClick={startDrawing}>\r\n            {t('startDrawing')}\r\n          </Button>\r\n        </div>\r\n\r\n        <p className=\"text-xs text-muted-foreground\">\r\n          {t('startDrawingClick')}\r\n        </p>\r\n      </div>\r\n    </AddItemDialog>\r\n  )\r\n}"],"mappings":"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","names":[]}

package/dist/core/components/viewers/map/src/tools/AddTools/AddToMap.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { Tool } from '../../../../../../types/tools';
+interface AddToMapToolProps {
+    tool: Tool;
+}
+export default function AddToMap({ tool }: AddToMapToolProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AddToMap.d.ts.map

package/dist/core/components/viewers/map/src/tools/AddTools/AddToMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddToMap.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddToMap.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,IAAI,EAAmB,MAAM,+BAA+B,CAAA;AAwBrE,UAAU,iBAAiB;IACzB,IAAI,EAAE,IAAI,CAAA;CACX;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,qBA0N3D"}