@collabdt/core 0.0.51 → 0.0.53

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CollapsibleCommentItem.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { usePermissions } from '../../../store'\r\n\r\nimport { Button } from '../Button'\r\nimport { Badge } from '../Badge'\r\nimport { Input } from '../Input'\r\nimport { Avatar } from '../Avatar'\r\nimport { UserAvatar } from '../UserAvatar'\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { format } from 'date-fns'\r\nimport { cn } from '../../../utils/utils'\r\nimport { Comment } from '../../../types/dbTypes'\r\nimport { useUser } from '../../../hooks/users/users'\r\nimport { useSession } from 'next-auth/react'\r\n\r\ntype CommentAction = 'view' | 'edit' | 'delete' | 'reply'\r\n\r\ninterface CollapsibleCommentItemProps {\r\n  comment: Comment\r\n  onAction?: (action: CommentAction, id: number) => void\r\n  replies?: Comment[]\r\n  onReply?: (id: number, replyText: string | number) => void\r\n  onFileUpload?: (id: number, files: FileList) => void\r\n  attachments?: Array<{ name: string; url: string; size: number }>\r\n  depth?: number\r\n  isVisible?: boolean\r\n  onMouseEnter?: () => void\r\n  onMouseLeave?: () => void\r\n}\r\n\r\nexport function CollapsibleCommentItem({\r\n  comment,\r\n  onAction,\r\n  replies = [],\r\n  onReply,\r\n  onFileUpload,\r\n  attachments = [],\r\n  depth = 0,\r\n  isVisible = true,\r\n  onMouseEnter,\r\n  onMouseLeave\r\n}: CollapsibleCommentItemProps) {\r\n  const t = useTranslations('CommentsSection')\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const [isExpanded, setIsExpanded] = React.useState(false)\r\n  const [showReplyInput, setShowReplyInput] = React.useState(false)\r\n  const [replyText, setReplyText] = React.useState('')\r\n  const fileInputRef = React.useRef<HTMLInputElement>(null)\r\n  const prevVisibleRef = React.useRef(isVisible)\r\n\r\n  const user = useSession().data?.user\r\n\r\n  // Auto-collapse when visibility turns off\r\n  React.useEffect(() => {\r\n    const prevVisible = prevVisibleRef.current\r\n    \r\n    if (prevVisible && !isVisible) {\r\n      // Just turned invisible - collapse\r\n      setIsExpanded(false)\r\n    }\r\n    \r\n    prevVisibleRef.current = isVisible\r\n  }, [isVisible])\r\n\r\n  const handleReplySubmit = () => {\r\n    if (replyText.trim() && onReply) {\r\n      onReply(comment.id, replyText)\r\n      setReplyText('')\r\n      setShowReplyInput(false)\r\n    }\r\n  }\r\n\r\n  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (event.target.files && event.target.files.length > 0 && onFileUpload) {\r\n      onFileUpload(comment.id, event.target.files)\r\n      event.target.value = ''\r\n    }\r\n  }\r\n\r\n  const indentClass = depth > 0 ? `ml-${Math.min(depth * 4, 12)}` : ''\r\n\r\n  const { user: author } = useUser(String(comment.authorId))\r\n  let authorName: string | undefined = author?.name ?? 'Unknown User'\r\n\r\n  return (\r\n    <div \r\n      className={cn(\r\n        \"border rounded-md overflow-hidden transition-opacity\",\r\n        indentClass,\r\n        // !isVisible && \"opacity-50\"\r\n      )}\r\n      onMouseEnter={onMouseEnter}\r\n      onMouseLeave={onMouseLeave}\r\n    >\r\n      {/* Comment Header */}\r\n      <div className=\"flex items-start justify-between p-3 hover:bg-accent/50 transition-colors\">\r\n        <div className=\"flex items-start gap-3 flex-1 min-w-0\">\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"sm\"\r\n            className={cn(\"h-6 w-6 p-0 mt-1\")}\r\n            onClick={() => setIsExpanded(!isExpanded)}\r\n          >\r\n            <LR.ChevronRight\r\n              className={cn(\r\n                \"h-4 w-4 transition-transform\",\r\n                isExpanded && \"rotate-90\"\r\n              )}\r\n            />\r\n          </Button>\r\n\r\n          <Avatar className={cn(\"h-8 w-8 mt-1 rounded-full overflow-hidden\")}>\r\n            <UserAvatar imageFileId={author?.imageFileId} name={authorName} />\r\n          </Avatar>\r\n\r\n          <div className=\"flex-1 min-w-0\">\r\n            <div className=\"flex items-center gap-2\">\r\n                <span className={cn(\"text-sm font-medium text-foreground \")}>\r\n                {authorName}\r\n              </span>\r\n              {comment.updatedAt !== comment.createdAt && (\r\n                <Badge variant=\"outline\" className=\"text-xs\">\r\n                  {t('edited')}\r\n                </Badge>\r\n              )}\r\n            </div>\r\n              <p className={cn(\"text-sm mt-1 line-clamp-1 text-foreground\")}>\r\n              {comment.text}\r\n            </p>\r\n            {replies.length > 0 && !isExpanded && (\r\n              <span className=\"text-xs text-muted-foreground mt-1\">\r\n                {replies.length} {replies.length === 1 ? t('reply') : t('replies')}\r\n              </span>\r\n            )}\r\n          </div>\r\n        </div>\r\n\r\n      {/* Action Buttons */}\r\n      {onAction && (\r\n        <div className={cn(\"flex items-center gap-0 flex-shrink-0\")}>\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"icon\"\r\n            className=\"h-8 w-8 p-0\"\r\n            onClick={() => setShowReplyInput(!showReplyInput)}\r\n            title={t('replyToComment')}\r\n            disabled={!ability.can('create', 'Comment')}\r\n          >\r\n            <LR.Reply className=\"h-4 w-4\" />\r\n          </Button>\r\n          {user?.id === String(comment.authorId) && (\r\n            <>\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"h-8 w-8 p-0\"\r\n                onClick={() => onAction('edit', comment.id)}\r\n                title={t('editComment')}\r\n                disabled={!ability.can('update', 'Comment')}\r\n              >\r\n                <LR.Pencil className=\"h-4 w-4\" />\r\n              </Button>\r\n              {/* TODO: Need 2-step confirmation dialog for DELETE COMMENT */}\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"h-8 w-8 p-0\"\r\n                onClick={() => onAction('delete', comment.id)}\r\n                title={t('deleteComment')}\r\n                disabled={!ability.can('delete', 'Comment')}\r\n\r\n              >\r\n                <LR.Trash2 className=\"h-4 w-4\" />\r\n              </Button>\r\n            </>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n\r\n      {/* Expanded Content */ }\r\n  {\r\n    isExpanded && (\r\n      <div className=\"border-t bg-muted/30\">\r\n        <div className=\"p-4 space-y-4\">\r\n          {/* Full Comment Text */}\r\n          <span className=\"text-xs text-muted-foreground\">\r\n            {format(new Date(comment.createdAt), 'PPp')}\r\n          </span>\r\n          <div>\r\n            <p className=\"text-sm text-foreground whitespace-pre-wrap\">\r\n              {comment.text}\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  {/* Reply Input */ }\r\n  {\r\n    showReplyInput && onReply && (\r\n      <div className=\"border-t p-3 bg-muted/20\">\r\n        <div className=\"flex gap-2\">\r\n          <Input\r\n            value={replyText}\r\n            onChange={(e) => setReplyText(e.target.value)}\r\n            placeholder={t('writeReply')}\r\n            className=\"flex-1\"\r\n            onKeyDown={(e) => {\r\n              if (e.key === 'Enter' && !e.shiftKey) {\r\n                e.preventDefault()\r\n                handleReplySubmit()\r\n              }\r\n            }}\r\n            disabled={!ability.can('create', 'Comment')}\r\n          />\r\n          <Button\r\n            size=\"sm\"\r\n            onClick={handleReplySubmit}\r\n            disabled={!replyText.trim() || !ability.can('create', 'Comment')}\r\n          >\r\n            <LR.Send className=\"h-4 w-4\" />\r\n          </Button>\r\n          <Button\r\n            size=\"sm\"\r\n            variant=\"ghost\"\r\n            onClick={() => {\r\n              setShowReplyInput(false)\r\n              setReplyText('')\r\n            }}\r\n            disabled={!ability.can('create', 'Comment')}\r\n          >\r\n            <LR.X className=\"h-4 w-4\" />\r\n          </Button>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  {/* Nested Replies */ }\r\n  {\r\n    isExpanded && replies.length > 0 && (\r\n      <div className=\"border-t\">\r\n        {replies.map((reply) => (\r\n          <CollapsibleCommentItem\r\n            key={reply.id}\r\n            comment={reply}\r\n            onAction={onAction}\r\n            onReply={onReply}\r\n            onFileUpload={onFileUpload}\r\n            depth={depth + 1}\r\n          />\r\n        ))}\r\n      </div>\r\n    )\r\n  }\r\n    </div >\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CollapsibleCommentItem.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport { usePermissions } from '../../../store'\r\n\r\nimport { Button } from '../Button'\r\nimport { Badge } from '../Badge'\r\nimport { Input } from '../Input'\r\nimport { Avatar } from '../Avatar'\r\nimport { UserAvatar } from '../UserAvatar'\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { format } from 'date-fns'\r\nimport { cn } from '../../../utils/utils'\r\nimport { Comment } from '../../../types/dbTypes'\r\nimport { useUser } from '../../../hooks/users/users'\r\nimport { useSession } from 'next-auth/react'\r\n\r\ntype CommentAction = 'view' | 'edit' | 'delete' | 'reply'\r\n\r\ninterface CollapsibleCommentItemProps {\r\n  comment: Comment\r\n  onAction?: (action: CommentAction, id: number) => void\r\n  replies?: Comment[]\r\n  onReply?: (id: number, replyText: string | number) => void\r\n  onFileUpload?: (id: number, files: FileList) => void\r\n  attachments?: Array<{ name: string; url: string; size: number }>\r\n  depth?: number\r\n  isVisible?: boolean\r\n  onMouseEnter?: () => void\r\n  onMouseLeave?: () => void\r\n}\r\n\r\nexport function CollapsibleCommentItem({\r\n  comment,\r\n  onAction,\r\n  replies = [],\r\n  onReply,\r\n  onFileUpload,\r\n  attachments = [],\r\n  depth = 0,\r\n  isVisible = true,\r\n  onMouseEnter,\r\n  onMouseLeave\r\n}: CollapsibleCommentItemProps) {\r\n  const t = useTranslations('CommentsSection')\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const [isExpanded, setIsExpanded] = React.useState(false)\r\n  const [showReplyInput, setShowReplyInput] = React.useState(false)\r\n  const [replyText, setReplyText] = React.useState('')\r\n  const fileInputRef = React.useRef<HTMLInputElement>(null)\r\n  const prevVisibleRef = React.useRef(isVisible)\r\n\r\n  const user = useSession().data?.user\r\n\r\n  // Auto-collapse when visibility turns off\r\n  React.useEffect(() => {\r\n    const prevVisible = prevVisibleRef.current\r\n    \r\n    if (prevVisible && !isVisible) {\r\n      // Just turned invisible - collapse\r\n      setIsExpanded(false)\r\n    }\r\n    \r\n    prevVisibleRef.current = isVisible\r\n  }, [isVisible])\r\n\r\n  const handleReplySubmit = () => {\r\n    if (replyText.trim() && onReply) {\r\n      onReply(comment.id, replyText)\r\n      setReplyText('')\r\n      setShowReplyInput(false)\r\n    }\r\n  }\r\n\r\n  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (event.target.files && event.target.files.length > 0 && onFileUpload) {\r\n      onFileUpload(comment.id, event.target.files)\r\n      event.target.value = ''\r\n    }\r\n  }\r\n\r\n  const indentClass = depth > 0 ? `ml-${Math.min(depth * 4, 12)}` : ''\r\n\r\n  const { user: author } = useUser(String(comment.authorId))\r\n  let authorName: string | undefined = author?.name ?? 'Unknown User'\r\n\r\n  return (\r\n    <div \r\n      className={cn(\r\n        \"border rounded-md overflow-hidden transition-opacity\",\r\n        indentClass,\r\n        // !isVisible && \"opacity-50\"\r\n      )}\r\n      onMouseEnter={onMouseEnter}\r\n      onMouseLeave={onMouseLeave}\r\n    >\r\n      {/* Comment Header */}\r\n      <div className=\"flex items-start justify-between p-3 hover:bg-accent/50 transition-colors\">\r\n        <div className=\"flex items-start gap-3 flex-1 min-w-0\">\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"sm\"\r\n            className={cn(\"h-6 w-6 p-0 mt-1\")}\r\n            onClick={() => setIsExpanded(!isExpanded)}\r\n          >\r\n            <LR.ChevronRight\r\n              className={cn(\r\n                \"h-4 w-4 transition-transform\",\r\n                isExpanded && \"rotate-90\"\r\n              )}\r\n            />\r\n          </Button>\r\n\r\n          <Avatar className={cn(\"h-8 w-8 mt-1 rounded-full overflow-hidden\")}>\r\n            <UserAvatar imageFileId={author?.imageFileId} name={authorName} />\r\n          </Avatar>\r\n\r\n          <div className=\"flex-1 min-w-0\">\r\n            <div className=\"flex items-center gap-2\">\r\n                <span className={cn(\"text-sm font-medium text-foreground \")}>\r\n                {authorName}\r\n              </span>\r\n              {comment.updatedAt !== comment.createdAt && (\r\n                <Badge variant=\"outline\" className=\"text-xs\">\r\n                  {t('edited')}\r\n                </Badge>\r\n              )}\r\n            </div>\r\n              <p className={cn(\"text-sm mt-1 line-clamp-1 text-foreground\")}>\r\n              {comment.text}\r\n            </p>\r\n            {replies.length > 0 && !isExpanded && (\r\n              <span className=\"text-xs text-muted-foreground mt-1\">\r\n                {replies.length} {replies.length === 1 ? t('reply') : t('replies')}\r\n              </span>\r\n            )}\r\n          </div>\r\n        </div>\r\n\r\n      {/* Action Buttons */}\r\n      {onAction && (\r\n        <div className={cn(\"flex items-center gap-0 flex-shrink-0\")}>\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"icon\"\r\n            className=\"h-8 w-8 p-0\"\r\n            onClick={() => setShowReplyInput(!showReplyInput)}\r\n            title={t('replyToComment')}\r\n            disabled={!ability.can('create', 'Comment')}\r\n          >\r\n            <LR.Reply className=\"h-4 w-4\" />\r\n          </Button>\r\n          {user?.id === String(comment.authorId) && (\r\n            <>\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"h-8 w-8 p-0\"\r\n                onClick={() => onAction('edit', comment.id)}\r\n                title={t('editComment')}\r\n                disabled={!ability.can('update', 'Comment')}\r\n              >\r\n                <LR.Pencil className=\"h-4 w-4\" />\r\n              </Button>\r\n              {/* TODO: Need 2-step confirmation dialog for DELETE COMMENT */}\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"h-8 w-8 p-0\"\r\n                onClick={() => onAction('delete', comment.id)}\r\n                title={t('deleteComment')}\r\n                disabled={!ability.can('delete', 'Comment')}\r\n\r\n              >\r\n                <LR.Trash2 className=\"h-4 w-4\" />\r\n              </Button>\r\n            </>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n\r\n      {/* Expanded Content */ }\r\n  {\r\n    isExpanded && (\r\n      <div className=\"border-t bg-muted/30\">\r\n        <div className=\"p-4 space-y-4\">\r\n          {/* Full Comment Text */}\r\n          <span className=\"text-xs text-muted-foreground\">\r\n            {format(new Date(comment.createdAt), 'PPp')}\r\n          </span>\r\n          <div>\r\n            <p className=\"text-sm text-foreground whitespace-pre-wrap\">\r\n              {comment.text}\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  {/* Reply Input */ }\r\n  {\r\n    showReplyInput && onReply && (\r\n      <div className=\"border-t p-3 bg-muted/20\">\r\n        <div className=\"flex gap-2\">\r\n          <Input\r\n            value={replyText}\r\n            onChange={(e) => setReplyText(e.target.value)}\r\n            placeholder={t('writeReply')}\r\n            className=\"flex-1\"\r\n            onKeyDown={(e) => {\r\n              if (e.key === 'Enter' && !e.shiftKey) {\r\n                e.preventDefault()\r\n                handleReplySubmit()\r\n              }\r\n            }}\r\n            disabled={!ability.can('create', 'Comment')}\r\n          />\r\n          <Button\r\n            size=\"sm\"\r\n            onClick={handleReplySubmit}\r\n            disabled={!replyText.trim() || !ability.can('create', 'Comment')}\r\n          >\r\n            <LR.Send className=\"h-4 w-4\" />\r\n          </Button>\r\n          <Button\r\n            size=\"sm\"\r\n            variant=\"ghost\"\r\n            onClick={() => {\r\n              setShowReplyInput(false)\r\n              setReplyText('')\r\n            }}\r\n            disabled={!ability.can('create', 'Comment')}\r\n          >\r\n            <LR.X className=\"h-4 w-4\" />\r\n          </Button>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  {/* Nested Replies */ }\r\n  {\r\n    isExpanded && replies.length > 0 && (\r\n      <div className=\"border-t\">\r\n        {replies.map((reply) => (\r\n          <CollapsibleCommentItem\r\n            key={reply.id}\r\n            comment={reply}\r\n            onAction={onAction}\r\n            onReply={onReply}\r\n            onFileUpload={onFileUpload}\r\n            depth={depth + 1}\r\n          />\r\n        ))}\r\n      </div>\r\n    )\r\n  }\r\n    </div >\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Comment.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/Comment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,gBAAwB,EACxB,SAAiB,EACjB,SAAiB,GAClB,EAAE,YAAY,qBA6Gd"}
+{"version":3,"file":"Comment.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/Comment.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,gBAAwB,EACxB,SAAiB,EACjB,SAAiB,GAClB,EAAE,YAAY,qBA6Gd"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Comments/Comment.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { Avatar } from '../Avatar'\r\nimport { Button } from '../Button'\r\nimport { Card } from '../Card'\r\nimport { formatTimestamp } from '../../../utils/timeUtils'\r\nimport { markerStyleHighlight } from '../../../utils/markerUtils'\r\nimport { UserAvatar } from '../UserAvatar'\r\nimport { useFile } from '../../../hooks/files/files'\r\n\r\nexport type CommentProps = {\r\n  userName: string\r\n  userImage: number | null\r\n  userImageFileId?: number | null\r\n  buildingId?: number\r\n  text: string\r\n  createdAt: string | Date\r\n  onRemove?: () => void\r\n  onClose?: () => void\r\n  enableCollapse?: boolean\r\n  defaultCollapsed?: boolean\r\n  isPending?: boolean\r\n  highlight?: boolean\r\n}\r\n\r\nexport default function Comment({\r\n  text,\r\n  createdAt,\r\n  userName,\r\n  userImage,\r\n  userImageFileId,\r\n  onRemove,\r\n  onClose,\r\n  enableCollapse = false,\r\n  defaultCollapsed = false,\r\n  isPending = false,\r\n  highlight = false,\r\n}: CommentProps) {\r\n  const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed)\r\n  const lastTap = React.useRef(0)\r\n  const resolvedImageFileId = userImageFileId ?? userImage\r\n  const { file } = useFile(resolvedImageFileId)\r\n  const previewSrc = file?.url\r\n\r\n  const handlePointerDown = (e: React.PointerEvent) => {\r\n    if (!enableCollapse) return\r\n    e.stopPropagation()\r\n\r\n    const now = performance.now()\r\n    if (now - lastTap.current < 300) setIsCollapsed(v => !v)\r\n    lastTap.current = now\r\n  }\r\n  if (enableCollapse && isCollapsed) {\r\n    return (\r\n      <div\r\n        className={`h-9 w-9 rounded-full shadow-md overflow-hidden flex-shrink-0 pointer-events-auto ${highlight ? markerStyleHighlight : ''}`}\r\n        onPointerDown={handlePointerDown}\r\n        onDoubleClick={(e) => {\r\n          e.stopPropagation()\r\n          setIsCollapsed(v => !v)\r\n        }}\r\n      >\r\n        {isPending ? (\r\n          <div className=\"w-full h-full rounded-full bg-primary-light flex items-center justify-center\">\r\n            <LR.Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />\r\n          </div>\r\n        ) : (\r\n          <Avatar className=\"h-full w-full cursor-pointer\">\r\n            <UserAvatar\r\n              imageFileId={resolvedImageFileId}\r\n              previewSrc={previewSrc}\r\n              name={userName}\r\n              className=\"h-full w-full rounded-full object-cover\"\r\n            />\r\n          </Avatar>\r\n        )}\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className=\"relative inline-block group\"\r\n      style={{ pointerEvents: 'auto' }}\r\n      title={enableCollapse ? 'Double click to collapse' : undefined}\r\n      onPointerDown={handlePointerDown}\r\n      onDoubleClick={(e) => {\r\n        e.stopPropagation()\r\n        if (enableCollapse) setIsCollapsed(v => !v)\r\n        else onClose?.()\r\n      }}\r\n    >\r\n        <Card className=\"w-48 px-3 py-2.5 shadow-md group-hover:shadow-lg transition-shadow duration-200\">\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"h-9 w-9 rounded-full shadow-sm flex items-center justify-center select-none flex-shrink-0 bg-card\">\r\n              {isPending ? (\r\n                <div className=\"h-10 w-10 rounded-full bg-muted flex items-center justify-center\">\r\n                  <LR.Loader2 className=\"h-5 w-5 animate-spin text-muted-foreground\" />\r\n                </div>\r\n              ) : (\r\n                <Avatar className=\"h-10 w-10\">\r\n                  <UserAvatar\r\n                    imageFileId={resolvedImageFileId}\r\n                    previewSrc={previewSrc}\r\n                    name={userName}\r\n                    className=\"h-full w-full rounded-full object-cover\"\r\n                  />\r\n                </Avatar>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex-1 min-w-0 flex flex-col gap-1\">\r\n              <span className=\"font-medium text-sm text-foreground leading-none truncate\">\r\n                {userName}\r\n              </span>\r\n              <span className=\"text-xs text-muted-foreground leading-none\">\r\n                {formatTimestamp(createdAt)}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"mt-2 flex items-start gap-2\">\r\n            <p className=\"min-w-0 flex-1 text-sm leading-relaxed text-foreground whitespace-pre-wrap break-words\">\r\n              {text}\r\n            </p>\r\n\r\n            {onRemove && (\r\n                  <Button\r\n                    type=\"button\"\r\n                    variant=\"ghost\"\r\n                    size=\"icon\"\r\n                    title=\"Remove comment\"\r\n                    className=\"z-50 h-7 w-7 shrink-0\"\r\n                    aria-label=\"Remove comment\"\r\n                    onClick={(e) => {\r\n                      e.stopPropagation()\r\n                      onRemove()\r\n                    }}\r\n                  >\r\n                    <LR.Trash2 className=\"h-4 w-4\" />\r\n                  </Button>\r\n            )}\r\n          </div>\r\n        </Card>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/Comment.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { Avatar } from '../Avatar'\r\nimport { Button } from '../Button'\r\nimport { Card } from '../Card'\r\nimport { formatTimestamp } from '../../../utils/timeUtils'\r\nimport { markerStyleHighlight } from '../../../utils/markerUtils'\r\nimport { UserAvatar } from '../UserAvatar'\r\nimport { useFile } from '../../../hooks/files/files'\r\n\r\nexport type CommentProps = {\r\n  userName: string\r\n  userImage: number | null\r\n  userImageFileId?: number | null\r\n  buildingId?: number\r\n  text: string\r\n  createdAt: string | Date\r\n  onRemove?: () => void\r\n  onClose?: () => void\r\n  enableCollapse?: boolean\r\n  defaultCollapsed?: boolean\r\n  isPending?: boolean\r\n  highlight?: boolean\r\n}\r\n\r\nexport default function Comment({\r\n  text,\r\n  createdAt,\r\n  userName,\r\n  userImage,\r\n  userImageFileId,\r\n  onRemove,\r\n  onClose,\r\n  enableCollapse = false,\r\n  defaultCollapsed = false,\r\n  isPending = false,\r\n  highlight = false,\r\n}: CommentProps) {\r\n  const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed)\r\n  const lastTap = React.useRef(0)\r\n  const resolvedImageFileId = userImageFileId ?? userImage\r\n  const { file } = useFile(resolvedImageFileId)\r\n  const previewSrc = file?.url\r\n\r\n  const handlePointerDown = (e: React.PointerEvent) => {\r\n    if (!enableCollapse) return\r\n    e.stopPropagation()\r\n\r\n    const now = performance.now()\r\n    if (now - lastTap.current < 300) setIsCollapsed(v => !v)\r\n    lastTap.current = now\r\n  }\r\n  if (enableCollapse && isCollapsed) {\r\n    return (\r\n      <div\r\n        className={`h-9 w-9 rounded-full shadow-md overflow-hidden flex-shrink-0 pointer-events-auto ${highlight ? markerStyleHighlight : ''}`}\r\n        onPointerDown={handlePointerDown}\r\n        onDoubleClick={(e) => {\r\n          e.stopPropagation()\r\n          setIsCollapsed(v => !v)\r\n        }}\r\n      >\r\n        {isPending ? (\r\n          <div className=\"w-full h-full rounded-full bg-primary-light flex items-center justify-center\">\r\n            <LR.Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />\r\n          </div>\r\n        ) : (\r\n          <Avatar className=\"h-full w-full cursor-pointer\">\r\n            <UserAvatar\r\n              imageFileId={resolvedImageFileId}\r\n              previewSrc={previewSrc}\r\n              name={userName}\r\n              className=\"h-full w-full rounded-full object-cover\"\r\n            />\r\n          </Avatar>\r\n        )}\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className=\"relative inline-block group\"\r\n      style={{ pointerEvents: 'auto' }}\r\n      title={enableCollapse ? 'Double click to collapse' : undefined}\r\n      onPointerDown={handlePointerDown}\r\n      onDoubleClick={(e) => {\r\n        e.stopPropagation()\r\n        if (enableCollapse) setIsCollapsed(v => !v)\r\n        else onClose?.()\r\n      }}\r\n    >\r\n        <Card className=\"w-48 px-3 py-2.5 shadow-md group-hover:shadow-lg transition-shadow duration-200\">\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"h-9 w-9 rounded-full shadow-sm flex items-center justify-center select-none flex-shrink-0 bg-card\">\r\n              {isPending ? (\r\n                <div className=\"h-10 w-10 rounded-full bg-muted flex items-center justify-center\">\r\n                  <LR.Loader2 className=\"h-5 w-5 animate-spin text-muted-foreground\" />\r\n                </div>\r\n              ) : (\r\n                <Avatar className=\"h-10 w-10\">\r\n                  <UserAvatar\r\n                    imageFileId={resolvedImageFileId}\r\n                    previewSrc={previewSrc}\r\n                    name={userName}\r\n                    className=\"h-full w-full rounded-full object-cover\"\r\n                  />\r\n                </Avatar>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex-1 min-w-0 flex flex-col gap-1\">\r\n              <span className=\"font-medium text-sm text-foreground leading-none truncate\">\r\n                {userName}\r\n              </span>\r\n              <span className=\"text-xs text-muted-foreground leading-none\">\r\n                {formatTimestamp(createdAt)}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"mt-2 flex items-start gap-2\">\r\n            <p className=\"min-w-0 flex-1 text-sm leading-relaxed text-foreground whitespace-pre-wrap break-words\">\r\n              {text}\r\n            </p>\r\n\r\n            {onRemove && (\r\n                  <Button\r\n                    type=\"button\"\r\n                    variant=\"ghost\"\r\n                    size=\"icon\"\r\n                    title=\"Remove comment\"\r\n                    className=\"z-50 h-7 w-7 shrink-0\"\r\n                    aria-label=\"Remove comment\"\r\n                    onClick={(e) => {\r\n                      e.stopPropagation()\r\n                      onRemove()\r\n                    }}\r\n                  >\r\n                    <LR.Trash2 className=\"h-4 w-4\" />\r\n                  </Button>\r\n            )}\r\n          </div>\r\n        </Card>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"CommentInput.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,EAAW,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAG7D,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE7D,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAA;KAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IAC5E,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,GAAG,CAAC,EAAE,0BAA0B,CAAA;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,MAAiB,EACjB,QAAQ,EACR,GAAG,EACH,MAAc,GACf,EAAE,iBAAiB,qBA0SnB"}
+{"version":3,"file":"CommentInput.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,EAAW,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAG7D,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE7D,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAA;KAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IAC5E,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,GAAG,CAAC,EAAE,0BAA0B,CAAA;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,MAAiB,EACjB,QAAQ,EACR,GAAG,EACH,MAAc,GACf,EAAE,iBAAiB,qBA0SnB"}

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

@@ -1 +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":"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","names":["_a","_b","_c","_d","_e"]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentInput.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * 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":";AAwPI,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;AA7CtB;AA8CE,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;AAlE1D,QAAAA,KAAAC,KAAAC;AAmEI,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;AAhHxB,QAAAF,KAAAC;AAiHI,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;AA3HzD,YAAAD,KAAAC;AA4HQ,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;AA7K1D,cAAAD,KAAAC,KAAAC,KAAAC,KAAAC;AA8KY,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.map

@@ -1 +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;AAY9B,wBAAgB,eAAe,sBAsI9B"}
+{"version":3,"file":"CommentsSection.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentsSection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,wBAAgB,eAAe,sBAsI9B"}

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

@@ -1 +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\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":"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","names":["_a"]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentsSection.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { BuildingsContext, MenusContext, ToolsContext, usePermissions } from '../../../store'\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":"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","names":["_a"]}

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

@@ -1 +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"}
+{"version":3,"file":"commentUtils.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/commentUtils.ts"],"names":[],"mappings":"AAGA,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.map

@@ -1 +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":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/commentUtils.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport { 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":"AAUO,SAAS,aAAa,QAA8C;AAV3E;AAWE,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.map

@@ -1 +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"}
+{"version":3,"file":"Countdown.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Countdown.tsx"],"names":[],"mappings":"AAKA,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.map

@@ -1 +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":[]}
+{"version":3,"sources":["../../../../src/core/components/ui/Countdown.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * 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":";AAuEQ,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.map

@@ -1 +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,qBAgR/B"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DataTable.tsx"],"names":[],"mappings":"AAMA,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,qBAgR/B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/DataTable.tsx"],"sourcesContent":["'use client'\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport {\r\n  ColumnDef,\r\n  flexRender,\r\n  getCoreRowModel,\r\n  getPaginationRowModel,\r\n  SortingState,\r\n  getSortedRowModel,\r\n  useReactTable,\r\n} from '@tanstack/react-table'\r\nimport { useTranslations } from 'next-intl'\r\n\r\nimport { ColumnMeta } from '../viewers/Data/utils/Columns'\r\n\r\n// Shadcn components\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableHead,\r\n  TableHeader,\r\n  TableRow,\r\n} from './Table'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from './Select'\r\nimport { Button } from './Button'\r\n\r\n// Icons\r\nimport {\r\n  ChevronLeft,\r\n  ChevronRight,\r\n  ChevronsLeft,\r\n  ChevronsRight,\r\n} from 'lucide-react'\r\n\r\nimport { MapContext, MenusContext } from '../../store'\r\nimport { ViewerNames } from '../../types/'\r\nimport { DataTableSkeleton } from '../DataTableSkeleton'\r\n\r\ninterface DataTableProps<TData, TValue> {\r\n  columns: ColumnDef<TData, TValue>[]\r\n  data: TData[]\r\n  onRowClick?: (row: TData) => void\r\n  onRowHover?: (row: TData) => void\r\n  currentViewer?: string\r\n  className?: string\r\n  paginationClasses?: string\r\n  leadingCell?: React.ComponentType<any>\r\n  trailingCell?: React.ComponentType<any>\r\n  showPagination?: boolean\r\n  tab?: string\r\n  isLoading?: boolean\r\n}\r\n\r\nexport function DataTable<TData, TValue>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  onRowHover,\r\n  currentViewer,\r\n  className,\r\n  paginationClasses,\r\n  trailingCell: TrailingCell,\r\n  leadingCell: LeadingCell,\r\n  showPagination = true,\r\n  tab = '',\r\n  isLoading = false,\r\n}: DataTableProps<TData, TValue>) {\r\n  // Translation\r\n  const t = useTranslations('DataTable')\r\n\r\n  const [pageIndex, setPageIndex] = React.useState(0)\r\n\r\n  const [sorting, setSorting] = React.useState<SortingState>([])\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n\r\n  const { rowsPerPage } = menusState.menus\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n\r\n  const { currentLocation, countrySubdivisionsData } = mapState.map\r\n  const { countrySubdivision, municipality } = currentLocation || {}\r\n\r\n  const [countrySubdivisionName, setCountrySubdivisionName] = React.useState<string>('')\r\n\r\n  React.useEffect(() => {\r\n    if (countrySubdivisionsData && countrySubdivision) {\r\n      const sub = countrySubdivisionsData[countrySubdivision] as any\r\n      setCountrySubdivisionName((sub?.name ?? sub) || '')\r\n    }\r\n  }, [countrySubdivisionsData, countrySubdivision])\r\n\r\n  const capitalize = (str: string) => str ? str.charAt(0).toUpperCase() + str.slice(1) : ''\r\n\r\n  type DataTypes = 'applied' | 'favourites' | 'national' | 'countrySubdivision' | 'municipal' | ViewerNames | ''\r\n\r\n  const dataType: DataTypes = React.useMemo(() => {\r\n    return (tab || currentViewer || '') as DataTypes\r\n  }, [currentViewer, tab])\r\n\r\n  // Keep the user on their current page when the data array changes for benign\r\n  // reasons (a row's publish state refreshing, a checkbox/favourite toggle, etc.).\r\n  // TanStack's autoResetPageIndex defaults to true, which would snap back to page 1\r\n  // on every data change. We clamp manually below instead (see effect).\r\n  const table = useReactTable({\r\n    data,\r\n    columns,\r\n    autoResetPageIndex: false,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    getPaginationRowModel: getPaginationRowModel(),\r\n    onSortingChange: setSorting,\r\n    getSortedRowModel: getSortedRowModel(),\r\n    state: {\r\n      sorting,\r\n      pagination: {\r\n        pageSize: rowsPerPage,\r\n        pageIndex: pageIndex,\r\n      },\r\n    },\r\n    onPaginationChange: (updater) => {\r\n      const newPagination\r\n        = typeof updater === 'function'\r\n          ? updater({ pageIndex, pageSize: rowsPerPage })\r\n          : updater\r\n\r\n      setPageIndex(newPagination.pageIndex)\r\n      if (newPagination.pageSize !== rowsPerPage) {\r\n        menusDispatch({ type: 'SET_PAGINATION_ROWS_PER_PAGE', payload: { rowsPerPage: newPagination.pageSize } })\r\n      }\r\n    },\r\n  })\r\n\r\n  // If the data shrinks (filter/search/un-publish) so the current page no longer\r\n  // exists, clamp to the last valid page rather than showing an empty table.\r\n  React.useEffect(() => {\r\n    const pageCount = Math.max(1, Math.ceil(data.length / rowsPerPage))\r\n    if (pageIndex > pageCount - 1) {\r\n      setPageIndex(pageCount - 1)\r\n    }\r\n  }, [data.length, rowsPerPage, pageIndex])\r\n\r\n  // Show skeleton when loading\r\n  if (isLoading) {\r\n    return (\r\n      <DataTableSkeleton\r\n        columns={columns.length}\r\n        rows={rowsPerPage}\r\n        showLeadingCell={!!LeadingCell}\r\n        showTrailingCell={!!TrailingCell}\r\n        className={className}\r\n        showPagination={showPagination}\r\n      />\r\n    )\r\n  }\r\n  if (!data) {\r\n    return (\r\n      <div className=\"flex items-center justify-center h-full\">\r\n        <p className=\"text-gray-500\">{t('no')} {currentViewer} {t('availableAtTheMoment')}</p>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"flex flex-col h-full\">\r\n      <div className={`${className} rounded-md border overflow-hidden flex-1 flex flex-col`}>\r\n        <div className=\"overflow-auto flex-1\">\r\n          <Table>\r\n            <TableHeader className=\"sticky top-0 z-10 bg-background\">\r\n              {table.getHeaderGroups().map(headerGroup => (\r\n                <TableRow key={headerGroup.id}>\r\n                  {/* Empty header cell for LeadingCell if it exists */}\r\n                  {LeadingCell && <TableHead></TableHead>}\r\n                  {headerGroup.headers.map((header) => {\r\n                    // Get the column classes from meta\r\n                    const meta = header.column.columnDef.meta as ColumnMeta | undefined\r\n                    const columnClasses = meta?.columnClasses || ''\r\n\r\n                    return (\r\n                      <TableHead key={header.id} className={`${columnClasses}`}>\r\n                        {header.isPlaceholder\r\n                          ? null\r\n                          : flexRender(\r\n                              header.column.columnDef.header,\r\n                              header.getContext(),\r\n                            )}\r\n                      </TableHead>\r\n                    )\r\n                  })}\r\n                  <TableHead className=\"w-10\"></TableHead>\r\n                </TableRow>\r\n              ))}\r\n            </TableHeader>\r\n            <TableBody>\r\n              {table.getRowModel().rows?.length ? (\r\n                table.getRowModel().rows.map(row => (\r\n                  <TableRow\r\n                    key={row.id}\r\n                    data-state={row.getIsSelected() && 'selected'}\r\n                    className=\"cursor-pointer hover:bg-muted/50\"\r\n                    onClick={(e) => {\r\n                      // Only trigger row click if not clicking on the dropdown\r\n                      if (\r\n                        !(e.target as HTMLElement).closest('.dropdown-menu-trigger')\r\n                        && !(e.target as HTMLElement).closest('Button')\r\n                        && onRowClick) {\r\n                        onRowClick(row.original as TData)\r\n                      }\r\n                    }}\r\n                    onMouseEnter={() => {\r\n                      if (onRowHover) {\r\n                        onRowHover(row.original as TData)\r\n                      }\r\n                    }}\r\n                  >\r\n                    {/* leading cell(s) */}\r\n                    {LeadingCell\r\n                      && (\r\n                        <TableCell className=\"w-10 p-2\">\r\n                          <LeadingCell dataset={row.original} />\r\n                        </TableCell>\r\n                      )}\r\n\r\n                    {/* Table content */}\r\n                    {row.getVisibleCells().map((cell) => {\r\n                      // Get the column classes from meta for cells\r\n                      const meta = cell.column.columnDef.meta as ColumnMeta | any\r\n                      const columnClasses = meta?.columnClasses || ''\r\n\r\n                      return (\r\n                        <TableCell key={cell.id} className={columnClasses}>\r\n                          {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n                        </TableCell>\r\n                      )\r\n                    })}\r\n\r\n                    {/* trailing cell(s) */}\r\n                    {TrailingCell\r\n                      && (\r\n                        <TableCell className=\"w-10 p-2\">\r\n                          <TrailingCell row={row} />\r\n                        </TableCell>\r\n                      )}\r\n\r\n                  </TableRow>\r\n                ))\r\n              ) : (\r\n                <TableRow>\r\n                  <TableCell colSpan={columns.length + 1} className=\"h-24 text-center\">\r\n                    {dataType === 'applied' && t('noApplied')}\r\n                    {dataType === 'favourites' && t('noFavorite')}\r\n                    {dataType === 'national' && `${t('noNational')}`}\r\n                    {dataType === 'countrySubdivision' && `${t('noProvincial')} ${countrySubdivisionName}`}\r\n                    {dataType === 'municipal' && `${t('noMunicipal')} ${municipality}`}\r\n                    {dataType === 'buildings' && `${t('noBuildings')}`}\r\n                    {dataType === 'sites' && `${t('noSites')} `}\r\n                    {dataType === 'files' && `${t('noFiles')}`}\r\n                  </TableCell>\r\n                </TableRow>\r\n              )}\r\n            </TableBody>\r\n          </Table>\r\n        </div>\r\n      </div>\r\n      {/* Pagination */}\r\n      {showPagination && (\r\n        <div className={`flex items-center flex-wrap justify-center sm:justify-end gap-8 px-1 py-4 ${paginationClasses}`}>\r\n          <div className=\"flex flex-row gap-2 items-center justify-center\">\r\n            <span className=\"text-sm text-foreground text-nowrap\">{t('paginationTitle')}</span>\r\n            <Select\r\n              value={rowsPerPage.toString()}\r\n              onValueChange={(value) => {\r\n                const rowsPerPage = Number.parseInt(value)\r\n                menusDispatch({ type: 'SET_PAGINATION_ROWS_PER_PAGE', payload: { rowsPerPage } })\r\n                table.setPageSize(rowsPerPage)\r\n              }}\r\n            >\r\n              <SelectTrigger>\r\n                <SelectValue placeholder=\"10\" />\r\n              </SelectTrigger>\r\n              <SelectContent>\r\n                <SelectItem value=\"10\">10</SelectItem>\r\n                <SelectItem value=\"20\">20</SelectItem>\r\n                <SelectItem value=\"50\">50</SelectItem>\r\n                <SelectItem value=\"100\">100</SelectItem>\r\n              </SelectContent>\r\n            </Select>\r\n          </div>\r\n\r\n          <div>\r\n            <span className=\"text-sm text-foreground\">\r\n              {t('page')}\r\n              {' '}\r\n              {table.getState().pagination.pageIndex + 1}\r\n              {' '}\r\n              {t('of')}\r\n              {' '}\r\n              {table.getPageCount()}\r\n            </span>\r\n          </div>\r\n\r\n          <div className=\"flex flex-row gap-2 items-center justify-center\">\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.firstPage()}\r\n              disabled={!table.getCanPreviousPage()}\r\n            >\r\n              <ChevronsLeft />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.previousPage()}\r\n              disabled={!table.getCanPreviousPage()}\r\n            >\r\n              <ChevronLeft />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.nextPage()}\r\n              disabled={!table.getCanNextPage()}\r\n            >\r\n              <ChevronRight />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.lastPage()}\r\n              disabled={!table.getCanNextPage()}\r\n            >\r\n              <ChevronsRight />\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","rowsPerPage"]}
+{"version":3,"sources":["../../../../src/core/components/ui/DataTable.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport {\r\n  ColumnDef,\r\n  flexRender,\r\n  getCoreRowModel,\r\n  getPaginationRowModel,\r\n  SortingState,\r\n  getSortedRowModel,\r\n  useReactTable,\r\n} from '@tanstack/react-table'\r\nimport { useTranslations } from 'next-intl'\r\n\r\nimport { ColumnMeta } from '../viewers/Data/utils/Columns'\r\n\r\n// Shadcn components\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableHead,\r\n  TableHeader,\r\n  TableRow,\r\n} from './Table'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from './Select'\r\nimport { Button } from './Button'\r\n\r\n// Icons\r\nimport {\r\n  ChevronLeft,\r\n  ChevronRight,\r\n  ChevronsLeft,\r\n  ChevronsRight,\r\n} from 'lucide-react'\r\n\r\nimport { MapContext, MenusContext } from '../../store'\r\nimport { ViewerNames } from '../../types/'\r\nimport { DataTableSkeleton } from '../DataTableSkeleton'\r\n\r\ninterface DataTableProps<TData, TValue> {\r\n  columns: ColumnDef<TData, TValue>[]\r\n  data: TData[]\r\n  onRowClick?: (row: TData) => void\r\n  onRowHover?: (row: TData) => void\r\n  currentViewer?: string\r\n  className?: string\r\n  paginationClasses?: string\r\n  leadingCell?: React.ComponentType<any>\r\n  trailingCell?: React.ComponentType<any>\r\n  showPagination?: boolean\r\n  tab?: string\r\n  isLoading?: boolean\r\n}\r\n\r\nexport function DataTable<TData, TValue>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  onRowHover,\r\n  currentViewer,\r\n  className,\r\n  paginationClasses,\r\n  trailingCell: TrailingCell,\r\n  leadingCell: LeadingCell,\r\n  showPagination = true,\r\n  tab = '',\r\n  isLoading = false,\r\n}: DataTableProps<TData, TValue>) {\r\n  // Translation\r\n  const t = useTranslations('DataTable')\r\n\r\n  const [pageIndex, setPageIndex] = React.useState(0)\r\n\r\n  const [sorting, setSorting] = React.useState<SortingState>([])\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n\r\n  const { rowsPerPage } = menusState.menus\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n\r\n  const { currentLocation, countrySubdivisionsData } = mapState.map\r\n  const { countrySubdivision, municipality } = currentLocation || {}\r\n\r\n  const [countrySubdivisionName, setCountrySubdivisionName] = React.useState<string>('')\r\n\r\n  React.useEffect(() => {\r\n    if (countrySubdivisionsData && countrySubdivision) {\r\n      const sub = countrySubdivisionsData[countrySubdivision] as any\r\n      setCountrySubdivisionName((sub?.name ?? sub) || '')\r\n    }\r\n  }, [countrySubdivisionsData, countrySubdivision])\r\n\r\n  const capitalize = (str: string) => str ? str.charAt(0).toUpperCase() + str.slice(1) : ''\r\n\r\n  type DataTypes = 'applied' | 'favourites' | 'national' | 'countrySubdivision' | 'municipal' | ViewerNames | ''\r\n\r\n  const dataType: DataTypes = React.useMemo(() => {\r\n    return (tab || currentViewer || '') as DataTypes\r\n  }, [currentViewer, tab])\r\n\r\n  // Keep the user on their current page when the data array changes for benign\r\n  // reasons (a row's publish state refreshing, a checkbox/favourite toggle, etc.).\r\n  // TanStack's autoResetPageIndex defaults to true, which would snap back to page 1\r\n  // on every data change. We clamp manually below instead (see effect).\r\n  const table = useReactTable({\r\n    data,\r\n    columns,\r\n    autoResetPageIndex: false,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    getPaginationRowModel: getPaginationRowModel(),\r\n    onSortingChange: setSorting,\r\n    getSortedRowModel: getSortedRowModel(),\r\n    state: {\r\n      sorting,\r\n      pagination: {\r\n        pageSize: rowsPerPage,\r\n        pageIndex: pageIndex,\r\n      },\r\n    },\r\n    onPaginationChange: (updater) => {\r\n      const newPagination\r\n        = typeof updater === 'function'\r\n          ? updater({ pageIndex, pageSize: rowsPerPage })\r\n          : updater\r\n\r\n      setPageIndex(newPagination.pageIndex)\r\n      if (newPagination.pageSize !== rowsPerPage) {\r\n        menusDispatch({ type: 'SET_PAGINATION_ROWS_PER_PAGE', payload: { rowsPerPage: newPagination.pageSize } })\r\n      }\r\n    },\r\n  })\r\n\r\n  // If the data shrinks (filter/search/un-publish) so the current page no longer\r\n  // exists, clamp to the last valid page rather than showing an empty table.\r\n  React.useEffect(() => {\r\n    const pageCount = Math.max(1, Math.ceil(data.length / rowsPerPage))\r\n    if (pageIndex > pageCount - 1) {\r\n      setPageIndex(pageCount - 1)\r\n    }\r\n  }, [data.length, rowsPerPage, pageIndex])\r\n\r\n  // Show skeleton when loading\r\n  if (isLoading) {\r\n    return (\r\n      <DataTableSkeleton\r\n        columns={columns.length}\r\n        rows={rowsPerPage}\r\n        showLeadingCell={!!LeadingCell}\r\n        showTrailingCell={!!TrailingCell}\r\n        className={className}\r\n        showPagination={showPagination}\r\n      />\r\n    )\r\n  }\r\n  if (!data) {\r\n    return (\r\n      <div className=\"flex items-center justify-center h-full\">\r\n        <p className=\"text-gray-500\">{t('no')} {currentViewer} {t('availableAtTheMoment')}</p>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"flex flex-col h-full\">\r\n      <div className={`${className} rounded-md border overflow-hidden flex-1 flex flex-col`}>\r\n        <div className=\"overflow-auto flex-1\">\r\n          <Table>\r\n            <TableHeader className=\"sticky top-0 z-10 bg-background\">\r\n              {table.getHeaderGroups().map(headerGroup => (\r\n                <TableRow key={headerGroup.id}>\r\n                  {/* Empty header cell for LeadingCell if it exists */}\r\n                  {LeadingCell && <TableHead></TableHead>}\r\n                  {headerGroup.headers.map((header) => {\r\n                    // Get the column classes from meta\r\n                    const meta = header.column.columnDef.meta as ColumnMeta | undefined\r\n                    const columnClasses = meta?.columnClasses || ''\r\n\r\n                    return (\r\n                      <TableHead key={header.id} className={`${columnClasses}`}>\r\n                        {header.isPlaceholder\r\n                          ? null\r\n                          : flexRender(\r\n                              header.column.columnDef.header,\r\n                              header.getContext(),\r\n                            )}\r\n                      </TableHead>\r\n                    )\r\n                  })}\r\n                  <TableHead className=\"w-10\"></TableHead>\r\n                </TableRow>\r\n              ))}\r\n            </TableHeader>\r\n            <TableBody>\r\n              {table.getRowModel().rows?.length ? (\r\n                table.getRowModel().rows.map(row => (\r\n                  <TableRow\r\n                    key={row.id}\r\n                    data-state={row.getIsSelected() && 'selected'}\r\n                    className=\"cursor-pointer hover:bg-muted/50\"\r\n                    onClick={(e) => {\r\n                      // Only trigger row click if not clicking on the dropdown\r\n                      if (\r\n                        !(e.target as HTMLElement).closest('.dropdown-menu-trigger')\r\n                        && !(e.target as HTMLElement).closest('Button')\r\n                        && onRowClick) {\r\n                        onRowClick(row.original as TData)\r\n                      }\r\n                    }}\r\n                    onMouseEnter={() => {\r\n                      if (onRowHover) {\r\n                        onRowHover(row.original as TData)\r\n                      }\r\n                    }}\r\n                  >\r\n                    {/* leading cell(s) */}\r\n                    {LeadingCell\r\n                      && (\r\n                        <TableCell className=\"w-10 p-2\">\r\n                          <LeadingCell dataset={row.original} />\r\n                        </TableCell>\r\n                      )}\r\n\r\n                    {/* Table content */}\r\n                    {row.getVisibleCells().map((cell) => {\r\n                      // Get the column classes from meta for cells\r\n                      const meta = cell.column.columnDef.meta as ColumnMeta | any\r\n                      const columnClasses = meta?.columnClasses || ''\r\n\r\n                      return (\r\n                        <TableCell key={cell.id} className={columnClasses}>\r\n                          {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n                        </TableCell>\r\n                      )\r\n                    })}\r\n\r\n                    {/* trailing cell(s) */}\r\n                    {TrailingCell\r\n                      && (\r\n                        <TableCell className=\"w-10 p-2\">\r\n                          <TrailingCell row={row} />\r\n                        </TableCell>\r\n                      )}\r\n\r\n                  </TableRow>\r\n                ))\r\n              ) : (\r\n                <TableRow>\r\n                  <TableCell colSpan={columns.length + 1} className=\"h-24 text-center\">\r\n                    {dataType === 'applied' && t('noApplied')}\r\n                    {dataType === 'favourites' && t('noFavorite')}\r\n                    {dataType === 'national' && `${t('noNational')}`}\r\n                    {dataType === 'countrySubdivision' && `${t('noProvincial')} ${countrySubdivisionName}`}\r\n                    {dataType === 'municipal' && `${t('noMunicipal')} ${municipality}`}\r\n                    {dataType === 'buildings' && `${t('noBuildings')}`}\r\n                    {dataType === 'sites' && `${t('noSites')} `}\r\n                    {dataType === 'files' && `${t('noFiles')}`}\r\n                  </TableCell>\r\n                </TableRow>\r\n              )}\r\n            </TableBody>\r\n          </Table>\r\n        </div>\r\n      </div>\r\n      {/* Pagination */}\r\n      {showPagination && (\r\n        <div className={`flex items-center flex-wrap justify-center sm:justify-end gap-8 px-1 py-4 ${paginationClasses}`}>\r\n          <div className=\"flex flex-row gap-2 items-center justify-center\">\r\n            <span className=\"text-sm text-foreground text-nowrap\">{t('paginationTitle')}</span>\r\n            <Select\r\n              value={rowsPerPage.toString()}\r\n              onValueChange={(value) => {\r\n                const rowsPerPage = Number.parseInt(value)\r\n                menusDispatch({ type: 'SET_PAGINATION_ROWS_PER_PAGE', payload: { rowsPerPage } })\r\n                table.setPageSize(rowsPerPage)\r\n              }}\r\n            >\r\n              <SelectTrigger>\r\n                <SelectValue placeholder=\"10\" />\r\n              </SelectTrigger>\r\n              <SelectContent>\r\n                <SelectItem value=\"10\">10</SelectItem>\r\n                <SelectItem value=\"20\">20</SelectItem>\r\n                <SelectItem value=\"50\">50</SelectItem>\r\n                <SelectItem value=\"100\">100</SelectItem>\r\n              </SelectContent>\r\n            </Select>\r\n          </div>\r\n\r\n          <div>\r\n            <span className=\"text-sm text-foreground\">\r\n              {t('page')}\r\n              {' '}\r\n              {table.getState().pagination.pageIndex + 1}\r\n              {' '}\r\n              {t('of')}\r\n              {' '}\r\n              {table.getPageCount()}\r\n            </span>\r\n          </div>\r\n\r\n          <div className=\"flex flex-row gap-2 items-center justify-center\">\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.firstPage()}\r\n              disabled={!table.getCanPreviousPage()}\r\n            >\r\n              <ChevronsLeft />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.previousPage()}\r\n              disabled={!table.getCanPreviousPage()}\r\n            >\r\n              <ChevronLeft />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.nextPage()}\r\n              disabled={!table.getCanNextPage()}\r\n            >\r\n              <ChevronRight />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.lastPage()}\r\n              disabled={!table.getCanNextPage()}\r\n            >\r\n              <ChevronsRight />\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","rowsPerPage"]}

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAoC9E"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DatePicker.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAoC9E"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/DatePicker.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { ChevronDownIcon } from 'lucide-react'\r\n\r\nimport { Button } from './Button'\r\nimport { Calendar } from './Calendar'\r\nimport {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from './Popover'\r\nimport { Label } from './Label'\r\ninterface DatePickerProps {\r\n  date?: Date | undefined\r\n  onSelect?: (date: Date | undefined) => void\r\n  label?: string\r\n  disabled?: boolean\r\n}\r\n\r\nexport function DatePicker({ date, onSelect, label, disabled }: DatePickerProps) {\r\n  const [open, setOpen] = React.useState(false)\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-3\">\r\n      {label && (\r\n        <Label htmlFor=\"date\" className=\"px-1\">\r\n          {label}\r\n        </Label>\r\n      )}\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button\r\n            variant=\"outline\"\r\n            id=\"date\"\r\n            className=\"w-full justify-between font-normal\"\r\n            disabled={disabled}\r\n          >\r\n            {date ? date.toLocaleDateString() : 'Select date'}\r\n            <ChevronDownIcon />\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent className=\"w-auto overflow-hidden p-0\" align=\"start\">\r\n          <Calendar\r\n            mode=\"single\"\r\n            selected={date}\r\n            captionLayout=\"dropdown\"\r\n            onSelect={(date) => {\r\n              if (onSelect) onSelect(date)\r\n              setOpen(false)\r\n            }}\r\n          />\r\n        </PopoverContent>\r\n      </Popover>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AA0BQ,cAME,YANF;AAxBR,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAEhC,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AAQf,SAAS,WAAW,EAAE,MAAM,UAAU,OAAO,SAAS,GAAoB;AAC/E,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,SACE,qBAAC,SAAI,WAAU,uBACZ;AAAA,aACC,oBAAC,SAAM,SAAQ,QAAO,WAAU,QAC7B,iBACH;AAAA,IAEF,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,0BAAC,kBAAe,SAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,IAAG;AAAA,UACH,WAAU;AAAA,UACV;AAAA,UAEC;AAAA,mBAAO,KAAK,mBAAmB,IAAI;AAAA,YACpC,oBAAC,mBAAgB;AAAA;AAAA;AAAA,MACnB,GACF;AAAA,MACA,oBAAC,kBAAe,WAAU,8BAA6B,OAAM,SAC3D;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU;AAAA,UACV,eAAc;AAAA,UACd,UAAU,CAACA,UAAS;AAClB,gBAAI,SAAU,UAASA,KAAI;AAC3B,oBAAQ,KAAK;AAAA,UACf;AAAA;AAAA,MACF,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["date"]}
+{"version":3,"sources":["../../../../src/core/components/ui/DatePicker.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport { ChevronDownIcon } from 'lucide-react'\r\n\r\nimport { Button } from './Button'\r\nimport { Calendar } from './Calendar'\r\nimport {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from './Popover'\r\nimport { Label } from './Label'\r\ninterface DatePickerProps {\r\n  date?: Date | undefined\r\n  onSelect?: (date: Date | undefined) => void\r\n  label?: string\r\n  disabled?: boolean\r\n}\r\n\r\nexport function DatePicker({ date, onSelect, label, disabled }: DatePickerProps) {\r\n  const [open, setOpen] = React.useState(false)\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-3\">\r\n      {label && (\r\n        <Label htmlFor=\"date\" className=\"px-1\">\r\n          {label}\r\n        </Label>\r\n      )}\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button\r\n            variant=\"outline\"\r\n            id=\"date\"\r\n            className=\"w-full justify-between font-normal\"\r\n            disabled={disabled}\r\n          >\r\n            {date ? date.toLocaleDateString() : 'Select date'}\r\n            <ChevronDownIcon />\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent className=\"w-auto overflow-hidden p-0\" align=\"start\">\r\n          <Calendar\r\n            mode=\"single\"\r\n            selected={date}\r\n            captionLayout=\"dropdown\"\r\n            onSelect={(date) => {\r\n              if (onSelect) onSelect(date)\r\n              setOpen(false)\r\n            }}\r\n          />\r\n        </PopoverContent>\r\n      </Popover>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AA6BQ,cAME,YANF;AAxBR,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAEhC,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AAQf,SAAS,WAAW,EAAE,MAAM,UAAU,OAAO,SAAS,GAAoB;AAC/E,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,SACE,qBAAC,SAAI,WAAU,uBACZ;AAAA,aACC,oBAAC,SAAM,SAAQ,QAAO,WAAU,QAC7B,iBACH;AAAA,IAEF,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,0BAAC,kBAAe,SAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,IAAG;AAAA,UACH,WAAU;AAAA,UACV;AAAA,UAEC;AAAA,mBAAO,KAAK,mBAAmB,IAAI;AAAA,YACpC,oBAAC,mBAAgB;AAAA;AAAA;AAAA,MACnB,GACF;AAAA,MACA,oBAAC,kBAAe,WAAU,8BAA6B,OAAM,SAC3D;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU;AAAA,UACV,eAAc;AAAA,UACd,UAAU,CAACA,UAAS;AAClB,gBAAI,SAAU,UAASA,KAAI;AAC3B,oBAAQ,KAAK;AAAA,UACf;AAAA;AAAA,MACF,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["date"]}

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

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DescriptionList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,wBAAwB,qBAO3F;AAED,wBAAgB,eAAe,sBAoG9B"}
+{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DescriptionList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,wBAAwB,qBAO3F;AAED,wBAAgB,eAAe,sBAoG9B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/DescriptionList.tsx"],"sourcesContent":["'use client'\r\n\r\nimport type React from 'react'\r\nimport { Button } from './Button'\r\nimport { Separator } from './Separator'\r\nimport { Card, CardContent } from './Card'\r\nimport { File, Download } from 'lucide-react'\r\n\r\ninterface DescriptionListItemProps {\r\n  label: string | React.JSX.Element\r\n  children: React.ReactNode\r\n  className?: string\r\n}\r\n\r\nexport function DescriptionListItem({ label, children, className }: DescriptionListItemProps) {\r\n  return (\r\n    <div className=\"flex flex-col gap-2\">\r\n      <div className=\"text-sm font-semibold text-foreground\">{label}</div>\r\n      <div className={`text-sm text-muted-foreground ${className}`}>{children}</div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport function DescriptionList() {\r\n  return (\r\n    <div className=\"bg-background\">\r\n      <div className=\"mx-auto p-6\">\r\n        <div className=\"flex flex-col md:flex-row items-start md:justify-between gap-4 mb-8\">\r\n          <div className=\"space-y-1\">\r\n            <h2 className=\"text-lg md:text-xl font-semibold text-foreground\">\r\n              Application information\r\n            </h2>\r\n            <p className=\"text-sm text-muted-foreground\">\r\n              Personal details and general information\r\n            </p>\r\n          </div>\r\n          <Button variant=\"outline\">Edit</Button>\r\n        </div>\r\n\r\n        <div className=\"flex flex-col\">\r\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 border-t border-border\">\r\n            <DescriptionListItem label=\"Full name\">\r\n              Alex Thompson\r\n            </DescriptionListItem>\r\n            <Separator className=\"md:hidden\" />\r\n            <DescriptionListItem label=\"Email address\">\r\n              alex@example.com\r\n            </DescriptionListItem>\r\n          </div>\r\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 border-t border-border\">\r\n            <DescriptionListItem label=\"Address\">\r\n              123 Main Street, City, Country\r\n            </DescriptionListItem>\r\n            <Separator className=\"md:hidden\" />\r\n            <DescriptionListItem label=\"Phone number\">\r\n              +1 234 567 890\r\n            </DescriptionListItem>\r\n          </div>\r\n          <div className=\"grid grid-cols-1 gap-5 md:gap-6 py-5 md:py-6 border-t border-border\">\r\n            <DescriptionListItem label=\"About\">\r\n              A seasoned software engineer with 5+ years of experience\r\n              specializing in full-stack web development. Proven track record of\r\n              delivering scalable solutions using React, Node.js, and cloud\r\n              technologies. Strong focus on clean code architecture and\r\n              performance optimization. Currently leading a team of 4 developers\r\n              and actively mentoring junior engineers. Passionate about creating\r\n              accessible and user-friendly applications.\r\n            </DescriptionListItem>\r\n          </div>\r\n          <div className=\"grid grid-cols-1 gap-5 md:gap-6 py-5 md:py-6 border-t border-border\">\r\n            <DescriptionListItem label=\"Documents\">\r\n              <div className=\"flex flex-col md:flex-row gap-2 md:gap-6 w-full\">\r\n                <Card className=\"w-full\">\r\n                  <CardContent className=\"p-4 md:p-6 flex items-center gap-3\">\r\n                    <File className=\"w-4 h-4 text-foreground shrink-0\" />\r\n                    <div className=\"flex items-center justify-between w-full\">\r\n                      <div className=\"flex items-center gap-2\">\r\n                        <span className=\"text-sm font-semibold text-card-foreground\">\r\n                          Resume.pdf\r\n                        </span>\r\n                      </div>\r\n                      <Button variant=\"outline\" className=\"hidden md:flex\">\r\n                        Download\r\n                      </Button>\r\n                      <Button\r\n                        variant=\"outline\"\r\n                        size=\"icon\"\r\n                        className=\"md:hidden\"\r\n                      >\r\n                        <Download />\r\n                      </Button>\r\n                    </div>\r\n                  </CardContent>\r\n                </Card>\r\n                <Card className=\"w-full\">\r\n                  <CardContent className=\"p-4 md:p-6 flex items-center gap-3\">\r\n                    <File className=\"w-4 h-4 text-foreground shrink-0\" />\r\n                    <div className=\"flex items-center justify-between w-full\">\r\n                      <div className=\"flex items-center gap-2\">\r\n                        <span className=\"text-sm font-semibold text-card-foreground\">\r\n                          Portfolio.pdf\r\n                        </span>\r\n                      </div>\r\n                      <Button variant=\"outline\" className=\"hidden md:flex\">\r\n                        Download\r\n                      </Button>\r\n                      <Button\r\n                        variant=\"outline\"\r\n                        size=\"icon\"\r\n                        className=\"md:hidden\"\r\n                      >\r\n                        <Download />\r\n                      </Button>\r\n                    </div>\r\n                  </CardContent>\r\n                </Card>\r\n              </div>\r\n            </DescriptionListItem>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAgBI,SACE,KADF;AAbJ,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,mBAAmB;AAClC,SAAS,MAAM,gBAAgB;AAQxB,SAAS,oBAAoB,EAAE,OAAO,UAAU,UAAU,GAA6B;AAC5F,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA,wBAAC,SAAI,WAAU,yCAAyC,iBAAM;AAAA,IAC9D,oBAAC,SAAI,WAAW,iCAAiC,SAAS,IAAK,UAAS;AAAA,KAC1E;AAEJ;AAEO,SAAS,kBAAkB;AAChC,SACE,oBAAC,SAAI,WAAU,iBACb,+BAAC,SAAI,WAAU,eACb;AAAA,yBAAC,SAAI,WAAU,uEACb;AAAA,2BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,QAAG,WAAU,oDAAmD,qCAEjE;AAAA,QACA,oBAAC,OAAE,WAAU,iCAAgC,sDAE7C;AAAA,SACF;AAAA,MACA,oBAAC,UAAO,SAAQ,WAAU,kBAAI;AAAA,OAChC;AAAA,IAEA,qBAAC,SAAI,WAAU,iBACb;AAAA,2BAAC,SAAI,WAAU,sFACb;AAAA,4BAAC,uBAAoB,OAAM,aAAY,2BAEvC;AAAA,QACA,oBAAC,aAAU,WAAU,aAAY;AAAA,QACjC,oBAAC,uBAAoB,OAAM,iBAAgB,8BAE3C;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,sFACb;AAAA,4BAAC,uBAAoB,OAAM,WAAU,4CAErC;AAAA,QACA,oBAAC,aAAU,WAAU,aAAY;AAAA,QACjC,oBAAC,uBAAoB,OAAM,gBAAe,4BAE1C;AAAA,SACF;AAAA,MACA,oBAAC,SAAI,WAAU,uEACb,8BAAC,uBAAoB,OAAM,SAAQ,kbAQnC,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,uEACb,8BAAC,uBAAoB,OAAM,aACzB,+BAAC,SAAI,WAAU,mDACb;AAAA,4BAAC,QAAK,WAAU,UACd,+BAAC,eAAY,WAAU,sCACrB;AAAA,8BAAC,QAAK,WAAU,oCAAmC;AAAA,UACnD,qBAAC,SAAI,WAAU,4CACb;AAAA,gCAAC,SAAI,WAAU,2BACb,8BAAC,UAAK,WAAU,8CAA6C,wBAE7D,GACF;AAAA,YACA,oBAAC,UAAO,SAAQ,WAAU,WAAU,kBAAiB,sBAErD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBAEV,8BAAC,YAAS;AAAA;AAAA,YACZ;AAAA,aACF;AAAA,WACF,GACF;AAAA,QACA,oBAAC,QAAK,WAAU,UACd,+BAAC,eAAY,WAAU,sCACrB;AAAA,8BAAC,QAAK,WAAU,oCAAmC;AAAA,UACnD,qBAAC,SAAI,WAAU,4CACb;AAAA,gCAAC,SAAI,WAAU,2BACb,8BAAC,UAAK,WAAU,8CAA6C,2BAE7D,GACF;AAAA,YACA,oBAAC,UAAO,SAAQ,WAAU,WAAU,kBAAiB,sBAErD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBAEV,8BAAC,YAAS;AAAA;AAAA,YACZ;AAAA,aACF;AAAA,WACF,GACF;AAAA,SACF,GACF,GACF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/core/components/ui/DescriptionList.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport type React from 'react'\r\nimport { Button } from './Button'\r\nimport { Separator } from './Separator'\r\nimport { Card, CardContent } from './Card'\r\nimport { File, Download } from 'lucide-react'\r\n\r\ninterface DescriptionListItemProps {\r\n  label: string | React.JSX.Element\r\n  children: React.ReactNode\r\n  className?: string\r\n}\r\n\r\nexport function DescriptionListItem({ label, children, className }: DescriptionListItemProps) {\r\n  return (\r\n    <div className=\"flex flex-col gap-2\">\r\n      <div className=\"text-sm font-semibold text-foreground\">{label}</div>\r\n      <div className={`text-sm text-muted-foreground ${className}`}>{children}</div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport function DescriptionList() {\r\n  return (\r\n    <div className=\"bg-background\">\r\n      <div className=\"mx-auto p-6\">\r\n        <div className=\"flex flex-col md:flex-row items-start md:justify-between gap-4 mb-8\">\r\n          <div className=\"space-y-1\">\r\n            <h2 className=\"text-lg md:text-xl font-semibold text-foreground\">\r\n              Application information\r\n            </h2>\r\n            <p className=\"text-sm text-muted-foreground\">\r\n              Personal details and general information\r\n            </p>\r\n          </div>\r\n          <Button variant=\"outline\">Edit</Button>\r\n        </div>\r\n\r\n        <div className=\"flex flex-col\">\r\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 border-t border-border\">\r\n            <DescriptionListItem label=\"Full name\">\r\n              Alex Thompson\r\n            </DescriptionListItem>\r\n            <Separator className=\"md:hidden\" />\r\n            <DescriptionListItem label=\"Email address\">\r\n              alex@example.com\r\n            </DescriptionListItem>\r\n          </div>\r\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 border-t border-border\">\r\n            <DescriptionListItem label=\"Address\">\r\n              123 Main Street, City, Country\r\n            </DescriptionListItem>\r\n            <Separator className=\"md:hidden\" />\r\n            <DescriptionListItem label=\"Phone number\">\r\n              +1 234 567 890\r\n            </DescriptionListItem>\r\n          </div>\r\n          <div className=\"grid grid-cols-1 gap-5 md:gap-6 py-5 md:py-6 border-t border-border\">\r\n            <DescriptionListItem label=\"About\">\r\n              A seasoned software engineer with 5+ years of experience\r\n              specializing in full-stack web development. Proven track record of\r\n              delivering scalable solutions using React, Node.js, and cloud\r\n              technologies. Strong focus on clean code architecture and\r\n              performance optimization. Currently leading a team of 4 developers\r\n              and actively mentoring junior engineers. Passionate about creating\r\n              accessible and user-friendly applications.\r\n            </DescriptionListItem>\r\n          </div>\r\n          <div className=\"grid grid-cols-1 gap-5 md:gap-6 py-5 md:py-6 border-t border-border\">\r\n            <DescriptionListItem label=\"Documents\">\r\n              <div className=\"flex flex-col md:flex-row gap-2 md:gap-6 w-full\">\r\n                <Card className=\"w-full\">\r\n                  <CardContent className=\"p-4 md:p-6 flex items-center gap-3\">\r\n                    <File className=\"w-4 h-4 text-foreground shrink-0\" />\r\n                    <div className=\"flex items-center justify-between w-full\">\r\n                      <div className=\"flex items-center gap-2\">\r\n                        <span className=\"text-sm font-semibold text-card-foreground\">\r\n                          Resume.pdf\r\n                        </span>\r\n                      </div>\r\n                      <Button variant=\"outline\" className=\"hidden md:flex\">\r\n                        Download\r\n                      </Button>\r\n                      <Button\r\n                        variant=\"outline\"\r\n                        size=\"icon\"\r\n                        className=\"md:hidden\"\r\n                      >\r\n                        <Download />\r\n                      </Button>\r\n                    </div>\r\n                  </CardContent>\r\n                </Card>\r\n                <Card className=\"w-full\">\r\n                  <CardContent className=\"p-4 md:p-6 flex items-center gap-3\">\r\n                    <File className=\"w-4 h-4 text-foreground shrink-0\" />\r\n                    <div className=\"flex items-center justify-between w-full\">\r\n                      <div className=\"flex items-center gap-2\">\r\n                        <span className=\"text-sm font-semibold text-card-foreground\">\r\n                          Portfolio.pdf\r\n                        </span>\r\n                      </div>\r\n                      <Button variant=\"outline\" className=\"hidden md:flex\">\r\n                        Download\r\n                      </Button>\r\n                      <Button\r\n                        variant=\"outline\"\r\n                        size=\"icon\"\r\n                        className=\"md:hidden\"\r\n                      >\r\n                        <Download />\r\n                      </Button>\r\n                    </div>\r\n                  </CardContent>\r\n                </Card>\r\n              </div>\r\n            </DescriptionListItem>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAmBI,SACE,KADF;AAbJ,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,mBAAmB;AAClC,SAAS,MAAM,gBAAgB;AAQxB,SAAS,oBAAoB,EAAE,OAAO,UAAU,UAAU,GAA6B;AAC5F,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA,wBAAC,SAAI,WAAU,yCAAyC,iBAAM;AAAA,IAC9D,oBAAC,SAAI,WAAW,iCAAiC,SAAS,IAAK,UAAS;AAAA,KAC1E;AAEJ;AAEO,SAAS,kBAAkB;AAChC,SACE,oBAAC,SAAI,WAAU,iBACb,+BAAC,SAAI,WAAU,eACb;AAAA,yBAAC,SAAI,WAAU,uEACb;AAAA,2BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,QAAG,WAAU,oDAAmD,qCAEjE;AAAA,QACA,oBAAC,OAAE,WAAU,iCAAgC,sDAE7C;AAAA,SACF;AAAA,MACA,oBAAC,UAAO,SAAQ,WAAU,kBAAI;AAAA,OAChC;AAAA,IAEA,qBAAC,SAAI,WAAU,iBACb;AAAA,2BAAC,SAAI,WAAU,sFACb;AAAA,4BAAC,uBAAoB,OAAM,aAAY,2BAEvC;AAAA,QACA,oBAAC,aAAU,WAAU,aAAY;AAAA,QACjC,oBAAC,uBAAoB,OAAM,iBAAgB,8BAE3C;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,sFACb;AAAA,4BAAC,uBAAoB,OAAM,WAAU,4CAErC;AAAA,QACA,oBAAC,aAAU,WAAU,aAAY;AAAA,QACjC,oBAAC,uBAAoB,OAAM,gBAAe,4BAE1C;AAAA,SACF;AAAA,MACA,oBAAC,SAAI,WAAU,uEACb,8BAAC,uBAAoB,OAAM,SAAQ,kbAQnC,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,uEACb,8BAAC,uBAAoB,OAAM,aACzB,+BAAC,SAAI,WAAU,mDACb;AAAA,4BAAC,QAAK,WAAU,UACd,+BAAC,eAAY,WAAU,sCACrB;AAAA,8BAAC,QAAK,WAAU,oCAAmC;AAAA,UACnD,qBAAC,SAAI,WAAU,4CACb;AAAA,gCAAC,SAAI,WAAU,2BACb,8BAAC,UAAK,WAAU,8CAA6C,wBAE7D,GACF;AAAA,YACA,oBAAC,UAAO,SAAQ,WAAU,WAAU,kBAAiB,sBAErD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBAEV,8BAAC,YAAS;AAAA;AAAA,YACZ;AAAA,aACF;AAAA,WACF,GACF;AAAA,QACA,oBAAC,QAAK,WAAU,UACd,+BAAC,eAAY,WAAU,sCACrB;AAAA,8BAAC,QAAK,WAAU,oCAAmC;AAAA,UACnD,qBAAC,SAAI,WAAU,4CACb;AAAA,gCAAC,SAAI,WAAU,2BACb,8BAAC,UAAK,WAAU,8CAA6C,2BAE7D,GACF;AAAA,YACA,oBAAC,UAAO,SAAQ,WAAU,WAAU,kBAAiB,sBAErD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBAEV,8BAAC,YAAS;AAAA;AAAA,YACZ;AAAA,aACF;AAAA,WACF,GACF;AAAA,SACF,GACF,GACF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAYjB,CAAA;AAGF,UAAU,kBAAmB,SAAQ,eAAe,CAAC,kBAAkB;IACrE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,QAAA,MAAM,aAAa,mLAqBjB,CAAA;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAYjB,CAAA;AAGF,UAAU,kBAAmB,SAAQ,eAAe,CAAC,kBAAkB;IACrE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,QAAA,MAAM,aAAa,mLAqBjB,CAAA;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/Dialog.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\r\nimport { X } from 'lucide-react'\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\nconst Dialog = DialogPrimitive.Root\r\n\r\nconst DialogTrigger = DialogPrimitive.Trigger\r\n\r\nconst DialogPortal = DialogPrimitive.Portal\r\n\r\nconst DialogClose = DialogPrimitive.Close\r\n\r\nconst DialogOverlay = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n  <DialogPrimitive.Overlay\r\n    ref={ref}\r\n    className={cn(\r\n      'fixed inset-0 z-50 bg-black/10  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\r\n\r\ninterface DialogContentProps extends DialogPrimitive.DialogContentProps {\r\n  closeClass?: string\r\n}\r\n\r\nconst DialogContent = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & DialogContentProps\r\n>(({ className, children, closeClass, ...props }, ref) => (\r\n  <DialogPortal>\r\n    <DialogOverlay />\r\n    <DialogPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n      <DialogPrimitive.Close className={`absolute right-2.5 top-2.5 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground ${closeClass}`}>\r\n        <X className=\"h-6 w-6\" />\r\n        <span className=\"sr-only\">Close</span>\r\n      </DialogPrimitive.Close>\r\n    </DialogPrimitive.Content>\r\n  </DialogPortal>\r\n))\r\nDialogContent.displayName = DialogPrimitive.Content.displayName\r\n\r\nconst DialogHeader = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      'flex flex-col space-y-1.5 text-center sm:text-left',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nDialogHeader.displayName = 'DialogHeader'\r\n\r\nconst DialogFooter = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nDialogFooter.displayName = 'DialogFooter'\r\n\r\nconst DialogTitle = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n  <DialogPrimitive.Title\r\n    ref={ref}\r\n    className={cn(\r\n      'text-lg font-semibold leading-none tracking-tight',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nDialogTitle.displayName = DialogPrimitive.Title.displayName\r\n\r\nconst DialogDescription = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\r\n>(({ className, ...props }, ref) => (\r\n  <DialogPrimitive.Description\r\n    ref={ref}\r\n    className={cn('text-sm text-muted-foreground', className)}\r\n    {...props}\r\n  />\r\n))\r\nDialogDescription.displayName = DialogPrimitive.Description.displayName\r\n\r\nexport {\r\n  Dialog,\r\n  DialogPortal,\r\n  DialogOverlay,\r\n  DialogTrigger,\r\n  DialogClose,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogFooter,\r\n  DialogTitle,\r\n  DialogDescription,\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBE,cA8BI,YA9BJ;AAlBF,YAAY,WAAW;AACvB,YAAY,qBAAqB;AACjC,SAAS,SAAS;AAElB,SAAS,UAAU;AAEnB,MAAM,SAAS,gBAAgB;AAE/B,MAAM,gBAAgB,gBAAgB;AAEtC,MAAM,eAAe,gBAAgB;AAErC,MAAM,cAAc,gBAAgB;AAEpC,MAAM,gBAAgB,MAAM,WAG1B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAnBL,IAmBG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,cAAc,cAAc,gBAAgB,QAAQ;AAMpD,MAAM,gBAAgB,MAAM,WAG1B,CAAC,IAA+C,QAAK;AAApD,eAAE,aAAW,UAAU,WAtC1B,IAsCG,IAAsC,kBAAtC,IAAsC,CAApC,aAAW,YAAU;AACxB,8BAAC,gBACC;AAAA,wBAAC,iBAAc;AAAA,IACf;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,SACI,QANL;AAAA,QAQE;AAAA;AAAA,UACD,qBAAC,gBAAgB,OAAhB,EAAsB,WAAW,qRAAqR,UAAU,IAC/T;AAAA,gCAAC,KAAE,WAAU,WAAU;AAAA,YACvB,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA,aACjC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAAA,CACD;AACD,cAAc,cAAc,gBAAgB,QAAQ;AAEpD,MAAM,eAAe,CAAC,OAGmB;AAHnB,eACpB;AAAA;AAAA,EA5DF,IA2DsB,IAEjB,kBAFiB,IAEjB;AAAA,IADH;AAAA;AAGA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA;AAEF,aAAa,cAAc;AAE3B,MAAM,eAAe,CAAC,OAGmB;AAHnB,eACpB;AAAA;AAAA,EA1EF,IAyEsB,IAEjB,kBAFiB,IAEjB;AAAA,IADH;AAAA;AAGA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA;AAEF,aAAa,cAAc;AAE3B,MAAM,cAAc,MAAM,WAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA1FL,IA0FG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,oBAAoB,MAAM,WAG9B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAzGL,IAyGG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,OACpD;AAAA,EACN;AAAA,CACD;AACD,kBAAkB,cAAc,gBAAgB,YAAY;","names":[]}
+{"version":3,"sources":["../../../../src/core/components/ui/Dialog.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\r\nimport { X } from 'lucide-react'\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\nconst Dialog = DialogPrimitive.Root\r\n\r\nconst DialogTrigger = DialogPrimitive.Trigger\r\n\r\nconst DialogPortal = DialogPrimitive.Portal\r\n\r\nconst DialogClose = DialogPrimitive.Close\r\n\r\nconst DialogOverlay = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n  <DialogPrimitive.Overlay\r\n    ref={ref}\r\n    className={cn(\r\n      'fixed inset-0 z-50 bg-black/10  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\r\n\r\ninterface DialogContentProps extends DialogPrimitive.DialogContentProps {\r\n  closeClass?: string\r\n}\r\n\r\nconst DialogContent = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & DialogContentProps\r\n>(({ className, children, closeClass, ...props }, ref) => (\r\n  <DialogPortal>\r\n    <DialogOverlay />\r\n    <DialogPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n      <DialogPrimitive.Close className={`absolute right-2.5 top-2.5 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground ${closeClass}`}>\r\n        <X className=\"h-6 w-6\" />\r\n        <span className=\"sr-only\">Close</span>\r\n      </DialogPrimitive.Close>\r\n    </DialogPrimitive.Content>\r\n  </DialogPortal>\r\n))\r\nDialogContent.displayName = DialogPrimitive.Content.displayName\r\n\r\nconst DialogHeader = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      'flex flex-col space-y-1.5 text-center sm:text-left',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nDialogHeader.displayName = 'DialogHeader'\r\n\r\nconst DialogFooter = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nDialogFooter.displayName = 'DialogFooter'\r\n\r\nconst DialogTitle = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n  <DialogPrimitive.Title\r\n    ref={ref}\r\n    className={cn(\r\n      'text-lg font-semibold leading-none tracking-tight',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nDialogTitle.displayName = DialogPrimitive.Title.displayName\r\n\r\nconst DialogDescription = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\r\n>(({ className, ...props }, ref) => (\r\n  <DialogPrimitive.Description\r\n    ref={ref}\r\n    className={cn('text-sm text-muted-foreground', className)}\r\n    {...props}\r\n  />\r\n))\r\nDialogDescription.displayName = DialogPrimitive.Description.displayName\r\n\r\nexport {\r\n  Dialog,\r\n  DialogPortal,\r\n  DialogOverlay,\r\n  DialogTrigger,\r\n  DialogClose,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogFooter,\r\n  DialogTitle,\r\n  DialogDescription,\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBE,cA8BI,YA9BJ;AAlBF,YAAY,WAAW;AACvB,YAAY,qBAAqB;AACjC,SAAS,SAAS;AAElB,SAAS,UAAU;AAEnB,MAAM,SAAS,gBAAgB;AAE/B,MAAM,gBAAgB,gBAAgB;AAEtC,MAAM,eAAe,gBAAgB;AAErC,MAAM,cAAc,gBAAgB;AAEpC,MAAM,gBAAgB,MAAM,WAG1B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAtBL,IAsBG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,cAAc,cAAc,gBAAgB,QAAQ;AAMpD,MAAM,gBAAgB,MAAM,WAG1B,CAAC,IAA+C,QAAK;AAApD,eAAE,aAAW,UAAU,WAzC1B,IAyCG,IAAsC,kBAAtC,IAAsC,CAApC,aAAW,YAAU;AACxB,8BAAC,gBACC;AAAA,wBAAC,iBAAc;AAAA,IACf;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,SACI,QANL;AAAA,QAQE;AAAA;AAAA,UACD,qBAAC,gBAAgB,OAAhB,EAAsB,WAAW,qRAAqR,UAAU,IAC/T;AAAA,gCAAC,KAAE,WAAU,WAAU;AAAA,YACvB,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA,aACjC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAAA,CACD;AACD,cAAc,cAAc,gBAAgB,QAAQ;AAEpD,MAAM,eAAe,CAAC,OAGmB;AAHnB,eACpB;AAAA;AAAA,EA/DF,IA8DsB,IAEjB,kBAFiB,IAEjB;AAAA,IADH;AAAA;AAGA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA;AAEF,aAAa,cAAc;AAE3B,MAAM,eAAe,CAAC,OAGmB;AAHnB,eACpB;AAAA;AAAA,EA7EF,IA4EsB,IAEjB,kBAFiB,IAEjB;AAAA,IADH;AAAA;AAGA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA;AAEF,aAAa,cAAc;AAE3B,MAAM,cAAc,MAAM,WAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA7FL,IA6FG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,oBAAoB,MAAM,WAG9B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA5GL,IA4GG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,OACpD;AAAA,EACN;AAAA,CACD;AACD,kBAAkB,cAAc,gBAAgB,YAAY;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAKtE,QAAA,MAAM,YAAY,mDAA6B,CAAA;AAE/C,QAAA,MAAM,mBAAmB,0HAAgC,CAAA;AAEzD,QAAA,MAAM,iBAAiB,qHAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,yDAA+B,CAAA;AAEvD,QAAA,MAAM,eAAe,sDAA4B,CAAA;AAEjD,QAAA,MAAM,sBAAsB,0HAAmC,CAAA;AAE/D,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAA;AAIF,QAAA,MAAM,sBAAsB,6KAY1B,CAAA;AAIF,QAAA,MAAM,mBAAmB,0KAgBvB,CAAA;AAGF,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,wBAAwB,+KAoB5B,CAAA;AAIF,QAAA,MAAM,qBAAqB,4KAmBzB,CAAA;AAGF,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,qBAAqB,4KASzB,CAAA;AAGF,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAA;AAGD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DropdownMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAKtE,QAAA,MAAM,YAAY,mDAA6B,CAAA;AAE/C,QAAA,MAAM,mBAAmB,0HAAgC,CAAA;AAEzD,QAAA,MAAM,iBAAiB,qHAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,yDAA+B,CAAA;AAEvD,QAAA,MAAM,eAAe,sDAA4B,CAAA;AAEjD,QAAA,MAAM,sBAAsB,0HAAmC,CAAA;AAE/D,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAA;AAIF,QAAA,MAAM,sBAAsB,6KAY1B,CAAA;AAIF,QAAA,MAAM,mBAAmB,0KAgBvB,CAAA;AAGF,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,wBAAwB,+KAoB5B,CAAA;AAIF,QAAA,MAAM,qBAAqB,4KAmBzB,CAAA;AAGF,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,qBAAqB,4KASzB,CAAA;AAGF,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAA;AAGD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}