@orbe-agro/client-core 5.6.0 → 5.6.6

package/dist/@ecme/views/concepts/projects/ScrumBoard/components/Board.js.map

@@ -1 +1 @@
-{"version":3,"file":"Board.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/Board.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\r\nimport Dialog from \"@/components/ui/Dialog\";\r\nimport Spinner from \"@/components/ui/Spinner\";\r\nimport AdaptiveCard from \"@/components/shared/AdaptiveCard\";\r\nimport reorderDragable from \"@/utils/reorderDragable\";\r\nimport BoardColumn from \"./BoardColumn\";\r\nimport ScrumBoardHeader from \"./ScrumBoardHeader\";\r\nimport { useScrumBoardStore } from \"../store/scrumBoardStore\";\r\nimport sleep from \"@/utils/sleep\";\r\nimport reoderArray from \"@/utils/reoderArray\";\r\nimport {\r\n  apiGetScrumBoards,\r\n  apiGetProjectMembers,\r\n} from \"@/services/ProjectService\";\r\nimport {\r\n  Droppable,\r\n  DragDropContext,\r\n  DraggableChildrenFn,\r\n} from \"@hello-pangea/dnd\";\r\nimport useSWR from \"swr\";\r\nimport type {\r\n  GetScrumBoardsResponse,\r\n  GetProjectMembersResponse,\r\n  Ticket,\r\n  Columns,\r\n} from \"../types\";\r\nimport type { DropResult } from \"@hello-pangea/dnd\";\r\nimport { FileNotFound } from \"@/assets\";\r\n\r\ntype DialogTipo = \"transferir\" | \"aceitar\" | \"concluir\" | \"cancelar\";\r\n\r\nexport type BoardProps = {\r\n  noData?: boolean;\r\n  containerHeight?: boolean;\r\n  useClone?: DraggableChildrenFn;\r\n  isCombineEnabled?: boolean;\r\n  isDisabledMoveColumn?: boolean;\r\n  isDisabledMoveCard?: boolean;\r\n  withScrollableColumns?: boolean;\r\n  sprintTitle?: string;\r\n  projectTitle?: string;\r\n  showActions?: boolean;\r\n  showHeaderInfo?: boolean;\r\n  tasks?: Record<string, Ticket[]>;\r\n  columns?: Columns;\r\n  ordered?: string[];\r\n  showAssignedTo?: boolean;\r\n  showLabels?: boolean;\r\n  showDueDate?: boolean;\r\n  showDescription?: boolean;\r\n  showUserInitiator?: boolean;\r\n  showUserResponder?: boolean;\r\n  showActionsTicket?: boolean;\r\n  showChangeButton?: boolean;\r\n  showCloseTicket?: boolean;\r\n  descriptionTitle?: string;\r\n  dueDateTitle?: string;\r\n  userInitiatorTitle?: string;\r\n  userResponderTitle?: string;\r\n  onOpenDialog?: (tipo: DialogTipo, id: number) => void;\r\n  goView?: (id: number) => void;\r\n  renderActions?: (ticket: Ticket) => React.ReactNode;\r\n};\r\n\r\nconst TicketContent = lazy(() => import(\"./TicketContent\"));\r\nconst AddNewTicketContent = lazy(() => import(\"./AddNewTicketContent\"));\r\nconst AddNewMemberContent = lazy(() => import(\"./AddNewMemberContent\"));\r\nconst AddNewColumnContent = lazy(() => import(\"./AddNewColumnContent\"));\r\n\r\nconst Board = (props: BoardProps) => {\r\n  const {\r\n    columns,\r\n    ordered,\r\n    boardMembers,\r\n    updateOrdered,\r\n    updateColumns,\r\n    updateBoardMembers,\r\n    updateAllMembers,\r\n    closeDialog,\r\n    resetView,\r\n    dialogView,\r\n    dialogOpen,\r\n  } = useScrumBoardStore();\r\n\r\n  const {\r\n    noData,\r\n    containerHeight,\r\n    useClone,\r\n    isCombineEnabled,\r\n    isDisabledMoveColumn = false,\r\n    isDisabledMoveCard = false,\r\n    withScrollableColumns,\r\n    sprintTitle = \"Sprint 2\",\r\n    projectTitle = \"Web App Project\",\r\n    showActions = true,\r\n    showHeaderInfo = true,\r\n    showAssignedTo = true,\r\n    showLabels = true,\r\n    showDueDate = true,\r\n    showDescription = true,\r\n    showUserInitiator = true,\r\n    showUserResponder = true,\r\n    showActionsTicket = true,\r\n    showChangeButton = true,\r\n    showCloseTicket = true,\r\n    descriptionTitle = \"Descrição: \",\r\n    dueDateTitle = \"Data: \",\r\n    userInitiatorTitle = \"Participante 1: \",\r\n    userResponderTitle = \"Participante 2: \",\r\n    onOpenDialog,\r\n    goView,\r\n    renderActions,\r\n  } = props;\r\n\r\n  const currentColumns = props.columns ?? columns;\r\n  const currentOrdered = props.ordered ?? ordered;\r\n\r\n  const renderColumns =\r\n    Object.keys(currentColumns).length > 0\r\n      ? Object.keys(currentColumns)\r\n      : (currentOrdered ?? []);\r\n\r\n  useSWR(\r\n    [\"/api/projects/scrum-board\"],\r\n    () => apiGetScrumBoards<GetScrumBoardsResponse>(),\r\n    {\r\n      revalidateOnFocus: false,\r\n      revalidateIfStale: false,\r\n      revalidateOnReconnect: false,\r\n      onSuccess: (data) => {\r\n        updateOrdered(Object.keys(data));\r\n        updateColumns(data);\r\n      },\r\n    }\r\n  );\r\n\r\n  useSWR(\r\n    [\"/api/projects/scrum-board/members\"],\r\n    () => apiGetProjectMembers<GetProjectMembersResponse>(),\r\n    {\r\n      revalidateOnFocus: false,\r\n      revalidateIfStale: false,\r\n      revalidateOnReconnect: false,\r\n      onSuccess: (data) => {\r\n        updateBoardMembers(data.participantMembers);\r\n        updateAllMembers(data.allMembers);\r\n      },\r\n    }\r\n  );\r\n\r\n  const onDialogClose = async () => {\r\n    closeDialog();\r\n    await sleep(200);\r\n    resetView();\r\n  };\r\n\r\n  const onDragEnd = (result: DropResult) => {\r\n    if (result.combine) {\r\n      if (result.type === \"COLUMN\") {\r\n        const shallow = [...ordered];\r\n        shallow.splice(result.source.index, 1);\r\n        updateOrdered(shallow);\r\n        return;\r\n      }\r\n\r\n      const column = columns[result.source.droppableId];\r\n      const withQuoteRemoved = [...column];\r\n      withQuoteRemoved.splice(result.source.index, 1);\r\n      const newColumns = {\r\n        ...columns,\r\n        [result.source.droppableId]: withQuoteRemoved,\r\n      };\r\n      updateColumns(newColumns);\r\n      return;\r\n    }\r\n\r\n    if (!result.destination) {\r\n      return;\r\n    }\r\n\r\n    const source = result.source;\r\n    const destination = result.destination;\r\n\r\n    if (\r\n      source.droppableId === destination.droppableId &&\r\n      source.index === destination.index\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    if (result.type === \"COLUMN\") {\r\n      const newOrdered = reoderArray(ordered, source.index, destination.index);\r\n      updateOrdered(newOrdered);\r\n      return;\r\n    }\r\n\r\n    const data = reorderDragable<Record<string, Ticket[]>>({\r\n      quoteMap: columns,\r\n      source,\r\n      destination,\r\n    });\r\n\r\n    updateColumns(data.quoteMap);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {noData ? (\r\n        <div className=\"flex flex-col items-center gap-4\">\r\n          <FileNotFound />\r\n          <span className=\"font-semibold\">No data found!</span>\r\n        </div>\r\n      ) : (\r\n        <>\r\n          <AdaptiveCard className=\"h-full\" bodyClass=\"h-full flex flex-col\">\r\n            <ScrumBoardHeader\r\n              boardMembers={boardMembers}\r\n              sprintTitle={sprintTitle}\r\n              projectTitle={projectTitle}\r\n              showActions={showActions}\r\n              showHeaderInfo={showHeaderInfo}\r\n            />\r\n            <DragDropContext onDragEnd={(result) => onDragEnd(result)}>\r\n              <Droppable\r\n                droppableId=\"board\"\r\n                type=\"COLUMN\"\r\n                direction=\"horizontal\"\r\n                ignoreContainerClipping={containerHeight}\r\n                isCombineEnabled={isCombineEnabled}\r\n              >\r\n                {(provided) => (\r\n                  <div\r\n                    ref={provided.innerRef}\r\n                    className=\"scrumboard flex flex-col flex-auto w-full mb-2\"\r\n                    {...provided.droppableProps}\r\n                  >\r\n                    <div className=\"scrumboard-body flex max-w-full overflow-x-auto h-full mt-4 gap-4\">\r\n                      {renderColumns.map((key, index) => (\r\n                        <BoardColumn\r\n                          key={key}\r\n                          index={index}\r\n                          title={key}\r\n                          contents={currentColumns[key]}\r\n                          isScrollable={withScrollableColumns}\r\n                          isCombineEnabled={isCombineEnabled}\r\n                          isDisabledMoveColumn={isDisabledMoveColumn}\r\n                          isDisabledMoveCard={isDisabledMoveCard}\r\n                          useClone={useClone}\r\n                        />\r\n                      ))}\r\n                      {provided.placeholder}\r\n                    </div>\r\n                  </div>\r\n                )}\r\n              </Droppable>\r\n            </DragDropContext>\r\n          </AdaptiveCard>\r\n          <Dialog\r\n            isOpen={dialogOpen}\r\n            width={dialogView === \"TICKET\" ? 700 : 520}\r\n            closable={dialogView !== \"TICKET\"}\r\n            onClose={onDialogClose}\r\n            onRequestClose={onDialogClose}\r\n          >\r\n            <Suspense\r\n              fallback={\r\n                <div className=\"my-4 text-center\">\r\n                  <Spinner />\r\n                </div>\r\n              }\r\n            >\r\n              {dialogView === \"TICKET\" && (\r\n                <TicketContent\r\n                  onTicketClose={onDialogClose}\r\n                  showAssignedTo={showAssignedTo}\r\n                  showLabels={showLabels}\r\n                  showDueDate={showDueDate}\r\n                  showDescription={showDescription}\r\n                  showUserInitiator={showUserInitiator}\r\n                  showUserResponder={showUserResponder}\r\n                  showActionsTicket={showActionsTicket}\r\n                  showChangeButton={showChangeButton}\r\n                  showCloseTicket={showCloseTicket}\r\n                  descriptionTitle={descriptionTitle}\r\n                  dueDateTitle={dueDateTitle}\r\n                  userInitiatorTitle={userInitiatorTitle}\r\n                  userResponderTitle={userResponderTitle}\r\n                  onOpenDialog={onOpenDialog}\r\n                  goView={goView}\r\n                  columns={currentColumns}\r\n                  renderActions={renderActions}\r\n                />\r\n              )}\r\n              {dialogView === \"NEW_TICKET\" && <AddNewTicketContent />}\r\n              {dialogView === \"NEW_COLUMN\" && <AddNewColumnContent />}\r\n              {dialogView === \"ADD_MEMBER\" && <AddNewMemberContent />}\r\n            </Suspense>\r\n          </Dialog>\r\n        </>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Board;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Board.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/Board.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport Dialog from \"@/components/ui/Dialog\";\nimport Spinner from \"@/components/ui/Spinner\";\nimport AdaptiveCard from \"@/components/shared/AdaptiveCard\";\nimport reorderDragable from \"@/utils/reorderDragable\";\nimport BoardColumn from \"./BoardColumn\";\nimport ScrumBoardHeader from \"./ScrumBoardHeader\";\nimport { useScrumBoardStore } from \"../store/scrumBoardStore\";\nimport sleep from \"@/utils/sleep\";\nimport reoderArray from \"@/utils/reoderArray\";\nimport {\n  apiGetScrumBoards,\n  apiGetProjectMembers,\n} from \"@/services/ProjectService\";\nimport {\n  Droppable,\n  DragDropContext,\n  DraggableChildrenFn,\n} from \"@hello-pangea/dnd\";\nimport useSWR from \"swr\";\nimport type {\n  GetScrumBoardsResponse,\n  GetProjectMembersResponse,\n  Ticket,\n  Columns,\n} from \"../types\";\nimport type { DropResult } from \"@hello-pangea/dnd\";\nimport { FileNotFound } from \"@/assets\";\n\ntype DialogTipo = \"transferir\" | \"aceitar\" | \"concluir\" | \"cancelar\";\n\nexport type BoardProps = {\n  noData?: boolean;\n  containerHeight?: boolean;\n  useClone?: DraggableChildrenFn;\n  isCombineEnabled?: boolean;\n  isDisabledMoveColumn?: boolean;\n  isDisabledMoveCard?: boolean;\n  withScrollableColumns?: boolean;\n  sprintTitle?: string;\n  projectTitle?: string;\n  showActions?: boolean;\n  showHeaderInfo?: boolean;\n  tasks?: Record<string, Ticket[]>;\n  columns?: Columns;\n  ordered?: string[];\n  showAssignedTo?: boolean;\n  showLabels?: boolean;\n  showDueDate?: boolean;\n  showDescription?: boolean;\n  showUserInitiator?: boolean;\n  showUserResponder?: boolean;\n  showActionsTicket?: boolean;\n  showChangeButton?: boolean;\n  showCloseTicket?: boolean;\n  descriptionTitle?: string;\n  dueDateTitle?: string;\n  userInitiatorTitle?: string;\n  userResponderTitle?: string;\n  onOpenDialog?: (tipo: DialogTipo, id: number) => void;\n  goView?: (id: number) => void;\n  renderActions?: (ticket: Ticket) => React.ReactNode;\n};\n\nconst TicketContent = lazy(() => import(\"./TicketContent\"));\nconst AddNewTicketContent = lazy(() => import(\"./AddNewTicketContent\"));\nconst AddNewMemberContent = lazy(() => import(\"./AddNewMemberContent\"));\nconst AddNewColumnContent = lazy(() => import(\"./AddNewColumnContent\"));\n\nconst Board = (props: BoardProps) => {\n  const {\n    columns,\n    ordered,\n    boardMembers,\n    updateOrdered,\n    updateColumns,\n    updateBoardMembers,\n    updateAllMembers,\n    closeDialog,\n    resetView,\n    dialogView,\n    dialogOpen,\n  } = useScrumBoardStore();\n\n  const {\n    noData,\n    containerHeight,\n    useClone,\n    isCombineEnabled,\n    isDisabledMoveColumn = false,\n    isDisabledMoveCard = false,\n    withScrollableColumns,\n    sprintTitle = \"Sprint 2\",\n    projectTitle = \"Web App Project\",\n    showActions = true,\n    showHeaderInfo = true,\n    showAssignedTo = true,\n    showLabels = true,\n    showDueDate = true,\n    showDescription = true,\n    showUserInitiator = true,\n    showUserResponder = true,\n    showActionsTicket = true,\n    showChangeButton = true,\n    showCloseTicket = true,\n    descriptionTitle = \"Descrição: \",\n    dueDateTitle = \"Data: \",\n    userInitiatorTitle = \"Participante 1: \",\n    userResponderTitle = \"Participante 2: \",\n    onOpenDialog,\n    goView,\n    renderActions,\n  } = props;\n\n  const currentColumns = props.columns ?? columns;\n  const currentOrdered = props.ordered ?? ordered;\n\n  const renderColumns =\n    Object.keys(currentColumns).length > 0\n      ? Object.keys(currentColumns)\n      : (currentOrdered ?? []);\n\n  useSWR(\n    [\"/api/projects/scrum-board\"],\n    () => apiGetScrumBoards<GetScrumBoardsResponse>(),\n    {\n      revalidateOnFocus: false,\n      revalidateIfStale: false,\n      revalidateOnReconnect: false,\n      onSuccess: (data) => {\n        updateOrdered(Object.keys(data));\n        updateColumns(data);\n      },\n    }\n  );\n\n  useSWR(\n    [\"/api/projects/scrum-board/members\"],\n    () => apiGetProjectMembers<GetProjectMembersResponse>(),\n    {\n      revalidateOnFocus: false,\n      revalidateIfStale: false,\n      revalidateOnReconnect: false,\n      onSuccess: (data) => {\n        updateBoardMembers(data.participantMembers);\n        updateAllMembers(data.allMembers);\n      },\n    }\n  );\n\n  const onDialogClose = async () => {\n    closeDialog();\n    await sleep(200);\n    resetView();\n  };\n\n  const onDragEnd = (result: DropResult) => {\n    if (result.combine) {\n      if (result.type === \"COLUMN\") {\n        const shallow = [...ordered];\n        shallow.splice(result.source.index, 1);\n        updateOrdered(shallow);\n        return;\n      }\n\n      const column = columns[result.source.droppableId];\n      const withQuoteRemoved = [...column];\n      withQuoteRemoved.splice(result.source.index, 1);\n      const newColumns = {\n        ...columns,\n        [result.source.droppableId]: withQuoteRemoved,\n      };\n      updateColumns(newColumns);\n      return;\n    }\n\n    if (!result.destination) {\n      return;\n    }\n\n    const source = result.source;\n    const destination = result.destination;\n\n    if (\n      source.droppableId === destination.droppableId &&\n      source.index === destination.index\n    ) {\n      return;\n    }\n\n    if (result.type === \"COLUMN\") {\n      const newOrdered = reoderArray(ordered, source.index, destination.index);\n      updateOrdered(newOrdered);\n      return;\n    }\n\n    const data = reorderDragable<Record<string, Ticket[]>>({\n      quoteMap: columns,\n      source,\n      destination,\n    });\n\n    updateColumns(data.quoteMap);\n  };\n\n  return (\n    <>\n      {noData ? (\n        <div className=\"flex flex-col items-center gap-4\">\n          <FileNotFound />\n          <span className=\"font-semibold\">No data found!</span>\n        </div>\n      ) : (\n        <>\n          <AdaptiveCard className=\"h-full\" bodyClass=\"h-full flex flex-col\">\n            <ScrumBoardHeader\n              boardMembers={boardMembers}\n              sprintTitle={sprintTitle}\n              projectTitle={projectTitle}\n              showActions={showActions}\n              showHeaderInfo={showHeaderInfo}\n            />\n            <DragDropContext onDragEnd={(result) => onDragEnd(result)}>\n              <Droppable\n                droppableId=\"board\"\n                type=\"COLUMN\"\n                direction=\"horizontal\"\n                ignoreContainerClipping={containerHeight}\n                isCombineEnabled={isCombineEnabled}\n              >\n                {(provided) => (\n                  <div\n                    ref={provided.innerRef}\n                    className=\"scrumboard flex flex-col flex-auto w-full mb-2\"\n                    {...provided.droppableProps}\n                  >\n                    <div className=\"scrumboard-body flex max-w-full overflow-x-auto h-full mt-4 gap-4\">\n                      {renderColumns.map((key, index) => (\n                        <BoardColumn\n                          key={key}\n                          index={index}\n                          title={key}\n                          contents={currentColumns[key]}\n                          isScrollable={withScrollableColumns}\n                          isCombineEnabled={isCombineEnabled}\n                          isDisabledMoveColumn={isDisabledMoveColumn}\n                          isDisabledMoveCard={isDisabledMoveCard}\n                          useClone={useClone}\n                        />\n                      ))}\n                      {provided.placeholder}\n                    </div>\n                  </div>\n                )}\n              </Droppable>\n            </DragDropContext>\n          </AdaptiveCard>\n          <Dialog\n            isOpen={dialogOpen}\n            width={dialogView === \"TICKET\" ? 700 : 520}\n            closable={dialogView !== \"TICKET\"}\n            onClose={onDialogClose}\n            onRequestClose={onDialogClose}\n          >\n            <Suspense\n              fallback={\n                <div className=\"my-4 text-center\">\n                  <Spinner />\n                </div>\n              }\n            >\n              {dialogView === \"TICKET\" && (\n                <TicketContent\n                  onTicketClose={onDialogClose}\n                  showAssignedTo={showAssignedTo}\n                  showLabels={showLabels}\n                  showDueDate={showDueDate}\n                  showDescription={showDescription}\n                  showUserInitiator={showUserInitiator}\n                  showUserResponder={showUserResponder}\n                  showActionsTicket={showActionsTicket}\n                  showChangeButton={showChangeButton}\n                  showCloseTicket={showCloseTicket}\n                  descriptionTitle={descriptionTitle}\n                  dueDateTitle={dueDateTitle}\n                  userInitiatorTitle={userInitiatorTitle}\n                  userResponderTitle={userResponderTitle}\n                  onOpenDialog={onOpenDialog}\n                  goView={goView}\n                  columns={currentColumns}\n                  renderActions={renderActions}\n                />\n              )}\n              {dialogView === \"NEW_TICKET\" && <AddNewTicketContent />}\n              {dialogView === \"NEW_COLUMN\" && <AddNewColumnContent />}\n              {dialogView === \"ADD_MEMBER\" && <AddNewMemberContent />}\n            </Suspense>\n          </Dialog>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default Board;\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ScrumBoard/components/BoardCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoardCard.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/BoardCard.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Tag from '@/components/ui/Tag'\r\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\r\nimport IconText from '@/components/shared/IconText'\r\nimport { TbPaperclip, TbMessageCircle } from 'react-icons/tb'\r\nimport { useScrumBoardStore } from '../store/scrumBoardStore'\r\nimport { taskLabelColors } from '../utils'\r\nimport type { Ticket } from '../types'\r\nimport type { CardProps } from '@/components/ui/Card'\r\nimport type { Ref } from 'react'\r\n\r\ninterface BoardCardProps extends CardProps {\r\n    data: Ticket\r\n}\r\n\r\nconst BoardCard = (props: BoardCardProps) => {\r\n    const { openDialog, updateDialogView, setSelectedTicketId } =\r\n        useScrumBoardStore()\r\n\r\n    const { data, ref, ...rest } = props\r\n\r\n    const { id, name, comments, attachments, members, labels } = data\r\n\r\n    const onCardClick = () => {\r\n        openDialog()\r\n        updateDialogView('TICKET')\r\n        setSelectedTicketId(id)\r\n    }\r\n\r\n    return (\r\n        <Card\r\n            ref={ref}\r\n            clickable\r\n            className=\"hover:shadow-lg rounded-lg mb-4 border-0\"\r\n            bodyClass=\"p-4\"\r\n            onClick={() => onCardClick()}\r\n            {...rest}\r\n        >\r\n            <div className=\"mb-2 font-bold heading-text text-base\">{name}</div>\r\n            {labels && labels.length > 0 && (\r\n                <>\r\n                    {labels.map((label, index) => (\r\n                        <Tag\r\n                            key={label + index}\r\n                            className={`mr-2 rtl:ml-2 mb-2 ${taskLabelColors[label]}`}\r\n                        >\r\n                            {label}\r\n                        </Tag>\r\n                    ))}\r\n                </>\r\n            )}\r\n            <div className=\"flex items-center justify-between mt-3\">\r\n                <UsersAvatarGroup avatarProps={{ size: 25 }} users={members} />\r\n                <div className=\"flex items-center gap-2\">\r\n                    {comments && comments.length > 0 && (\r\n                        <IconText\r\n                            className=\"font-semibold gap-1\"\r\n                            icon={<TbMessageCircle className=\"text-base\" />}\r\n                        >\r\n                            {comments.length}\r\n                        </IconText>\r\n                    )}\r\n                    {attachments && attachments.length > 0 && (\r\n                        <IconText\r\n                            icon={<TbPaperclip />}\r\n                            className=\"text-base gap-1\"\r\n                        >\r\n                            {attachments.length}\r\n                        </IconText>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default BoardCard\r\n"],"names":[],"mappings":";;;;;;;;;;AAeA,MAAM,YAAY,CAAC,UAA0B;AACzC,QAAM,EAAE,YAAY,kBAAkB,oBAAA,IAClC,mBAAA;AAEJ,QAAM,EAAE,MAAM,KAAK,GAAG,SAAS;AAE/B,QAAM,EAAE,IAAI,MAAM,UAAU,aAAa,SAAS,WAAW;AAE7D,QAAM,cAAc,MAAM;AACtB,eAAA;AACA,qBAAiB,QAAQ;AACzB,wBAAoB,EAAE;AAAA,EAC1B;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAS;AAAA,MACT,WAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS,MAAM,YAAA;AAAA,MACd,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,yCAAyC,UAAA,MAAK;AAAA,QAC5D,UAAU,OAAO,SAAS,qCAElB,UAAA,OAAO,IAAI,CAAC,OAAO,UAChB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,WAAW,sBAAsB,gBAAgB,KAAK,CAAC;AAAA,YAEtD,UAAA;AAAA,UAAA;AAAA,UAHI,QAAQ;AAAA,QAAA,CAKpB,GACL;AAAA,QAEJ,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,oBAAiB,aAAa,EAAE,MAAM,GAAA,GAAM,OAAO,SAAS;AAAA,UAC7D,qBAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,YAAA,YAAY,SAAS,SAAS,KAC3B;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAM,oBAAC,iBAAA,EAAgB,WAAU,YAAA,CAAY;AAAA,gBAE5C,UAAA,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,YAGjB,eAAe,YAAY,SAAS,KACjC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,0BAAO,aAAA,EAAY;AAAA,gBACnB,WAAU;AAAA,gBAET,UAAA,YAAY;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB,EAAA,CAER;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"BoardCard.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/BoardCard.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport IconText from '@/components/shared/IconText'\nimport { TbPaperclip, TbMessageCircle } from 'react-icons/tb'\nimport { useScrumBoardStore } from '../store/scrumBoardStore'\nimport { taskLabelColors } from '../utils'\nimport type { Ticket } from '../types'\nimport type { CardProps } from '@/components/ui/Card'\nimport type { Ref } from 'react'\n\ninterface BoardCardProps extends CardProps {\n    data: Ticket\n}\n\nconst BoardCard = (props: BoardCardProps) => {\n    const { openDialog, updateDialogView, setSelectedTicketId } =\n        useScrumBoardStore()\n\n    const { data, ref, ...rest } = props\n\n    const { id, name, comments, attachments, members, labels } = data\n\n    const onCardClick = () => {\n        openDialog()\n        updateDialogView('TICKET')\n        setSelectedTicketId(id)\n    }\n\n    return (\n        <Card\n            ref={ref}\n            clickable\n            className=\"hover:shadow-lg rounded-lg mb-4 border-0\"\n            bodyClass=\"p-4\"\n            onClick={() => onCardClick()}\n            {...rest}\n        >\n            <div className=\"mb-2 font-bold heading-text text-base\">{name}</div>\n            {labels && labels.length > 0 && (\n                <>\n                    {labels.map((label, index) => (\n                        <Tag\n                            key={label + index}\n                            className={`mr-2 rtl:ml-2 mb-2 ${taskLabelColors[label]}`}\n                        >\n                            {label}\n                        </Tag>\n                    ))}\n                </>\n            )}\n            <div className=\"flex items-center justify-between mt-3\">\n                <UsersAvatarGroup avatarProps={{ size: 25 }} users={members} />\n                <div className=\"flex items-center gap-2\">\n                    {comments && comments.length > 0 && (\n                        <IconText\n                            className=\"font-semibold gap-1\"\n                            icon={<TbMessageCircle className=\"text-base\" />}\n                        >\n                            {comments.length}\n                        </IconText>\n                    )}\n                    {attachments && attachments.length > 0 && (\n                        <IconText\n                            icon={<TbPaperclip />}\n                            className=\"text-base gap-1\"\n                        >\n                            {attachments.length}\n                        </IconText>\n                    )}\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default BoardCard\n"],"names":[],"mappings":";;;;;;;;;;AAeA,MAAM,YAAY,CAAC,UAA0B;AACzC,QAAM,EAAE,YAAY,kBAAkB,oBAAA,IAClC,mBAAA;AAEJ,QAAM,EAAE,MAAM,KAAK,GAAG,SAAS;AAE/B,QAAM,EAAE,IAAI,MAAM,UAAU,aAAa,SAAS,WAAW;AAE7D,QAAM,cAAc,MAAM;AACtB,eAAA;AACA,qBAAiB,QAAQ;AACzB,wBAAoB,EAAE;AAAA,EAC1B;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAS;AAAA,MACT,WAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS,MAAM,YAAA;AAAA,MACd,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,yCAAyC,UAAA,MAAK;AAAA,QAC5D,UAAU,OAAO,SAAS,qCAElB,UAAA,OAAO,IAAI,CAAC,OAAO,UAChB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,WAAW,sBAAsB,gBAAgB,KAAK,CAAC;AAAA,YAEtD,UAAA;AAAA,UAAA;AAAA,UAHI,QAAQ;AAAA,QAAA,CAKpB,GACL;AAAA,QAEJ,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,oBAAC,oBAAiB,aAAa,EAAE,MAAM,GAAA,GAAM,OAAO,SAAS;AAAA,UAC7D,qBAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,YAAA,YAAY,SAAS,SAAS,KAC3B;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAM,oBAAC,iBAAA,EAAgB,WAAU,YAAA,CAAY;AAAA,gBAE5C,UAAA,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,YAGjB,eAAe,YAAY,SAAS,KACjC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,0BAAO,aAAA,EAAY;AAAA,gBACnB,WAAU;AAAA,gBAET,UAAA,YAAY;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB,EAAA,CAER;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/concepts/projects/ScrumBoard/components/BoardCardList.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoardCardList.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/BoardCardList.tsx"],"sourcesContent":["import BoardCard from \"./BoardCard\";\r\nimport {\r\n  Draggable,\r\n  Droppable,\r\n  DraggableChildrenFn,\r\n  DroppableProvided,\r\n} from \"@hello-pangea/dnd\";\r\nimport type { Ticket } from \"../types\";\r\nimport type { CSSProperties } from \"react\";\r\n\r\nexport interface BaseBoardProps {\r\n    contents?: Ticket[]\r\n    useClone?: DraggableChildrenFn\r\n    isCombineEnabled?: boolean\r\n    isDisabledMoveCard?: boolean\r\n}\r\n\r\ninterface BoardCardListProps extends BaseBoardProps {\r\n    ignoreContainerClipping?: boolean\r\n    internalScroll?: boolean\r\n    scrollContainerStyle?: CSSProperties\r\n    isDropDisabled?: boolean\r\n    listId?: string\r\n    style?: CSSProperties\r\n    listType?: string\r\n    className?: string\r\n}\r\n\r\ntype InnerListProps = {\r\n    dropProvided: DroppableProvided\r\n    contents?: Ticket[]\r\n    isDisabledMoveCard?: boolean\r\n}\r\n\r\nfunction InnerList(props: InnerListProps) {\r\n    const { dropProvided, contents, isDisabledMoveCard, ...rest } = props\r\n\r\n    return (\r\n        <div ref={dropProvided.innerRef} className=\"board-dropzone h-full\">\r\n            <div className=\"px-5 h-full\">\r\n                {contents?.map((item, index) => (\r\n                    <Draggable\r\n                        key={item.id}\r\n                        draggableId={item.id}\r\n                        index={index}\r\n                        isDragDisabled={isDisabledMoveCard}\r\n                    >\r\n                        {(dragProvided) => (\r\n                            <BoardCard\r\n                                ref={dragProvided.innerRef}\r\n                                data={item}\r\n                                {...rest}\r\n                                {...dragProvided.draggableProps}\r\n                                {...dragProvided.dragHandleProps}\r\n                            />\r\n                        )}\r\n                    </Draggable>\r\n                ))}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nconst BoardCardList = (props: BoardCardListProps) => {\r\n    const {\r\n        ignoreContainerClipping,\r\n        internalScroll,\r\n        scrollContainerStyle,\r\n        isDropDisabled,\r\n        isCombineEnabled,\r\n        listId = 'LIST',\r\n        style,\r\n        listType,\r\n        contents,\r\n        useClone,\r\n    } = props\r\n\r\n    return (\r\n        <Droppable\r\n            droppableId={listId}\r\n            type={listType}\r\n            ignoreContainerClipping={ignoreContainerClipping}\r\n            isDropDisabled={isDropDisabled}\r\n            isCombineEnabled={isCombineEnabled}\r\n            renderClone={useClone}\r\n        >\r\n            {(dropProvided) => (\r\n                <div\r\n                    className=\"board-wrapper overflow-hidden flex-auto\"\r\n                    {...dropProvided.droppableProps}\r\n                >\r\n                    {internalScroll ? (\r\n                        <div className=\"board-scrollContainer\">\r\n                            <InnerList\r\n                                contents={contents}\r\n                                dropProvided={dropProvided}\r\n                            />\r\n                        </div>\r\n                    ) : (\r\n                        <InnerList\r\n                            contents={contents}\r\n                            dropProvided={dropProvided}\r\n                            isDisabledMoveCard={props.isDisabledMoveCard}\r\n                        />\r\n                    )}\r\n                    {dropProvided.placeholder}\r\n                </div>\r\n            )}\r\n        </Droppable>\r\n    )\r\n}\r\n\r\nexport default BoardCardList\r\n"],"names":[],"mappings":";;;AAkCA,SAAS,UAAU,OAAuB;AACtC,QAAM,EAAE,cAAc,UAAU,oBAAoB,GAAG,SAAS;AAEhE,SACI,oBAAC,OAAA,EAAI,KAAK,aAAa,UAAU,WAAU,yBACvC,UAAA,oBAAC,OAAA,EAAI,WAAU,eACV,UAAA,UAAU,IAAI,CAAC,MAAM,UAClB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,aAAa,KAAK;AAAA,MAClB;AAAA,MACA,gBAAgB;AAAA,MAEf,WAAC,iBACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,aAAa;AAAA,UAClB,MAAM;AAAA,UACL,GAAG;AAAA,UACH,GAAG,aAAa;AAAA,UAChB,GAAG,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IACrB;AAAA,IAZC,KAAK;AAAA,EAAA,CAejB,GACL,EAAA,CACJ;AAER;AAEA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MAEZ,WAAC,iBACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACT,GAAG,aAAa;AAAA,UAEhB,UAAA;AAAA,YAAA,iBACG,oBAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA,GAER,IAEA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG;AAAA,gBACA;AAAA,gBACA,oBAAoB,MAAM;AAAA,cAAA;AAAA,YAAA;AAAA,YAGjC,aAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAIhB;"}
+{"version":3,"file":"BoardCardList.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/BoardCardList.tsx"],"sourcesContent":["import BoardCard from \"./BoardCard\";\nimport {\n  Draggable,\n  Droppable,\n  DraggableChildrenFn,\n  DroppableProvided,\n} from \"@hello-pangea/dnd\";\nimport type { Ticket } from \"../types\";\nimport type { CSSProperties } from \"react\";\n\nexport interface BaseBoardProps {\n    contents?: Ticket[]\n    useClone?: DraggableChildrenFn\n    isCombineEnabled?: boolean\n    isDisabledMoveCard?: boolean\n}\n\ninterface BoardCardListProps extends BaseBoardProps {\n    ignoreContainerClipping?: boolean\n    internalScroll?: boolean\n    scrollContainerStyle?: CSSProperties\n    isDropDisabled?: boolean\n    listId?: string\n    style?: CSSProperties\n    listType?: string\n    className?: string\n}\n\ntype InnerListProps = {\n    dropProvided: DroppableProvided\n    contents?: Ticket[]\n    isDisabledMoveCard?: boolean\n}\n\nfunction InnerList(props: InnerListProps) {\n    const { dropProvided, contents, isDisabledMoveCard, ...rest } = props\n\n    return (\n        <div ref={dropProvided.innerRef} className=\"board-dropzone h-full\">\n            <div className=\"px-5 h-full\">\n                {contents?.map((item, index) => (\n                    <Draggable\n                        key={item.id}\n                        draggableId={item.id}\n                        index={index}\n                        isDragDisabled={isDisabledMoveCard}\n                    >\n                        {(dragProvided) => (\n                            <BoardCard\n                                ref={dragProvided.innerRef}\n                                data={item}\n                                {...rest}\n                                {...dragProvided.draggableProps}\n                                {...dragProvided.dragHandleProps}\n                            />\n                        )}\n                    </Draggable>\n                ))}\n            </div>\n        </div>\n    )\n}\n\nconst BoardCardList = (props: BoardCardListProps) => {\n    const {\n        ignoreContainerClipping,\n        internalScroll,\n        scrollContainerStyle,\n        isDropDisabled,\n        isCombineEnabled,\n        listId = 'LIST',\n        style,\n        listType,\n        contents,\n        useClone,\n    } = props\n\n    return (\n        <Droppable\n            droppableId={listId}\n            type={listType}\n            ignoreContainerClipping={ignoreContainerClipping}\n            isDropDisabled={isDropDisabled}\n            isCombineEnabled={isCombineEnabled}\n            renderClone={useClone}\n        >\n            {(dropProvided) => (\n                <div\n                    className=\"board-wrapper overflow-hidden flex-auto\"\n                    {...dropProvided.droppableProps}\n                >\n                    {internalScroll ? (\n                        <div className=\"board-scrollContainer\">\n                            <InnerList\n                                contents={contents}\n                                dropProvided={dropProvided}\n                            />\n                        </div>\n                    ) : (\n                        <InnerList\n                            contents={contents}\n                            dropProvided={dropProvided}\n                            isDisabledMoveCard={props.isDisabledMoveCard}\n                        />\n                    )}\n                    {dropProvided.placeholder}\n                </div>\n            )}\n        </Droppable>\n    )\n}\n\nexport default BoardCardList\n"],"names":[],"mappings":";;;AAkCA,SAAS,UAAU,OAAuB;AACtC,QAAM,EAAE,cAAc,UAAU,oBAAoB,GAAG,SAAS;AAEhE,SACI,oBAAC,OAAA,EAAI,KAAK,aAAa,UAAU,WAAU,yBACvC,UAAA,oBAAC,OAAA,EAAI,WAAU,eACV,UAAA,UAAU,IAAI,CAAC,MAAM,UAClB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,aAAa,KAAK;AAAA,MAClB;AAAA,MACA,gBAAgB;AAAA,MAEf,WAAC,iBACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,aAAa;AAAA,UAClB,MAAM;AAAA,UACL,GAAG;AAAA,UACH,GAAG,aAAa;AAAA,UAChB,GAAG,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IACrB;AAAA,IAZC,KAAK;AAAA,EAAA,CAejB,GACL,EAAA,CACJ;AAER;AAEA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MAEZ,WAAC,iBACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACT,GAAG,aAAa;AAAA,UAEhB,UAAA;AAAA,YAAA,iBACG,oBAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA,GAER,IAEA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG;AAAA,gBACA;AAAA,gBACA,oBAAoB,MAAM;AAAA,cAAA;AAAA,YAAA;AAAA,YAGjC,aAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAIhB;"}

