@collabdt/core 0.0.40

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

@@ -0,0 +1,131 @@
+import * as LR from "lucide-react";
+const sensorTypeIcons = {
+  "Temperature": LR.Thermometer,
+  "Light": LR.Sun,
+  "Humidity": LR.Droplets,
+  "Energy_Consumption": LR.Zap,
+  "Movement": LR.Cctv,
+  "Air_Quality": LR.Wind,
+  "Atmospheric_Pressure": LR.Gauge,
+  "Irradiance": LR.Radiation,
+  "Flow": LR.Waves,
+  "State": LR.ToggleLeft,
+  "Noise_Level": LR.Volume2
+};
+function getSensorTypeIcon(sensorType) {
+  return sensorTypeIcons[sensorType] || LR.Radio;
+}
+const sensorTypeColors = {
+  "Temperature": {
+    max: "#EF4444",
+    // Bold Red (Hot)
+    mid: "#F8FAFC",
+    // Slate-50 (Neutral/White)
+    min: "#3B82F6"
+    // Bold Blue (Cold)
+  },
+  "Energy_Consumption": {
+    max: "#B91C1C",
+    // Deep Red (High Usage)
+    mid: "#FACC15",
+    // Bright Yellow (Moderate)
+    min: "#16A34A"
+    // Green (Efficient)
+  },
+  "Air_Quality": {
+    max: "#7F1D1D",
+    // Dark Maroon (Poor)
+    mid: "#F97316",
+    // Orange (Moderate)
+    min: "#10B981"
+    // Emerald (Clean)
+  },
+  "Humidity": {
+    max: "#1E3A8A",
+    // Navy (Saturated/Wet)
+    mid: "#60A5FA",
+    // Sky Blue
+    min: "#E0F2FE"
+    // Very Light Blue (Dry)
+  },
+  "Light": {
+    max: "#FDE047",
+    // Sun Yellow (Bright)
+    mid: "#F59E0B",
+    // Amber
+    min: "#451A03"
+    // Dark Brown (Dim/Dark)
+  },
+  // 'Battery': { // Bonus for consistency
+  //   max: '#059669',   // Green (Full)
+  //   mid: '#EAB308',   // Yellow (Medium)
+  //   min: '#DC2626'    // Red (Critical)
+  // },
+  "Flow": {
+    max: "#0891B2",
+    // Dark Cyan (High Flow)
+    mid: "#22D3EE",
+    // Cyan
+    min: "#CFFAFE"
+    // Pale Cyan
+  },
+  "Movement": {
+    max: "#475569",
+    // Slate-600 (Active)
+    mid: "#94A3B8",
+    // Slate-400
+    min: "#F1F5F9"
+    // Slate-100 (Still)
+  },
+  "Atmospheric_Pressure": {
+    max: "#4338CA",
+    // Indigo-700
+    mid: "#818CF8",
+    // Indigo-400
+    min: "#E0E7FF"
+    // Indigo-100
+  },
+  "Irradiance": {
+    max: "#EA580C",
+    // Deep Orange
+    mid: "#FB923C",
+    // Orange
+    min: "#FFF7ED"
+    // Shell
+  },
+  "State": {
+    max: "#27272A",
+    // Zinc-800
+    mid: "#71717A",
+    // Zinc-500
+    min: "#F4F4F5"
+    // Zinc-100
+  },
+  "Noise_Level": {
+    max: "#EC4899",
+    // Pink-500 (Loud/Peak)
+    mid: "#8B5CF6",
+    // Violet-500 (Active)
+    min: "#14B8A6"
+    // Teal-500 (Silent/Background)
+  }
+};
+const defaultPalette = {
+  max: "#B91C1C",
+  // Deep Red (High Usage)
+  mid: "#FACC15",
+  // Bright Yellow (Moderate)
+  min: "#16A34A"
+  // Green (Efficient)
+};
+function getSensorTypeColors(sensorType) {
+  return sensorTypeColors[sensorType] || defaultPalette;
+}
+export {
+  defaultPalette,
+  getSensorTypeColors,
+  getSensorTypeIcon,
+  sensorTypeColors,
+  sensorTypeIcons
+};
+//# sourceMappingURL=sensorUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/sensorUtils.ts"],"sourcesContent":["import type { SensorTypes } from '../../../types/dbTypes';\r\nimport * as LR from 'lucide-react'\r\n\r\nexport const sensorTypeIcons: Record<SensorTypes, LR.LucideIcon> = {\r\n  'Temperature': LR.Thermometer,\r\n  'Light': LR.Sun,\r\n  'Humidity': LR.Droplets,\r\n  'Energy_Consumption': LR.Zap,\r\n  'Movement': LR.Cctv,\r\n  'Air_Quality': LR.Wind,\r\n  'Atmospheric_Pressure': LR.Gauge,\r\n  'Irradiance': LR.Radiation,\r\n  'Flow': LR.Waves,\r\n  'State': LR.ToggleLeft,\r\n  'Noise_Level': LR.Volume2,\r\n}\r\n\r\nexport function getSensorTypeIcon(sensorType: `${SensorTypes}`): LR.LucideIcon {\r\n  return sensorTypeIcons[sensorType] || LR.Radio\r\n}\r\n\r\n// Define a type for your color palette\r\ntype ColorPalette = {\r\n  max: string;   // Main icon color\r\n  mid: string;   // Muted accent\r\n  min: string;   // Very light max\r\n};\r\n\r\n// Muted, non-dramatic color map\r\nexport const sensorTypeColors: Record<SensorTypes, ColorPalette> = {\r\n  'Temperature': { \r\n    max: '#EF4444',   // Bold Red (Hot)\r\n    mid: '#F8FAFC',   // Slate-50 (Neutral/White)\r\n    min: '#3B82F6'    // Bold Blue (Cold)\r\n  },\r\n  'Energy_Consumption': { \r\n    max: '#B91C1C',   // Deep Red (High Usage)\r\n    mid: '#FACC15',   // Bright Yellow (Moderate)\r\n    min: '#16A34A'    // Green (Efficient)\r\n  },\r\n  'Air_Quality': { \r\n    max: '#7F1D1D',   // Dark Maroon (Poor)\r\n    mid: '#F97316',   // Orange (Moderate)\r\n    min: '#10B981'    // Emerald (Clean)\r\n  },\r\n  'Humidity': { \r\n    max: '#1E3A8A',   // Navy (Saturated/Wet)\r\n    mid: '#60A5FA',   // Sky Blue\r\n    min: '#E0F2FE'    // Very Light Blue (Dry)\r\n  },\r\n  'Light': { \r\n    max: '#FDE047',   // Sun Yellow (Bright)\r\n    mid: '#F59E0B',   // Amber\r\n    min: '#451A03'    // Dark Brown (Dim/Dark)\r\n  },\r\n  // 'Battery': { // Bonus for consistency\r\n  //   max: '#059669',   // Green (Full)\r\n  //   mid: '#EAB308',   // Yellow (Medium)\r\n  //   min: '#DC2626'    // Red (Critical)\r\n  // },\r\n  'Flow': { \r\n    max: '#0891B2',   // Dark Cyan (High Flow)\r\n    mid: '#22D3EE',   // Cyan\r\n    min: '#CFFAFE'    // Pale Cyan\r\n  },\r\n  'Movement': { \r\n    max: '#475569',   // Slate-600 (Active)\r\n    mid: '#94A3B8',   // Slate-400\r\n    min: '#F1F5F9'    // Slate-100 (Still)\r\n  },\r\n  'Atmospheric_Pressure': { \r\n    max: '#4338CA',   // Indigo-700\r\n    mid: '#818CF8',   // Indigo-400\r\n    min: '#E0E7FF'    // Indigo-100\r\n  },\r\n  'Irradiance': { \r\n    max: '#EA580C',   // Deep Orange\r\n    mid: '#FB923C',   // Orange\r\n    min: '#FFF7ED'    // Shell\r\n  },\r\n  'State': { \r\n    max: '#27272A',   // Zinc-800\r\n    mid: '#71717A',   // Zinc-500\r\n    min: '#F4F4F5'    // Zinc-100\r\n  },\r\n  'Noise_Level': {\r\n    max: '#EC4899',   // Pink-500 (Loud/Peak)\r\n    mid: '#8B5CF6',   // Violet-500 (Active)\r\n    min: '#14B8A6'    // Teal-500 (Silent/Background)\r\n  }\r\n};\r\n\r\n// Fallback palette (Neutral Grey)\r\nexport const defaultPalette: ColorPalette = {\r\n    max: '#B91C1C',   // Deep Red (High Usage)\r\n    mid: '#FACC15',   // Bright Yellow (Moderate)\r\n    min: '#16A34A'    // Green (Efficient)\r\n};\r\n\r\nexport function getSensorTypeColors(sensorType: `${SensorTypes}`): ColorPalette { \r\n  return sensorTypeColors[sensorType] || defaultPalette;\r\n}"],"mappings":"AACA,YAAY,QAAQ;AAEb,MAAM,kBAAsD;AAAA,EACjE,eAAe,GAAG;AAAA,EAClB,SAAS,GAAG;AAAA,EACZ,YAAY,GAAG;AAAA,EACf,sBAAsB,GAAG;AAAA,EACzB,YAAY,GAAG;AAAA,EACf,eAAe,GAAG;AAAA,EAClB,wBAAwB,GAAG;AAAA,EAC3B,cAAc,GAAG;AAAA,EACjB,QAAQ,GAAG;AAAA,EACX,SAAS,GAAG;AAAA,EACZ,eAAe,GAAG;AACpB;AAEO,SAAS,kBAAkB,YAA6C;AAC7E,SAAO,gBAAgB,UAAU,KAAK,GAAG;AAC3C;AAUO,MAAM,mBAAsD;AAAA,EACjE,eAAe;AAAA,IACb,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,sBAAsB;AAAA,IACpB,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,eAAe;AAAA,IACb,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,QAAQ;AAAA,IACN,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,wBAAwB;AAAA,IACtB,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,cAAc;AAAA,IACZ,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,eAAe;AAAA,IACb,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AACF;AAGO,MAAM,iBAA+B;AAAA,EACxC,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AACT;AAEO,SAAS,oBAAoB,YAA4C;AAC9E,SAAO,iBAAiB,UAAU,KAAK;AACzC;","names":[]}

