@collabdt/core 0.0.40

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

@@ -0,0 +1,400 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useMenusContext } from "../../../../store";
+import { useTranslations } from "next-intl";
+import { usePermissions } from "../../../../store";
+import { fuzzySearchBuildings } from "./utils/fuzzySearch";
+import { DescriptionListItem } from "../../../../components/ui/DescriptionList";
+import { Separator, Badge, Button, Input, Checkbox, Dialog } from "../../../../components/ui/";
+import { convertISOStringtoDate } from "../utils/convertDate";
+import FilePreview from "./FilePreview";
+import * as LR from "lucide-react";
+import { useFile } from "../../../../hooks/files/files";
+import { ViewerNames } from "../../../../types/";
+import { useSession } from "next-auth/react";
+const FileDetails = React.forwardRef(({ selectedFile, buildings, editing, setEditing, setActiveChanges }, ref) => {
+  var _a, _b;
+  const t = useTranslations("FileDetails");
+  const { ability } = usePermissions();
+  const headers = {
+    name: t("fileName"),
+    attachedTo: t("attachedTo"),
+    dateUploaded: t("dateUploaded"),
+    uploadedBy: t("uploadedBy"),
+    fileType: t("fileType"),
+    fileSize: t("fileSize"),
+    position: t("position")
+  };
+  const { dispatch: menusDispatch } = useMenusContext();
+  const { setView } = useMenusContext();
+  const { selectedItem, setSelectedItem } = useMenusContext();
+  const { setSelectedFile } = useMenusContext();
+  const [searchTerm, setSearchTerm] = React.useState("");
+  const [searchResults, setSearchResults] = React.useState([]);
+  const [attachedBuilding, setAttachedBuilding] = React.useState(null);
+  const [editingName, setEditingName] = React.useState("");
+  const { data: session } = useSession();
+  React.useEffect(() => {
+    setEditingName(selectedFile.metadata.name);
+    setAttachedBuilding(
+      selectedFile.metadata.attachedFilesBuildingId ? (buildings == null ? void 0 : buildings.find((building) => building.id === selectedFile.metadata.attachedFilesBuildingId)) || null : null
+    );
+  }, [selectedFile, buildings]);
+  const handleSearch = (term) => {
+    setSearchTerm(term);
+    setSearchResults(fuzzySearchBuildings(buildings || [], term));
+  };
+  React.useEffect(() => {
+    if ((attachedBuilding == null ? void 0 : attachedBuilding.id) != selectedFile.metadata.attachedFilesBuildingId || editingName !== selectedFile.metadata.name) setActiveChanges(true);
+    else setActiveChanges(false);
+  }, [attachedBuilding, editingName]);
+  const [open, setOpen] = React.useState(false);
+  const { updateFile } = useFile((_b = (_a = selectedFile == null ? void 0 : selectedFile.metadata) == null ? void 0 : _a.id) != null ? _b : null);
+  const handleSaveChanges = async () => {
+    var _a2, _b2;
+    try {
+      const file = await updateFile({
+        name: editingName,
+        attachedFilesBuildingId: attachedBuilding ? attachedBuilding.id : null
+      });
+      setSelectedFile({
+        // rendering data
+        id: String(file.id),
+        name: file.name,
+        attachedTo: [
+          { type: "building", buildingId: String(file.attachedFilesBuildingId || "") }
+        ],
+        dateUploaded: file.uploadedAt,
+        uploadedBy: ((_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.email) || "CDT",
+        fileType: ((_b2 = file.extension) == null ? void 0 : _b2.toUpperCase()) || "",
+        fileSize: `${(file.sizeBytes / (1024 * 1024)).toFixed(3)} MB`,
+        position: file.position,
+        metadata: __spreadProps(__spreadValues({}, file), {
+          url: selectedFile.metadata.url
+        })
+      });
+    } catch (error) {
+      console.error(error);
+      alert(`An error occurred when saving file changes: ${error.message || error}`);
+    } finally {
+      setSearchTerm("");
+      setSearchResults([]);
+      setAttachedBuilding(null);
+      setEditingName(selectedFile.metadata.name);
+    }
+  };
+  React.useImperativeHandle(ref, () => ({
+    saveChanges: handleSaveChanges
+  }), [selectedItem, setEditing, setActiveChanges, attachedBuilding, editingName]);
+  const handleViewBuilding = () => {
+    var _a2;
+    const buildingAttachment = (_a2 = selectedFile == null ? void 0 : selectedFile.attachedTo) == null ? void 0 : _a2.find(
+      (item) => item.type === "building"
+    );
+    if (!buildingAttachment || buildingAttachment.type !== "building") return;
+    const matchedBuildings = buildings.filter((b) => b.id == buildingAttachment.buildingId);
+    if (matchedBuildings.length === 0) {
+      alert("No building found");
+      return;
+    }
+    const building = matchedBuildings[0];
+    setSelectedFile == null ? void 0 : setSelectedFile(null);
+    setSelectedItem == null ? void 0 : setSelectedItem(building);
+    menusDispatch({
+      type: "SET_VIEWER",
+      payload: { currentViewer: ViewerNames.buildings }
+    });
+    setView == null ? void 0 : setView("detail");
+  };
+  const capitalizeKey = (key) => {
+    return key.replaceAll(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase());
+  };
+  const getDisplayLabel = (key) => {
+    return headers[key] || capitalizeKey(key);
+  };
+  const formatAttachmentDisplay = (attachment, buildings2) => {
+    if (attachment.type === "building") {
+      const building = buildings2 == null ? void 0 : buildings2.find(
+        (b) => String(b.id) === attachment.buildingId
+      );
+      if (building) {
+        const displayName = building.buildingName || building.buildingAddress || attachment.buildingId;
+        return `Building: ${displayName}`;
+      } else {
+        return `Building: ${attachment.buildingId, "not found"}`;
+      }
+    } else {
+      return `Site: ${attachment.siteId}`;
+    }
+  };
+  const renderFileDetails = () => {
+    if (!selectedFile) return null;
+    const entries = Object.entries(selectedFile);
+    const filteredEntries = entries.filter(
+      ([key, value]) => key !== "metadata" && key in headers
+    );
+    const rows = [];
+    for (let i = 0; i < filteredEntries.length; i += 2) {
+      rows.push(
+        /* @__PURE__ */ jsxs("div", { 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", children: [
+          /* @__PURE__ */ jsx(DescriptionListItem, { className: "break-words", label: getDisplayLabel(filteredEntries[i][0]), children: filteredEntries[i][1] === null || filteredEntries[i][1] === void 0 || filteredEntries[i][1] === "null" ? /* @__PURE__ */ jsxs("span", { className: "italic", children: [
+            t("no"),
+            " ",
+            getDisplayLabel(filteredEntries[i][0]),
+            " ",
+            t("provided")
+          ] }) : filteredEntries[i][0] === "position" && typeof filteredEntries[i][1] === "object" ? /* @__PURE__ */ jsx("span", { children: Object.entries(filteredEntries[i][1]).map(([k, v]) => `${k.charAt(0).toUpperCase() + k.slice(1)}: ${v}`).join(", ") }) : filteredEntries[i][0] === "dateUploaded" ? convertISOStringtoDate(filteredEntries[i][1]) : Array.isArray(filteredEntries[i][1]) ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: filteredEntries[i][1].map((item, index) => {
+            if (filteredEntries[i][0] === "attachedTo" && typeof item === "object" && item !== null) {
+              return /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  onClick: handleViewBuilding,
+                  className: "p-0 hover:bg-transparent underline",
+                  disabled: !ability.can("update", "File"),
+                  children: [
+                    /* @__PURE__ */ jsx(LR.SquareArrowOutUpRight, {}),
+                    formatAttachmentDisplay(item, buildings)
+                  ]
+                },
+                index
+              );
+            } else if (typeof item === "object" && item !== null) {
+              return /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  onClick: handleViewBuilding,
+                  className: "p-0 hover:bg-transparent underline",
+                  disabled: !ability.can("update", "File"),
+                  children: [
+                    /* @__PURE__ */ jsx(LR.SquareArrowOutUpRight, {}),
+                    JSON.stringify(item)
+                  ]
+                },
+                index
+              );
+            } else {
+              return /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  onClick: handleViewBuilding,
+                  className: "p-0 hover:bg-transparent underline",
+                  disabled: !ability.can("update", "File"),
+                  children: [
+                    /* @__PURE__ */ jsx(LR.SquareArrowOutUpRight, {}),
+                    item
+                  ]
+                },
+                index
+              );
+            }
+          }) }) : String(filteredEntries[i][1]) }),
+          /* @__PURE__ */ jsx(Separator, { className: "md:hidden" }),
+          i + 1 < filteredEntries.length && /* @__PURE__ */ jsx(DescriptionListItem, { className: "break-words", label: getDisplayLabel(filteredEntries[i + 1][0]), children: filteredEntries[i + 1][1] === null || filteredEntries[i + 1][1] === void 0 || filteredEntries[i + 1][1] === "null" ? /* @__PURE__ */ jsxs("span", { className: "italic", children: [
+            t("no"),
+            " ",
+            getDisplayLabel(filteredEntries[i + 1][0]),
+            " ",
+            t("provided")
+          ] }) : filteredEntries[i + 1][0] === "dateUploaded" ? convertISOStringtoDate(filteredEntries[i + 1][1]) : Array.isArray(filteredEntries[i + 1][1]) ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: filteredEntries[i + 1][1].map((item, index) => {
+            if (filteredEntries[i + 1][0] === "attachedTo" && typeof item === "object" && item !== null) {
+              return /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  onClick: handleViewBuilding,
+                  className: "p-0 hover:bg-transparent underline",
+                  disabled: !ability.can("update", "File"),
+                  children: [
+                    /* @__PURE__ */ jsx(LR.SquareArrowOutUpRight, {}),
+                    formatAttachmentDisplay(item, buildings)
+                  ]
+                },
+                index
+              );
+            } else if (typeof item === "object" && item !== null) {
+              return /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  onClick: handleViewBuilding,
+                  className: "p-0 hover:bg-transparent underline",
+                  disabled: !ability.can("update", "File"),
+                  children: [
+                    /* @__PURE__ */ jsx(LR.SquareArrowOutUpRight, {}),
+                    JSON.stringify(item)
+                  ]
+                },
+                index
+              );
+            } else {
+              return /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  onClick: handleViewBuilding,
+                  className: "p-0 hover:bg-transparent underline",
+                  disabled: !ability.can("update", "File"),
+                  children: [
+                    /* @__PURE__ */ jsx(LR.SquareArrowOutUpRight, {}),
+                    item
+                  ]
+                },
+                index
+              );
+            }
+          }) }) : String(filteredEntries[i + 1][1]) })
+        ] }, i)
+      );
+    }
+    return rows;
+  };
+  const editFileDetails = () => {
+    if (!selectedFile) return null;
+    const editableFields = /* @__PURE__ */ new Set(["name", "attachedTo", "position"]);
+    const entries = Object.entries(selectedFile).filter(([key, val]) => editableFields.has(key));
+    const renderInputComponent = (key, value) => {
+      if (key == "name") {
+        return /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            placeholder: "Enter a new file name",
+            value: editingName,
+            onChange: (e) => setEditingName(e == null ? void 0 : e.target.value)
+          }
+        );
+      } else if (key === "attachedTo") {
+        return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          attachedBuilding == null ? /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              placeholder: "Search buildings by address",
+              value: searchTerm,
+              onChange: (e) => handleSearch(e.target.value)
+            }
+          ) : /* @__PURE__ */ jsxs("div", { className: "relative flex justify-end items-center", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "text",
+                value: "Building: " + (attachedBuilding.buildingName && attachedBuilding.buildingAddress ? `${attachedBuilding.buildingName}, ${attachedBuilding.buildingAddress}` : attachedBuilding.buildingName || attachedBuilding.buildingAddress),
+                readOnly: true
+              }
+            ),
+            /* @__PURE__ */ jsx(LR.X, { className: "absolute right-2 cursor-pointer", onClick: () => setAttachedBuilding(null) })
+          ] }),
+          searchResults.length > 0 && searchTerm !== "" && /* @__PURE__ */ jsx("div", { className: "mt-1 bg-white border border-gray-200 rounded-md shadow-lg max-h-60 overflow-y-auto z-20", children: searchResults.map((building) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 transition-colors flex gap-2 items-center",
+              onClick: () => {
+                setAttachedBuilding(building);
+                setSearchTerm("");
+                setSearchResults([]);
+              },
+              children: [
+                /* @__PURE__ */ jsx(LR.SquareArrowOutUpRight, { className: "w-3 h-3" }),
+                building.buildingName ? building.buildingName + ", " + building.buildingAddress : "Unnamed Property, " + building.buildingAddress
+              ]
+            },
+            building.id
+          )) })
+        ] });
+      } else if (Array.isArray(value)) {
+        if (value === null || value === void 0) {
+          return /* @__PURE__ */ jsx(Input, { value: "" });
+        }
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2", children: [
+            /* @__PURE__ */ jsx(Input, { type: "text", value: "", onChange: () => {
+            } }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                disabled: !ability.can("update", "File"),
+                children: /* @__PURE__ */ jsx(LR.Plus, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-row gap-2", children: value.map((item, index) => /* @__PURE__ */ jsx(Badge, { className: "inline-flex", variant: "secondary", children: key === "attachedTo" && typeof item === "object" && item !== null ? formatAttachmentDisplay(item, buildings) : typeof item === "object" && item !== null ? JSON.stringify(item) : item }, index)) })
+        ] });
+      } else if (value === "yes" || value === "no") {
+        const bool = value === "yes";
+        return /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: bool,
+            onCheckedChange: () => {
+            },
+            disabled: !ability.can("update", "File")
+          }
+        );
+      } else if (typeof value === "number") {
+        if (value === null || value === void 0) {
+          return /* @__PURE__ */ jsx(Input, { value: "" });
+        }
+        return /* @__PURE__ */ jsx(Input, { type: "number", value, onChange: () => {
+        } });
+      } else {
+        if (value === null || value === void 0 || value === "null") {
+          return /* @__PURE__ */ jsx(Input, { value: "" });
+        }
+        return /* @__PURE__ */ jsx(Input, { value: String(value), onChange: () => {
+        } });
+      }
+    };
+    const rows = [];
+    for (let i = 0; i < entries.length; i += 2) {
+      rows.push(
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 w-full", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground", children: getDisplayLabel(entries[i][0]) }),
+            renderInputComponent(entries[i][0], entries[i][1])
+          ] }),
+          /* @__PURE__ */ jsx(Separator, { className: "md:hidden" }),
+          i + 1 < entries.length && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground", children: getDisplayLabel(entries[i + 1][0]) }),
+            renderInputComponent(entries[i + 1][0], entries[i + 1][1])
+          ] })
+        ] }, i)
+      );
+    }
+    return rows;
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col overflow-hidden p-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "p-12 m-auto w-full flex justify-center items-center relative", children: /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(FilePreview, { file: selectedFile, disableDialogFor3D: true }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 pb-2 px-6", children: /* @__PURE__ */ jsx("p", { className: "text-xl text-foreground font-semibold", children: t("header") }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 px-6 overflow-auto", children: editing ? editFileDetails() : selectedFile ? renderFileDetails() : /* @__PURE__ */ jsx("div", { className: "", children: t("empty") }) })
+  ] });
+});
+FileDetails.displayName = "FileDetails";
+export {
+  FileDetails
+};
+//# sourceMappingURL=FileDetails.js.map

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

