@collabdt/core 0.0.40

package/dist/core/components/ui/Comments/CommentInput.js

@@ -0,0 +1,266 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LR from "lucide-react";
+import { useTranslations } from "next-intl";
+import { useSession } from "next-auth/react";
+import { cn } from "../../../utils/utils";
+import { Button } from "../Button";
+import { Card, CardContent, CardHeader, CardTitle } from "../Card";
+import { AddItemDialog } from "../AddItemDialog";
+import { Input } from "../Input";
+import { Label } from "../Label";
+import { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from "../../../store";
+import { ViewerNames } from "../../../types/dbTypes";
+import { useCreateComment } from "../../../hooks/comments/comments";
+function CommentInput({
+  viewer,
+  layout = "inline",
+  onCancel,
+  bim,
+  isOpen = false
+}) {
+  var _a, _b, _c, _d, _e;
+  const t = useTranslations("CommentInput");
+  const session = useSession();
+  const user = (_a = useSession().data) == null ? void 0 : _a.user;
+  const organizationId = user == null ? void 0 : user.organizationId;
+  const authorId = ((_c = (_b = session.data) == null ? void 0 : _b.user) == null ? void 0 : _c.id) || -1;
+  const { state: appConfigState } = React.useContext(AppConfigContext);
+  const mapContext = React.useContext(MapContext);
+  const { state: buildingsState } = React.useContext(BuildingsContext);
+  const buildingId = ((_e = (_d = buildingsState == null ? void 0 : buildingsState.buildings) == null ? void 0 : _d.building) == null ? void 0 : _e.id) || -1;
+  const [text, setText] = React.useState("");
+  const [isPlacing, setIsPlacing] = React.useState(false);
+  const inputId = React.useId();
+  const { createComment } = useCreateComment();
+  const setCursor = React.useCallback((cursor) => {
+    var _a2, _b2, _c2;
+    if (viewer === ViewerNames.map) {
+      const map = (_b2 = (_a2 = mapContext == null ? void 0 : mapContext.state) == null ? void 0 : _a2.map) == null ? void 0 : _b2.map;
+      if (!map) return;
+      if (map.getCanvas().style.cursor === cursor) return;
+      map.getCanvas().style.cursor = cursor;
+      return;
+    }
+    if (viewer === ViewerNames.bim) {
+      (_c2 = bim == null ? void 0 : bim.setCursor) == null ? void 0 : _c2.call(bim, cursor);
+    }
+  }, [bim, mapContext, viewer]);
+  const reset = React.useCallback(() => {
+    setIsPlacing(false);
+    setText("");
+    setCursor("");
+  }, [setCursor]);
+  const onCreateComment = async (commentData) => {
+    const commentResult = await createComment({ commentData });
+    reset();
+  };
+  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext);
+  const { state: toolsState } = React.useContext(ToolsContext);
+  const { currentToolId } = toolsState.tools;
+  const { commentsVisibleInViewer } = menusState.menus;
+  React.useEffect(() => {
+    const viewerToShow = currentToolId === "bim-add-comment" ? ViewerNames.bim : currentToolId === "map-add-comment" ? ViewerNames.map : null;
+    if (!viewerToShow) return;
+    if (commentsVisibleInViewer.includes(viewerToShow)) return;
+    menusDispatch({
+      type: "SHOW_COMMENTS_IN_VIEWER",
+      payload: { viewer: viewerToShow }
+    });
+  }, [currentToolId, commentsVisibleInViewer, menusDispatch]);
+  React.useEffect(() => {
+    var _a2, _b2;
+    if (!isPlacing) return;
+    if (viewer === ViewerNames.map) {
+      const map = (_b2 = (_a2 = mapContext == null ? void 0 : mapContext.state) == null ? void 0 : _a2.map) == null ? void 0 : _b2.map;
+      if (!map) return;
+      const mouseMoveCrosshairHandler = () => {
+        setCursor("crosshair");
+      };
+      const dbClickAddCommentHandler = (e) => {
+        var _a3, _b3;
+        const longitude = (_a3 = e == null ? void 0 : e.lngLat) == null ? void 0 : _a3.lng;
+        const latitude = (_b3 = e == null ? void 0 : e.lngLat) == null ? void 0 : _b3.lat;
+        if (typeof longitude !== "number" || typeof latitude !== "number") return;
+        const elevation = map.queryTerrainElevation([latitude, longitude]) || 0;
+        const newComment = {
+          authorId: Number(user == null ? void 0 : user.id),
+          organizationId,
+          text,
+          visible: true,
+          longitude,
+          latitude,
+          elevation,
+          viewer: ViewerNames.map
+        };
+        onCreateComment(newComment);
+      };
+      map.on("mousemove", mouseMoveCrosshairHandler);
+      map.on("dblclick", dbClickAddCommentHandler);
+      return () => {
+        setCursor("");
+        map.off("mousemove", mouseMoveCrosshairHandler);
+        map.off("dblclick", dbClickAddCommentHandler);
+      };
+    }
+    if (viewer === ViewerNames.bim) {
+      const world = bim == null ? void 0 : bim.world;
+      const raycast = bim == null ? void 0 : bim.raycast;
+      if (!world || !raycast) return;
+      let disposed = false;
+      let removeListeners = null;
+      (async () => {
+        const THREE = await import("three");
+        if (disposed) return;
+        const mouse = new THREE.Vector2();
+        const handleMouseMove = (e) => {
+          mouse.x = e.clientX;
+          mouse.y = e.clientY;
+        };
+        const handleDblClick = async (e) => {
+          var _a3, _b3, _c2, _d2, _e2;
+          mouse.x = e.clientX;
+          mouse.y = e.clientY;
+          const result = await raycast({
+            camera: (_a3 = world.camera) == null ? void 0 : _a3.three,
+            mouse,
+            dom: (_c2 = (_b3 = world.renderer) == null ? void 0 : _b3.three) == null ? void 0 : _c2.domElement
+          });
+          if (!(result == null ? void 0 : result.point)) return;
+          const p = result.point;
+          const pendingId = (_d2 = bim == null ? void 0 : bim.addPendingMarker) == null ? void 0 : _d2.call(bim, { x: p.x, y: p.y, z: p.z });
+          const newComment = {
+            authorId: Number(authorId),
+            organizationId,
+            text,
+            x: p.x,
+            y: p.y,
+            z: p.z,
+            visible: true,
+            buildingId,
+            viewer
+          };
+          try {
+            await onCreateComment(newComment);
+          } finally {
+            if (pendingId) {
+              (_e2 = bim == null ? void 0 : bim.removePendingMarker) == null ? void 0 : _e2.call(bim, pendingId);
+            }
+          }
+          onCancel == null ? void 0 : onCancel();
+        };
+        document.addEventListener("mousemove", handleMouseMove);
+        document.addEventListener("dblclick", handleDblClick);
+        removeListeners = () => {
+          document.removeEventListener("mousemove", handleMouseMove);
+          document.removeEventListener("dblclick", handleDblClick);
+        };
+      })();
+      return () => {
+        disposed = true;
+        setCursor("");
+        removeListeners == null ? void 0 : removeListeners();
+      };
+    }
+  }, [
+    appConfigState,
+    bim,
+    isPlacing,
+    mapContext,
+    viewer,
+    onCancel,
+    reset,
+    setCursor,
+    text,
+    authorId
+  ]);
+  const onSubmit = () => {
+    if (text.trim() === "") return;
+    setIsPlacing(true);
+    setCursor("crosshair");
+  };
+  const inputEl = /* @__PURE__ */ jsx(
+    Input,
+    {
+      id: inputId,
+      type: "text",
+      value: text,
+      onChange: (e) => setText(e.target.value),
+      placeholder: t("placeholder"),
+      className: cn("cursor-pointer")
+    }
+  );
+  const submitButtonEl = /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      onClick: onSubmit,
+      className: "cursor-pointer transition-transform duration-200 active:scale-90",
+      disabled: text.trim() === "",
+      children: /* @__PURE__ */ jsx(LR.Plus, { className: cn("w-4 h-4", "cursor-pointer transition-transform duration-200 active:scale-90") })
+    }
+  );
+  const helpText = isPlacing ? viewer === ViewerNames.map ? t("placeHelpTextMap") : t("placeHelpTextBim") : null;
+  if (layout === "dialog") {
+    if (isPlacing) return null;
+    return /* @__PURE__ */ jsx(
+      AddItemDialog,
+      {
+        open: isOpen,
+        onOpenChange: (open) => !open && (onCancel == null ? void 0 : onCancel()),
+        title: t("title"),
+        icon: LR.MessageCircle,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pointer-events-auto", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: inputId, children: t("label") }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2", children: [
+            inputEl,
+            submitButtonEl
+          ] })
+        ] })
+      }
+    );
+  }
+  if (layout === "card") {
+    return /* @__PURE__ */ jsxs(Card, { className: cn("absolute bottom-10 left-0 bg-background shadow-md z-10 w-full"), children: [
+      /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row justify-between items-center pointer-events-auto py-0", children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "text-sm", children: t("title") }),
+        onCancel && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            onClick: onCancel,
+            className: "opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("close") }),
+              /* @__PURE__ */ jsx(LR.X, { size: 18 })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 mt-2 pointer-events-auto", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: inputId, children: t("label") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2", children: [
+          inputEl,
+          submitButtonEl
+        ] }),
+        helpText && /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: helpText })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 mt-2 pointer-events-auto"), children: [
+    /* @__PURE__ */ jsx(Label, { htmlFor: inputId, children: t("label") }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      inputEl,
+      submitButtonEl
+    ] }),
+    helpText && /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: helpText })
+  ] });
+}
+export {
+  CommentInput
+};
+//# sourceMappingURL=CommentInput.js.map