package/dist/@ecme/views/concepts/projects/ScrumBoard/components/BoardColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoardColumn.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/BoardColumn.tsx"],"sourcesContent":["import { Draggable } from '@hello-pangea/dnd'\r\nimport BoardTitle from './BoardTitle'\r\nimport BoardCardList, { BaseBoardProps } from './BoardCardList'\r\n\r\ninterface BoardColumnProps extends BaseBoardProps {\r\n    title: string\r\n    index: number\r\n    isScrollable?: boolean\r\n    isDisabledMoveColumn?: boolean\r\n    isDisabledMoveCard?: boolean\r\n}\r\n\r\nconst BoardColumn = (props: BoardColumnProps) => {\r\n    const {\r\n        title,\r\n        contents,\r\n        index,\r\n        isScrollable,\r\n        isCombineEnabled,\r\n        isDisabledMoveColumn,\r\n        isDisabledMoveCard,\r\n        useClone,\r\n    } = props\r\n\r\n    return (\r\n        <Draggable\r\n            draggableId={title}\r\n            index={index}\r\n            isDragDisabled={isDisabledMoveColumn}\r\n        >\r\n            {(provided, snapshot) => (\r\n                <div\r\n                    ref={provided.innerRef}\r\n                    className=\"board-column flex flex-col mb-3 min-w-[300px] w-[300px] max-w-[300px] p-0rounded-lg dark:bg-gray-900 bg-gray-50 rounded-2xl \"\r\n                    {...provided.draggableProps}\r\n                >\r\n                    <BoardTitle\r\n                        title={title}\r\n                        dragHandleProps={provided.dragHandleProps}\r\n                    />\r\n                    <BoardCardList\r\n                        listId={title}\r\n                        listType=\"CONTENT\"\r\n                        className={snapshot.isDragging ? 'is-dragging' : ''}\r\n                        contents={contents}\r\n                        internalScroll={isScrollable}\r\n                        isCombineEnabled={isCombineEnabled}\r\n                        isDisabledMoveCard={isDisabledMoveCard}\r\n                        useClone={useClone}\r\n                    />\r\n                </div>\r\n            )}\r\n        </Draggable>\r\n    )\r\n}\r\n\r\nexport default BoardColumn\r\n"],"names":[],"mappings":";;;;AAYA,MAAM,cAAc,CAAC,UAA4B;AAC7C,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb;AAAA,MACA,gBAAgB;AAAA,MAEf,UAAA,CAAC,UAAU,aACR;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,SAAS;AAAA,UACd,WAAU;AAAA,UACT,GAAG,SAAS;AAAA,UAEb,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG;AAAA,gBACA,iBAAiB,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,YAE9B;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,QAAQ;AAAA,gBACR,UAAS;AAAA,gBACT,WAAW,SAAS,aAAa,gBAAgB;AAAA,gBACjD;AAAA,gBACA,gBAAgB;AAAA,gBAChB;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAIhB;"}
+{"version":3,"file":"BoardColumn.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/BoardColumn.tsx"],"sourcesContent":["import { Draggable } from '@hello-pangea/dnd'\nimport BoardTitle from './BoardTitle'\nimport BoardCardList, { BaseBoardProps } from './BoardCardList'\n\ninterface BoardColumnProps extends BaseBoardProps {\n    title: string\n    index: number\n    isScrollable?: boolean\n    isDisabledMoveColumn?: boolean\n    isDisabledMoveCard?: boolean\n}\n\nconst BoardColumn = (props: BoardColumnProps) => {\n    const {\n        title,\n        contents,\n        index,\n        isScrollable,\n        isCombineEnabled,\n        isDisabledMoveColumn,\n        isDisabledMoveCard,\n        useClone,\n    } = props\n\n    return (\n        <Draggable\n            draggableId={title}\n            index={index}\n            isDragDisabled={isDisabledMoveColumn}\n        >\n            {(provided, snapshot) => (\n                <div\n                    ref={provided.innerRef}\n                    className=\"board-column flex flex-col mb-3 min-w-[300px] w-[300px] max-w-[300px] p-0rounded-lg dark:bg-gray-900 bg-gray-50 rounded-2xl \"\n                    {...provided.draggableProps}\n                >\n                    <BoardTitle\n                        title={title}\n                        dragHandleProps={provided.dragHandleProps}\n                    />\n                    <BoardCardList\n                        listId={title}\n                        listType=\"CONTENT\"\n                        className={snapshot.isDragging ? 'is-dragging' : ''}\n                        contents={contents}\n                        internalScroll={isScrollable}\n                        isCombineEnabled={isCombineEnabled}\n                        isDisabledMoveCard={isDisabledMoveCard}\n                        useClone={useClone}\n                    />\n                </div>\n            )}\n        </Draggable>\n    )\n}\n\nexport default BoardColumn\n"],"names":[],"mappings":";;;;AAYA,MAAM,cAAc,CAAC,UAA4B;AAC7C,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb;AAAA,MACA,gBAAgB;AAAA,MAEf,UAAA,CAAC,UAAU,aACR;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,SAAS;AAAA,UACd,WAAU;AAAA,UACT,GAAG,SAAS;AAAA,UAEb,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG;AAAA,gBACA,iBAAiB,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,YAE9B;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,QAAQ;AAAA,gBACR,UAAS;AAAA,gBACT,WAAW,SAAS,aAAa,gBAAgB;AAAA,gBACjD;AAAA,gBACA,gBAAgB;AAAA,gBAChB;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAIhB;"}

package/dist/@ecme/views/concepts/projects/ScrumBoard/components/BoardTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoardTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/BoardTitle.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport { Form } from '@/components/ui/Form'\r\nimport Input from '@/components/ui/Input'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport EllipsisButton from '@/components/shared/EllipsisButton'\r\nimport { useScrumBoardStore } from '../store/scrumBoardStore'\r\nimport {\r\n    TbPencil,\r\n    TbCirclePlus,\r\n    TbTrash,\r\n    TbCircleXFilled,\r\n} from 'react-icons/tb'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport type { DraggableProvidedDragHandleProps } from '@hello-pangea/dnd'\r\nimport type { Columns } from '../types'\r\n\r\ntype BoardTitleProps = {\r\n    dragHandleProps?: DraggableProvidedDragHandleProps | null\r\n    title: string\r\n}\r\n\r\ntype RenameFormProps = {\r\n    title: string\r\n    closeRenameForm: () => void\r\n    columns: Columns\r\n    ordered: string[]\r\n    onEnter: (newColumns: Columns, newOrder: string[]) => void\r\n}\r\n\r\ntype FormSchema = {\r\n    title: string\r\n}\r\n\r\nconst RenameForm = ({\r\n    title,\r\n    closeRenameForm,\r\n    columns = {},\r\n    ordered,\r\n    onEnter,\r\n}: RenameFormProps) => {\r\n    const onFormSubmit = (value: FormSchema) => {\r\n        const newTitle = value.title\r\n\r\n        if (ordered.some((elm) => elm === newTitle)) {\r\n            closeRenameForm()\r\n            return\r\n        }\r\n\r\n        const newColumns = {}\r\n        delete Object.assign(newColumns, columns, {\r\n            [newTitle]: columns[title],\r\n        })[title]\r\n\r\n        const newOrder = ordered.map((elm) => {\r\n            if (elm === title) {\r\n                return newTitle\r\n            }\r\n            return elm\r\n        })\r\n        onEnter(newColumns, newOrder)\r\n        closeRenameForm()\r\n    }\r\n\r\n    const { control, handleSubmit } = useForm<FormSchema>({\r\n        defaultValues: {\r\n            title,\r\n        },\r\n    })\r\n\r\n    return (\r\n        <>\r\n            <Form onSubmit={handleSubmit(onFormSubmit)}>\r\n                <Controller\r\n                    name=\"title\"\r\n                    control={control}\r\n                    rules={{ required: true }}\r\n                    render={({ field }) => (\r\n                        <Input type=\"text\" autoComplete=\"off\" {...field} />\r\n                    )}\r\n                />\r\n            </Form>\r\n        </>\r\n    )\r\n}\r\n\r\nconst BoardTitle = (props: BoardTitleProps) => {\r\n    const { dragHandleProps, title } = props\r\n\r\n    const {\r\n        columns,\r\n        ordered,\r\n        openDialog,\r\n        updateColumns,\r\n        updateDialogView,\r\n        setSelectedBoard,\r\n        updateOrdered,\r\n    } = useScrumBoardStore()\r\n\r\n    const [renameActive, setRenameActive] = useState(false)\r\n    const [confirmDeleteDialog, setConfirmDeleteDialog] = useState(false)\r\n\r\n    const onRenameActive = () => {\r\n        setRenameActive(true)\r\n    }\r\n\r\n    const onRenameDeactivate = () => {\r\n        setRenameActive(false)\r\n    }\r\n\r\n    const onConfirmDeleteClose = () => {\r\n        setConfirmDeleteDialog(false)\r\n    }\r\n\r\n    const onBoardDelete = () => {\r\n        setConfirmDeleteDialog(true)\r\n    }\r\n\r\n    const onAddNewTicket = () => {\r\n        openDialog()\r\n        updateDialogView('NEW_TICKET')\r\n        setSelectedBoard(title)\r\n    }\r\n\r\n    const onDelete = () => {\r\n        const newOrder = ordered.filter((elm) => elm !== title)\r\n        const newColumns: Columns = {}\r\n        Object.assign(newColumns, columns)\r\n        delete newColumns[title]\r\n        updateOrdered(newOrder)\r\n    }\r\n\r\n    const handleEnter = (newColumns: Columns, newOrder: string[]) => {\r\n        updateColumns(newColumns)\r\n        updateOrdered(newOrder)\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className=\"board-title px-5 py-4 flex justify-between items-center\"\r\n            {...dragHandleProps}\r\n        >\r\n            {renameActive ? (\r\n                <>\r\n                    <RenameForm\r\n                        title={title}\r\n                        closeRenameForm={onRenameDeactivate}\r\n                        columns={columns as Columns}\r\n                        ordered={ordered}\r\n                        onEnter={handleEnter}\r\n                    />\r\n                    <TbCircleXFilled\r\n                        className=\"cursor-pointer text-lg\"\r\n                        onClick={onRenameDeactivate}\r\n                    />\r\n                </>\r\n            ) : (\r\n                <>\r\n                    <h6>{title}</h6>\r\n                </>\r\n            )}\r\n            <ConfirmDialog\r\n                isOpen={confirmDeleteDialog}\r\n                type=\"danger\"\r\n                title=\"Delete Board\"\r\n                onClose={onConfirmDeleteClose}\r\n                onRequestClose={onConfirmDeleteClose}\r\n                onCancel={onConfirmDeleteClose}\r\n                onConfirm={onDelete}\r\n            >\r\n                <p>\r\n                    Are you sure you want to delete this board? All the tickets\r\n                    under this board will be deleted as well. This action cannot\r\n                    be undone.\r\n                </p>\r\n            </ConfirmDialog>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default BoardTitle"],"names":[],"mappings":"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"}
+{"version":3,"file":"BoardTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/BoardTitle.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Dropdown from '@/components/ui/Dropdown'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport EllipsisButton from '@/components/shared/EllipsisButton'\nimport { useScrumBoardStore } from '../store/scrumBoardStore'\nimport {\n    TbPencil,\n    TbCirclePlus,\n    TbTrash,\n    TbCircleXFilled,\n} from 'react-icons/tb'\nimport { useForm, Controller } from 'react-hook-form'\nimport type { DraggableProvidedDragHandleProps } from '@hello-pangea/dnd'\nimport type { Columns } from '../types'\n\ntype BoardTitleProps = {\n    dragHandleProps?: DraggableProvidedDragHandleProps | null\n    title: string\n}\n\ntype RenameFormProps = {\n    title: string\n    closeRenameForm: () => void\n    columns: Columns\n    ordered: string[]\n    onEnter: (newColumns: Columns, newOrder: string[]) => void\n}\n\ntype FormSchema = {\n    title: string\n}\n\nconst RenameForm = ({\n    title,\n    closeRenameForm,\n    columns = {},\n    ordered,\n    onEnter,\n}: RenameFormProps) => {\n    const onFormSubmit = (value: FormSchema) => {\n        const newTitle = value.title\n\n        if (ordered.some((elm) => elm === newTitle)) {\n            closeRenameForm()\n            return\n        }\n\n        const newColumns = {}\n        delete Object.assign(newColumns, columns, {\n            [newTitle]: columns[title],\n        })[title]\n\n        const newOrder = ordered.map((elm) => {\n            if (elm === title) {\n                return newTitle\n            }\n            return elm\n        })\n        onEnter(newColumns, newOrder)\n        closeRenameForm()\n    }\n\n    const { control, handleSubmit } = useForm<FormSchema>({\n        defaultValues: {\n            title,\n        },\n    })\n\n    return (\n        <>\n            <Form onSubmit={handleSubmit(onFormSubmit)}>\n                <Controller\n                    name=\"title\"\n                    control={control}\n                    rules={{ required: true }}\n                    render={({ field }) => (\n                        <Input type=\"text\" autoComplete=\"off\" {...field} />\n                    )}\n                />\n            </Form>\n        </>\n    )\n}\n\nconst BoardTitle = (props: BoardTitleProps) => {\n    const { dragHandleProps, title } = props\n\n    const {\n        columns,\n        ordered,\n        openDialog,\n        updateColumns,\n        updateDialogView,\n        setSelectedBoard,\n        updateOrdered,\n    } = useScrumBoardStore()\n\n    const [renameActive, setRenameActive] = useState(false)\n    const [confirmDeleteDialog, setConfirmDeleteDialog] = useState(false)\n\n    const onRenameActive = () => {\n        setRenameActive(true)\n    }\n\n    const onRenameDeactivate = () => {\n        setRenameActive(false)\n    }\n\n    const onConfirmDeleteClose = () => {\n        setConfirmDeleteDialog(false)\n    }\n\n    const onBoardDelete = () => {\n        setConfirmDeleteDialog(true)\n    }\n\n    const onAddNewTicket = () => {\n        openDialog()\n        updateDialogView('NEW_TICKET')\n        setSelectedBoard(title)\n    }\n\n    const onDelete = () => {\n        const newOrder = ordered.filter((elm) => elm !== title)\n        const newColumns: Columns = {}\n        Object.assign(newColumns, columns)\n        delete newColumns[title]\n        updateOrdered(newOrder)\n    }\n\n    const handleEnter = (newColumns: Columns, newOrder: string[]) => {\n        updateColumns(newColumns)\n        updateOrdered(newOrder)\n    }\n\n    return (\n        <div\n            className=\"board-title px-5 py-4 flex justify-between items-center\"\n            {...dragHandleProps}\n        >\n            {renameActive ? (\n                <>\n                    <RenameForm\n                        title={title}\n                        closeRenameForm={onRenameDeactivate}\n                        columns={columns as Columns}\n                        ordered={ordered}\n                        onEnter={handleEnter}\n                    />\n                    <TbCircleXFilled\n                        className=\"cursor-pointer text-lg\"\n                        onClick={onRenameDeactivate}\n                    />\n                </>\n            ) : (\n                <>\n                    <h6>{title}</h6>\n                </>\n            )}\n            <ConfirmDialog\n                isOpen={confirmDeleteDialog}\n                type=\"danger\"\n                title=\"Delete Board\"\n                onClose={onConfirmDeleteClose}\n                onRequestClose={onConfirmDeleteClose}\n                onCancel={onConfirmDeleteClose}\n                onConfirm={onDelete}\n            >\n                <p>\n                    Are you sure you want to delete this board? All the tickets\n                    under this board will be deleted as well. This action cannot\n                    be undone.\n                </p>\n            </ConfirmDialog>\n        </div>\n    )\n}\n\nexport default BoardTitle"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ScrumBoard/components/ScrumBoardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrumBoardHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/ScrumBoardHeader.tsx"],"sourcesContent":["import Button from \"@/components/ui/Button\";\r\nimport UsersAvatarGroup from \"@/components/shared/UsersAvatarGroup\";\r\nimport { useScrumBoardStore } from \"../store/scrumBoardStore\";\r\nimport { TbUserPlus, TbSettings, TbPlus } from \"react-icons/tb\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport type { Member } from \"../types\";\r\n\r\nconst ScrumBoardHeader = ({\r\n  boardMembers = [],\r\n  sprintTitle = \"Sprint 2\",\r\n  projectTitle = \"Web App Project\",\r\n  showActions = true,\r\n  showAddMemberButton = true,\r\n  showSettingsButton = true,\r\n  showAddColumnButton = true,\r\n  showHeaderInfo = true,\r\n}: {\r\n  boardMembers: Member[];\r\n  sprintTitle?: string;\r\n  projectTitle?: string;\r\n  showActions?: boolean;\r\n  showAddMemberButton?: boolean;\r\n  showSettingsButton?: boolean;\r\n  showAddColumnButton?: boolean;\r\n  showHeaderInfo?: boolean;\r\n}) => {\r\n  const navigate = useNavigate();\r\n\r\n  const { updateDialogView, openDialog } = useScrumBoardStore();\r\n\r\n  const onAddMember = () => {\r\n    updateDialogView(\"ADD_MEMBER\");\r\n    openDialog();\r\n  };\r\n\r\n  const handleAddNewColumn = () => {\r\n    updateDialogView(\"NEW_COLUMN\");\r\n    openDialog();\r\n  };\r\n\r\n  return (\r\n    <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6\">\r\n      {showHeaderInfo && (\r\n        <div>\r\n          {sprintTitle && <h3>{sprintTitle}</h3>}\r\n          {projectTitle && <p className=\"font-semibold\">{projectTitle}</p>}\r\n        </div>\r\n      )}\r\n\r\n      {showActions && (\r\n        <div className=\"flex flex-col lg:flex-row justify-between lg:items-center gap-4\">\r\n          <div className=\"flex flex-col md:flex-row md:items-center gap-4\">\r\n            <UsersAvatarGroup\r\n              className=\"flex items-center\"\r\n              avatarProps={{ size: 35 }}\r\n              users={boardMembers}\r\n            />\r\n            <div className=\"flex items-center gap-2\">\r\n              {showAddMemberButton && (\r\n                <Button size=\"sm\" icon={<TbUserPlus />} onClick={onAddMember} />\r\n              )}\r\n              {showSettingsButton && (\r\n                <Button\r\n                  size=\"sm\"\r\n                  icon={<TbSettings />}\r\n                  onClick={() => navigate(\"/app/account/settings/profile\")}\r\n                />\r\n              )}\r\n              {showAddColumnButton && (\r\n                <Button\r\n                  size=\"sm\"\r\n                  icon={<TbPlus />}\r\n                  onClick={handleAddNewColumn}\r\n                >\r\n                  <span>New Board</span>\r\n                </Button>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ScrumBoardHeader;\r\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,mBAAmB,CAAC;AAAA,EACxB,eAAe,CAAA;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,iBAAiB;AACnB,MASM;AACJ,QAAM,WAAW,YAAA;AAEjB,QAAM,EAAE,kBAAkB,WAAA,IAAe,mBAAA;AAEzC,QAAM,cAAc,MAAM;AACxB,qBAAiB,YAAY;AAC7B,eAAA;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM;AAC/B,qBAAiB,YAAY;AAC7B,eAAA;AAAA,EACF;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,wEACZ,UAAA;AAAA,IAAA,uCACE,OAAA,EACE,UAAA;AAAA,MAAA,eAAe,oBAAC,QAAI,UAAA,YAAA,CAAY;AAAA,MAChC,gBAAgB,oBAAC,KAAA,EAAE,WAAU,iBAAiB,UAAA,aAAA,CAAa;AAAA,IAAA,GAC9D;AAAA,IAGD,mCACE,OAAA,EAAI,WAAU,mEACb,UAAA,qBAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,aAAa,EAAE,MAAM,GAAA;AAAA,UACrB,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAET,qBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,QAAA,uBACC,oBAAC,UAAO,MAAK,MAAK,MAAM,oBAAC,YAAA,CAAA,CAAW,GAAI,SAAS,YAAA,CAAa;AAAA,QAE/D,sBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,0BAAO,YAAA,EAAW;AAAA,YAClB,SAAS,MAAM,SAAS,+BAA+B;AAAA,UAAA;AAAA,QAAA;AAAA,QAG1D,uBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,0BAAO,QAAA,EAAO;AAAA,YACd,SAAS;AAAA,YAET,UAAA,oBAAC,UAAK,UAAA,YAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"ScrumBoardHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/ScrumBoardHeader.tsx"],"sourcesContent":["import Button from \"@/components/ui/Button\";\nimport UsersAvatarGroup from \"@/components/shared/UsersAvatarGroup\";\nimport { useScrumBoardStore } from \"../store/scrumBoardStore\";\nimport { TbUserPlus, TbSettings, TbPlus } from \"react-icons/tb\";\nimport { useNavigate } from \"react-router-dom\";\nimport type { Member } from \"../types\";\n\nconst ScrumBoardHeader = ({\n  boardMembers = [],\n  sprintTitle = \"Sprint 2\",\n  projectTitle = \"Web App Project\",\n  showActions = true,\n  showAddMemberButton = true,\n  showSettingsButton = true,\n  showAddColumnButton = true,\n  showHeaderInfo = true,\n}: {\n  boardMembers: Member[];\n  sprintTitle?: string;\n  projectTitle?: string;\n  showActions?: boolean;\n  showAddMemberButton?: boolean;\n  showSettingsButton?: boolean;\n  showAddColumnButton?: boolean;\n  showHeaderInfo?: boolean;\n}) => {\n  const navigate = useNavigate();\n\n  const { updateDialogView, openDialog } = useScrumBoardStore();\n\n  const onAddMember = () => {\n    updateDialogView(\"ADD_MEMBER\");\n    openDialog();\n  };\n\n  const handleAddNewColumn = () => {\n    updateDialogView(\"NEW_COLUMN\");\n    openDialog();\n  };\n\n  return (\n    <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6\">\n      {showHeaderInfo && (\n        <div>\n          {sprintTitle && <h3>{sprintTitle}</h3>}\n          {projectTitle && <p className=\"font-semibold\">{projectTitle}</p>}\n        </div>\n      )}\n\n      {showActions && (\n        <div className=\"flex flex-col lg:flex-row justify-between lg:items-center gap-4\">\n          <div className=\"flex flex-col md:flex-row md:items-center gap-4\">\n            <UsersAvatarGroup\n              className=\"flex items-center\"\n              avatarProps={{ size: 35 }}\n              users={boardMembers}\n            />\n            <div className=\"flex items-center gap-2\">\n              {showAddMemberButton && (\n                <Button size=\"sm\" icon={<TbUserPlus />} onClick={onAddMember} />\n              )}\n              {showSettingsButton && (\n                <Button\n                  size=\"sm\"\n                  icon={<TbSettings />}\n                  onClick={() => navigate(\"/app/account/settings/profile\")}\n                />\n              )}\n              {showAddColumnButton && (\n                <Button\n                  size=\"sm\"\n                  icon={<TbPlus />}\n                  onClick={handleAddNewColumn}\n                >\n                  <span>New Board</span>\n                </Button>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ScrumBoardHeader;\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,mBAAmB,CAAC;AAAA,EACxB,eAAe,CAAA;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,iBAAiB;AACnB,MASM;AACJ,QAAM,WAAW,YAAA;AAEjB,QAAM,EAAE,kBAAkB,WAAA,IAAe,mBAAA;AAEzC,QAAM,cAAc,MAAM;AACxB,qBAAiB,YAAY;AAC7B,eAAA;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM;AAC/B,qBAAiB,YAAY;AAC7B,eAAA;AAAA,EACF;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,wEACZ,UAAA;AAAA,IAAA,uCACE,OAAA,EACE,UAAA;AAAA,MAAA,eAAe,oBAAC,QAAI,UAAA,YAAA,CAAY;AAAA,MAChC,gBAAgB,oBAAC,KAAA,EAAE,WAAU,iBAAiB,UAAA,aAAA,CAAa;AAAA,IAAA,GAC9D;AAAA,IAGD,mCACE,OAAA,EAAI,WAAU,mEACb,UAAA,qBAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,aAAa,EAAE,MAAM,GAAA;AAAA,UACrB,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAET,qBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,QAAA,uBACC,oBAAC,UAAO,MAAK,MAAK,MAAM,oBAAC,YAAA,CAAA,CAAW,GAAI,SAAS,YAAA,CAAa;AAAA,QAE/D,sBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,0BAAO,YAAA,EAAW;AAAA,YAClB,SAAS,MAAM,SAAS,+BAA+B;AAAA,UAAA;AAAA,QAAA;AAAA,QAG1D,uBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,0BAAO,QAAA,EAAO;AAAA,YACd,SAAS;AAAA,YAET,UAAA,oBAAC,UAAK,UAAA,YAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/@ecme/views/concepts/projects/ScrumBoard/components/TicketContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TicketContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/TicketContent.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from \"react\";\r\nimport { useScrumBoardStore } from \"../store/scrumBoardStore\";\r\nimport Spinner from \"@/components/ui/Spinner\";\r\nimport Avatar from \"@/components/ui/Avatar\";\r\nimport Tooltip from \"@/components/ui/Tooltip\";\r\nimport Card from \"@/components/ui/Card\";\r\nimport Button from \"@/components/ui/Button\";\r\nimport Input from \"@/components/ui/Input\";\r\nimport Dropdown from \"@/components/ui/Dropdown\";\r\nimport CloseButton from \"@/components/ui/CloseButton\";\r\nimport Tag from \"@/components/ui/Tag\";\r\nimport Tabs from \"@/components/ui/Tabs\";\r\nimport Badge from \"@/components/ui/Badge\";\r\nimport ScrollBar from \"@/components/ui/ScrollBar\";\r\nimport NoMedia from \"@/assets/svg/NoMedia\";\r\nimport UsersAvatarGroup from \"@/components/shared/UsersAvatarGroup\";\r\nimport dayjs from \"dayjs\";\r\nimport cloneDeep from \"lodash/cloneDeep\";\r\nimport { TbPlus, TbDownload, TbTrash } from \"react-icons/tb\";\r\nimport isEmpty from \"lodash/isEmpty\";\r\nimport { createUID, taskLabelColors, labelList } from \"../utils\";\r\nimport { Ticket, Comment, Member } from \"../types\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\ninterface TransformedComment extends Omit<Comment, \"date\"> {\r\n  date: Date;\r\n}\r\n\r\nconst { TabNav, TabList, TabContent } = Tabs;\r\n\r\ntype TicketStatus = \"NOVO\" | \"CONCLUIDO\" | \"CANCELADO\";\r\ntype DialogTipo = \"transferir\" | \"aceitar\" | \"concluir\" | \"cancelar\";\r\n\r\nconst createCommentObject = (message: string): TransformedComment => {\r\n  return {\r\n    id: createUID(10),\r\n    name: \"Angelina Gotelli\",\r\n    src: \"/img/avatars/thumb-1.jpg\",\r\n    message: message,\r\n    date: new Date(),\r\n  };\r\n};\r\n\r\nconst AddMoreMember = () => {\r\n  return (\r\n    <Tooltip title=\"Add More\" wrapperClass=\"flex\">\r\n      <Button\r\n        icon={<TbPlus />}\r\n        customColorClass={() =>\r\n          \"border-2 border-dashed hover:ring-0 h-[30px] w-[30px] text-sm\"\r\n        }\r\n        size=\"sm\"\r\n        shape=\"circle\"\r\n      />\r\n    </Tooltip>\r\n  );\r\n};\r\n\r\ninterface TicketContentProps {\r\n  onTicketClose: () => void;\r\n  showAssignedTo?: boolean;\r\n  showLabels?: boolean;\r\n  showDueDate?: boolean;\r\n  showDescription?: boolean;\r\n  showUserInitiator?: boolean;\r\n  showUserResponder?: boolean;\r\n  showStatus?: boolean;\r\n  showActions?: boolean;\r\n  showActionsTicket?: boolean;\r\n  showCloseTicket?: boolean;\r\n  showChangeButton?: boolean;\r\n  descriptionTitle?: string;\r\n  dueDateTitle?: string;\r\n  userInitiatorTitle?: string;\r\n  userResponderTitle?: string;\r\n  statusTitle?: string;\r\n  onOpenDialog?: (tipo: DialogTipo, id: number) => void;\r\n  goView?: (id: number) => void;\r\n  columns: Record<string, Ticket[]>;\r\n  renderActions?: (ticket: Ticket) => React.ReactNode;\r\n}\r\n\r\nconst TicketContent = ({\r\n  onTicketClose,\r\n  showAssignedTo = true,\r\n  showLabels = true,\r\n  showDueDate = true,\r\n  showDescription = true,\r\n  showUserInitiator = true,\r\n  showUserResponder = true,\r\n  showStatus = true,\r\n  showActionsTicket = true,\r\n  showCloseTicket = true,\r\n  showChangeButton = true,\r\n  descriptionTitle = \"Descrição\",\r\n  dueDateTitle = \"Data\",\r\n  userInitiatorTitle = \"Participante 1\",\r\n  userResponderTitle = \"Participante 2\",\r\n  statusTitle = \"Status\",\r\n  onOpenDialog,\r\n  goView,\r\n  columns,\r\n  renderActions,\r\n}: TicketContentProps) => {\r\n  const navigate = useNavigate();\r\n  const { updateColumns, ticketId, boardMembers } = useScrumBoardStore();\r\n\r\n  const [ticketData, setTicketData] = useState<\r\n    Partial<Omit<Ticket, \"comments\"> & { comments: TransformedComment[] }>\r\n  >({});\r\n  const [loading, setLoading] = useState(false);\r\n\r\n  const commentInput = useRef<HTMLInputElement>(null);\r\n\r\n  const getTicketDetail = async () => {\r\n    setLoading(true);\r\n    let ticketDetail = {};\r\n    for (const key in columns) {\r\n      if (Object.hasOwnProperty.call(columns, key)) {\r\n        const board = columns[key];\r\n        const result = board.find((ticket) => ticket.id === ticketId);\r\n        if (result) {\r\n          ticketDetail = result;\r\n        }\r\n      }\r\n    }\r\n    setTicketData(ticketDetail);\r\n    setLoading(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isEmpty(ticketData)) {\r\n      getTicketDetail();\r\n    } else {\r\n      onUpdateColumn();\r\n    }\r\n  }, [ticketData, ticketData]);\r\n\r\n  const submitComment = () => {\r\n    if (commentInput.current) {\r\n      const message = commentInput.current.value;\r\n      const comment = createCommentObject(message);\r\n      const comments = cloneDeep(ticketData.comments);\r\n      comments?.push(comment);\r\n      setTicketData((prevState) => ({\r\n        ...prevState,\r\n        ...{ comments: comments },\r\n      }));\r\n      commentInput.current.value = \"\";\r\n    }\r\n  };\r\n\r\n  const handleTicketClose = () => {\r\n    onTicketClose?.();\r\n  };\r\n\r\n  const onUpdateColumn = () => {\r\n    const data = cloneDeep(columns);\r\n    for (const key in data) {\r\n      if (Object.hasOwnProperty.call(data, key)) {\r\n        const board = data[key];\r\n        board.forEach((ticket, index) => {\r\n          if (ticket.id === ticketId) {\r\n            data[key][index] = ticketData as Ticket;\r\n          }\r\n        });\r\n      }\r\n    }\r\n    updateColumns(data);\r\n  };\r\n\r\n  const onAddMemberClick = (id: string) => {\r\n    const newMember = boardMembers.find((member) => member.id === id);\r\n    const members = cloneDeep(ticketData.members);\r\n    members?.push(newMember as Member);\r\n    setTicketData((prevState) => ({\r\n      ...prevState,\r\n      ...{ members: members },\r\n    }));\r\n  };\r\n\r\n  const onAddLabelClick = (label: string) => {\r\n    const labels = cloneDeep(ticketData.labels);\r\n    labels?.push(label);\r\n    setTicketData((prevState) => ({ ...prevState, ...{ labels: labels } }));\r\n  };\r\n\r\n  const statusColors: Record<TicketStatus, string> = {\r\n    NOVO: \"dark:bg-green-200 dark:text-gray-900\",\r\n    CONCLUIDO: \"dark:bg-green-200 dark:text-gray-900\",\r\n    CANCELADO: \"bg-rose-200 dark:bg-rose-200 dark:text-gray-900\",\r\n  };\r\n\r\n  const handleNavigate = (path: string) => {\r\n    navigate(path);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {loading ? (\r\n        <div className=\"flex justify-center items-center min-h-[300px]\">\r\n          <Spinner size={40} />\r\n        </div>\r\n      ) : (\r\n        <>\r\n          <div className=\"flex gap-2 mb-10\">\r\n            <div className=\"w-full\">\r\n              <div className=\"flex justify-between\">\r\n                <h4>{ticketData.name}</h4>\r\n                <div>\r\n                  <CloseButton onClick={handleTicketClose} />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <ScrollBar className=\"max-h-[700px] overflow-y-auto\">\r\n            <div className=\"flex flex-col gap-6\">\r\n              {showAssignedTo && (\r\n                <div className=\"flex items-center min-h-[30px]\">\r\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\r\n                    Assigned to:\r\n                  </div>\r\n                  <div className=\"flex items-center gap-1\">\r\n                    <UsersAvatarGroup\r\n                      className=\"gap-1\"\r\n                      avatarProps={{\r\n                        className: \"cursor-pointer\",\r\n                      }}\r\n                      avatarGroupProps={{ maxCount: 4 }}\r\n                      chained={false}\r\n                      users={ticketData.members}\r\n                    />\r\n                    {boardMembers.length !== ticketData.members?.length && (\r\n                      <Dropdown renderTitle={<AddMoreMember />}>\r\n                        {boardMembers.map(\r\n                          (member) =>\r\n                            !ticketData.members?.some(\r\n                              (m) => m.id === member.id\r\n                            ) && (\r\n                              <Dropdown.Item\r\n                                key={member.name}\r\n                                eventKey={member.id}\r\n                                onSelect={onAddMemberClick}\r\n                              >\r\n                                <div className=\"flex items-center justify-between\">\r\n                                  <div className=\"flex items-center\">\r\n                                    <Avatar\r\n                                      shape=\"circle\"\r\n                                      size={22}\r\n                                      src={member.img}\r\n                                    />\r\n                                    <span className=\"ml-2 rtl:mr-2\">\r\n                                      {member.name}\r\n                                    </span>\r\n                                  </div>\r\n                                </div>\r\n                              </Dropdown.Item>\r\n                            )\r\n                        )}\r\n                      </Dropdown>\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {showLabels && (\r\n                <div className=\"flex items-center min-h-[30px]\">\r\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\r\n                    Label:\r\n                  </div>\r\n                  <div className=\"flex items-center gap-1\">\r\n                    {ticketData.labels?.map((label) => (\r\n                      <Tag key={label} className={taskLabelColors[label]}>\r\n                        {label}\r\n                      </Tag>\r\n                    ))}\r\n                    <Dropdown\r\n                      renderTitle={\r\n                        <Tag\r\n                          className=\"border-dashed cursor-pointer border-2 bg-transparent dark:bg-transparent border-gray-300 dark:border-gray-500 hover:border-primary hover:text-primary\"\r\n                          prefix={<TbPlus />}\r\n                        >\r\n                          Add Label\r\n                        </Tag>\r\n                      }\r\n                      placement=\"bottom-end\"\r\n                    >\r\n                      {labelList.map(\r\n                        (label) =>\r\n                          !ticketData.labels?.includes(label) && (\r\n                            <Dropdown.Item\r\n                              key={label}\r\n                              eventKey={label}\r\n                              onSelect={onAddLabelClick}\r\n                            >\r\n                              <div className=\"flex items-center\">\r\n                                <Badge\r\n                                  innerClass={`${taskLabelColors[label]}`}\r\n                                />\r\n                                <span className=\"ml-2 rtl:mr-2\">{label}</span>\r\n                              </div>\r\n                            </Dropdown.Item>\r\n                          )\r\n                      )}\r\n                    </Dropdown>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {showUserInitiator && (\r\n                <div className=\"flex items-center min-h-[30px]\">\r\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\r\n                    {userInitiatorTitle}\r\n                  </div>\r\n                  <span className=\"font-semibold\">\r\n                    {ticketData.userInitiator}\r\n                  </span>\r\n                </div>\r\n              )}\r\n              {showUserResponder && (\r\n                <div className=\"flex items-center min-h-[30px]\">\r\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\r\n                    {userResponderTitle}\r\n                  </div>\r\n                  <span className=\"font-semibold\">\r\n                    {ticketData.userResponder}\r\n                  </span>\r\n                </div>\r\n              )}\r\n              {showDueDate && (\r\n                <div className=\"flex items-center min-h-[30px]\">\r\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\r\n                    {dueDateTitle}\r\n                  </div>\r\n                  <span className=\"font-semibold\">{ticketData.dueDate}</span>\r\n                </div>\r\n              )}\r\n              {showDescription && (\r\n                <div className=\"flex\">\r\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\r\n                    {descriptionTitle}\r\n                  </div>\r\n                  <div className=\"flex\">\r\n                    <p>{ticketData.description}</p>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {showStatus && (\r\n                <div className=\"flex\">\r\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\r\n                    {statusTitle}\r\n                  </div>\r\n                  <div className=\"flex\">\r\n                    <Tag\r\n                      className={`${statusColors?.[ticketData.status as TicketStatus] ?? \"default-color\"}`}\r\n                    >\r\n                      {ticketData.status}\r\n                    </Tag>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n            {ticketData.attachments && ticketData.attachments.length > 0 && (\r\n              <Tabs className=\"mt-6\" defaultValue=\"comments\">\r\n                <TabList>\r\n                  <TabNav value=\"comments\">Comments</TabNav>\r\n                  <TabNav value=\"attachments\">Attachments</TabNav>\r\n                </TabList>\r\n                <div className=\"p-4\">\r\n                  <TabContent value=\"comments\">\r\n                    <div className=\"w-full\">\r\n                      {ticketData.comments &&\r\n                        ticketData?.comments?.length > 0 && (\r\n                          <>\r\n                            {ticketData.comments.map((comment) => (\r\n                              <div key={comment.id} className=\"mb-3 flex\">\r\n                                <div className=\"mt-2\">\r\n                                  <Avatar shape=\"circle\" src={comment.src} />\r\n                                </div>\r\n                                <div className=\"ml-2 rtl:mr-2 p-3 rounded w-100\">\r\n                                  <div className=\"flex items-center mb-2\">\r\n                                    <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\r\n                                      {comment.name}\r\n                                    </span>\r\n                                    <span className=\"mx-1\"> | </span>\r\n                                    <span>\r\n                                      {dayjs(comment.date).format(\r\n                                        \"DD MMMM YYYY\"\r\n                                      )}\r\n                                    </span>\r\n                                  </div>\r\n                                  <p className=\"mb-0\">{comment.message}</p>\r\n                                </div>\r\n                              </div>\r\n                            ))}\r\n                          </>\r\n                        )}\r\n                      <div className=\"mb-3 flex gap-2\">\r\n                        <Avatar shape=\"circle\" src=\"/img/avatars/thumb-1.jpg\" />\r\n                        <div className=\"w-full relative\">\r\n                          <Input\r\n                            ref={commentInput}\r\n                            textArea\r\n                            placeholder=\"Write comment\"\r\n                          />\r\n                          <div className=\"absolute bottom-4 right-4\">\r\n                            <div\r\n                              className=\"cursor-pointer font-semibold text-primary \"\r\n                              onClick={() => submitComment()}\r\n                            >\r\n                              Send\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </TabContent>\r\n                  <TabContent value=\"attachments\">\r\n                    {ticketData.attachments &&\r\n                    ticketData?.attachments?.length > 0 ? (\r\n                      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-2\">\r\n                        {ticketData.attachments.map((file) => (\r\n                          <Card\r\n                            key={file.id}\r\n                            bodyClass=\"px-3 pt-3 pb-1\"\r\n                            className=\"bg-gray-100 dark:bg-gray-700 shadow-none\"\r\n                            bordered={false}\r\n                          >\r\n                            <img\r\n                              className=\"max-w-full rounded-lg\"\r\n                              alt={file.name}\r\n                              src={file.src}\r\n                            />\r\n                            <div className=\"mt-1 flex justify-between items-center\">\r\n                              <div>\r\n                                <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\r\n                                  {file.name}\r\n                                </div>\r\n                                <span className=\"text-xs\">{file.size}</span>\r\n                              </div>\r\n                              <div className=\"flex items-center\">\r\n                                <Tooltip title=\"Download\">\r\n                                  <Button\r\n                                    variant=\"plain\"\r\n                                    size=\"xs\"\r\n                                    icon={<TbDownload />}\r\n                                  />\r\n                                </Tooltip>\r\n                                <Tooltip title=\"Delete\">\r\n                                  <Button\r\n                                    variant=\"plain\"\r\n                                    size=\"xs\"\r\n                                    icon={<TbTrash />}\r\n                                  />\r\n                                </Tooltip>\r\n                              </div>\r\n                            </div>\r\n                          </Card>\r\n                        ))}\r\n                      </div>\r\n                    ) : (\r\n                      <div className=\"flex flex-col gap-2 items-center justify-center\">\r\n                        <NoMedia height={150} width={150} />\r\n                        <p className=\"font-semibold\">No attachments</p>\r\n                      </div>\r\n                    )}\r\n                  </TabContent>\r\n                </div>\r\n              </Tabs>\r\n            )}\r\n          </ScrollBar>\r\n          {showActionsTicket && (\r\n            <div className=\"text-left mt-4\">\r\n              {showCloseTicket && (\r\n                <div className=\"inline-flex items-center\">\r\n                  <Button\r\n                    className=\"mr-2 rtl:ml-2\"\r\n                    size=\"sm\"\r\n                    variant=\"plain\"\r\n                    onClick={() => handleTicketClose()}\r\n                  >\r\n                    Cancel\r\n                  </Button>\r\n                </div>\r\n              )}\r\n              {showChangeButton && (\r\n                <Button\r\n                  variant=\"solid\"\r\n                  size=\"sm\"\r\n                  onClick={() => handleTicketClose()}\r\n                >\r\n                  Change\r\n                </Button>\r\n              )}\r\n              {renderActions ? renderActions(ticketData as Ticket) : null}\r\n            </div>\r\n          )}\r\n        </>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default TicketContent;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TicketContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/TicketContent.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from \"react\";\nimport { useScrumBoardStore } from \"../store/scrumBoardStore\";\nimport Spinner from \"@/components/ui/Spinner\";\nimport Avatar from \"@/components/ui/Avatar\";\nimport Tooltip from \"@/components/ui/Tooltip\";\nimport Card from \"@/components/ui/Card\";\nimport Button from \"@/components/ui/Button\";\nimport Input from \"@/components/ui/Input\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport CloseButton from \"@/components/ui/CloseButton\";\nimport Tag from \"@/components/ui/Tag\";\nimport Tabs from \"@/components/ui/Tabs\";\nimport Badge from \"@/components/ui/Badge\";\nimport ScrollBar from \"@/components/ui/ScrollBar\";\nimport NoMedia from \"@/assets/svg/NoMedia\";\nimport UsersAvatarGroup from \"@/components/shared/UsersAvatarGroup\";\nimport dayjs from \"dayjs\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { TbPlus, TbDownload, TbTrash } from \"react-icons/tb\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { createUID, taskLabelColors, labelList } from \"../utils\";\nimport { Ticket, Comment, Member } from \"../types\";\nimport { useNavigate } from \"react-router-dom\";\n\ninterface TransformedComment extends Omit<Comment, \"date\"> {\n  date: Date;\n}\n\nconst { TabNav, TabList, TabContent } = Tabs;\n\ntype TicketStatus = \"NOVO\" | \"CONCLUIDO\" | \"CANCELADO\";\ntype DialogTipo = \"transferir\" | \"aceitar\" | \"concluir\" | \"cancelar\";\n\nconst createCommentObject = (message: string): TransformedComment => {\n  return {\n    id: createUID(10),\n    name: \"Angelina Gotelli\",\n    src: \"/img/avatars/thumb-1.jpg\",\n    message: message,\n    date: new Date(),\n  };\n};\n\nconst AddMoreMember = () => {\n  return (\n    <Tooltip title=\"Add More\" wrapperClass=\"flex\">\n      <Button\n        icon={<TbPlus />}\n        customColorClass={() =>\n          \"border-2 border-dashed hover:ring-0 h-[30px] w-[30px] text-sm\"\n        }\n        size=\"sm\"\n        shape=\"circle\"\n      />\n    </Tooltip>\n  );\n};\n\ninterface TicketContentProps {\n  onTicketClose: () => void;\n  showAssignedTo?: boolean;\n  showLabels?: boolean;\n  showDueDate?: boolean;\n  showDescription?: boolean;\n  showUserInitiator?: boolean;\n  showUserResponder?: boolean;\n  showStatus?: boolean;\n  showActions?: boolean;\n  showActionsTicket?: boolean;\n  showCloseTicket?: boolean;\n  showChangeButton?: boolean;\n  descriptionTitle?: string;\n  dueDateTitle?: string;\n  userInitiatorTitle?: string;\n  userResponderTitle?: string;\n  statusTitle?: string;\n  onOpenDialog?: (tipo: DialogTipo, id: number) => void;\n  goView?: (id: number) => void;\n  columns: Record<string, Ticket[]>;\n  renderActions?: (ticket: Ticket) => React.ReactNode;\n}\n\nconst TicketContent = ({\n  onTicketClose,\n  showAssignedTo = true,\n  showLabels = true,\n  showDueDate = true,\n  showDescription = true,\n  showUserInitiator = true,\n  showUserResponder = true,\n  showStatus = true,\n  showActionsTicket = true,\n  showCloseTicket = true,\n  showChangeButton = true,\n  descriptionTitle = \"Descrição\",\n  dueDateTitle = \"Data\",\n  userInitiatorTitle = \"Participante 1\",\n  userResponderTitle = \"Participante 2\",\n  statusTitle = \"Status\",\n  onOpenDialog,\n  goView,\n  columns,\n  renderActions,\n}: TicketContentProps) => {\n  const navigate = useNavigate();\n  const { updateColumns, ticketId, boardMembers } = useScrumBoardStore();\n\n  const [ticketData, setTicketData] = useState<\n    Partial<Omit<Ticket, \"comments\"> & { comments: TransformedComment[] }>\n  >({});\n  const [loading, setLoading] = useState(false);\n\n  const commentInput = useRef<HTMLInputElement>(null);\n\n  const getTicketDetail = async () => {\n    setLoading(true);\n    let ticketDetail = {};\n    for (const key in columns) {\n      if (Object.hasOwnProperty.call(columns, key)) {\n        const board = columns[key];\n        const result = board.find((ticket) => ticket.id === ticketId);\n        if (result) {\n          ticketDetail = result;\n        }\n      }\n    }\n    setTicketData(ticketDetail);\n    setLoading(false);\n  };\n\n  useEffect(() => {\n    if (isEmpty(ticketData)) {\n      getTicketDetail();\n    } else {\n      onUpdateColumn();\n    }\n  }, [ticketData, ticketData]);\n\n  const submitComment = () => {\n    if (commentInput.current) {\n      const message = commentInput.current.value;\n      const comment = createCommentObject(message);\n      const comments = cloneDeep(ticketData.comments);\n      comments?.push(comment);\n      setTicketData((prevState) => ({\n        ...prevState,\n        ...{ comments: comments },\n      }));\n      commentInput.current.value = \"\";\n    }\n  };\n\n  const handleTicketClose = () => {\n    onTicketClose?.();\n  };\n\n  const onUpdateColumn = () => {\n    const data = cloneDeep(columns);\n    for (const key in data) {\n      if (Object.hasOwnProperty.call(data, key)) {\n        const board = data[key];\n        board.forEach((ticket, index) => {\n          if (ticket.id === ticketId) {\n            data[key][index] = ticketData as Ticket;\n          }\n        });\n      }\n    }\n    updateColumns(data);\n  };\n\n  const onAddMemberClick = (id: string) => {\n    const newMember = boardMembers.find((member) => member.id === id);\n    const members = cloneDeep(ticketData.members);\n    members?.push(newMember as Member);\n    setTicketData((prevState) => ({\n      ...prevState,\n      ...{ members: members },\n    }));\n  };\n\n  const onAddLabelClick = (label: string) => {\n    const labels = cloneDeep(ticketData.labels);\n    labels?.push(label);\n    setTicketData((prevState) => ({ ...prevState, ...{ labels: labels } }));\n  };\n\n  const statusColors: Record<TicketStatus, string> = {\n    NOVO: \"dark:bg-green-200 dark:text-gray-900\",\n    CONCLUIDO: \"dark:bg-green-200 dark:text-gray-900\",\n    CANCELADO: \"bg-rose-200 dark:bg-rose-200 dark:text-gray-900\",\n  };\n\n  const handleNavigate = (path: string) => {\n    navigate(path);\n  };\n\n  return (\n    <>\n      {loading ? (\n        <div className=\"flex justify-center items-center min-h-[300px]\">\n          <Spinner size={40} />\n        </div>\n      ) : (\n        <>\n          <div className=\"flex gap-2 mb-10\">\n            <div className=\"w-full\">\n              <div className=\"flex justify-between\">\n                <h4>{ticketData.name}</h4>\n                <div>\n                  <CloseButton onClick={handleTicketClose} />\n                </div>\n              </div>\n            </div>\n          </div>\n          <ScrollBar className=\"max-h-[700px] overflow-y-auto\">\n            <div className=\"flex flex-col gap-6\">\n              {showAssignedTo && (\n                <div className=\"flex items-center min-h-[30px]\">\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\n                    Assigned to:\n                  </div>\n                  <div className=\"flex items-center gap-1\">\n                    <UsersAvatarGroup\n                      className=\"gap-1\"\n                      avatarProps={{\n                        className: \"cursor-pointer\",\n                      }}\n                      avatarGroupProps={{ maxCount: 4 }}\n                      chained={false}\n                      users={ticketData.members}\n                    />\n                    {boardMembers.length !== ticketData.members?.length && (\n                      <Dropdown renderTitle={<AddMoreMember />}>\n                        {boardMembers.map(\n                          (member) =>\n                            !ticketData.members?.some(\n                              (m) => m.id === member.id\n                            ) && (\n                              <Dropdown.Item\n                                key={member.name}\n                                eventKey={member.id}\n                                onSelect={onAddMemberClick}\n                              >\n                                <div className=\"flex items-center justify-between\">\n                                  <div className=\"flex items-center\">\n                                    <Avatar\n                                      shape=\"circle\"\n                                      size={22}\n                                      src={member.img}\n                                    />\n                                    <span className=\"ml-2 rtl:mr-2\">\n                                      {member.name}\n                                    </span>\n                                  </div>\n                                </div>\n                              </Dropdown.Item>\n                            )\n                        )}\n                      </Dropdown>\n                    )}\n                  </div>\n                </div>\n              )}\n              {showLabels && (\n                <div className=\"flex items-center min-h-[30px]\">\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\n                    Label:\n                  </div>\n                  <div className=\"flex items-center gap-1\">\n                    {ticketData.labels?.map((label) => (\n                      <Tag key={label} className={taskLabelColors[label]}>\n                        {label}\n                      </Tag>\n                    ))}\n                    <Dropdown\n                      renderTitle={\n                        <Tag\n                          className=\"border-dashed cursor-pointer border-2 bg-transparent dark:bg-transparent border-gray-300 dark:border-gray-500 hover:border-primary hover:text-primary\"\n                          prefix={<TbPlus />}\n                        >\n                          Add Label\n                        </Tag>\n                      }\n                      placement=\"bottom-end\"\n                    >\n                      {labelList.map(\n                        (label) =>\n                          !ticketData.labels?.includes(label) && (\n                            <Dropdown.Item\n                              key={label}\n                              eventKey={label}\n                              onSelect={onAddLabelClick}\n                            >\n                              <div className=\"flex items-center\">\n                                <Badge\n                                  innerClass={`${taskLabelColors[label]}`}\n                                />\n                                <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                              </div>\n                            </Dropdown.Item>\n                          )\n                      )}\n                    </Dropdown>\n                  </div>\n                </div>\n              )}\n              {showUserInitiator && (\n                <div className=\"flex items-center min-h-[30px]\">\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\n                    {userInitiatorTitle}\n                  </div>\n                  <span className=\"font-semibold\">\n                    {ticketData.userInitiator}\n                  </span>\n                </div>\n              )}\n              {showUserResponder && (\n                <div className=\"flex items-center min-h-[30px]\">\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\n                    {userResponderTitle}\n                  </div>\n                  <span className=\"font-semibold\">\n                    {ticketData.userResponder}\n                  </span>\n                </div>\n              )}\n              {showDueDate && (\n                <div className=\"flex items-center min-h-[30px]\">\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\n                    {dueDateTitle}\n                  </div>\n                  <span className=\"font-semibold\">{ticketData.dueDate}</span>\n                </div>\n              )}\n              {showDescription && (\n                <div className=\"flex\">\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\n                    {descriptionTitle}\n                  </div>\n                  <div className=\"flex\">\n                    <p>{ticketData.description}</p>\n                  </div>\n                </div>\n              )}\n              {showStatus && (\n                <div className=\"flex\">\n                  <div className=\"font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\n                    {statusTitle}\n                  </div>\n                  <div className=\"flex\">\n                    <Tag\n                      className={`${statusColors?.[ticketData.status as TicketStatus] ?? \"default-color\"}`}\n                    >\n                      {ticketData.status}\n                    </Tag>\n                  </div>\n                </div>\n              )}\n            </div>\n            {ticketData.attachments && ticketData.attachments.length > 0 && (\n              <Tabs className=\"mt-6\" defaultValue=\"comments\">\n                <TabList>\n                  <TabNav value=\"comments\">Comments</TabNav>\n                  <TabNav value=\"attachments\">Attachments</TabNav>\n                </TabList>\n                <div className=\"p-4\">\n                  <TabContent value=\"comments\">\n                    <div className=\"w-full\">\n                      {ticketData.comments &&\n                        ticketData?.comments?.length > 0 && (\n                          <>\n                            {ticketData.comments.map((comment) => (\n                              <div key={comment.id} className=\"mb-3 flex\">\n                                <div className=\"mt-2\">\n                                  <Avatar shape=\"circle\" src={comment.src} />\n                                </div>\n                                <div className=\"ml-2 rtl:mr-2 p-3 rounded w-100\">\n                                  <div className=\"flex items-center mb-2\">\n                                    <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                      {comment.name}\n                                    </span>\n                                    <span className=\"mx-1\"> | </span>\n                                    <span>\n                                      {dayjs(comment.date).format(\n                                        \"DD MMMM YYYY\"\n                                      )}\n                                    </span>\n                                  </div>\n                                  <p className=\"mb-0\">{comment.message}</p>\n                                </div>\n                              </div>\n                            ))}\n                          </>\n                        )}\n                      <div className=\"mb-3 flex gap-2\">\n                        <Avatar shape=\"circle\" src=\"/img/avatars/thumb-1.jpg\" />\n                        <div className=\"w-full relative\">\n                          <Input\n                            ref={commentInput}\n                            textArea\n                            placeholder=\"Write comment\"\n                          />\n                          <div className=\"absolute bottom-4 right-4\">\n                            <div\n                              className=\"cursor-pointer font-semibold text-primary \"\n                              onClick={() => submitComment()}\n                            >\n                              Send\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </TabContent>\n                  <TabContent value=\"attachments\">\n                    {ticketData.attachments &&\n                    ticketData?.attachments?.length > 0 ? (\n                      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-2\">\n                        {ticketData.attachments.map((file) => (\n                          <Card\n                            key={file.id}\n                            bodyClass=\"px-3 pt-3 pb-1\"\n                            className=\"bg-gray-100 dark:bg-gray-700 shadow-none\"\n                            bordered={false}\n                          >\n                            <img\n                              className=\"max-w-full rounded-lg\"\n                              alt={file.name}\n                              src={file.src}\n                            />\n                            <div className=\"mt-1 flex justify-between items-center\">\n                              <div>\n                                <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                  {file.name}\n                                </div>\n                                <span className=\"text-xs\">{file.size}</span>\n                              </div>\n                              <div className=\"flex items-center\">\n                                <Tooltip title=\"Download\">\n                                  <Button\n                                    variant=\"plain\"\n                                    size=\"xs\"\n                                    icon={<TbDownload />}\n                                  />\n                                </Tooltip>\n                                <Tooltip title=\"Delete\">\n                                  <Button\n                                    variant=\"plain\"\n                                    size=\"xs\"\n                                    icon={<TbTrash />}\n                                  />\n                                </Tooltip>\n                              </div>\n                            </div>\n                          </Card>\n                        ))}\n                      </div>\n                    ) : (\n                      <div className=\"flex flex-col gap-2 items-center justify-center\">\n                        <NoMedia height={150} width={150} />\n                        <p className=\"font-semibold\">No attachments</p>\n                      </div>\n                    )}\n                  </TabContent>\n                </div>\n              </Tabs>\n            )}\n          </ScrollBar>\n          {showActionsTicket && (\n            <div className=\"text-left mt-4\">\n              {showCloseTicket && (\n                <div className=\"inline-flex items-center\">\n                  <Button\n                    className=\"mr-2 rtl:ml-2\"\n                    size=\"sm\"\n                    variant=\"plain\"\n                    onClick={() => handleTicketClose()}\n                  >\n                    Cancel\n                  </Button>\n                </div>\n              )}\n              {showChangeButton && (\n                <Button\n                  variant=\"solid\"\n                  size=\"sm\"\n                  onClick={() => handleTicketClose()}\n                >\n                  Change\n                </Button>\n              )}\n              {renderActions ? renderActions(ticketData as Ticket) : null}\n            </div>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default TicketContent;\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ScrumBoard/store/scrumBoardStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrumBoardStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/store/scrumBoardStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { Members, Columns } from '../types'\r\n\r\ntype View = 'NEW_COLUMN' | 'TICKET' | 'ADD_MEMBER' | 'NEW_TICKET' | ''\r\n\r\nexport type ScrumBoardState = {\r\n    columns: Columns\r\n    ordered: string[]\r\n    boardMembers: Members\r\n    allMembers: Members\r\n    dialogOpen: boolean\r\n    dialogView: View\r\n    ticketId: string\r\n    board: string\r\n}\r\n\r\ntype ScrumBoardAction = {\r\n    updateOrdered: (payload: string[]) => void\r\n    updateColumns: (payload: Columns) => void\r\n    updateBoardMembers: (payload: Members) => void\r\n    updateAllMembers: (payload: Members) => void\r\n    openDialog: () => void\r\n    closeDialog: () => void\r\n    resetView: () => void\r\n    updateDialogView: (payload: View) => void\r\n    setSelectedTicketId: (payload: string) => void\r\n    setSelectedBoard: (payload: string) => void\r\n}\r\n\r\nconst initialState: ScrumBoardState = {\r\n    columns: {},\r\n    ordered: [],\r\n    boardMembers: [],\r\n    allMembers: [],\r\n    dialogOpen: false,\r\n    dialogView: '',\r\n    ticketId: '',\r\n    board: '',\r\n}\r\n\r\nexport const useScrumBoardStore = create<ScrumBoardState & ScrumBoardAction>(\r\n    (set) => ({\r\n        ...initialState,\r\n        updateOrdered: (payload) =>\r\n            set(() => {\r\n                return { ordered: payload }\r\n            }),\r\n        updateColumns: (payload) => set(() => ({ columns: payload })),\r\n        updateBoardMembers: (payload) => set(() => ({ boardMembers: payload })),\r\n        updateAllMembers: (payload) => set(() => ({ allMembers: payload })),\r\n        openDialog: () => set({ dialogOpen: true }),\r\n        closeDialog: () =>\r\n            set({\r\n                dialogOpen: false,\r\n            }),\r\n        resetView: () =>\r\n            set({\r\n                ticketId: '',\r\n                board: '',\r\n                dialogView: '',\r\n            }),\r\n        updateDialogView: (payload) => set(() => ({ dialogView: payload })),\r\n        setSelectedTicketId: (payload) => set(() => ({ ticketId: payload })),\r\n        setSelectedBoard: (payload) => set(() => ({ board: payload })),\r\n    }),\r\n)\r\n"],"names":[],"mappings":";AA6BA,MAAM,eAAgC;AAAA,EAClC,SAAS,CAAA;AAAA,EACT,SAAS,CAAA;AAAA,EACT,cAAc,CAAA;AAAA,EACd,YAAY,CAAA;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,OAAO;AACX;AAEO,MAAM,qBAAqB;AAAA,EAC9B,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,eAAe,CAAC,YACZ,IAAI,MAAM;AACN,aAAO,EAAE,SAAS,QAAA;AAAA,IACtB,CAAC;AAAA,IACL,eAAe,CAAC,YAAY,IAAI,OAAO,EAAE,SAAS,UAAU;AAAA,IAC5D,oBAAoB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,IACtE,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,IAClE,YAAY,MAAM,IAAI,EAAE,YAAY,MAAM;AAAA,IAC1C,aAAa,MACT,IAAI;AAAA,MACA,YAAY;AAAA,IAAA,CACf;AAAA,IACL,WAAW,MACP,IAAI;AAAA,MACA,UAAU;AAAA,MACV,OAAO;AAAA,MACP,YAAY;AAAA,IAAA,CACf;AAAA,IACL,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,IAClE,qBAAqB,CAAC,YAAY,IAAI,OAAO,EAAE,UAAU,UAAU;AAAA,IACnE,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,OAAO,UAAU;AAAA,EAAA;AAErE;"}
+{"version":3,"file":"scrumBoardStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/store/scrumBoardStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { Members, Columns } from '../types'\n\ntype View = 'NEW_COLUMN' | 'TICKET' | 'ADD_MEMBER' | 'NEW_TICKET' | ''\n\nexport type ScrumBoardState = {\n    columns: Columns\n    ordered: string[]\n    boardMembers: Members\n    allMembers: Members\n    dialogOpen: boolean\n    dialogView: View\n    ticketId: string\n    board: string\n}\n\ntype ScrumBoardAction = {\n    updateOrdered: (payload: string[]) => void\n    updateColumns: (payload: Columns) => void\n    updateBoardMembers: (payload: Members) => void\n    updateAllMembers: (payload: Members) => void\n    openDialog: () => void\n    closeDialog: () => void\n    resetView: () => void\n    updateDialogView: (payload: View) => void\n    setSelectedTicketId: (payload: string) => void\n    setSelectedBoard: (payload: string) => void\n}\n\nconst initialState: ScrumBoardState = {\n    columns: {},\n    ordered: [],\n    boardMembers: [],\n    allMembers: [],\n    dialogOpen: false,\n    dialogView: '',\n    ticketId: '',\n    board: '',\n}\n\nexport const useScrumBoardStore = create<ScrumBoardState & ScrumBoardAction>(\n    (set) => ({\n        ...initialState,\n        updateOrdered: (payload) =>\n            set(() => {\n                return { ordered: payload }\n            }),\n        updateColumns: (payload) => set(() => ({ columns: payload })),\n        updateBoardMembers: (payload) => set(() => ({ boardMembers: payload })),\n        updateAllMembers: (payload) => set(() => ({ allMembers: payload })),\n        openDialog: () => set({ dialogOpen: true }),\n        closeDialog: () =>\n            set({\n                dialogOpen: false,\n            }),\n        resetView: () =>\n            set({\n                ticketId: '',\n                board: '',\n                dialogView: '',\n            }),\n        updateDialogView: (payload) => set(() => ({ dialogView: payload })),\n        setSelectedTicketId: (payload) => set(() => ({ ticketId: payload })),\n        setSelectedBoard: (payload) => set(() => ({ board: payload })),\n    }),\n)\n"],"names":[],"mappings":";AA6BA,MAAM,eAAgC;AAAA,EAClC,SAAS,CAAA;AAAA,EACT,SAAS,CAAA;AAAA,EACT,cAAc,CAAA;AAAA,EACd,YAAY,CAAA;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,OAAO;AACX;AAEO,MAAM,qBAAqB;AAAA,EAC9B,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,eAAe,CAAC,YACZ,IAAI,MAAM;AACN,aAAO,EAAE,SAAS,QAAA;AAAA,IACtB,CAAC;AAAA,IACL,eAAe,CAAC,YAAY,IAAI,OAAO,EAAE,SAAS,UAAU;AAAA,IAC5D,oBAAoB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,IACtE,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,IAClE,YAAY,MAAM,IAAI,EAAE,YAAY,MAAM;AAAA,IAC1C,aAAa,MACT,IAAI;AAAA,MACA,YAAY;AAAA,IAAA,CACf;AAAA,IACL,WAAW,MACP,IAAI;AAAA,MACA,UAAU;AAAA,MACV,OAAO;AAAA,MACP,YAAY;AAAA,IAAA,CACf;AAAA,IACL,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,IAClE,qBAAqB,CAAC,YAAY,IAAI,OAAO,EAAE,UAAU,UAAU;AAAA,IACnE,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,OAAO,UAAU;AAAA,EAAA;AAErE;"}