package/dist/core/components/ui/Separator.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };
+//# sourceMappingURL=Separator.d.ts.map

package/dist/core/components/ui/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAI/D,QAAA,MAAM,SAAS,6JAoBd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/core/components/ui/Separator.js

@@ -0,0 +1,56 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cn } from "../../utils/utils";
+const Separator = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
+    return /* @__PURE__ */ jsx(
+      SeparatorPrimitive.Root,
+      __spreadValues({
+        ref,
+        decorative,
+        orientation,
+        className: cn(
+          "shrink-0 bg-border",
+          orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+          className
+        )
+      }, props)
+    );
+  }
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+export {
+  Separator
+};
+//# sourceMappingURL=Separator.js.map

package/dist/core/components/ui/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/Separator.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\nconst Separator = React.forwardRef<\r\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(\r\n  (\r\n    { className, orientation = 'horizontal', decorative = true, ...props },\r\n    ref,\r\n  ) => (\r\n    <SeparatorPrimitive.Root\r\n      ref={ref}\r\n      decorative={decorative}\r\n      orientation={orientation}\r\n      className={cn(\r\n        'shrink-0 bg-border',\r\n        orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  ),\r\n)\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName\r\n\r\nexport { Separator }\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeI;AAbJ,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAEpC,SAAS,UAAU;AAEnB,MAAM,YAAY,MAAM;AAAA,EAItB,CACE,IACA,QACA;AAFA,iBAAE,aAAW,cAAc,cAAc,aAAa,KAZ1D,IAYI,IAA+D,kBAA/D,IAA+D,CAA7D,aAAW,eAA4B;AAGzC;AAAA,MAAC,mBAAmB;AAAA,MAAnB;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,gBAAgB,eAAe,mBAAmB;AAAA,UAClD;AAAA,QACF;AAAA,SACI;AAAA,IACN;AAAA;AAEJ;AACA,UAAU,cAAc,mBAAmB,KAAK;","names":[]}

package/dist/core/components/ui/SettingsButton.d.ts

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

package/dist/core/components/ui/SettingsButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/SettingsButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,MAAM,CAAC,OAAO,UAAU,cAAc,sBA8BrC"}

package/dist/core/components/ui/SettingsButton.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Settings2 } from "lucide-react";
+import ToolbarButton from "./ToolbarButton";
+import { Menubar } from "./Menubar";
+import { useTranslations } from "next-intl";
+import { useSidebar } from "./Sidebar";
+import { useIsMobile } from "../../hooks/ui/use-mobile";
+import { MenusContext } from "../../store";
+function SettingsButton() {
+  const t = useTranslations("SettingsButton");
+  const isMobile = useIsMobile();
+  if (isMobile) return null;
+  const tool = {
+    id: "settings",
+    title: t("title"),
+    icon: Settings2,
+    stayActive: false,
+    height: "6"
+  };
+  const { setOpenInfo } = useSidebar();
+  const { dispatch: menusDispatch } = React.useContext(MenusContext);
+  const onclick = () => {
+    setOpenInfo(true);
+    menusDispatch({ type: "SET_SIDEBAR_SELECTED_TAB", payload: { selectedTab: "settings" } });
+  };
+  return /* @__PURE__ */ jsx("div", { className: "absolute top-24 right-0 m-[10px] z-10", onClick: onclick, children: /* @__PURE__ */ jsx(Menubar, { className: "flex flex-row gap-2 justify-center w-[28.99px] bg-primary-light rounded space-y-0 p-0", children: /* @__PURE__ */ jsx(ToolbarButton, { tool }) }) });
+}
+export {
+  SettingsButton as default
+};
+//# sourceMappingURL=SettingsButton.js.map

package/dist/core/components/ui/SettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/SettingsButton.tsx"],"sourcesContent":["// Shadcn Components\r\nimport * as React from 'react'\r\nimport { Settings2 } from 'lucide-react'\r\nimport type { Tool } from '../../types/tools'\r\nimport ToolbarButton from './ToolbarButton'\r\nimport { Menubar } from './Menubar'\r\nimport { useTranslations } from 'next-intl'\r\nimport { useSidebar } from './Sidebar'\r\nimport { useIsMobile } from '../../hooks/ui/use-mobile'\r\nimport { MenusContext } from '../../store'\r\n\r\n\r\n// Components\r\n\r\nexport default function SettingsButton() {\r\n  // Translation\r\n  const t = useTranslations('SettingsButton')\r\n\r\n  const isMobile = useIsMobile()\r\n  if (isMobile) return null\r\n\r\n  const tool: Tool = {\r\n    id: 'settings',\r\n    title: t('title'),\r\n    icon: Settings2,\r\n    stayActive: false,\r\n    height: '6',\r\n  }\r\n\r\n  const { setOpenInfo } = useSidebar()\r\n\r\n  const { dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const onclick = () => {\r\n    setOpenInfo(true)\r\n    menusDispatch({ type: 'SET_SIDEBAR_SELECTED_TAB', payload: { selectedTab: 'settings' } })\r\n  }\r\n\r\n  return (\r\n    <div className=\"absolute top-24 right-0 m-[10px] z-10\" onClick={onclick}>\r\n      <Menubar className=\"flex flex-row gap-2 justify-center w-[28.99px] bg-primary-light rounded space-y-0 p-0\">\r\n        <ToolbarButton tool={tool} />\r\n      </Menubar>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"AAwCQ;AAvCR,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAE1B,OAAO,mBAAmB;AAC1B,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAKd,SAAR,iBAAkC;AAEvC,QAAM,IAAI,gBAAgB,gBAAgB;AAE1C,QAAM,WAAW,YAAY;AAC7B,MAAI,SAAU,QAAO;AAErB,QAAM,OAAa;AAAA,IACjB,IAAI;AAAA,IACJ,OAAO,EAAE,OAAO;AAAA,IAChB,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AAEA,QAAM,EAAE,YAAY,IAAI,WAAW;AAEnC,QAAM,EAAE,UAAU,cAAc,IAAI,MAAM,WAAW,YAAY;AACjE,QAAM,UAAU,MAAM;AACpB,gBAAY,IAAI;AAChB,kBAAc,EAAE,MAAM,4BAA4B,SAAS,EAAE,aAAa,WAAW,EAAE,CAAC;AAAA,EAC1F;AAEA,SACE,oBAAC,SAAI,WAAU,yCAAwC,SAAS,SAC9D,8BAAC,WAAQ,WAAU,yFACjB,8BAAC,iBAAc,MAAY,GAC7B,GACF;AAEJ;","names":[]}

package/dist/core/components/ui/ShareFeature/QRCodeWithLink.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type QRCodeProps = {
+    title: string;
+    urlToShare: string;
+    isLoadingState: boolean;
+};
+declare const QRCodeLink: ({ title, urlToShare, isLoadingState }: QRCodeProps) => React.JSX.Element;
+export default QRCodeLink;
+//# sourceMappingURL=QRCodeWithLink.d.ts.map

package/dist/core/components/ui/ShareFeature/QRCodeWithLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCodeWithLink.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/ShareFeature/QRCodeWithLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,UAAU,GAAI,uCAAuC,WAAW,sBA8BrE,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/core/components/ui/ShareFeature/QRCodeWithLink.js

@@ -0,0 +1,33 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { LoaderIcon } from "lucide-react";
+import React from "react";
+const QRCodeLink = ({ title, urlToShare, isLoadingState }) => {
+  const encoded = encodeURIComponent(urlToShare);
+  const [imageLoaded, setImageLoaded] = React.useState(false);
+  React.useEffect(() => {
+    setImageLoaded(false);
+  }, [urlToShare]);
+  const showLoader = isLoadingState || !imageLoaded;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "w-32 h-32 bg-gray-200 flex items-center justify-center rounded", children: [
+      showLoader ? /* @__PURE__ */ jsx(LoaderIcon, { className: "animate-spin" }) : null,
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: `https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${encoded}`,
+          alt: "QR Code",
+          className: `${showLoader ? "hidden" : "block"}`,
+          onLoad: () => setImageLoaded(true),
+          onError: () => setImageLoaded(false)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: title })
+  ] });
+};
+var QRCodeWithLink_default = QRCodeLink;
+export {
+  QRCodeWithLink_default as default
+};
+//# sourceMappingURL=QRCodeWithLink.js.map