package/dist/core/components/ui/Comments/CommentInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentInput.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { useSession } from 'next-auth/react'\r\n\r\nimport { cn } from '../../../utils/utils'\r\nimport { Button } from '../Button'\r\nimport { Card, CardContent, CardHeader, CardTitle } from '../Card'\r\nimport { AddItemDialog } from '../AddItemDialog'\r\nimport { Input } from '../Input'\r\nimport { Label } from '../Label'\r\nimport { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from '../../../store'\r\nimport { Comment, ViewerNames } from '../../../types/dbTypes'\r\nimport { useCreateComment } from '../../../hooks/comments/comments'\r\n\r\nexport type CommentInputLayout = 'inline' | 'card' | 'dialog'\r\n\r\nexport type BimCommentPlacementContext = {\r\n  world: any\r\n  raycast: (data: { camera: any; mouse: any; dom: any }) => Promise<any>\r\n  buildingId?: number\r\n  setCursor?: (cursor: string) => void\r\n  addPendingMarker?: (position: { x: number; y: number; z: number }) => number\r\n  removePendingMarker?: (id: number) => void\r\n}\r\n\r\nexport type CommentInputProps = {\r\n  viewer: ViewerNames\r\n  layout?: CommentInputLayout\r\n  onCancel?: () => void\r\n  bim?: BimCommentPlacementContext\r\n  isOpen?: boolean\r\n}\r\n\r\nexport function CommentInput({\r\n  viewer,\r\n  layout = 'inline',\r\n  onCancel,\r\n  bim,\r\n  isOpen = false,\r\n}: CommentInputProps) {\r\n  const t = useTranslations('CommentInput')\r\n  const session = useSession()\r\n\r\n  const user = useSession().data?.user\r\n\r\n  const organizationId = user?.organizationId\r\n  const authorId = session.data?.user?.id || -1\r\n\r\n  const { state: appConfigState } = React.useContext(AppConfigContext)\r\n  const mapContext = React.useContext(MapContext)\r\n\r\n  const { state: buildingsState } = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n\r\n  const [text, setText] = React.useState('')\r\n  const [isPlacing, setIsPlacing] = React.useState(false)\r\n\r\n  const inputId = React.useId()\r\n  const { createComment } = useCreateComment()\r\n\r\n  const setCursor = React.useCallback((cursor: string) => {\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n      if (map.getCanvas().style.cursor === cursor) return\r\n      map.getCanvas().style.cursor = cursor\r\n      return\r\n    }\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      bim?.setCursor?.(cursor)\r\n    }\r\n  }, [bim, mapContext, viewer])\r\n\r\n  const reset = React.useCallback(() => {\r\n    setIsPlacing(false)\r\n    setText('')\r\n    setCursor('')\r\n  }, [setCursor])\r\n\r\n  const onCreateComment = async (commentData: Partial<Comment>) => {\r\n    const commentResult = await createComment({ commentData })\r\n    reset()\r\n  }\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { state: toolsState } = React.useContext(ToolsContext)\r\n  const { currentToolId } = toolsState.tools\r\n  const { commentsVisibleInViewer } = menusState.menus\r\n\r\n  React.useEffect(() => {\r\n    const viewerToShow = currentToolId === 'bim-add-comment'\r\n      ? ViewerNames.bim\r\n      : currentToolId === 'map-add-comment'\r\n        ? ViewerNames.map\r\n        : null\r\n\r\n    if (!viewerToShow) return\r\n    if (commentsVisibleInViewer.includes(viewerToShow)) return\r\n\r\n    menusDispatch({\r\n      type: 'SHOW_COMMENTS_IN_VIEWER',\r\n      payload: { viewer: viewerToShow },\r\n    })\r\n  }, [currentToolId, commentsVisibleInViewer, menusDispatch])\r\n\r\n  React.useEffect(() => {\r\n    if (!isPlacing) return\r\n\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n\r\n      const mouseMoveCrosshairHandler = () => {\r\n        setCursor('crosshair')\r\n      }\r\n\r\n      const dbClickAddCommentHandler = (e: any): void => {\r\n        const longitude = e?.lngLat?.lng\r\n        const latitude = e?.lngLat?.lat\r\n        if (typeof longitude !== 'number' || typeof latitude !== 'number') return\r\n\r\n        const elevation = map.queryTerrainElevation([latitude, longitude]) || 0\r\n\r\n        const newComment = {\r\n          authorId: Number(user?.id),\r\n          organizationId,\r\n          text,\r\n          visible: true,\r\n          longitude,\r\n          latitude,\r\n          elevation,\r\n          viewer: ViewerNames.map,\r\n        }\r\n        onCreateComment(newComment)\r\n      }\r\n\r\n      map.on('mousemove', mouseMoveCrosshairHandler)\r\n      map.on('dblclick', dbClickAddCommentHandler)\r\n\r\n      return () => {\r\n        setCursor('')\r\n        map.off('mousemove', mouseMoveCrosshairHandler)\r\n        map.off('dblclick', dbClickAddCommentHandler)\r\n      }\r\n    }\r\n\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      const world = bim?.world\r\n      const raycast = bim?.raycast\r\n      if (!world || !raycast) return\r\n\r\n      let disposed = false\r\n      let removeListeners: (() => void) | null = null\r\n\r\n        ; (async () => {\r\n          const THREE = await import('three')\r\n          if (disposed) return\r\n\r\n          const mouse = new THREE.Vector2()\r\n\r\n          const handleMouseMove = (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n          }\r\n\r\n          const handleDblClick = async (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n\r\n            const result = await raycast({\r\n              camera: world.camera?.three,\r\n              mouse,\r\n              dom: world.renderer?.three?.domElement,\r\n            })\r\n\r\n            if (!result?.point) return\r\n            const p = result.point\r\n\r\n            // Add pending marker immediately\r\n            const pendingId = bim?.addPendingMarker?.({ x: p.x, y: p.y, z: p.z })\r\n\r\n            const newComment = {\r\n              authorId: Number(authorId),\r\n              organizationId,\r\n              text,\r\n              x: p.x,\r\n              y: p.y,\r\n              z: p.z,\r\n              visible: true,\r\n              buildingId,\r\n              viewer,\r\n            }\r\n\r\n            try {\r\n              await onCreateComment(newComment)\r\n            } finally {\r\n              // Remove pending marker after creation completes (or fails)\r\n              if (pendingId) {\r\n                bim?.removePendingMarker?.(pendingId)\r\n              }\r\n            }\r\n            // BIM flow historically closes the adding UI once the comment is placed.\r\n            onCancel?.()\r\n          }\r\n\r\n          document.addEventListener('mousemove', handleMouseMove)\r\n          document.addEventListener('dblclick', handleDblClick)\r\n\r\n          removeListeners = () => {\r\n            document.removeEventListener('mousemove', handleMouseMove)\r\n            document.removeEventListener('dblclick', handleDblClick)\r\n          }\r\n        })()\r\n\r\n      return () => {\r\n        disposed = true\r\n        setCursor('')\r\n        removeListeners?.()\r\n      }\r\n    }\r\n  }, [\r\n    appConfigState,\r\n    bim,\r\n    isPlacing,\r\n    mapContext,\r\n    viewer,\r\n    onCancel,\r\n    reset,\r\n    setCursor,\r\n    text,\r\n    authorId,\r\n  ])\r\n\r\n  const onSubmit = () => {\r\n    if (text.trim() === '') return\r\n    setIsPlacing(true)\r\n    setCursor('crosshair')\r\n  }\r\n\r\n  const inputEl = (\r\n    <Input\r\n      id={inputId}\r\n      type=\"text\"\r\n      value={text}\r\n      onChange={e => setText(e.target.value)}\r\n      placeholder={t('placeholder')}\r\n      className={cn('cursor-pointer')}\r\n    />\r\n  )\r\n\r\n  const submitButtonEl = (\r\n    <Button\r\n      type=\"button\"\r\n      variant=\"ghost\"\r\n      onClick={onSubmit}\r\n      className=\"cursor-pointer transition-transform duration-200 active:scale-90\"\r\n      disabled={text.trim() === ''}\r\n    >\r\n      <LR.Plus className={cn('w-4 h-4', 'cursor-pointer transition-transform duration-200 active:scale-90')} />\r\n    </Button>\r\n  )\r\n\r\n  const helpText =\r\n    isPlacing\r\n      ? (viewer === ViewerNames.map ? t('placeHelpTextMap') : t('placeHelpTextBim'))\r\n      : null\r\n\r\n  if (layout === 'dialog') {\r\n    // When placing, return null so the map is fully interactive (component stays mounted for useEffect)\r\n    if (isPlacing) return null\r\n\r\n    return (\r\n      <AddItemDialog\r\n        open={isOpen}\r\n        onOpenChange={open => !open && onCancel?.()}\r\n        title={t('title')}\r\n        icon={LR.MessageCircle}\r\n      >\r\n        <div className=\"flex flex-col gap-2 pointer-events-auto\">\r\n          <Label htmlFor={inputId}>{t('label')}</Label>\r\n          <div className=\"flex flex-row gap-2\">\r\n            {inputEl}\r\n            {submitButtonEl}\r\n          </div>\r\n        </div>\r\n      </AddItemDialog>\r\n    )\r\n  }\r\n\r\n  if (layout === 'card') {\r\n    return (\r\n      <Card className={cn('absolute bottom-10 left-0 bg-background shadow-md z-10 w-full')}>\r\n        <CardHeader className=\"flex flex-row justify-between items-center pointer-events-auto py-0\">\r\n          <CardTitle className=\"text-sm\">{t('title')}</CardTitle>\r\n          {onCancel && (\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              size=\"icon\"\r\n              onClick={onCancel}\r\n              className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n            >\r\n              <span className=\"sr-only\">{t('close')}</span>\r\n              <LR.X size={18} />\r\n            </Button>\r\n          )}\r\n        </CardHeader>\r\n        <CardContent>\r\n          <div className=\"flex flex-col gap-2 mt-2 pointer-events-auto\">\r\n            <Label htmlFor={inputId}>{t('label')}</Label>\r\n            <div className=\"flex flex-row gap-2\">\r\n              {inputEl}\r\n              {submitButtonEl}\r\n            </div>\r\n            {helpText && (\r\n              <p className=\"text-sm text-foreground\">{helpText}</p>\r\n            )}\r\n          </div>\r\n        </CardContent>\r\n      </Card>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className={cn('flex flex-col gap-2 mt-2 pointer-events-auto')}>\r\n      <Label htmlFor={inputId}>{t('label')}</Label>\r\n      <div className=\"flex items-center gap-1\">\r\n        {inputEl}\r\n        {submitButtonEl}\r\n      </div>\r\n      {helpText && (\r\n        <p className=\"text-sm text-foreground\">{helpText}</p>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAqPI,cAwCM,YAxCN;AAnPJ,YAAY,WAAW;AACvB,YAAY,QAAQ;AACpB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAE3B,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,MAAM,aAAa,YAAY,iBAAiB;AACzD,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,kBAAkB,YAAY,kBAAkB,cAAc,oBAAoB;AAC3F,SAAkB,mBAAmB;AACrC,SAAS,wBAAwB;AAqB1B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,SAAS;AACX,GAAsB;AA1CtB;AA2CE,QAAM,IAAI,gBAAgB,cAAc;AACxC,QAAM,UAAU,WAAW;AAE3B,QAAM,QAAO,gBAAW,EAAE,SAAb,mBAAmB;AAEhC,QAAM,iBAAiB,6BAAM;AAC7B,QAAM,aAAW,mBAAQ,SAAR,mBAAc,SAAd,mBAAoB,OAAM;AAE3C,QAAM,EAAE,OAAO,eAAe,IAAI,MAAM,WAAW,gBAAgB;AACnE,QAAM,aAAa,MAAM,WAAW,UAAU;AAE9C,QAAM,EAAE,OAAO,eAAe,IAAI,MAAM,WAAW,gBAAgB;AACnE,QAAM,eAAa,4DAAgB,cAAhB,mBAA2B,aAA3B,mBAAqC,OAAM;AAE9D,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAE;AACzC,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AAEtD,QAAM,UAAU,MAAM,MAAM;AAC5B,QAAM,EAAE,cAAc,IAAI,iBAAiB;AAE3C,QAAM,YAAY,MAAM,YAAY,CAAC,WAAmB;AA/D1D,QAAAA,KAAAC,KAAAC;AAgEI,QAAI,WAAW,YAAY,KAAK;AAC9B,YAAM,OAAMD,OAAAD,MAAA,yCAAY,UAAZ,gBAAAA,IAAmB,QAAnB,gBAAAC,IAAwB;AACpC,UAAI,CAAC,IAAK;AACV,UAAI,IAAI,UAAU,EAAE,MAAM,WAAW,OAAQ;AAC7C,UAAI,UAAU,EAAE,MAAM,SAAS;AAC/B;AAAA,IACF;AAEA,QAAI,WAAW,YAAY,KAAK;AAC9B,OAAAC,MAAA,2BAAK,cAAL,gBAAAA,IAAA,UAAiB;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,KAAK,YAAY,MAAM,CAAC;AAE5B,QAAM,QAAQ,MAAM,YAAY,MAAM;AACpC,iBAAa,KAAK;AAClB,YAAQ,EAAE;AACV,cAAU,EAAE;AAAA,EACd,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,kBAAkB,OAAO,gBAAkC;AAC/D,UAAM,gBAAgB,MAAM,cAAc,EAAE,YAAY,CAAC;AACzD,UAAM;AAAA,EACR;AAEA,QAAM,EAAE,OAAO,YAAY,UAAU,cAAc,IAAI,MAAM,WAAW,YAAY;AACpF,QAAM,EAAE,OAAO,WAAW,IAAI,MAAM,WAAW,YAAY;AAC3D,QAAM,EAAE,cAAc,IAAI,WAAW;AACrC,QAAM,EAAE,wBAAwB,IAAI,WAAW;AAE/C,QAAM,UAAU,MAAM;AACpB,UAAM,eAAe,kBAAkB,oBACnC,YAAY,MACZ,kBAAkB,oBAChB,YAAY,MACZ;AAEN,QAAI,CAAC,aAAc;AACnB,QAAI,wBAAwB,SAAS,YAAY,EAAG;AAEpD,kBAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,EAAE,QAAQ,aAAa;AAAA,IAClC,CAAC;AAAA,EACH,GAAG,CAAC,eAAe,yBAAyB,aAAa,CAAC;AAE1D,QAAM,UAAU,MAAM;AA7GxB,QAAAF,KAAAC;AA8GI,QAAI,CAAC,UAAW;AAEhB,QAAI,WAAW,YAAY,KAAK;AAC9B,YAAM,OAAMA,OAAAD,MAAA,yCAAY,UAAZ,gBAAAA,IAAmB,QAAnB,gBAAAC,IAAwB;AACpC,UAAI,CAAC,IAAK;AAEV,YAAM,4BAA4B,MAAM;AACtC,kBAAU,WAAW;AAAA,MACvB;AAEA,YAAM,2BAA2B,CAAC,MAAiB;AAxHzD,YAAAD,KAAAC;AAyHQ,cAAM,aAAYD,MAAA,uBAAG,WAAH,gBAAAA,IAAW;AAC7B,cAAM,YAAWC,MAAA,uBAAG,WAAH,gBAAAA,IAAW;AAC5B,YAAI,OAAO,cAAc,YAAY,OAAO,aAAa,SAAU;AAEnE,cAAM,YAAY,IAAI,sBAAsB,CAAC,UAAU,SAAS,CAAC,KAAK;AAEtE,cAAM,aAAa;AAAA,UACjB,UAAU,OAAO,6BAAM,EAAE;AAAA,UACzB;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA,QAAQ,YAAY;AAAA,QACtB;AACA,wBAAgB,UAAU;AAAA,MAC5B;AAEA,UAAI,GAAG,aAAa,yBAAyB;AAC7C,UAAI,GAAG,YAAY,wBAAwB;AAE3C,aAAO,MAAM;AACX,kBAAU,EAAE;AACZ,YAAI,IAAI,aAAa,yBAAyB;AAC9C,YAAI,IAAI,YAAY,wBAAwB;AAAA,MAC9C;AAAA,IACF;AAGA,QAAI,WAAW,YAAY,KAAK;AAC9B,YAAM,QAAQ,2BAAK;AACnB,YAAM,UAAU,2BAAK;AACrB,UAAI,CAAC,SAAS,CAAC,QAAS;AAExB,UAAI,WAAW;AACf,UAAI,kBAAuC;AAEvC,OAAC,YAAY;AACb,cAAM,QAAQ,MAAM,OAAO,OAAO;AAClC,YAAI,SAAU;AAEd,cAAM,QAAQ,IAAI,MAAM,QAAQ;AAEhC,cAAM,kBAAkB,CAAC,MAAkB;AACzC,gBAAM,IAAI,EAAE;AACZ,gBAAM,IAAI,EAAE;AAAA,QACd;AAEA,cAAM,iBAAiB,OAAO,MAAkB;AA1K1D,cAAAD,KAAAC,KAAAC,KAAAC,KAAAC;AA2KY,gBAAM,IAAI,EAAE;AACZ,gBAAM,IAAI,EAAE;AAEZ,gBAAM,SAAS,MAAM,QAAQ;AAAA,YAC3B,SAAQJ,MAAA,MAAM,WAAN,gBAAAA,IAAc;AAAA,YACtB;AAAA,YACA,MAAKE,OAAAD,MAAA,MAAM,aAAN,gBAAAA,IAAgB,UAAhB,gBAAAC,IAAuB;AAAA,UAC9B,CAAC;AAED,cAAI,EAAC,iCAAQ,OAAO;AACpB,gBAAM,IAAI,OAAO;AAGjB,gBAAM,aAAYC,MAAA,2BAAK,qBAAL,gBAAAA,IAAA,UAAwB,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE,GAAG,GAAG,EAAE,EAAE;AAEnE,gBAAM,aAAa;AAAA,YACjB,UAAU,OAAO,QAAQ;AAAA,YACzB;AAAA,YACA;AAAA,YACA,GAAG,EAAE;AAAA,YACL,GAAG,EAAE;AAAA,YACL,GAAG,EAAE;AAAA,YACL,SAAS;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAEA,cAAI;AACF,kBAAM,gBAAgB,UAAU;AAAA,UAClC,UAAE;AAEA,gBAAI,WAAW;AACb,eAAAC,MAAA,2BAAK,wBAAL,gBAAAA,IAAA,UAA2B;AAAA,YAC7B;AAAA,UACF;AAEA;AAAA,QACF;AAEA,iBAAS,iBAAiB,aAAa,eAAe;AACtD,iBAAS,iBAAiB,YAAY,cAAc;AAEpD,0BAAkB,MAAM;AACtB,mBAAS,oBAAoB,aAAa,eAAe;AACzD,mBAAS,oBAAoB,YAAY,cAAc;AAAA,QACzD;AAAA,MACF,GAAG;AAEL,aAAO,MAAM;AACX,mBAAW;AACX,kBAAU,EAAE;AACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,WAAW,MAAM;AACrB,QAAI,KAAK,KAAK,MAAM,GAAI;AACxB,iBAAa,IAAI;AACjB,cAAU,WAAW;AAAA,EACvB;AAEA,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU,OAAK,QAAQ,EAAE,OAAO,KAAK;AAAA,MACrC,aAAa,EAAE,aAAa;AAAA,MAC5B,WAAW,GAAG,gBAAgB;AAAA;AAAA,EAChC;AAGF,QAAM,iBACJ;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAU;AAAA,MACV,UAAU,KAAK,KAAK,MAAM;AAAA,MAE1B,8BAAC,GAAG,MAAH,EAAQ,WAAW,GAAG,WAAW,kEAAkE,GAAG;AAAA;AAAA,EACzG;AAGF,QAAM,WACJ,YACK,WAAW,YAAY,MAAM,EAAE,kBAAkB,IAAI,EAAE,kBAAkB,IAC1E;AAEN,MAAI,WAAW,UAAU;AAEvB,QAAI,UAAW,QAAO;AAEtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc,UAAQ,CAAC,SAAQ;AAAA,QAC/B,OAAO,EAAE,OAAO;AAAA,QAChB,MAAM,GAAG;AAAA,QAET,+BAAC,SAAI,WAAU,2CACb;AAAA,8BAAC,SAAM,SAAS,SAAU,YAAE,OAAO,GAAE;AAAA,UACrC,qBAAC,SAAI,WAAU,uBACZ;AAAA;AAAA,YACA;AAAA,aACH;AAAA,WACF;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,WAAW,QAAQ;AACrB,WACE,qBAAC,QAAK,WAAW,GAAG,+DAA+D,GACjF;AAAA,2BAAC,cAAW,WAAU,uEACpB;AAAA,4BAAC,aAAU,WAAU,WAAW,YAAE,OAAO,GAAE;AAAA,QAC1C,YACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YAEV;AAAA,kCAAC,UAAK,WAAU,WAAW,YAAE,OAAO,GAAE;AAAA,cACtC,oBAAC,GAAG,GAAH,EAAK,MAAM,IAAI;AAAA;AAAA;AAAA,QAClB;AAAA,SAEJ;AAAA,MACA,oBAAC,eACC,+BAAC,SAAI,WAAU,gDACb;AAAA,4BAAC,SAAM,SAAS,SAAU,YAAE,OAAO,GAAE;AAAA,QACrC,qBAAC,SAAI,WAAU,uBACZ;AAAA;AAAA,UACA;AAAA,WACH;AAAA,QACC,YACC,oBAAC,OAAE,WAAU,2BAA2B,oBAAS;AAAA,SAErD,GACF;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,8CAA8C,GAC/D;AAAA,wBAAC,SAAM,SAAS,SAAU,YAAE,OAAO,GAAE;AAAA,IACrC,qBAAC,SAAI,WAAU,2BACZ;AAAA;AAAA,MACA;AAAA,OACH;AAAA,IACC,YACC,oBAAC,OAAE,WAAU,2BAA2B,oBAAS;AAAA,KAErD;AAEJ;","names":["_a","_b","_c","_d","_e"]}

package/dist/core/components/ui/Comments/CommentsSection.d.ts

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

package/dist/core/components/ui/Comments/CommentsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsSection.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,wBAAgB,eAAe,sBAsI9B"}

package/dist/core/components/ui/Comments/CommentsSection.js

@@ -0,0 +1,129 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LR from "lucide-react";
+import { BuildingsContext, MenusContext, ToolsContext, usePermissions } from "../../../store";
+import { CollapsibleSection } from "../CollapsibleSection";
+import { SearchInput } from "../SearchInput";
+import { useTranslations } from "next-intl";
+import { CollapsibleCommentItem } from "./CollapsibleCommentItem";
+import { useComment, useComments } from "../../../hooks/comments/comments";
+import { toast } from "sonner";
+function CommentsSection() {
+  var _a, _b;
+  const t = useTranslations("CommentsSection");
+  const { ability } = usePermissions();
+  const { dispatch: toolsDispatch } = React.useContext(ToolsContext);
+  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext);
+  const { currentViewer, commentsVisibleInViewer } = menusState.menus;
+  const { comments } = useComments();
+  const { state: buildingsState } = React.useContext(BuildingsContext);
+  const buildingId = ((_b = (_a = buildingsState == null ? void 0 : buildingsState.buildings) == null ? void 0 : _a.building) == null ? void 0 : _b.id) || -1;
+  const [commentToDelete, setCommentToDelete] = React.useState(null);
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const { deleteComment } = useComment(commentToDelete);
+  const handleAddComment = React.useCallback(() => {
+    if (!currentViewer) return;
+    toolsDispatch({
+      type: "SET-TOOL",
+      payload: {
+        currentToolId: currentViewer === "bim" ? "bim-add-comment" : currentViewer === "map" ? "map-add-comment" : void 0
+      }
+    });
+  }, [toolsDispatch, currentViewer]);
+  const handleCommentAction = React.useCallback((action, id) => {
+    switch (action) {
+      case "view":
+        console.log(`View comment ${id}`);
+        break;
+      case "edit":
+        console.log(`Edit comment ${id}`);
+        break;
+      case "delete":
+        toast.success(t("commentDeleted"));
+        setCommentToDelete(id);
+        break;
+      case "reply":
+        console.log(`Reply to comment ${id}`);
+        break;
+      default:
+        break;
+    }
+  }, [t]);
+  React.useEffect(() => {
+    if (commentToDelete !== null) {
+      deleteComment();
+      setCommentToDelete(null);
+    }
+  }, [commentToDelete, deleteComment]);
+  const handleReply = React.useCallback((id, replyText) => {
+    console.log(`Reply to ${id}: ${replyText}`);
+  }, []);
+  const handleFileUpload = React.useCallback((commentId, files) => {
+    console.log(`Upload files for comment ${commentId}:`, Array.from(files).map((f) => f.name));
+  }, []);
+  const currentComments = comments.filter((comment) => currentViewer === comment.viewer && (!comment.buildingId || comment.buildingId === buildingId));
+  const filteredComments = React.useMemo(() => {
+    if (!searchQuery.trim()) return currentComments;
+    const query = searchQuery.toLowerCase();
+    return currentComments.filter(
+      (comment) => {
+        var _a2;
+        return (_a2 = comment.text) == null ? void 0 : _a2.toLowerCase().includes(query);
+      }
+    );
+  }, [currentComments, searchQuery]);
+  const commentsVisible = commentsVisibleInViewer.includes(currentViewer);
+  const toggleCommentsVisibility = React.useCallback(() => {
+    menusDispatch({
+      type: commentsVisible ? "HIDE_COMMENTS_IN_VIEWER" : "SHOW_COMMENTS_IN_VIEWER",
+      payload: {
+        viewer: currentViewer
+      }
+    });
+  }, [currentViewer, commentsVisible, menusDispatch]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col space-y-4 overflow-hidden", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-4", children: /* @__PURE__ */ jsx(
+      SearchInput,
+      {
+        placeholder: t("searchComments"),
+        value: searchQuery,
+        onChange: (e) => setSearchQuery(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      CollapsibleSection,
+      {
+        title: t("commentsTitle"),
+        icon: LR.MessageCircle,
+        className: "overflow-y-auto",
+        itemCount: filteredComments.length,
+        onAddItem: handleAddComment,
+        addItemTitle: t("addCommentTitle"),
+        switchVariant: {
+          checked: commentsVisible,
+          onCheckedChange: toggleCommentsVisibility
+        },
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-2 mx-2 pr-2", children: filteredComments.map((comment) => /* @__PURE__ */ jsx(
+          CollapsibleCommentItem,
+          {
+            comment,
+            onAction: handleCommentAction,
+            onReply: handleReply,
+            onFileUpload: handleFileUpload,
+            replies: [],
+            attachments: [],
+            isVisible: commentsVisible,
+            onMouseEnter: () => menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId: comment.id } }),
+            onMouseLeave: () => menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId: null } })
+          },
+          comment.id
+        )) })
+      }
+    )
+  ] });
+}
+export {
+  CommentsSection
+};
+//# sourceMappingURL=CommentsSection.js.map