package/dist/@ecme/views/concepts/projects/ScrumBoard/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/utils.ts"],"sourcesContent":["import type { Ticket } from './types'\r\n\r\nexport const createUID = (len: number) => {\r\n    const buf: string[] = [],\r\n        chars =\r\n            'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789',\r\n        charlen = chars.length,\r\n        length = len || 32\r\n\r\n    for (let i = 0; i < length; i++) {\r\n        buf[i] = chars.charAt(Math.floor(Math.random() * charlen))\r\n    }\r\n    return buf.join('')\r\n}\r\n\r\nexport const createCardObject = (): Ticket => {\r\n    return {\r\n        id: createUID(10),\r\n        name: 'Untitled Card',\r\n        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\r\n        cover: '',\r\n        members: [],\r\n        labels: ['Task'],\r\n        attachments: [],\r\n        comments: [],\r\n        dueDate: null,\r\n    }\r\n}\r\n\r\nexport const taskLabelColors: Record<string, string> = {\r\n    'Live issue': 'bg-rose-200 dark:bg-rose-200 dark:text-gray-900',\r\n    Task: 'bg-blue-200 dark:bg-blue-200 dark:text-gray-900',\r\n    Bug: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\r\n    'Low priority': 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\r\n}\r\n\r\nexport const labelList = ['Task', 'Bug', 'Live issue', 'Low priority']\r\n"],"names":[],"mappings":"AAEO,MAAM,YAAY,CAAC,QAAgB;AACtC,QAAM,MAAgB,IAClB,QACI,kEACJ,UAAU,MAAM,QAChB,SAAS,OAAO;AAEpB,WAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC7B,QAAI,CAAC,IAAI,MAAM,OAAO,KAAK,MAAM,KAAK,WAAW,OAAO,CAAC;AAAA,EAC7D;AACA,SAAO,IAAI,KAAK,EAAE;AACtB;AAEO,MAAM,mBAAmB,MAAc;AAC1C,SAAO;AAAA,IACH,IAAI,UAAU,EAAE;AAAA,IAChB,MAAM;AAAA,IACN,aAAa;AAAA,IACb,OAAO;AAAA,IACP,SAAS,CAAA;AAAA,IACT,QAAQ,CAAC,MAAM;AAAA,IACf,aAAa,CAAA;AAAA,IACb,UAAU,CAAA;AAAA,IACV,SAAS;AAAA,EAAA;AAEjB;AAEO,MAAM,kBAA0C;AAAA,EACnD,cAAc;AAAA,EACd,MAAM;AAAA,EACN,KAAK;AAAA,EACL,gBAAgB;AACpB;AAEO,MAAM,YAAY,CAAC,QAAQ,OAAO,cAAc,cAAc;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/utils.ts"],"sourcesContent":["import type { Ticket } from './types'\n\nexport const createUID = (len: number) => {\n    const buf: string[] = [],\n        chars =\n            'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789',\n        charlen = chars.length,\n        length = len || 32\n\n    for (let i = 0; i < length; i++) {\n        buf[i] = chars.charAt(Math.floor(Math.random() * charlen))\n    }\n    return buf.join('')\n}\n\nexport const createCardObject = (): Ticket => {\n    return {\n        id: createUID(10),\n        name: 'Untitled Card',\n        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n        cover: '',\n        members: [],\n        labels: ['Task'],\n        attachments: [],\n        comments: [],\n        dueDate: null,\n    }\n}\n\nexport const taskLabelColors: Record<string, string> = {\n    'Live issue': 'bg-rose-200 dark:bg-rose-200 dark:text-gray-900',\n    Task: 'bg-blue-200 dark:bg-blue-200 dark:text-gray-900',\n    Bug: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n    'Low priority': 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\n}\n\nexport const labelList = ['Task', 'Bug', 'Live issue', 'Low priority']\n"],"names":[],"mappings":"AAEO,MAAM,YAAY,CAAC,QAAgB;AACtC,QAAM,MAAgB,IAClB,QACI,kEACJ,UAAU,MAAM,QAChB,SAAS,OAAO;AAEpB,WAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC7B,QAAI,CAAC,IAAI,MAAM,OAAO,KAAK,MAAM,KAAK,WAAW,OAAO,CAAC;AAAA,EAC7D;AACA,SAAO,IAAI,KAAK,EAAE;AACtB;AAEO,MAAM,mBAAmB,MAAc;AAC1C,SAAO;AAAA,IACH,IAAI,UAAU,EAAE;AAAA,IAChB,MAAM;AAAA,IACN,aAAa;AAAA,IACb,OAAO;AAAA,IACP,SAAS,CAAA;AAAA,IACT,QAAQ,CAAC,MAAM;AAAA,IACf,aAAa,CAAA;AAAA,IACb,UAAU,CAAA;AAAA,IACV,SAAS;AAAA,EAAA;AAEjB;AAEO,MAAM,kBAA0C;AAAA,EACnD,cAAc;AAAA,EACd,MAAM;AAAA,EACN,KAAK;AAAA,EACL,gBAAgB;AACpB;AAEO,MAAM,YAAY,CAAC,QAAQ,OAAO,cAAc,cAAc;"}