@@ -0,0 +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":"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","names":["_a","_b","buildings"]}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { FileRow } from '../../../../types/files';
+interface FileMoreOptionsProps {
+    file: FileRow;
+    buildingId?: number;
+}
+export default function FileMoreOptions({ file, buildingId }: FileMoreOptionsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=FileMoreOptions.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,148 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { FilesContext, MapContext, MenusContext } from "../../../../store";
+import { useDeleteFile, useDownloadFile } from "../../../../hooks/files/files";
+import { useFileDeleteHandler } from "../../../../components/ui/FilesManager/src/useFileDeleteHandler";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+import { usePermissions } from "../../../../store";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../../../components/ui/DropdownMenu";
+import { Button, LoadingSpinner } from "../../../../components/ui/";
+import ConfirmDialog from "../../../../components/ConfirmDialog";
+import * as LR from "lucide-react";
+import { ViewerNames } from "../../../../types/";
+function FileMoreOptions({ file, buildingId }) {
+  var _a, _b;
+  const t = useTranslations("FileMoreOptions");
+  const { ability } = usePermissions();
+  const { dispatch: menusDispatch } = React.useContext(MenusContext);
+  const { dispatch: fileDispatch } = React.useContext(FilesContext);
+  const { state: mapState, dispatch: mapDispatch } = React.useContext(MapContext);
+  const { deleteFile, isMutating: isDeleting, deleteError } = useDeleteFile(buildingId);
+  const { handleDeleteFile } = useFileDeleteHandler({
+    deleteFile,
+    onDeleteSuccess: () => setIsDeleteDialogOpen(false)
+  });
+  const { downloadFile, isDownloading, downloadError } = useDownloadFile();
+  const { map } = mapState.map;
+  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = React.useState(false);
+  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);
+  const isMapFile = ((_a = file == null ? void 0 : file.metadata) == null ? void 0 : _a.type) == "map-file";
+  const handleViewOnMap = async (map2) => {
+    fileDispatch({ type: "UNHIDE_FILE_BY_ID", payload: { id: file.metadata.id } });
+    const position = file.metadata.position;
+    if (position && typeof position.lng === "number" && typeof position.lat === "number") {
+      map2.flyTo({
+        center: [position.lng, position.lat],
+        zoom: 18,
+        speed: 10,
+        curve: 1,
+        essential: true
+      });
+    } else {
+      return;
+    }
+    await new Promise((resolve) => setTimeout(resolve, 1e3));
+    menusDispatch({
+      type: "SET_VIEWER",
+      payload: { currentViewer: ViewerNames.map }
+    });
+  };
+  const handleDeleteFileClick = async () => {
+    await handleDeleteFile(file);
+  };
+  const handleDownloadFile = async (e) => {
+    var _a2;
+    e.preventDefault();
+    e.stopPropagation();
+    await downloadFile(file);
+    if (downloadError) {
+      toast.error(`${t("toastFailDown")} ${downloadError.message}`);
+    } else if (!isDownloading) {
+      toast.success(`${t("toastSuccessDown")} ${file.name || ((_a2 = file.metadata) == null ? void 0 : _a2.name)}`);
+    }
+  };
+  if (isDeleting) {
+    return /* @__PURE__ */ jsx("div", { className: "inline-flex items-center space-x-2 bg-red-50 text-red-700 px-3 py-1.5 rounded-lg shadow-sm", children: /* @__PURE__ */ jsx(LoadingSpinner, {}) });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          className: "dropdown-menu-trigger",
+          onClick: (e) => {
+            e.stopPropagation();
+          },
+          size: "icon",
+          children: [
+            /* @__PURE__ */ jsx(LR.MoreHorizontal, {}),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("open") })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+        isMapFile && /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              handleViewOnMap(map);
+            },
+            children: [
+              /* @__PURE__ */ jsx(LR.Map, {}),
+              t("view")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            onClick: handleDownloadFile,
+            disabled: isDownloading,
+            children: [
+              isDownloading ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : /* @__PURE__ */ jsx(LR.Download, {}),
+              isDownloading ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : t("downloadFile")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              setIsDeleteDialogOpen(true);
+            },
+            disabled: !ability.can("delete", "File"),
+            children: [
+              /* @__PURE__ */ jsx(LR.Trash2, {}),
+              t("deleteFile")
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        isOpen: isDeleteDialogOpen,
+        isDeleting,
+        onOpenChange: setIsDeleteDialogOpen,
+        handleConfirm: handleDeleteFileClick,
+        itemName: (file == null ? void 0 : file.name) || ((_b = file == null ? void 0 : file.metadata) == null ? void 0 : _b.name)
+      }
+    )
+  ] });
+}
+export {
+  FileMoreOptions as default
+};
+//# sourceMappingURL=FileMoreOptions.js.map