package/dist/core/components/ui/Comments/CommentsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentsSection.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { BuildingsContext, MenusContext, ToolsContext, usePermissions } from '../../../store'\r\n// Audit Phase 1.F (F-2c): direct file imports — bypass ui barrel.\r\nimport { CollapsibleSection } from '../CollapsibleSection'\r\nimport { SearchInput } from '../SearchInput'\r\nimport { useTranslations } from 'next-intl'\r\nimport { CollapsibleCommentItem } from './CollapsibleCommentItem'\r\nimport { useComment, useComments } from '../../../hooks/comments/comments';\r\nimport { toast } from 'sonner'\r\n\r\ntype CommentAction = 'view' | 'edit' | 'delete' | 'reply'\r\n\r\nexport function CommentsSection() {\r\n  // Translation\r\n  const t = useTranslations('CommentsSection')\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const { dispatch: toolsDispatch } = React.useContext(ToolsContext)\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { currentViewer, commentsVisibleInViewer } = menusState.menus\r\n\r\n  const {comments} = useComments()\r\n  const {state: buildingsState} = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n  \r\n  const [commentToDelete, setCommentToDelete] = React.useState<number | null>(null)\r\n  const [searchQuery, setSearchQuery] = React.useState('')\r\n  const { deleteComment } = useComment(commentToDelete)\r\n\r\n  const handleAddComment = React.useCallback(() => {\r\n    if (!currentViewer) return\r\n      toolsDispatch({\r\n        type: 'SET-TOOL',\r\n        payload: {\r\n          currentToolId:\r\n            currentViewer === 'bim'\r\n              ? 'bim-add-comment'\r\n              : currentViewer === 'map'\r\n                ? 'map-add-comment'\r\n                : undefined,\r\n        },\r\n      })\r\n  }, [toolsDispatch, currentViewer])\r\n  \r\n  const handleCommentAction = React.useCallback((action: CommentAction, id: number) => {\r\n    switch (action) {\r\n      case 'view':\r\n        console.log(`View comment ${id}`)\r\n        break\r\n      case 'edit':\r\n        console.log(`Edit comment ${id}`)\r\n        break\r\n      case 'delete':\r\n            toast.success(t('commentDeleted'))\r\n            setCommentToDelete(id)\r\n        break\r\n      case 'reply':\r\n        console.log(`Reply to comment ${id}`)\r\n        break\r\n      default:\r\n        break\r\n    }\r\n  }, [t])\r\n\r\n  // Trigger deletion when commentToDelete changes\r\n  React.useEffect(() => {\r\n    if (commentToDelete !== null) {\r\n      deleteComment()\r\n      setCommentToDelete(null)\r\n    }\r\n  }, [commentToDelete, deleteComment])\r\n\r\n  const handleReply = React.useCallback((id: number, replyText: string) => {\r\n    console.log(`Reply to ${id}: ${replyText}`)\r\n    // TODO: Implement reply functionality\r\n  }, [])\r\n\r\n  const handleFileUpload = React.useCallback((commentId: number, files: FileList) => {\r\n    console.log(`Upload files for comment ${commentId}:`, Array.from(files).map(f => f.name))\r\n    // TODO: Implement file upload functionality\r\n  }, [])\r\n\r\n  const currentComments = comments.filter((comment) => currentViewer === comment.viewer && (!comment.buildingId || comment.buildingId === buildingId))\r\n\r\n  // Filter comments based on search query\r\n  const filteredComments = React.useMemo(() => {\r\n    if (!searchQuery.trim()) return currentComments\r\n    \r\n    const query = searchQuery.toLowerCase()\r\n    return currentComments.filter((comment) => \r\n      comment.text?.toLowerCase().includes(query)\r\n    )\r\n  }, [currentComments, searchQuery])\r\n\r\n  const commentsVisible = commentsVisibleInViewer.includes(currentViewer) \r\n\r\n  const toggleCommentsVisibility = React.useCallback(() => {\r\n      menusDispatch({\r\n        type: commentsVisible ? 'HIDE_COMMENTS_IN_VIEWER' : 'SHOW_COMMENTS_IN_VIEWER',\r\n        payload: {\r\n          viewer: currentViewer,\r\n        },\r\n      })\r\n  }, [currentViewer, commentsVisible, menusDispatch])\r\n\r\n  return (\r\n    <div className=\"flex-1 flex flex-col space-y-4 overflow-hidden\">\r\n      <div className=\"px-4\">\r\n        <SearchInput\r\n          placeholder={t('searchComments')}\r\n          value={searchQuery}\r\n          onChange={e => setSearchQuery(e.target.value)}\r\n        />\r\n      </div>\r\n      <CollapsibleSection\r\n        title={t('commentsTitle')}\r\n        icon={LR.MessageCircle}\r\n        className=\"overflow-y-auto\"\r\n        itemCount={filteredComments.length}\r\n        onAddItem={handleAddComment}\r\n        addItemTitle={t('addCommentTitle')}\r\n        switchVariant={{\r\n          checked: commentsVisible,\r\n          onCheckedChange: toggleCommentsVisibility,\r\n        }}\r\n      >\r\n        <div className=\"space-y-2 mx-2 pr-2\">\r\n          {filteredComments.map((comment) => (\r\n            <CollapsibleCommentItem\r\n              key={comment.id}\r\n              comment={comment}\r\n              onAction={handleCommentAction}\r\n              onReply={handleReply}\r\n              onFileUpload={handleFileUpload}\r\n              replies={[]}\r\n              attachments={[]}\r\n              isVisible={commentsVisible}\r\n              onMouseEnter={() => menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId: comment.id } })}\r\n              onMouseLeave={() => menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId: null } })}\r\n            />\r\n          ))}\r\n        </div>\r\n      </CollapsibleSection>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AA8GI,SAEI,KAFJ;AA5GJ,YAAY,WAAW;AACvB,YAAY,QAAQ;AACpB,SAAS,kBAAkB,cAAc,cAAc,sBAAsB;AAE7E,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AACvC,SAAS,YAAY,mBAAmB;AACxC,SAAS,aAAa;AAIf,SAAS,kBAAkB;AAflC;AAiBE,QAAM,IAAI,gBAAgB,iBAAiB;AAE3C,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,QAAM,EAAE,UAAU,cAAc,IAAI,MAAM,WAAW,YAAY;AACjE,QAAM,EAAE,OAAO,YAAY,UAAU,cAAc,IAAI,MAAM,WAAW,YAAY;AACpF,QAAM,EAAE,eAAe,wBAAwB,IAAI,WAAW;AAE9D,QAAM,EAAC,SAAQ,IAAI,YAAY;AAC/B,QAAM,EAAC,OAAO,eAAc,IAAI,MAAM,WAAW,gBAAgB;AACjE,QAAM,eAAa,4DAAgB,cAAhB,mBAA2B,aAA3B,mBAAqC,OAAM;AAE9D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAwB,IAAI;AAChF,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAE;AACvD,QAAM,EAAE,cAAc,IAAI,WAAW,eAAe;AAEpD,QAAM,mBAAmB,MAAM,YAAY,MAAM;AAC/C,QAAI,CAAC,cAAe;AAClB,kBAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,QACP,eACE,kBAAkB,QACd,oBACA,kBAAkB,QAChB,oBACA;AAAA,MACV;AAAA,IACF,CAAC;AAAA,EACL,GAAG,CAAC,eAAe,aAAa,CAAC;AAEjC,QAAM,sBAAsB,MAAM,YAAY,CAAC,QAAuB,OAAe;AACnF,YAAQ,QAAQ;AAAA,MACd,KAAK;AACH,gBAAQ,IAAI,gBAAgB,EAAE,EAAE;AAChC;AAAA,MACF,KAAK;AACH,gBAAQ,IAAI,gBAAgB,EAAE,EAAE;AAChC;AAAA,MACF,KAAK;AACC,cAAM,QAAQ,EAAE,gBAAgB,CAAC;AACjC,2BAAmB,EAAE;AACzB;AAAA,MACF,KAAK;AACH,gBAAQ,IAAI,oBAAoB,EAAE,EAAE;AACpC;AAAA,MACF;AACE;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,CAAC,CAAC;AAGN,QAAM,UAAU,MAAM;AACpB,QAAI,oBAAoB,MAAM;AAC5B,oBAAc;AACd,yBAAmB,IAAI;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,iBAAiB,aAAa,CAAC;AAEnC,QAAM,cAAc,MAAM,YAAY,CAAC,IAAY,cAAsB;AACvE,YAAQ,IAAI,YAAY,EAAE,KAAK,SAAS,EAAE;AAAA,EAE5C,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,MAAM,YAAY,CAAC,WAAmB,UAAoB;AACjF,YAAQ,IAAI,4BAA4B,SAAS,KAAK,MAAM,KAAK,KAAK,EAAE,IAAI,OAAK,EAAE,IAAI,CAAC;AAAA,EAE1F,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAkB,SAAS,OAAO,CAAC,YAAY,kBAAkB,QAAQ,WAAW,CAAC,QAAQ,cAAc,QAAQ,eAAe,WAAW;AAGnJ,QAAM,mBAAmB,MAAM,QAAQ,MAAM;AAC3C,QAAI,CAAC,YAAY,KAAK,EAAG,QAAO;AAEhC,UAAM,QAAQ,YAAY,YAAY;AACtC,WAAO,gBAAgB;AAAA,MAAO,CAAC,YAAS;AA7F5C,YAAAA;AA8FM,gBAAAA,MAAA,QAAQ,SAAR,gBAAAA,IAAc,cAAc,SAAS;AAAA;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,iBAAiB,WAAW,CAAC;AAEjC,QAAM,kBAAkB,wBAAwB,SAAS,aAAa;AAEtE,QAAM,2BAA2B,MAAM,YAAY,MAAM;AACrD,kBAAc;AAAA,MACZ,MAAM,kBAAkB,4BAA4B;AAAA,MACpD,SAAS;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC;AAAA,EACL,GAAG,CAAC,eAAe,iBAAiB,aAAa,CAAC;AAElD,SACE,qBAAC,SAAI,WAAU,kDACb;AAAA,wBAAC,SAAI,WAAU,QACb;AAAA,MAAC;AAAA;AAAA,QACC,aAAa,EAAE,gBAAgB;AAAA,QAC/B,OAAO;AAAA,QACP,UAAU,OAAK,eAAe,EAAE,OAAO,KAAK;AAAA;AAAA,IAC9C,GACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,eAAe;AAAA,QACxB,MAAM,GAAG;AAAA,QACT,WAAU;AAAA,QACV,WAAW,iBAAiB;AAAA,QAC5B,WAAW;AAAA,QACX,cAAc,EAAE,iBAAiB;AAAA,QACjC,eAAe;AAAA,UACb,SAAS;AAAA,UACT,iBAAiB;AAAA,QACnB;AAAA,QAEA,8BAAC,SAAI,WAAU,uBACZ,2BAAiB,IAAI,CAAC,YACrB;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,UAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAc;AAAA,YACd,SAAS,CAAC;AAAA,YACV,aAAa,CAAC;AAAA,YACd,WAAW;AAAA,YACX,cAAc,MAAM,cAAc,EAAE,MAAM,0BAA0B,SAAS,EAAE,WAAW,QAAQ,GAAG,EAAE,CAAC;AAAA,YACxG,cAAc,MAAM,cAAc,EAAE,MAAM,0BAA0B,SAAS,EAAE,WAAW,KAAK,EAAE,CAAC;AAAA;AAAA,UAT7F,QAAQ;AAAA,QAUf,CACD,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":["_a"]}

