@collabdt/core 0.0.40

package/dist/core/components/ui/Sensors/SensorChart.js

@@ -0,0 +1,121 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as LR from "lucide-react";
+import { Area, AreaChart, CartesianGrid, XAxis } from "recharts";
+import {
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader,
+  CardTitle
+} from "../Card";
+import {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent
+} from "../chart";
+import { formatDuration } from "../../../utils/timeUtils";
+import { defaultPalette } from "./sensorUtils";
+function SensorChart({
+  sensorData,
+  isLoadingData,
+  sensorName,
+  sensorType,
+  updateFrequency,
+  chartConfig,
+  size = "md",
+  sensorTitle = "Sensor Data",
+  loadingText = "Loading data...",
+  noDataText = "No data available",
+  updateFrequencyText = "Update Frequency",
+  dataPointsText = "Data Points",
+  minColor,
+  midColor,
+  maxColor
+}) {
+  const { maxColour, midColour, minColour } = sensorType || { name: "Unknown", icon: "Radio" };
+  const finalMin = minColor || minColour || defaultPalette.min;
+  const finalMid = midColor || midColour || defaultPalette.mid;
+  const finalMax = maxColor || maxColour || defaultPalette.max;
+  const sizeClasses = {
+    sm: { height: "h-[150px]", titleSize: "text-sm", descSize: "text-xs", footerSize: "text-xs" },
+    md: { height: "h-[200px]", titleSize: "text-base", descSize: "text-sm", footerSize: "text-sm" },
+    lg: { height: "h-[300px]", titleSize: "text-lg", descSize: "text-base", footerSize: "text-sm" }
+  };
+  const currentSize = sizeClasses[size];
+  const gradientId = `gradient-${sensorName.replace(/\s+/g, "-").toLowerCase()}`;
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: currentSize.titleSize, children: sensorTitle }) }),
+    /* @__PURE__ */ jsx(CardContent, { children: isLoadingData ? /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-center ${currentSize.height} text-muted-foreground`, children: [
+      /* @__PURE__ */ jsx(LR.Loader2, { className: "h-6 w-6 animate-spin mr-2" }),
+      loadingText
+    ] }) : sensorData.length === 0 ? /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center ${currentSize.height} text-muted-foreground`, children: noDataText }) : /* @__PURE__ */ jsx(ChartContainer, { config: chartConfig, children: /* @__PURE__ */ jsxs(
+      AreaChart,
+      {
+        accessibilityLayer: true,
+        data: sensorData,
+        margin: { left: 12, right: 12, top: 10 },
+        children: [
+          /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: finalMax, stopOpacity: 0.8 }),
+            /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: finalMid, stopOpacity: 0.5 }),
+            /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: finalMin, stopOpacity: 0.2 })
+          ] }) }),
+          /* @__PURE__ */ jsx(CartesianGrid, { vertical: false, strokeDasharray: "3 3", opacity: 0.4 }),
+          /* @__PURE__ */ jsx(
+            XAxis,
+            {
+              dataKey: "time",
+              tickLine: false,
+              axisLine: false,
+              tickMargin: 8,
+              interval: "preserveStartEnd",
+              tickFormatter: (value) => {
+                if (value.endsWith(":00:00") || value.endsWith(":00")) {
+                  return value.substring(0, value.lastIndexOf(":"));
+                }
+                return "";
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ChartTooltip,
+            {
+              cursor: false,
+              content: /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: "line" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Area,
+            {
+              dataKey: "value",
+              type: "natural",
+              fill: `url(#${gradientId})`,
+              stroke: finalMax,
+              strokeWidth: 1,
+              fillOpacity: 1
+            }
+          )
+        ]
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx("div", { className: `flex w-full items-start gap-2 ${currentSize.footerSize}`, children: /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 leading-none text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(LR.Timer, { className: "h-4 w-4" }),
+        updateFrequencyText,
+        " ",
+        formatDuration(updateFrequency)
+      ] }),
+      sensorData.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 leading-none text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(LR.Database, { className: "h-4 w-4" }),
+        sensorData.length,
+        " ",
+        dataPointsText
+      ] })
+    ] }) }) })
+  ] });
+}
+export {
+  SensorChart
+};
+//# sourceMappingURL=SensorChart.js.map

