@collabdt/core 0.0.50 → 0.0.53

package/dist/core/components/viewers/Data/files/DatatableFileAdder.js

@@ -5,6 +5,7 @@ import { usePermissions } from "../../../../store";
 import { Button, LoadingSpinner } from "../../../../components/ui/";
 import * as LR from "lucide-react";
 import { useFileUploadWithProgress } from "../../../../components/ui/FilesManager";
+import { toast } from "sonner";
 function DatatableFileAdder() {
   const t = useTranslations("HeadDatatableFileAddererButtons");
   const { ability } = usePermissions();
@@ -12,9 +13,11 @@ function DatatableFileAdder() {
     acceptedFileTypes: "*",
     onUploadSuccess: () => {
       console.log("File successfully uploaded to API");
+      toast.success(t("uploadSuccess"));
     },
     onUploadError: (error) => {
       console.error("Error uploading file:", error);
+      toast.error(error.message);
     }
   });
   return /* @__PURE__ */ jsx("div", { className: "inline-block", children: /* @__PURE__ */ jsxs(

package/dist/core/components/viewers/Data/files/DatatableFileAdder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/files/DatatableFileAdder.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../store'\r\n\r\nimport { Button, LoadingSpinner } from '../../../../components/ui/'\r\nimport * as LR from 'lucide-react'\r\nimport { useFileUploadWithProgress } from '../../../../components/ui/FilesManager'\r\n\r\nexport default function DatatableFileAdder() {\r\n\r\n  // Translations\r\n  const t = useTranslations('HeadDatatableFileAddererButtons')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  // Use the reusable upload hook with progress\r\n  const { handleAddFile, uploadState } = useFileUploadWithProgress({\r\n    acceptedFileTypes: '*',\r\n    onUploadSuccess: () => {\r\n      console.log('File successfully uploaded to API')\r\n    },\r\n    onUploadError: (error) => {\r\n      console.error('Error uploading file:', error)\r\n    }\r\n  })\r\n\r\n  return (\r\n    <div className=\"inline-block\">\r\n      <Button \r\n        variant=\"default\" \r\n        onClick={handleAddFile}\r\n        disabled={!ability.can('create', 'File') || uploadState.uploading}\r\n      >\r\n        {uploadState.uploading\r\n          ? (\r\n              <LoadingSpinner />\r\n            )\r\n          : (\r\n              <LR.CirclePlus className=\"mr-2\" />\r\n            )}\r\n        {uploadState.uploading ? `${t('uploading')} ${uploadState.progress}%` : t('addFile')}\r\n      </Button>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AA+BM,SAOQ,KAPR;AA5BN,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAE/B,SAAS,QAAQ,sBAAsB;AACvC,YAAY,QAAQ;AACpB,SAAS,iCAAiC;AAE3B,SAAR,qBAAsC;AAG3C,QAAM,IAAI,gBAAgB,iCAAiC;AAG3D,QAAM,EAAE,QAAQ,IAAI,eAAe;AAGnC,QAAM,EAAE,eAAe,YAAY,IAAI,0BAA0B;AAAA,IAC/D,mBAAmB;AAAA,IACnB,iBAAiB,MAAM;AACrB,cAAQ,IAAI,mCAAmC;AAAA,IACjD;AAAA,IACA,eAAe,CAAC,UAAU;AACxB,cAAQ,MAAM,yBAAyB,KAAK;AAAA,IAC9C;AAAA,EACF,CAAC;AAED,SACE,oBAAC,SAAI,WAAU,gBACb;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM,KAAK,YAAY;AAAA,MAEvD;AAAA,oBAAY,YAEP,oBAAC,kBAAe,IAGhB,oBAAC,GAAG,YAAH,EAAc,WAAU,QAAO;AAAA,QAErC,YAAY,YAAY,GAAG,EAAE,WAAW,CAAC,IAAI,YAAY,QAAQ,MAAM,EAAE,SAAS;AAAA;AAAA;AAAA,EACrF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/files/DatatableFileAdder.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../store'\r\n\r\nimport { Button, LoadingSpinner } from '../../../../components/ui/'\r\nimport * as LR from 'lucide-react'\r\nimport { useFileUploadWithProgress } from '../../../../components/ui/FilesManager'\r\n\r\nimport { toast } from 'sonner'\r\n\r\nexport default function DatatableFileAdder() {\r\n\r\n  // Translations\r\n  const t = useTranslations('HeadDatatableFileAddererButtons')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  // Use the reusable upload hook with progress\r\n  const { handleAddFile, uploadState } = useFileUploadWithProgress({\r\n    acceptedFileTypes: '*',\r\n    onUploadSuccess: () => {\r\n      console.log('File successfully uploaded to API')\r\n      toast.success(t('uploadSuccess'))\r\n    },\r\n    onUploadError: (error) => {\r\n      console.error('Error uploading file:', error)\r\n      toast.error(error.message)\r\n    }\r\n  })\r\n\r\n  return (\r\n    <div className=\"inline-block\">\r\n      <Button \r\n        variant=\"default\" \r\n        onClick={handleAddFile}\r\n        disabled={!ability.can('create', 'File') || uploadState.uploading}\r\n      >\r\n        {uploadState.uploading\r\n          ? (\r\n              <LoadingSpinner />\r\n            )\r\n          : (\r\n              <LR.CirclePlus className=\"mr-2\" />\r\n            )}\r\n        {uploadState.uploading ? `${t('uploading')} ${uploadState.progress}%` : t('addFile')}\r\n      </Button>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAsCM,SAOQ,KAPR;AAhCN,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAE/B,SAAS,QAAQ,sBAAsB;AACvC,YAAY,QAAQ;AACpB,SAAS,iCAAiC;AAE1C,SAAS,aAAa;AAEP,SAAR,qBAAsC;AAG3C,QAAM,IAAI,gBAAgB,iCAAiC;AAG3D,QAAM,EAAE,QAAQ,IAAI,eAAe;AAGnC,QAAM,EAAE,eAAe,YAAY,IAAI,0BAA0B;AAAA,IAC/D,mBAAmB;AAAA,IACnB,iBAAiB,MAAM;AACrB,cAAQ,IAAI,mCAAmC;AAC/C,YAAM,QAAQ,EAAE,eAAe,CAAC;AAAA,IAClC;AAAA,IACA,eAAe,CAAC,UAAU;AACxB,cAAQ,MAAM,yBAAyB,KAAK;AAC5C,YAAM,MAAM,MAAM,OAAO;AAAA,IAC3B;AAAA,EACF,CAAC;AAED,SACE,oBAAC,SAAI,WAAU,gBACb;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM,KAAK,YAAY;AAAA,MAEvD;AAAA,oBAAY,YAEP,oBAAC,kBAAe,IAGhB,oBAAC,GAAG,YAAH,EAAc,WAAU,QAAO;AAAA,QAErC,YAAY,YAAY,GAAG,EAAE,WAAW,CAAC,IAAI,YAAY,QAAQ,MAAM,EAAE,SAAS;AAAA;AAAA;AAAA,EACrF,GACF;AAEJ;","names":[]}

package/dist/core/components/viewers/Data/files/FileDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileDetails.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/files/FileDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAOtD,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9C;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,WAAW,yFAqgBtB,CAAA"}
+{"version":3,"file":"FileDetails.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/files/FileDetails.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAOtD,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9C;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,WAAW,yFAqgBtB,CAAA"}

package/dist/core/components/viewers/Data/files/FileDetails.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/files/FileDetails.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport { useMenusContext } from '../../../../store'\r\nimport type { Building } from '../../../../types/dbTypes'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../store'\r\n\r\n\r\n// Utilities\r\nimport { fuzzySearchBuildings } from './utils/fuzzySearch'\r\n// Shadcn Components\r\nimport { DescriptionListItem } from '../../../../components/ui/DescriptionList'\r\nimport { Separator, Badge, Button, Input, Checkbox, Dialog } from '../../../../components/ui/'\r\n\r\nimport { convertISOStringtoDate } from '../utils/convertDate'\r\n// Custom Components\r\nimport FilePreview from './FilePreview'\r\n\r\n// Icons\r\nimport  * as LR from 'lucide-react'\r\n\r\n// Custom Type\r\nimport type { FileRow } from '../../../../types/files'\r\n\r\nimport { mutate } from 'swr'\r\nimport { useFile } from '../../../../hooks/files/files'\r\nimport { ViewerNames } from '../../../../types/'\r\nimport { useSession } from 'next-auth/react'\r\n\r\ninterface FileDetailsProps {\r\n  selectedFile?: FileRow\r\n  buildings?: any[]\r\n  editing?: boolean\r\n  setEditing?: (editing: boolean) => void\r\n  setActiveChanges?: (editing: boolean) => void\r\n}\r\n\r\nexport type FileDetailsRef = {\r\n  saveChanges: () => Promise<void>\r\n}\r\n\r\nexport const FileDetails = React.forwardRef<FileDetailsRef, FileDetailsProps>((\r\n  { selectedFile, buildings, editing, setEditing, setActiveChanges },\r\n  ref,\r\n) => {\r\n  // Translations\r\n  const t = useTranslations('FileDetails')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const headers: Partial<Record<keyof FileRow | keyof File, string>> = {\r\n    name: t('fileName'),\r\n    attachedTo: t('attachedTo'),\r\n    dateUploaded: t('dateUploaded'),\r\n    uploadedBy: t('uploadedBy'), \r\n    fileType: t('fileType'),\r\n    fileSize: t('fileSize'),\r\n    position: t('position'),\r\n  }\r\n\r\n  const { dispatch: menusDispatch } = useMenusContext()\r\n  const { setView } = useMenusContext()\r\n  const { selectedItem, setSelectedItem } = useMenusContext()\r\n  const { setSelectedFile } = useMenusContext()\r\n\r\n  const [searchTerm, setSearchTerm] = React.useState('')\r\n  const [searchResults, setSearchResults] = React.useState<any[]>([])\r\n  const [attachedBuilding, setAttachedBuilding] = React.useState<any>(null)\r\n  const [editingName, setEditingName] = React.useState<any>('')\r\n\r\nconst { data: session } = useSession()\r\n\r\n  React.useEffect(() => {\r\n    setEditingName(selectedFile.metadata.name)\r\n    setAttachedBuilding(\r\n      selectedFile.metadata.attachedFilesBuildingId\r\n        ? buildings?.find(building => building.id === selectedFile.metadata.attachedFilesBuildingId) || null\r\n        : null,\r\n    )\r\n  }, [selectedFile, buildings])\r\n\r\n  // Update handler at top level too\r\n  const handleSearch = (term: string) => {\r\n    setSearchTerm(term)\r\n    setSearchResults(fuzzySearchBuildings(buildings || [], term))\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    if (attachedBuilding?.id != selectedFile.metadata.attachedFilesBuildingId || editingName !== selectedFile.metadata.name) setActiveChanges(true)\r\n    else setActiveChanges(false)\r\n  }, [attachedBuilding, editingName])\r\n\r\n  const [open, setOpen] = React.useState(false)\r\n\r\n  const { updateFile } = useFile(selectedFile?.metadata?.id ?? null)\r\n\r\n  const handleSaveChanges = async () => {\r\n    try {\r\n      const file = await updateFile({\r\n        name: editingName,\r\n        attachedFilesBuildingId: attachedBuilding ? attachedBuilding.id : null,\r\n      } as any)\r\n      setSelectedFile({\r\n        // rendering data\r\n        id: String(file.id),\r\n        name: file.name,\r\n        attachedTo: [\r\n          { type: 'building', buildingId: String(file.attachedFilesBuildingId || '') },\r\n        ],\r\n        dateUploaded: file.uploadedAt,\r\n        uploadedBy: session?.user?.email || 'CDT',\r\n        fileType: file.extension?.toUpperCase() || '',\r\n        fileSize: `${(file.sizeBytes / (1024 * 1024)).toFixed(3)} MB`,\r\n        position: file.position,\r\n        metadata: {\r\n          ...file,\r\n          url: selectedFile.metadata.url,\r\n        },\r\n      })\r\n    }\r\n    catch (error) {\r\n      console.error(error)\r\n      alert(`An error occurred when saving file changes: ${error.message || error}`)\r\n    }\r\n    finally {\r\n      setSearchTerm('')\r\n      setSearchResults([])\r\n      setAttachedBuilding(null)\r\n      setEditingName(selectedFile.metadata.name)\r\n    }\r\n  }\r\n\r\n  // Expose methods to parent component\r\n  React.useImperativeHandle(ref, () => ({\r\n    saveChanges: handleSaveChanges,\r\n  }), [selectedItem, setEditing, setActiveChanges, attachedBuilding, editingName])\r\n\r\n  const handleViewBuilding = () => {\r\n    // Find the building attachment\r\n    const buildingAttachment = selectedFile?.attachedTo?.find(\r\n      (item: any) => item.type === 'building',\r\n    )\r\n    // Type guard: only proceed if buildingAttachment is a building\r\n    if (!buildingAttachment || buildingAttachment.type !== 'building') return\r\n\r\n    // Find the full building object\r\n    const matchedBuildings = buildings.filter(b => b.id == buildingAttachment.buildingId)\r\n    if (matchedBuildings.length === 0) {\r\n      alert('No building found')\r\n      return\r\n    }\r\n    const building = matchedBuildings[0]\r\n\r\n    setSelectedFile?.(null)\r\n    // Set the selected building\r\n    setSelectedItem?.(building)\r\n\r\n    // Set the current viewer to buildings\r\n    menusDispatch({\r\n      type: 'SET_VIEWER',\r\n      payload: { currentViewer: ViewerNames.buildings },\r\n    })\r\n\r\n    // Set the view to 'details'\r\n    setView?.('detail')\r\n  }\r\n\r\n  // Capitalize the first letter of each key\r\n  const capitalizeKey = (key: string) => {\r\n    return key\r\n      .replaceAll(/([A-Z])/g, ' $1')\r\n      .replace(/^./, str => str.toUpperCase())\r\n  }\r\n\r\n  // Get display label from headers or fallback to capitalizeKey\r\n  const getDisplayLabel = (key: string) => {\r\n    return headers[key as keyof File] || capitalizeKey(key)\r\n  }\r\n\r\n  // Format attachedTo display\r\n  const formatAttachmentDisplay = (\r\n    attachment: { type: 'building', buildingId: string } | { type: 'site', siteId: string },\r\n    buildings?: Building[],\r\n  ): string => {\r\n    if (attachment.type === 'building') {\r\n      // Find the building by buildingId\r\n      const building = buildings?.find(\r\n        b => String(b.id) === attachment.buildingId,\r\n      )\r\n      if (building) {\r\n        // Use propertyName if available, otherwise fall back to address, then buildingId\r\n        const displayName = building.buildingName || building.buildingAddress || attachment.buildingId\r\n        return `Building: ${displayName}`\r\n      }\r\n      else {\r\n        // Building not found, show the ID\r\n        return `Building: ${attachment.buildingId, 'not found'}`\r\n      }\r\n    }\r\n    else {\r\n      // For sites, just show the site ID for now\r\n      return `Site: ${attachment.siteId}`\r\n    }\r\n  }\r\n\r\n  const renderFileDetails = () => {\r\n    if (!selectedFile) return null\r\n    const entries = Object.entries(selectedFile)\r\n\r\n    // show only the rendering data not renering data\r\n    const filteredEntries = entries.filter(\r\n      ([key, value]) => key !== 'metadata' && key in headers,\r\n    )\r\n\r\n    // Group items into pairs for the grid layout\r\n    const rows = []\r\n    for (let i = 0; i < filteredEntries.length; i += 2) {\r\n      rows.push(\r\n        <div key={i} className=\"grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 border-b border-border w-full\">\r\n          <DescriptionListItem className=\"break-words\" label={getDisplayLabel(filteredEntries[i][0])}>\r\n            {\r\n              filteredEntries[i][1] === null\r\n              || filteredEntries[i][1] === undefined\r\n              || filteredEntries[i][1] === 'null'\r\n                ? (\r\n                    <span className=\"italic\">\r\n                      {t('no')}\r\n                      {' '}\r\n                      {getDisplayLabel(filteredEntries[i][0])}\r\n                      {' '}\r\n                      {t('provided')}\r\n                    </span>\r\n                  )\r\n                : filteredEntries[i][0] === 'position' && typeof filteredEntries[i][1] === 'object'\r\n                  ? (\r\n                      <span>\r\n                        {Object.entries(filteredEntries[i][1])\r\n                          .map(([k, v]) => `${k.charAt(0).toUpperCase() + k.slice(1)}: ${v}`)\r\n                          .join(', ')}\r\n                      </span>\r\n                    )\r\n                : filteredEntries[i][0] === 'dateUploaded'\r\n                  ? convertISOStringtoDate(filteredEntries[i][1] as string | Date)\r\n                : (Array.isArray(filteredEntries[i][1])\r\n                    ? (\r\n                        <div className=\"flex flex-wrap gap-2\">\r\n                          {(filteredEntries[i][1] as any[]).map((item, index) => {\r\n                            if (\r\n                              filteredEntries[i][0] === 'attachedTo'\r\n                              && typeof item === 'object'\r\n                              && item !== null\r\n                            ) {\r\n                              return (\r\n                                <Button \r\n                                  key={index} \r\n                                  variant=\"ghost\" \r\n                                  onClick={handleViewBuilding} \r\n                                  className=\"p-0 hover:bg-transparent underline\"\r\n                                  disabled={!ability.can('update', 'File')}\r\n                                >\r\n                                  <LR.SquareArrowOutUpRight />\r\n                                  {formatAttachmentDisplay(item, buildings)}\r\n                                </Button>\r\n                              )\r\n                            }\r\n                            else if (typeof item === 'object' && item !== null) {\r\n                              return (\r\n                                <Button \r\n                                  key={index} \r\n                                  variant=\"ghost\" \r\n                                  onClick={handleViewBuilding} \r\n                                  className=\"p-0 hover:bg-transparent underline\"\r\n                                  disabled={!ability.can('update', 'File')}\r\n                                >\r\n                                  <LR.SquareArrowOutUpRight />\r\n                                  {JSON.stringify(item)}\r\n                                </Button>\r\n                              )\r\n                            }\r\n                            else {\r\n                              return (\r\n                                <Button \r\n                                  key={index} \r\n                                  variant=\"ghost\" \r\n                                  onClick={handleViewBuilding} \r\n                                  className=\"p-0 hover:bg-transparent underline\"\r\n                                  disabled={!ability.can('update', 'File')}\r\n                                >\r\n                                  <LR.SquareArrowOutUpRight />\r\n                                  {item}\r\n                                </Button>\r\n                              )\r\n                            }\r\n                          })}\r\n                        </div>\r\n                      )\r\n                    : (\r\n                        String(filteredEntries[i][1])\r\n                      ))\r\n            }\r\n          </DescriptionListItem>\r\n          <Separator className=\"md:hidden\" />\r\n          {i + 1 < filteredEntries.length && (\r\n            <DescriptionListItem className=\"break-words\" label={getDisplayLabel(filteredEntries[i + 1][0])}>\r\n              {\r\n                filteredEntries[i + 1][1] === null\r\n                || filteredEntries[i + 1][1] === undefined\r\n                || filteredEntries[i + 1][1] === 'null'\r\n                  ? (\r\n                      <span className=\"italic\">\r\n                        {t('no')}\r\n                        {' '}\r\n                        {getDisplayLabel(filteredEntries[i + 1][0])}\r\n                        {' '}\r\n                        {t('provided')}\r\n                      </span>\r\n                    )\r\n                  : filteredEntries[i + 1][0] === 'dateUploaded'\r\n                    ? convertISOStringtoDate(filteredEntries[i + 1][1] as string | Date)\r\n                  : (Array.isArray(filteredEntries[i + 1][1])\r\n                      ? (\r\n                          <div className=\"flex flex-wrap gap-2\">\r\n                            {(filteredEntries[i + 1][1] as any[]).map((item, index) => {\r\n                              if (\r\n                                filteredEntries[i + 1][0] === 'attachedTo'\r\n                                && typeof item === 'object'\r\n                                && item !== null\r\n                              ) {\r\n                                return (\r\n                                  <Button \r\n                                    key={index} \r\n                                    variant=\"ghost\" \r\n                                    onClick={handleViewBuilding} \r\n                                    className=\"p-0 hover:bg-transparent underline\"\r\n                                    disabled={!ability.can('update', 'File')}\r\n                                  >\r\n                                    <LR.SquareArrowOutUpRight />\r\n                                    {formatAttachmentDisplay(item, buildings)}\r\n                                  </Button>\r\n                                )\r\n                              }\r\n                              else if (typeof item === 'object' && item !== null) {\r\n                                return (\r\n                                  <Button \r\n                                    key={index} \r\n                                    variant=\"ghost\" \r\n                                    onClick={handleViewBuilding} \r\n                                    className=\"p-0 hover:bg-transparent underline\"\r\n                                    disabled={!ability.can('update', 'File')}\r\n                                  >\r\n                                    <LR.SquareArrowOutUpRight />\r\n                                    {JSON.stringify(item)}\r\n                                  </Button>\r\n                                )\r\n                              }\r\n                              else {\r\n                                return (\r\n                                  <Button \r\n                                    key={index} \r\n                                    variant=\"ghost\" \r\n                                    onClick={handleViewBuilding} \r\n                                    className=\"p-0 hover:bg-transparent underline\"\r\n                                    disabled={!ability.can('update', 'File')}\r\n                                  >\r\n                                    <LR.SquareArrowOutUpRight />\r\n                                    {item}\r\n                                  </Button>\r\n                                )\r\n                              }\r\n                            })}\r\n                          </div>\r\n                        )\r\n                      : (\r\n                          String(filteredEntries[i + 1][1])\r\n                        ))\r\n              }\r\n            </DescriptionListItem>\r\n          )}\r\n        </div>,\r\n      )\r\n    }\r\n    return rows\r\n  }\r\n\r\n  const editFileDetails = () => {\r\n    if (!selectedFile) return null\r\n\r\n    const editableFields = new Set(['name', 'attachedTo', 'position'])\r\n    const entries = Object.entries(selectedFile).filter(([key, val]) => editableFields.has(key))\r\n\r\n    // Render the appropriate input component based on data type\r\n    const renderInputComponent = (key: string, value: any) => {\r\n      if (key == 'name') {\r\n        return (\r\n          <Input\r\n            type=\"text\"\r\n            placeholder=\"Enter a new file name\"\r\n            value={editingName}\r\n            onChange={e => setEditingName(e?.target.value)}\r\n          />\r\n        )\r\n      }\r\n      else if (key === 'attachedTo') {\r\n        return (\r\n          <div className=\"flex flex-col gap-2\">\r\n            {attachedBuilding == null\r\n              ? (\r\n                  <Input\r\n                    type=\"text\"\r\n                    placeholder=\"Search buildings by address\"\r\n                    value={searchTerm}\r\n                    onChange={e => handleSearch(e.target.value)}\r\n                  />\r\n                )\r\n              : (\r\n                  <div className=\"relative flex justify-end items-center\">\r\n                    <Input\r\n                      type=\"text\"\r\n                      value={\r\n                        'Building: '\r\n                        + (attachedBuilding.buildingName && attachedBuilding.buildingAddress\r\n                          ? `${attachedBuilding.buildingName}, ${attachedBuilding.buildingAddress}`\r\n                          : attachedBuilding.buildingName || attachedBuilding.buildingAddress)\r\n                      }\r\n                      readOnly\r\n                    />\r\n                    <LR.X className=\"absolute right-2 cursor-pointer\" onClick={() => setAttachedBuilding(null)} />\r\n                  </div>\r\n                )}\r\n            {/* Dropdown panel */}\r\n            {searchResults.length > 0 && searchTerm !== '' && (\r\n              <div className=\"mt-1 bg-white border border-gray-200 rounded-md shadow-lg max-h-60 overflow-y-auto z-20\">\r\n                {searchResults.map(building => (\r\n                  <div\r\n                    key={building.id}\r\n                    className=\"px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 transition-colors flex gap-2 items-center\"\r\n                    onClick={() => {\r\n                      setAttachedBuilding(building)\r\n                      setSearchTerm('')\r\n                      setSearchResults([])\r\n                    }}\r\n                  >\r\n                    <LR.SquareArrowOutUpRight className=\"w-3 h-3\" />\r\n                    { building.buildingName\r\n                      ? building.buildingName + ', ' + building.buildingAddress\r\n                      : 'Unnamed Property, ' + building.buildingAddress }\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            )}\r\n          </div>\r\n        )\r\n      }\r\n\r\n      else if (Array.isArray(value)) {\r\n        if (value === null || value === undefined) {\r\n          return <Input value=\"\" />\r\n        }\r\n        return (\r\n          <>\r\n            <div className=\"flex flex-row gap-2\">\r\n              <Input type=\"text\" value=\"\" onChange={() => {}} />\r\n              <Button \r\n                variant=\"outline\" \r\n                size=\"icon\"\r\n                disabled={!ability.can('update', 'File')}\r\n              >\r\n                <LR.Plus />\r\n              </Button>\r\n            </div>\r\n            {/* Render Existing values */}\r\n            <div className=\"flex flex-row gap-2\">\r\n              {value.map((item: any, index: number) => (\r\n                <Badge key={index} className=\"inline-flex\" variant=\"secondary\">\r\n                  {key === 'attachedTo' && typeof item === 'object' && item !== null\r\n                    ? formatAttachmentDisplay(item, buildings)\r\n                    : (typeof item === 'object' && item !== null\r\n                        ? JSON.stringify(item)\r\n                        : item)}\r\n                </Badge>\r\n              ))}\r\n            </div>\r\n          </>\r\n        )\r\n      }\r\n      else if (value === 'yes' || value === 'no') {\r\n        const bool = value === 'yes'\r\n        return (\r\n          <Checkbox \r\n            checked={bool} \r\n            onCheckedChange={() => {}} \r\n            disabled={!ability.can('update', 'File')}\r\n          />\r\n        )\r\n      }\r\n      else if (typeof value === 'number') {\r\n        if (value === null || value === undefined) {\r\n          return <Input value=\"\" />\r\n        }\r\n        return (\r\n          <Input type=\"number\" value={value} onChange={() => {}} />\r\n        )\r\n      }\r\n      else {\r\n        if (value === null || value === undefined || value === 'null') {\r\n          return <Input value=\"\" />\r\n        }\r\n        return (\r\n          <Input value={String(value)} onChange={() => {}} />\r\n        )\r\n      }\r\n    }\r\n\r\n    // Group items into pairs for the grid layout\r\n    const rows = []\r\n    for (let i = 0; i < entries.length; i += 2) {\r\n      rows.push(\r\n        <div key={i} className=\"grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 w-full\">\r\n          <div className=\"flex flex-col gap-2\">\r\n            <div className=\"text-sm font-semibold text-foreground\">{getDisplayLabel(entries[i][0])}</div>\r\n            {renderInputComponent(entries[i][0], entries[i][1])}\r\n          </div>\r\n          <Separator className=\"md:hidden\" />\r\n          {i + 1 < entries.length && (\r\n            <div className=\"flex flex-col gap-2\">\r\n              <div className=\"text-sm font-semibold text-foreground\">{getDisplayLabel(entries[i + 1][0])}</div>\r\n              {renderInputComponent(entries[i + 1][0], entries[i + 1][1])}\r\n            </div>\r\n          )}\r\n        </div>,\r\n      )\r\n    }\r\n\r\n    return rows\r\n  }\r\n\r\n  return (\r\n    <div className=\"flex flex-col overflow-hidden p-6\">\r\n      {/* File preview */}\r\n      <div className=\"p-12 m-auto w-full flex justify-center items-center relative\">\r\n        <Dialog open={open} onOpenChange={setOpen}>\r\n          <FilePreview file={selectedFile} disableDialogFor3D={true} />\r\n        </Dialog>\r\n      </div>\r\n      {/* Header */}\r\n      <div className=\"flex-shrink-0 pb-2 px-6\">\r\n        <p className=\"text-xl text-foreground font-semibold\">{t('header')}</p>\r\n      </div>\r\n      <div className=\"flex-1 px-6 overflow-auto\">\r\n        {editing\r\n          ? editFileDetails()\r\n          : (selectedFile\r\n              ? renderFileDetails()\r\n              : <div className=\"\">{t('empty')}</div>)}\r\n      </div>\r\n    </div>\r\n  )\r\n})\r\nFileDetails.displayName = 'FileDetails'\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoOoB,SA0OV,UAhOY,KAVF;AAjOpB,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAEhC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAI/B,SAAS,4BAA4B;AAErC,SAAS,2BAA2B;AACpC,SAAS,WAAW,OAAO,QAAQ,OAAO,UAAU,cAAc;AAElE,SAAS,8BAA8B;AAEvC,OAAO,iBAAiB;AAGxB,YAAa,QAAQ;AAMrB,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAcpB,MAAM,cAAc,MAAM,WAA6C,CAC5E,EAAE,cAAc,WAAW,SAAS,YAAY,iBAAiB,GACjE,QACG;AA9CL;AAgDE,QAAM,IAAI,gBAAgB,aAAa;AAGvC,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,QAAM,UAA+D;AAAA,IACnE,MAAM,EAAE,UAAU;AAAA,IAClB,YAAY,EAAE,YAAY;AAAA,IAC1B,cAAc,EAAE,cAAc;AAAA,IAC9B,YAAY,EAAE,YAAY;AAAA,IAC1B,UAAU,EAAE,UAAU;AAAA,IACtB,UAAU,EAAE,UAAU;AAAA,IACtB,UAAU,EAAE,UAAU;AAAA,EACxB;AAEA,QAAM,EAAE,UAAU,cAAc,IAAI,gBAAgB;AACpD,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,QAAM,EAAE,cAAc,gBAAgB,IAAI,gBAAgB;AAC1D,QAAM,EAAE,gBAAgB,IAAI,gBAAgB;AAE5C,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,EAAE;AACrD,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAgB,CAAC,CAAC;AAClE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAc,IAAI;AACxE,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAc,EAAE;AAE9D,QAAM,EAAE,MAAM,QAAQ,IAAI,WAAW;AAEnC,QAAM,UAAU,MAAM;AACpB,mBAAe,aAAa,SAAS,IAAI;AACzC;AAAA,MACE,aAAa,SAAS,2BAClB,uCAAW,KAAK,cAAY,SAAS,OAAO,aAAa,SAAS,6BAA4B,OAC9F;AAAA,IACN;AAAA,EACF,GAAG,CAAC,cAAc,SAAS,CAAC;AAG5B,QAAM,eAAe,CAAC,SAAiB;AACrC,kBAAc,IAAI;AAClB,qBAAiB,qBAAqB,aAAa,CAAC,GAAG,IAAI,CAAC;AAAA,EAC9D;AAEA,QAAM,UAAU,MAAM;AACpB,SAAI,qDAAkB,OAAM,aAAa,SAAS,2BAA2B,gBAAgB,aAAa,SAAS,KAAM,kBAAiB,IAAI;AAAA,QACzI,kBAAiB,KAAK;AAAA,EAC7B,GAAG,CAAC,kBAAkB,WAAW,CAAC;AAElC,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,QAAM,EAAE,WAAW,IAAI,SAAQ,wDAAc,aAAd,mBAAwB,OAAxB,YAA8B,IAAI;AAEjE,QAAM,oBAAoB,YAAY;AAnGxC,QAAAA,KAAAC;AAoGI,QAAI;AACF,YAAM,OAAO,MAAM,WAAW;AAAA,QAC5B,MAAM;AAAA,QACN,yBAAyB,mBAAmB,iBAAiB,KAAK;AAAA,MACpE,CAAQ;AACR,sBAAgB;AAAA;AAAA,QAEd,IAAI,OAAO,KAAK,EAAE;AAAA,QAClB,MAAM,KAAK;AAAA,QACX,YAAY;AAAA,UACV,EAAE,MAAM,YAAY,YAAY,OAAO,KAAK,2BAA2B,EAAE,EAAE;AAAA,QAC7E;AAAA,QACA,cAAc,KAAK;AAAA,QACnB,cAAYD,MAAA,mCAAS,SAAT,gBAAAA,IAAe,UAAS;AAAA,QACpC,YAAUC,MAAA,KAAK,cAAL,gBAAAA,IAAgB,kBAAiB;AAAA,QAC3C,UAAU,IAAI,KAAK,aAAa,OAAO,OAAO,QAAQ,CAAC,CAAC;AAAA,QACxD,UAAU,KAAK;AAAA,QACf,UAAU,iCACL,OADK;AAAA,UAER,KAAK,aAAa,SAAS;AAAA,QAC7B;AAAA,MACF,CAAC;AAAA,IACH,SACO,OAAO;AACZ,cAAQ,MAAM,KAAK;AACnB,YAAM,+CAA+C,MAAM,WAAW,KAAK,EAAE;AAAA,IAC/E,UACA;AACE,oBAAc,EAAE;AAChB,uBAAiB,CAAC,CAAC;AACnB,0BAAoB,IAAI;AACxB,qBAAe,aAAa,SAAS,IAAI;AAAA,IAC3C;AAAA,EACF;AAGA,QAAM,oBAAoB,KAAK,OAAO;AAAA,IACpC,aAAa;AAAA,EACf,IAAI,CAAC,cAAc,YAAY,kBAAkB,kBAAkB,WAAW,CAAC;AAE/E,QAAM,qBAAqB,MAAM;AA5InC,QAAAD;AA8II,UAAM,sBAAqBA,MAAA,6CAAc,eAAd,gBAAAA,IAA0B;AAAA,MACnD,CAAC,SAAc,KAAK,SAAS;AAAA;AAG/B,QAAI,CAAC,sBAAsB,mBAAmB,SAAS,WAAY;AAGnE,UAAM,mBAAmB,UAAU,OAAO,OAAK,EAAE,MAAM,mBAAmB,UAAU;AACpF,QAAI,iBAAiB,WAAW,GAAG;AACjC,YAAM,mBAAmB;AACzB;AAAA,IACF;AACA,UAAM,WAAW,iBAAiB,CAAC;AAEnC,uDAAkB;AAElB,uDAAkB;AAGlB,kBAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,EAAE,eAAe,YAAY,UAAU;AAAA,IAClD,CAAC;AAGD,uCAAU;AAAA,EACZ;AAGA,QAAM,gBAAgB,CAAC,QAAgB;AACrC,WAAO,IACJ,WAAW,YAAY,KAAK,EAC5B,QAAQ,MAAM,SAAO,IAAI,YAAY,CAAC;AAAA,EAC3C;AAGA,QAAM,kBAAkB,CAAC,QAAgB;AACvC,WAAO,QAAQ,GAAiB,KAAK,cAAc,GAAG;AAAA,EACxD;AAGA,QAAM,0BAA0B,CAC9B,YACAE,eACW;AACX,QAAI,WAAW,SAAS,YAAY;AAElC,YAAM,WAAWA,cAAA,gBAAAA,WAAW;AAAA,QAC1B,OAAK,OAAO,EAAE,EAAE,MAAM,WAAW;AAAA;AAEnC,UAAI,UAAU;AAEZ,cAAM,cAAc,SAAS,gBAAgB,SAAS,mBAAmB,WAAW;AACpF,eAAO,aAAa,WAAW;AAAA,MACjC,OACK;AAEH,eAAO,aAAa,WAAW,YAAY,WAAW;AAAA,MACxD;AAAA,IACF,OACK;AAEH,aAAO,SAAS,WAAW,MAAM;AAAA,IACnC;AAAA,EACF;AAEA,QAAM,oBAAoB,MAAM;AAC9B,QAAI,CAAC,aAAc,QAAO;AAC1B,UAAM,UAAU,OAAO,QAAQ,YAAY;AAG3C,UAAM,kBAAkB,QAAQ;AAAA,MAC9B,CAAC,CAAC,KAAK,KAAK,MAAM,QAAQ,cAAc,OAAO;AAAA,IACjD;AAGA,UAAM,OAAO,CAAC;AACd,aAAS,IAAI,GAAG,IAAI,gBAAgB,QAAQ,KAAK,GAAG;AAClD,WAAK;AAAA,QACH,qBAAC,SAAY,WAAU,6FACrB;AAAA,8BAAC,uBAAoB,WAAU,eAAc,OAAO,gBAAgB,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAErF,0BAAgB,CAAC,EAAE,CAAC,MAAM,QACvB,gBAAgB,CAAC,EAAE,CAAC,MAAM,UAC1B,gBAAgB,CAAC,EAAE,CAAC,MAAM,SAEvB,qBAAC,UAAK,WAAU,UACb;AAAA,cAAE,IAAI;AAAA,YACN;AAAA,YACA,gBAAgB,gBAAgB,CAAC,EAAE,CAAC,CAAC;AAAA,YACrC;AAAA,YACA,EAAE,UAAU;AAAA,aACf,IAEF,gBAAgB,CAAC,EAAE,CAAC,MAAM,cAAc,OAAO,gBAAgB,CAAC,EAAE,CAAC,MAAM,WAErE,oBAAC,UACE,iBAAO,QAAQ,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAClC,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE,EACjE,KAAK,IAAI,GACd,IAEJ,gBAAgB,CAAC,EAAE,CAAC,MAAM,iBACxB,uBAAuB,gBAAgB,CAAC,EAAE,CAAC,CAAkB,IAC9D,MAAM,QAAQ,gBAAgB,CAAC,EAAE,CAAC,CAAC,IAE9B,oBAAC,SAAI,WAAU,wBACX,0BAAgB,CAAC,EAAE,CAAC,EAAY,IAAI,CAAC,MAAM,UAAU;AACrD,gBACE,gBAAgB,CAAC,EAAE,CAAC,MAAM,gBACvB,OAAO,SAAS,YAChB,SAAS,MACZ;AACA,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,SAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,WAAU;AAAA,kBACV,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM;AAAA,kBAEvC;AAAA,wCAAC,GAAG,uBAAH,EAAyB;AAAA,oBACzB,wBAAwB,MAAM,SAAS;AAAA;AAAA;AAAA,gBAPnC;AAAA,cAQP;AAAA,YAEJ,WACS,OAAO,SAAS,YAAY,SAAS,MAAM;AAClD,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,SAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,WAAU;AAAA,kBACV,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM;AAAA,kBAEvC;AAAA,wCAAC,GAAG,uBAAH,EAAyB;AAAA,oBACzB,KAAK,UAAU,IAAI;AAAA;AAAA;AAAA,gBAPf;AAAA,cAQP;AAAA,YAEJ,OACK;AACH,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,SAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,WAAU;AAAA,kBACV,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM;AAAA,kBAEvC;AAAA,wCAAC,GAAG,uBAAH,EAAyB;AAAA,oBACzB;AAAA;AAAA;AAAA,gBAPI;AAAA,cAQP;AAAA,YAEJ;AAAA,UACF,CAAC,GACH,IAGA,OAAO,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAG1C;AAAA,UACA,oBAAC,aAAU,WAAU,aAAY;AAAA,UAChC,IAAI,IAAI,gBAAgB,UACvB,oBAAC,uBAAoB,WAAU,eAAc,OAAO,gBAAgB,gBAAgB,IAAI,CAAC,EAAE,CAAC,CAAC,GAEzF,0BAAgB,IAAI,CAAC,EAAE,CAAC,MAAM,QAC3B,gBAAgB,IAAI,CAAC,EAAE,CAAC,MAAM,UAC9B,gBAAgB,IAAI,CAAC,EAAE,CAAC,MAAM,SAE3B,qBAAC,UAAK,WAAU,UACb;AAAA,cAAE,IAAI;AAAA,YACN;AAAA,YACA,gBAAgB,gBAAgB,IAAI,CAAC,EAAE,CAAC,CAAC;AAAA,YACzC;AAAA,YACA,EAAE,UAAU;AAAA,aACf,IAEF,gBAAgB,IAAI,CAAC,EAAE,CAAC,MAAM,iBAC5B,uBAAuB,gBAAgB,IAAI,CAAC,EAAE,CAAC,CAAkB,IAClE,MAAM,QAAQ,gBAAgB,IAAI,CAAC,EAAE,CAAC,CAAC,IAElC,oBAAC,SAAI,WAAU,wBACX,0BAAgB,IAAI,CAAC,EAAE,CAAC,EAAY,IAAI,CAAC,MAAM,UAAU;AACzD,gBACE,gBAAgB,IAAI,CAAC,EAAE,CAAC,MAAM,gBAC3B,OAAO,SAAS,YAChB,SAAS,MACZ;AACA,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,SAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,WAAU;AAAA,kBACV,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM;AAAA,kBAEvC;AAAA,wCAAC,GAAG,uBAAH,EAAyB;AAAA,oBACzB,wBAAwB,MAAM,SAAS;AAAA;AAAA;AAAA,gBAPnC;AAAA,cAQP;AAAA,YAEJ,WACS,OAAO,SAAS,YAAY,SAAS,MAAM;AAClD,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,SAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,WAAU;AAAA,kBACV,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM;AAAA,kBAEvC;AAAA,wCAAC,GAAG,uBAAH,EAAyB;AAAA,oBACzB,KAAK,UAAU,IAAI;AAAA;AAAA;AAAA,gBAPf;AAAA,cAQP;AAAA,YAEJ,OACK;AACH,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,SAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,WAAU;AAAA,kBACV,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM;AAAA,kBAEvC;AAAA,wCAAC,GAAG,uBAAH,EAAyB;AAAA,oBACzB;AAAA;AAAA;AAAA,gBAPI;AAAA,cAQP;AAAA,YAEJ;AAAA,UACF,CAAC,GACH,IAGA,OAAO,gBAAgB,IAAI,CAAC,EAAE,CAAC,CAAC,GAG9C;AAAA,aA9JM,CAgKV;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,QAAM,kBAAkB,MAAM;AAC5B,QAAI,CAAC,aAAc,QAAO;AAE1B,UAAM,iBAAiB,oBAAI,IAAI,CAAC,QAAQ,cAAc,UAAU,CAAC;AACjE,UAAM,UAAU,OAAO,QAAQ,YAAY,EAAE,OAAO,CAAC,CAAC,KAAK,GAAG,MAAM,eAAe,IAAI,GAAG,CAAC;AAG3F,UAAM,uBAAuB,CAAC,KAAa,UAAe;AACxD,UAAI,OAAO,QAAQ;AACjB,eACE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,aAAY;AAAA,YACZ,OAAO;AAAA,YACP,UAAU,OAAK,eAAe,uBAAG,OAAO,KAAK;AAAA;AAAA,QAC/C;AAAA,MAEJ,WACS,QAAQ,cAAc;AAC7B,eACE,qBAAC,SAAI,WAAU,uBACZ;AAAA,8BAAoB,OAEf;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,OAAO;AAAA,cACP,UAAU,OAAK,aAAa,EAAE,OAAO,KAAK;AAAA;AAAA,UAC5C,IAGA,qBAAC,SAAI,WAAU,0CACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OACE,gBACG,iBAAiB,gBAAgB,iBAAiB,kBACjD,GAAG,iBAAiB,YAAY,KAAK,iBAAiB,eAAe,KACrE,iBAAiB,gBAAgB,iBAAiB;AAAA,gBAExD,UAAQ;AAAA;AAAA,YACV;AAAA,YACA,oBAAC,GAAG,GAAH,EAAK,WAAU,mCAAkC,SAAS,MAAM,oBAAoB,IAAI,GAAG;AAAA,aAC9F;AAAA,UAGL,cAAc,SAAS,KAAK,eAAe,MAC1C,oBAAC,SAAI,WAAU,2FACZ,wBAAc,IAAI,cACjB;AAAA,YAAC;AAAA;AAAA,cAEC,WAAU;AAAA,cACV,SAAS,MAAM;AACb,oCAAoB,QAAQ;AAC5B,8BAAc,EAAE;AAChB,iCAAiB,CAAC,CAAC;AAAA,cACrB;AAAA,cAEA;AAAA,oCAAC,GAAG,uBAAH,EAAyB,WAAU,WAAU;AAAA,gBAC5C,SAAS,eACP,SAAS,eAAe,OAAO,SAAS,kBACxC,uBAAuB,SAAS;AAAA;AAAA;AAAA,YAX/B,SAAS;AAAA,UAYhB,CACD,GACH;AAAA,WAEJ;AAAA,MAEJ,WAES,MAAM,QAAQ,KAAK,GAAG;AAC7B,YAAI,UAAU,QAAQ,UAAU,QAAW;AACzC,iBAAO,oBAAC,SAAM,OAAM,IAAG;AAAA,QACzB;AACA,eACE,iCACE;AAAA,+BAAC,SAAI,WAAU,uBACb;AAAA,gCAAC,SAAM,MAAK,QAAO,OAAM,IAAG,UAAU,MAAM;AAAA,YAAC,GAAG;AAAA,YAChD;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM;AAAA,gBAEvC,8BAAC,GAAG,MAAH,EAAQ;AAAA;AAAA,YACX;AAAA,aACF;AAAA,UAEA,oBAAC,SAAI,WAAU,uBACZ,gBAAM,IAAI,CAAC,MAAW,UACrB,oBAAC,SAAkB,WAAU,eAAc,SAAQ,aAChD,kBAAQ,gBAAgB,OAAO,SAAS,YAAY,SAAS,OAC1D,wBAAwB,MAAM,SAAS,IACtC,OAAO,SAAS,YAAY,SAAS,OAClC,KAAK,UAAU,IAAI,IACnB,QALE,KAMZ,CACD,GACH;AAAA,WACF;AAAA,MAEJ,WACS,UAAU,SAAS,UAAU,MAAM;AAC1C,cAAM,OAAO,UAAU;AACvB,eACE;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,iBAAiB,MAAM;AAAA,YAAC;AAAA,YACxB,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM;AAAA;AAAA,QACzC;AAAA,MAEJ,WACS,OAAO,UAAU,UAAU;AAClC,YAAI,UAAU,QAAQ,UAAU,QAAW;AACzC,iBAAO,oBAAC,SAAM,OAAM,IAAG;AAAA,QACzB;AACA,eACE,oBAAC,SAAM,MAAK,UAAS,OAAc,UAAU,MAAM;AAAA,QAAC,GAAG;AAAA,MAE3D,OACK;AACH,YAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,QAAQ;AAC7D,iBAAO,oBAAC,SAAM,OAAM,IAAG;AAAA,QACzB;AACA,eACE,oBAAC,SAAM,OAAO,OAAO,KAAK,GAAG,UAAU,MAAM;AAAA,QAAC,GAAG;AAAA,MAErD;AAAA,IACF;AAGA,UAAM,OAAO,CAAC;AACd,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK,GAAG;AAC1C,WAAK;AAAA,QACH,qBAAC,SAAY,WAAU,sEACrB;AAAA,+BAAC,SAAI,WAAU,uBACb;AAAA,gCAAC,SAAI,WAAU,yCAAyC,0BAAgB,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAE;AAAA,YACtF,qBAAqB,QAAQ,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAAA,aACpD;AAAA,UACA,oBAAC,aAAU,WAAU,aAAY;AAAA,UAChC,IAAI,IAAI,QAAQ,UACf,qBAAC,SAAI,WAAU,uBACb;AAAA,gCAAC,SAAI,WAAU,yCAAyC,0BAAgB,QAAQ,IAAI,CAAC,EAAE,CAAC,CAAC,GAAE;AAAA,YAC1F,qBAAqB,QAAQ,IAAI,CAAC,EAAE,CAAC,GAAG,QAAQ,IAAI,CAAC,EAAE,CAAC,CAAC;AAAA,aAC5D;AAAA,aAVM,CAYV;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAEA,SACE,qBAAC,SAAI,WAAU,qCAEb;AAAA,wBAAC,SAAI,WAAU,gEACb,8BAAC,UAAO,MAAY,cAAc,SAChC,8BAAC,eAAY,MAAM,cAAc,oBAAoB,MAAM,GAC7D,GACF;AAAA,IAEA,oBAAC,SAAI,WAAU,2BACb,8BAAC,OAAE,WAAU,yCAAyC,YAAE,QAAQ,GAAE,GACpE;AAAA,IACA,oBAAC,SAAI,WAAU,6BACZ,oBACG,gBAAgB,IACf,eACG,kBAAkB,IAClB,oBAAC,SAAI,WAAU,IAAI,YAAE,OAAO,GAAE,GACxC;AAAA,KACF;AAEJ,CAAC;AACD,YAAY,cAAc;","names":["_a","_b","buildings"]}
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/files/FileDetails.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport { useMenusContext } from '../../../../store'\r\nimport type { Building } from '../../../../types/dbTypes'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../store'\r\n\r\n\r\n// Utilities\r\nimport { fuzzySearchBuildings } from './utils/fuzzySearch'\r\n// Shadcn Components\r\nimport { DescriptionListItem } from '../../../../components/ui/DescriptionList'\r\nimport { Separator, Badge, Button, Input, Checkbox, Dialog } from '../../../../components/ui/'\r\n\r\nimport { convertISOStringtoDate } from '../utils/convertDate'\r\n// Custom Components\r\nimport FilePreview from './FilePreview'\r\n\r\n// Icons\r\nimport  * as LR from 'lucide-react'\r\n\r\n// Custom Type\r\nimport type { FileRow } from '../../../../types/files'\r\n\r\nimport { mutate } from 'swr'\r\nimport { useFile } from '../../../../hooks/files/files'\r\nimport { ViewerNames } from '../../../../types/'\r\nimport { useSession } from 'next-auth/react'\r\n\r\ninterface FileDetailsProps {\r\n  selectedFile?: FileRow\r\n  buildings?: any[]\r\n  editing?: boolean\r\n  setEditing?: (editing: boolean) => void\r\n  setActiveChanges?: (editing: boolean) => void\r\n}\r\n\r\nexport type FileDetailsRef = {\r\n  saveChanges: () => Promise<void>\r\n}\r\n\r\nexport const FileDetails = React.forwardRef<FileDetailsRef, FileDetailsProps>((\r\n  { selectedFile, buildings, editing, setEditing, setActiveChanges },\r\n  ref,\r\n) => {\r\n  // Translations\r\n  const t = useTranslations('FileDetails')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const headers: Partial<Record<keyof FileRow | keyof File, string>> = {\r\n    name: t('fileName'),\r\n    attachedTo: t('attachedTo'),\r\n    dateUploaded: t('dateUploaded'),\r\n    uploadedBy: t('uploadedBy'), \r\n    fileType: t('fileType'),\r\n    fileSize: t('fileSize'),\r\n    position: t('position'),\r\n  }\r\n\r\n  const { dispatch: menusDispatch } = useMenusContext()\r\n  const { setView } = useMenusContext()\r\n  const { selectedItem, setSelectedItem } = useMenusContext()\r\n  const { setSelectedFile } = useMenusContext()\r\n\r\n  const [searchTerm, setSearchTerm] = React.useState('')\r\n  const [searchResults, setSearchResults] = React.useState<any[]>([])\r\n  const [attachedBuilding, setAttachedBuilding] = React.useState<any>(null)\r\n  const [editingName, setEditingName] = React.useState<any>('')\r\n\r\nconst { data: session } = useSession()\r\n\r\n  React.useEffect(() => {\r\n    setEditingName(selectedFile.metadata.name)\r\n    setAttachedBuilding(\r\n      selectedFile.metadata.attachedFilesBuildingId\r\n        ? buildings?.find(building => building.id === selectedFile.metadata.attachedFilesBuildingId) || null\r\n        : null,\r\n    )\r\n  }, [selectedFile, buildings])\r\n\r\n  // Update handler at top level too\r\n  const handleSearch = (term: string) => {\r\n    setSearchTerm(term)\r\n    setSearchResults(fuzzySearchBuildings(buildings || [], term))\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    if (attachedBuilding?.id != selectedFile.metadata.attachedFilesBuildingId || editingName !== selectedFile.metadata.name) setActiveChanges(true)\r\n    else setActiveChanges(false)\r\n  }, [attachedBuilding, editingName])\r\n\r\n  const [open, setOpen] = React.useState(false)\r\n\r\n  const { updateFile } = useFile(selectedFile?.metadata?.id ?? null)\r\n\r\n  const handleSaveChanges = async () => {\r\n    try {\r\n      const file = await updateFile({\r\n        name: editingName,\r\n        attachedFilesBuildingId: attachedBuilding ? attachedBuilding.id : null,\r\n      } as any)\r\n      setSelectedFile({\r\n        // rendering data\r\n        id: String(file.id),\r\n        name: file.name,\r\n        attachedTo: [\r\n          { type: 'building', buildingId: String(file.attachedFilesBuildingId || '') },\r\n        ],\r\n        dateUploaded: file.uploadedAt,\r\n        uploadedBy: session?.user?.email || 'CDT',\r\n        fileType: file.extension?.toUpperCase() || '',\r\n        fileSize: `${(file.sizeBytes / (1024 * 1024)).toFixed(3)} MB`,\r\n        position: file.position,\r\n        metadata: {\r\n          ...file,\r\n          url: selectedFile.metadata.url,\r\n        },\r\n      })\r\n    }\r\n    catch (error) {\r\n      console.error(error)\r\n      alert(`An error occurred when saving file changes: ${error.message || error}`)\r\n    }\r\n    finally {\r\n      setSearchTerm('')\r\n      setSearchResults([])\r\n      setAttachedBuilding(null)\r\n      setEditingName(selectedFile.metadata.name)\r\n    }\r\n  }\r\n\r\n  // Expose methods to parent component\r\n  React.useImperativeHandle(ref, () => ({\r\n    saveChanges: handleSaveChanges,\r\n  }), [selectedItem, setEditing, setActiveChanges, attachedBuilding, editingName])\r\n\r\n  const handleViewBuilding = () => {\r\n    // Find the building attachment\r\n    const buildingAttachment = selectedFile?.attachedTo?.find(\r\n      (item: any) => item.type === 'building',\r\n    )\r\n    // Type guard: only proceed if buildingAttachment is a building\r\n    if (!buildingAttachment || buildingAttachment.type !== 'building') return\r\n\r\n    // Find the full building object\r\n    const matchedBuildings = buildings.filter(b => b.id == buildingAttachment.buildingId)\r\n    if (matchedBuildings.length === 0) {\r\n      alert('No building found')\r\n      return\r\n    }\r\n    const building = matchedBuildings[0]\r\n\r\n    setSelectedFile?.(null)\r\n    // Set the selected building\r\n    setSelectedItem?.(building)\r\n\r\n    // Set the current viewer to buildings\r\n    menusDispatch({\r\n      type: 'SET_VIEWER',\r\n      payload: { currentViewer: ViewerNames.buildings },\r\n    })\r\n\r\n    // Set the view to 'details'\r\n    setView?.('detail')\r\n  }\r\n\r\n  // Capitalize the first letter of each key\r\n  const capitalizeKey = (key: string) => {\r\n    return key\r\n      .replaceAll(/([A-Z])/g, ' $1')\r\n      .replace(/^./, str => str.toUpperCase())\r\n  }\r\n\r\n  // Get display label from headers or fallback to capitalizeKey\r\n  const getDisplayLabel = (key: string) => {\r\n    return headers[key as keyof File] || capitalizeKey(key)\r\n  }\r\n\r\n  // Format attachedTo display\r\n  const formatAttachmentDisplay = (\r\n    attachment: { type: 'building', buildingId: string } | { type: 'site', siteId: string },\r\n    buildings?: Building[],\r\n  ): string => {\r\n    if (attachment.type === 'building') {\r\n      // Find the building by buildingId\r\n      const building = buildings?.find(\r\n        b => String(b.id) === attachment.buildingId,\r\n      )\r\n      if (building) {\r\n        // Use propertyName if available, otherwise fall back to address, then buildingId\r\n        const displayName = building.buildingName || building.buildingAddress || attachment.buildingId\r\n        return `Building: ${displayName}`\r\n      }\r\n      else {\r\n        // Building not found, show the ID\r\n        return `Building: ${attachment.buildingId, 'not found'}`\r\n      }\r\n    }\r\n    else {\r\n      // For sites, just show the site ID for now\r\n      return `Site: ${attachment.siteId}`\r\n    }\r\n  }\r\n\r\n  const renderFileDetails = () => {\r\n    if (!selectedFile) return null\r\n    const entries = Object.entries(selectedFile)\r\n\r\n    // show only the rendering data not renering data\r\n    const filteredEntries = entries.filter(\r\n      ([key, value]) => key !== 'metadata' && key in headers,\r\n    )\r\n\r\n    // Group items into pairs for the grid layout\r\n    const rows = []\r\n    for (let i = 0; i < filteredEntries.length; i += 2) {\r\n      rows.push(\r\n        <div key={i} className=\"grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 border-b border-border w-full\">\r\n          <DescriptionListItem className=\"break-words\" label={getDisplayLabel(filteredEntries[i][0])}>\r\n            {\r\n              filteredEntries[i][1] === null\r\n              || filteredEntries[i][1] === undefined\r\n              || filteredEntries[i][1] === 'null'\r\n                ? (\r\n                    <span className=\"italic\">\r\n                      {t('no')}\r\n                      {' '}\r\n                      {getDisplayLabel(filteredEntries[i][0])}\r\n                      {' '}\r\n                      {t('provided')}\r\n                    </span>\r\n                  )\r\n                : filteredEntries[i][0] === 'position' && typeof filteredEntries[i][1] === 'object'\r\n                  ? (\r\n                      <span>\r\n                        {Object.entries(filteredEntries[i][1])\r\n                          .map(([k, v]) => `${k.charAt(0).toUpperCase() + k.slice(1)}: ${v}`)\r\n                          .join(', ')}\r\n                      </span>\r\n                    )\r\n                : filteredEntries[i][0] === 'dateUploaded'\r\n                  ? convertISOStringtoDate(filteredEntries[i][1] as string | Date)\r\n                : (Array.isArray(filteredEntries[i][1])\r\n                    ? (\r\n                        <div className=\"flex flex-wrap gap-2\">\r\n                          {(filteredEntries[i][1] as any[]).map((item, index) => {\r\n                            if (\r\n                              filteredEntries[i][0] === 'attachedTo'\r\n                              && typeof item === 'object'\r\n                              && item !== null\r\n                            ) {\r\n                              return (\r\n                                <Button \r\n                                  key={index} \r\n                                  variant=\"ghost\" \r\n                                  onClick={handleViewBuilding} \r\n                                  className=\"p-0 hover:bg-transparent underline\"\r\n                                  disabled={!ability.can('update', 'File')}\r\n                                >\r\n                                  <LR.SquareArrowOutUpRight />\r\n                                  {formatAttachmentDisplay(item, buildings)}\r\n                                </Button>\r\n                              )\r\n                            }\r\n                            else if (typeof item === 'object' && item !== null) {\r\n                              return (\r\n                                <Button \r\n                                  key={index} \r\n                                  variant=\"ghost\" \r\n                                  onClick={handleViewBuilding} \r\n                                  className=\"p-0 hover:bg-transparent underline\"\r\n                                  disabled={!ability.can('update', 'File')}\r\n                                >\r\n                                  <LR.SquareArrowOutUpRight />\r\n                                  {JSON.stringify(item)}\r\n                                </Button>\r\n                              )\r\n                            }\r\n                            else {\r\n                              return (\r\n                                <Button \r\n                                  key={index} \r\n                                  variant=\"ghost\" \r\n                                  onClick={handleViewBuilding} \r\n                                  className=\"p-0 hover:bg-transparent underline\"\r\n                                  disabled={!ability.can('update', 'File')}\r\n                                >\r\n                                  <LR.SquareArrowOutUpRight />\r\n                                  {item}\r\n                                </Button>\r\n                              )\r\n                            }\r\n                          })}\r\n                        </div>\r\n                      )\r\n                    : (\r\n                        String(filteredEntries[i][1])\r\n                      ))\r\n            }\r\n          </DescriptionListItem>\r\n          <Separator className=\"md:hidden\" />\r\n          {i + 1 < filteredEntries.length && (\r\n            <DescriptionListItem className=\"break-words\" label={getDisplayLabel(filteredEntries[i + 1][0])}>\r\n              {\r\n                filteredEntries[i + 1][1] === null\r\n                || filteredEntries[i + 1][1] === undefined\r\n                || filteredEntries[i + 1][1] === 'null'\r\n                  ? (\r\n                      <span className=\"italic\">\r\n                        {t('no')}\r\n                        {' '}\r\n                        {getDisplayLabel(filteredEntries[i + 1][0])}\r\n                        {' '}\r\n                        {t('provided')}\r\n                      </span>\r\n                    )\r\n                  : filteredEntries[i + 1][0] === 'dateUploaded'\r\n                    ? convertISOStringtoDate(filteredEntries[i + 1][1] as string | Date)\r\n                  : (Array.isArray(filteredEntries[i + 1][1])\r\n                      ? (\r\n                          <div className=\"flex flex-wrap gap-2\">\r\n                            {(filteredEntries[i + 1][1] as any[]).map((item, index) => {\r\n                              if (\r\n                                filteredEntries[i + 1][0] === 'attachedTo'\r\n                                && typeof item === 'object'\r\n                                && item !== null\r\n                              ) {\r\n                                return (\r\n                                  <Button \r\n                                    key={index} \r\n                                    variant=\"ghost\" \r\n                                    onClick={handleViewBuilding} \r\n                                    className=\"p-0 hover:bg-transparent underline\"\r\n                                    disabled={!ability.can('update', 'File')}\r\n                                  >\r\n                                    <LR.SquareArrowOutUpRight />\r\n                                    {formatAttachmentDisplay(item, buildings)}\r\n                                  </Button>\r\n                                )\r\n                              }\r\n                              else if (typeof item === 'object' && item !== null) {\r\n                                return (\r\n                                  <Button \r\n                                    key={index} \r\n                                    variant=\"ghost\" \r\n                                    onClick={handleViewBuilding} \r\n                                    className=\"p-0 hover:bg-transparent underline\"\r\n                                    disabled={!ability.can('update', 'File')}\r\n                                  >\r\n                                    <LR.SquareArrowOutUpRight />\r\n                                    {JSON.stringify(item)}\r\n                                  </Button>\r\n                                )\r\n                              }\r\n                              else {\r\n                                return (\r\n                                  <Button \r\n                                    key={index} \r\n                                    variant=\"ghost\" \r\n                                    onClick={handleViewBuilding} \r\n                                    className=\"p-0 hover:bg-transparent underline\"\r\n                                    disabled={!ability.can('update', 'File')}\r\n                                  >\r\n                                    <LR.SquareArrowOutUpRight />\r\n                                    {item}\r\n                                  </Button>\r\n                                )\r\n                              }\r\n                            })}\r\n                          </div>\r\n                        )\r\n                      : (\r\n                          String(filteredEntries[i + 1][1])\r\n                        ))\r\n              }\r\n            </DescriptionListItem>\r\n          )}\r\n        </div>,\r\n      )\r\n    }\r\n    return rows\r\n  }\r\n\r\n  const editFileDetails = () => {\r\n    if (!selectedFile) return null\r\n\r\n    const editableFields = new Set(['name', 'attachedTo', 'position'])\r\n    const entries = Object.entries(selectedFile).filter(([key, val]) => editableFields.has(key))\r\n\r\n    // Render the appropriate input component based on data type\r\n    const renderInputComponent = (key: string, value: any) => {\r\n      if (key == 'name') {\r\n        return (\r\n          <Input\r\n            type=\"text\"\r\n            placeholder=\"Enter a new file name\"\r\n            value={editingName}\r\n            onChange={e => setEditingName(e?.target.value)}\r\n          />\r\n        )\r\n      }\r\n      else if (key === 'attachedTo') {\r\n        return (\r\n          <div className=\"flex flex-col gap-2\">\r\n            {attachedBuilding == null\r\n              ? (\r\n                  <Input\r\n                    type=\"text\"\r\n                    placeholder=\"Search buildings by address\"\r\n                    value={searchTerm}\r\n                    onChange={e => handleSearch(e.target.value)}\r\n                  />\r\n                )\r\n              : (\r\n                  <div className=\"relative flex justify-end items-center\">\r\n                    <Input\r\n                      type=\"text\"\r\n                      value={\r\n                        'Building: '\r\n                        + (attachedBuilding.buildingName && attachedBuilding.buildingAddress\r\n                          ? `${attachedBuilding.buildingName}, ${attachedBuilding.buildingAddress}`\r\n                          : attachedBuilding.buildingName || attachedBuilding.buildingAddress)\r\n                      }\r\n                      readOnly\r\n                    />\r\n                    <LR.X className=\"absolute right-2 cursor-pointer\" onClick={() => setAttachedBuilding(null)} />\r\n                  </div>\r\n                )}\r\n            {/* Dropdown panel */}\r\n            {searchResults.length > 0 && searchTerm !== '' && (\r\n              <div className=\"mt-1 bg-white border border-gray-200 rounded-md shadow-lg max-h-60 overflow-y-auto z-20\">\r\n                {searchResults.map(building => (\r\n                  <div\r\n                    key={building.id}\r\n                    className=\"px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 transition-colors flex gap-2 items-center\"\r\n                    onClick={() => {\r\n                      setAttachedBuilding(building)\r\n                      setSearchTerm('')\r\n                      setSearchResults([])\r\n                    }}\r\n                  >\r\n                    <LR.SquareArrowOutUpRight className=\"w-3 h-3\" />\r\n                    { building.buildingName\r\n                      ? building.buildingName + ', ' + building.buildingAddress\r\n                      : 'Unnamed Property, ' + building.buildingAddress }\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            )}\r\n          </div>\r\n        )\r\n      }\r\n\r\n      else if (Array.isArray(value)) {\r\n        if (value === null || value === undefined) {\r\n          return <Input value=\"\" />\r\n        }\r\n        return (\r\n          <>\r\n            <div className=\"flex flex-row gap-2\">\r\n              <Input type=\"text\" value=\"\" onChange={() => {}} />\r\n              <Button \r\n                variant=\"outline\" \r\n                size=\"icon\"\r\n                disabled={!ability.can('update', 'File')}\r\n              >\r\n                <LR.Plus />\r\n              </Button>\r\n            </div>\r\n            {/* Render Existing values */}\r\n            <div className=\"flex flex-row gap-2\">\r\n              {value.map((item: any, index: number) => (\r\n                <Badge key={index} className=\"inline-flex\" variant=\"secondary\">\r\n                  {key === 'attachedTo' && typeof item === 'object' && item !== null\r\n                    ? formatAttachmentDisplay(item, buildings)\r\n                    : (typeof item === 'object' && item !== null\r\n                        ? JSON.stringify(item)\r\n                        : item)}\r\n                </Badge>\r\n              ))}\r\n            </div>\r\n          </>\r\n        )\r\n      }\r\n      else if (value === 'yes' || value === 'no') {\r\n        const bool = value === 'yes'\r\n        return (\r\n          <Checkbox \r\n            checked={bool} \r\n            onCheckedChange={() => {}} \r\n            disabled={!ability.can('update', 'File')}\r\n          />\r\n        )\r\n      }\r\n      else if (typeof value === 'number') {\r\n        if (value === null || value === undefined) {\r\n          return <Input value=\"\" />\r\n        }\r\n        return (\r\n          <Input type=\"number\" value={value} onChange={() => {}} />\r\n        )\r\n      }\r\n      else {\r\n        if (value === null || value === undefined || value === 'null') {\r\n          return <Input value=\"\" />\r\n        }\r\n        return (\r\n          <Input value={String(value)} onChange={() => {}} />\r\n        )\r\n      }\r\n    }\r\n\r\n    // Group items into pairs for the grid layout\r\n    const rows = []\r\n    for (let i = 0; i < entries.length; i += 2) {\r\n      rows.push(\r\n        <div key={i} className=\"grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 w-full\">\r\n          <div className=\"flex flex-col gap-2\">\r\n            <div className=\"text-sm font-semibold text-foreground\">{getDisplayLabel(entries[i][0])}</div>\r\n            {renderInputComponent(entries[i][0], entries[i][1])}\r\n          </div>\r\n          <Separator className=\"md:hidden\" />\r\n          {i + 1 < entries.length && (\r\n            <div className=\"flex flex-col gap-2\">\r\n              <div className=\"text-sm font-semibold text-foreground\">{getDisplayLabel(entries[i + 1][0])}</div>\r\n              {renderInputComponent(entries[i + 1][0], entries[i + 1][1])}\r\n            </div>\r\n          )}\r\n        </div>,\r\n      )\r\n    }\r\n\r\n    return rows\r\n  }\r\n\r\n  return (\r\n    <div className=\"flex flex-col overflow-hidden p-6\">\r\n      {/* File preview */}\r\n      <div className=\"p-12 m-auto w-full flex justify-center items-center relative\">\r\n        <Dialog open={open} onOpenChange={setOpen}>\r\n          <FilePreview file={selectedFile} disableDialogFor3D={true} />\r\n        </Dialog>\r\n      </div>\r\n      {/* Header */}\r\n      <div className=\"flex-shrink-0 pb-2 px-6\">\r\n        <p className=\"text-xl text-foreground font-semibold\">{t('header')}</p>\r\n      </div>\r\n      <div className=\"flex-1 px-6 overflow-auto\">\r\n        {editing\r\n          ? editFileDetails()\r\n          : (selectedFile\r\n              ? renderFileDetails()\r\n              : <div className=\"\">{t('empty')}</div>)}\r\n      </div>\r\n    </div>\r\n  )\r\n})\r\nFileDetails.displayName = 'FileDetails'\r\n"],"mappings":"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","names":["_a","_b","buildings"]}

package/dist/core/components/viewers/Data/files/FileMoreOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileMoreOptions.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/files/FileMoreOptions.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAoBtD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,oBAAoB,qBAoJjF"}
+{"version":3,"file":"FileMoreOptions.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/files/FileMoreOptions.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAoBtD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,oBAAoB,qBAoJjF"}

package/dist/core/components/viewers/Data/files/FileMoreOptions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/files/FileMoreOptions.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport { FilesContext, MapContext, MenusContext } from '../../../../store'\r\nimport { useDeleteFile, useDownloadFile } from '../../../../hooks/files/files'\r\nimport { useFileDeleteHandler } from '../../../../components/ui/FilesManager/src/useFileDeleteHandler'\r\nimport type { FileRow } from '../../../../types/files'\r\nimport { toast } from 'sonner'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../store'\r\n\r\n// Shadcn Components\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from '../../../../components/ui/DropdownMenu'\r\n  import { Button, LoadingSpinner } from '../../../../components/ui/'\r\nimport ConfirmDialog from '../../../../components/ConfirmDialog'\r\n\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\nimport { ViewerNames } from '../../../../types/'\r\n\r\ninterface FileMoreOptionsProps {\r\n  file: FileRow\r\n  buildingId?: number // Add buildingId prop for proper revalidation\r\n}\r\n\r\nexport default function FileMoreOptions({ file, buildingId }: FileMoreOptionsProps) {\r\n  // Translations\r\n  const t = useTranslations('FileMoreOptions')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const { dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { dispatch: fileDispatch } = React.useContext(FilesContext)\r\n  const { state: mapState, dispatch: mapDispatch } = React.useContext(MapContext)\r\n\r\n  // Use the delete hook from your useData file\r\n  const { deleteFile, isMutating: isDeleting, deleteError } = useDeleteFile(buildingId)\r\n\r\n  // Use the reusable delete handler\r\n  const { handleDeleteFile } = useFileDeleteHandler({\r\n    deleteFile,\r\n    onDeleteSuccess: () => setIsDeleteDialogOpen(false),\r\n  })\r\n\r\n  const { downloadFile, isDownloading, downloadError } = useDownloadFile()\r\n\r\n  const { map } = mapState.map\r\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = React.useState(false)\r\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false)\r\n\r\n  const isMapFile = file?.metadata?.type == 'map-file'\r\n\r\n  const handleViewOnMap = async (map: any) => {\r\n    // set the current viewer to map\r\n    // Fly to location on the map\r\n    fileDispatch({ type: 'UNHIDE_FILE_BY_ID', payload: { id: file.metadata.id } })\r\n\r\n    // Safely extract lng/lat if position is an object\r\n    const position = file.metadata.position as { lng: number; lat: number } | undefined\r\n    if (position && typeof position.lng === 'number' && typeof position.lat === 'number') {\r\n      map.flyTo({\r\n        center: [position.lng, position.lat],\r\n        zoom: 18,\r\n        speed: 10,\r\n        curve: 1,\r\n        essential: true,\r\n      })\r\n    } else {\r\n      return\r\n    }\r\n\r\n    await new Promise(resolve => setTimeout(resolve, 1000))\r\n\r\n    menusDispatch({\r\n      type: 'SET_VIEWER',\r\n      payload: { currentViewer: ViewerNames.map },\r\n    })\r\n  }\r\n\r\n  const handleDeleteFileClick = async () => {\r\n    await handleDeleteFile(file)\r\n  }\r\n\r\n  const handleDownloadFile = async (e: React.MouseEvent) => {\r\n    e.preventDefault()\r\n    e.stopPropagation()\r\n\r\n    await downloadFile(file)\r\n\r\n    if (downloadError) {\r\n      toast.error(`${t('toastFailDown')} ${downloadError.message}`)\r\n    }\r\n    else if (!isDownloading) {\r\n      toast.success(`${t('toastSuccessDown')} ${file.name || file.metadata?.name}`)\r\n    }\r\n  }\r\n\r\n  if (isDeleting) {\r\n    return (\r\n      <div className=\"inline-flex items-center space-x-2 bg-red-50 text-red-700 px-3 py-1.5 rounded-lg shadow-sm\">\r\n        <LoadingSpinner />\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <DropdownMenu>\r\n        <DropdownMenuTrigger asChild>\r\n          <Button\r\n            variant=\"ghost\"\r\n            className=\"dropdown-menu-trigger\"\r\n            onClick={(e) => { e.stopPropagation() }}\r\n            size=\"icon\"\r\n          >\r\n            <LR.MoreHorizontal />\r\n            <span className=\"sr-only\">{t('open')}</span>\r\n          </Button>\r\n        </DropdownMenuTrigger>\r\n        <DropdownMenuContent align=\"end\">\r\n          {isMapFile\r\n            && (\r\n              <DropdownMenuItem\r\n                onClick={(e) => {\r\n                  e.stopPropagation()\r\n                  handleViewOnMap(map)\r\n                }}\r\n              >\r\n                <LR.Map />\r\n                {t('view')}\r\n              </DropdownMenuItem>\r\n            )}\r\n\r\n          <DropdownMenuItem\r\n            onClick={handleDownloadFile}\r\n            disabled={isDownloading}\r\n          >\r\n            {isDownloading\r\n              ? (\r\n                  <LoadingSpinner />\r\n                )\r\n              : (\r\n                  <LR.Download />\r\n                )}\r\n            {isDownloading ? <LoadingSpinner /> : t('downloadFile')}\r\n          </DropdownMenuItem>\r\n\r\n          <DropdownMenuItem\r\n            onClick={(e) => {\r\n              e.preventDefault()\r\n              e.stopPropagation()\r\n              setIsDeleteDialogOpen(true)\r\n            }}\r\n            disabled={!ability.can('delete', 'File')}\r\n          >\r\n            <LR.Trash2 />\r\n            {t('deleteFile')}\r\n          </DropdownMenuItem>\r\n        </DropdownMenuContent>\r\n      </DropdownMenu>\r\n\r\n      {/* Separate AlertDialog outside of DropdownMenu */}\r\n      <ConfirmDialog\r\n        isOpen={isDeleteDialogOpen}\r\n        isDeleting={isDeleting}\r\n        onOpenChange={setIsDeleteDialogOpen}\r\n        handleConfirm={handleDeleteFileClick}\r\n        itemName={file?.name || file?.metadata?.name}\r\n      />\r\n      \r\n    </>\r\n  )\r\n}\r\n"],"mappings":";AA4GQ,SAMJ,UANI,KASE,YATF;AAzGR,YAAY,WAAW;AACvB,SAAS,cAAc,YAAY,oBAAoB;AACvD,SAAS,eAAe,uBAAuB;AAC/C,SAAS,4BAA4B;AAErC,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAG/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACL,SAAS,QAAQ,sBAAsB;AACzC,OAAO,mBAAmB;AAI1B,YAAY,QAAQ;AACpB,SAAS,mBAAmB;AAOb,SAAR,gBAAiC,EAAE,MAAM,WAAW,GAAyB;AAhCpF;AAkCE,QAAM,IAAI,gBAAgB,iBAAiB;AAG3C,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,QAAM,EAAE,UAAU,cAAc,IAAI,MAAM,WAAW,YAAY;AACjE,QAAM,EAAE,UAAU,aAAa,IAAI,MAAM,WAAW,YAAY;AAChE,QAAM,EAAE,OAAO,UAAU,UAAU,YAAY,IAAI,MAAM,WAAW,UAAU;AAG9E,QAAM,EAAE,YAAY,YAAY,YAAY,YAAY,IAAI,cAAc,UAAU;AAGpF,QAAM,EAAE,iBAAiB,IAAI,qBAAqB;AAAA,IAChD;AAAA,IACA,iBAAiB,MAAM,sBAAsB,KAAK;AAAA,EACpD,CAAC;AAED,QAAM,EAAE,cAAc,eAAe,cAAc,IAAI,gBAAgB;AAEvE,QAAM,EAAE,IAAI,IAAI,SAAS;AACzB,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,KAAK;AACxE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAS,KAAK;AAEhE,QAAM,cAAY,kCAAM,aAAN,mBAAgB,SAAQ;AAE1C,QAAM,kBAAkB,OAAOA,SAAa;AAG1C,iBAAa,EAAE,MAAM,qBAAqB,SAAS,EAAE,IAAI,KAAK,SAAS,GAAG,EAAE,CAAC;AAG7E,UAAM,WAAW,KAAK,SAAS;AAC/B,QAAI,YAAY,OAAO,SAAS,QAAQ,YAAY,OAAO,SAAS,QAAQ,UAAU;AACpF,MAAAA,KAAI,MAAM;AAAA,QACR,QAAQ,CAAC,SAAS,KAAK,SAAS,GAAG;AAAA,QACnC,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,WAAW;AAAA,MACb,CAAC;AAAA,IACH,OAAO;AACL;AAAA,IACF;AAEA,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,GAAI,CAAC;AAEtD,kBAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,EAAE,eAAe,YAAY,IAAI;AAAA,IAC5C,CAAC;AAAA,EACH;AAEA,QAAM,wBAAwB,YAAY;AACxC,UAAM,iBAAiB,IAAI;AAAA,EAC7B;AAEA,QAAM,qBAAqB,OAAO,MAAwB;AA3F5D,QAAAC;AA4FI,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAElB,UAAM,aAAa,IAAI;AAEvB,QAAI,eAAe;AACjB,YAAM,MAAM,GAAG,EAAE,eAAe,CAAC,IAAI,cAAc,OAAO,EAAE;AAAA,IAC9D,WACS,CAAC,eAAe;AACvB,YAAM,QAAQ,GAAG,EAAE,kBAAkB,CAAC,IAAI,KAAK,UAAQA,MAAA,KAAK,aAAL,gBAAAA,IAAe,KAAI,EAAE;AAAA,IAC9E;AAAA,EACF;AAEA,MAAI,YAAY;AACd,WACE,oBAAC,SAAI,WAAU,8FACb,8BAAC,kBAAe,GAClB;AAAA,EAEJ;AAEA,SACE,iCACE;AAAA,yBAAC,gBACC;AAAA,0BAAC,uBAAoB,SAAO,MAC1B;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS,CAAC,MAAM;AAAE,cAAE,gBAAgB;AAAA,UAAE;AAAA,UACtC,MAAK;AAAA,UAEL;AAAA,gCAAC,GAAG,gBAAH,EAAkB;AAAA,YACnB,oBAAC,UAAK,WAAU,WAAW,YAAE,MAAM,GAAE;AAAA;AAAA;AAAA,MACvC,GACF;AAAA,MACA,qBAAC,uBAAoB,OAAM,OACxB;AAAA,qBAEG;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,CAAC,MAAM;AACd,gBAAE,gBAAgB;AAClB,8BAAgB,GAAG;AAAA,YACrB;AAAA,YAEA;AAAA,kCAAC,GAAG,KAAH,EAAO;AAAA,cACP,EAAE,MAAM;AAAA;AAAA;AAAA,QACX;AAAA,QAGJ;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAU;AAAA,YAET;AAAA,8BAEK,oBAAC,kBAAe,IAGhB,oBAAC,GAAG,UAAH,EAAY;AAAA,cAElB,gBAAgB,oBAAC,kBAAe,IAAK,EAAE,cAAc;AAAA;AAAA;AAAA,QACxD;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,CAAC,MAAM;AACd,gBAAE,eAAe;AACjB,gBAAE,gBAAgB;AAClB,oCAAsB,IAAI;AAAA,YAC5B;AAAA,YACA,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM;AAAA,YAEvC;AAAA,kCAAC,GAAG,QAAH,EAAU;AAAA,cACV,EAAE,YAAY;AAAA;AAAA;AAAA,QACjB;AAAA,SACF;AAAA,OACF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR;AAAA,QACA,cAAc;AAAA,QACd,eAAe;AAAA,QACf,WAAU,6BAAM,WAAQ,kCAAM,aAAN,mBAAgB;AAAA;AAAA,IAC1C;AAAA,KAEF;AAEJ;","names":["map","_a"]}
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/files/FileMoreOptions.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport { FilesContext, MapContext, MenusContext } from '../../../../store'\r\nimport { useDeleteFile, useDownloadFile } from '../../../../hooks/files/files'\r\nimport { useFileDeleteHandler } from '../../../../components/ui/FilesManager/src/useFileDeleteHandler'\r\nimport type { FileRow } from '../../../../types/files'\r\nimport { toast } from 'sonner'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../store'\r\n\r\n// Shadcn Components\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from '../../../../components/ui/DropdownMenu'\r\n  import { Button, LoadingSpinner } from '../../../../components/ui/'\r\nimport ConfirmDialog from '../../../../components/ConfirmDialog'\r\n\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\nimport { ViewerNames } from '../../../../types/'\r\n\r\ninterface FileMoreOptionsProps {\r\n  file: FileRow\r\n  buildingId?: number // Add buildingId prop for proper revalidation\r\n}\r\n\r\nexport default function FileMoreOptions({ file, buildingId }: FileMoreOptionsProps) {\r\n  // Translations\r\n  const t = useTranslations('FileMoreOptions')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const { dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { dispatch: fileDispatch } = React.useContext(FilesContext)\r\n  const { state: mapState, dispatch: mapDispatch } = React.useContext(MapContext)\r\n\r\n  // Use the delete hook from your useData file\r\n  const { deleteFile, isMutating: isDeleting, deleteError } = useDeleteFile(buildingId)\r\n\r\n  // Use the reusable delete handler\r\n  const { handleDeleteFile } = useFileDeleteHandler({\r\n    deleteFile,\r\n    onDeleteSuccess: () => setIsDeleteDialogOpen(false),\r\n  })\r\n\r\n  const { downloadFile, isDownloading, downloadError } = useDownloadFile()\r\n\r\n  const { map } = mapState.map\r\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = React.useState(false)\r\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false)\r\n\r\n  const isMapFile = file?.metadata?.type == 'map-file'\r\n\r\n  const handleViewOnMap = async (map: any) => {\r\n    // set the current viewer to map\r\n    // Fly to location on the map\r\n    fileDispatch({ type: 'UNHIDE_FILE_BY_ID', payload: { id: file.metadata.id } })\r\n\r\n    // Safely extract lng/lat if position is an object\r\n    const position = file.metadata.position as { lng: number; lat: number } | undefined\r\n    if (position && typeof position.lng === 'number' && typeof position.lat === 'number') {\r\n      map.flyTo({\r\n        center: [position.lng, position.lat],\r\n        zoom: 18,\r\n        speed: 10,\r\n        curve: 1,\r\n        essential: true,\r\n      })\r\n    } else {\r\n      return\r\n    }\r\n\r\n    await new Promise(resolve => setTimeout(resolve, 1000))\r\n\r\n    menusDispatch({\r\n      type: 'SET_VIEWER',\r\n      payload: { currentViewer: ViewerNames.map },\r\n    })\r\n  }\r\n\r\n  const handleDeleteFileClick = async () => {\r\n    await handleDeleteFile(file)\r\n  }\r\n\r\n  const handleDownloadFile = async (e: React.MouseEvent) => {\r\n    e.preventDefault()\r\n    e.stopPropagation()\r\n\r\n    await downloadFile(file)\r\n\r\n    if (downloadError) {\r\n      toast.error(`${t('toastFailDown')} ${downloadError.message}`)\r\n    }\r\n    else if (!isDownloading) {\r\n      toast.success(`${t('toastSuccessDown')} ${file.name || file.metadata?.name}`)\r\n    }\r\n  }\r\n\r\n  if (isDeleting) {\r\n    return (\r\n      <div className=\"inline-flex items-center space-x-2 bg-red-50 text-red-700 px-3 py-1.5 rounded-lg shadow-sm\">\r\n        <LoadingSpinner />\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <DropdownMenu>\r\n        <DropdownMenuTrigger asChild>\r\n          <Button\r\n            variant=\"ghost\"\r\n            className=\"dropdown-menu-trigger\"\r\n            onClick={(e) => { e.stopPropagation() }}\r\n            size=\"icon\"\r\n          >\r\n            <LR.MoreHorizontal />\r\n            <span className=\"sr-only\">{t('open')}</span>\r\n          </Button>\r\n        </DropdownMenuTrigger>\r\n        <DropdownMenuContent align=\"end\">\r\n          {isMapFile\r\n            && (\r\n              <DropdownMenuItem\r\n                onClick={(e) => {\r\n                  e.stopPropagation()\r\n                  handleViewOnMap(map)\r\n                }}\r\n              >\r\n                <LR.Map />\r\n                {t('view')}\r\n              </DropdownMenuItem>\r\n            )}\r\n\r\n          <DropdownMenuItem\r\n            onClick={handleDownloadFile}\r\n            disabled={isDownloading}\r\n          >\r\n            {isDownloading\r\n              ? (\r\n                  <LoadingSpinner />\r\n                )\r\n              : (\r\n                  <LR.Download />\r\n                )}\r\n            {isDownloading ? <LoadingSpinner /> : t('downloadFile')}\r\n          </DropdownMenuItem>\r\n\r\n          <DropdownMenuItem\r\n            onClick={(e) => {\r\n              e.preventDefault()\r\n              e.stopPropagation()\r\n              setIsDeleteDialogOpen(true)\r\n            }}\r\n            disabled={!ability.can('delete', 'File')}\r\n          >\r\n            <LR.Trash2 />\r\n            {t('deleteFile')}\r\n          </DropdownMenuItem>\r\n        </DropdownMenuContent>\r\n      </DropdownMenu>\r\n\r\n      {/* Separate AlertDialog outside of DropdownMenu */}\r\n      <ConfirmDialog\r\n        isOpen={isDeleteDialogOpen}\r\n        isDeleting={isDeleting}\r\n        onOpenChange={setIsDeleteDialogOpen}\r\n        handleConfirm={handleDeleteFileClick}\r\n        itemName={file?.name || file?.metadata?.name}\r\n      />\r\n      \r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":["map","_a"]}

package/dist/core/components/viewers/Data/files/FilePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/files/FilePreview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAOlD,UAAU,gBAAgB;IACxB,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,WAAkB,EAAE,kBAA0B,EAAE,EAAE,gBAAgB,qBAgI7G"}
+{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/files/FilePreview.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAOlD,UAAU,gBAAgB;IACxB,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,WAAkB,EAAE,kBAA0B,EAAE,EAAE,gBAAgB,qBAgI7G"}

package/dist/core/components/viewers/Data/files/FilePreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/files/FilePreview.tsx"],"sourcesContent":["// Dependencies\r\nimport { useTranslations } from 'next-intl'\r\nimport React from 'react'\r\n\r\n// Shadcn Components\r\nimport { Card, CardContent } from '../../../../components/ui/Card'\r\nimport {DialogContent, DialogTitle, DialogTrigger } from '../../../../components/ui/Dialog'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\nimport { DbFile } from '../../../../types/dbTypes'\r\nimport { ViewerNames } from '../../../../types/'\r\nimport { MenusContext, BimContext } from '../../../../store'\r\nimport { IfcIcon } from '../../../ui/Icons'\r\nimport { BimViewer } from '../../bim/BimViewer'\r\nimport { SimpleBimViewer } from '../../bim/src/SimpleBimViewer'\r\n\r\ninterface FilePreviewProps {\r\n  file: {\r\n    metadata: DbFile\r\n  }\r\n  showTrigger?: boolean\r\n  disableDialogFor3D?: boolean\r\n}\r\n\r\nexport default function FilePreview({ file, showTrigger = true, disableDialogFor3D = false }: FilePreviewProps) {\r\n  // Translations\r\n  const t = useTranslations('FilePreview')  \r\n\r\n  const ext = file?.metadata?.extension?.toLowerCase()\r\n  const isVideo = ext === 'mp4'\r\n  const isImage = ['jpg', 'jpeg', 'png', 'webp', 'gif'].includes(ext)\r\n  const isPDF = ext === 'pdf'\r\n  const isPowerPoint = ['ppt', 'pptx'].includes(ext)\r\n  const isExcel = ['xls', 'xlsx', 'xlsm', 'xlsb', 'csv'].includes(ext)\r\n  const isWordDoc = ['doc', 'docx'].includes(ext)\r\n  const is3dModel = ['gltf', 'glb', 'fbx', 'obj', 'collada'].includes(ext)\r\n  const isBIM = ['ifc', 'frag'].includes(ext)\r\n\r\n  const source = file?.metadata?.url\r\n\r\n    const previewHeight= '500px'\r\n\r\n  const previewComponent = () => {\r\n    switch (true) {\r\n      case isVideo:\r\n        return (\r\n          <video\r\n            controls\r\n            className=\"w-full h-full object-contain\"\r\n            src={source}\r\n            title={file?.metadata?.name}\r\n          >\r\n            {t('noSupport')}\r\n          </video>\r\n        )\r\n      case isImage:\r\n        return (\r\n          <img\r\n            src={source}\r\n            alt={file?.metadata?.name ?? t('imageAlt')}\r\n            className=\"w-full h-full object-contain\"\r\n          />\r\n        )\r\n\r\n      case isPDF:\r\n        return (\r\n          <div className=\"flex flex-col items-center text-muted-foreground font-semibold\">\r\n            <LR.FileText className=\"mb-2\" size={32} />\r\n            {t('pdfFiletext')}\r\n          </div>\r\n        )\r\n      case isPowerPoint:\r\n        return (\r\n          <div className=\"flex flex-col items-center text-muted-foreground font-semibold\">\r\n            <LR.FileText className=\"mb-2\" size={32} />\r\n            {t('pptFiletext')}\r\n          </div>\r\n        )\r\n      case isExcel:\r\n        return (\r\n          <div className=\"flex flex-col items-center text-muted-foreground font-semibold\">\r\n            <LR.FileSpreadsheet className=\"mb-2\" size={32} />\r\n            {t('xlsxFiletext')}\r\n          </div>\r\n        )\r\n      case isWordDoc:\r\n        return (\r\n          <div className=\"flex flex-col items-center text-muted-foreground font-semibold\">\r\n            <LR.FileSpreadsheet className=\"mb-2\" size={32} />\r\n            {t('wordFiletext')}\r\n          </div>\r\n        )\r\n      case is3dModel:\r\n      case isBIM:\r\n        return (\r\n        <SimpleBimViewer file={file.metadata} height={previewHeight} />\r\n        )\r\n      default:\r\n        return (\r\n          <div className=\"flex flex-col items-center text-muted-foreground font-semibold\">\r\n            <LR.FileText className=\"mb-2\" size={32} />\r\n            {t('noPreview')}\r\n          </div>\r\n        )\r\n    }\r\n  }\r\n\r\n  return (\r\n    <>\r\n      {showTrigger && (\r\n        <>\r\n          {(isBIM || is3dModel) && disableDialogFor3D ? (\r\n            <Card className=\"pointer-events-auto w-full h-auto\">\r\n              <CardContent className={`overflow-hidden flex justify-center items-center p-0 rounded-t-xl bg-muted w-full h-[${previewHeight}]`}>\r\n                {previewComponent()}\r\n              </CardContent>\r\n            </Card>\r\n          ) : (\r\n            <DialogTrigger asChild title={`${t('previewFile')}`}>\r\n              <Card className=\"pointer-events-auto w-full h-auto\">\r\n                <CardContent className={`overflow-hidden flex justify-center items-center p-0 rounded-t-xl bg-muted w-full h-[${previewHeight}]`}>\r\n                  {previewComponent()}\r\n                </CardContent>\r\n              </Card>\r\n            </DialogTrigger>\r\n          )}\r\n        </>\r\n      )}\r\n        <>\r\n          <DialogTitle className=\"hidden\">{t('title')}</DialogTitle>\r\n          <DialogContent className=\"w-auto p-0 h-screen sm:max-w-[95vw] sm:h-[90vh] flex justify-center items-center\" closeClass=\"hidden\">\r\n            {(isPowerPoint || isExcel || isWordDoc) ? (\r\n              <iframe\r\n                className=\"max-w-screen h-screen sm:max-w-[95vw] sm:h-[90vh] aspect-square pointer-events-auto rounded-xl\"\r\n                src={`https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(source)}`}\r\n                title={`${isPowerPoint ? t('pptTitle') : t('xlsxTitle')} ${t('preview')}`}\r\n                style={{ border: 'none' }}\r\n              />\r\n            ) : (isBIM || is3dModel) ? (\r\n              <SimpleBimViewer file={file.metadata} height=\"65vh\" width='60vw' />\r\n            ) : (\r\n              <iframe\r\n                className=\"max-w-screen h-screen sm:max-w-[95vw] sm:h-[90vh] aspect-square pointer-events-auto rounded-xl\"\r\n                src={source}\r\n                title={t('filePreview')}\r\n                style={{ border: 'none' }}\r\n              />\r\n            )}\r\n          </DialogContent>\r\n        </>\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"AA+CU,SAgEF,UAhEE,KAoBA,YApBA;AA9CV,SAAS,uBAAuB;AAIhC,SAAS,MAAM,mBAAmB;AAClC,SAAQ,eAAe,aAAa,qBAAqB;AAGzD,YAAY,QAAQ;AAMpB,SAAS,uBAAuB;AAUjB,SAAR,YAA6B,EAAE,MAAM,cAAc,MAAM,qBAAqB,MAAM,GAAqB;AAzBhH;AA2BE,QAAM,IAAI,gBAAgB,aAAa;AAEvC,QAAM,OAAM,wCAAM,aAAN,mBAAgB,cAAhB,mBAA2B;AACvC,QAAM,UAAU,QAAQ;AACxB,QAAM,UAAU,CAAC,OAAO,QAAQ,OAAO,QAAQ,KAAK,EAAE,SAAS,GAAG;AAClE,QAAM,QAAQ,QAAQ;AACtB,QAAM,eAAe,CAAC,OAAO,MAAM,EAAE,SAAS,GAAG;AACjD,QAAM,UAAU,CAAC,OAAO,QAAQ,QAAQ,QAAQ,KAAK,EAAE,SAAS,GAAG;AACnE,QAAM,YAAY,CAAC,OAAO,MAAM,EAAE,SAAS,GAAG;AAC9C,QAAM,YAAY,CAAC,QAAQ,OAAO,OAAO,OAAO,SAAS,EAAE,SAAS,GAAG;AACvE,QAAM,QAAQ,CAAC,OAAO,MAAM,EAAE,SAAS,GAAG;AAE1C,QAAM,UAAS,kCAAM,aAAN,mBAAgB;AAE7B,QAAM,gBAAe;AAEvB,QAAM,mBAAmB,MAAM;AA3CjC,QAAAA,KAAAC,KAAAC;AA4CI,YAAQ,MAAM;AAAA,MACZ,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YACC,UAAQ;AAAA,YACR,WAAU;AAAA,YACV,KAAK;AAAA,YACL,QAAOF,MAAA,6BAAM,aAAN,gBAAAA,IAAgB;AAAA,YAEtB,YAAE,WAAW;AAAA;AAAA,QAChB;AAAA,MAEJ,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAKE,OAAAD,MAAA,6BAAM,aAAN,gBAAAA,IAAgB,SAAhB,OAAAC,MAAwB,EAAE,UAAU;AAAA,YACzC,WAAU;AAAA;AAAA,QACZ;AAAA,MAGJ,KAAK;AACH,eACE,qBAAC,SAAI,WAAU,kEACb;AAAA,8BAAC,GAAG,UAAH,EAAY,WAAU,QAAO,MAAM,IAAI;AAAA,UACvC,EAAE,aAAa;AAAA,WAClB;AAAA,MAEJ,KAAK;AACH,eACE,qBAAC,SAAI,WAAU,kEACb;AAAA,8BAAC,GAAG,UAAH,EAAY,WAAU,QAAO,MAAM,IAAI;AAAA,UACvC,EAAE,aAAa;AAAA,WAClB;AAAA,MAEJ,KAAK;AACH,eACE,qBAAC,SAAI,WAAU,kEACb;AAAA,8BAAC,GAAG,iBAAH,EAAmB,WAAU,QAAO,MAAM,IAAI;AAAA,UAC9C,EAAE,cAAc;AAAA,WACnB;AAAA,MAEJ,KAAK;AACH,eACE,qBAAC,SAAI,WAAU,kEACb;AAAA,8BAAC,GAAG,iBAAH,EAAmB,WAAU,QAAO,MAAM,IAAI;AAAA,UAC9C,EAAE,cAAc;AAAA,WACnB;AAAA,MAEJ,KAAK;AAAA,MACL,KAAK;AACH,eACA,oBAAC,mBAAgB,MAAM,KAAK,UAAU,QAAQ,eAAe;AAAA,MAE/D;AACE,eACE,qBAAC,SAAI,WAAU,kEACb;AAAA,8BAAC,GAAG,UAAH,EAAY,WAAU,QAAO,MAAM,IAAI;AAAA,UACvC,EAAE,WAAW;AAAA,WAChB;AAAA,IAEN;AAAA,EACF;AAEA,SACE,iCACG;AAAA,mBACC,gCACI,oBAAS,cAAc,qBACvB,oBAAC,QAAK,WAAU,qCACd,8BAAC,eAAY,WAAW,wFAAwF,aAAa,KAC1H,2BAAiB,GACpB,GACF,IAEA,oBAAC,iBAAc,SAAO,MAAC,OAAO,GAAG,EAAE,aAAa,CAAC,IAC/C,8BAAC,QAAK,WAAU,qCACd,8BAAC,eAAY,WAAW,wFAAwF,aAAa,KAC1H,2BAAiB,GACpB,GACF,GACF,GAEJ;AAAA,IAEA,iCACE;AAAA,0BAAC,eAAY,WAAU,UAAU,YAAE,OAAO,GAAE;AAAA,MAC5C,oBAAC,iBAAc,WAAU,oFAAmF,YAAW,UACnH,0BAAgB,WAAW,YAC3B;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK,sDAAsD,mBAAmB,MAAM,CAAC;AAAA,UACrF,OAAO,GAAG,eAAe,EAAE,UAAU,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC;AAAA,UACvE,OAAO,EAAE,QAAQ,OAAO;AAAA;AAAA,MAC1B,IACG,SAAS,YACZ,oBAAC,mBAAgB,MAAM,KAAK,UAAU,QAAO,QAAO,OAAM,QAAO,IAEjE;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,OAAO,EAAE,aAAa;AAAA,UACtB,OAAO,EAAE,QAAQ,OAAO;AAAA;AAAA,MAC1B,GAEJ;AAAA,OACF;AAAA,KACJ;AAEJ;","names":["_a","_b","_c"]}
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/files/FilePreview.tsx"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport { useTranslations } from 'next-intl'\r\nimport React from 'react'\r\n\r\n// Shadcn Components\r\nimport { Card, CardContent } from '../../../../components/ui/Card'\r\nimport {DialogContent, DialogTitle, DialogTrigger } from '../../../../components/ui/Dialog'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\nimport { DbFile } from '../../../../types/dbTypes'\r\nimport { ViewerNames } from '../../../../types/'\r\nimport { MenusContext, BimContext } from '../../../../store'\r\nimport { IfcIcon } from '../../../ui/Icons'\r\nimport { BimViewer } from '../../bim/BimViewer'\r\nimport { SimpleBimViewer } from '../../bim/src/SimpleBimViewer'\r\n\r\ninterface FilePreviewProps {\r\n  file: {\r\n    metadata: DbFile\r\n  }\r\n  showTrigger?: boolean\r\n  disableDialogFor3D?: boolean\r\n}\r\n\r\nexport default function FilePreview({ file, showTrigger = true, disableDialogFor3D = false }: FilePreviewProps) {\r\n  // Translations\r\n  const t = useTranslations('FilePreview')  \r\n\r\n  const ext = file?.metadata?.extension?.toLowerCase()\r\n  const isVideo = ext === 'mp4'\r\n  const isImage = ['jpg', 'jpeg', 'png', 'webp', 'gif'].includes(ext)\r\n  const isPDF = ext === 'pdf'\r\n  const isPowerPoint = ['ppt', 'pptx'].includes(ext)\r\n  const isExcel = ['xls', 'xlsx', 'xlsm', 'xlsb', 'csv'].includes(ext)\r\n  const isWordDoc = ['doc', 'docx'].includes(ext)\r\n  const is3dModel = ['gltf', 'glb', 'fbx', 'obj', 'collada'].includes(ext)\r\n  const isBIM = ['ifc', 'frag'].includes(ext)\r\n\r\n  const source = file?.metadata?.url\r\n\r\n    const previewHeight= '500px'\r\n\r\n  const previewComponent = () => {\r\n    switch (true) {\r\n      case isVideo:\r\n        return (\r\n          <video\r\n            controls\r\n            className=\"w-full h-full object-contain\"\r\n            src={source}\r\n            title={file?.metadata?.name}\r\n          >\r\n            {t('noSupport')}\r\n          </video>\r\n        )\r\n      case isImage:\r\n        return (\r\n          <img\r\n            src={source}\r\n            alt={file?.metadata?.name ?? t('imageAlt')}\r\n            className=\"w-full h-full object-contain\"\r\n          />\r\n        )\r\n\r\n      case isPDF:\r\n        return (\r\n          <div className=\"flex flex-col items-center text-muted-foreground font-semibold\">\r\n            <LR.FileText className=\"mb-2\" size={32} />\r\n            {t('pdfFiletext')}\r\n          </div>\r\n        )\r\n      case isPowerPoint:\r\n        return (\r\n          <div className=\"flex flex-col items-center text-muted-foreground font-semibold\">\r\n            <LR.FileText className=\"mb-2\" size={32} />\r\n            {t('pptFiletext')}\r\n          </div>\r\n        )\r\n      case isExcel:\r\n        return (\r\n          <div className=\"flex flex-col items-center text-muted-foreground font-semibold\">\r\n            <LR.FileSpreadsheet className=\"mb-2\" size={32} />\r\n            {t('xlsxFiletext')}\r\n          </div>\r\n        )\r\n      case isWordDoc:\r\n        return (\r\n          <div className=\"flex flex-col items-center text-muted-foreground font-semibold\">\r\n            <LR.FileSpreadsheet className=\"mb-2\" size={32} />\r\n            {t('wordFiletext')}\r\n          </div>\r\n        )\r\n      case is3dModel:\r\n      case isBIM:\r\n        return (\r\n        <SimpleBimViewer file={file.metadata} height={previewHeight} />\r\n        )\r\n      default:\r\n        return (\r\n          <div className=\"flex flex-col items-center text-muted-foreground font-semibold\">\r\n            <LR.FileText className=\"mb-2\" size={32} />\r\n            {t('noPreview')}\r\n          </div>\r\n        )\r\n    }\r\n  }\r\n\r\n  return (\r\n    <>\r\n      {showTrigger && (\r\n        <>\r\n          {(isBIM || is3dModel) && disableDialogFor3D ? (\r\n            <Card className=\"pointer-events-auto w-full h-auto\">\r\n              <CardContent className={`overflow-hidden flex justify-center items-center p-0 rounded-t-xl bg-muted w-full h-[${previewHeight}]`}>\r\n                {previewComponent()}\r\n              </CardContent>\r\n            </Card>\r\n          ) : (\r\n            <DialogTrigger asChild title={`${t('previewFile')}`}>\r\n              <Card className=\"pointer-events-auto w-full h-auto\">\r\n                <CardContent className={`overflow-hidden flex justify-center items-center p-0 rounded-t-xl bg-muted w-full h-[${previewHeight}]`}>\r\n                  {previewComponent()}\r\n                </CardContent>\r\n              </Card>\r\n            </DialogTrigger>\r\n          )}\r\n        </>\r\n      )}\r\n        <>\r\n          <DialogTitle className=\"hidden\">{t('title')}</DialogTitle>\r\n          <DialogContent className=\"w-auto p-0 h-screen sm:max-w-[95vw] sm:h-[90vh] flex justify-center items-center\" closeClass=\"hidden\">\r\n            {(isPowerPoint || isExcel || isWordDoc) ? (\r\n              <iframe\r\n                className=\"max-w-screen h-screen sm:max-w-[95vw] sm:h-[90vh] aspect-square pointer-events-auto rounded-xl\"\r\n                src={`https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(source)}`}\r\n                title={`${isPowerPoint ? t('pptTitle') : t('xlsxTitle')} ${t('preview')}`}\r\n                style={{ border: 'none' }}\r\n              />\r\n            ) : (isBIM || is3dModel) ? (\r\n              <SimpleBimViewer file={file.metadata} height=\"65vh\" width='60vw' />\r\n            ) : (\r\n              <iframe\r\n                className=\"max-w-screen h-screen sm:max-w-[95vw] sm:h-[90vh] aspect-square pointer-events-auto rounded-xl\"\r\n                src={source}\r\n                title={t('filePreview')}\r\n                style={{ border: 'none' }}\r\n              />\r\n            )}\r\n          </DialogContent>\r\n        </>\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","_b","_c"]}

package/dist/core/components/viewers/Data/files/utils/fuzzySearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fuzzySearch.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/Data/files/utils/fuzzySearch.ts"],"names":[],"mappings":"AAuCA,eAAO,MAAM,oBAAoB,GAAI,WAAW,GAAG,EAAE,EAAE,YAAY,MAAM,UAuBxE,CAAA"}
+{"version":3,"file":"fuzzySearch.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/Data/files/utils/fuzzySearch.ts"],"names":[],"mappings":"AA0CA,eAAO,MAAM,oBAAoB,GAAI,WAAW,GAAG,EAAE,EAAE,YAAY,MAAM,UAuBxE,CAAA"}

package/dist/core/components/viewers/Data/files/utils/fuzzySearch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/core/components/viewers/Data/files/utils/fuzzySearch.ts"],"sourcesContent":["// Fuzzy search utility functions\r\nconst fuzzySearchScore = (searchTerm: string, text: string): number => {\r\n  if (!searchTerm || !text) return 0\r\n\r\n  const search = searchTerm.toLowerCase()\r\n  const target = text.toLowerCase()\r\n\r\n  // Exact match gets highest score\r\n  if (target === search) return 1000\r\n\r\n  // Starts with search term gets high score\r\n  if (target.startsWith(search)) return 800\r\n\r\n  // Contains search term gets medium score\r\n  if (target.includes(search)) return 600\r\n\r\n  // Fuzzy matching - calculate similarity based on character matching\r\n  let score = 0\r\n  let searchIndex = 0\r\n\r\n  for (let i = 0; i < target.length && searchIndex < search.length; i++) {\r\n    if (target[i] === search[searchIndex]) {\r\n      score += 10\r\n      searchIndex++\r\n    }\r\n  }\r\n\r\n  // Bonus for matching all characters in sequence\r\n  if (searchIndex === search.length) {\r\n    score += 100\r\n  }\r\n\r\n  // Penalize for length difference\r\n  const lengthDiff = Math.abs(target.length - search.length)\r\n  score -= lengthDiff * 2\r\n\r\n  return Math.max(0, score)\r\n}\r\n\r\nexport const fuzzySearchBuildings = (buildings: any[], searchTerm: string) => {\r\n  if (!searchTerm.trim()) return buildings.slice(0, 10)\r\n  return buildings\r\n    .map((building) => {\r\n      const address = building.buildingAddress || building.buildingAnchorAddress || ''\r\n      const propertyName = building.buildingName || ''\r\n\r\n      // Calculate scores for different fields\r\n      const addressScore = fuzzySearchScore(searchTerm, address)\r\n      const propertyScore = fuzzySearchScore(searchTerm, propertyName)\r\n\r\n      // Use the highest score\r\n      const maxScore = Math.max(addressScore, propertyScore)\r\n      if (building.id == 837) console.log('match')\r\n      return {\r\n        ...building,\r\n        searchScore: maxScore,\r\n        matchedField: addressScore > propertyScore ? 'address' : 'propertyName',\r\n      }\r\n    })\r\n    .filter(building => building.searchScore > 0)\r\n    .sort((a, b) => b.searchScore - a.searchScore)\r\n    .slice(0, 10) // Return only the top 10 results\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;AACA,MAAM,mBAAmB,CAAC,YAAoB,SAAyB;AACrE,MAAI,CAAC,cAAc,CAAC,KAAM,QAAO;AAEjC,QAAM,SAAS,WAAW,YAAY;AACtC,QAAM,SAAS,KAAK,YAAY;AAGhC,MAAI,WAAW,OAAQ,QAAO;AAG9B,MAAI,OAAO,WAAW,MAAM,EAAG,QAAO;AAGtC,MAAI,OAAO,SAAS,MAAM,EAAG,QAAO;AAGpC,MAAI,QAAQ;AACZ,MAAI,cAAc;AAElB,WAAS,IAAI,GAAG,IAAI,OAAO,UAAU,cAAc,OAAO,QAAQ,KAAK;AACrE,QAAI,OAAO,CAAC,MAAM,OAAO,WAAW,GAAG;AACrC,eAAS;AACT;AAAA,IACF;AAAA,EACF;AAGA,MAAI,gBAAgB,OAAO,QAAQ;AACjC,aAAS;AAAA,EACX;AAGA,QAAM,aAAa,KAAK,IAAI,OAAO,SAAS,OAAO,MAAM;AACzD,WAAS,aAAa;AAEtB,SAAO,KAAK,IAAI,GAAG,KAAK;AAC1B;AAEO,MAAM,uBAAuB,CAAC,WAAkB,eAAuB;AAC5E,MAAI,CAAC,WAAW,KAAK,EAAG,QAAO,UAAU,MAAM,GAAG,EAAE;AACpD,SAAO,UACJ,IAAI,CAAC,aAAa;AACjB,UAAM,UAAU,SAAS,mBAAmB,SAAS,yBAAyB;AAC9E,UAAM,eAAe,SAAS,gBAAgB;AAG9C,UAAM,eAAe,iBAAiB,YAAY,OAAO;AACzD,UAAM,gBAAgB,iBAAiB,YAAY,YAAY;AAG/D,UAAM,WAAW,KAAK,IAAI,cAAc,aAAa;AACrD,QAAI,SAAS,MAAM,IAAK,SAAQ,IAAI,OAAO;AAC3C,WAAO,iCACF,WADE;AAAA,MAEL,aAAa;AAAA,MACb,cAAc,eAAe,gBAAgB,YAAY;AAAA,IAC3D;AAAA,EACF,CAAC,EACA,OAAO,cAAY,SAAS,cAAc,CAAC,EAC3C,KAAK,CAAC,GAAG,MAAM,EAAE,cAAc,EAAE,WAAW,EAC5C,MAAM,GAAG,EAAE;AAChB;","names":[]}
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/Data/files/utils/fuzzySearch.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Fuzzy search utility functions\r\nconst fuzzySearchScore = (searchTerm: string, text: string): number => {\r\n  if (!searchTerm || !text) return 0\r\n\r\n  const search = searchTerm.toLowerCase()\r\n  const target = text.toLowerCase()\r\n\r\n  // Exact match gets highest score\r\n  if (target === search) return 1000\r\n\r\n  // Starts with search term gets high score\r\n  if (target.startsWith(search)) return 800\r\n\r\n  // Contains search term gets medium score\r\n  if (target.includes(search)) return 600\r\n\r\n  // Fuzzy matching - calculate similarity based on character matching\r\n  let score = 0\r\n  let searchIndex = 0\r\n\r\n  for (let i = 0; i < target.length && searchIndex < search.length; i++) {\r\n    if (target[i] === search[searchIndex]) {\r\n      score += 10\r\n      searchIndex++\r\n    }\r\n  }\r\n\r\n  // Bonus for matching all characters in sequence\r\n  if (searchIndex === search.length) {\r\n    score += 100\r\n  }\r\n\r\n  // Penalize for length difference\r\n  const lengthDiff = Math.abs(target.length - search.length)\r\n  score -= lengthDiff * 2\r\n\r\n  return Math.max(0, score)\r\n}\r\n\r\nexport const fuzzySearchBuildings = (buildings: any[], searchTerm: string) => {\r\n  if (!searchTerm.trim()) return buildings.slice(0, 10)\r\n  return buildings\r\n    .map((building) => {\r\n      const address = building.buildingAddress || building.buildingAnchorAddress || ''\r\n      const propertyName = building.buildingName || ''\r\n\r\n      // Calculate scores for different fields\r\n      const addressScore = fuzzySearchScore(searchTerm, address)\r\n      const propertyScore = fuzzySearchScore(searchTerm, propertyName)\r\n\r\n      // Use the highest score\r\n      const maxScore = Math.max(addressScore, propertyScore)\r\n      if (building.id == 837) console.log('match')\r\n      return {\r\n        ...building,\r\n        searchScore: maxScore,\r\n        matchedField: addressScore > propertyScore ? 'address' : 'propertyName',\r\n      }\r\n    })\r\n    .filter(building => building.searchScore > 0)\r\n    .sort((a, b) => b.searchScore - a.searchScore)\r\n    .slice(0, 10) // Return only the top 10 results\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAIA,MAAM,mBAAmB,CAAC,YAAoB,SAAyB;AACrE,MAAI,CAAC,cAAc,CAAC,KAAM,QAAO;AAEjC,QAAM,SAAS,WAAW,YAAY;AACtC,QAAM,SAAS,KAAK,YAAY;AAGhC,MAAI,WAAW,OAAQ,QAAO;AAG9B,MAAI,OAAO,WAAW,MAAM,EAAG,QAAO;AAGtC,MAAI,OAAO,SAAS,MAAM,EAAG,QAAO;AAGpC,MAAI,QAAQ;AACZ,MAAI,cAAc;AAElB,WAAS,IAAI,GAAG,IAAI,OAAO,UAAU,cAAc,OAAO,QAAQ,KAAK;AACrE,QAAI,OAAO,CAAC,MAAM,OAAO,WAAW,GAAG;AACrC,eAAS;AACT;AAAA,IACF;AAAA,EACF;AAGA,MAAI,gBAAgB,OAAO,QAAQ;AACjC,aAAS;AAAA,EACX;AAGA,QAAM,aAAa,KAAK,IAAI,OAAO,SAAS,OAAO,MAAM;AACzD,WAAS,aAAa;AAEtB,SAAO,KAAK,IAAI,GAAG,KAAK;AAC1B;AAEO,MAAM,uBAAuB,CAAC,WAAkB,eAAuB;AAC5E,MAAI,CAAC,WAAW,KAAK,EAAG,QAAO,UAAU,MAAM,GAAG,EAAE;AACpD,SAAO,UACJ,IAAI,CAAC,aAAa;AACjB,UAAM,UAAU,SAAS,mBAAmB,SAAS,yBAAyB;AAC9E,UAAM,eAAe,SAAS,gBAAgB;AAG9C,UAAM,eAAe,iBAAiB,YAAY,OAAO;AACzD,UAAM,gBAAgB,iBAAiB,YAAY,YAAY;AAG/D,UAAM,WAAW,KAAK,IAAI,cAAc,aAAa;AACrD,QAAI,SAAS,MAAM,IAAK,SAAQ,IAAI,OAAO;AAC3C,WAAO,iCACF,WADE;AAAA,MAEL,aAAa;AAAA,MACb,cAAc,eAAe,gBAAgB,YAAY;AAAA,IAC3D;AAAA,EACF,CAAC,EACA,OAAO,cAAY,SAAS,cAAc,CAAC,EAC3C,KAAK,CAAC,GAAG,MAAM,EAAE,cAAc,EAAE,WAAW,EAC5C,MAAM,GAAG,EAAE;AAChB;","names":[]}

package/dist/core/components/viewers/Data/infrastructureDetails/AddInfrastructure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddInfrastructure.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/infrastructureDetails/AddInfrastructure.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,UAAU,sBAAsB;IAC9B,uBAAuB,EAAE,GAAG,CAAA;IAC5B,0BAA0B,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAA;IACjD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,uBAAuB,EACvB,0BAA0B,EAC1B,IAAI,EACJ,YAAY,GACb,EAAE,sBAAsB,qBA4DxB"}
+{"version":3,"file":"AddInfrastructure.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/infrastructureDetails/AddInfrastructure.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,UAAU,sBAAsB;IAC9B,uBAAuB,EAAE,GAAG,CAAA;IAC5B,0BAA0B,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAA;IACjD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,uBAAuB,EACvB,0BAA0B,EAC1B,IAAI,EACJ,YAAY,GACb,EAAE,sBAAsB,qBA4DxB"}

package/dist/core/components/viewers/Data/infrastructureDetails/AddInfrastructure.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/infrastructureDetails/AddInfrastructure.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\";\r\nimport { useMenusContext, usePermissions } from '../../../../store'\r\nimport { toast } from 'sonner'\r\nimport { useTranslations } from 'next-intl'\r\n\r\n// Shadcn components\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogTitle,\r\n  DialogDescription,\r\n  DialogTrigger,\r\n} from '../../../ui/Dialog'\r\nimport { Button } from '../../../ui/Button'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\n\r\n// Custom components\r\nimport { DropdownMenuItem } from '@radix-ui/react-dropdown-menu'\r\n\r\ninterface AddInfrastructureProps {\r\n  newInfrastructureFields: any\r\n  setNewInfrastructureFields: (fields: any) => void\r\n  open: boolean\r\n  onOpenChange: (open: boolean) => void\r\n}\r\n\r\nexport default function AddInfrastructure({\r\n  newInfrastructureFields,\r\n  setNewInfrastructureFields,\r\n  open,\r\n  onOpenChange,\r\n}: AddInfrastructureProps) {\r\n  // Translations\r\n  const t = useTranslations('AddInfrastructure')\r\n  // Permissions  \r\n  const { ability } = usePermissions()\r\n\r\n  const { setSelectedItem, setView } = useMenusContext()\r\n\r\n  const handleGeocoderSelect = (fields) => {\r\n    setNewInfrastructureFields(fields)\r\n  }\r\n\r\n  const handleGetStarted = () => {\r\n    if (!newInfrastructureFields.infrastructureAddress?.trim()) {\r\n      toast.error(t('toastErr'))\r\n      return\r\n    }\r\n\r\n    const blankInfrastructure = {\r\n      id: -1,\r\n      ...newInfrastructureFields,\r\n    }\r\n\r\n    setSelectedItem(blankInfrastructure as any)\r\n    setView('detail')\r\n    onOpenChange(false)\r\n  }\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={onOpenChange}>\r\n      <DialogContent>\r\n        <DialogHeader>\r\n          <DialogTitle>{t('title')}</DialogTitle>\r\n          <DialogDescription>\r\n            {t('description')}\r\n          </DialogDescription>\r\n        </DialogHeader>\r\n        <div className=\"flex flex-col gap-2\">\r\n          <div className=\"text-sm font-medium text-foreground\">{t('label')}</div>\r\n          {newInfrastructureFields.infrastructureAddress && (\r\n            <div className=\"text-xs text-muted-foreground mt-1\">\r\n              {t('label2')}\r\n              {' '}\r\n              {newInfrastructureFields.infrastructureAddress}\r\n            </div>\r\n          )}\r\n        </div>\r\n        <div className=\"w-full flex justify-end\">\r\n          <Button\r\n            variant=\"secondary\"\r\n            className=\"w-fit\"\r\n            onClick={handleGetStarted}\r\n            disabled={!newInfrastructureFields.infrastructureAddress?.trim() || !ability.can('create', 'Infrastructure')}\r\n          >\r\n            {t('submit')}\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  )\r\n}"],"mappings":";;;;;;;;;;;;;;;;;AAmEQ,SACE,KADF;AAhER,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAGhC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,cAAc;AAeR,SAAR,kBAAmC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AApC3B;AAsCE,QAAM,IAAI,gBAAgB,mBAAmB;AAE7C,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,QAAM,EAAE,iBAAiB,QAAQ,IAAI,gBAAgB;AAErD,QAAM,uBAAuB,CAAC,WAAW;AACvC,+BAA2B,MAAM;AAAA,EACnC;AAEA,QAAM,mBAAmB,MAAM;AAhDjC,QAAAA;AAiDI,QAAI,GAACA,MAAA,wBAAwB,0BAAxB,gBAAAA,IAA+C,SAAQ;AAC1D,YAAM,MAAM,EAAE,UAAU,CAAC;AACzB;AAAA,IACF;AAEA,UAAM,sBAAsB;AAAA,MAC1B,IAAI;AAAA,OACD;AAGL,oBAAgB,mBAA0B;AAC1C,YAAQ,QAAQ;AAChB,iBAAa,KAAK;AAAA,EACpB;AAEA,SACE,oBAAC,UAAO,MAAY,cAClB,+BAAC,iBACC;AAAA,yBAAC,gBACC;AAAA,0BAAC,eAAa,YAAE,OAAO,GAAE;AAAA,MACzB,oBAAC,qBACE,YAAE,aAAa,GAClB;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,SAAI,WAAU,uCAAuC,YAAE,OAAO,GAAE;AAAA,MAChE,wBAAwB,yBACvB,qBAAC,SAAI,WAAU,sCACZ;AAAA,UAAE,QAAQ;AAAA,QACV;AAAA,QACA,wBAAwB;AAAA,SAC3B;AAAA,OAEJ;AAAA,IACA,oBAAC,SAAI,WAAU,2BACb;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU,GAAC,6BAAwB,0BAAxB,mBAA+C,WAAU,CAAC,QAAQ,IAAI,UAAU,gBAAgB;AAAA,QAE1G,YAAE,QAAQ;AAAA;AAAA,IACb,GACF;AAAA,KACF,GACF;AAEJ;","names":["_a"]}
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/infrastructureDetails/AddInfrastructure.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from \"react\";\r\nimport { useMenusContext, usePermissions } from '../../../../store'\r\nimport { toast } from 'sonner'\r\nimport { useTranslations } from 'next-intl'\r\n\r\n// Shadcn components\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogTitle,\r\n  DialogDescription,\r\n  DialogTrigger,\r\n} from '../../../ui/Dialog'\r\nimport { Button } from '../../../ui/Button'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\n\r\n// Custom components\r\nimport { DropdownMenuItem } from '@radix-ui/react-dropdown-menu'\r\n\r\ninterface AddInfrastructureProps {\r\n  newInfrastructureFields: any\r\n  setNewInfrastructureFields: (fields: any) => void\r\n  open: boolean\r\n  onOpenChange: (open: boolean) => void\r\n}\r\n\r\nexport default function AddInfrastructure({\r\n  newInfrastructureFields,\r\n  setNewInfrastructureFields,\r\n  open,\r\n  onOpenChange,\r\n}: AddInfrastructureProps) {\r\n  // Translations\r\n  const t = useTranslations('AddInfrastructure')\r\n  // Permissions  \r\n  const { ability } = usePermissions()\r\n\r\n  const { setSelectedItem, setView } = useMenusContext()\r\n\r\n  const handleGeocoderSelect = (fields) => {\r\n    setNewInfrastructureFields(fields)\r\n  }\r\n\r\n  const handleGetStarted = () => {\r\n    if (!newInfrastructureFields.infrastructureAddress?.trim()) {\r\n      toast.error(t('toastErr'))\r\n      return\r\n    }\r\n\r\n    const blankInfrastructure = {\r\n      id: -1,\r\n      ...newInfrastructureFields,\r\n    }\r\n\r\n    setSelectedItem(blankInfrastructure as any)\r\n    setView('detail')\r\n    onOpenChange(false)\r\n  }\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={onOpenChange}>\r\n      <DialogContent>\r\n        <DialogHeader>\r\n          <DialogTitle>{t('title')}</DialogTitle>\r\n          <DialogDescription>\r\n            {t('description')}\r\n          </DialogDescription>\r\n        </DialogHeader>\r\n        <div className=\"flex flex-col gap-2\">\r\n          <div className=\"text-sm font-medium text-foreground\">{t('label')}</div>\r\n          {newInfrastructureFields.infrastructureAddress && (\r\n            <div className=\"text-xs text-muted-foreground mt-1\">\r\n              {t('label2')}\r\n              {' '}\r\n              {newInfrastructureFields.infrastructureAddress}\r\n            </div>\r\n          )}\r\n        </div>\r\n        <div className=\"w-full flex justify-end\">\r\n          <Button\r\n            variant=\"secondary\"\r\n            className=\"w-fit\"\r\n            onClick={handleGetStarted}\r\n            disabled={!newInfrastructureFields.infrastructureAddress?.trim() || !ability.can('create', 'Infrastructure')}\r\n          >\r\n            {t('submit')}\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  )\r\n}"],"mappings":";;;;;;;;;;;;;;;;;AAsEQ,SACE,KADF;AAhER,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAGhC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,cAAc;AAeR,SAAR,kBAAmC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AAvC3B;AAyCE,QAAM,IAAI,gBAAgB,mBAAmB;AAE7C,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,QAAM,EAAE,iBAAiB,QAAQ,IAAI,gBAAgB;AAErD,QAAM,uBAAuB,CAAC,WAAW;AACvC,+BAA2B,MAAM;AAAA,EACnC;AAEA,QAAM,mBAAmB,MAAM;AAnDjC,QAAAA;AAoDI,QAAI,GAACA,MAAA,wBAAwB,0BAAxB,gBAAAA,IAA+C,SAAQ;AAC1D,YAAM,MAAM,EAAE,UAAU,CAAC;AACzB;AAAA,IACF;AAEA,UAAM,sBAAsB;AAAA,MAC1B,IAAI;AAAA,OACD;AAGL,oBAAgB,mBAA0B;AAC1C,YAAQ,QAAQ;AAChB,iBAAa,KAAK;AAAA,EACpB;AAEA,SACE,oBAAC,UAAO,MAAY,cAClB,+BAAC,iBACC;AAAA,yBAAC,gBACC;AAAA,0BAAC,eAAa,YAAE,OAAO,GAAE;AAAA,MACzB,oBAAC,qBACE,YAAE,aAAa,GAClB;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,SAAI,WAAU,uCAAuC,YAAE,OAAO,GAAE;AAAA,MAChE,wBAAwB,yBACvB,qBAAC,SAAI,WAAU,sCACZ;AAAA,UAAE,QAAQ;AAAA,QACV;AAAA,QACA,wBAAwB;AAAA,SAC3B;AAAA,OAEJ;AAAA,IACA,oBAAC,SAAI,WAAU,2BACb;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU,GAAC,6BAAwB,0BAAxB,mBAA+C,WAAU,CAAC,QAAQ,IAAI,UAAU,gBAAgB;AAAA,QAE1G,YAAE,QAAQ;AAAA;AAAA,IACb,GACF;AAAA,KACF,GACF;AAEJ;","names":["_a"]}