package/dist/core/components/ui/Comments/commentUtils.d.ts

@@ -0,0 +1,7 @@
+import { Comment } from '../../../types/dbTypes';
+type BuildCommentParams = Omit<Comment, 'id' | 'createdAt' | 'updatedAt'> & Partial<Pick<Comment, 'id' | 'createdAt' | 'updatedAt'>> & {
+    now?: Date;
+};
+export declare function buildComment(params: BuildCommentParams): Partial<Comment>;
+export {};
+//# sourceMappingURL=commentUtils.d.ts.map

package/dist/core/components/ui/Comments/commentUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commentUtils.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/commentUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEhD,KAAK,kBAAkB,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC,GACxD;IAAE,GAAG,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAGlB,wBAAgB,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,CAkBzE"}

package/dist/core/components/ui/Comments/commentUtils.js

@@ -0,0 +1,23 @@
+function buildComment(params) {
+  var _a;
+  const now = (_a = params.now) != null ? _a : /* @__PURE__ */ new Date();
+  return {
+    visible: true,
+    authorId: params.authorId,
+    organizationId: params.organizationId,
+    image: params.image,
+    text: params.text,
+    longitude: params.longitude,
+    latitude: params.latitude,
+    elevation: params.elevation,
+    x: params.x,
+    y: params.y,
+    z: params.z,
+    viewer: params.viewer,
+    buildingId: params.buildingId
+  };
+}
+export {
+  buildComment
+};
+//# sourceMappingURL=commentUtils.js.map

