@collabdt/core 0.3.1 → 0.3.2

package/dist/core/components/viewers/map/src/MapFeaturePopoverMenu/src/OpenDataFeaturePopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenDataFeaturePopover.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/components/viewers/map/src/MapFeaturePopoverMenu/src/OpenDataFeaturePopover.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAEpD,UAAU,2BAA2B;IACnC,OAAO,EAAE,iBAAiB,CAAA;IAC1B,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,OAAO,EACP,MAAM,EACN,aAAa,GACd,EAAE,2BAA2B,qBAqL7B"}
+{"version":3,"file":"OpenDataFeaturePopover.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/components/viewers/map/src/MapFeaturePopoverMenu/src/OpenDataFeaturePopover.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAEpD,UAAU,2BAA2B;IACnC,OAAO,EAAE,iBAAiB,CAAA;IAC1B,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,OAAO,EACP,MAAM,EACN,aAAa,GACd,EAAE,2BAA2B,qBAmL7B"}

package/dist/core/components/viewers/map/src/MapFeaturePopoverMenu/src/OpenDataFeaturePopover.js

@@ -82,7 +82,6 @@ function OpenDataFeaturePopover({
   const isUrl = (value) => {
     return value.startsWith("http://") || value.startsWith("https://");
   };
-  console.log("Feature Properties:", featureProps);
   const datasetName = featureProps.datasetName ? featureProps.datasetName.replaceAll("_", " ") : t("unknownDataset");
   const dataset = addedDatasets.find((d) => d.name === featureProps.datasetName);
   const datasetColor = dataset ? dataset.layerColor.color : stringToColour(datasetName);

package/dist/core/components/viewers/map/src/MapFeaturePopoverMenu/src/OpenDataFeaturePopover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/core/components/viewers/map/src/MapFeaturePopoverMenu/src/OpenDataFeaturePopover.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\n\r\n// Shadcn Components\r\nimport { DatasetsContext } from '../../../../../../store/Datasets/context'\r\nimport { Button } from '../../../../../ui/Button'\r\nimport ColorCircle from '../../../../../ui/ColorCircle'\r\nimport { PopoverContent } from '../../../../../ui/Popover'\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableHead,\r\n  TableHeader,\r\n  TableRow,\r\n} from '../../../../../ui/Table'\r\n\r\n// Icons\r\n\r\n// Types / Utilities\r\nimport { stringToColour } from '../../../utils/stringToColour'\r\n\r\nimport type { MapGeoJSONFeature } from 'maplibre-gl'\r\n\r\ninterface OpenDataFeaturePopoverProps {\r\n  feature: MapGeoJSONFeature\r\n  isOpen: boolean\r\n  onCloseAction: () => void\r\n}\r\n\r\nexport default function OpenDataFeaturePopover({\r\n  feature,\r\n  isOpen,\r\n  onCloseAction,\r\n}: OpenDataFeaturePopoverProps) {\r\n  // Translation\r\n  const t = useTranslations('OpenDataFeaturePopover')\r\n\r\n  const {state: datasetsState} = React.useContext(DatasetsContext)\r\n  const {addedDatasets} = datasetsState.datasets\r\n\r\n  const featureProps = feature?.properties || {}\r\n  // Filter out properties that are null, undefined, empty strings, or coordinate-related\r\n  const validProperties = Object.entries(featureProps)\r\n    .filter(([key, value]) => {\r\n      // Check for null, undefined, or empty string values\r\n      const lowValue = String(value).toLowerCase()\r\n      if (\r\n        value === null\r\n        || value === undefined\r\n        || value === ''\r\n        || lowValue === 'null'\r\n        || lowValue === 'undefined'\r\n        || lowValue === 'none'\r\n      ) {\r\n        return false\r\n      }\r\n\r\n      // Filter out coordinate-related properties\r\n      const lowerKey = key.toLowerCase()\r\n      const excludingKeys = [\r\n        'globalid',\r\n        'latitude',\r\n        'lat',\r\n        'longitude',\r\n        'lng',\r\n        'lon',\r\n        'coordinates',\r\n        'coordina',\r\n        'x',\r\n        'y',\r\n        'z',\r\n        'geometry',\r\n        'cluster',\r\n        'cluster_id',\r\n        'point_count_abbreviated',\r\n        'datasetName',\r\n        'datasetColor',\r\n      ]\r\n      return !excludingKeys.includes(lowerKey)\r\n    })\r\n    .sort(([keyA], [keyB]) => {\r\n      const aHasName = keyA.toLowerCase().includes('name')\r\n      const bHasName = keyB.toLowerCase().includes('name')\r\n      if (aHasName && !bHasName) return -1\r\n      if (!aHasName && bHasName) return 1\r\n      return 0\r\n    })\r\n\r\n  // Function to format property names (convert snake_case to readable format)\r\n  const formatPropertyName = (key: string): string => {\r\n    return key\r\n      .replaceAll('_', ' ')\r\n      .replaceAll(/\\b\\w/g, l => l.toUpperCase())\r\n  }\r\n\r\n  // Function to format property values\r\n  const formatPropertyValue = (value: any, key?: string): string => {\r\n    if (typeof value === 'boolean') {\r\n      return value ? 'Yes' : 'No'\r\n    }\r\n    if (typeof value === 'number') {\r\n      // Don't add commas for year-like fields\r\n      if (key && key.toLowerCase().includes('year')) {\r\n        return value.toString()\r\n      }\r\n      return value.toLocaleString()\r\n    }\r\n    if (typeof value === 'string') {\r\n      // Handle URLs\r\n      if (value.startsWith('http://') || value.startsWith('https://')) {\r\n        return value\r\n      }\r\n      return value\r\n    }\r\n    return String(value)\r\n  }\r\n\r\n  // Function to check if value is a URL\r\n  const isUrl = (value: string): boolean => {\r\n    return value.startsWith('http://') || value.startsWith('https://')\r\n  }\r\n\r\n  console.log('Feature Properties:', featureProps)\r\n\r\n  const datasetName = (featureProps.datasetName ? featureProps.datasetName.replaceAll('_', ' ') : t('unknownDataset'))\r\n  const dataset = addedDatasets.find(d => d.name === featureProps.datasetName)\r\n  const datasetColor = dataset ? dataset.layerColor.color : stringToColour(datasetName)\r\n\r\n  return (\r\n    <PopoverContent className=\"w-80 -m-1\" side=\"top\">\r\n      <div className=\"grid gap-4\">\r\n        <Button\r\n          onClick={onCloseAction}\r\n          variant=\"ghost\"\r\n          className=\"absolute top-1 right-2 p-1 text-muted-foreground hover:text-foreground\"\r\n          aria-label=\"Close\"\r\n        >\r\n          <LR.X className=\"w-4 h-4\" />\r\n        </Button>\r\n        <div className=\"space-y-2\">\r\n          <div className=\"flex items-center gap-2\">\r\n            <LR.Database className=\"w-4 h-4\" />\r\n            <h4 className=\"font-medium leading-none\">{t('propertiesHeader')}</h4>\r\n          </div>\r\n          {/* Circle with the dataset color */}\r\n          <div className=\"flex items-center gap-2 pl-[2px]\">\r\n            <ColorCircle color={datasetColor} size={14} />\r\n            <p className=\"text-xs text-muted-foreground\">\r\n              {datasetName}\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        {validProperties.length > 0\r\n          ? (\r\n              <div className=\"max-h-64 overflow-auto\">\r\n                <Table>\r\n                  <TableHeader>\r\n                    <TableRow>\r\n                      <TableHead className=\"w-1/3 text-xs\">{t('propertyTableHead')}</TableHead>\r\n                      <TableHead className=\"text-xs\">{t('valueTableHead')}</TableHead>\r\n                    </TableRow>\r\n                  </TableHeader>\r\n                  <TableBody>\r\n                    {validProperties.map(([key, value]) => (\r\n                      <TableRow key={key}>\r\n                        <TableCell className=\"font-medium text-xs py-2\">\r\n                          {formatPropertyName(key)}\r\n                        </TableCell>\r\n                        <TableCell className=\"text-xs py-2\">\r\n                          {isUrl(String(value))\r\n                            ? (\r\n                                <a\r\n                                  href={String(value)}\r\n                                  target=\"_blank\"\r\n                                  rel=\"noopener noreferrer\"\r\n                                  className=\"text-blue-600 hover:text-blue-800 underline break-all\"\r\n                                >\r\n                                  {formatPropertyValue(value, key)}\r\n                                </a>\r\n                              )\r\n                            : (\r\n                                <span className=\"break-words\">\r\n                                  {formatPropertyValue(value, key)}\r\n                                </span>\r\n                              )}\r\n                        </TableCell>\r\n                      </TableRow>\r\n                    ))}\r\n                  </TableBody>\r\n                </Table>\r\n              </div>\r\n            )\r\n          : (\r\n              <div className=\"text-center py-4\">\r\n                <LR.FileX className=\"w-8 h-8 text-muted-foreground mx-auto mb-2\" />\r\n                <p className=\"text-sm text-muted-foreground\">\r\n                  {t('noPropertyAvail')}\r\n                </p>\r\n              </div>\r\n            )}\r\n\r\n        {validProperties.length > 10 && (\r\n          <div className=\"text-xs text-muted-foreground text-center\">\r\n            {t('showing')}\r\n            {' '}\r\n            {validProperties.length}\r\n            {' '}\r\n            {t('properties')}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </PopoverContent>\r\n  )\r\n}\r\n"],"mappings":";AAiJU,cAGA,YAHA;AA3IV,YAAY,QAAQ;AACpB,SAAS,uBAAuB;AAChC,YAAY,WAAW;AAGvB,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,OAAO,iBAAiB;AACxB,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKP,SAAS,sBAAsB;AAUhB,SAAR,uBAAwC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAE9B,QAAM,IAAI,gBAAgB,wBAAwB;AAElD,QAAM,EAAC,OAAO,cAAa,IAAI,MAAM,WAAW,eAAe;AAC/D,QAAM,EAAC,cAAa,IAAI,cAAc;AAEtC,QAAM,gBAAe,mCAAS,eAAc,CAAC;AAE7C,QAAM,kBAAkB,OAAO,QAAQ,YAAY,EAChD,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM;AAExB,UAAM,WAAW,OAAO,KAAK,EAAE,YAAY;AAC3C,QACE,UAAU,QACP,UAAU,UACV,UAAU,MACV,aAAa,UACb,aAAa,eACb,aAAa,QAChB;AACA,aAAO;AAAA,IACT;AAGA,UAAM,WAAW,IAAI,YAAY;AACjC,UAAM,gBAAgB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,WAAO,CAAC,cAAc,SAAS,QAAQ;AAAA,EACzC,CAAC,EACA,KAAK,CAAC,CAAC,IAAI,GAAG,CAAC,IAAI,MAAM;AACxB,UAAM,WAAW,KAAK,YAAY,EAAE,SAAS,MAAM;AACnD,UAAM,WAAW,KAAK,YAAY,EAAE,SAAS,MAAM;AACnD,QAAI,YAAY,CAAC,SAAU,QAAO;AAClC,QAAI,CAAC,YAAY,SAAU,QAAO;AAClC,WAAO;AAAA,EACT,CAAC;AAGH,QAAM,qBAAqB,CAAC,QAAwB;AAClD,WAAO,IACJ,WAAW,KAAK,GAAG,EACnB,WAAW,SAAS,OAAK,EAAE,YAAY,CAAC;AAAA,EAC7C;AAGA,QAAM,sBAAsB,CAAC,OAAY,QAAyB;AAChE,QAAI,OAAO,UAAU,WAAW;AAC9B,aAAO,QAAQ,QAAQ;AAAA,IACzB;AACA,QAAI,OAAO,UAAU,UAAU;AAE7B,UAAI,OAAO,IAAI,YAAY,EAAE,SAAS,MAAM,GAAG;AAC7C,eAAO,MAAM,SAAS;AAAA,MACxB;AACA,aAAO,MAAM,eAAe;AAAA,IAC9B;AACA,QAAI,OAAO,UAAU,UAAU;AAE7B,UAAI,MAAM,WAAW,SAAS,KAAK,MAAM,WAAW,UAAU,GAAG;AAC/D,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AACA,WAAO,OAAO,KAAK;AAAA,EACrB;AAGA,QAAM,QAAQ,CAAC,UAA2B;AACxC,WAAO,MAAM,WAAW,SAAS,KAAK,MAAM,WAAW,UAAU;AAAA,EACnE;AAEA,UAAQ,IAAI,uBAAuB,YAAY;AAE/C,QAAM,cAAe,aAAa,cAAc,aAAa,YAAY,WAAW,KAAK,GAAG,IAAI,EAAE,gBAAgB;AAClH,QAAM,UAAU,cAAc,KAAK,OAAK,EAAE,SAAS,aAAa,WAAW;AAC3E,QAAM,eAAe,UAAU,QAAQ,WAAW,QAAQ,eAAe,WAAW;AAEpF,SACE,oBAAC,kBAAe,WAAU,aAAY,MAAK,OACzC,+BAAC,SAAI,WAAU,cACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,8BAAC,GAAG,GAAH,EAAK,WAAU,WAAU;AAAA;AAAA,IAC5B;AAAA,IACA,qBAAC,SAAI,WAAU,aACb;AAAA,2BAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,GAAG,UAAH,EAAY,WAAU,WAAU;AAAA,QACjC,oBAAC,QAAG,WAAU,4BAA4B,YAAE,kBAAkB,GAAE;AAAA,SAClE;AAAA,MAEA,qBAAC,SAAI,WAAU,oCACb;AAAA,4BAAC,eAAY,OAAO,cAAc,MAAM,IAAI;AAAA,QAC5C,oBAAC,OAAE,WAAU,iCACV,uBACH;AAAA,SACF;AAAA,OACF;AAAA,IAEC,gBAAgB,SAAS,IAEpB,oBAAC,SAAI,WAAU,0BACb,+BAAC,SACC;AAAA,0BAAC,eACC,+BAAC,YACC;AAAA,4BAAC,aAAU,WAAU,iBAAiB,YAAE,mBAAmB,GAAE;AAAA,QAC7D,oBAAC,aAAU,WAAU,WAAW,YAAE,gBAAgB,GAAE;AAAA,SACtD,GACF;AAAA,MACA,oBAAC,aACE,0BAAgB,IAAI,CAAC,CAAC,KAAK,KAAK,MAC/B,qBAAC,YACC;AAAA,4BAAC,aAAU,WAAU,4BAClB,6BAAmB,GAAG,GACzB;AAAA,QACA,oBAAC,aAAU,WAAU,gBAClB,gBAAM,OAAO,KAAK,CAAC,IAEd;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,OAAO,KAAK;AAAA,YAClB,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YAET,8BAAoB,OAAO,GAAG;AAAA;AAAA,QACjC,IAGA,oBAAC,UAAK,WAAU,eACb,8BAAoB,OAAO,GAAG,GACjC,GAER;AAAA,WArBa,GAsBf,CACD,GACH;AAAA,OACF,GACF,IAGA,qBAAC,SAAI,WAAU,oBACb;AAAA,0BAAC,GAAG,OAAH,EAAS,WAAU,8CAA6C;AAAA,MACjE,oBAAC,OAAE,WAAU,iCACV,YAAE,iBAAiB,GACtB;AAAA,OACF;AAAA,IAGL,gBAAgB,SAAS,MACxB,qBAAC,SAAI,WAAU,6CACZ;AAAA,QAAE,SAAS;AAAA,MACX;AAAA,MACA,gBAAgB;AAAA,MAChB;AAAA,MACA,EAAE,YAAY;AAAA,OACjB;AAAA,KAEJ,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../../../src/core/components/viewers/map/src/MapFeaturePopoverMenu/src/OpenDataFeaturePopover.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\n\r\n// Shadcn Components\r\nimport { DatasetsContext } from '../../../../../../store/Datasets/context'\r\nimport { Button } from '../../../../../ui/Button'\r\nimport ColorCircle from '../../../../../ui/ColorCircle'\r\nimport { PopoverContent } from '../../../../../ui/Popover'\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableHead,\r\n  TableHeader,\r\n  TableRow,\r\n} from '../../../../../ui/Table'\r\n\r\n// Icons\r\n\r\n// Types / Utilities\r\nimport { stringToColour } from '../../../utils/stringToColour'\r\n\r\nimport type { MapGeoJSONFeature } from 'maplibre-gl'\r\n\r\ninterface OpenDataFeaturePopoverProps {\r\n  feature: MapGeoJSONFeature\r\n  isOpen: boolean\r\n  onCloseAction: () => void\r\n}\r\n\r\nexport default function OpenDataFeaturePopover({\r\n  feature,\r\n  isOpen,\r\n  onCloseAction,\r\n}: OpenDataFeaturePopoverProps) {\r\n  // Translation\r\n  const t = useTranslations('OpenDataFeaturePopover')\r\n\r\n  const {state: datasetsState} = React.useContext(DatasetsContext)\r\n  const {addedDatasets} = datasetsState.datasets\r\n\r\n  const featureProps = feature?.properties || {}\r\n  // Filter out properties that are null, undefined, empty strings, or coordinate-related\r\n  const validProperties = Object.entries(featureProps)\r\n    .filter(([key, value]) => {\r\n      // Check for null, undefined, or empty string values\r\n      const lowValue = String(value).toLowerCase()\r\n      if (\r\n        value === null\r\n        || value === undefined\r\n        || value === ''\r\n        || lowValue === 'null'\r\n        || lowValue === 'undefined'\r\n        || lowValue === 'none'\r\n      ) {\r\n        return false\r\n      }\r\n\r\n      // Filter out coordinate-related properties\r\n      const lowerKey = key.toLowerCase()\r\n      const excludingKeys = [\r\n        'globalid',\r\n        'latitude',\r\n        'lat',\r\n        'longitude',\r\n        'lng',\r\n        'lon',\r\n        'coordinates',\r\n        'coordina',\r\n        'x',\r\n        'y',\r\n        'z',\r\n        'geometry',\r\n        'cluster',\r\n        'cluster_id',\r\n        'point_count_abbreviated',\r\n        'datasetName',\r\n        'datasetColor',\r\n      ]\r\n      return !excludingKeys.includes(lowerKey)\r\n    })\r\n    .sort(([keyA], [keyB]) => {\r\n      const aHasName = keyA.toLowerCase().includes('name')\r\n      const bHasName = keyB.toLowerCase().includes('name')\r\n      if (aHasName && !bHasName) return -1\r\n      if (!aHasName && bHasName) return 1\r\n      return 0\r\n    })\r\n\r\n  // Function to format property names (convert snake_case to readable format)\r\n  const formatPropertyName = (key: string): string => {\r\n    return key\r\n      .replaceAll('_', ' ')\r\n      .replaceAll(/\\b\\w/g, l => l.toUpperCase())\r\n  }\r\n\r\n  // Function to format property values\r\n  const formatPropertyValue = (value: any, key?: string): string => {\r\n    if (typeof value === 'boolean') {\r\n      return value ? 'Yes' : 'No'\r\n    }\r\n    if (typeof value === 'number') {\r\n      // Don't add commas for year-like fields\r\n      if (key && key.toLowerCase().includes('year')) {\r\n        return value.toString()\r\n      }\r\n      return value.toLocaleString()\r\n    }\r\n    if (typeof value === 'string') {\r\n      // Handle URLs\r\n      if (value.startsWith('http://') || value.startsWith('https://')) {\r\n        return value\r\n      }\r\n      return value\r\n    }\r\n    return String(value)\r\n  }\r\n\r\n  // Function to check if value is a URL\r\n  const isUrl = (value: string): boolean => {\r\n    return value.startsWith('http://') || value.startsWith('https://')\r\n  }\r\n\r\n  const datasetName = (featureProps.datasetName ? featureProps.datasetName.replaceAll('_', ' ') : t('unknownDataset'))\r\n  const dataset = addedDatasets.find(d => d.name === featureProps.datasetName)\r\n  const datasetColor = dataset ? dataset.layerColor.color : stringToColour(datasetName)\r\n\r\n  return (\r\n    <PopoverContent className=\"w-80 -m-1\" side=\"top\">\r\n      <div className=\"grid gap-4\">\r\n        <Button\r\n          onClick={onCloseAction}\r\n          variant=\"ghost\"\r\n          className=\"absolute top-1 right-2 p-1 text-muted-foreground hover:text-foreground\"\r\n          aria-label=\"Close\"\r\n        >\r\n          <LR.X className=\"w-4 h-4\" />\r\n        </Button>\r\n        <div className=\"space-y-2\">\r\n          <div className=\"flex items-center gap-2\">\r\n            <LR.Database className=\"w-4 h-4\" />\r\n            <h4 className=\"font-medium leading-none\">{t('propertiesHeader')}</h4>\r\n          </div>\r\n          {/* Circle with the dataset color */}\r\n          <div className=\"flex items-center gap-2 pl-[2px]\">\r\n            <ColorCircle color={datasetColor} size={14} />\r\n            <p className=\"text-xs text-muted-foreground\">\r\n              {datasetName}\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        {validProperties.length > 0\r\n          ? (\r\n              <div className=\"max-h-64 overflow-auto\">\r\n                <Table>\r\n                  <TableHeader>\r\n                    <TableRow>\r\n                      <TableHead className=\"w-1/3 text-xs\">{t('propertyTableHead')}</TableHead>\r\n                      <TableHead className=\"text-xs\">{t('valueTableHead')}</TableHead>\r\n                    </TableRow>\r\n                  </TableHeader>\r\n                  <TableBody>\r\n                    {validProperties.map(([key, value]) => (\r\n                      <TableRow key={key}>\r\n                        <TableCell className=\"font-medium text-xs py-2\">\r\n                          {formatPropertyName(key)}\r\n                        </TableCell>\r\n                        <TableCell className=\"text-xs py-2\">\r\n                          {isUrl(String(value))\r\n                            ? (\r\n                                <a\r\n                                  href={String(value)}\r\n                                  target=\"_blank\"\r\n                                  rel=\"noopener noreferrer\"\r\n                                  className=\"text-blue-600 hover:text-blue-800 underline break-all\"\r\n                                >\r\n                                  {formatPropertyValue(value, key)}\r\n                                </a>\r\n                              )\r\n                            : (\r\n                                <span className=\"break-words\">\r\n                                  {formatPropertyValue(value, key)}\r\n                                </span>\r\n                              )}\r\n                        </TableCell>\r\n                      </TableRow>\r\n                    ))}\r\n                  </TableBody>\r\n                </Table>\r\n              </div>\r\n            )\r\n          : (\r\n              <div className=\"text-center py-4\">\r\n                <LR.FileX className=\"w-8 h-8 text-muted-foreground mx-auto mb-2\" />\r\n                <p className=\"text-sm text-muted-foreground\">\r\n                  {t('noPropertyAvail')}\r\n                </p>\r\n              </div>\r\n            )}\r\n\r\n        {validProperties.length > 10 && (\r\n          <div className=\"text-xs text-muted-foreground text-center\">\r\n            {t('showing')}\r\n            {' '}\r\n            {validProperties.length}\r\n            {' '}\r\n            {t('properties')}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </PopoverContent>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8D9B,eAAO,MAAM,YAAY,yBAmRxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqE9B,eAAO,MAAM,YAAY,yBA6YxB,CAAA"}

package/dist/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.js

@@ -24,39 +24,45 @@ import { useTranslations } from "next-intl";
 import * as React from "react";
 import { Source, Layer, Popup, Marker } from "react-map-gl/maplibre";
 import { toast } from "sonner";
-import { useComment, useComments } from "../../../../../../../hooks/comments/comments";
+import { useComments, useDeleteComments } from "../../../../../../../hooks/comments/comments";
 import { useUser, useUsers } from "../../../../../../../hooks/users/users";
 import { MapContext, MenusContext } from "../../../../../../../store";
 import { ViewerNames } from "../../../../../../../types/dbTypes";
+import { commentRingShadow } from "../../../../../../../utils/markerUtils";
 import { Avatar } from "../../../../../../ui/Avatar";
 import Comment from "../../../../../../ui/Comments/Comment";
 import { UserAvatar } from "../../../../../../ui/UserAvatar";
 import { extractCoordinatesFromFeature } from "../../../../utils/extractCoordinates";
 import { MapLayerClickPriority } from "../../../../utils/MapEventManager/MapClickManager";
 import { createClusterLayer, createClusterCountLayer, createUnclusteredPointLayer } from "../mapLayersUtils";
-const CommentAvatarMarker = ({ feature, isHighlighted, onMouseEnter, onMouseLeave }) => {
+const CommentAvatarMarker = ({ feature, isHighlighted, isFocused, onMouseEnter, onMouseLeave, onClick, onDoubleClick, center, offset }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const authorId = (_a = feature.properties) == null ? void 0 : _a.authorId;
   const { user: author } = useUser(authorId != null ? String(authorId) : "");
   const userName = (_b = feature.properties) == null ? void 0 : _b.authorName;
   const userImageFileId = (_c = feature.properties) == null ? void 0 : _c.imageFileId;
   const resolvedImageFileId = (_e = (_d = author == null ? void 0 : author.imageFileId) != null ? _d : userImageFileId) != null ? _e : null;
-  const coords = extractCoordinatesFromFeature(feature);
+  const coords = center ? { lng: center[0], lat: center[1] } : extractCoordinatesFromFeature(feature);
   if (!coords) return null;
-  return /* @__PURE__ */ jsx(Marker, { longitude: coords.lng, latitude: coords.lat, anchor: "center", children: /* @__PURE__ */ jsx(
+  const scale = isFocused ? 1.25 : isHighlighted ? 1.2 : 1;
+  return /* @__PURE__ */ jsx(Marker, { longitude: coords.lng, latitude: coords.lat, anchor: "center", offset, children: /* @__PURE__ */ jsx(
     "div",
     {
+      title: onDoubleClick ? "Double click to zoom" : void 0,
       style: {
         width: "36px",
         height: "36px",
         borderRadius: "50%",
-        boxShadow: isHighlighted ? "0 0 0 3px #73cee2, 0 0 8px rgba(115, 206, 226, 0.5)" : "0 0 0 2px white ",
+        boxShadow: commentRingShadow({ highlight: isHighlighted, focused: isFocused }),
         transition: "all 0.2s ease-in-out",
-        transform: isHighlighted ? "scale(1.2)" : "scale(1)",
-        overflow: "hidden"
+        transform: `scale(${scale})`,
+        overflow: "hidden",
+        cursor: onClick || onDoubleClick ? "pointer" : void 0
       },
       onMouseEnter,
       onMouseLeave,
+      onClick,
+      onDoubleClick,
       children: /* @__PURE__ */ jsx(Avatar, { className: "h-full w-full", children: /* @__PURE__ */ jsx(
         UserAvatar,
         {
@@ -69,7 +75,7 @@ const CommentAvatarMarker = ({ feature, isHighlighted, onMouseEnter, onMouseLeav
   ) }, String((_g = (_f = feature.properties) == null ? void 0 : _f.id) != null ? _g : `${coords.lng},${coords.lat}`));
 };
 const CommentLayer = () => {
-  var _a, _b;
+  var _a;
   const [hoveredCommentId, setHoveredCommentId] = React.useState(null);
   const clusterLayer = createClusterLayer("comments");
   const clusterCountLayer = createClusterCountLayer("comments");
@@ -82,22 +88,87 @@ const CommentLayer = () => {
   const user = (_a = useSession().data) == null ? void 0 : _a.user;
   const [popupInfo, setPopUpInfo] = React.useState(null);
   const { user: popupAuthor } = useUser((popupInfo == null ? void 0 : popupInfo.authorId) != null ? String(popupInfo.authorId) : "");
-  const { deleteComment } = useComment((_b = popupInfo == null ? void 0 : popupInfo.id) != null ? _b : null);
-  const { state: menusState } = React.useContext(MenusContext);
-  const { commentsVisibleInViewer, currentCommentId } = menusState.menus;
+  const { deleteComments } = useDeleteComments();
+  const { state: menusState, dispatch: menusDispatch, setIsSidebarOpen } = React.useContext(MenusContext);
+  const { commentsVisibleInViewer, currentCommentId, focusedCommentId, focusRequestId } = menusState.menus;
+  const focusComment = React.useCallback((commentId) => {
+    if (commentId == null) return;
+    menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId } });
+    menusDispatch({ type: "SET_FOCUSED_COMMENT_ID", payload: { commentId } });
+  }, [menusDispatch]);
+  const requestSidebarAction = React.useCallback((commentId, action) => {
+    if (commentId == null) return;
+    setIsSidebarOpen(true);
+    menusDispatch({ type: "SET_SIDEBAR_SELECTED_TAB", payload: { selectedTab: "communication" } });
+    menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId } });
+    menusDispatch({ type: "REQUEST_COMMENT_ACTION", payload: { commentId, action } });
+  }, [menusDispatch, setIsSidebarOpen]);
+  const [spider, setSpider] = React.useState(null);
+  const spiderCloseTimer = React.useRef(null);
+  const cancelSpiderClose = React.useCallback(() => {
+    if (spiderCloseTimer.current) {
+      clearTimeout(spiderCloseTimer.current);
+      spiderCloseTimer.current = null;
+    }
+  }, []);
+  const scheduleSpiderClose = React.useCallback(() => {
+    cancelSpiderClose();
+    spiderCloseTimer.current = setTimeout(() => setSpider(null), 150);
+  }, [cancelSpiderClose]);
+  const openPopupFromFeature = React.useCallback((feature) => {
+    var _a2, _b;
+    if (!feature || feature.properties.point_count) return;
+    if (feature.geometry.type !== "Point") return;
+    const [longitude, latitude] = feature.geometry.coordinates;
+    const p = feature.properties;
+    setPopUpInfo({
+      id: Number(p.id),
+      authorId: Number(p.authorId),
+      organizationId: (_a2 = feature.properties) == null ? void 0 : _a2.organizationId,
+      visible: (_b = feature.properties) == null ? void 0 : _b.visible,
+      longitude,
+      latitude,
+      text: p.text,
+      createdAt: p.createdAt,
+      authorName: p.authorName,
+      imageFileId: p.imageFileId,
+      viewer: ViewerNames.map
+    });
+  }, []);
   const eligibleComments = comments.filter((comment) => comment.viewer === ViewerNames.map).map((comment) => {
-    var _a2, _b2;
+    var _a2, _b;
     const user2 = users.find((u) => u.id === comment.authorId);
     return __spreadProps(__spreadValues({}, comment), {
       authorName: (_a2 = user2 == null ? void 0 : user2.name) != null ? _a2 : "Unknown User",
-      imageFileId: (_b2 = user2 == null ? void 0 : user2.imageFileId) != null ? _b2 : null
+      imageFileId: (_b = user2 == null ? void 0 : user2.imageFileId) != null ? _b : null
     });
   });
+  const eligibleCommentsRef = React.useRef(eligibleComments);
+  eligibleCommentsRef.current = eligibleComments;
   React.useEffect(() => {
     if (popupInfo && !comments.find((c) => c.id === popupInfo.id)) {
       setPopUpInfo(null);
     }
   }, [comments, popupInfo]);
+  React.useEffect(() => {
+    if (focusedCommentId == null || !map) return;
+    const target = eligibleCommentsRef.current.find((c) => c.id === focusedCommentId);
+    if (!target || target.longitude == null || target.latitude == null) return;
+    map.flyTo({ center: [target.longitude, target.latitude], zoom: Math.max(map.getZoom(), 17), duration: 800 });
+    setPopUpInfo({
+      id: target.id,
+      authorId: target.authorId,
+      organizationId: target.organizationId,
+      visible: target.visible,
+      longitude: target.longitude,
+      latitude: target.latitude,
+      text: target.text,
+      createdAt: target.createdAt,
+      authorName: target.authorName,
+      imageFileId: target.imageFileId,
+      viewer: ViewerNames.map
+    });
+  }, [focusRequestId, map]);
   const geojsonCommentData = React.useMemo(() => {
     const convertDataToGeojson = (commentData) => {
       const commentFeatures = commentData.map((comment) => {
@@ -134,26 +205,7 @@ const CommentLayer = () => {
   React.useEffect(() => {
     if (!map) return;
     const showCommentPopUp = (e, features) => {
-      var _a2, _b2;
-      const feature = features == null ? void 0 : features[0];
-      if (!feature || feature.properties.point_count) return;
-      if (feature.geometry.type != "Point") return;
-      const [longitude, latitude] = feature.geometry.coordinates;
-      const featureProperties = feature.properties;
-      const { id, authorId, text, createdAt, authorName, imageFileId } = featureProperties;
-      setPopUpInfo({
-        id: Number(id),
-        authorId: Number(authorId),
-        organizationId: (_a2 = feature.properties) == null ? void 0 : _a2.organizationId,
-        visible: (_b2 = feature.properties) == null ? void 0 : _b2.visible,
-        longitude,
-        latitude,
-        text,
-        createdAt,
-        authorName,
-        imageFileId,
-        viewer: ViewerNames.map
-      });
+      openPopupFromFeature(features == null ? void 0 : features[0]);
     };
     const mouseEnterChangeCursor = () => {
       map.getCanvas().style.cursor = "pointer";
@@ -169,12 +221,25 @@ const CommentLayer = () => {
       map.off("mouseenter", "comments-unclustered-points", mouseEnterChangeCursor);
       map.off("mouseleave", "comments-unclustered-points", mouseLeaveChangeCursor);
     };
-  }, [map, mapClickManager]);
+  }, [map, mapClickManager, openPopupFromFeature]);
   const handleRemoveComment = () => {
+    if ((popupInfo == null ? void 0 : popupInfo.id) == null) return;
     toast.success(t("commentDeleted"));
-    deleteComment();
+    const id = popupInfo.id;
+    const replyIds = comments.filter((c) => c.replyToId === id).map((c) => c.id);
+    void deleteComments({ ids: [id, ...replyIds] });
     setPopUpInfo(null);
   };
+  React.useEffect(() => {
+    if (!map) return;
+    const close = () => setSpider(null);
+    map.on("movestart", close);
+    map.on("zoomstart", close);
+    return () => {
+      map.off("movestart", close);
+      map.off("zoomstart", close);
+    };
+  }, [map]);
   React.useEffect(() => {
     if (!map) return;
     const zoomInToDecluster = (e) => {
@@ -185,34 +250,45 @@ const CommentLayer = () => {
       if (!("coordinates" in feature.geometry)) return;
       const [lng, lat] = feature.geometry.coordinates;
       const source = map.getSource("comments");
-      console.log(source);
-      console.log(clusterId);
       source.getClusterExpansionZoom(clusterId).then(
         (zoom) => {
-          console.log("easing to");
           map.easeTo({ center: [lng, lat], zoom });
         }
       ).catch((error) => {
         console.error(error);
       });
     };
-    const mouseEnterChangeCursor = () => {
+    const expandClusterOnHover = (e) => {
+      var _a2;
       map.getCanvas().style.cursor = "pointer";
+      const feature = (_a2 = e.features) == null ? void 0 : _a2[0];
+      if (!feature || !feature.properties.cluster_id) return;
+      if (!("coordinates" in feature.geometry)) return;
+      const center = feature.geometry.coordinates;
+      const clusterId = feature.properties.cluster_id;
+      const source = map.getSource("comments");
+      source.getClusterLeaves(clusterId, Infinity, 0).then((leaves) => {
+        cancelSpiderClose();
+        setSpider({ center, features: leaves });
+      }).catch((error) => {
+        console.error(error);
+      });
     };
-    const mouseLeaveChangeCursor = () => {
+    const mouseLeaveCluster = () => {
       map.getCanvas().style.cursor = "";
+      scheduleSpiderClose();
     };
     map.on("click", "comments-clusters", zoomInToDecluster);
-    map.on("mouseenter", "comments-clusters", mouseEnterChangeCursor);
-    map.on("mouseleave", "comments-clusters", mouseLeaveChangeCursor);
+    map.on("mouseenter", "comments-clusters", expandClusterOnHover);
+    map.on("mouseleave", "comments-clusters", mouseLeaveCluster);
     return () => {
       map.off("click", "comments-clusters", zoomInToDecluster);
-      map.off("mouseenter", "comments-clusters", mouseEnterChangeCursor);
-      map.off("mouseleave", "comments-clusters", mouseLeaveChangeCursor);
+      map.off("mouseenter", "comments-clusters", expandClusterOnHover);
+      map.off("mouseleave", "comments-clusters", mouseLeaveCluster);
     };
-  }, [map]);
+  }, [map, cancelSpiderClose, scheduleSpiderClose]);
   const renderPopup = () => {
-    var _a2, _b2, _c, _d;
+    var _a2, _b, _c, _d;
     if (!popupInfo) return null;
     return /* @__PURE__ */ jsxs(
       Popup,
@@ -230,11 +306,16 @@ const CommentLayer = () => {
             Comment,
             {
               userName: popupInfo.authorName || "",
-              userImage: (_b2 = (_a2 = popupAuthor == null ? void 0 : popupAuthor.imageFileId) != null ? _a2 : popupInfo.imageFileId) != null ? _b2 : null,
+              userImage: (_b = (_a2 = popupAuthor == null ? void 0 : popupAuthor.imageFileId) != null ? _a2 : popupInfo.imageFileId) != null ? _b : null,
               userImageFileId: (_d = (_c = popupAuthor == null ? void 0 : popupAuthor.imageFileId) != null ? _c : popupInfo.imageFileId) != null ? _d : null,
               text: popupInfo.text,
               createdAt: popupInfo.createdAt,
-              onRemove: user.id === String(popupInfo.authorId) ? handleRemoveComment : null,
+              showActions: true,
+              canEdit: user.id === String(popupInfo.authorId),
+              canDelete: user.id === String(popupInfo.authorId),
+              onEdit: user.id === String(popupInfo.authorId) ? () => requestSidebarAction(popupInfo.id, "edit") : void 0,
+              onReply: () => requestSidebarAction(popupInfo.id, "reply"),
+              onRemove: user.id === String(popupInfo.authorId) ? handleRemoveComment : void 0,
               onClose: () => setPopUpInfo(null)
             }
           ),
@@ -259,8 +340,8 @@ const CommentLayer = () => {
       const allFeatures = map.querySourceFeatures("comments");
       const unclusteredOnly = allFeatures.filter(
         (f) => {
-          var _a2, _b2;
-          return !((_a2 = f.properties) == null ? void 0 : _a2.cluster) && !((_b2 = f.properties) == null ? void 0 : _b2.point_count);
+          var _a2, _b;
+          return !((_a2 = f.properties) == null ? void 0 : _a2.cluster) && !((_b = f.properties) == null ? void 0 : _b.point_count);
         }
       );
       const uniqueFeatures = /* @__PURE__ */ new Map();
@@ -298,20 +379,60 @@ const CommentLayer = () => {
           var _a2;
           return ((_a2 = feature.properties) == null ? void 0 : _a2.id) !== (popupInfo == null ? void 0 : popupInfo.id);
         }).map((feature) => {
-          var _a2, _b2, _c;
+          var _a2, _b, _c, _d;
           return /* @__PURE__ */ jsx(
             CommentAvatarMarker,
             {
               feature,
-              isHighlighted: currentCommentId === ((_b2 = feature.properties) == null ? void 0 : _b2.id) || hoveredCommentId === ((_c = feature.properties) == null ? void 0 : _c.id),
+              isHighlighted: currentCommentId === ((_b = feature.properties) == null ? void 0 : _b.id) || hoveredCommentId === ((_c = feature.properties) == null ? void 0 : _c.id),
+              isFocused: focusedCommentId === ((_d = feature.properties) == null ? void 0 : _d.id),
               onMouseEnter: () => {
                 var _a3;
                 return setHoveredCommentId((_a3 = feature.properties) == null ? void 0 : _a3.id);
               },
-              onMouseLeave: () => setHoveredCommentId(null)
+              onMouseLeave: () => setHoveredCommentId(null),
+              onDoubleClick: () => {
+                var _a3;
+                return focusComment((_a3 = feature.properties) == null ? void 0 : _a3.id);
+              }
             },
             String((_a2 = feature.properties) == null ? void 0 : _a2.id)
           );
+        }),
+        spider && spider.features.map((feature, i) => {
+          var _a2;
+          const n = spider.features.length;
+          const angle = 2 * Math.PI * i / n - Math.PI / 2;
+          const radius = Math.min(60, 24 + n * 4);
+          const offset = [Math.cos(angle) * radius, Math.sin(angle) * radius];
+          const id = (_a2 = feature.properties) == null ? void 0 : _a2.id;
+          return /* @__PURE__ */ jsx(
+            CommentAvatarMarker,
+            {
+              feature,
+              center: spider.center,
+              offset,
+              isHighlighted: currentCommentId === id || hoveredCommentId === id,
+              isFocused: focusedCommentId === id,
+              onMouseEnter: () => {
+                cancelSpiderClose();
+                setHoveredCommentId(id);
+              },
+              onMouseLeave: () => {
+                scheduleSpiderClose();
+                setHoveredCommentId(null);
+              },
+              onClick: () => {
+                openPopupFromFeature(feature);
+                setSpider(null);
+              },
+              onDoubleClick: () => {
+                focusComment(id);
+                setSpider(null);
+              }
+            },
+            `spider-${String(id)}`
+          );
         })
       ]
     }

package/dist/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport { useSession } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\nimport { Source, Layer, Popup, Marker } from 'react-map-gl/maplibre'\r\nimport { toast } from 'sonner'\r\n\r\nimport { useComment, useComments } from '../../../../../../../hooks/comments/comments'\r\nimport { useUser, useUsers } from '../../../../../../../hooks/users/users'\r\nimport { MapContext, MenusContext } from '../../../../../../../store'\r\nimport { ViewerNames, type Comment as IComment } from '../../../../../../../types/dbTypes'\r\nimport { Avatar } from '../../../../../../ui/Avatar'\r\nimport Comment from '../../../../../../ui/Comments/Comment'\r\nimport { UserAvatar } from '../../../../../../ui/UserAvatar'\r\nimport { extractCoordinatesFromFeature } from '../../../../utils/extractCoordinates'\r\nimport { MapLayerClickPriority } from '../../../../utils/MapEventManager/MapClickManager'\r\nimport { createClusterLayer, createClusterCountLayer, createUnclusteredPointLayer } from '../mapLayersUtils'\r\n\r\nimport type { ClickCallback } from '../../../../utils/MapEventManager/MapClickManager';\r\nimport type { MapGeoJSONFeature, MapLayerMouseEvent } from 'maplibre-gl'\r\n\r\ntype MapComment = IComment & {\r\n  authorName?: string\r\n  imageFileId?: number | null\r\n}\r\n\r\nconst CommentAvatarMarker = ({ feature, isHighlighted, onMouseEnter, onMouseLeave }: { feature: MapGeoJSONFeature; isHighlighted?: boolean; onMouseEnter?: () => void; onMouseLeave?: () => void }) => {\r\n  const authorId = feature.properties?.authorId\r\n  const { user: author } = useUser(authorId != null ? String(authorId) : '')\r\n  const userName = feature.properties?.authorName\r\n  const userImageFileId = feature.properties?.imageFileId\r\n  const resolvedImageFileId = author?.imageFileId ?? userImageFileId ?? null\r\n\r\n  const coords = extractCoordinatesFromFeature(feature)\r\n  if (!coords) return null\r\n\r\n  return (\r\n    <Marker key={String(feature.properties?.id ?? `${coords.lng},${coords.lat}`)} longitude={coords.lng} latitude={coords.lat} anchor=\"center\">\r\n      <div\r\n        style={{\r\n          width: '36px',\r\n          height: '36px',\r\n          borderRadius: '50%',\r\n          boxShadow: isHighlighted\r\n            ? '0 0 0 3px #73cee2, 0 0 8px rgba(115, 206, 226, 0.5)'\r\n            : '0 0 0 2px white ',\r\n          transition: 'all 0.2s ease-in-out',\r\n          transform: isHighlighted ? 'scale(1.2)' : 'scale(1)',\r\n          overflow: 'hidden',\r\n        }}\r\n        onMouseEnter={onMouseEnter}\r\n        onMouseLeave={onMouseLeave}\r\n      >\r\n        <Avatar className=\"h-full w-full\">\r\n          <UserAvatar\r\n            imageFileId={resolvedImageFileId}\r\n            name={userName}\r\n            className=\"h-full w-full rounded-full object-cover\"\r\n          />\r\n        </Avatar>\r\n      </div>\r\n    </Marker>\r\n  )\r\n}\r\n\r\nexport const CommentLayer = () => {\r\n    const [hoveredCommentId, setHoveredCommentId] = React.useState<number | null>(null)\r\n  const clusterLayer = createClusterLayer('comments')\r\n  const clusterCountLayer = createClusterCountLayer('comments')\r\n  const unclusteredPointLayer = createUnclusteredPointLayer('comments')\r\n\r\n  // global map state\r\n\r\n  const t = useTranslations('CommentLayers')\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map, mapClickManager } = mapState.map\r\n  const { comments } = useComments()\r\n  const { users } = useUsers()\r\n  const user = useSession().data?.user\r\n\r\n  const [popupInfo, setPopUpInfo] = React.useState<(Partial<IComment> & { authorName?: string; imageFileId?: number | null }) | null>(null)\r\n  const { user: popupAuthor } = useUser(popupInfo?.authorId != null ? String(popupInfo.authorId) : '')\r\n  const { deleteComment } = useComment(popupInfo?.id ?? null)\r\n  const { state: menusState } = React.useContext(MenusContext)\r\n  const { commentsVisibleInViewer, currentCommentId } = menusState.menus\r\n\r\n  const eligibleComments = comments\r\n    .filter((comment) => comment.viewer === ViewerNames.map)\r\n    .map((comment) => {\r\n      const user = users.find(u => u.id === comment.authorId)\r\n      return {\r\n        ...comment,\r\n        authorName: user?.name ?? 'Unknown User',\r\n        imageFileId: user?.imageFileId ?? null,\r\n      }\r\n    })\r\n\r\n  // Close popup if the comment was deleted\r\n  React.useEffect(() => {\r\n    if (popupInfo && !comments.find((c) => c.id === popupInfo.id)) {\r\n      setPopUpInfo(null)\r\n    }\r\n  }, [comments, popupInfo])\r\n\r\n  const geojsonCommentData = React.useMemo(() => {\r\n    const convertDataToGeojson = (commentData: MapComment[]): GeoJSON.FeatureCollection<GeoJSON.Point, { [key: string]: any }> => {\r\n      const commentFeatures: GeoJSON.Feature<GeoJSON.Point, { [key: string]: any }>[] = commentData\r\n        .map((comment: MapComment) => {\r\n          const { longitude, latitude, id, text, createdAt, authorId, organizationId, visible, authorName, imageFileId } = comment\r\n\r\n          return {\r\n            type: 'Feature',\r\n            geometry: {\r\n              type: 'Point',\r\n              coordinates: [longitude, latitude],\r\n            },\r\n            properties: {\r\n              id: Number(id),\r\n              organizationId,\r\n              visible,\r\n              longitude,\r\n              latitude,\r\n              authorId: Number(authorId),\r\n              authorName,\r\n              imageFileId,\r\n              text,\r\n              createdAt,\r\n              viewer: ViewerNames.map,\r\n            },\r\n          }\r\n        })\r\n\r\n      const commentFC: GeoJSON.FeatureCollection<GeoJSON.Point, { [key: string]: any }> = {\r\n        type: 'FeatureCollection',\r\n        features: commentFeatures,\r\n      }\r\n      return commentFC\r\n    }\r\n    return convertDataToGeojson(eligibleComments)\r\n  }, [eligibleComments])\r\n\r\n  // event listeners for comment unclustered points\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n    const showCommentPopUp: ClickCallback = (e: MapLayerMouseEvent, features: MapGeoJSONFeature[]) => {\r\n      const feature = features?.[0]\r\n\r\n      if (!feature || feature.properties.point_count) return\r\n\r\n      if (feature.geometry.type != 'Point') return\r\n      const [longitude, latitude] = feature.geometry.coordinates\r\n      const featureProperties = feature.properties as MapComment\r\n      const { id, authorId, text, createdAt, authorName, imageFileId } = featureProperties\r\n      setPopUpInfo({\r\n        id: Number(id),\r\n        authorId: Number(authorId),\r\n        organizationId: feature.properties?.organizationId,\r\n        visible: feature.properties?.visible,\r\n        longitude,\r\n        latitude,\r\n        text,\r\n        createdAt,\r\n        authorName,\r\n        imageFileId,\r\n        viewer: ViewerNames.map,\r\n      })\r\n    }\r\n\r\n    const mouseEnterChangeCursor = () => {\r\n      map.getCanvas().style.cursor = 'pointer'\r\n    }\r\n    const mouseLeaveChangeCursor = () => {\r\n      map.getCanvas().style.cursor = ''\r\n    }\r\n\r\n    // event listener for clicking on single point to show comment, hover to change cursor\r\n    mapClickManager.register('comments-unclustered-points', MapLayerClickPriority.CommentLayersClickPriority, showCommentPopUp)\r\n\r\n    map.on('mouseenter', 'comments-unclustered-points', mouseEnterChangeCursor)\r\n    map.on('mouseleave', 'comments-unclustered-points', mouseLeaveChangeCursor)\r\n    return () => {\r\n      mapClickManager.unregister('comments-unclustered-points')\r\n      map.off('mouseenter', 'comments-unclustered-points', mouseEnterChangeCursor)\r\n      map.off('mouseleave', 'comments-unclustered-points', mouseLeaveChangeCursor)\r\n    }\r\n  }, [map, mapClickManager])\r\n\r\n  const handleRemoveComment = () => {\r\n    toast.success(t('commentDeleted'))\r\n    deleteComment()\r\n    setPopUpInfo(null)\r\n  }\r\n\r\n  // event listeners for clustered points\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n\r\n    const zoomInToDecluster = (e: MapLayerMouseEvent) => {\r\n      const feature = e.features?.[0] // only proceed if this is actually a cluster\r\n      if (!feature || !feature.properties.cluster_id) return\r\n\r\n      const clusterId = feature.properties.cluster_id as number\r\n\r\n      // Check if geometry has coordinates (not a GeometryCollection)\r\n      if (!('coordinates' in feature.geometry)) return\r\n      const [lng, lat] = feature.geometry.coordinates as [number, number]\r\n\r\n      const source = map.getSource('comments') as any\r\n      console.log(source)\r\n      console.log(clusterId)\r\n      source.getClusterExpansionZoom(clusterId).then(\r\n        (zoom: number) => {\r\n          console.log('easing to')\r\n          map.easeTo({ center: [lng, lat], zoom })\r\n        },\r\n      )\r\n        .catch((error) => {\r\n          console.error(error)\r\n        })\r\n    }\r\n\r\n    const mouseEnterChangeCursor = () => { map.getCanvas().style.cursor = 'pointer' }\r\n    const mouseLeaveChangeCursor = () => { map.getCanvas().style.cursor = '' }\r\n\r\n    // event listener for clicking on single point to zoom in and decluster, hover to change cursor\r\n    map.on('click', 'comments-clusters', zoomInToDecluster)\r\n    map.on('mouseenter', 'comments-clusters', mouseEnterChangeCursor)\r\n    map.on('mouseleave', 'comments-clusters', mouseLeaveChangeCursor)\r\n    return () => {\r\n      map.off('click', 'comments-clusters', zoomInToDecluster)\r\n      map.off('mouseenter', 'comments-clusters', mouseEnterChangeCursor)\r\n      map.off('mouseleave', 'comments-clusters', mouseLeaveChangeCursor)\r\n    }\r\n  }, [map])\r\n\r\n  const renderPopup = () => {\r\n    if (!popupInfo) return null\r\n    return (\r\n      <Popup\r\n        className=\"noBorderPopup\"\r\n        longitude={popupInfo.longitude}\r\n        latitude={popupInfo.latitude}\r\n        closeOnClick={false}\r\n        onClose={() => setPopUpInfo(null)}\r\n        anchor=\"bottom\"\r\n        style={{ height: '50px', border: 'none', boxShadow: 'none' }}\r\n        offset={[0, 10]}\r\n      >\r\n        <Comment\r\n          userName={popupInfo.authorName || ''}\r\n          userImage={popupAuthor?.imageFileId ?? popupInfo.imageFileId ?? null}\r\n          userImageFileId={popupAuthor?.imageFileId ?? popupInfo.imageFileId ?? null}\r\n          text={popupInfo.text}\r\n          createdAt={popupInfo.createdAt}\r\n          onRemove={user.id === String(popupInfo.authorId) ? handleRemoveComment : null}\r\n          onClose={() => setPopUpInfo(null)}\r\n        />\r\n        {/* inline styles to override MapLibre’s Pop up CSS */}\r\n        <style>\r\n          {`\r\n              .noBorderPopup .maplibregl-popup-content {\r\n                border: none !important;\r\n                box-shadow: none !important;\r\n                background: transparent !important;\r\n              }\r\n              .noBorderPopup .maplibregl-popup-tip {\r\n                display: none !important;\r\n              }\r\n            `}\r\n        </style>\r\n      </Popup>\r\n    )\r\n  }\r\n\r\n  // Track unclustered comments to display avatars\r\n  const [unclusteredFeatures, setUnclusteredFeatures] = React.useState<MapGeoJSONFeature[]>([])\r\n\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n\r\n    const updateUnclusteredFeatures = () => {\r\n      const allFeatures = map.querySourceFeatures('comments')\r\n      const unclusteredOnly = allFeatures.filter(\r\n        (f) => !f.properties?.cluster && !f.properties?.point_count\r\n      )\r\n\r\n      // Deduplicate by id\r\n      const uniqueFeatures = new Map()\r\n      unclusteredOnly.forEach((f) => uniqueFeatures.set(f.properties.id, f))\r\n      setUnclusteredFeatures(Array.from(uniqueFeatures.values()))\r\n    }\r\n\r\n    const onSourceData = (e: any) => {\r\n      if (e?.sourceId === 'comments') updateUnclusteredFeatures()\r\n    }\r\n\r\n    map.on('sourcedata', onSourceData)\r\n    map.on('moveend', updateUnclusteredFeatures)\r\n    map.on('zoomend', updateUnclusteredFeatures)\r\n\r\n    updateUnclusteredFeatures()\r\n\r\n    return () => {\r\n      map.off('sourcedata', onSourceData)\r\n      map.off('moveend', updateUnclusteredFeatures)\r\n      map.off('zoomend', updateUnclusteredFeatures)\r\n    }\r\n  }, [map])\r\n\r\n  return (\r\n    <>\r\n  {commentsVisibleInViewer.includes(ViewerNames.map) &&\r\n    <Source\r\n      id=\"comments\"\r\n      type=\"geojson\"\r\n      data={geojsonCommentData}\r\n      cluster={true}\r\n      clusterMaxZoom={14}\r\n      clusterRadius={40}\r\n    >\r\n      <Layer {...clusterLayer} />\r\n      <Layer {...clusterCountLayer} />\r\n      <Layer {...unclusteredPointLayer} />\r\n\r\n      {renderPopup()}\r\n      {unclusteredFeatures\r\n        .filter((feature) => feature.properties?.id !== popupInfo?.id)\r\n        .map((feature) => (\r\n          <CommentAvatarMarker\r\n            key={String(feature.properties?.id)}\r\n            feature={feature}\r\n            isHighlighted={currentCommentId === feature.properties?.id || hoveredCommentId === feature.properties?.id}\r\n            onMouseEnter={() => setHoveredCommentId(feature.properties?.id)}\r\n            onMouseLeave={() => setHoveredCommentId(null)}\r\n          />\r\n        ))}\r\n    </Source>}\r\n    </>\r\n  )\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0DU,SAiQN,UAjQM,KAyLJ,YAzLI;AArDV,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,YAAY,WAAW;AACvB,SAAS,QAAQ,OAAO,OAAO,cAAc;AAC7C,SAAS,aAAa;AAEtB,SAAS,YAAY,mBAAmB;AACxC,SAAS,SAAS,gBAAgB;AAClC,SAAS,YAAY,oBAAoB;AACzC,SAAS,mBAA6C;AACtD,SAAS,cAAc;AACvB,OAAO,aAAa;AACpB,SAAS,kBAAkB;AAC3B,SAAS,qCAAqC;AAC9C,SAAS,6BAA6B;AACtC,SAAS,oBAAoB,yBAAyB,mCAAmC;AAUzF,MAAM,sBAAsB,CAAC,EAAE,SAAS,eAAe,cAAc,aAAa,MAAqH;AA9BvM;AA+BE,QAAM,YAAW,aAAQ,eAAR,mBAAoB;AACrC,QAAM,EAAE,MAAM,OAAO,IAAI,QAAQ,YAAY,OAAO,OAAO,QAAQ,IAAI,EAAE;AACzE,QAAM,YAAW,aAAQ,eAAR,mBAAoB;AACrC,QAAM,mBAAkB,aAAQ,eAAR,mBAAoB;AAC5C,QAAM,uBAAsB,4CAAQ,gBAAR,YAAuB,oBAAvB,YAA0C;AAEtE,QAAM,SAAS,8BAA8B,OAAO;AACpD,MAAI,CAAC,OAAQ,QAAO;AAEpB,SACE,oBAAC,UAA6E,WAAW,OAAO,KAAK,UAAU,OAAO,KAAK,QAAO,UAChI;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,WAAW,gBACP,wDACA;AAAA,QACJ,YAAY;AAAA,QACZ,WAAW,gBAAgB,eAAe;AAAA,QAC1C,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,UAAO,WAAU,iBAChB;AAAA,QAAC;AAAA;AAAA,UACC,aAAa;AAAA,UACb,MAAM;AAAA,UACN,WAAU;AAAA;AAAA,MACZ,GACF;AAAA;AAAA,EACF,KAvBW,QAAO,mBAAQ,eAAR,mBAAoB,OAApB,YAA0B,GAAG,OAAO,GAAG,IAAI,OAAO,GAAG,EAAE,CAwB3E;AAEJ;AAEO,MAAM,eAAe,MAAM;AArElC;AAsEI,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAwB,IAAI;AACpF,QAAM,eAAe,mBAAmB,UAAU;AAClD,QAAM,oBAAoB,wBAAwB,UAAU;AAC5D,QAAM,wBAAwB,4BAA4B,UAAU;AAIpE,QAAM,IAAI,gBAAgB,eAAe;AAEzC,QAAM,EAAE,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AACvD,QAAM,EAAE,KAAK,gBAAgB,IAAI,SAAS;AAC1C,QAAM,EAAE,SAAS,IAAI,YAAY;AACjC,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,QAAO,gBAAW,EAAE,SAAb,mBAAmB;AAEhC,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAA4F,IAAI;AACxI,QAAM,EAAE,MAAM,YAAY,IAAI,SAAQ,uCAAW,aAAY,OAAO,OAAO,UAAU,QAAQ,IAAI,EAAE;AACnG,QAAM,EAAE,cAAc,IAAI,YAAW,4CAAW,OAAX,YAAiB,IAAI;AAC1D,QAAM,EAAE,OAAO,WAAW,IAAI,MAAM,WAAW,YAAY;AAC3D,QAAM,EAAE,yBAAyB,iBAAiB,IAAI,WAAW;AAEjE,QAAM,mBAAmB,SACtB,OAAO,CAAC,YAAY,QAAQ,WAAW,YAAY,GAAG,EACtD,IAAI,CAAC,YAAY;AA7FtB,QAAAA,KAAAC;AA8FM,UAAMC,QAAO,MAAM,KAAK,OAAK,EAAE,OAAO,QAAQ,QAAQ;AACtD,WAAO,iCACF,UADE;AAAA,MAEL,aAAYF,MAAAE,SAAA,gBAAAA,MAAM,SAAN,OAAAF,MAAc;AAAA,MAC1B,cAAaC,MAAAC,SAAA,gBAAAA,MAAM,gBAAN,OAAAD,MAAqB;AAAA,IACpC;AAAA,EACF,CAAC;AAGH,QAAM,UAAU,MAAM;AACpB,QAAI,aAAa,CAAC,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,UAAU,EAAE,GAAG;AAC7D,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,UAAU,SAAS,CAAC;AAExB,QAAM,qBAAqB,MAAM,QAAQ,MAAM;AAC7C,UAAM,uBAAuB,CAAC,gBAAgG;AAC5H,YAAM,kBAA4E,YAC/E,IAAI,CAAC,YAAwB;AAC5B,cAAM,EAAE,WAAW,UAAU,IAAI,MAAM,WAAW,UAAU,gBAAgB,SAAS,YAAY,YAAY,IAAI;AAEjH,eAAO;AAAA,UACL,MAAM;AAAA,UACN,UAAU;AAAA,YACR,MAAM;AAAA,YACN,aAAa,CAAC,WAAW,QAAQ;AAAA,UACnC;AAAA,UACA,YAAY;AAAA,YACV,IAAI,OAAO,EAAE;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,UAAU,OAAO,QAAQ;AAAA,YACzB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAQ,YAAY;AAAA,UACtB;AAAA,QACF;AAAA,MACF,CAAC;AAEH,YAAM,YAA8E;AAAA,QAClF,MAAM;AAAA,QACN,UAAU;AAAA,MACZ;AACA,aAAO;AAAA,IACT;AACA,WAAO,qBAAqB,gBAAgB;AAAA,EAC9C,GAAG,CAAC,gBAAgB,CAAC;AAGrB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AACV,UAAM,mBAAkC,CAAC,GAAuB,aAAkC;AArJtG,UAAAD,KAAAC;AAsJM,YAAM,UAAU,qCAAW;AAE3B,UAAI,CAAC,WAAW,QAAQ,WAAW,YAAa;AAEhD,UAAI,QAAQ,SAAS,QAAQ,QAAS;AACtC,YAAM,CAAC,WAAW,QAAQ,IAAI,QAAQ,SAAS;AAC/C,YAAM,oBAAoB,QAAQ;AAClC,YAAM,EAAE,IAAI,UAAU,MAAM,WAAW,YAAY,YAAY,IAAI;AACnE,mBAAa;AAAA,QACX,IAAI,OAAO,EAAE;AAAA,QACb,UAAU,OAAO,QAAQ;AAAA,QACzB,iBAAgBD,MAAA,QAAQ,eAAR,gBAAAA,IAAoB;AAAA,QACpC,UAASC,MAAA,QAAQ,eAAR,gBAAAA,IAAoB;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,YAAY;AAAA,MACtB,CAAC;AAAA,IACH;AAEA,UAAM,yBAAyB,MAAM;AACnC,UAAI,UAAU,EAAE,MAAM,SAAS;AAAA,IACjC;AACA,UAAM,yBAAyB,MAAM;AACnC,UAAI,UAAU,EAAE,MAAM,SAAS;AAAA,IACjC;AAGA,oBAAgB,SAAS,+BAA+B,sBAAsB,4BAA4B,gBAAgB;AAE1H,QAAI,GAAG,cAAc,+BAA+B,sBAAsB;AAC1E,QAAI,GAAG,cAAc,+BAA+B,sBAAsB;AAC1E,WAAO,MAAM;AACX,sBAAgB,WAAW,6BAA6B;AACxD,UAAI,IAAI,cAAc,+BAA+B,sBAAsB;AAC3E,UAAI,IAAI,cAAc,+BAA+B,sBAAsB;AAAA,IAC7E;AAAA,EACF,GAAG,CAAC,KAAK,eAAe,CAAC;AAEzB,QAAM,sBAAsB,MAAM;AAChC,UAAM,QAAQ,EAAE,gBAAgB,CAAC;AACjC,kBAAc;AACd,iBAAa,IAAI;AAAA,EACnB;AAGA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AAEV,UAAM,oBAAoB,CAAC,MAA0B;AA1MzD,UAAAD;AA2MM,YAAM,WAAUA,MAAA,EAAE,aAAF,gBAAAA,IAAa;AAC7B,UAAI,CAAC,WAAW,CAAC,QAAQ,WAAW,WAAY;AAEhD,YAAM,YAAY,QAAQ,WAAW;AAGrC,UAAI,EAAE,iBAAiB,QAAQ,UAAW;AAC1C,YAAM,CAAC,KAAK,GAAG,IAAI,QAAQ,SAAS;AAEpC,YAAM,SAAS,IAAI,UAAU,UAAU;AACvC,cAAQ,IAAI,MAAM;AAClB,cAAQ,IAAI,SAAS;AACrB,aAAO,wBAAwB,SAAS,EAAE;AAAA,QACxC,CAAC,SAAiB;AAChB,kBAAQ,IAAI,WAAW;AACvB,cAAI,OAAO,EAAE,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC;AAAA,QACzC;AAAA,MACF,EACG,MAAM,CAAC,UAAU;AAChB,gBAAQ,MAAM,KAAK;AAAA,MACrB,CAAC;AAAA,IACL;AAEA,UAAM,yBAAyB,MAAM;AAAE,UAAI,UAAU,EAAE,MAAM,SAAS;AAAA,IAAU;AAChF,UAAM,yBAAyB,MAAM;AAAE,UAAI,UAAU,EAAE,MAAM,SAAS;AAAA,IAAG;AAGzE,QAAI,GAAG,SAAS,qBAAqB,iBAAiB;AACtD,QAAI,GAAG,cAAc,qBAAqB,sBAAsB;AAChE,QAAI,GAAG,cAAc,qBAAqB,sBAAsB;AAChE,WAAO,MAAM;AACX,UAAI,IAAI,SAAS,qBAAqB,iBAAiB;AACvD,UAAI,IAAI,cAAc,qBAAqB,sBAAsB;AACjE,UAAI,IAAI,cAAc,qBAAqB,sBAAsB;AAAA,IACnE;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,QAAM,cAAc,MAAM;AAhP5B,QAAAA,KAAAC,KAAA;AAiPI,QAAI,CAAC,UAAW,QAAO;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,WAAW,UAAU;AAAA,QACrB,UAAU,UAAU;AAAA,QACpB,cAAc;AAAA,QACd,SAAS,MAAM,aAAa,IAAI;AAAA,QAChC,QAAO;AAAA,QACP,OAAO,EAAE,QAAQ,QAAQ,QAAQ,QAAQ,WAAW,OAAO;AAAA,QAC3D,QAAQ,CAAC,GAAG,EAAE;AAAA,QAEd;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,UAAU,cAAc;AAAA,cAClC,YAAWA,OAAAD,MAAA,2CAAa,gBAAb,OAAAA,MAA4B,UAAU,gBAAtC,OAAAC,MAAqD;AAAA,cAChE,kBAAiB,sDAAa,gBAAb,YAA4B,UAAU,gBAAtC,YAAqD;AAAA,cACtE,MAAM,UAAU;AAAA,cAChB,WAAW,UAAU;AAAA,cACrB,UAAU,KAAK,OAAO,OAAO,UAAU,QAAQ,IAAI,sBAAsB;AAAA,cACzE,SAAS,MAAM,aAAa,IAAI;AAAA;AAAA,UAClC;AAAA,UAEA,oBAAC,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAGA,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,MAAM,SAA8B,CAAC,CAAC;AAE5F,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AAEV,UAAM,4BAA4B,MAAM;AACtC,YAAM,cAAc,IAAI,oBAAoB,UAAU;AACtD,YAAM,kBAAkB,YAAY;AAAA,QAClC,CAAC,MAAG;AAhSZ,cAAAD,KAAAC;AAgSe,oBAACD,MAAA,EAAE,eAAF,gBAAAA,IAAc,YAAW,GAACC,MAAA,EAAE,eAAF,gBAAAA,IAAc;AAAA;AAAA,MAClD;AAGA,YAAM,iBAAiB,oBAAI,IAAI;AAC/B,sBAAgB,QAAQ,CAAC,MAAM,eAAe,IAAI,EAAE,WAAW,IAAI,CAAC,CAAC;AACrE,6BAAuB,MAAM,KAAK,eAAe,OAAO,CAAC,CAAC;AAAA,IAC5D;AAEA,UAAM,eAAe,CAAC,MAAW;AAC/B,WAAI,uBAAG,cAAa,WAAY,2BAA0B;AAAA,IAC5D;AAEA,QAAI,GAAG,cAAc,YAAY;AACjC,QAAI,GAAG,WAAW,yBAAyB;AAC3C,QAAI,GAAG,WAAW,yBAAyB;AAE3C,8BAA0B;AAE1B,WAAO,MAAM;AACX,UAAI,IAAI,cAAc,YAAY;AAClC,UAAI,IAAI,WAAW,yBAAyB;AAC5C,UAAI,IAAI,WAAW,yBAAyB;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SACE,gCACD,kCAAwB,SAAS,YAAY,GAAG,KAC/C;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,eAAe;AAAA,MAEf;AAAA,4BAAC,0BAAU,aAAc;AAAA,QACzB,oBAAC,0BAAU,kBAAmB;AAAA,QAC9B,oBAAC,0BAAU,sBAAuB;AAAA,QAEjC,YAAY;AAAA,QACZ,oBACE,OAAO,CAAC,YAAS;AA3U1B,cAAAD;AA2U6B,mBAAAA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB,SAAO,uCAAW;AAAA,SAAE,EAC5D,IAAI,CAAC,YAAS;AA5UvB,cAAAA,KAAAC,KAAA;AA6UU;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA,eAAe,uBAAqBA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB,OAAM,uBAAqB,aAAQ,eAAR,mBAAoB;AAAA,cACvG,cAAc,MAAG;AAjV7B,oBAAAD;AAiVgC,4CAAoBA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB,EAAE;AAAA;AAAA,cAC9D,cAAc,MAAM,oBAAoB,IAAI;AAAA;AAAA,YAJvC,QAAOA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB,EAAE;AAAA,UAKpC;AAAA,SACD;AAAA;AAAA;AAAA,EACL,GACA;AAEJ;","names":["_a","_b","user"]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport { useSession } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\nimport { Source, Layer, Popup, Marker } from 'react-map-gl/maplibre'\r\nimport { toast } from 'sonner'\r\n\r\nimport { useComments, useDeleteComments } from '../../../../../../../hooks/comments/comments'\r\nimport { useUser, useUsers } from '../../../../../../../hooks/users/users'\r\nimport { MapContext, MenusContext } from '../../../../../../../store'\r\nimport { ViewerNames, type Comment as IComment } from '../../../../../../../types/dbTypes'\r\nimport { commentRingShadow } from '../../../../../../../utils/markerUtils'\r\nimport { Avatar } from '../../../../../../ui/Avatar'\r\nimport Comment from '../../../../../../ui/Comments/Comment'\r\nimport { UserAvatar } from '../../../../../../ui/UserAvatar'\r\nimport { extractCoordinatesFromFeature } from '../../../../utils/extractCoordinates'\r\nimport { MapLayerClickPriority } from '../../../../utils/MapEventManager/MapClickManager'\r\nimport { createClusterLayer, createClusterCountLayer, createUnclusteredPointLayer } from '../mapLayersUtils'\r\n\r\nimport type { ClickCallback } from '../../../../utils/MapEventManager/MapClickManager';\r\nimport type { MapGeoJSONFeature, MapLayerMouseEvent } from 'maplibre-gl'\r\n\r\ntype MapComment = IComment & {\r\n  authorName?: string\r\n  imageFileId?: number | null\r\n}\r\n\r\nconst CommentAvatarMarker = ({ feature, isHighlighted, isFocused, onMouseEnter, onMouseLeave, onClick, onDoubleClick, center, offset }: { feature: MapGeoJSONFeature; isHighlighted?: boolean; isFocused?: boolean; onMouseEnter?: () => void; onMouseLeave?: () => void; onClick?: () => void; onDoubleClick?: () => void; center?: [number, number]; offset?: [number, number] }) => {\r\n  const authorId = feature.properties?.authorId\r\n  const { user: author } = useUser(authorId != null ? String(authorId) : '')\r\n  const userName = feature.properties?.authorName\r\n  const userImageFileId = feature.properties?.imageFileId\r\n  const resolvedImageFileId = author?.imageFileId ?? userImageFileId ?? null\r\n\r\n  // When part of an expanded (spiderfied) cluster, position at the cluster\r\n  // center and fan out with a pixel offset instead of the feature's own coords.\r\n  const coords = center ? { lng: center[0], lat: center[1] } : extractCoordinatesFromFeature(feature)\r\n  if (!coords) return null\r\n\r\n  const scale = isFocused ? 1.25 : isHighlighted ? 1.2 : 1\r\n\r\n  return (\r\n    <Marker key={String(feature.properties?.id ?? `${coords.lng},${coords.lat}`)} longitude={coords.lng} latitude={coords.lat} anchor=\"center\" offset={offset}>\r\n      <div\r\n        title={onDoubleClick ? 'Double click to zoom' : undefined}\r\n        style={{\r\n          width: '36px',\r\n          height: '36px',\r\n          borderRadius: '50%',\r\n          boxShadow: commentRingShadow({ highlight: isHighlighted, focused: isFocused }),\r\n          transition: 'all 0.2s ease-in-out',\r\n          transform: `scale(${scale})`,\r\n          overflow: 'hidden',\r\n          cursor: onClick || onDoubleClick ? 'pointer' : undefined,\r\n        }}\r\n        onMouseEnter={onMouseEnter}\r\n        onMouseLeave={onMouseLeave}\r\n        onClick={onClick}\r\n        onDoubleClick={onDoubleClick}\r\n      >\r\n        <Avatar className=\"h-full w-full\">\r\n          <UserAvatar\r\n            imageFileId={resolvedImageFileId}\r\n            name={userName}\r\n            className=\"h-full w-full rounded-full object-cover\"\r\n          />\r\n        </Avatar>\r\n      </div>\r\n    </Marker>\r\n  )\r\n}\r\n\r\nexport const CommentLayer = () => {\r\n    const [hoveredCommentId, setHoveredCommentId] = React.useState<number | null>(null)\r\n  const clusterLayer = createClusterLayer('comments')\r\n  const clusterCountLayer = createClusterCountLayer('comments')\r\n  const unclusteredPointLayer = createUnclusteredPointLayer('comments')\r\n\r\n  // global map state\r\n\r\n  const t = useTranslations('CommentLayers')\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map, mapClickManager } = mapState.map\r\n  const { comments } = useComments()\r\n  const { users } = useUsers()\r\n  const user = useSession().data?.user\r\n\r\n  const [popupInfo, setPopUpInfo] = React.useState<(Partial<IComment> & { authorName?: string; imageFileId?: number | null }) | null>(null)\r\n  const { user: popupAuthor } = useUser(popupInfo?.authorId != null ? String(popupInfo.authorId) : '')\r\n  const { deleteComments } = useDeleteComments()\r\n  const { state: menusState, dispatch: menusDispatch, setIsSidebarOpen } = React.useContext(MenusContext)\r\n  const { commentsVisibleInViewer, currentCommentId, focusedCommentId, focusRequestId } = menusState.menus\r\n\r\n  const focusComment = React.useCallback((commentId?: number) => {\r\n    if (commentId == null) return\r\n    menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId } })\r\n    menusDispatch({ type: 'SET_FOCUSED_COMMENT_ID', payload: { commentId } })\r\n  }, [menusDispatch])\r\n\r\n  // Edit/reply from the popup card open the comment's editor/reply box in the sidebar,\r\n  // matching the BIM comment card behaviour.\r\n  const requestSidebarAction = React.useCallback((commentId: number | undefined, action: 'edit' | 'reply') => {\r\n    if (commentId == null) return\r\n    setIsSidebarOpen(true)\r\n    menusDispatch({ type: 'SET_SIDEBAR_SELECTED_TAB', payload: { selectedTab: 'communication' } })\r\n    menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId } })\r\n    menusDispatch({ type: 'REQUEST_COMMENT_ACTION', payload: { commentId, action } })\r\n  }, [menusDispatch, setIsSidebarOpen])\r\n\r\n  // Hover-to-expand (spiderfy) state for clusters\r\n  const [spider, setSpider] = React.useState<{ center: [number, number]; features: MapGeoJSONFeature[] } | null>(null)\r\n  const spiderCloseTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null)\r\n\r\n  const cancelSpiderClose = React.useCallback(() => {\r\n    if (spiderCloseTimer.current) {\r\n      clearTimeout(spiderCloseTimer.current)\r\n      spiderCloseTimer.current = null\r\n    }\r\n  }, [])\r\n\r\n  const scheduleSpiderClose = React.useCallback(() => {\r\n    cancelSpiderClose()\r\n    spiderCloseTimer.current = setTimeout(() => setSpider(null), 150)\r\n  }, [cancelSpiderClose])\r\n\r\n  const openPopupFromFeature = React.useCallback((feature?: MapGeoJSONFeature) => {\r\n    if (!feature || feature.properties.point_count) return\r\n    if (feature.geometry.type !== 'Point') return\r\n    const [longitude, latitude] = feature.geometry.coordinates\r\n    const p = feature.properties as MapComment\r\n    setPopUpInfo({\r\n      id: Number(p.id),\r\n      authorId: Number(p.authorId),\r\n      organizationId: feature.properties?.organizationId,\r\n      visible: feature.properties?.visible,\r\n      longitude,\r\n      latitude,\r\n      text: p.text,\r\n      createdAt: p.createdAt,\r\n      authorName: p.authorName,\r\n      imageFileId: p.imageFileId,\r\n      viewer: ViewerNames.map,\r\n    })\r\n  }, [])\r\n\r\n  const eligibleComments = comments\r\n    .filter((comment) => comment.viewer === ViewerNames.map)\r\n    .map((comment) => {\r\n      const user = users.find(u => u.id === comment.authorId)\r\n      return {\r\n        ...comment,\r\n        authorName: user?.name ?? 'Unknown User',\r\n        imageFileId: user?.imageFileId ?? null,\r\n      }\r\n    })\r\n\r\n  // Keep the latest comments available to the focus effect without re-running it every render.\r\n  const eligibleCommentsRef = React.useRef(eligibleComments)\r\n  eligibleCommentsRef.current = eligibleComments\r\n\r\n  // Close popup if the comment was deleted\r\n  React.useEffect(() => {\r\n    if (popupInfo && !comments.find((c) => c.id === popupInfo.id)) {\r\n      setPopUpInfo(null)\r\n    }\r\n  }, [comments, popupInfo])\r\n\r\n  // Fly to a comment when it is focused (double-clicked here or in the sidebar) and open its card.\r\n  React.useEffect(() => {\r\n    if (focusedCommentId == null || !map) return\r\n    const target = eligibleCommentsRef.current.find((c) => c.id === focusedCommentId)\r\n    if (!target || target.longitude == null || target.latitude == null) return\r\n    map.flyTo({ center: [target.longitude, target.latitude], zoom: Math.max(map.getZoom(), 17), duration: 800 })\r\n    setPopUpInfo({\r\n      id: target.id,\r\n      authorId: target.authorId,\r\n      organizationId: target.organizationId,\r\n      visible: target.visible,\r\n      longitude: target.longitude,\r\n      latitude: target.latitude,\r\n      text: target.text,\r\n      createdAt: target.createdAt,\r\n      authorName: target.authorName,\r\n      imageFileId: target.imageFileId,\r\n      viewer: ViewerNames.map,\r\n    })\r\n  }, [focusRequestId, map])\r\n\r\n  const geojsonCommentData = React.useMemo(() => {\r\n    const convertDataToGeojson = (commentData: MapComment[]): GeoJSON.FeatureCollection<GeoJSON.Point, { [key: string]: any }> => {\r\n      const commentFeatures: GeoJSON.Feature<GeoJSON.Point, { [key: string]: any }>[] = commentData\r\n        .map((comment: MapComment) => {\r\n          const { longitude, latitude, id, text, createdAt, authorId, organizationId, visible, authorName, imageFileId } = comment\r\n\r\n          return {\r\n            type: 'Feature',\r\n            geometry: {\r\n              type: 'Point',\r\n              coordinates: [longitude, latitude],\r\n            },\r\n            properties: {\r\n              id: Number(id),\r\n              organizationId,\r\n              visible,\r\n              longitude,\r\n              latitude,\r\n              authorId: Number(authorId),\r\n              authorName,\r\n              imageFileId,\r\n              text,\r\n              createdAt,\r\n              viewer: ViewerNames.map,\r\n            },\r\n          }\r\n        })\r\n\r\n      const commentFC: GeoJSON.FeatureCollection<GeoJSON.Point, { [key: string]: any }> = {\r\n        type: 'FeatureCollection',\r\n        features: commentFeatures,\r\n      }\r\n      return commentFC\r\n    }\r\n    return convertDataToGeojson(eligibleComments)\r\n  }, [eligibleComments])\r\n\r\n  // event listeners for comment unclustered points\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n    const showCommentPopUp: ClickCallback = (e: MapLayerMouseEvent, features: MapGeoJSONFeature[]) => {\r\n      openPopupFromFeature(features?.[0])\r\n    }\r\n\r\n    const mouseEnterChangeCursor = () => {\r\n      map.getCanvas().style.cursor = 'pointer'\r\n    }\r\n    const mouseLeaveChangeCursor = () => {\r\n      map.getCanvas().style.cursor = ''\r\n    }\r\n\r\n    // event listener for clicking on single point to show comment, hover to change cursor\r\n    mapClickManager.register('comments-unclustered-points', MapLayerClickPriority.CommentLayersClickPriority, showCommentPopUp)\r\n\r\n    map.on('mouseenter', 'comments-unclustered-points', mouseEnterChangeCursor)\r\n    map.on('mouseleave', 'comments-unclustered-points', mouseLeaveChangeCursor)\r\n    return () => {\r\n      mapClickManager.unregister('comments-unclustered-points')\r\n      map.off('mouseenter', 'comments-unclustered-points', mouseEnterChangeCursor)\r\n      map.off('mouseleave', 'comments-unclustered-points', mouseLeaveChangeCursor)\r\n    }\r\n  }, [map, mapClickManager, openPopupFromFeature])\r\n\r\n  const handleRemoveComment = () => {\r\n    if (popupInfo?.id == null) return\r\n    toast.success(t('commentDeleted'))\r\n    // Cascade: delete the comment together with its replies (the DB does not cascade).\r\n    const id = popupInfo.id\r\n    const replyIds = comments.filter((c) => c.replyToId === id).map((c) => c.id)\r\n    void deleteComments({ ids: [id, ...replyIds] })\r\n    setPopUpInfo(null)\r\n  }\r\n\r\n  // Close the spiderfied cluster when the map moves (positions would be stale)\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n    const close = () => setSpider(null)\r\n    map.on('movestart', close)\r\n    map.on('zoomstart', close)\r\n    return () => {\r\n      map.off('movestart', close)\r\n      map.off('zoomstart', close)\r\n    }\r\n  }, [map])\r\n\r\n  // event listeners for clustered points\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n\r\n    const zoomInToDecluster = (e: MapLayerMouseEvent) => {\r\n      const feature = e.features?.[0] // only proceed if this is actually a cluster\r\n      if (!feature || !feature.properties.cluster_id) return\r\n\r\n      const clusterId = feature.properties.cluster_id as number\r\n\r\n      // Check if geometry has coordinates (not a GeometryCollection)\r\n      if (!('coordinates' in feature.geometry)) return\r\n      const [lng, lat] = feature.geometry.coordinates as [number, number]\r\n\r\n      const source = map.getSource('comments') as any\r\n      source.getClusterExpansionZoom(clusterId).then(\r\n        (zoom: number) => {\r\n          map.easeTo({ center: [lng, lat], zoom })\r\n        },\r\n      )\r\n        .catch((error) => {\r\n          console.error(error)\r\n        })\r\n    }\r\n\r\n    // Hover a cluster to expand (spiderfy) its members\r\n    const expandClusterOnHover = (e: MapLayerMouseEvent) => {\r\n      map.getCanvas().style.cursor = 'pointer'\r\n      const feature = e.features?.[0]\r\n      if (!feature || !feature.properties.cluster_id) return\r\n      if (!('coordinates' in feature.geometry)) return\r\n      const center = feature.geometry.coordinates as [number, number]\r\n      const clusterId = feature.properties.cluster_id as number\r\n\r\n      const source = map.getSource('comments') as any\r\n      source.getClusterLeaves(clusterId, Infinity, 0)\r\n        .then((leaves: MapGeoJSONFeature[]) => {\r\n          cancelSpiderClose()\r\n          setSpider({ center, features: leaves })\r\n        })\r\n        .catch((error: unknown) => {\r\n          console.error(error)\r\n        })\r\n    }\r\n\r\n    const mouseLeaveCluster = () => {\r\n      map.getCanvas().style.cursor = ''\r\n      scheduleSpiderClose()\r\n    }\r\n\r\n    // Hover expands the cluster; click still zooms in to decluster as a fallback\r\n    map.on('click', 'comments-clusters', zoomInToDecluster)\r\n    map.on('mouseenter', 'comments-clusters', expandClusterOnHover)\r\n    map.on('mouseleave', 'comments-clusters', mouseLeaveCluster)\r\n    return () => {\r\n      map.off('click', 'comments-clusters', zoomInToDecluster)\r\n      map.off('mouseenter', 'comments-clusters', expandClusterOnHover)\r\n      map.off('mouseleave', 'comments-clusters', mouseLeaveCluster)\r\n    }\r\n  }, [map, cancelSpiderClose, scheduleSpiderClose])\r\n\r\n  const renderPopup = () => {\r\n    if (!popupInfo) return null\r\n    return (\r\n      <Popup\r\n        className=\"noBorderPopup\"\r\n        longitude={popupInfo.longitude}\r\n        latitude={popupInfo.latitude}\r\n        closeOnClick={false}\r\n        onClose={() => setPopUpInfo(null)}\r\n        anchor=\"bottom\"\r\n        style={{ height: '50px', border: 'none', boxShadow: 'none' }}\r\n        offset={[0, 10]}\r\n      >\r\n        <Comment\r\n          userName={popupInfo.authorName || ''}\r\n          userImage={popupAuthor?.imageFileId ?? popupInfo.imageFileId ?? null}\r\n          userImageFileId={popupAuthor?.imageFileId ?? popupInfo.imageFileId ?? null}\r\n          text={popupInfo.text}\r\n          createdAt={popupInfo.createdAt}\r\n          showActions\r\n          canEdit={user.id === String(popupInfo.authorId)}\r\n          canDelete={user.id === String(popupInfo.authorId)}\r\n          onEdit={user.id === String(popupInfo.authorId) ? () => requestSidebarAction(popupInfo.id, 'edit') : undefined}\r\n          onReply={() => requestSidebarAction(popupInfo.id, 'reply')}\r\n          onRemove={user.id === String(popupInfo.authorId) ? handleRemoveComment : undefined}\r\n          onClose={() => setPopUpInfo(null)}\r\n        />\r\n        {/* inline styles to override MapLibre’s Pop up CSS */}\r\n        <style>\r\n          {`\r\n              .noBorderPopup .maplibregl-popup-content {\r\n                border: none !important;\r\n                box-shadow: none !important;\r\n                background: transparent !important;\r\n              }\r\n              .noBorderPopup .maplibregl-popup-tip {\r\n                display: none !important;\r\n              }\r\n            `}\r\n        </style>\r\n      </Popup>\r\n    )\r\n  }\r\n\r\n  // Track unclustered comments to display avatars\r\n  const [unclusteredFeatures, setUnclusteredFeatures] = React.useState<MapGeoJSONFeature[]>([])\r\n\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n\r\n    const updateUnclusteredFeatures = () => {\r\n      const allFeatures = map.querySourceFeatures('comments')\r\n      const unclusteredOnly = allFeatures.filter(\r\n        (f) => !f.properties?.cluster && !f.properties?.point_count\r\n      )\r\n\r\n      // Deduplicate by id\r\n      const uniqueFeatures = new Map()\r\n      unclusteredOnly.forEach((f) => uniqueFeatures.set(f.properties.id, f))\r\n      setUnclusteredFeatures(Array.from(uniqueFeatures.values()))\r\n    }\r\n\r\n    const onSourceData = (e: any) => {\r\n      if (e?.sourceId === 'comments') updateUnclusteredFeatures()\r\n    }\r\n\r\n    map.on('sourcedata', onSourceData)\r\n    map.on('moveend', updateUnclusteredFeatures)\r\n    map.on('zoomend', updateUnclusteredFeatures)\r\n\r\n    updateUnclusteredFeatures()\r\n\r\n    return () => {\r\n      map.off('sourcedata', onSourceData)\r\n      map.off('moveend', updateUnclusteredFeatures)\r\n      map.off('zoomend', updateUnclusteredFeatures)\r\n    }\r\n  }, [map])\r\n\r\n  return (\r\n    <>\r\n  {commentsVisibleInViewer.includes(ViewerNames.map) &&\r\n    <Source\r\n      id=\"comments\"\r\n      type=\"geojson\"\r\n      data={geojsonCommentData}\r\n      cluster={true}\r\n      clusterMaxZoom={14}\r\n      clusterRadius={40}\r\n    >\r\n      <Layer {...clusterLayer} />\r\n      <Layer {...clusterCountLayer} />\r\n      <Layer {...unclusteredPointLayer} />\r\n\r\n      {renderPopup()}\r\n      {unclusteredFeatures\r\n        .filter((feature) => feature.properties?.id !== popupInfo?.id)\r\n        .map((feature) => (\r\n          <CommentAvatarMarker\r\n            key={String(feature.properties?.id)}\r\n            feature={feature}\r\n            isHighlighted={currentCommentId === feature.properties?.id || hoveredCommentId === feature.properties?.id}\r\n            isFocused={focusedCommentId === feature.properties?.id}\r\n            onMouseEnter={() => setHoveredCommentId(feature.properties?.id)}\r\n            onMouseLeave={() => setHoveredCommentId(null)}\r\n            onDoubleClick={() => focusComment(feature.properties?.id)}\r\n          />\r\n        ))}\r\n\r\n      {/* Spiderfied cluster members shown on hover */}\r\n      {spider && spider.features.map((feature, i) => {\r\n        const n = spider.features.length\r\n        const angle = (2 * Math.PI * i) / n - Math.PI / 2\r\n        const radius = Math.min(60, 24 + n * 4)\r\n        const offset: [number, number] = [Math.cos(angle) * radius, Math.sin(angle) * radius]\r\n        const id = feature.properties?.id\r\n        return (\r\n          <CommentAvatarMarker\r\n            key={`spider-${String(id)}`}\r\n            feature={feature}\r\n            center={spider.center}\r\n            offset={offset}\r\n            isHighlighted={currentCommentId === id || hoveredCommentId === id}\r\n            isFocused={focusedCommentId === id}\r\n            onMouseEnter={() => { cancelSpiderClose(); setHoveredCommentId(id) }}\r\n            onMouseLeave={() => { scheduleSpiderClose(); setHoveredCommentId(null) }}\r\n            onClick={() => { openPopupFromFeature(feature); setSpider(null) }}\r\n            onDoubleClick={() => { focusComment(id); setSpider(null) }}\r\n          />\r\n        )\r\n      })}\r\n    </Source>}\r\n    </>\r\n  )\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiEU,SAkWN,UAlWM,KAqRJ,YArRI;AA5DV,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,YAAY,WAAW;AACvB,SAAS,QAAQ,OAAO,OAAO,cAAc;AAC7C,SAAS,aAAa;AAEtB,SAAS,aAAa,yBAAyB;AAC/C,SAAS,SAAS,gBAAgB;AAClC,SAAS,YAAY,oBAAoB;AACzC,SAAS,mBAA6C;AACtD,SAAS,yBAAyB;AAClC,SAAS,cAAc;AACvB,OAAO,aAAa;AACpB,SAAS,kBAAkB;AAC3B,SAAS,qCAAqC;AAC9C,SAAS,6BAA6B;AACtC,SAAS,oBAAoB,yBAAyB,mCAAmC;AAUzF,MAAM,sBAAsB,CAAC,EAAE,SAAS,eAAe,WAAW,cAAc,cAAc,SAAS,eAAe,QAAQ,OAAO,MAAkP;AA/BvX;AAgCE,QAAM,YAAW,aAAQ,eAAR,mBAAoB;AACrC,QAAM,EAAE,MAAM,OAAO,IAAI,QAAQ,YAAY,OAAO,OAAO,QAAQ,IAAI,EAAE;AACzE,QAAM,YAAW,aAAQ,eAAR,mBAAoB;AACrC,QAAM,mBAAkB,aAAQ,eAAR,mBAAoB;AAC5C,QAAM,uBAAsB,4CAAQ,gBAAR,YAAuB,oBAAvB,YAA0C;AAItE,QAAM,SAAS,SAAS,EAAE,KAAK,OAAO,CAAC,GAAG,KAAK,OAAO,CAAC,EAAE,IAAI,8BAA8B,OAAO;AAClG,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,QAAQ,YAAY,OAAO,gBAAgB,MAAM;AAEvD,SACE,oBAAC,UAA6E,WAAW,OAAO,KAAK,UAAU,OAAO,KAAK,QAAO,UAAS,QACzI;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,gBAAgB,yBAAyB;AAAA,MAChD,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,WAAW,kBAAkB,EAAE,WAAW,eAAe,SAAS,UAAU,CAAC;AAAA,QAC7E,YAAY;AAAA,QACZ,WAAW,SAAS,KAAK;AAAA,QACzB,UAAU;AAAA,QACV,QAAQ,WAAW,gBAAgB,YAAY;AAAA,MACjD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,UAAO,WAAU,iBAChB;AAAA,QAAC;AAAA;AAAA,UACC,aAAa;AAAA,UACb,MAAM;AAAA,UACN,WAAU;AAAA;AAAA,MACZ,GACF;AAAA;AAAA,EACF,KAzBW,QAAO,mBAAQ,eAAR,mBAAoB,OAApB,YAA0B,GAAG,OAAO,GAAG,IAAI,OAAO,GAAG,EAAE,CA0B3E;AAEJ;AAEO,MAAM,eAAe,MAAM;AA5ElC;AA6EI,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAwB,IAAI;AACpF,QAAM,eAAe,mBAAmB,UAAU;AAClD,QAAM,oBAAoB,wBAAwB,UAAU;AAC5D,QAAM,wBAAwB,4BAA4B,UAAU;AAIpE,QAAM,IAAI,gBAAgB,eAAe;AAEzC,QAAM,EAAE,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AACvD,QAAM,EAAE,KAAK,gBAAgB,IAAI,SAAS;AAC1C,QAAM,EAAE,SAAS,IAAI,YAAY;AACjC,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,QAAO,gBAAW,EAAE,SAAb,mBAAmB;AAEhC,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAA4F,IAAI;AACxI,QAAM,EAAE,MAAM,YAAY,IAAI,SAAQ,uCAAW,aAAY,OAAO,OAAO,UAAU,QAAQ,IAAI,EAAE;AACnG,QAAM,EAAE,eAAe,IAAI,kBAAkB;AAC7C,QAAM,EAAE,OAAO,YAAY,UAAU,eAAe,iBAAiB,IAAI,MAAM,WAAW,YAAY;AACtG,QAAM,EAAE,yBAAyB,kBAAkB,kBAAkB,eAAe,IAAI,WAAW;AAEnG,QAAM,eAAe,MAAM,YAAY,CAAC,cAAuB;AAC7D,QAAI,aAAa,KAAM;AACvB,kBAAc,EAAE,MAAM,0BAA0B,SAAS,EAAE,UAAU,EAAE,CAAC;AACxE,kBAAc,EAAE,MAAM,0BAA0B,SAAS,EAAE,UAAU,EAAE,CAAC;AAAA,EAC1E,GAAG,CAAC,aAAa,CAAC;AAIlB,QAAM,uBAAuB,MAAM,YAAY,CAAC,WAA+B,WAA6B;AAC1G,QAAI,aAAa,KAAM;AACvB,qBAAiB,IAAI;AACrB,kBAAc,EAAE,MAAM,4BAA4B,SAAS,EAAE,aAAa,gBAAgB,EAAE,CAAC;AAC7F,kBAAc,EAAE,MAAM,0BAA0B,SAAS,EAAE,UAAU,EAAE,CAAC;AACxE,kBAAc,EAAE,MAAM,0BAA0B,SAAS,EAAE,WAAW,OAAO,EAAE,CAAC;AAAA,EAClF,GAAG,CAAC,eAAe,gBAAgB,CAAC;AAGpC,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAA6E,IAAI;AACnH,QAAM,mBAAmB,MAAM,OAA6C,IAAI;AAEhF,QAAM,oBAAoB,MAAM,YAAY,MAAM;AAChD,QAAI,iBAAiB,SAAS;AAC5B,mBAAa,iBAAiB,OAAO;AACrC,uBAAiB,UAAU;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,sBAAsB,MAAM,YAAY,MAAM;AAClD,sBAAkB;AAClB,qBAAiB,UAAU,WAAW,MAAM,UAAU,IAAI,GAAG,GAAG;AAAA,EAClE,GAAG,CAAC,iBAAiB,CAAC;AAEtB,QAAM,uBAAuB,MAAM,YAAY,CAAC,YAAgC;AAlIlF,QAAAA,KAAA;AAmII,QAAI,CAAC,WAAW,QAAQ,WAAW,YAAa;AAChD,QAAI,QAAQ,SAAS,SAAS,QAAS;AACvC,UAAM,CAAC,WAAW,QAAQ,IAAI,QAAQ,SAAS;AAC/C,UAAM,IAAI,QAAQ;AAClB,iBAAa;AAAA,MACX,IAAI,OAAO,EAAE,EAAE;AAAA,MACf,UAAU,OAAO,EAAE,QAAQ;AAAA,MAC3B,iBAAgBA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB;AAAA,MACpC,UAAS,aAAQ,eAAR,mBAAoB;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,MAAM,EAAE;AAAA,MACR,WAAW,EAAE;AAAA,MACb,YAAY,EAAE;AAAA,MACd,aAAa,EAAE;AAAA,MACf,QAAQ,YAAY;AAAA,IACtB,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,SACtB,OAAO,CAAC,YAAY,QAAQ,WAAW,YAAY,GAAG,EACtD,IAAI,CAAC,YAAY;AAxJtB,QAAAA,KAAA;AAyJM,UAAMC,QAAO,MAAM,KAAK,OAAK,EAAE,OAAO,QAAQ,QAAQ;AACtD,WAAO,iCACF,UADE;AAAA,MAEL,aAAYD,MAAAC,SAAA,gBAAAA,MAAM,SAAN,OAAAD,MAAc;AAAA,MAC1B,cAAa,KAAAC,SAAA,gBAAAA,MAAM,gBAAN,YAAqB;AAAA,IACpC;AAAA,EACF,CAAC;AAGH,QAAM,sBAAsB,MAAM,OAAO,gBAAgB;AACzD,sBAAoB,UAAU;AAG9B,QAAM,UAAU,MAAM;AACpB,QAAI,aAAa,CAAC,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,UAAU,EAAE,GAAG;AAC7D,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,UAAU,SAAS,CAAC;AAGxB,QAAM,UAAU,MAAM;AACpB,QAAI,oBAAoB,QAAQ,CAAC,IAAK;AACtC,UAAM,SAAS,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,gBAAgB;AAChF,QAAI,CAAC,UAAU,OAAO,aAAa,QAAQ,OAAO,YAAY,KAAM;AACpE,QAAI,MAAM,EAAE,QAAQ,CAAC,OAAO,WAAW,OAAO,QAAQ,GAAG,MAAM,KAAK,IAAI,IAAI,QAAQ,GAAG,EAAE,GAAG,UAAU,IAAI,CAAC;AAC3G,iBAAa;AAAA,MACX,IAAI,OAAO;AAAA,MACX,UAAU,OAAO;AAAA,MACjB,gBAAgB,OAAO;AAAA,MACvB,SAAS,OAAO;AAAA,MAChB,WAAW,OAAO;AAAA,MAClB,UAAU,OAAO;AAAA,MACjB,MAAM,OAAO;AAAA,MACb,WAAW,OAAO;AAAA,MAClB,YAAY,OAAO;AAAA,MACnB,aAAa,OAAO;AAAA,MACpB,QAAQ,YAAY;AAAA,IACtB,CAAC;AAAA,EACH,GAAG,CAAC,gBAAgB,GAAG,CAAC;AAExB,QAAM,qBAAqB,MAAM,QAAQ,MAAM;AAC7C,UAAM,uBAAuB,CAAC,gBAAgG;AAC5H,YAAM,kBAA4E,YAC/E,IAAI,CAAC,YAAwB;AAC5B,cAAM,EAAE,WAAW,UAAU,IAAI,MAAM,WAAW,UAAU,gBAAgB,SAAS,YAAY,YAAY,IAAI;AAEjH,eAAO;AAAA,UACL,MAAM;AAAA,UACN,UAAU;AAAA,YACR,MAAM;AAAA,YACN,aAAa,CAAC,WAAW,QAAQ;AAAA,UACnC;AAAA,UACA,YAAY;AAAA,YACV,IAAI,OAAO,EAAE;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,UAAU,OAAO,QAAQ;AAAA,YACzB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAQ,YAAY;AAAA,UACtB;AAAA,QACF;AAAA,MACF,CAAC;AAEH,YAAM,YAA8E;AAAA,QAClF,MAAM;AAAA,QACN,UAAU;AAAA,MACZ;AACA,aAAO;AAAA,IACT;AACA,WAAO,qBAAqB,gBAAgB;AAAA,EAC9C,GAAG,CAAC,gBAAgB,CAAC;AAGrB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AACV,UAAM,mBAAkC,CAAC,GAAuB,aAAkC;AAChG,2BAAqB,qCAAW,EAAE;AAAA,IACpC;AAEA,UAAM,yBAAyB,MAAM;AACnC,UAAI,UAAU,EAAE,MAAM,SAAS;AAAA,IACjC;AACA,UAAM,yBAAyB,MAAM;AACnC,UAAI,UAAU,EAAE,MAAM,SAAS;AAAA,IACjC;AAGA,oBAAgB,SAAS,+BAA+B,sBAAsB,4BAA4B,gBAAgB;AAE1H,QAAI,GAAG,cAAc,+BAA+B,sBAAsB;AAC1E,QAAI,GAAG,cAAc,+BAA+B,sBAAsB;AAC1E,WAAO,MAAM;AACX,sBAAgB,WAAW,6BAA6B;AACxD,UAAI,IAAI,cAAc,+BAA+B,sBAAsB;AAC3E,UAAI,IAAI,cAAc,+BAA+B,sBAAsB;AAAA,IAC7E;AAAA,EACF,GAAG,CAAC,KAAK,iBAAiB,oBAAoB,CAAC;AAE/C,QAAM,sBAAsB,MAAM;AAChC,SAAI,uCAAW,OAAM,KAAM;AAC3B,UAAM,QAAQ,EAAE,gBAAgB,CAAC;AAEjC,UAAM,KAAK,UAAU;AACrB,UAAM,WAAW,SAAS,OAAO,CAAC,MAAM,EAAE,cAAc,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE;AAC3E,SAAK,eAAe,EAAE,KAAK,CAAC,IAAI,GAAG,QAAQ,EAAE,CAAC;AAC9C,iBAAa,IAAI;AAAA,EACnB;AAGA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AACV,UAAM,QAAQ,MAAM,UAAU,IAAI;AAClC,QAAI,GAAG,aAAa,KAAK;AACzB,QAAI,GAAG,aAAa,KAAK;AACzB,WAAO,MAAM;AACX,UAAI,IAAI,aAAa,KAAK;AAC1B,UAAI,IAAI,aAAa,KAAK;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAGR,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AAEV,UAAM,oBAAoB,CAAC,MAA0B;AA1RzD,UAAAD;AA2RM,YAAM,WAAUA,MAAA,EAAE,aAAF,gBAAAA,IAAa;AAC7B,UAAI,CAAC,WAAW,CAAC,QAAQ,WAAW,WAAY;AAEhD,YAAM,YAAY,QAAQ,WAAW;AAGrC,UAAI,EAAE,iBAAiB,QAAQ,UAAW;AAC1C,YAAM,CAAC,KAAK,GAAG,IAAI,QAAQ,SAAS;AAEpC,YAAM,SAAS,IAAI,UAAU,UAAU;AACvC,aAAO,wBAAwB,SAAS,EAAE;AAAA,QACxC,CAAC,SAAiB;AAChB,cAAI,OAAO,EAAE,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC;AAAA,QACzC;AAAA,MACF,EACG,MAAM,CAAC,UAAU;AAChB,gBAAQ,MAAM,KAAK;AAAA,MACrB,CAAC;AAAA,IACL;AAGA,UAAM,uBAAuB,CAAC,MAA0B;AAhT5D,UAAAA;AAiTM,UAAI,UAAU,EAAE,MAAM,SAAS;AAC/B,YAAM,WAAUA,MAAA,EAAE,aAAF,gBAAAA,IAAa;AAC7B,UAAI,CAAC,WAAW,CAAC,QAAQ,WAAW,WAAY;AAChD,UAAI,EAAE,iBAAiB,QAAQ,UAAW;AAC1C,YAAM,SAAS,QAAQ,SAAS;AAChC,YAAM,YAAY,QAAQ,WAAW;AAErC,YAAM,SAAS,IAAI,UAAU,UAAU;AACvC,aAAO,iBAAiB,WAAW,UAAU,CAAC,EAC3C,KAAK,CAAC,WAAgC;AACrC,0BAAkB;AAClB,kBAAU,EAAE,QAAQ,UAAU,OAAO,CAAC;AAAA,MACxC,CAAC,EACA,MAAM,CAAC,UAAmB;AACzB,gBAAQ,MAAM,KAAK;AAAA,MACrB,CAAC;AAAA,IACL;AAEA,UAAM,oBAAoB,MAAM;AAC9B,UAAI,UAAU,EAAE,MAAM,SAAS;AAC/B,0BAAoB;AAAA,IACtB;AAGA,QAAI,GAAG,SAAS,qBAAqB,iBAAiB;AACtD,QAAI,GAAG,cAAc,qBAAqB,oBAAoB;AAC9D,QAAI,GAAG,cAAc,qBAAqB,iBAAiB;AAC3D,WAAO,MAAM;AACX,UAAI,IAAI,SAAS,qBAAqB,iBAAiB;AACvD,UAAI,IAAI,cAAc,qBAAqB,oBAAoB;AAC/D,UAAI,IAAI,cAAc,qBAAqB,iBAAiB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,KAAK,mBAAmB,mBAAmB,CAAC;AAEhD,QAAM,cAAc,MAAM;AAnV5B,QAAAA,KAAA;AAoVI,QAAI,CAAC,UAAW,QAAO;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,WAAW,UAAU;AAAA,QACrB,UAAU,UAAU;AAAA,QACpB,cAAc;AAAA,QACd,SAAS,MAAM,aAAa,IAAI;AAAA,QAChC,QAAO;AAAA,QACP,OAAO,EAAE,QAAQ,QAAQ,QAAQ,QAAQ,WAAW,OAAO;AAAA,QAC3D,QAAQ,CAAC,GAAG,EAAE;AAAA,QAEd;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,UAAU,cAAc;AAAA,cAClC,YAAW,MAAAA,MAAA,2CAAa,gBAAb,OAAAA,MAA4B,UAAU,gBAAtC,YAAqD;AAAA,cAChE,kBAAiB,sDAAa,gBAAb,YAA4B,UAAU,gBAAtC,YAAqD;AAAA,cACtE,MAAM,UAAU;AAAA,cAChB,WAAW,UAAU;AAAA,cACrB,aAAW;AAAA,cACX,SAAS,KAAK,OAAO,OAAO,UAAU,QAAQ;AAAA,cAC9C,WAAW,KAAK,OAAO,OAAO,UAAU,QAAQ;AAAA,cAChD,QAAQ,KAAK,OAAO,OAAO,UAAU,QAAQ,IAAI,MAAM,qBAAqB,UAAU,IAAI,MAAM,IAAI;AAAA,cACpG,SAAS,MAAM,qBAAqB,UAAU,IAAI,OAAO;AAAA,cACzD,UAAU,KAAK,OAAO,OAAO,UAAU,QAAQ,IAAI,sBAAsB;AAAA,cACzE,SAAS,MAAM,aAAa,IAAI;AAAA;AAAA,UAClC;AAAA,UAEA,oBAAC,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAGA,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,MAAM,SAA8B,CAAC,CAAC;AAE5F,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AAEV,UAAM,4BAA4B,MAAM;AACtC,YAAM,cAAc,IAAI,oBAAoB,UAAU;AACtD,YAAM,kBAAkB,YAAY;AAAA,QAClC,CAAC,MAAG;AAxYZ,cAAAA,KAAA;AAwYe,oBAACA,MAAA,EAAE,eAAF,gBAAAA,IAAc,YAAW,GAAC,OAAE,eAAF,mBAAc;AAAA;AAAA,MAClD;AAGA,YAAM,iBAAiB,oBAAI,IAAI;AAC/B,sBAAgB,QAAQ,CAAC,MAAM,eAAe,IAAI,EAAE,WAAW,IAAI,CAAC,CAAC;AACrE,6BAAuB,MAAM,KAAK,eAAe,OAAO,CAAC,CAAC;AAAA,IAC5D;AAEA,UAAM,eAAe,CAAC,MAAW;AAC/B,WAAI,uBAAG,cAAa,WAAY,2BAA0B;AAAA,IAC5D;AAEA,QAAI,GAAG,cAAc,YAAY;AACjC,QAAI,GAAG,WAAW,yBAAyB;AAC3C,QAAI,GAAG,WAAW,yBAAyB;AAE3C,8BAA0B;AAE1B,WAAO,MAAM;AACX,UAAI,IAAI,cAAc,YAAY;AAClC,UAAI,IAAI,WAAW,yBAAyB;AAC5C,UAAI,IAAI,WAAW,yBAAyB;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SACE,gCACD,kCAAwB,SAAS,YAAY,GAAG,KAC/C;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,eAAe;AAAA,MAEf;AAAA,4BAAC,0BAAU,aAAc;AAAA,QACzB,oBAAC,0BAAU,kBAAmB;AAAA,QAC9B,oBAAC,0BAAU,sBAAuB;AAAA,QAEjC,YAAY;AAAA,QACZ,oBACE,OAAO,CAAC,YAAS;AAnb1B,cAAAA;AAmb6B,mBAAAA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB,SAAO,uCAAW;AAAA,SAAE,EAC5D,IAAI,CAAC,YAAS;AApbvB,cAAAA,KAAA;AAqbU;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA,eAAe,uBAAqB,aAAQ,eAAR,mBAAoB,OAAM,uBAAqB,aAAQ,eAAR,mBAAoB;AAAA,cACvG,WAAW,uBAAqB,aAAQ,eAAR,mBAAoB;AAAA,cACpD,cAAc,MAAG;AA1b7B,oBAAAA;AA0bgC,4CAAoBA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB,EAAE;AAAA;AAAA,cAC9D,cAAc,MAAM,oBAAoB,IAAI;AAAA,cAC5C,eAAe,MAAG;AA5b9B,oBAAAA;AA4biC,qCAAaA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB,EAAE;AAAA;AAAA;AAAA,YANnD,QAAOA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB,EAAE;AAAA,UAOpC;AAAA,SACD;AAAA,QAGF,UAAU,OAAO,SAAS,IAAI,CAAC,SAAS,MAAM;AAjcrD,cAAAA;AAkcQ,gBAAM,IAAI,OAAO,SAAS;AAC1B,gBAAM,QAAS,IAAI,KAAK,KAAK,IAAK,IAAI,KAAK,KAAK;AAChD,gBAAM,SAAS,KAAK,IAAI,IAAI,KAAK,IAAI,CAAC;AACtC,gBAAM,SAA2B,CAAC,KAAK,IAAI,KAAK,IAAI,QAAQ,KAAK,IAAI,KAAK,IAAI,MAAM;AACpF,gBAAM,MAAKA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB;AAC/B,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA,QAAQ,OAAO;AAAA,cACf;AAAA,cACA,eAAe,qBAAqB,MAAM,qBAAqB;AAAA,cAC/D,WAAW,qBAAqB;AAAA,cAChC,cAAc,MAAM;AAAE,kCAAkB;AAAG,oCAAoB,EAAE;AAAA,cAAE;AAAA,cACnE,cAAc,MAAM;AAAE,oCAAoB;AAAG,oCAAoB,IAAI;AAAA,cAAE;AAAA,cACvE,SAAS,MAAM;AAAE,qCAAqB,OAAO;AAAG,0BAAU,IAAI;AAAA,cAAE;AAAA,cAChE,eAAe,MAAM;AAAE,6BAAa,EAAE;AAAG,0BAAU,IAAI;AAAA,cAAE;AAAA;AAAA,YATpD,UAAU,OAAO,EAAE,CAAC;AAAA,UAU3B;AAAA,QAEJ,CAAC;AAAA;AAAA;AAAA,EACH,GACA;AAEJ;","names":["_a","user"]}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapFileManager.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileManager.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA4B9B,KAAK,eAAe,GAAG;IACrB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,gBAAgB,EAAE,EAAE,eAAe,qBA0F3E"}
+{"version":3,"file":"MapFileManager.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileManager.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA4B9B,KAAK,eAAe,GAAG;IACrB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,gBAAgB,EAAE,EAAE,eAAe,qBA4F3E"}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileManager.js

@@ -91,7 +91,8 @@ function MapFileManager({ closeFileManager }) {
           });
         },
         onRemoveFile: () => handleDeleteFile(file),
-        onEditFile: () => console.log("Editing file with id", file.id)
+        onEditFile: () => {
+        }
       },
       file.id
     )) }) })