package/dist/core/components/ui/ShareFeature/QRCodeWithLink.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/ShareFeature/QRCodeWithLink.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { LoaderIcon } from 'lucide-react'\r\nimport React from 'react'\r\n\r\ntype QRCodeProps = {\r\n  title: string\r\n  urlToShare: string\r\n  isLoadingState: boolean\r\n}\r\n\r\nconst QRCodeLink = ({ title, urlToShare, isLoadingState }: QRCodeProps) => {\r\n  const encoded = encodeURIComponent(urlToShare)\r\n  const [imageLoaded, setImageLoaded] = React.useState(false)\r\n\r\n  // Reset imageLoaded when urlToShare changes\r\n  React.useEffect(() => {\r\n    setImageLoaded(false)\r\n  }, [urlToShare])\r\n\r\n  const showLoader = isLoadingState || !imageLoaded\r\n\r\n  return (\r\n    <>\r\n      <div className=\"w-32 h-32 bg-gray-200 flex items-center justify-center rounded\">\r\n        {showLoader\r\n          ? (\r\n              <LoaderIcon className=\"animate-spin\" />\r\n            )\r\n          : null}\r\n        <img\r\n          src={`https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${encoded}`}\r\n          alt=\"QR Code\"\r\n          className={`${showLoader ? 'hidden' : 'block'}`}\r\n          onLoad={() => setImageLoaded(true)}\r\n          onError={() => setImageLoaded(false)}\r\n        />\r\n      </div>\r\n      <span className=\"text-xs text-muted-foreground\">{title}</span>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default QRCodeLink\r\n"],"mappings":";AAuBI,mBAIU,KAHR,YADF;AArBJ,SAAS,kBAAkB;AAC3B,OAAO,WAAW;AAQlB,MAAM,aAAa,CAAC,EAAE,OAAO,YAAY,eAAe,MAAmB;AACzE,QAAM,UAAU,mBAAmB,UAAU;AAC7C,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK;AAG1D,QAAM,UAAU,MAAM;AACpB,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,aAAa,kBAAkB,CAAC;AAEtC,SACE,iCACE;AAAA,yBAAC,SAAI,WAAU,kEACZ;AAAA,mBAEK,oBAAC,cAAW,WAAU,gBAAe,IAEvC;AAAA,MACJ;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,iEAAiE,OAAO;AAAA,UAC7E,KAAI;AAAA,UACJ,WAAW,GAAG,aAAa,WAAW,OAAO;AAAA,UAC7C,QAAQ,MAAM,eAAe,IAAI;AAAA,UACjC,SAAS,MAAM,eAAe,KAAK;AAAA;AAAA,MACrC;AAAA,OACF;AAAA,IACA,oBAAC,UAAK,WAAU,iCAAiC,iBAAM;AAAA,KACzD;AAEJ;AAEA,IAAO,yBAAQ;","names":[]}

package/dist/core/components/ui/ShareFeature/ShareToolSubmenu.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { Tool } from '../../../types/tools';
+interface ShareToolSubmenuProps {
+    tool: Tool;
+    constructShareUrl: () => Promise<string>;
+    translationKey?: string;
+    dialogTitleKey?: string;
+}
+export declare const ShareToolSubmenu: React.FC<ShareToolSubmenuProps>;
+export {};
+//# sourceMappingURL=ShareToolSubmenu.d.ts.map

package/dist/core/components/ui/ShareFeature/ShareToolSubmenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareToolSubmenu.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/ShareFeature/ShareToolSubmenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAwC3C,UAAU,qBAAqB;IAC7B,IAAI,EAAE,IAAI,CAAA;IACV,iBAAiB,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;IACxC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6S5D,CAAA"}

package/dist/core/components/ui/ShareFeature/ShareToolSubmenu.js

@@ -0,0 +1,254 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter, usePathname } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { ViewerNames } from "../../../types/";
+import {
+  DropdownMenuItem
+} from "../DropdownMenu";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger
+} from "../Dialog";
+import { Input } from "../Input";
+import { Button } from "../Button";
+import { toast } from "sonner";
+import {
+  Link,
+  ScanQrCode,
+  Camera
+} from "lucide-react";
+import QRCodeWithLink from "./QRCodeWithLink";
+import { ToolbarSubmenu } from "../../ToolbarSubmenu";
+import { LoadingSpinner } from "../LoadingSpinner";
+import { MenusContext, MapContext, BimContext } from "../../../store";
+const ShareToolSubmenu = ({
+  tool,
+  constructShareUrl,
+  translationKey = "ShareTool",
+  dialogTitleKey
+}) => {
+  const t = useTranslations("ShareTool");
+  const { state: menusState } = React.useContext(MenusContext);
+  const { currentViewer } = menusState.menus;
+  const { state: mapState } = React.useContext(MapContext);
+  const { map } = mapState.map;
+  const { state: bimState } = React.useContext(BimContext);
+  const { world } = bimState.bim;
+  const router = useRouter();
+  const pathname = usePathname();
+  const [shareUrlLink, setShareUrlLink] = React.useState("");
+  const [origin, setOrigin] = React.useState("");
+  const [isLoadingShareLink, setIsLoadingShareLink] = React.useState(false);
+  const [isLoadingQRCode, setIsLoadingQRCode] = React.useState(false);
+  const [qrDialogOpen, setQrDialogOpen] = React.useState(false);
+  const [screenshotDialogOpen, setScreenshotDialogOpen] = React.useState(false);
+  const [screenshotBlob, setScreenshotBlob] = React.useState(null);
+  const [screenshotUrl, setScreenshotUrl] = React.useState("");
+  const [screenshotName, setScreenshotName] = React.useState("");
+  const [exportFormat, setExportFormat] = React.useState("png");
+  React.useEffect(() => {
+    setOrigin(window.location.origin);
+    setShareUrlLink(window.location.origin + pathname);
+  }, [pathname]);
+  React.useEffect(() => {
+    if (!screenshotDialogOpen && screenshotUrl) {
+      URL.revokeObjectURL(screenshotUrl);
+      setScreenshotUrl("");
+      setScreenshotBlob(null);
+    }
+  }, [screenshotDialogOpen, screenshotUrl]);
+  const handleClickShare = async () => {
+    setIsLoadingShareLink(true);
+    try {
+      const shareUrl = await constructShareUrl();
+      const writeToClipBoard = () => {
+        try {
+          navigator.clipboard.writeText(shareUrl);
+        } catch (e) {
+        }
+      };
+      writeToClipBoard();
+      router.push(shareUrl, { scroll: false });
+    } catch (error) {
+      console.error("Failed to copy:", error);
+    } finally {
+      setIsLoadingShareLink(false);
+    }
+    toast.success(t("copySuccess"));
+  };
+  const handleShareQR = async () => {
+    setIsLoadingQRCode(true);
+    try {
+      const shareUrl = await constructShareUrl();
+      setShareUrlLink(shareUrl);
+      router.push(shareUrl, { scroll: false });
+      setQrDialogOpen(true);
+    } catch (error) {
+      console.error("Failed to generate QR:", error);
+    } finally {
+      setIsLoadingQRCode(false);
+    }
+  };
+  const handleClickScreenshot = async () => {
+    try {
+      let canvas = null;
+      if (currentViewer === ViewerNames.map && map) {
+        const captureAfterRender = () => {
+          const mapCanvas = map.getCanvas();
+          mapCanvas.toBlob((blob) => {
+            if (!blob) return;
+            const url = URL.createObjectURL(blob);
+            setScreenshotBlob(blob);
+            setScreenshotUrl(url);
+            setScreenshotName(`screenshot-${currentViewer}-${Date.now()}`);
+            setScreenshotDialogOpen(true);
+          }, "image/png", 1);
+        };
+        map.once("render", captureAfterRender);
+        map.triggerRepaint();
+        return;
+      }
+      if (currentViewer === ViewerNames.bim && (world == null ? void 0 : world.renderer) && (world == null ? void 0 : world.scene) && (world == null ? void 0 : world.camera)) {
+        world.renderer.three.render(world.scene.three, world.camera.three);
+        canvas = document.querySelector("#bim-viewer-container canvas");
+        if (canvas) {
+          canvas.toBlob((blob) => {
+            if (!blob) return;
+            const url = URL.createObjectURL(blob);
+            setScreenshotBlob(blob);
+            setScreenshotUrl(url);
+            setScreenshotName(`screenshot-${currentViewer}-${Date.now()}`);
+            setScreenshotDialogOpen(true);
+          }, "image/png", 1);
+        }
+        return;
+      }
+      if (currentViewer === ViewerNames.pointcloud) {
+        canvas = document.querySelector("#pointcloud-viewer-container canvas");
+      } else {
+        canvas = document.querySelector("canvas");
+      }
+      if (!canvas) {
+        throw new Error("No canvas found");
+      }
+      canvas.toBlob((blob) => {
+        if (!blob) return;
+        const url = URL.createObjectURL(blob);
+        setScreenshotBlob(blob);
+        setScreenshotUrl(url);
+        setScreenshotName(`screenshot-${currentViewer}-${Date.now()}`);
+        setScreenshotDialogOpen(true);
+      }, "image/png", 1);
+    } catch (error) {
+      console.error("Screenshot failed:", error);
+    }
+    toast.success(t("ssSuccess"));
+  };
+  const handleDownloadScreenshot = async () => {
+    if (!screenshotUrl) return;
+    if (exportFormat === "pdf") {
+      const { default: jsPDF } = await import("jspdf");
+      const img = new Image();
+      img.onload = () => {
+        const pdf = new jsPDF({
+          orientation: img.width > img.height ? "landscape" : "portrait",
+          unit: "px",
+          format: [img.width, img.height]
+        });
+        pdf.addImage(screenshotUrl, "PNG", 0, 0, img.width, img.height);
+        pdf.save(`${screenshotName}.pdf`);
+        setScreenshotDialogOpen(false);
+      };
+      img.src = screenshotUrl;
+    } else {
+      const a = document.createElement("a");
+      a.href = screenshotUrl;
+      a.download = `${screenshotName}.png`;
+      a.click();
+      setScreenshotDialogOpen(false);
+    }
+  };
+  const canTakeScreenshot = [
+    ViewerNames.map,
+    ViewerNames.bim,
+    ViewerNames.pointcloud
+  ].includes(currentViewer);
+  return /* @__PURE__ */ jsxs(ToolbarSubmenu, { tool, children: [
+    /* @__PURE__ */ jsxs(Dialog, { open: qrDialogOpen, onOpenChange: setQrDialogOpen, children: [
+      /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: (e) => {
+        e.preventDefault();
+      }, className: "cursor-pointer", children: /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { onClick: handleShareQR, disabled: isLoadingQRCode, className: "flex w-full gap-2 items-center", children: [
+        isLoadingQRCode ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : /* @__PURE__ */ jsx(ScanQrCode, { size: 16 }),
+        /* @__PURE__ */ jsx("span", { children: isLoadingQRCode ? t("generating") : t("generate") })
+      ] }) }) }),
+      /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col items-center gap-4 max-w-sm", children: [
+        /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: dialogTitleKey === "map" ? t("mapDialogTitle") : dialogTitleKey === "bim" ? t("bimDialogTitle") : t("pointCloudDialogTitle") }) }),
+        /* @__PURE__ */ jsx(QRCodeWithLink, { title: "", urlToShare: shareUrlLink, isLoadingState: isLoadingQRCode })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: handleClickShare, disabled: isLoadingShareLink, onSelect: (e) => {
+      e.preventDefault();
+    }, className: "cursor-pointer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full gap-2", children: [
+      isLoadingShareLink ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : /* @__PURE__ */ jsx(Link, { size: 16 }),
+      /* @__PURE__ */ jsx("span", { children: isLoadingShareLink ? t("copying") : t("copy") })
+    ] }) }),
+    canTakeScreenshot && /* @__PURE__ */ jsxs(Dialog, { open: screenshotDialogOpen, onOpenChange: setScreenshotDialogOpen, children: [
+      /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: (e) => {
+        e.preventDefault();
+      }, className: "cursor-pointer", children: /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { onClick: handleClickScreenshot, className: "flex w-full gap-2 items-center", children: [
+        /* @__PURE__ */ jsx(Camera, { size: 16 }),
+        /* @__PURE__ */ jsx("span", { children: t("ss") })
+      ] }) }) }),
+      /* @__PURE__ */ jsxs(DialogContent, { children: [
+        /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("ssDownload") }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+          screenshotUrl && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: screenshotUrl,
+              alt: "Screenshot preview",
+              className: "w-full h-auto"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: "screenshot-name", children: t("fileName") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "screenshot-name",
+                value: screenshotName,
+                onChange: (e) => setScreenshotName(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: "export-format", children: t("format") }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                id: "export-format",
+                value: exportFormat,
+                onChange: (e) => setExportFormat(e.target.value),
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "png", children: t("png") }),
+                  /* @__PURE__ */ jsx("option", { value: "pdf", children: t("pdf") })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleDownloadScreenshot, children: t("download") })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  ShareToolSubmenu
+};
+//# sourceMappingURL=ShareToolSubmenu.js.map