package/dist/core/components/ui/Comments/commentUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/commentUtils.ts"],"sourcesContent":["import { Comment } from '../../../types/dbTypes'\r\n\r\ntype BuildCommentParams = Omit<Comment, 'id' | 'createdAt' | 'updatedAt'>\r\n  & Partial<Pick<Comment, 'id' | 'createdAt' | 'updatedAt'>>\r\n  & { now?: Date }\r\n\r\n\r\nexport function buildComment(params: BuildCommentParams): Partial<Comment> {\r\n  const now = params.now ?? new Date()\r\n\r\n  return {\r\n    visible: true,\r\n    authorId: params.authorId,\r\n    organizationId: params.organizationId,\r\n    image: params.image,\r\n    text: params.text,\r\n    longitude: params.longitude,\r\n    latitude: params.latitude,\r\n    elevation: params.elevation,\r\n    x: params.x,\r\n    y: params.y,\r\n    z: params.z,\r\n    viewer: params.viewer,\r\n    buildingId: params.buildingId\r\n  }\r\n}\r\n"],"mappings":"AAOO,SAAS,aAAa,QAA8C;AAP3E;AAQE,QAAM,OAAM,YAAO,QAAP,YAAc,oBAAI,KAAK;AAEnC,SAAO;AAAA,IACL,SAAS;AAAA,IACT,UAAU,OAAO;AAAA,IACjB,gBAAgB,OAAO;AAAA,IACvB,OAAO,OAAO;AAAA,IACd,MAAM,OAAO;AAAA,IACb,WAAW,OAAO;AAAA,IAClB,UAAU,OAAO;AAAA,IACjB,WAAW,OAAO;AAAA,IAClB,GAAG,OAAO;AAAA,IACV,GAAG,OAAO;AAAA,IACV,GAAG,OAAO;AAAA,IACV,QAAQ,OAAO;AAAA,IACf,YAAY,OAAO;AAAA,EACrB;AACF;","names":[]}

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+interface CountdownProps {
+    targetDate: Date;
+    className?: string;
+}
+export default function Countdown({ targetDate, className }: CountdownProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Countdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Countdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,cAAc;IACtB,UAAU,EAAE,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAOD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,cAAc,qBA6D1E"}

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

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/utils";
+import { useTranslations } from "next-intl";
+function Countdown({ targetDate, className }) {
+  const [timeLeft, setTimeLeft] = React.useState([]);
+  const [mounted, setMounted] = React.useState(false);
+  const t = useTranslations("HomePage.countdown");
+  React.useEffect(() => {
+    setMounted(true);
+    const calculateTimeLeft = () => {
+      const now = (/* @__PURE__ */ new Date()).getTime();
+      const target = targetDate.getTime();
+      const difference = target - now;
+      if (difference > 0) {
+        const days = Math.floor(difference / (1e3 * 60 * 60 * 24));
+        const hours = Math.floor(difference % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60));
+        const minutes = Math.floor(difference % (1e3 * 60 * 60) / (1e3 * 60));
+        const seconds = Math.floor(difference % (1e3 * 60) / 1e3);
+        return [
+          { value: days, label: t("days") },
+          { value: hours, label: t("hours") },
+          { value: minutes, label: t("minutes") },
+          { value: seconds, label: t("seconds") }
+        ];
+      }
+      return [
+        { value: 0, label: t("days") },
+        { value: 0, label: t("hours") },
+        { value: 0, label: t("minutes") },
+        { value: 0, label: t("seconds") }
+      ];
+    };
+    const timer = setInterval(() => {
+      setTimeLeft(calculateTimeLeft());
+    }, 1e3);
+    setTimeLeft(calculateTimeLeft());
+    return () => clearInterval(timer);
+  }, [targetDate]);
+  if (!mounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("flex gap-4", className), children: timeLeft.map((unit, index) => /* @__PURE__ */ jsx(
+    TimeUnitDisplay,
+    {
+      value: unit.value,
+      label: unit.label,
+      delay: index * 100
+    },
+    unit.label
+  )) });
+}
+function TimeUnitDisplay({ value, label, delay }) {
+  const formattedValue = value.toString().padStart(2, "0");
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "w-16 h-16 border-white border rounded-xl shadow-2xl backdrop-blur-sm",
+          "flex items-center justify-center transition-all duration-300"
+        ),
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "text-primary-light font-black text-2xl font-mono tracking-wider"
+            ),
+            children: formattedValue
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-gray-300 uppercase tracking-wide", children: label })
+  ] });
+}
+export {
+  Countdown as default
+};
+//# sourceMappingURL=Countdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/Countdown.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from \"react\";\r\nimport { cn } from '../../utils/utils'\r\nimport { useTranslations } from 'next-intl'\r\n\r\ninterface CountdownProps {\r\n  targetDate: Date\r\n  className?: string\r\n}\r\n\r\ninterface TimeUnit {\r\n  value: number\r\n  label: string\r\n}\r\n\r\nexport default function Countdown({ targetDate, className }: CountdownProps) {\r\n  const [timeLeft, setTimeLeft] = React.useState<TimeUnit[]>([])\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  const t = useTranslations('HomePage.countdown')\r\n\r\n  React.useEffect(() => {\r\n    setMounted(true)\r\n    \r\n    const calculateTimeLeft = () => {\r\n      const now = new Date().getTime()\r\n      const target = targetDate.getTime()\r\n      const difference = target - now\r\n\r\n      if (difference > 0) {\r\n        const days = Math.floor(difference / (1000 * 60 * 60 * 24))\r\n        const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))\r\n        const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60))\r\n        const seconds = Math.floor((difference % (1000 * 60)) / 1000)\r\n\r\n        return [\r\n          { value: days, label: t('days') },\r\n          { value: hours, label: t('hours') },\r\n          { value: minutes, label: t('minutes') },\r\n          { value: seconds, label: t('seconds') }\r\n        ]\r\n      }\r\n\r\n      return [\r\n        { value: 0, label: t('days') },\r\n        { value: 0, label: t('hours') },\r\n        { value: 0, label: t('minutes') },\r\n        { value: 0, label: t('seconds') }\r\n      ]\r\n    }\r\n\r\n    const timer = setInterval(() => {\r\n      setTimeLeft(calculateTimeLeft())\r\n    }, 1000)\r\n\r\n    setTimeLeft(calculateTimeLeft())\r\n\r\n    return () => clearInterval(timer)\r\n  }, [targetDate])\r\n\r\n  if (!mounted) {\r\n    return null\r\n  }\r\n\r\n  return (\r\n    <div className={cn('flex gap-4', className)}>\r\n      {timeLeft.map((unit, index) => (\r\n        <TimeUnitDisplay\r\n          key={unit.label}\r\n          value={unit.value}\r\n          label={unit.label}\r\n          delay={index * 100}\r\n        />\r\n      ))}\r\n    </div>\r\n  )\r\n}\r\n\r\ninterface TimeUnitDisplayProps {\r\n  value: number\r\n  label: string\r\n  delay: number\r\n}\r\n\r\nfunction TimeUnitDisplay({ value, label, delay }: TimeUnitDisplayProps) {\r\n  const formattedValue = value.toString().padStart(2, '0')\r\n\r\n  return (\r\n    <div className=\"flex flex-col items-center gap-2\">\r\n      <div \r\n        className={cn(\r\n          \"w-16 h-16 border-white border rounded-xl shadow-2xl backdrop-blur-sm\",\r\n          \"flex items-center justify-center transition-all duration-300\"\r\n        )}\r\n      >\r\n        <span \r\n          className={cn(\r\n            \"text-primary-light font-black text-2xl font-mono tracking-wider\"\r\n          )}\r\n        >\r\n          {formattedValue}\r\n        </span>\r\n      </div>\r\n\r\n      {/* Label */}\r\n      <span className=\"text-xs font-semibold text-gray-300 uppercase tracking-wide\">\r\n        {label}\r\n      </span>\r\n    </div>\r\n  )\r\n}"],"mappings":";AAoEQ,cAqBJ,YArBI;AAlER,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,uBAAuB;AAYjB,SAAR,UAA2B,EAAE,YAAY,UAAU,GAAmB;AAC3E,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAqB,CAAC,CAAC;AAC7D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAElD,QAAM,IAAI,gBAAgB,oBAAoB;AAE9C,QAAM,UAAU,MAAM;AACpB,eAAW,IAAI;AAEf,UAAM,oBAAoB,MAAM;AAC9B,YAAM,OAAM,oBAAI,KAAK,GAAE,QAAQ;AAC/B,YAAM,SAAS,WAAW,QAAQ;AAClC,YAAM,aAAa,SAAS;AAE5B,UAAI,aAAa,GAAG;AAClB,cAAM,OAAO,KAAK,MAAM,cAAc,MAAO,KAAK,KAAK,GAAG;AAC1D,cAAM,QAAQ,KAAK,MAAO,cAAc,MAAO,KAAK,KAAK,OAAQ,MAAO,KAAK,GAAG;AAChF,cAAM,UAAU,KAAK,MAAO,cAAc,MAAO,KAAK,OAAQ,MAAO,GAAG;AACxE,cAAM,UAAU,KAAK,MAAO,cAAc,MAAO,MAAO,GAAI;AAE5D,eAAO;AAAA,UACL,EAAE,OAAO,MAAM,OAAO,EAAE,MAAM,EAAE;AAAA,UAChC,EAAE,OAAO,OAAO,OAAO,EAAE,OAAO,EAAE;AAAA,UAClC,EAAE,OAAO,SAAS,OAAO,EAAE,SAAS,EAAE;AAAA,UACtC,EAAE,OAAO,SAAS,OAAO,EAAE,SAAS,EAAE;AAAA,QACxC;AAAA,MACF;AAEA,aAAO;AAAA,QACL,EAAE,OAAO,GAAG,OAAO,EAAE,MAAM,EAAE;AAAA,QAC7B,EAAE,OAAO,GAAG,OAAO,EAAE,OAAO,EAAE;AAAA,QAC9B,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAE;AAAA,QAChC,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAE;AAAA,MAClC;AAAA,IACF;AAEA,UAAM,QAAQ,YAAY,MAAM;AAC9B,kBAAY,kBAAkB,CAAC;AAAA,IACjC,GAAG,GAAI;AAEP,gBAAY,kBAAkB,CAAC;AAE/B,WAAO,MAAM,cAAc,KAAK;AAAA,EAClC,GAAG,CAAC,UAAU,CAAC;AAEf,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,SAAI,WAAW,GAAG,cAAc,SAAS,GACvC,mBAAS,IAAI,CAAC,MAAM,UACnB;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO,KAAK;AAAA,MACZ,OAAO,KAAK;AAAA,MACZ,OAAO,QAAQ;AAAA;AAAA,IAHV,KAAK;AAAA,EAIZ,CACD,GACH;AAEJ;AAQA,SAAS,gBAAgB,EAAE,OAAO,OAAO,MAAM,GAAyB;AACtE,QAAM,iBAAiB,MAAM,SAAS,EAAE,SAAS,GAAG,GAAG;AAEvD,SACE,qBAAC,SAAI,WAAU,oCACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,YACF;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,IAGA,oBAAC,UAAK,WAAU,+DACb,iBACH;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { ColumnDef } from '@tanstack/react-table';
+interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    onRowClick?: (row: TData) => void;
+    onRowHover?: (row: TData) => void;
+    currentViewer?: string;
+    className?: string;
+    paginationClasses?: string;
+    leadingCell?: React.ComponentType<any>;
+    trailingCell?: React.ComponentType<any>;
+    showPagination?: boolean;
+    tab?: string;
+    isLoading?: boolean;
+}
+export declare function DataTable<TData, TValue>({ columns, data, onRowClick, onRowHover, currentViewer, className, paginationClasses, trailingCell: TrailingCell, leadingCell: LeadingCell, showPagination, tab, isLoading, }: DataTableProps<TData, TValue>): React.JSX.Element;
+export {};
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DataTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,SAAS,EAOV,MAAM,uBAAuB,CAAA;AAmC9B,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM;IACpC,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAA;IACnC,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,UAAU,EACV,UAAU,EACV,aAAa,EACb,SAAS,EACT,iBAAiB,EACjB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,cAAqB,EACrB,GAAQ,EACR,SAAiB,GAClB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,qBAkQ/B"}