package/dist/core/components/viewers/Data/infrastructureDetails/FieldRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/infrastructureDetails/FieldRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,GAAG,CAAA;IACV,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACzD,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC9C,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC1C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC3C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC3C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IACjD,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;CACjD;AAED,QAAA,MAAM,aAAa,GAAI,+IAWpB,kBAAkB,sBA+MpB,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"FieldRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/infrastructureDetails/FieldRenderer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,GAAG,CAAA;IACV,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACzD,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC9C,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC1C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC3C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC3C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IACjD,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;CACjD;AAED,QAAA,MAAM,aAAa,GAAI,+IAWpB,kBAAkB,sBA+MpB,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/core/components/viewers/Data/infrastructureDetails/FieldRenderer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/infrastructureDetails/FieldRenderer.tsx"],"sourcesContent":["// Dependencies\r\nimport React from 'react'\r\nimport { usePermissions } from '../../../../store'\r\n\r\n// Shadcn Components\r\nimport { Checkbox, Input, Textarea, Button, Badge, DatePicker } from '../../../../components/ui/'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '../../../../components/ui/Select'\r\n\r\n// Custom components\r\nimport FileUpload from '../details/FileUpload'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\n\r\ninterface FieldRendererProps {\r\n  property: string\r\n  value: any\r\n  handleInputChange: (property: string, value: any) => void\r\n  isTextAreaField: (property: string) => boolean\r\n  isFileField: (property: string) => boolean\r\n  isDateField?: (property: string) => boolean\r\n  isEnumField?: (property: string) => boolean\r\n  getEnumType?: (property: string) => string | null\r\n  isNumberField?: (property: string) => boolean\r\n  isFullWidthField?: (property: string) => boolean\r\n}\r\n\r\nconst FieldRenderer = ({\r\n  property,\r\n  value,\r\n  handleInputChange,\r\n  isTextAreaField,\r\n  isFileField,\r\n  isDateField = () => false,\r\n  isEnumField = () => false,\r\n  isNumberField = () => false,\r\n  getEnumType = () => null,\r\n  isFullWidthField = () => false,\r\n}: FieldRendererProps) => {\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  if (isFileField(property)) {\r\n    return (\r\n      <FileUpload\r\n        value={Array.isArray(value) ? value : []}\r\n        property={property}\r\n        onChange={handleInputChange}\r\n        editing={true}\r\n        isFullWidthField={isFullWidthField(property)}\r\n      />\r\n    )\r\n  }\r\n\r\n  if (isDateField(property)) {\r\n    return (\r\n      <DatePicker\r\n        date={value instanceof Date ? value : (value ? new Date(value) : undefined)}\r\n        onSelect={date => handleInputChange(property, date)}\r\n        disabled={!ability.can('update', 'Infrastructure')}\r\n      />\r\n    )\r\n  }\r\n\r\n  if (isEnumField(property)) {\r\n    const enumType = getEnumType(property)\r\n\r\n    // Return appropriate Select component based on enum type\r\n    // if (enumType === 'InfrastructureEnergySource') {\r\n    //   return (\r\n    //     <Select\r\n    //       value={value || ''}\r\n    //       onValueChange={val => handleInputChange(property, val)}\r\n    //     >\r\n    //       <SelectTrigger>\r\n    //         <SelectValue placeholder=\"Select energy source\" />\r\n    //       </SelectTrigger>\r\n    //       <SelectContent>\r\n    //         {Object.values(InfrastructureEnergySource).map(source => (\r\n    //           <SelectItem key={source} value={source}>\r\n    //             {source}\r\n    //           </SelectItem>\r\n    //         ))}\r\n    //       </SelectContent>\r\n    //     </Select>\r\n    //   )\r\n    // }\r\n\r\n    // if (enumType === 'InfrastructureAssessmentConditions') {\r\n    //   return (\r\n    //     <Select\r\n    //       value={value || ''}\r\n    //       onValueChange={val => handleInputChange(property, val)}\r\n    //     >\r\n    //       <SelectTrigger>\r\n    //         <SelectValue placeholder=\"Select assessment condition\" />\r\n    //       </SelectTrigger>\r\n    //       <SelectContent>\r\n    //         {Object.values(InfrastructureAssessmentConditions).map(condition => (\r\n    //           <SelectItem key={condition} value={condition}>\r\n    //             {condition.replaceAll('_', ' ')}\r\n    //           </SelectItem>\r\n    //         ))}\r\n    //       </SelectContent>\r\n    //     </Select>\r\n    //   )\r\n    // }\r\n\r\n    // if (enumType === 'InfrastructureProjectPhase') {\r\n    //   return (\r\n    //     <Select\r\n    //       value={value || ''}\r\n    //       onValueChange={val => handleInputChange(property, val)}\r\n    //     >\r\n    //       <SelectTrigger>\r\n    //         <SelectValue placeholder=\"Select project phase\" />\r\n    //       </SelectTrigger>\r\n    //       <SelectContent>\r\n    //         {Object.values(InfrastructureProjectPhase).map(style => (\r\n    //           <SelectItem key={style} value={style}>\r\n    //             {style}\r\n    //           </SelectItem>\r\n    //         ))}\r\n    //       </SelectContent>\r\n    //     </Select>\r\n    //   )\r\n    // }\r\n\r\n    // if (enumType === 'InfrastructureProjectType') {\r\n    //   return (\r\n    //     <Select\r\n    //       value={value || ''}\r\n    //       onValueChange={val => handleInputChange(property, val)}\r\n    //     >\r\n    //       <SelectTrigger>\r\n    //         <SelectValue placeholder=\"Select project type\" />\r\n    //       </SelectTrigger>\r\n    //       <SelectContent>\r\n    //         {Object.values(InfrastructureProjectType).map(type => (\r\n    //           <SelectItem key={type} value={type}>\r\n    //             {type.replaceAll('_', ' ')}\r\n    //           </SelectItem>\r\n    //         ))}\r\n    //       </SelectContent>\r\n    //     </Select>\r\n    //   )\r\n    // }\r\n\r\n    // if (enumType === 'InfrastructureLandUse') {\r\n    //   return (\r\n    //     <Select\r\n    //       value={value || ''}\r\n    //       onValueChange={val => handleInputChange(property, val)}\r\n    //     >\r\n    //       <SelectTrigger>\r\n    //         <SelectValue placeholder=\"Select land use\" />\r\n    //       </SelectTrigger>\r\n    //       <SelectContent>\r\n    //         {Object.values(InfrastructureLandUse).map(use => (\r\n    //           <SelectItem key={use} value={use}>\r\n    //             {use.replaceAll('_', ' ')}\r\n    //           </SelectItem>\r\n    //         ))}\r\n    //       </SelectContent>\r\n    //     </Select>\r\n    //   )\r\n    // }\r\n  }\r\n\r\n  if (isTextAreaField(property)) {\r\n    return (\r\n      <Textarea\r\n        value={value || ''}\r\n        onChange={e => handleInputChange(property, e.target.value)}\r\n        rows={4}\r\n        disabled={!ability.can('update', 'Infrastructure')}\r\n      />\r\n    )\r\n  }\r\n\r\n  if (Array.isArray(value)) {\r\n    return (\r\n      <>\r\n        <div className=\"flex flex-row gap-2\">\r\n          <Input\r\n            type=\"text\"\r\n            value=\"\"\r\n            onChange={() => {}}\r\n            placeholder=\"Add new item\"\r\n            disabled={!ability.can('update', 'Infrastructure')}\r\n          />\r\n          <Button \r\n            variant=\"outline\" \r\n            size=\"icon\" \r\n            disabled={!ability.can('update', 'Infrastructure')}\r\n          ><LR.Plus /></Button>\r\n        </div>\r\n        {/* Render Existing values */}\r\n        <div className=\"flex flex-row gap-2\">\r\n          {(value || []).map((item: string, index: number) => (\r\n            <Badge key={index} className=\"cursor-pointer inline-flex\" variant=\"secondary\">\r\n              {item}\r\n            </Badge>\r\n          ))}\r\n        </div>\r\n      </>\r\n    )\r\n  }\r\n\r\n  if (value === 'yes' || value === 'no') {\r\n    const bool = value === 'yes'\r\n    return (\r\n      <Checkbox\r\n        checked={bool}\r\n        onCheckedChange={checked => handleInputChange(property, checked ? 'yes' : 'no')}\r\n        disabled={!ability.can('update', 'Infrastructure')}\r\n      />\r\n    )\r\n  }\r\n\r\n  if (typeof value === 'number' || (value === null && isNumberField(property))) {\r\n    return (\r\n      <Input\r\n        type=\"number\"\r\n        value={value || ''}\r\n        onChange={(e) => {\r\n          const stringValue = e.target.value\r\n          // If empty string, send null; otherwise convert to number\r\n          const numValue = stringValue === '' ? null : Number(stringValue)\r\n          handleInputChange(property, numValue)\r\n        }}\r\n        disabled={!ability.can('update', 'Infrastructure')}\r\n      />\r\n    )\r\n  }\r\n\r\n  // Default: text input\r\n  return (\r\n    <Input\r\n      value={String(value || '')}\r\n      onChange={e => handleInputChange(property, e.target.value)}\r\n      disabled={!ability.can('update', 'Infrastructure')}\r\n    />\r\n  )\r\n}\r\n\r\nexport default FieldRenderer\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/infrastructureDetails/FieldRenderer.tsx"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport React from 'react'\r\nimport { usePermissions } from '../../../../store'\r\n\r\n// Shadcn Components\r\nimport { Checkbox, Input, Textarea, Button, Badge, DatePicker } from '../../../../components/ui/'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '../../../../components/ui/Select'\r\n\r\n// Custom components\r\nimport FileUpload from '../details/FileUpload'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\n\r\ninterface FieldRendererProps {\r\n  property: string\r\n  value: any\r\n  handleInputChange: (property: string, value: any) => void\r\n  isTextAreaField: (property: string) => boolean\r\n  isFileField: (property: string) => boolean\r\n  isDateField?: (property: string) => boolean\r\n  isEnumField?: (property: string) => boolean\r\n  getEnumType?: (property: string) => string | null\r\n  isNumberField?: (property: string) => boolean\r\n  isFullWidthField?: (property: string) => boolean\r\n}\r\n\r\nconst FieldRenderer = ({\r\n  property,\r\n  value,\r\n  handleInputChange,\r\n  isTextAreaField,\r\n  isFileField,\r\n  isDateField = () => false,\r\n  isEnumField = () => false,\r\n  isNumberField = () => false,\r\n  getEnumType = () => null,\r\n  isFullWidthField = () => false,\r\n}: FieldRendererProps) => {\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  if (isFileField(property)) {\r\n    return (\r\n      <FileUpload\r\n        value={Array.isArray(value) ? value : []}\r\n        property={property}\r\n        onChange={handleInputChange}\r\n        editing={true}\r\n        isFullWidthField={isFullWidthField(property)}\r\n      />\r\n    )\r\n  }\r\n\r\n  if (isDateField(property)) {\r\n    return (\r\n      <DatePicker\r\n        date={value instanceof Date ? value : (value ? new Date(value) : undefined)}\r\n        onSelect={date => handleInputChange(property, date)}\r\n        disabled={!ability.can('update', 'Infrastructure')}\r\n      />\r\n    )\r\n  }\r\n\r\n  if (isEnumField(property)) {\r\n    const enumType = getEnumType(property)\r\n\r\n    // Return appropriate Select component based on enum type\r\n    // if (enumType === 'InfrastructureEnergySource') {\r\n    //   return (\r\n    //     <Select\r\n    //       value={value || ''}\r\n    //       onValueChange={val => handleInputChange(property, val)}\r\n    //     >\r\n    //       <SelectTrigger>\r\n    //         <SelectValue placeholder=\"Select energy source\" />\r\n    //       </SelectTrigger>\r\n    //       <SelectContent>\r\n    //         {Object.values(InfrastructureEnergySource).map(source => (\r\n    //           <SelectItem key={source} value={source}>\r\n    //             {source}\r\n    //           </SelectItem>\r\n    //         ))}\r\n    //       </SelectContent>\r\n    //     </Select>\r\n    //   )\r\n    // }\r\n\r\n    // if (enumType === 'InfrastructureAssessmentConditions') {\r\n    //   return (\r\n    //     <Select\r\n    //       value={value || ''}\r\n    //       onValueChange={val => handleInputChange(property, val)}\r\n    //     >\r\n    //       <SelectTrigger>\r\n    //         <SelectValue placeholder=\"Select assessment condition\" />\r\n    //       </SelectTrigger>\r\n    //       <SelectContent>\r\n    //         {Object.values(InfrastructureAssessmentConditions).map(condition => (\r\n    //           <SelectItem key={condition} value={condition}>\r\n    //             {condition.replaceAll('_', ' ')}\r\n    //           </SelectItem>\r\n    //         ))}\r\n    //       </SelectContent>\r\n    //     </Select>\r\n    //   )\r\n    // }\r\n\r\n    // if (enumType === 'InfrastructureProjectPhase') {\r\n    //   return (\r\n    //     <Select\r\n    //       value={value || ''}\r\n    //       onValueChange={val => handleInputChange(property, val)}\r\n    //     >\r\n    //       <SelectTrigger>\r\n    //         <SelectValue placeholder=\"Select project phase\" />\r\n    //       </SelectTrigger>\r\n    //       <SelectContent>\r\n    //         {Object.values(InfrastructureProjectPhase).map(style => (\r\n    //           <SelectItem key={style} value={style}>\r\n    //             {style}\r\n    //           </SelectItem>\r\n    //         ))}\r\n    //       </SelectContent>\r\n    //     </Select>\r\n    //   )\r\n    // }\r\n\r\n    // if (enumType === 'InfrastructureProjectType') {\r\n    //   return (\r\n    //     <Select\r\n    //       value={value || ''}\r\n    //       onValueChange={val => handleInputChange(property, val)}\r\n    //     >\r\n    //       <SelectTrigger>\r\n    //         <SelectValue placeholder=\"Select project type\" />\r\n    //       </SelectTrigger>\r\n    //       <SelectContent>\r\n    //         {Object.values(InfrastructureProjectType).map(type => (\r\n    //           <SelectItem key={type} value={type}>\r\n    //             {type.replaceAll('_', ' ')}\r\n    //           </SelectItem>\r\n    //         ))}\r\n    //       </SelectContent>\r\n    //     </Select>\r\n    //   )\r\n    // }\r\n\r\n    // if (enumType === 'InfrastructureLandUse') {\r\n    //   return (\r\n    //     <Select\r\n    //       value={value || ''}\r\n    //       onValueChange={val => handleInputChange(property, val)}\r\n    //     >\r\n    //       <SelectTrigger>\r\n    //         <SelectValue placeholder=\"Select land use\" />\r\n    //       </SelectTrigger>\r\n    //       <SelectContent>\r\n    //         {Object.values(InfrastructureLandUse).map(use => (\r\n    //           <SelectItem key={use} value={use}>\r\n    //             {use.replaceAll('_', ' ')}\r\n    //           </SelectItem>\r\n    //         ))}\r\n    //       </SelectContent>\r\n    //     </Select>\r\n    //   )\r\n    // }\r\n  }\r\n\r\n  if (isTextAreaField(property)) {\r\n    return (\r\n      <Textarea\r\n        value={value || ''}\r\n        onChange={e => handleInputChange(property, e.target.value)}\r\n        rows={4}\r\n        disabled={!ability.can('update', 'Infrastructure')}\r\n      />\r\n    )\r\n  }\r\n\r\n  if (Array.isArray(value)) {\r\n    return (\r\n      <>\r\n        <div className=\"flex flex-row gap-2\">\r\n          <Input\r\n            type=\"text\"\r\n            value=\"\"\r\n            onChange={() => {}}\r\n            placeholder=\"Add new item\"\r\n            disabled={!ability.can('update', 'Infrastructure')}\r\n          />\r\n          <Button \r\n            variant=\"outline\" \r\n            size=\"icon\" \r\n            disabled={!ability.can('update', 'Infrastructure')}\r\n          ><LR.Plus /></Button>\r\n        </div>\r\n        {/* Render Existing values */}\r\n        <div className=\"flex flex-row gap-2\">\r\n          {(value || []).map((item: string, index: number) => (\r\n            <Badge key={index} className=\"cursor-pointer inline-flex\" variant=\"secondary\">\r\n              {item}\r\n            </Badge>\r\n          ))}\r\n        </div>\r\n      </>\r\n    )\r\n  }\r\n\r\n  if (value === 'yes' || value === 'no') {\r\n    const bool = value === 'yes'\r\n    return (\r\n      <Checkbox\r\n        checked={bool}\r\n        onCheckedChange={checked => handleInputChange(property, checked ? 'yes' : 'no')}\r\n        disabled={!ability.can('update', 'Infrastructure')}\r\n      />\r\n    )\r\n  }\r\n\r\n  if (typeof value === 'number' || (value === null && isNumberField(property))) {\r\n    return (\r\n      <Input\r\n        type=\"number\"\r\n        value={value || ''}\r\n        onChange={(e) => {\r\n          const stringValue = e.target.value\r\n          // If empty string, send null; otherwise convert to number\r\n          const numValue = stringValue === '' ? null : Number(stringValue)\r\n          handleInputChange(property, numValue)\r\n        }}\r\n        disabled={!ability.can('update', 'Infrastructure')}\r\n      />\r\n    )\r\n  }\r\n\r\n  // Default: text input\r\n  return (\r\n    <Input\r\n      value={String(value || '')}\r\n      onChange={e => handleInputChange(property, e.target.value)}\r\n      disabled={!ability.can('update', 'Infrastructure')}\r\n    />\r\n  )\r\n}\r\n\r\nexport default FieldRenderer\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/Data/infrastructureDetails/InfrastructureDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfrastructureDetails.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/infrastructureDetails/InfrastructureDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAuBzE,KAAK,qCAAqC,GAAG,cAAc,GAAG;IAC5D,uBAAuB,CAAC,EAAE,QAAQ,EAAE,CAAA;CACrC,CAAA;AASD,UAAU,0BAA0B;IAClC,sBAAsB,CAAC,EAAE,qCAAqC,CAAA;IAC9D,yBAAyB,CAAC,EAAE,CAAC,cAAc,EAAE,qCAAqC,KAAK,IAAI,CAAA;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,eAAe,CAAC,EAAE,qCAAqC,EAAE,CAAA;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAGD,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC,CAAA;AAED,QAAA,MAAM,qBAAqB,6GA2bzB,CAAA;AAIF,eAAe,qBAAqB,CAAA"}
+{"version":3,"file":"InfrastructureDetails.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/infrastructureDetails/InfrastructureDetails.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAuBzE,KAAK,qCAAqC,GAAG,cAAc,GAAG;IAC5D,uBAAuB,CAAC,EAAE,QAAQ,EAAE,CAAA;CACrC,CAAA;AASD,UAAU,0BAA0B;IAClC,sBAAsB,CAAC,EAAE,qCAAqC,CAAA;IAC9D,yBAAyB,CAAC,EAAE,CAAC,cAAc,EAAE,qCAAqC,KAAK,IAAI,CAAA;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,eAAe,CAAC,EAAE,qCAAqC,EAAE,CAAA;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAGD,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC,CAAA;AAED,QAAA,MAAM,qBAAqB,6GA2bzB,CAAA;AAIF,eAAe,qBAAqB,CAAA"}