package/dist/core/components/ui/ShareFeature/ShareToolSubmenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/ShareFeature/ShareToolSubmenu.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from \"react\";\r\nimport { useRouter, usePathname } from 'next/navigation'\r\nimport { useTranslations } from 'next-intl'\r\n\r\n// Utilities\r\nimport { Tool } from '../../../types/tools'\r\nimport { ViewerNames } from '../../../types/'\r\n\r\n// Shadcn components\r\nimport {\r\n  DropdownMenuItem,\r\n} from '../DropdownMenu'\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogTitle,\r\n  DialogTrigger,\r\n} from '../Dialog'\r\nimport { Input } from '../Input'\r\nimport { Button } from '../Button'\r\nimport { toast } from 'sonner'\r\n\r\n// Icons\r\nimport {\r\n  Link,\r\n  ScanQrCode,\r\n  Camera,\r\n  ChevronDown,\r\n} from 'lucide-react'\r\n\r\n// Audit Phase 1.B (F-jspdf): jsPDF and its transitive html2canvas\r\n// (~150 KB gzipped combined) used to be statically imported here.\r\n// ShareToolSubmenu is rendered on the map/BIM/PointCloud toolbar, so\r\n// the static import shipped jspdf on every page load even though most\r\n// share interactions don't choose PDF format. Loading it inside the\r\n// PDF branch defers the chunk until the user actually picks PDF.\r\n\r\n// Custom components\r\nimport QRCodeWithLink from './QRCodeWithLink'\r\nimport { ToolbarSubmenu } from '../../ToolbarSubmenu'\r\nimport { LoadingSpinner } from '../LoadingSpinner'\r\n\r\nimport { MenusContext, MapContext, BimContext } from '../../../store'\r\n\r\ninterface ShareToolSubmenuProps {\r\n  tool: Tool\r\n  constructShareUrl: () => Promise<string>\r\n  translationKey?: string\r\n  dialogTitleKey?: string\r\n}\r\n\r\nexport const ShareToolSubmenu: React.FC<ShareToolSubmenuProps> = ({ \r\n  tool, \r\n  constructShareUrl, \r\n  translationKey = 'ShareTool',\r\n  dialogTitleKey\r\n}) => {\r\n  // Translation\r\n \r\n  const t = useTranslations(\"ShareTool\")\r\n  // Get current viewer from context\r\n  const { state: menusState } = React.useContext(MenusContext)\r\n  const { currentViewer } = menusState.menus\r\n\r\n  // Get map instance from context\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map } = mapState.map\r\n\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const { world } = bimState.bim\r\n\r\n  // route and navigation\r\n  const router = useRouter()\r\n  const pathname = usePathname()\r\n\r\n  // sharing\r\n  const [shareUrlLink, setShareUrlLink] = React.useState<string>('')\r\n  const [origin, setOrigin] = React.useState<string>('')\r\n\r\n  const [isLoadingShareLink, setIsLoadingShareLink] = React.useState(false)\r\n  const [isLoadingQRCode, setIsLoadingQRCode] = React.useState(false)\r\n\r\n  const [qrDialogOpen, setQrDialogOpen] = React.useState(false)\r\n\r\n  // screenshot state\r\n  const [screenshotDialogOpen, setScreenshotDialogOpen] = React.useState(false)\r\n  const [screenshotBlob, setScreenshotBlob] = React.useState<Blob | null>(null)\r\n  const [screenshotUrl, setScreenshotUrl] = React.useState<string>('')\r\n  const [screenshotName, setScreenshotName] = React.useState<string>('')\r\n  const [exportFormat, setExportFormat] = React.useState<'png' | 'pdf'>('png')\r\n\r\n  // set initial origin and url link\r\n  React.useEffect(() => {\r\n    setOrigin(window.location.origin)\r\n    setShareUrlLink(window.location.origin + pathname)\r\n  }, [pathname])\r\n\r\n  // Cleanup screenshot URL when dialog closes\r\n  React.useEffect(() => {\r\n    if (!screenshotDialogOpen && screenshotUrl) {\r\n      URL.revokeObjectURL(screenshotUrl)\r\n      setScreenshotUrl('')\r\n      setScreenshotBlob(null)\r\n    }\r\n  }, [screenshotDialogOpen, screenshotUrl])\r\n\r\n  // Get current view information and copy to clipboard\r\n  const handleClickShare = async () => {\r\n    setIsLoadingShareLink(true)\r\n    try {\r\n      const shareUrl = await constructShareUrl()\r\n      const writeToClipBoard = () => {\r\n        try {\r\n          navigator.clipboard.writeText(shareUrl)// this may causes error\r\n        }\r\n        catch {}\r\n      }\r\n      writeToClipBoard()\r\n      router.push(shareUrl, { scroll: false }) // push but do not refresh\r\n    }\r\n    catch (error) {\r\n      console.error('Failed to copy:', error)\r\n    }\r\n    finally {\r\n      setIsLoadingShareLink(false)\r\n    }\r\n    toast.success(t('copySuccess'))\r\n  }\r\n\r\n  // Get current view information and show QR dialog\r\n  const handleShareQR = async () => {\r\n    setIsLoadingQRCode(true)\r\n    try {\r\n      const shareUrl = await constructShareUrl()\r\n      setShareUrlLink(shareUrl)\r\n      router.push(shareUrl, { scroll: false }) // push but do not refresh\r\n      setQrDialogOpen(true)\r\n    }\r\n    catch (error) {\r\n      console.error('Failed to generate QR:', error)\r\n    }\r\n    finally {\r\n      setIsLoadingQRCode(false)\r\n    }\r\n  }\r\n\r\n  const handleClickScreenshot = async () => {\r\n    try {\r\n      let canvas: HTMLCanvasElement | null = null\r\n\r\n      // Access to the map instance for map viewer\r\n      if (currentViewer === ViewerNames.map && map) {\r\n        // Use the map's 'render' event to capture after render completes\r\n        const captureAfterRender = () => {\r\n          const mapCanvas = map.getCanvas()\r\n          mapCanvas.toBlob((blob) => {\r\n            if (!blob) return\r\n            \r\n            const url = URL.createObjectURL(blob)\r\n            setScreenshotBlob(blob)\r\n            setScreenshotUrl(url)\r\n            setScreenshotName(`screenshot-${currentViewer}-${Date.now()}`)\r\n            setScreenshotDialogOpen(true)\r\n          }, 'image/png', 1.0)\r\n        }\r\n\r\n        // Listen for the next render event\r\n        map.once('render', captureAfterRender)\r\n        // Trigger the repaint\r\n        map.triggerRepaint()\r\n        return\r\n      }\r\n      \r\n      // For BIM viewer, force a render then capture\r\n      if (currentViewer === ViewerNames.bim && world?.renderer && world?.scene && world?.camera) {\r\n        // Force Three.js to render\r\n        world.renderer.three.render(world.scene.three, world.camera.three)\r\n        \r\n        // Get the canvas and capture immediately after render\r\n        canvas = document.querySelector('#bim-viewer-container canvas')\r\n        if (canvas) {\r\n          canvas.toBlob((blob) => {\r\n            if (!blob) return\r\n            \r\n            const url = URL.createObjectURL(blob)\r\n            setScreenshotBlob(blob)\r\n            setScreenshotUrl(url)\r\n            setScreenshotName(`screenshot-${currentViewer}-${Date.now()}`)\r\n            setScreenshotDialogOpen(true)\r\n          }, 'image/png', 1.0)\r\n        }\r\n        return\r\n      }\r\n\r\n      if (currentViewer === ViewerNames.pointcloud) {\r\n        canvas = document.querySelector('#pointcloud-viewer-container canvas')\r\n      } else {\r\n        // Fallback to first canvas\r\n        canvas = document.querySelector('canvas')\r\n      }\r\n\r\n      if (!canvas) {\r\n        throw new Error('No canvas found')\r\n      }\r\n      canvas.toBlob((blob) => {\r\n        if (!blob) return\r\n        \r\n        const url = URL.createObjectURL(blob)\r\n        setScreenshotBlob(blob)\r\n        setScreenshotUrl(url)\r\n        setScreenshotName(`screenshot-${currentViewer}-${Date.now()}`)\r\n        setScreenshotDialogOpen(true)\r\n      }, 'image/png', 1.0)\r\n      \r\n    } catch (error) {\r\n      console.error('Screenshot failed:', error)\r\n    }\r\n    toast.success(t('ssSuccess'))\r\n  }\r\n\r\n  const handleDownloadScreenshot = async () => {\r\n    if (!screenshotUrl) return\r\n\r\n    if (exportFormat === 'pdf') {\r\n      // F-jspdf: dynamic-import the PDF library only when the user picks PDF.\r\n      const { default: jsPDF } = await import('jspdf')\r\n      // Create PDF with the screenshot\r\n      const img = new Image()\r\n      img.onload = () => {\r\n        // Calculate dimensions to fit on page while maintaining aspect ratio\r\n        const pdf = new jsPDF({\r\n          orientation: img.width > img.height ? 'landscape' : 'portrait',\r\n          unit: 'px',\r\n          format: [img.width, img.height]\r\n        })\r\n        pdf.addImage(screenshotUrl, 'PNG', 0, 0, img.width, img.height)\r\n        pdf.save(`${screenshotName}.pdf`)\r\n        setScreenshotDialogOpen(false)\r\n      }\r\n      img.src = screenshotUrl\r\n    } else {\r\n      // Download as PNG\r\n      const a = document.createElement('a')\r\n      a.href = screenshotUrl\r\n      a.download = `${screenshotName}.png`\r\n      a.click()\r\n      setScreenshotDialogOpen(false)\r\n    }\r\n  }\r\n\r\n  // Check if current viewer supports screenshots\r\n  const canTakeScreenshot = [\r\n    ViewerNames.map, \r\n    ViewerNames.bim, \r\n    ViewerNames.pointcloud\r\n  ].includes(currentViewer as ViewerNames)\r\n\r\n  return (\r\n    <ToolbarSubmenu tool={tool}>\r\n      <Dialog open={qrDialogOpen} onOpenChange={setQrDialogOpen}>\r\n        <DropdownMenuItem onClick={(e) => { e.preventDefault() }} className=\"cursor-pointer\">\r\n          <DialogTrigger asChild>\r\n            <button onClick={handleShareQR} disabled={isLoadingQRCode} className=\"flex w-full gap-2 items-center\">\r\n              {isLoadingQRCode ? <LoadingSpinner /> : <ScanQrCode size={16} />}\r\n              <span>{isLoadingQRCode ? t('generating') : t('generate')}</span>\r\n            </button>\r\n          </DialogTrigger>\r\n        </DropdownMenuItem>\r\n\r\n        <DialogContent className=\"flex flex-col items-center gap-4 max-w-sm\">\r\n          <DialogHeader>\r\n            <DialogTitle>\r\n              {dialogTitleKey === 'map' \r\n                ? t('mapDialogTitle') \r\n                : dialogTitleKey === 'bim' \r\n                ? t('bimDialogTitle') \r\n                : t('pointCloudDialogTitle')}\r\n            </DialogTitle>\r\n          </DialogHeader>\r\n          <QRCodeWithLink title=\"\" urlToShare={shareUrlLink} isLoadingState={isLoadingQRCode} />\r\n        </DialogContent>\r\n      </Dialog>\r\n\r\n      {/* Copy to clipboard */}\r\n      <DropdownMenuItem onClick={handleClickShare} disabled={isLoadingShareLink} onSelect={(e) => { e.preventDefault() }} className=\"cursor-pointer\">\r\n        <div className=\"flex items-center w-full gap-2\">\r\n          {isLoadingShareLink ? <LoadingSpinner /> : <Link size={16} />}\r\n          <span>{isLoadingShareLink ? t('copying') : t('copy')}</span>\r\n        </div>\r\n      </DropdownMenuItem>\r\n\r\n      {/* Screenshot */}\r\n      {canTakeScreenshot && (\r\n        <Dialog open={screenshotDialogOpen} onOpenChange={setScreenshotDialogOpen}>\r\n          <DropdownMenuItem onClick={(e) => { e.preventDefault() }} className=\"cursor-pointer\">\r\n            <DialogTrigger asChild>\r\n              <button onClick={handleClickScreenshot} className=\"flex w-full gap-2 items-center\">\r\n                <Camera size={16}/>\r\n                <span>{t('ss')}</span>\r\n              </button>\r\n            </DialogTrigger>\r\n          </DropdownMenuItem>\r\n\r\n          <DialogContent>\r\n            <DialogHeader>\r\n              <DialogTitle>{t('ssDownload')}</DialogTitle>\r\n            </DialogHeader>\r\n            \r\n            <div className=\"flex flex-col gap-4\">\r\n              {screenshotUrl && (\r\n                <img \r\n                  src={screenshotUrl} \r\n                  alt=\"Screenshot preview\" \r\n                  className=\"w-full h-auto\"\r\n                />\r\n              )}\r\n              \r\n              <div className=\"flex flex-col gap-2\">\r\n                <label htmlFor=\"screenshot-name\">\r\n                  {t('fileName')}\r\n                </label>\r\n                <Input\r\n                  id=\"screenshot-name\"\r\n                  value={screenshotName}\r\n                  onChange={(e) => setScreenshotName(e.target.value)}\r\n                />\r\n              </div>\r\n\r\n              <div className=\"flex flex-col gap-2\">\r\n                <label htmlFor=\"export-format\">\r\n                  {t('format')}\r\n                </label>\r\n                <select\r\n                  id=\"export-format\"\r\n                  value={exportFormat}\r\n                  onChange={(e) => setExportFormat(e.target.value as 'png' | 'pdf')}\r\n                  className=\"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\r\n                >\r\n                  <option value=\"png\">{t('png')}</option>\r\n                  <option value=\"pdf\">{t('pdf')}</option>\r\n                </select>\r\n              </div>\r\n\r\n              <Button onClick={handleDownloadScreenshot}>\r\n                {t('download')}\r\n              </Button>\r\n            </div>\r\n          </DialogContent>\r\n        </Dialog>\r\n      )}\r\n    </ToolbarSubmenu>\r\n  )\r\n}"],"mappings":"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","names":[]}

package/dist/core/components/ui/ShareFeature/index.d.ts

@@ -0,0 +1,3 @@
+export { ShareToolSubmenu } from './ShareToolSubmenu';
+export { default as QRCodeWithLink } from './QRCodeWithLink';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/components/ui/ShareFeature/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/ShareFeature/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA"}