package/dist/core/components/ui/Sensors/SensorChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/SensorChart.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { Area, AreaChart, CartesianGrid, XAxis } from 'recharts'\r\nimport {\r\n  Card,\r\n  CardContent,\r\n  CardFooter,\r\n  CardHeader,\r\n  CardTitle,\r\n} from '../Card'\r\nimport {\r\n  ChartContainer,\r\n  ChartTooltip,\r\n  ChartTooltipContent,\r\n  type ChartConfig,\r\n} from '../chart'\r\nimport { formatDuration } from '../../../utils/timeUtils'\r\nimport { defaultPalette } from './sensorUtils'\r\nimport { SensorType } from '../../../types/dbTypes'\r\n\r\ninterface SensorChartProps {\r\n  sensorData: { time: string; value: number }[]\r\n  isLoadingData: boolean\r\n  sensorName: string\r\n  sensorType: SensorType\r\n  updateFrequency: number\r\n  chartConfig: ChartConfig\r\n  size?: 'sm' | 'md' | 'lg'\r\n  sensorTitle?: string\r\n  loadingText?: string\r\n  noDataText?: string\r\n  updateFrequencyText?: string\r\n  dataPointsText?: string\r\n  minColor?: string\r\n  midColor?: string\r\n  maxColor?: string\r\n}\r\n\r\nexport function SensorChart({\r\n  sensorData,\r\n  isLoadingData,\r\n  sensorName,\r\n  sensorType,\r\n  updateFrequency,\r\n  chartConfig,\r\n  size = 'md',\r\n  sensorTitle = 'Sensor Data',\r\n  loadingText = 'Loading data...',\r\n  noDataText = 'No data available',\r\n  updateFrequencyText = 'Update Frequency',\r\n  dataPointsText = 'Data Points',\r\n  minColor,\r\n  midColor,\r\n  maxColor,\r\n}: SensorChartProps) {\r\n  \r\n    const { maxColour, midColour, minColour } = sensorType || { name: 'Unknown', icon: 'Radio' }\r\n\r\n  const finalMin = minColor || minColour || defaultPalette.min \r\n  const finalMid = midColor || midColour || defaultPalette.mid \r\n  const finalMax = maxColor || maxColour  || defaultPalette.max \r\n\r\n\r\n\r\n  const sizeClasses = {\r\n    sm: { height: 'h-[150px]', titleSize: 'text-sm', descSize: 'text-xs', footerSize: 'text-xs' },\r\n    md: { height: 'h-[200px]', titleSize: 'text-base', descSize: 'text-sm', footerSize: 'text-sm' },\r\n    lg: { height: 'h-[300px]', titleSize: 'text-lg', descSize: 'text-base', footerSize: 'text-sm' }\r\n  }\r\n  \r\n  const currentSize = sizeClasses[size]\r\n  const gradientId = `gradient-${sensorName.replace(/\\s+/g, '-').toLowerCase()}`\r\n  \r\n  return (\r\n    <Card>\r\n      <CardHeader>\r\n        <CardTitle className={currentSize.titleSize}>{sensorTitle}</CardTitle>\r\n      </CardHeader>\r\n      <CardContent>\r\n        {isLoadingData ? (\r\n          <div className={`flex items-center justify-center ${currentSize.height} text-muted-foreground`}>\r\n            <LR.Loader2 className=\"h-6 w-6 animate-spin mr-2\" />\r\n            {loadingText}\r\n          </div>\r\n        ) : sensorData.length === 0 ? (\r\n          <div className={`flex items-center justify-center ${currentSize.height} text-muted-foreground`}>\r\n            {noDataText}\r\n          </div>\r\n        ) : (\r\n          <ChartContainer config={chartConfig}>\r\n            <AreaChart\r\n              accessibilityLayer\r\n              data={sensorData}\r\n              margin={{ left: 12, right: 12, top: 10 }}\r\n            >\r\n              <defs>\r\n                <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                  <stop offset=\"5%\" stopColor={finalMax} stopOpacity={0.8} />\r\n                  <stop offset=\"50%\" stopColor={finalMid} stopOpacity={0.5} />\r\n                  <stop offset=\"95%\" stopColor={finalMin} stopOpacity={0.2} />\r\n                </linearGradient>\r\n              </defs>\r\n              \r\n              <CartesianGrid vertical={false} strokeDasharray=\"3 3\" opacity={0.4} />\r\n              <XAxis\r\n                dataKey=\"time\"\r\n                tickLine={false}\r\n                axisLine={false}\r\n                tickMargin={8}\r\n                interval=\"preserveStartEnd\"\r\n                tickFormatter={(value) => {\r\n                  if (value.endsWith(':00:00') || value.endsWith(':00')) {\r\n                    return value.substring(0, value.lastIndexOf(':'))\r\n                  }\r\n                  return ''\r\n                }}\r\n              />\r\n              <ChartTooltip\r\n                cursor={false}\r\n                content={<ChartTooltipContent indicator=\"line\" />}\r\n              />\r\n              <Area\r\n                dataKey=\"value\"\r\n                type=\"natural\"\r\n                fill={`url(#${gradientId})`}\r\n                stroke={finalMax}\r\n                strokeWidth={1}\r\n                fillOpacity={1}\r\n              />\r\n            </AreaChart>\r\n          </ChartContainer>\r\n        )}\r\n      </CardContent>\r\n      <CardFooter>\r\n        <div className={`flex w-full items-start gap-2 ${currentSize.footerSize}`}>\r\n          <div className=\"grid gap-2\">\r\n            <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\r\n              <LR.Timer className=\"h-4 w-4\" />\r\n              {updateFrequencyText} {formatDuration(updateFrequency)}\r\n            </div>\r\n            {sensorData.length > 0 && (\r\n              <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\r\n                <LR.Database className=\"h-4 w-4\" />\r\n                {sensorData.length} {dataPointsText}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </CardFooter>\r\n    </Card>\r\n  )\r\n}"],"mappings":"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","names":[]}

package/dist/core/components/ui/Sensors/SensorInput.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { ViewerNames } from '../../../types/dbTypes';
+export type SensorInputLayout = 'inline' | 'dialog';
+export type BimSensorPlacementContext = {
+    world: any;
+    raycast: (data: {
+        camera: any;
+        mouse: any;
+        dom: any;
+    }) => Promise<any>;
+    buildingId?: number;
+    setCursor?: (cursor: string) => void;
+    addPendingMarker?: (position: {
+        x: number;
+        y: number;
+        z: number;
+    }) => number;
+    removePendingMarker?: (id: number) => void;
+};
+export type SensorInputProps = {
+    viewer: ViewerNames;
+    layout?: SensorInputLayout;
+    onCancel?: () => void;
+    bim?: BimSensorPlacementContext;
+    isOpen?: boolean;
+};
+export declare function SensorInput({ viewer, layout, onCancel, bim, isOpen, }: SensorInputProps): React.JSX.Element;
+//# sourceMappingURL=SensorInput.d.ts.map

package/dist/core/components/ui/Sensors/SensorInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SensorInput.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/SensorInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,OAAO,EAAU,WAAW,EAAoB,MAAM,wBAAwB,CAAA;AAM9E,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEnD,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAA;KAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IAC5E,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,GAAG,CAAC,EAAE,yBAAyB,CAAA;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAYD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,MAAiB,EACjB,QAAQ,EACR,GAAG,EACH,MAAc,GACf,EAAE,gBAAgB,qBAmdlB"}

package/dist/core/components/ui/Sensors/SensorInput.js

@@ -0,0 +1,451 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { useSession } from "next-auth/react";
+import { Radio } from "lucide-react";
+import { cn } from "../../../utils/utils";
+import { Button } from "../Button";
+import { AddItemDialog } from "../AddItemDialog";
+import { Input } from "../Input";
+import { Label } from "../Label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../Select";
+import { Separator } from "../Separator";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../Tooltip";
+import { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from "../../../store";
+import { ViewerNames, SensorDataFormat } from "../../../types/dbTypes";
+import { useCreateSensor } from "../../../hooks/sensors/sensors";
+import { frequencyUnits } from "../../../utils/timeUtils";
+import { useSensorTypes } from "../../../hooks/sensorTypes/sensorTypes";
+import { SensorTagsSection } from "./SensorTagsSection";
+function SensorInput({
+  viewer,
+  layout = "dialog",
+  onCancel,
+  bim,
+  isOpen = false
+}) {
+  var _a, _b, _c, _d, _e;
+  const t = useTranslations("SensorInput");
+  const session = useSession();
+  const user = (_a = session.data) == null ? void 0 : _a.user;
+  const organizationId = user == null ? void 0 : user.organizationId;
+  const authorId = ((_c = (_b = session.data) == null ? void 0 : _b.user) == null ? void 0 : _c.id) || -1;
+  const { state: appConfigState } = React.useContext(AppConfigContext);
+  const mapContext = React.useContext(MapContext);
+  const { state: buildingsState } = React.useContext(BuildingsContext);
+  const buildingId = ((_e = (_d = buildingsState == null ? void 0 : buildingsState.buildings) == null ? void 0 : _d.building) == null ? void 0 : _e.id) || -1;
+  const { state: toolsState } = React.useContext(ToolsContext);
+  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext);
+  const { currentSensorTypeId } = menusState.menus;
+  const [sensors, setSensors] = React.useState([
+    {
+      typeId: currentSensorTypeId != null ? currentSensorTypeId : -1,
+      name: "",
+      data: "",
+      dataFormat: SensorDataFormat.Json,
+      updateFrequency: 1,
+      updateFrequencyUnit: 1e3,
+      tags: []
+    }
+  ]);
+  const [currentSensorIndex, setCurrentSensorIndex] = React.useState(0);
+  const [isPlacing, setIsPlacing] = React.useState(false);
+  React.useEffect(() => {
+    if (!isOpen) return;
+    setSensors([
+      {
+        typeId: currentSensorTypeId != null ? currentSensorTypeId : -1,
+        name: "",
+        data: "",
+        dataFormat: SensorDataFormat.Json,
+        updateFrequency: 1,
+        updateFrequencyUnit: 1e3,
+        tags: []
+      }
+    ]);
+    setCurrentSensorIndex(0);
+  }, [isOpen]);
+  const { createSensor } = useCreateSensor();
+  const setCursor = React.useCallback(
+    (cursor) => {
+      var _a2, _b2, _c2;
+      if (viewer === ViewerNames.map) {
+        const map = (_b2 = (_a2 = mapContext == null ? void 0 : mapContext.state) == null ? void 0 : _a2.map) == null ? void 0 : _b2.map;
+        if (!map) return;
+        if (map.getCanvas().style.cursor === cursor) return;
+        map.getCanvas().style.cursor = cursor;
+        return;
+      }
+      if (viewer === ViewerNames.bim) {
+        (_c2 = bim == null ? void 0 : bim.setCursor) == null ? void 0 : _c2.call(bim, cursor);
+      }
+    },
+    [bim, mapContext, viewer]
+  );
+  const reset = React.useCallback(() => {
+    setIsPlacing(false);
+    setSensors([
+      {
+        typeId: currentSensorTypeId != null ? currentSensorTypeId : -1,
+        name: "",
+        data: "",
+        dataFormat: SensorDataFormat.Json,
+        updateFrequency: 1,
+        updateFrequencyUnit: 1e3,
+        tags: []
+      }
+    ]);
+    setCurrentSensorIndex(0);
+    setCursor("");
+    menusDispatch({ type: "SET_CURRENT_SENSOR_TYPE_ID", payload: { currentSensorTypeId: null } });
+  }, [setCursor, currentSensorTypeId]);
+  const onCreateSensor = async (sensorData) => {
+    await createSensor({ sensorData });
+    if (sensorData.typeId) {
+      menusDispatch({
+        type: "TOGGLE_SENSOR_TYPE_VISIBILITY",
+        payload: {
+          viewer,
+          sensorTypeId: sensorData.typeId,
+          force: true
+        }
+      });
+    }
+    reset();
+    onCancel == null ? void 0 : onCancel();
+  };
+  React.useEffect(() => {
+    var _a2, _b2;
+    if (!isPlacing) return;
+    if (viewer === ViewerNames.map) {
+      const map = (_b2 = (_a2 = mapContext == null ? void 0 : mapContext.state) == null ? void 0 : _a2.map) == null ? void 0 : _b2.map;
+      if (!map) return;
+      const mouseMoveCrosshairHandler = () => {
+        setCursor("crosshair");
+      };
+      const dbClickAddSensorHandler = (e) => {
+        var _a3, _b3;
+        const longitude = (_a3 = e == null ? void 0 : e.lngLat) == null ? void 0 : _a3.lng;
+        const latitude = (_b3 = e == null ? void 0 : e.lngLat) == null ? void 0 : _b3.lat;
+        if (typeof longitude !== "number" || typeof latitude !== "number") return;
+        const elevation = map.queryTerrainElevation([latitude, longitude]) || 0;
+        const currentSensor = sensors[currentSensorIndex];
+        const updateFrequencyMs = currentSensor.updateFrequency * currentSensor.updateFrequencyUnit;
+        const newSensor = {
+          authorId: Number(user == null ? void 0 : user.id),
+          organizationId,
+          typeId: currentSensor.typeId,
+          name: currentSensor.name,
+          data: currentSensor.data,
+          dataFormat: currentSensor.dataFormat,
+          updateFrequency: updateFrequencyMs,
+          url: currentSensor.data,
+          visible: true,
+          longitude,
+          latitude,
+          elevation,
+          viewer: ViewerNames.map,
+          tags: currentSensor.tags
+        };
+        onCreateSensor(newSensor);
+      };
+      map.on("mousemove", mouseMoveCrosshairHandler);
+      map.on("dblclick", dbClickAddSensorHandler);
+      return () => {
+        setCursor("");
+        map.off("mousemove", mouseMoveCrosshairHandler);
+        map.off("dblclick", dbClickAddSensorHandler);
+      };
+    }
+    if (viewer === ViewerNames.bim) {
+      const world = bim == null ? void 0 : bim.world;
+      const raycast = bim == null ? void 0 : bim.raycast;
+      if (!world || !raycast) return;
+      let disposed = false;
+      let removeListeners = null;
+      (async () => {
+        const THREE = await import("three");
+        if (disposed) return;
+        const mouse = new THREE.Vector2();
+        const handleMouseMove = (e) => {
+          mouse.x = e.clientX;
+          mouse.y = e.clientY;
+        };
+        const handleDblClick = async (e) => {
+          var _a3, _b3, _c2, _d2, _e2;
+          mouse.x = e.clientX;
+          mouse.y = e.clientY;
+          const result = await raycast({
+            camera: (_a3 = world.camera) == null ? void 0 : _a3.three,
+            mouse,
+            dom: (_c2 = (_b3 = world.renderer) == null ? void 0 : _b3.three) == null ? void 0 : _c2.domElement
+          });
+          if (!(result == null ? void 0 : result.point)) return;
+          const p = result.point;
+          const currentSensor = sensors[currentSensorIndex];
+          const updateFrequencyMs = currentSensor.updateFrequency * currentSensor.updateFrequencyUnit;
+          const pendingId = (_d2 = bim == null ? void 0 : bim.addPendingMarker) == null ? void 0 : _d2.call(bim, { x: p.x, y: p.y, z: p.z });
+          const newSensor = {
+            authorId: Number(authorId),
+            organizationId,
+            typeId: currentSensor.typeId,
+            name: currentSensor.name,
+            data: currentSensor.data,
+            dataFormat: currentSensor.dataFormat,
+            updateFrequency: updateFrequencyMs,
+            url: currentSensor.data,
+            x: p.x,
+            y: p.y,
+            z: p.z,
+            visible: true,
+            buildingId,
+            viewer,
+            tags: currentSensor.tags
+          };
+          try {
+            await onCreateSensor(newSensor);
+          } finally {
+            if (pendingId) {
+              (_e2 = bim == null ? void 0 : bim.removePendingMarker) == null ? void 0 : _e2.call(bim, pendingId);
+            }
+          }
+        };
+        document.addEventListener("mousemove", handleMouseMove);
+        document.addEventListener("dblclick", handleDblClick);
+        removeListeners = () => {
+          document.removeEventListener("mousemove", handleMouseMove);
+          document.removeEventListener("dblclick", handleDblClick);
+        };
+      })();
+      return () => {
+        disposed = true;
+        setCursor("");
+        removeListeners == null ? void 0 : removeListeners();
+      };
+    }
+  }, [
+    appConfigState,
+    bim,
+    isPlacing,
+    mapContext,
+    viewer,
+    onCancel,
+    reset,
+    setCursor,
+    sensors,
+    currentSensorIndex,
+    authorId,
+    organizationId,
+    buildingId,
+    user == null ? void 0 : user.id
+  ]);
+  const updateSensor = (index, field, value) => {
+    setSensors(
+      (prev) => prev.map((sensor, i) => i === index ? __spreadProps(__spreadValues({}, sensor), { [field]: value }) : sensor)
+    );
+  };
+  const addAnotherSensor = () => {
+    setSensors((prev) => [
+      ...prev,
+      {
+        typeId: -1,
+        name: "",
+        data: "",
+        dataFormat: SensorDataFormat.Json,
+        updateFrequency: 1,
+        updateFrequencyUnit: 1e3,
+        tags: []
+      }
+    ]);
+  };
+  const addTag = (index, tag) => {
+    setSensors(
+      (prev) => prev.map(
+        (sensor, i) => i === index ? __spreadProps(__spreadValues({}, sensor), { tags: [...sensor.tags, tag] }) : sensor
+      )
+    );
+  };
+  const removeTag = (index, tag) => {
+    setSensors(
+      (prev) => prev.map(
+        (sensor, i) => i === index ? __spreadProps(__spreadValues({}, sensor), { tags: sensor.tags.filter((t2) => t2 !== tag) }) : sensor
+      )
+    );
+  };
+  const onPlaceSensor = (index) => {
+    console.log("[SensorInput] onPlaceSensor called, index:", index);
+    const sensor = sensors[index];
+    if (!sensor.name.trim() || !sensor.data.trim()) {
+      return;
+    }
+    setCurrentSensorIndex(index);
+    setIsPlacing(true);
+    setCursor("crosshair");
+  };
+  const { sensorTypes } = useSensorTypes();
+  const placeSensorTooltip = viewer === ViewerNames.map ? t("placeSensorTooltipMap") : t("placeSensorTooltipBim");
+  const sensorForm = /* @__PURE__ */ jsx("div", { className: "space-y-6", children: sensors.map((sensor, index) => /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    index > 0 && /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: `type-${index}`, children: t("type") }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: sensor.typeId === -1 ? void 0 : String(sensor.typeId),
+            onValueChange: (value) => updateSensor(index, "typeId", Number(value)),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { id: `type-${index}`, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("selectType") }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: sensorTypes.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: String(type.id), children: type.name.replace(/_/g, " ") }, type.id)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: `name-${index}`, children: t("name") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: `name-${index}`,
+            type: "text",
+            value: sensor.name,
+            onChange: (e) => updateSensor(index, "name", e.target.value),
+            placeholder: t("namePlaceholder")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: `data-${index}`, children: t("dataUrl") }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: `data-${index}`,
+          type: "text",
+          value: sensor.data,
+          onChange: (e) => updateSensor(index, "data", e.target.value),
+          placeholder: t("dataUrlPlaceholder")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: `dataFormat-${index}`, children: t("dataFormat") }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: sensor.dataFormat,
+            onValueChange: (value) => updateSensor(index, "dataFormat", value),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { id: `dataFormat-${index}`, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("selectFormat") }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: Object.values(SensorDataFormat).map((format) => /* @__PURE__ */ jsx(SelectItem, { value: format, children: format }, format)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: `frequency-${index}`, children: t("updateFrequency") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: `frequency-${index}`,
+              type: "number",
+              min: "1",
+              value: sensor.updateFrequency,
+              onChange: (e) => updateSensor(index, "updateFrequency", parseFloat(e.target.value) || 1),
+              placeholder: t("frequencyPlaceholder"),
+              className: "flex-1"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: String(sensor.updateFrequencyUnit),
+              onValueChange: (value) => updateSensor(index, "updateFrequencyUnit", Number(value)),
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[140px]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: frequencyUnits.map((unit) => /* @__PURE__ */ jsx(SelectItem, { value: String(unit.value), children: unit.label }, unit.value)) })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { children: t("tags") }),
+      /* @__PURE__ */ jsx(
+        SensorTagsSection,
+        {
+          tags: sensor.tags,
+          variant: "edit",
+          onAdd: async (tag) => addTag(index, tag),
+          onDelete: async (tag) => removeTag(index, tag)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          onClick: () => onPlaceSensor(index),
+          disabled: !sensor.name.trim() || !sensor.data.trim(),
+          className: "w-full",
+          children: t("placeSensor")
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: placeSensorTooltip }) })
+    ] }) })
+  ] }, index)) });
+  if (layout === "dialog") {
+    if (isPlacing) {
+      return /* @__PURE__ */ jsx("div", { style: { display: "none" } });
+    }
+    return /* @__PURE__ */ jsx(
+      AddItemDialog,
+      {
+        open: isOpen,
+        onOpenChange: (open) => !open && (onCancel == null ? void 0 : onCancel()),
+        title: t("title"),
+        icon: Radio,
+        contentClassName: "max-w-2xl max-h-[90vh] overflow-y-auto",
+        children: sensorForm
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4 p-4"), children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: t("title") }),
+    sensorForm
+  ] });
+}
+export {
+  SensorInput
+};
+//# sourceMappingURL=SensorInput.js.map