package/dist/@ecme/views/concepts/projects/Tasks/Tasks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tasks.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/Tasks/Tasks.tsx"],"sourcesContent":["import useSWR from 'swr'\r\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\r\nimport { useTasksStore } from './store/tasksStore'\r\nimport {\r\n    apiGetProjectTasks,\r\n    apiGetProjectMembers,\r\n} from '@/services/ProjectService'\r\nimport TasksHeader from './components/TasksHeader'\r\nimport TaskList from './components/TaskList'\r\nimport type { GetTasksResponse, GetProjectMembersResponse } from './types'\r\n\r\nconst Tasks = () => {\r\n    const {\r\n        updateOrdered,\r\n        updateGroups,\r\n        updateBoardMembers,\r\n        updateAllMembers,\r\n    } = useTasksStore()\r\n\r\n    useSWR(\r\n        ['/api/projects/tasks'],\r\n        () => apiGetProjectTasks<GetTasksResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n            onSuccess: (data) => {\r\n                updateOrdered(Object.keys(data))\r\n                updateGroups(data)\r\n            },\r\n        },\r\n    )\r\n\r\n    useSWR(\r\n        ['/api/projects/task/members'],\r\n        () => apiGetProjectMembers<GetProjectMembersResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n            onSuccess: (data) => {\r\n                updateBoardMembers(data.participantMembers)\r\n                updateAllMembers(data.allMembers)\r\n            },\r\n        },\r\n    )\r\n\r\n    return (\r\n        <AdaptiveCard>\r\n            <TasksHeader />\r\n            <div className=\"my-8\">\r\n                <TaskList />\r\n            </div>\r\n        </AdaptiveCard>\r\n    )\r\n}\r\n\r\nexport default Tasks\r\n"],"names":[],"mappings":";;;;;;;AAWA,MAAM,QAAQ,MAAM;AAChB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,cAAA;AAEJ;AAAA,IACI,CAAC,qBAAqB;AAAA,IACtB,MAAM,mBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,sBAAc,OAAO,KAAK,IAAI,CAAC;AAC/B,qBAAa,IAAI;AAAA,MACrB;AAAA,IAAA;AAAA,EACJ;AAGJ;AAAA,IACI,CAAC,4BAA4B;AAAA,IAC7B,MAAM,qBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,2BAAmB,KAAK,kBAAkB;AAC1C,yBAAiB,KAAK,UAAU;AAAA,MACpC;AAAA,IAAA;AAAA,EACJ;AAGJ,8BACK,cAAA,EACG,UAAA;AAAA,IAAA,oBAAC,aAAA,EAAY;AAAA,wBACZ,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,YAAS,EAAA,CACd;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Tasks.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/Tasks/Tasks.tsx"],"sourcesContent":["import useSWR from 'swr'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport { useTasksStore } from './store/tasksStore'\nimport {\n    apiGetProjectTasks,\n    apiGetProjectMembers,\n} from '@/services/ProjectService'\nimport TasksHeader from './components/TasksHeader'\nimport TaskList from './components/TaskList'\nimport type { GetTasksResponse, GetProjectMembersResponse } from './types'\n\nconst Tasks = () => {\n    const {\n        updateOrdered,\n        updateGroups,\n        updateBoardMembers,\n        updateAllMembers,\n    } = useTasksStore()\n\n    useSWR(\n        ['/api/projects/tasks'],\n        () => apiGetProjectTasks<GetTasksResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n            onSuccess: (data) => {\n                updateOrdered(Object.keys(data))\n                updateGroups(data)\n            },\n        },\n    )\n\n    useSWR(\n        ['/api/projects/task/members'],\n        () => apiGetProjectMembers<GetProjectMembersResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n            onSuccess: (data) => {\n                updateBoardMembers(data.participantMembers)\n                updateAllMembers(data.allMembers)\n            },\n        },\n    )\n\n    return (\n        <AdaptiveCard>\n            <TasksHeader />\n            <div className=\"my-8\">\n                <TaskList />\n            </div>\n        </AdaptiveCard>\n    )\n}\n\nexport default Tasks\n"],"names":[],"mappings":";;;;;;;AAWA,MAAM,QAAQ,MAAM;AAChB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,cAAA;AAEJ;AAAA,IACI,CAAC,qBAAqB;AAAA,IACtB,MAAM,mBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,sBAAc,OAAO,KAAK,IAAI,CAAC;AAC/B,qBAAa,IAAI;AAAA,MACrB;AAAA,IAAA;AAAA,EACJ;AAGJ;AAAA,IACI,CAAC,4BAA4B;AAAA,IAC7B,MAAM,qBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,2BAAmB,KAAK,kBAAkB;AAC1C,yBAAiB,KAAK,UAAU;AAAA,MACpC;AAAA,IAAA;AAAA,EACJ;AAGJ,8BACK,cAAA,EACG,UAAA;AAAA,IAAA,oBAAC,aAAA,EAAY;AAAA,wBACZ,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,YAAS,EAAA,CACd;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/Tasks/components/AddTask.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddTask.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/AddTask.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\r\nimport classNames from '@/utils/classNames'\r\nimport Tag from '@/components/ui/Tag'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Table from '@/components/ui/Table'\r\nimport Button from '@/components/ui/Button'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport Badge from '@/components/ui/Badge'\r\nimport DatePicker from '@/components/ui/DatePicker'\r\nimport { labelClass } from '../utils'\r\nimport { useTasksStore } from '../store/tasksStore'\r\nimport {\r\n    TbPlus,\r\n    TbCircleCheck,\r\n    TbChevronDown,\r\n    TbCalendar,\r\n    TbUser,\r\n} from 'react-icons/tb'\r\nimport dayjs from 'dayjs'\r\nimport uniqueId from 'lodash/uniqueId'\r\nimport type { Task } from '../types'\r\n\r\ntype AddTaskProps = {\r\n    groupKey: string\r\n    isCreatingTask: boolean\r\n    onAddTaskClick: (key: string) => void\r\n    onCreateTask: (task: Task) => void\r\n}\r\n\r\nconst { TBody, Tr, Td } = Table\r\n\r\nconst priorityList: string[] = ['Low', 'Medium', 'High']\r\n\r\nconst statusList: string[] = ['Pending', 'In Progress']\r\n\r\nconst AddTask = ({\r\n    groupKey,\r\n    isCreatingTask,\r\n    onAddTaskClick,\r\n    onCreateTask,\r\n}: AddTaskProps) => {\r\n    const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n    const [focused, setFocused] = useState(false)\r\n\r\n    const [status, setStatus] = useState('')\r\n    const [priority, setPriority] = useState('')\r\n    const [assignee, setAssignee] = useState('')\r\n    const [dueDate, setDuedate] = useState<number | null>(null)\r\n\r\n    const { boardMembers } = useTasksStore()\r\n\r\n    useEffect(() => {\r\n        if (isCreatingTask) {\r\n            inputRef.current?.focus()\r\n        }\r\n    }, [isCreatingTask])\r\n\r\n    const handleCreateClick = () => {\r\n        const task: Task = {\r\n            id: uniqueId('task_'),\r\n            name: inputRef.current?.value || 'Untitled task',\r\n            progress: status || statusList[0],\r\n            assignee: {\r\n                id: assignee,\r\n                name:\r\n                    boardMembers.find((member) => member.id === assignee)\r\n                        ?.name || '',\r\n                img:\r\n                    boardMembers.find((member) => member.id === assignee)\r\n                        ?.img || '',\r\n            },\r\n            priority: priority || priorityList[0],\r\n            dueDate,\r\n            checked: false,\r\n        }\r\n\r\n        onCreateTask(task)\r\n        setStatus('')\r\n        setPriority('')\r\n        setAssignee('')\r\n        setDuedate(null)\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {isCreatingTask ? (\r\n                <>\r\n                    <div\r\n                        className={classNames(\r\n                            'rounded-lg transition-shadow duration-150',\r\n                            focused && 'shadow-xl',\r\n                        )}\r\n                    >\r\n                        <Table hoverable={false} overflow={false}>\r\n                            <TBody>\r\n                                <Tr>\r\n                                    <Td className=\"w-[66px]\"></Td>\r\n                                    <Td className=\"w-[40px] text-2xl\">\r\n                                        <TbCircleCheck />\r\n                                    </Td>\r\n                                    <Td className=\"w-[500px]\">\r\n                                        <input\r\n                                            ref={inputRef}\r\n                                            className=\"outline-0 font-semibold w-full heading-text bg-transparent\"\r\n                                            placeholder=\"Enter task name\"\r\n                                            onFocus={() => setFocused(true)}\r\n                                            onBlur={() => setFocused(false)}\r\n                                        />\r\n                                    </Td>\r\n                                    <Td className=\"w-[150px]\">\r\n                                        <Dropdown\r\n                                            renderTitle={\r\n                                                <div className=\"flex items-center gap-1 cursor-pointer\">\r\n                                                    {status ? (\r\n                                                        <Tag\r\n                                                            className={`${\r\n                                                                status\r\n                                                                    ? labelClass[\r\n                                                                          status\r\n                                                                      ]\r\n                                                                    : ''\r\n                                                            }`}\r\n                                                        >\r\n                                                            {status}\r\n                                                        </Tag>\r\n                                                    ) : (\r\n                                                        <span className=\"font-semibold\">\r\n                                                            Status\r\n                                                        </span>\r\n                                                    )}\r\n                                                    <TbChevronDown className=\"text-lg\" />\r\n                                                </div>\r\n                                            }\r\n                                            placement=\"bottom-end\"\r\n                                        >\r\n                                            {statusList.map((status) => (\r\n                                                <Dropdown.Item\r\n                                                    key={status}\r\n                                                    eventKey={status}\r\n                                                    onSelect={setStatus}\r\n                                                >\r\n                                                    <div className=\"flex items-center\">\r\n                                                        <Badge\r\n                                                            innerClass={`${labelClass[status]}`}\r\n                                                        />\r\n                                                        <span className=\"ml-2 rtl:mr-2\">\r\n                                                            {status}\r\n                                                        </span>\r\n                                                    </div>\r\n                                                </Dropdown.Item>\r\n                                            ))}\r\n                                        </Dropdown>\r\n                                    </Td>\r\n                                    <Td className=\"w-[150px]\">\r\n                                        <Dropdown\r\n                                            renderTitle={\r\n                                                <div className=\"flex items-center gap-1 cursor-pointer\">\r\n                                                    {priority ? (\r\n                                                        <Tag\r\n                                                            className={`${\r\n                                                                priority\r\n                                                                    ? labelClass[\r\n                                                                          priority\r\n                                                                      ]\r\n                                                                    : ''\r\n                                                            }`}\r\n                                                        >\r\n                                                            {priority}\r\n                                                        </Tag>\r\n                                                    ) : (\r\n                                                        <span className=\"font-semibold\">\r\n                                                            Priority\r\n                                                        </span>\r\n                                                    )}\r\n                                                    <TbChevronDown className=\"text-lg\" />\r\n                                                </div>\r\n                                            }\r\n                                            placement=\"bottom-end\"\r\n                                        >\r\n                                            {priorityList.map((priority) => (\r\n                                                <Dropdown.Item\r\n                                                    key={priority}\r\n                                                    eventKey={priority}\r\n                                                    onSelect={setPriority}\r\n                                                >\r\n                                                    <div className=\"flex items-center\">\r\n                                                        <Badge\r\n                                                            innerClass={`${labelClass[priority]}`}\r\n                                                        />\r\n                                                        <span className=\"ml-2 rtl:mr-2\">\r\n                                                            {priority}\r\n                                                        </span>\r\n                                                    </div>\r\n                                                </Dropdown.Item>\r\n                                            ))}\r\n                                        </Dropdown>\r\n                                    </Td>\r\n                                    <Td className=\"w-[150px]\">\r\n                                        <div className=\"flex items-center gap-2 cursor-pointer relative max-w-[200px]\">\r\n                                            <TbCalendar className=\"text-xl\" />\r\n                                            <span className=\"font-semibold\">\r\n                                                {dueDate\r\n                                                    ? dayjs\r\n                                                          .unix(dueDate)\r\n                                                          .format('DD MMM')\r\n                                                    : 'Due date'}\r\n                                            </span>\r\n                                            <DatePicker\r\n                                                className=\"opacity-0 cursor-pointer absolute\"\r\n                                                value={dayjs\r\n                                                    .unix(\r\n                                                        dueDate ||\r\n                                                            dayjs().unix(),\r\n                                                    )\r\n                                                    .toDate()}\r\n                                                inputtable={false}\r\n                                                inputPrefix={null}\r\n                                                inputSuffix={null}\r\n                                                clearable={false}\r\n                                                onChange={(date) =>\r\n                                                    setDuedate(\r\n                                                        dayjs(\r\n                                                            date as Date,\r\n                                                        ).unix(),\r\n                                                    )\r\n                                                }\r\n                                            />\r\n                                        </div>\r\n                                    </Td>\r\n                                    <Td className=\"py-1\">\r\n                                        <div className=\"flex items-center justify-between\">\r\n                                            <Dropdown\r\n                                                placement=\"bottom\"\r\n                                                renderTitle={\r\n                                                    <div className=\"flex items-center gap-2 cursor-pointer\">\r\n                                                        {assignee ? (\r\n                                                            <>\r\n                                                                <Avatar\r\n                                                                    shape=\"circle\"\r\n                                                                    size=\"sm\"\r\n                                                                    src={\r\n                                                                        boardMembers.find(\r\n                                                                            (\r\n                                                                                member,\r\n                                                                            ) =>\r\n                                                                                member.id ===\r\n                                                                                assignee,\r\n                                                                        )?.img\r\n                                                                    }\r\n                                                                />\r\n                                                                <span className=\"font-bold heading-text\">\r\n                                                                    {\r\n                                                                        boardMembers.find(\r\n                                                                            (\r\n                                                                                member,\r\n                                                                            ) =>\r\n                                                                                member.id ===\r\n                                                                                assignee,\r\n                                                                        )?.name\r\n                                                                    }\r\n                                                                </span>\r\n                                                            </>\r\n                                                        ) : (\r\n                                                            <>\r\n                                                                <TbUser className=\"text-xl\" />\r\n                                                                <span className=\"font-semibold\">\r\n                                                                    Assignee\r\n                                                                </span>\r\n                                                            </>\r\n                                                        )}\r\n                                                    </div>\r\n                                                }\r\n                                            >\r\n                                                {boardMembers.map((member) => (\r\n                                                    <Dropdown.Item\r\n                                                        key={member.name}\r\n                                                        eventKey={member.id}\r\n                                                        onSelect={() =>\r\n                                                            setAssignee(\r\n                                                                member.id,\r\n                                                            )\r\n                                                        }\r\n                                                    >\r\n                                                        <div className=\"flex items-center justify-between\">\r\n                                                            <div className=\"flex items-center\">\r\n                                                                <Avatar\r\n                                                                    shape=\"circle\"\r\n                                                                    size={22}\r\n                                                                    src={\r\n                                                                        member.img\r\n                                                                    }\r\n                                                                />\r\n                                                                <span className=\"ml-2 rtl:mr-2\">\r\n                                                                    {\r\n                                                                        member.name\r\n                                                                    }\r\n                                                                </span>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </Dropdown.Item>\r\n                                                ))}\r\n                                            </Dropdown>\r\n\r\n                                            <Button\r\n                                                size=\"sm\"\r\n                                                variant=\"solid\"\r\n                                                onClick={handleCreateClick}\r\n                                            >\r\n                                                Create\r\n                                            </Button>\r\n                                        </div>\r\n                                    </Td>\r\n                                </Tr>\r\n                            </TBody>\r\n                        </Table>\r\n                    </div>\r\n                </>\r\n            ) : (\r\n                <Button\r\n                    block\r\n                    icon={<TbPlus />}\r\n                    customColorClass={() =>\r\n                        'border-dashed border-2 hover:ring-transparent bg-gray-50'\r\n                    }\r\n                    onClick={() => onAddTaskClick(groupKey)}\r\n                >\r\n                    Add task\r\n                </Button>\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default AddTask\r\n"],"names":["status","priority"],"mappings":"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"}
+{"version":3,"file":"AddTask.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/AddTask.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\nimport classNames from '@/utils/classNames'\nimport Tag from '@/components/ui/Tag'\nimport Avatar from '@/components/ui/Avatar'\nimport Table from '@/components/ui/Table'\nimport Button from '@/components/ui/Button'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Badge from '@/components/ui/Badge'\nimport DatePicker from '@/components/ui/DatePicker'\nimport { labelClass } from '../utils'\nimport { useTasksStore } from '../store/tasksStore'\nimport {\n    TbPlus,\n    TbCircleCheck,\n    TbChevronDown,\n    TbCalendar,\n    TbUser,\n} from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport uniqueId from 'lodash/uniqueId'\nimport type { Task } from '../types'\n\ntype AddTaskProps = {\n    groupKey: string\n    isCreatingTask: boolean\n    onAddTaskClick: (key: string) => void\n    onCreateTask: (task: Task) => void\n}\n\nconst { TBody, Tr, Td } = Table\n\nconst priorityList: string[] = ['Low', 'Medium', 'High']\n\nconst statusList: string[] = ['Pending', 'In Progress']\n\nconst AddTask = ({\n    groupKey,\n    isCreatingTask,\n    onAddTaskClick,\n    onCreateTask,\n}: AddTaskProps) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [focused, setFocused] = useState(false)\n\n    const [status, setStatus] = useState('')\n    const [priority, setPriority] = useState('')\n    const [assignee, setAssignee] = useState('')\n    const [dueDate, setDuedate] = useState<number | null>(null)\n\n    const { boardMembers } = useTasksStore()\n\n    useEffect(() => {\n        if (isCreatingTask) {\n            inputRef.current?.focus()\n        }\n    }, [isCreatingTask])\n\n    const handleCreateClick = () => {\n        const task: Task = {\n            id: uniqueId('task_'),\n            name: inputRef.current?.value || 'Untitled task',\n            progress: status || statusList[0],\n            assignee: {\n                id: assignee,\n                name:\n                    boardMembers.find((member) => member.id === assignee)\n                        ?.name || '',\n                img:\n                    boardMembers.find((member) => member.id === assignee)\n                        ?.img || '',\n            },\n            priority: priority || priorityList[0],\n            dueDate,\n            checked: false,\n        }\n\n        onCreateTask(task)\n        setStatus('')\n        setPriority('')\n        setAssignee('')\n        setDuedate(null)\n    }\n\n    return (\n        <>\n            {isCreatingTask ? (\n                <>\n                    <div\n                        className={classNames(\n                            'rounded-lg transition-shadow duration-150',\n                            focused && 'shadow-xl',\n                        )}\n                    >\n                        <Table hoverable={false} overflow={false}>\n                            <TBody>\n                                <Tr>\n                                    <Td className=\"w-[66px]\"></Td>\n                                    <Td className=\"w-[40px] text-2xl\">\n                                        <TbCircleCheck />\n                                    </Td>\n                                    <Td className=\"w-[500px]\">\n                                        <input\n                                            ref={inputRef}\n                                            className=\"outline-0 font-semibold w-full heading-text bg-transparent\"\n                                            placeholder=\"Enter task name\"\n                                            onFocus={() => setFocused(true)}\n                                            onBlur={() => setFocused(false)}\n                                        />\n                                    </Td>\n                                    <Td className=\"w-[150px]\">\n                                        <Dropdown\n                                            renderTitle={\n                                                <div className=\"flex items-center gap-1 cursor-pointer\">\n                                                    {status ? (\n                                                        <Tag\n                                                            className={`${\n                                                                status\n                                                                    ? labelClass[\n                                                                          status\n                                                                      ]\n                                                                    : ''\n                                                            }`}\n                                                        >\n                                                            {status}\n                                                        </Tag>\n                                                    ) : (\n                                                        <span className=\"font-semibold\">\n                                                            Status\n                                                        </span>\n                                                    )}\n                                                    <TbChevronDown className=\"text-lg\" />\n                                                </div>\n                                            }\n                                            placement=\"bottom-end\"\n                                        >\n                                            {statusList.map((status) => (\n                                                <Dropdown.Item\n                                                    key={status}\n                                                    eventKey={status}\n                                                    onSelect={setStatus}\n                                                >\n                                                    <div className=\"flex items-center\">\n                                                        <Badge\n                                                            innerClass={`${labelClass[status]}`}\n                                                        />\n                                                        <span className=\"ml-2 rtl:mr-2\">\n                                                            {status}\n                                                        </span>\n                                                    </div>\n                                                </Dropdown.Item>\n                                            ))}\n                                        </Dropdown>\n                                    </Td>\n                                    <Td className=\"w-[150px]\">\n                                        <Dropdown\n                                            renderTitle={\n                                                <div className=\"flex items-center gap-1 cursor-pointer\">\n                                                    {priority ? (\n                                                        <Tag\n                                                            className={`${\n                                                                priority\n                                                                    ? labelClass[\n                                                                          priority\n                                                                      ]\n                                                                    : ''\n                                                            }`}\n                                                        >\n                                                            {priority}\n                                                        </Tag>\n                                                    ) : (\n                                                        <span className=\"font-semibold\">\n                                                            Priority\n                                                        </span>\n                                                    )}\n                                                    <TbChevronDown className=\"text-lg\" />\n                                                </div>\n                                            }\n                                            placement=\"bottom-end\"\n                                        >\n                                            {priorityList.map((priority) => (\n                                                <Dropdown.Item\n                                                    key={priority}\n                                                    eventKey={priority}\n                                                    onSelect={setPriority}\n                                                >\n                                                    <div className=\"flex items-center\">\n                                                        <Badge\n                                                            innerClass={`${labelClass[priority]}`}\n                                                        />\n                                                        <span className=\"ml-2 rtl:mr-2\">\n                                                            {priority}\n                                                        </span>\n                                                    </div>\n                                                </Dropdown.Item>\n                                            ))}\n                                        </Dropdown>\n                                    </Td>\n                                    <Td className=\"w-[150px]\">\n                                        <div className=\"flex items-center gap-2 cursor-pointer relative max-w-[200px]\">\n                                            <TbCalendar className=\"text-xl\" />\n                                            <span className=\"font-semibold\">\n                                                {dueDate\n                                                    ? dayjs\n                                                          .unix(dueDate)\n                                                          .format('DD MMM')\n                                                    : 'Due date'}\n                                            </span>\n                                            <DatePicker\n                                                className=\"opacity-0 cursor-pointer absolute\"\n                                                value={dayjs\n                                                    .unix(\n                                                        dueDate ||\n                                                            dayjs().unix(),\n                                                    )\n                                                    .toDate()}\n                                                inputtable={false}\n                                                inputPrefix={null}\n                                                inputSuffix={null}\n                                                clearable={false}\n                                                onChange={(date) =>\n                                                    setDuedate(\n                                                        dayjs(\n                                                            date as Date,\n                                                        ).unix(),\n                                                    )\n                                                }\n                                            />\n                                        </div>\n                                    </Td>\n                                    <Td className=\"py-1\">\n                                        <div className=\"flex items-center justify-between\">\n                                            <Dropdown\n                                                placement=\"bottom\"\n                                                renderTitle={\n                                                    <div className=\"flex items-center gap-2 cursor-pointer\">\n                                                        {assignee ? (\n                                                            <>\n                                                                <Avatar\n                                                                    shape=\"circle\"\n                                                                    size=\"sm\"\n                                                                    src={\n                                                                        boardMembers.find(\n                                                                            (\n                                                                                member,\n                                                                            ) =>\n                                                                                member.id ===\n                                                                                assignee,\n                                                                        )?.img\n                                                                    }\n                                                                />\n                                                                <span className=\"font-bold heading-text\">\n                                                                    {\n                                                                        boardMembers.find(\n                                                                            (\n                                                                                member,\n                                                                            ) =>\n                                                                                member.id ===\n                                                                                assignee,\n                                                                        )?.name\n                                                                    }\n                                                                </span>\n                                                            </>\n                                                        ) : (\n                                                            <>\n                                                                <TbUser className=\"text-xl\" />\n                                                                <span className=\"font-semibold\">\n                                                                    Assignee\n                                                                </span>\n                                                            </>\n                                                        )}\n                                                    </div>\n                                                }\n                                            >\n                                                {boardMembers.map((member) => (\n                                                    <Dropdown.Item\n                                                        key={member.name}\n                                                        eventKey={member.id}\n                                                        onSelect={() =>\n                                                            setAssignee(\n                                                                member.id,\n                                                            )\n                                                        }\n                                                    >\n                                                        <div className=\"flex items-center justify-between\">\n                                                            <div className=\"flex items-center\">\n                                                                <Avatar\n                                                                    shape=\"circle\"\n                                                                    size={22}\n                                                                    src={\n                                                                        member.img\n                                                                    }\n                                                                />\n                                                                <span className=\"ml-2 rtl:mr-2\">\n                                                                    {\n                                                                        member.name\n                                                                    }\n                                                                </span>\n                                                            </div>\n                                                        </div>\n                                                    </Dropdown.Item>\n                                                ))}\n                                            </Dropdown>\n\n                                            <Button\n                                                size=\"sm\"\n                                                variant=\"solid\"\n                                                onClick={handleCreateClick}\n                                            >\n                                                Create\n                                            </Button>\n                                        </div>\n                                    </Td>\n                                </Tr>\n                            </TBody>\n                        </Table>\n                    </div>\n                </>\n            ) : (\n                <Button\n                    block\n                    icon={<TbPlus />}\n                    customColorClass={() =>\n                        'border-dashed border-2 hover:ring-transparent bg-gray-50'\n                    }\n                    onClick={() => onAddTaskClick(groupKey)}\n                >\n                    Add task\n                </Button>\n            )}\n        </>\n    )\n}\n\nexport default AddTask\n"],"names":["status","priority"],"mappings":"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"}