@collabdt/core 0.0.40

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/index.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { TabSelector } from "./TabSelector";
+import { PointCloudContext, MenusContext } from "../../../../../store";
+import { FileTab } from "./src/FileTab";
+import { SettingsTab } from "./src/SettingsTab";
+import { InfoSidebarContainer } from "../../../../../components/ui/InfoSidebar/Container";
+function PointCloudSidebar() {
+  const { state: pointCloudState } = React.useContext(PointCloudContext);
+  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext);
+  const { selectedTab } = menusState.menus;
+  const handleTabChange = (selectedTab2) => {
+    menusDispatch({ type: "SET_SIDEBAR_SELECTED_TAB", payload: { selectedTab: selectedTab2 } });
+  };
+  return /* @__PURE__ */ jsxs(
+    InfoSidebarContainer,
+    {
+      tabSelector: /* @__PURE__ */ jsx(
+        TabSelector,
+        {
+          activeTab: selectedTab,
+          onTabChangeAction: handleTabChange
+        }
+      ),
+      children: [
+        selectedTab === "file" && /* @__PURE__ */ jsx(FileTab, {}),
+        selectedTab === "settings" && /* @__PURE__ */ jsx(SettingsTab, {})
+      ]
+    }
+  );
+}
+export {
+  PointCloudSidebar
+};
+//# sourceMappingURL=index.js.map

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/index.tsx"],"sourcesContent":["'use client'\r\nimport * as React from 'react'\r\nimport { InfoSidebar } from '../../../../../components/ui/InfoSidebar'\r\nimport { TabSelector } from './TabSelector'\r\nimport { PointCloudContext, MenusContext } from '../../../../../store'\r\nimport { SidebarTabType } from '../../../../../store/Menus/reducer'\r\nimport { FileTab } from './src/FileTab'\r\n\r\nimport { SettingsTab } from './src/SettingsTab'\r\nimport { InfoSidebarContainer } from '../../../../../components/ui/InfoSidebar/Container'\r\n\r\nexport function PointCloudSidebar() {\r\n  const { state: pointCloudState } = React.useContext(PointCloudContext)\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { selectedTab } = menusState.menus\r\n\r\n  const handleTabChange = (selectedTab: SidebarTabType) => {\r\n    menusDispatch({ type: 'SET_SIDEBAR_SELECTED_TAB', payload: { selectedTab } })\r\n  }\r\n\r\n  return (\r\n    <InfoSidebarContainer\r\n      tabSelector={\r\n        <TabSelector\r\n          activeTab={selectedTab}\r\n          onTabChangeAction={handleTabChange}\r\n        />\r\n      }\r\n    >\r\n      {selectedTab === 'file' && <FileTab />}\r\n      {/* {selectedTab === 'layers' && <PointCloudLayersTab />}*/}\r\n      {selectedTab === 'settings' && <SettingsTab />} \r\n    </InfoSidebarContainer>\r\n  )\r\n}"],"mappings":";AAqBI,SAEI,KAFJ;AApBJ,YAAY,WAAW;AAEvB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB,oBAAoB;AAEhD,SAAS,eAAe;AAExB,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AAE9B,SAAS,oBAAoB;AAClC,QAAM,EAAE,OAAO,gBAAgB,IAAI,MAAM,WAAW,iBAAiB;AACrE,QAAM,EAAE,OAAO,YAAY,UAAU,cAAc,IAAI,MAAM,WAAW,YAAY;AACpF,QAAM,EAAE,YAAY,IAAI,WAAW;AAEnC,QAAM,kBAAkB,CAACA,iBAAgC;AACvD,kBAAc,EAAE,MAAM,4BAA4B,SAAS,EAAE,aAAAA,aAAY,EAAE,CAAC;AAAA,EAC9E;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,mBAAmB;AAAA;AAAA,MACrB;AAAA,MAGD;AAAA,wBAAgB,UAAU,oBAAC,WAAQ;AAAA,QAEnC,gBAAgB,cAAc,oBAAC,eAAY;AAAA;AAAA;AAAA,EAC9C;AAEJ;","names":["selectedTab"]}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare function FileTab(): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,wBAAgB,OAAO,sBAkCtB"}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/index.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { FilesSection } from "./src/FilesSection";
+import { PointCloudsSection } from "./src/PointCloudSection";
+import { BuildingsContext } from "../../../../../../../store";
+import { useSearchParams } from "next/navigation";
+import { useFilesByBuildingId } from "../../../../../../../hooks/files/files";
+function FileTab() {
+  const { state: buildingState } = React.useContext(BuildingsContext);
+  const { building } = buildingState.buildings;
+  let buildingId;
+  const urlBuildingId = useSearchParams().get("buildingId");
+  if (building) buildingId = building.id;
+  else if (urlBuildingId) buildingId = Number(urlBuildingId);
+  const filesData = useFilesByBuildingId(buildingId).files || [];
+  const pointCloudFiles = [];
+  const nonPointCloudFiles = [];
+  filesData.map((file) => {
+    const { extension, type } = file;
+    const isPointCloud = (type == null ? void 0 : type.toLowerCase()) === "point-cloud-file";
+    if (isPointCloud) {
+      pointCloudFiles.push(file);
+    } else {
+      nonPointCloudFiles.push(file);
+    }
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col space-y-6 h-full py-4 overflow-hidden", children: [
+    /* @__PURE__ */ jsx(PointCloudsSection, { files: pointCloudFiles }),
+    /* @__PURE__ */ jsx(FilesSection, { files: nonPointCloudFiles })
+  ] });
+}
+export {
+  FileTab
+};
+//# sourceMappingURL=index.js.map

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/index.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { FilesSection } from './src/FilesSection'\r\nimport { PointCloudsSection } from './src/PointCloudSection'\r\nimport { BuildingsContext } from '../../../../../../../store'\r\nimport { useSearchParams } from 'next/navigation'\r\nimport { useFilesByBuildingId } from '../../../../../../../hooks/files/files'\r\nimport { DbFile } from '../../../../../../../types/dbTypes'\r\n\r\nexport function FileTab() {\r\n  const { state: buildingState } = React.useContext(BuildingsContext)\r\n  const { building } = buildingState.buildings\r\n  let buildingId:number;\r\n\r\n  const urlBuildingId = useSearchParams().get('buildingId')\r\n\r\n  if (building) buildingId = building.id\r\n  else if (urlBuildingId) buildingId = Number(urlBuildingId)\r\n\r\n  const filesData: DbFile[] = useFilesByBuildingId(buildingId).files || []\r\n\r\n  const pointCloudFiles: DbFile[] = []\r\n  const nonPointCloudFiles: DbFile[] = []\r\n\r\n  // single .map pass to populate both arrays\r\n  filesData.map((file) => {\r\n    const {extension, type} = file\r\n    // const isPointCloud = extension.toLowerCase() === 'laz' || extension.toLowerCase() === 'las'\r\n    const isPointCloud = type?.toLowerCase() === 'point-cloud-file'\r\n\r\n    if (isPointCloud) {\r\n      pointCloudFiles.push(file)\r\n    } else {\r\n      nonPointCloudFiles.push(file)\r\n    }\r\n  })\r\n\r\n  return (\r\n    <div className=\"flex-1 flex flex-col space-y-6 h-full py-4 overflow-hidden\">\r\n      <PointCloudsSection files={pointCloudFiles} />\r\n      <FilesSection files={nonPointCloudFiles} />\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAuCI,SACE,KADF;AArCJ,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AAG9B,SAAS,UAAU;AACxB,QAAM,EAAE,OAAO,cAAc,IAAI,MAAM,WAAW,gBAAgB;AAClE,QAAM,EAAE,SAAS,IAAI,cAAc;AACnC,MAAI;AAEJ,QAAM,gBAAgB,gBAAgB,EAAE,IAAI,YAAY;AAExD,MAAI,SAAU,cAAa,SAAS;AAAA,WAC3B,cAAe,cAAa,OAAO,aAAa;AAEzD,QAAM,YAAsB,qBAAqB,UAAU,EAAE,SAAS,CAAC;AAEvE,QAAM,kBAA4B,CAAC;AACnC,QAAM,qBAA+B,CAAC;AAGtC,YAAU,IAAI,CAAC,SAAS;AACtB,UAAM,EAAC,WAAW,KAAI,IAAI;AAE1B,UAAM,gBAAe,6BAAM,mBAAkB;AAE7C,QAAI,cAAc;AAChB,sBAAgB,KAAK,IAAI;AAAA,IAC3B,OAAO;AACL,yBAAmB,KAAK,IAAI;AAAA,IAC9B;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,8DACb;AAAA,wBAAC,sBAAmB,OAAO,iBAAiB;AAAA,IAC5C,oBAAC,gBAAa,OAAO,oBAAoB;AAAA,KAC3C;AAEJ;","names":[]}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/src/FilesSection.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { DbFile as IFile } from '../../../../../../../../types/dbTypes';
+interface FilesSectionProps {
+    files: IFile[];
+}
+export declare function FilesSection({ files }: FilesSectionProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=FilesSection.d.ts.map

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/src/FilesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesSection.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/src/FilesSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,uCAAuC,CAAA;AAMvE,UAAU,iBAAiB;IACzB,KAAK,EAAE,KAAK,EAAE,CAAA;CACf;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,iBAAiB,qBAmGxD"}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/src/FilesSection.js

@@ -0,0 +1,122 @@
+"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 * as LR from "lucide-react";
+import { BuildingsContext } from "../../../../../../../../store";
+import { CollapsibleSection } from "../../../../../../../ui/CollapsibleSection";
+import ConfirmDialog from "../../../../../../../ConfirmDialog";
+import { useTranslations } from "next-intl";
+import { useUploadFileToBuilding, useDeleteFile } from "../../../../../../../../hooks/files/files";
+import { useFileUploadHandler, useFileDeleteHandler, FileItemComponent, useFileActions, useCommonFileUpload } from "../../../../../../../ui/FilesManager";
+const PC_FILE_OPTIONS = ["download", "view", "move", "info", "delete"];
+function FilesSection({ files }) {
+  const t = useTranslations("FileSelection");
+  const { state: buildingsState } = React.useContext(BuildingsContext);
+  const { building } = buildingsState.buildings;
+  const buildingId = (building == null ? void 0 : building.id) || -1;
+  const { uploadFile } = useUploadFileToBuilding(buildingId);
+  const { deleteFile } = useDeleteFile(buildingId);
+  const { handleFileUpload } = useFileUploadHandler({
+    buildingId,
+    tag: "point-cloud-file",
+    uploadFile
+  });
+  const { handleDeleteFile } = useFileDeleteHandler({
+    deleteFile,
+    onDeleteSuccess: () => {
+      console.log("File deleted successfully");
+    }
+  });
+  const [localFiles, setLocalFiles] = React.useState(
+    files.map((file) => {
+      var _a;
+      return __spreadProps(__spreadValues({}, file), { isVisible: (_a = file.isVisible) != null ? _a : false });
+    }).sort((a, b) => a.name.localeCompare(b.name))
+  );
+  React.useEffect(() => {
+    setLocalFiles(files.map((file) => {
+      var _a;
+      return __spreadProps(__spreadValues({}, file), { isVisible: (_a = file.isVisible) != null ? _a : false });
+    }).sort((a, b) => a.name.localeCompare(b.name)));
+  }, [files]);
+  const handleViewFile = React.useCallback((file, newVisibility) => {
+    console.log(`Point cloud file ${file.name} visibility toggled to ${newVisibility}`);
+  }, []);
+  const { handleAction, deleteDialog } = useFileActions({
+    files: localFiles,
+    setFiles: setLocalFiles,
+    buildingId,
+    handleDeleteFile,
+    onView: handleViewFile
+  });
+  const { handleAddFile } = useCommonFileUpload({
+    buildingId,
+    acceptedFileTypes: "*",
+    handleFileUpload: async (domFile) => {
+      await handleFileUpload(domFile);
+    },
+    onUploadSuccess: () => {
+      console.log("File uploaded successfully");
+    },
+    onUploadError: (error) => {
+      console.error("Error uploading file:", error);
+    }
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      CollapsibleSection,
+      {
+        title: t("filesTitle"),
+        icon: LR.FileText,
+        className: "h-1/2 overflow-y-auto",
+        itemCount: localFiles.length,
+        onAddItem: handleAddFile,
+        addItemTitle: t("addFileTitle"),
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: localFiles.map((item) => /* @__PURE__ */ jsx(
+          FileItemComponent,
+          {
+            file: item,
+            onAction: handleAction,
+            options: PC_FILE_OPTIONS,
+            translationKey: "FileSelection",
+            confirmDelete: false
+          },
+          item.id
+        )) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        isOpen: deleteDialog.isOpen,
+        isDeleting: deleteDialog.isDeleting,
+        onOpenChange: deleteDialog.onOpenChange,
+        handleConfirm: deleteDialog.onConfirm,
+        itemName: deleteDialog.itemName
+      }
+    )
+  ] });
+}
+export {
+  FilesSection
+};
+//# sourceMappingURL=FilesSection.js.map

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/src/FilesSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/src/FilesSection.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { BuildingsContext, MenusContext } from '../../../../../../../../store'\r\nimport { CollapsibleSection } from '../../../../../../../ui/CollapsibleSection'\r\nimport ConfirmDialog from '../../../../../../../ConfirmDialog'\r\nimport { useTranslations } from 'next-intl'\r\nimport { useUploadFileToBuilding, useDeleteFile } from '../../../../../../../../hooks/files/files'\r\nimport { useFileUploadHandler, useFileDeleteHandler, FileItemComponent, useFileActions, useCommonFileUpload } from '../../../../../../../ui/FilesManager'\r\nimport { DbFile as IFile } from '../../../../../../../../types/dbTypes'\r\n\r\n// Audit Phase 1.C (F-19): hoist so React.memo on FileItemComponent isn't\r\n// defeated by per-render array identity.\r\nconst PC_FILE_OPTIONS: import('../../../../../../../../types/global').FileAction[] = ['download', 'view', 'move', 'info', 'delete']\r\n\r\ninterface FilesSectionProps {\r\n  files: IFile[]\r\n}\r\n\r\nexport function FilesSection({ files }: FilesSectionProps) {\r\n  // Translation\r\n  const t = useTranslations('FileSelection')\r\n\r\n  // Get Building context\r\n  const { state: buildingsState } = React.useContext(BuildingsContext)\r\n  const { building } = buildingsState.buildings\r\n  const buildingId = building?.id || -1\r\n\r\n  const { uploadFile } = useUploadFileToBuilding(buildingId)\r\n  const { deleteFile } = useDeleteFile(buildingId)\r\n  \r\n  const { handleFileUpload } = useFileUploadHandler({\r\n    buildingId,\r\n    tag: 'point-cloud-file',\r\n    uploadFile,\r\n  })\r\n\r\n  const { handleDeleteFile } = useFileDeleteHandler({\r\n    deleteFile,\r\n    onDeleteSuccess: () => {\r\n      console.log('File deleted successfully')\r\n    }\r\n  })\r\n\r\n  // Local state for file management with isVisible property\r\n  const [localFiles, setLocalFiles] = React.useState<(IFile & { isVisible?: boolean })[]>(\r\n    files.map(file => ({ ...file, isVisible: (file as any).isVisible ?? false })).sort((a, b) => a.name.localeCompare(b.name))\r\n  )\r\n\r\n  // Keep local list in sync with incoming props\r\n  React.useEffect(() => {\r\n    setLocalFiles(files.map(file => ({ ...file, isVisible: (file as any).isVisible ?? false })).sort((a, b) => a.name.localeCompare(b.name)))\r\n  }, [files])\r\n\r\n  // Audit Phase 1.C (F-19b): useCallback so onView prop identity stays stable\r\n  // and useFileActions returns a stable handleAction. Without this, the\r\n  // F-19 React.memo on FileItemComponent is defeated by per-render prop churn.\r\n  const handleViewFile = React.useCallback((file: IFile, newVisibility: boolean) => {\r\n    console.log(`Point cloud file ${file.name} visibility toggled to ${newVisibility}`)\r\n  }, [])\r\n\r\n  // Use the common file actions hook\r\n  const { handleAction, deleteDialog } = useFileActions({\r\n    files: localFiles,\r\n    setFiles: setLocalFiles,\r\n    buildingId,\r\n    handleDeleteFile,\r\n    onView: handleViewFile,\r\n  })\r\n\r\n  // Use the common file upload hook\r\n  const { handleAddFile } = useCommonFileUpload({\r\n    buildingId,\r\n    acceptedFileTypes: '*',\r\n    handleFileUpload: async (domFile: globalThis.File) => {\r\n      await handleFileUpload(domFile)\r\n    },\r\n    onUploadSuccess: () => {\r\n      console.log('File uploaded successfully')\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    <>\r\n      <CollapsibleSection\r\n        title={t('filesTitle')}\r\n        icon={LR.FileText}\r\n        className=\"h-1/2 overflow-y-auto\"\r\n        itemCount={localFiles.length}\r\n        onAddItem={handleAddFile}\r\n        addItemTitle={t('addFileTitle')}\r\n      >\r\n        <div className=\"space-y-1\">\r\n          {localFiles.map((item) => (\r\n            <FileItemComponent\r\n              key={item.id}\r\n              file={item}\r\n              onAction={handleAction}\r\n              options={PC_FILE_OPTIONS}\r\n              translationKey=\"FileSelection\"\r\n              confirmDelete={false}\r\n            />\r\n          ))}\r\n        </div>\r\n      </CollapsibleSection>\r\n\r\n      <ConfirmDialog\r\n        isOpen={deleteDialog.isOpen}\r\n        isDeleting={deleteDialog.isDeleting}\r\n        onOpenChange={deleteDialog.onOpenChange}\r\n        handleConfirm={deleteDialog.onConfirm}\r\n        itemName={deleteDialog.itemName}\r\n      />\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/src/PointCloudSection.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { DbFile } from '../../../../../../../../types/dbTypes';
+interface PointCloudsSectionProps {
+    files: DbFile[];
+}
+export declare function PointCloudsSection({ files }: PointCloudsSectionProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=PointCloudSection.d.ts.map

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/src/PointCloudSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudSection.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/src/PointCloudSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAA;AAuB9D,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,qBA+YpE"}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/src/PointCloudSection.js

@@ -0,0 +1,347 @@
+"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";
+var _a;
+import * as React from "react";
+import * as LR from "lucide-react";
+import { useTranslations } from "next-intl";
+import { useSession } from "next-auth/react";
+import { CollapsibleSection } from "../../../../../../../ui/CollapsibleSection";
+import { FileItemComponent } from "../../../../../../../ui/FilesManager/src/FileItemComponent";
+import { useFileActions } from "../../../../../../../ui/FilesManager/src/useFileActions";
+import ConfirmDialog from "../../../../../../../ConfirmDialog";
+import { Button } from "../../../../../../../ui/Button";
+import { useOrganization } from "../../../../../../../../hooks/organizations/organizations";
+import { PointCloudContext } from "../../../../../../../../store";
+const API_BASE = (_a = process.env.NEXT_PUBLIC_POINTCLOUD_API_URL) != null ? _a : "http://localhost:5101";
+const POINT_CLOUD_OPTIONS = ["view", "delete", "info"];
+function PointCloudsSection({ files }) {
+  var _a2, _b;
+  const t = useTranslations("PointCloudManagement");
+  const { data: session } = useSession();
+  const organizationId = (_b = (_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.organizationId) != null ? _b : null;
+  const { organization } = useOrganization(organizationId ? organizationId.toString() : null);
+  const { dispatch: pointCloudDispatch } = React.useContext(PointCloudContext);
+  const [pointcloudsFiles, setPointcloudsFiles] = React.useState(
+    () => files.map((f) => __spreadProps(__spreadValues({}, f), { isVisible: false }))
+  );
+  const esRef = React.useRef(null);
+  const autoLoadedRef = React.useRef(false);
+  const fileSyncKey = files.map(
+    (file) => {
+      var _a3;
+      return `${file.id}:${file.name}:${Boolean(file.pointCloudUploaded)}:${Boolean(file.pointCloudPotreeConverted)}:${file.uploadedAt}:${(_a3 = file.potreeMetadataFileKey) != null ? _a3 : ""}`;
+    }
+  ).join("|");
+  React.useEffect(() => {
+    setPointcloudsFiles((prev) => {
+      const prevMap = new Map(prev.map((f) => [String(f.id), f]));
+      return files.map((f) => {
+        var _a3, _b2;
+        return __spreadProps(__spreadValues({}, f), {
+          isVisible: (_b2 = (_a3 = prevMap.get(String(f.id))) == null ? void 0 : _a3.isVisible) != null ? _b2 : false
+        });
+      });
+    });
+  }, [fileSyncKey]);
+  React.useEffect(() => {
+    if (autoLoadedRef.current || files.length === 0) return;
+    const readyFiles = files.filter((f) => Boolean(f.pointCloudPotreeConverted));
+    if (readyFiles.length === 0) return;
+    const lastFile = readyFiles.reduce(
+      (latest, f) => new Date(f.uploadedAt) > new Date(latest.uploadedAt) ? f : latest
+    );
+    autoLoadedRef.current = true;
+    pointCloudDispatch({ type: "LOAD_POINT_CLOUD", payload: { id: String(lastFile.id) } });
+    setPointcloudsFiles(
+      (prev) => prev.map((f) => __spreadProps(__spreadValues({}, f), { isVisible: String(f.id) === String(lastFile.id) }))
+    );
+  }, [fileSyncKey, files, pointCloudDispatch]);
+  React.useEffect(() => {
+    return () => {
+      if (esRef.current) {
+        esRef.current.close();
+      }
+    };
+  }, []);
+  const handleView = React.useCallback((file, newVisibility) => {
+    const id = String(file.id);
+    if (newVisibility) {
+      pointCloudDispatch({ type: "LOAD_POINT_CLOUD", payload: { id } });
+    } else {
+      pointCloudDispatch({ type: "UNLOAD_POINT_CLOUD", payload: { id } });
+    }
+  }, [pointCloudDispatch]);
+  const handleDeleteFile = React.useCallback(async (file) => {
+    const res = await fetch(`${API_BASE}/point-cloud/${encodeURIComponent(String(file.id))}`, {
+      method: "DELETE"
+    });
+    if (!res.ok) {
+      const msg = await res.text();
+      throw new Error(msg || `Delete failed (${res.status})`);
+    }
+  }, []);
+  const handleConvert = React.useCallback(async (file) => {
+    const res = await fetch(
+      `${API_BASE}/point-cloud/${encodeURIComponent(String(file.id))}/convert-to-potree`,
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ options: { sampling_method: "poisson" } })
+      }
+    );
+    if (!res.ok) {
+      const msg = await res.text();
+      throw new Error(msg || `Conversion failed (${res.status})`);
+    }
+    const { jobId } = await res.json();
+    subscribeToProgress(jobId, file.id);
+  }, []);
+  const handleDeletePointCloud = React.useCallback((file) => {
+    pointCloudDispatch({ type: "UNLOAD_POINT_CLOUD", payload: { id: String(file.id) } });
+  }, [pointCloudDispatch]);
+  const { handleAction, deleteDialog } = useFileActions({
+    files: pointcloudsFiles,
+    setFiles: setPointcloudsFiles,
+    buildingId: 0,
+    handleDeleteFile,
+    onView: handleView,
+    onDelete: handleDeletePointCloud
+  });
+  const sortedFiles = React.useMemo(() => {
+    return [...pointcloudsFiles].sort((a, b) => {
+      const aLoaded = a.isVisible !== false ? 1 : 0;
+      const bLoaded = b.isVisible !== false ? 1 : 0;
+      return bLoaded - aLoaded;
+    });
+  }, [pointcloudsFiles]);
+  async function createPointCloud(name, uploadedBy) {
+    const res = await fetch(`${API_BASE}/point-cloud`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        name,
+        uploadedBy,
+        organizationName: organization == null ? void 0 : organization.name,
+        organizationId
+      })
+    });
+    if (!res.ok) {
+      const msg = await res.text();
+      throw new Error(`Create point-cloud failed: ${msg || res.status}`);
+    }
+    return res.json();
+  }
+  function uploadToPresignedUrl(url, file, onProgress) {
+    return new Promise((resolve, reject) => {
+      try {
+        const xhr = new XMLHttpRequest();
+        xhr.open("PUT", url, true);
+        if (onProgress) {
+          xhr.upload.onprogress = (evt) => {
+            if (evt.lengthComputable) {
+              const pct = Math.round(evt.loaded / evt.total * 100);
+              onProgress(pct);
+            }
+          };
+        }
+        xhr.onload = () => {
+          if (xhr.status >= 200 && xhr.status < 300) resolve();
+          else reject(new Error(`Upload failed with status ${xhr.status}`));
+        };
+        xhr.onerror = () => reject(new Error("Network error during upload"));
+        xhr.send(file);
+      } catch (err) {
+        reject(err);
+      }
+    });
+  }
+  async function startConversion(pointCloudId) {
+    const res = await fetch(
+      `${API_BASE}/point-cloud/${encodeURIComponent(pointCloudId)}/convert-to-potree`,
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ options: { sampling_method: "poisson" } })
+      }
+    );
+    if (!res.ok) {
+      const msg = await res.text();
+      throw new Error(`convert-to-potree failed: ${msg || res.status}`);
+    }
+    return res.json();
+  }
+  function subscribeToProgress(jobId, pointCloudId) {
+    if (!jobId) return;
+    if (esRef.current) {
+      esRef.current.close();
+    }
+    const es = new EventSource(
+      `${API_BASE}/events/convert-progress/${encodeURIComponent(jobId)}`
+    );
+    esRef.current = es;
+    es.onopen = () => console.log("SSE connection opened");
+    es.onerror = (event) => {
+      console.error("SSE error:", event);
+      setPointcloudsFiles(
+        (prev) => prev.map(
+          (pc) => Number(pc.id) === pointCloudId ? __spreadProps(__spreadValues({}, pc), { status: "idle", conversionProgress: 0 }) : pc
+        )
+      );
+    };
+    es.addEventListener("progress", (event) => {
+      try {
+        const msgEvent = event;
+        const data = JSON.parse(msgEvent.data);
+        console.log("[progress]", data.status, data.message, data.progress);
+        if (typeof data.progress === "number") {
+          setPointcloudsFiles(
+            (prev) => prev.map(
+              (pc) => Number(pc.id) === pointCloudId ? __spreadProps(__spreadValues({}, pc), { conversionProgress: data.progress }) : pc
+            )
+          );
+        }
+      } catch (err) {
+        console.error("Failed to parse progress event", err);
+      }
+    });
+    es.addEventListener("finished", () => {
+      console.log("[finished] Conversion completed");
+      setPointcloudsFiles(
+        (prev) => prev.map(
+          (pc) => Number(pc.id) === pointCloudId ? __spreadProps(__spreadValues({}, pc), { status: "idle", conversionProgress: 100 }) : pc
+        )
+      );
+      es.close();
+      esRef.current = null;
+    });
+    es.addEventListener("failed", () => {
+      console.log("[failed] Conversion failed");
+      setPointcloudsFiles(
+        (prev) => prev.map(
+          (pc) => Number(pc.id) === pointCloudId ? __spreadProps(__spreadValues({}, pc), { status: "idle", conversionProgress: 0 }) : pc
+        )
+      );
+      es.close();
+      esRef.current = null;
+    });
+  }
+  const handleFileUpload = async (file) => {
+    var _a3;
+    if (!file) return;
+    const originalFileName = file.name;
+    const fileExt = originalFileName.toLowerCase();
+    const baseFileName = originalFileName.replace(/\.(laz|las)$/i, "");
+    if (!fileExt.endsWith(".laz") && !fileExt.endsWith(".las")) {
+      alert("Please select a LAZ or LAS file.");
+      return;
+    }
+    let fileName = baseFileName;
+    let counter = 1;
+    const existingNames = pointcloudsFiles.map((pc) => pc.name);
+    while (existingNames.includes(fileName)) {
+      fileName = `${baseFileName} (${counter})`;
+      counter++;
+    }
+    try {
+      console.log("Creating point cloud entry...");
+      const userEmail = ((_a3 = session == null ? void 0 : session.user) == null ? void 0 : _a3.email) || null;
+      const { pointCloud, upload } = await createPointCloud(fileName, userEmail);
+      console.log("Point cloud created:", pointCloud.id);
+      console.log("Uploading file...");
+      await uploadToPresignedUrl(upload.uploadUrl, file, (pct) => {
+        console.log(`Upload progress: ${pct}%`);
+      });
+      console.log("Upload complete!");
+      console.log("Starting conversion...");
+      const conversion = await startConversion(pointCloud.id);
+      console.log("Conversion started:", conversion.jobId);
+      subscribeToProgress(conversion.jobId, Number(pointCloud.id));
+    } catch (error) {
+      console.error("Error uploading point cloud:", error);
+      alert(
+        error instanceof Error ? `Failed to upload: ${error.message}` : "Failed to upload point cloud"
+      );
+    }
+  };
+  const handleUpload = () => {
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = ".laz,.las";
+    input.onchange = (e) => {
+      var _a3;
+      const file = (_a3 = e.target.files) == null ? void 0 : _a3[0];
+      if (file) {
+        handleFileUpload(file);
+      }
+    };
+    input.click();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      CollapsibleSection,
+      {
+        title: t("title"),
+        icon: LR.Grip,
+        className: "h-1/2 overflow-y-auto",
+        itemCount: pointcloudsFiles.length,
+        onAddItem: handleUpload,
+        addItemTitle: t("uploadTitle"),
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: sortedFiles.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-3 text-sm text-muted-foreground text-center", children: t("noPointClouds") }) : sortedFiles.map((file) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(
+            FileItemComponent,
+            {
+              file,
+              onAction: handleAction,
+              options: POINT_CLOUD_OPTIONS
+            }
+          ) }),
+          Boolean(file.pointCloudUploaded) && !Boolean(file.pointCloudPotreeConverted) && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-6 w-6 p-0",
+              onClick: () => void handleConvert(file),
+              title: t("convertTitle"),
+              children: /* @__PURE__ */ jsx(LR.RefreshCw, { className: "h-3 w-3" })
+            }
+          )
+        ] }, file.id)) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        isOpen: deleteDialog.isOpen,
+        isDeleting: deleteDialog.isDeleting,
+        onOpenChange: deleteDialog.onOpenChange,
+        handleConfirm: deleteDialog.onConfirm,
+        itemName: deleteDialog.itemName,
+        dataType: "file"
+      }
+    )
+  ] });
+}
+export {
+  PointCloudsSection
+};
+//# sourceMappingURL=PointCloudSection.js.map