@orbe-agro/client-core 5.3.86 → 5.3.90

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\";\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":["TabNav","TabList","TabContent","Tabs","createCommentObject","message","createUID","AddMoreMember","jsx","Tooltip","Button","TbPlus","TicketContent","onTicketClose","showAssignedTo","showLabels","showDueDate","showDescription","showUserInitiator","showUserResponder","showStatus","showActionsTicket","showCloseTicket","showChangeButton","descriptionTitle","dueDateTitle","userInitiatorTitle","userResponderTitle","statusTitle","onOpenDialog","goView","columns","renderActions","navigate","useNavigate","updateColumns","ticketId","boardMembers","useScrumBoardStore","ticketData","setTicketData","useState","loading","setLoading","commentInput","useRef","getTicketDetail","ticketDetail","key","result","ticket","useEffect","isEmpty","onUpdateColumn","submitComment","comment","comments","cloneDeep","prevState","handleTicketClose","data","index","onAddMemberClick","id","newMember","member","members","onAddLabelClick","label","labels","statusColors","handleNavigate","path","Fragment","Spinner","jsxs","CloseButton","ScrollBar","UsersAvatarGroup","_a","Dropdown","m","Avatar","_b","Tag","taskLabelColors","labelList","Badge","_c","dayjs","Input","_d","file","Card","TbDownload","TbTrash","NoMedia"],"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":["TabNav","TabList","TabContent","Tabs","createCommentObject","message","createUID","AddMoreMember","jsx","Tooltip","Button","TbPlus","TicketContent","onTicketClose","showAssignedTo","showLabels","showDueDate","showDescription","showUserInitiator","showUserResponder","showStatus","showActionsTicket","showCloseTicket","showChangeButton","descriptionTitle","dueDateTitle","userInitiatorTitle","userResponderTitle","statusTitle","onOpenDialog","goView","columns","renderActions","navigate","useNavigate","updateColumns","ticketId","boardMembers","useScrumBoardStore","ticketData","setTicketData","useState","loading","setLoading","commentInput","useRef","getTicketDetail","ticketDetail","key","result","ticket","useEffect","isEmpty","onUpdateColumn","submitComment","comment","comments","cloneDeep","prevState","handleTicketClose","data","index","onAddMemberClick","id","newMember","member","members","onAddLabelClick","label","labels","statusColors","handleNavigate","path","Fragment","Spinner","jsxs","CloseButton","ScrollBar","UsersAvatarGroup","Dropdown","m","Avatar","Tag","taskLabelColors","labelList","Badge","dayjs","Input","file","Card","TbDownload","TbTrash","NoMedia"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,EAAE,QAAAA,GAAQ,SAAAC,IAAS,YAAAC,EAAA,IAAeC,GAKlCC,KAAsB,CAACC,OACpB;AAAA,EACL,IAAIC,GAAU,EAAE;AAAA,EAChB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAAD;AAAA,EACA,0BAAU,KAAA;AAAK,IAIbE,KAAgB,MAElB,gBAAAC,EAACC,GAAA,EAAQ,OAAM,YAAW,cAAa,QACrC,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,wBAAOC,GAAA,EAAO;AAAA,IACd,kBAAkB,MAChB;AAAA,IAEF,MAAK;AAAA,IACL,OAAM;AAAA,EAAA;AAAA,GAEV,GA4BEC,KAAgB,CAAC;AAAA,EACrB,eAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,iBAAAC,IAAkB;AAAA,EAClB,mBAAAC,IAAoB;AAAA,EACpB,mBAAAC,IAAoB;AAAA,EACpB,YAAAC,IAAa;AAAA,EACb,mBAAAC,IAAoB;AAAA,EACpB,iBAAAC,IAAkB;AAAA,EAClB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,cAAAC,IAAe;AAAA,EACf,oBAAAC,IAAqB;AAAA,EACrB,oBAAAC,IAAqB;AAAA,EACrB,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AACF,MAA0B;AACxB,QAAMC,IAAWC,GAAA,GACX,EAAE,eAAAC,GAAe,UAAAC,GAAU,cAAAC,EAAA,IAAiBC,GAAA,GAE5C,CAACC,GAAYC,CAAa,IAAIC,EAElC,CAAA,CAAE,GACE,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAeC,GAAyB,IAAI,GAE5CC,IAAkB,YAAY;AAClC,IAAAH,EAAW,EAAI;AACf,QAAII,IAAe,CAAA;AACnB,eAAWC,KAAOjB;AAChB,UAAI,OAAO,eAAe,KAAKA,GAASiB,CAAG,GAAG;AAE5C,cAAMC,IADQlB,EAAQiB,CAAG,EACJ,KAAK,CAACE,MAAWA,EAAO,OAAOd,CAAQ;AAC5D,QAAIa,MACFF,IAAeE;AAAA,MAEnB;AAEF,IAAAT,EAAcO,CAAY,GAC1BJ,EAAW,EAAK;AAAA,EAClB;AAEA,EAAAQ,GAAU,MAAM;AACd,IAAIC,GAAQb,CAAU,IACpBO,EAAA,IAEAO,EAAA;AAAA,EAEJ,GAAG,CAACd,GAAYA,CAAU,CAAC;AAE3B,QAAMe,IAAgB,MAAM;AAC1B,QAAIV,EAAa,SAAS;AACxB,YAAMvC,IAAUuC,EAAa,QAAQ,OAC/BW,IAAUnD,GAAoBC,CAAO,GACrCmD,IAAWC,EAAUlB,EAAW,QAAQ;AAC9C,MAAAiB,GAAU,KAAKD,CAAO,GACtBf,EAAc,CAACkB,OAAe;AAAA,QAC5B,GAAGA;AAAA,QACE,UAAAF;AAAA,MAAmB,EACxB,GACFZ,EAAa,QAAQ,QAAQ;AAAA,IAC/B;AAAA,EACF,GAEMe,IAAoB,MAAM;AAC9B,IAAA9C,IAAA;AAAA,EACF,GAEMwC,IAAiB,MAAM;AAC3B,UAAMO,IAAOH,EAAU1B,CAAO;AAC9B,eAAWiB,KAAOY;AAChB,MAAI,OAAO,eAAe,KAAKA,GAAMZ,CAAG,KACxBY,EAAKZ,CAAG,EAChB,QAAQ,CAACE,GAAQW,MAAU;AAC/B,QAAIX,EAAO,OAAOd,MAChBwB,EAAKZ,CAAG,EAAEa,CAAK,IAAItB;AAAA,MAEvB,CAAC;AAGL,IAAAJ,EAAcyB,CAAI;AAAA,EACpB,GAEME,IAAmB,CAACC,MAAe;AACvC,UAAMC,IAAY3B,EAAa,KAAK,CAAC4B,MAAWA,EAAO,OAAOF,CAAE,GAC1DG,IAAUT,EAAUlB,EAAW,OAAO;AAC5C,IAAA2B,GAAS,KAAKF,CAAmB,GACjCxB,EAAc,CAACkB,OAAe;AAAA,MAC5B,GAAGA;AAAA,MACE,SAAAQ;AAAA,IAAiB,EACtB;AAAA,EACJ,GAEMC,IAAkB,CAACC,MAAkB;AACzC,UAAMC,IAASZ,EAAUlB,EAAW,MAAM;AAC1C,IAAA8B,GAAQ,KAAKD,CAAK,GAClB5B,EAAc,CAACkB,OAAe,EAAE,GAAGA,GAAgB,QAAAW,EAAe,EAAI;AAAA,EACxE,GAEMC,IAA6C;AAAA,IACjD,MAAM;AAAA,IACN,WAAW;AAAA,IACX,WAAW;AAAA,EAAA,GAGPC,KAAiB,CAACC,MAAiB;AACvC,IAAAvC,EAASuC,CAAI;AAAA,EACf;AAEA,SACE,gBAAAhE,EAAAiE,GAAA,EACG,UAAA/B,IACC,gBAAAlC,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA,gBAAAA,EAACkE,IAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACrB,IAEA,gBAAAC,EAAAF,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAjE,EAAC,OAAA,EAAI,WAAU,oBACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,UACb,UAAA,gBAAAmE,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,MAAA,gBAAAnE,EAAC,MAAA,EAAI,YAAW,KAAA,CAAK;AAAA,wBACpB,OAAA,EACC,UAAA,gBAAAA,EAACoE,IAAA,EAAY,SAASjB,GAAmB,EAAA,CAC3C;AAAA,IAAA,EAAA,CACF,GACF,GACF;AAAA,IACA,gBAAAgB,EAACE,IAAA,EAAU,WAAU,iCACnB,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,uBACZ,UAAA;AAAA,QAAA7D,KACC,gBAAA6D,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAA,gBAAAnE,EAAC,OAAA,EAAI,WAAU,gEAA+D,UAAA,gBAE9E;AAAA,UACA,gBAAAmE,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,YAAA,gBAAAnE;AAAA,cAACsE;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,aAAa;AAAA,kBACX,WAAW;AAAA,gBAAA;AAAA,gBAEb,kBAAkB,EAAE,UAAU,EAAA;AAAA,gBAC9B,SAAS;AAAA,gBACT,OAAOvC,EAAW;AAAA,cAAA;AAAA,YAAA;AAAA,YAEnBF,EAAa,WAAWE,EAAW,SAAS,UAC3C,gBAAA/B,EAACuE,GAAA,EAAS,aAAa,gBAAAvE,EAACD,IAAA,CAAA,CAAc,GACnC,UAAA8B,EAAa;AAAA,cACZ,CAAC4B,MACC,CAAC1B,EAAW,SAAS;AAAA,gBACnB,CAACyC,MAAMA,EAAE,OAAOf,EAAO;AAAA,cAAA,KAEvB,gBAAAzD;AAAA,gBAACuE,EAAS;AAAA,gBAAT;AAAA,kBAEC,UAAUd,EAAO;AAAA,kBACjB,UAAUH;AAAA,kBAEV,4BAAC,OAAA,EAAI,WAAU,qCACb,UAAA,gBAAAa,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,oBAAA,gBAAAnE;AAAA,sBAACyE;AAAA,sBAAA;AAAA,wBACC,OAAM;AAAA,wBACN,MAAM;AAAA,wBACN,KAAKhB,EAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEd,gBAAAzD,EAAC,QAAA,EAAK,WAAU,iBACb,YAAO,KAAA,CACV;AAAA,kBAAA,EAAA,CACF,EAAA,CACF;AAAA,gBAAA;AAAA,gBAfKyD,EAAO;AAAA,cAAA;AAAA,YAgBd,EAEN,CACF;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QAEDlD,KACC,gBAAA4D,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAA,gBAAAnE,EAAC,OAAA,EAAI,WAAU,gEAA+D,UAAA,UAE9E;AAAA,UACA,gBAAAmE,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,YAAApC,EAAW,QAAQ,IAAI,CAAC6B,MACvB,gBAAA5D,EAAC0E,GAAA,EAAgB,WAAWC,EAAgBf,CAAK,GAC9C,UAAAA,EAAA,GADOA,CAEV,CACD;AAAA,YACD,gBAAA5D;AAAA,cAACuE;AAAA,cAAA;AAAA,gBACC,aACE,gBAAAvE;AAAA,kBAAC0E;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,0BAASvE,GAAA,EAAO;AAAA,oBACjB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAIH,WAAU;AAAA,gBAET,UAAAyE,GAAU;AAAA,kBACT,CAAChB,MACC,CAAC7B,EAAW,QAAQ,SAAS6B,CAAK,KAChC,gBAAA5D;AAAA,oBAACuE,EAAS;AAAA,oBAAT;AAAA,sBAEC,UAAUX;AAAA,sBACV,UAAUD;AAAA,sBAEV,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,wBAAA,gBAAAnE;AAAA,0BAAC6E;AAAA,0BAAA;AAAA,4BACC,YAAY,GAAGF,EAAgBf,CAAK,CAAC;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAEvC,gBAAA5D,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAA4D,EAAA,CAAM;AAAA,sBAAA,EAAA,CACzC;AAAA,oBAAA;AAAA,oBATKA;AAAA,kBAAA;AAAA,gBAUP;AAAA,cAEN;AAAA,YAAA;AAAA,UACF,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QAEDlD,KACC,gBAAAyD,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAA,gBAAAnE,EAAC,OAAA,EAAI,WAAU,gEACZ,UAAAkB,GACH;AAAA,UACA,gBAAAlB,EAAC,QAAA,EAAK,WAAU,iBACb,YAAW,cAAA,CACd;AAAA,QAAA,GACF;AAAA,QAEDW,KACC,gBAAAwD,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAA,gBAAAnE,EAAC,OAAA,EAAI,WAAU,gEACZ,UAAAmB,GACH;AAAA,UACA,gBAAAnB,EAAC,QAAA,EAAK,WAAU,iBACb,YAAW,cAAA,CACd;AAAA,QAAA,GACF;AAAA,QAEDQ,KACC,gBAAA2D,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAA,gBAAAnE,EAAC,OAAA,EAAI,WAAU,gEACZ,UAAAiB,GACH;AAAA,UACA,gBAAAjB,EAAC,QAAA,EAAK,WAAU,iBAAiB,YAAW,QAAA,CAAQ;AAAA,QAAA,GACtD;AAAA,QAEDS,KACC,gBAAA0D,EAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,UAAA,gBAAAnE,EAAC,OAAA,EAAI,WAAU,gEACZ,UAAAgB,GACH;AAAA,UACA,gBAAAhB,EAAC,SAAI,WAAU,QACb,4BAAC,KAAA,EAAG,UAAA+B,EAAW,aAAY,EAAA,CAC7B;AAAA,QAAA,GACF;AAAA,QAEDnB,KACC,gBAAAuD,EAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,UAAA,gBAAAnE,EAAC,OAAA,EAAI,WAAU,gEACZ,UAAAoB,GACH;AAAA,UACA,gBAAApB,EAAC,OAAA,EAAI,WAAU,QACb,UAAA,gBAAAA;AAAA,YAAC0E;AAAA,YAAA;AAAA,cACC,WAAW,GAAGZ,IAAe/B,EAAW,MAAsB,KAAK,eAAe;AAAA,cAEjF,UAAAA,EAAW;AAAA,YAAA;AAAA,UAAA,EACd,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GAEJ;AAAA,MACCA,EAAW,eAAeA,EAAW,YAAY,SAAS,KACzD,gBAAAoC,EAACxE,GAAA,EAAK,WAAU,QAAO,cAAa,YAClC,UAAA;AAAA,QAAA,gBAAAwE,EAAC1E,IAAA,EACC,UAAA;AAAA,UAAA,gBAAAO,EAACR,GAAA,EAAO,OAAM,YAAW,UAAA,YAAQ;AAAA,UACjC,gBAAAQ,EAACR,GAAA,EAAO,OAAM,eAAc,UAAA,cAAA,CAAW;AAAA,QAAA,GACzC;AAAA,QACA,gBAAA2E,EAAC,OAAA,EAAI,WAAU,OACb,UAAA;AAAA,UAAA,gBAAAnE,EAACN,KAAW,OAAM,YAChB,UAAA,gBAAAyE,EAAC,OAAA,EAAI,WAAU,UACZ,UAAA;AAAA,YAAApC,EAAW,YACVA,GAAY,UAAU,SAAS,KAC7B,gBAAA/B,EAAAiE,GAAA,EACG,UAAAlC,EAAW,SAAS,IAAI,CAACgB,MACxB,gBAAAoB,EAAC,OAAA,EAAqB,WAAU,aAC9B,UAAA;AAAA,cAAA,gBAAAnE,EAAC,OAAA,EAAI,WAAU,QACb,UAAA,gBAAAA,EAACyE,GAAA,EAAO,OAAM,UAAS,KAAK1B,EAAQ,IAAA,CAAK,EAAA,CAC3C;AAAA,cACA,gBAAAoB,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,gBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,kBAAA,gBAAAnE,EAAC,QAAA,EAAK,WAAU,kDACb,UAAA+C,EAAQ,MACX;AAAA,kBACA,gBAAA/C,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,OAAG;AAAA,kBAC1B,gBAAAA,EAAC,QAAA,EACE,UAAA8E,GAAM/B,EAAQ,IAAI,EAAE;AAAA,oBACnB;AAAA,kBAAA,EACF,CACF;AAAA,gBAAA,GACF;AAAA,gBACA,gBAAA/C,EAAC,KAAA,EAAE,WAAU,QAAQ,YAAQ,QAAA,CAAQ;AAAA,cAAA,EAAA,CACvC;AAAA,YAAA,EAAA,GAjBQ+C,EAAQ,EAkBlB,CACD,GACH;AAAA,YAEJ,gBAAAoB,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,cAAA,gBAAAnE,EAACyE,GAAA,EAAO,OAAM,UAAS,KAAI,4BAA2B;AAAA,cACtD,gBAAAN,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,gBAAA,gBAAAnE;AAAA,kBAAC+E;AAAA,kBAAA;AAAA,oBACC,KAAK3C;AAAA,oBACL,UAAQ;AAAA,oBACR,aAAY;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEd,gBAAApC,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA,gBAAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,SAAS,MAAM8C,EAAA;AAAA,oBAChB,UAAA;AAAA,kBAAA;AAAA,gBAAA,EAED,CACF;AAAA,cAAA,EAAA,CACF;AAAA,YAAA,EAAA,CACF;AAAA,UAAA,EAAA,CACF,EAAA,CACF;AAAA,4BACCpD,GAAA,EAAW,OAAM,eACf,UAAAqC,EAAW,eACZA,GAAY,aAAa,SAAS,IAChC,gBAAA/B,EAAC,SAAI,WAAU,8CACZ,YAAW,YAAY,IAAI,CAACgF,MAC3B,gBAAAb;AAAA,YAACc;AAAA,YAAA;AAAA,cAEC,WAAU;AAAA,cACV,WAAU;AAAA,cACV,UAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAjF;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,KAAKgF,EAAK;AAAA,oBACV,KAAKA,EAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEZ,gBAAAb,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,kBAAA,gBAAAA,EAAC,OAAA,EACC,UAAA;AAAA,oBAAA,gBAAAnE,EAAC,OAAA,EAAI,WAAU,kDACZ,UAAAgF,EAAK,MACR;AAAA,oBACA,gBAAAhF,EAAC,QAAA,EAAK,WAAU,WAAW,YAAK,KAAA,CAAK;AAAA,kBAAA,GACvC;AAAA,kBACA,gBAAAmE,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,oBAAA,gBAAAnE,EAACC,GAAA,EAAQ,OAAM,YACb,UAAA,gBAAAD;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACC,SAAQ;AAAA,wBACR,MAAK;AAAA,wBACL,wBAAOgF,IAAA,CAAA,CAAW;AAAA,sBAAA;AAAA,oBAAA,GAEtB;AAAA,oBACA,gBAAAlF,EAACC,GAAA,EAAQ,OAAM,UACb,UAAA,gBAAAD;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACC,SAAQ;AAAA,wBACR,MAAK;AAAA,wBACL,wBAAOiF,IAAA,CAAA,CAAQ;AAAA,sBAAA;AAAA,oBAAA,EACjB,CACF;AAAA,kBAAA,EAAA,CACF;AAAA,gBAAA,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,YAjCKH,EAAK;AAAA,UAAA,CAmCb,EAAA,CACH,IAEA,gBAAAb,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,YAAA,gBAAAnE,EAACoF,IAAA,EAAQ,QAAQ,KAAK,OAAO,KAAK;AAAA,YAClC,gBAAApF,EAAC,KAAA,EAAE,WAAU,iBAAgB,UAAA,iBAAA,CAAc;AAAA,UAAA,EAAA,CAC7C,EAAA,CAEJ;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,IACCa,KACC,gBAAAsD,EAAC,OAAA,EAAI,WAAU,kBACZ,UAAA;AAAA,MAAArD,KACC,gBAAAd,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA,gBAAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAAS,MAAMiD,EAAA;AAAA,UAChB,UAAA;AAAA,QAAA;AAAA,MAAA,GAGH;AAAA,MAEDpC,KACC,gBAAAf;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,MAAMiD,EAAA;AAAA,UAChB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAIF3B,IAAgBA,EAAcO,CAAoB,IAAI;AAAA,IAAA,EAAA,CACzD;AAAA,EAAA,EAAA,CAEJ,EAAA,CAEJ;AAEJ;"}

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

@@ -1,60 +1,57 @@
 import { jsx as e, Fragment as m, jsxs as r } from "react/jsx-runtime";
-import { useRef as R, useState as o, useEffect as U } from "react";
-import q from "../../../../../utils/classNames.js";
+import { useRef as z, useState as o, useEffect as F } from "react";
+import K from "../../../../../utils/classNames.js";
 import "../../../../../components/ui/Tag/index.js";
-import { Avatar as S } from "../../../../../components/ui/Avatar/index.js";
-import { Table as $ } from "../../../../../components/ui/Table/index.js";
+import { Avatar as C } from "../../../../../components/ui/Avatar/index.js";
+import { Table as j } from "../../../../../components/ui/Table/index.js";
 import "../../../../../components/ui/Button/index.js";
 import { Dropdown as t } from "../../../../../components/ui/Dropdown/index.js";
 import "../../../../../components/ui/Badge/index.js";
-import { DatePicker as H } from "../../../../../components/ui/DatePicker/index.js";
+import { DatePicker as L } from "../../../../../components/ui/DatePicker/index.js";
 import { labelClass as p } from "../utils.js";
-import { useTasksStore as _ } from "../store/tasksStore.js";
-import { TbCircleCheck as G, TbChevronDown as P, TbCalendar as J, TbUser as O, TbPlus as Q } from "react-icons/tb";
+import { useTasksStore as E } from "../store/tasksStore.js";
+import { TbCircleCheck as R, TbChevronDown as T, TbCalendar as U, TbUser as q, TbPlus as H } from "react-icons/tb";
 import f from "dayjs";
-import V from "lodash/uniqueId";
-import j from "../../../../../components/ui/Badge/Badge.js";
-import A from "../../../../../components/ui/Tag/Tag.js";
-import I from "../../../../../components/ui/Button/Button.js";
-const { TBody: W, Tr: X, Td: l } = $, M = ["Low", "Medium", "High"], B = ["Pending", "In Progress"], xe = ({
-  groupKey: z,
+import _ from "lodash/uniqueId";
+import k from "../../../../../components/ui/Badge/Badge.js";
+import y from "../../../../../components/ui/Tag/Tag.js";
+import D from "../../../../../components/ui/Button/Button.js";
+const { TBody: G, Tr: J, Td: l } = j, S = ["Low", "Medium", "High"], P = ["Pending", "In Progress"], me = ({
+  groupKey: A,
   isCreatingTask: h,
-  onAddTaskClick: F,
-  onCreateTask: K
+  onAddTaskClick: I,
+  onCreateTask: M
 }) => {
-  var C, T;
-  const u = R(null), [L, N] = o(!1), [a, g] = o(""), [i, b] = o(""), [n, v] = o(""), [d, w] = o(null), { boardMembers: c } = _();
-  U(() => {
-    var s;
-    h && ((s = u.current) == null || s.focus());
+  const u = z(null), [B, N] = o(!1), [a, g] = o(""), [i, b] = o(""), [n, v] = o(""), [d, w] = o(null), { boardMembers: c } = E();
+  F(() => {
+    h && u.current?.focus();
   }, [h]);
-  const E = () => {
-    var k, y, D;
+  const $ = () => {
     const s = {
-      id: V("task_"),
-      name: ((k = u.current) == null ? void 0 : k.value) || "Untitled task",
-      progress: a || B[0],
+      id: _("task_"),
+      name: u.current?.value || "Untitled task",
+      progress: a || P[0],
       assignee: {
         id: n,
-        name: ((y = c.find((x) => x.id === n)) == null ? void 0 : y.name) || "",
-        img: ((D = c.find((x) => x.id === n)) == null ? void 0 : D.img) || ""
+        name: c.find((x) => x.id === n)?.name || "",
+        img: c.find((x) => x.id === n)?.img || ""
       },
-      priority: i || M[0],
+      priority: i || S[0],
       dueDate: d,
       checked: !1
     };
-    K(s), g(""), b(""), v(""), w(null);
+    M(s), g(""), b(""), v(""), w(null);
   };
   return /* @__PURE__ */ e(m, { children: h ? /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
     "div",
     {
-      className: q(
+      className: K(
         "rounded-lg transition-shadow duration-150",
-        L && "shadow-xl"
+        B && "shadow-xl"
       ),
-      children: /* @__PURE__ */ e($, { hoverable: !1, overflow: !1, children: /* @__PURE__ */ e(W, { children: /* @__PURE__ */ r(X, { children: [
+      children: /* @__PURE__ */ e(j, { hoverable: !1, overflow: !1, children: /* @__PURE__ */ e(G, { children: /* @__PURE__ */ r(J, { children: [
         /* @__PURE__ */ e(l, { className: "w-[66px]" }),
-        /* @__PURE__ */ e(l, { className: "w-[40px] text-2xl", children: /* @__PURE__ */ e(G, {}) }),
+        /* @__PURE__ */ e(l, { className: "w-[40px] text-2xl", children: /* @__PURE__ */ e(R, {}) }),
         /* @__PURE__ */ e(l, { className: "w-[500px]", children: /* @__PURE__ */ e(
           "input",
           {
@@ -70,23 +67,23 @@ const { TBody: W, Tr: X, Td: l } = $, M = ["Low", "Medium", "High"], B = ["Pendi
           {
             renderTitle: /* @__PURE__ */ r("div", { className: "flex items-center gap-1 cursor-pointer", children: [
               a ? /* @__PURE__ */ e(
-                A,
+                y,
                 {
                   className: `${a ? p[a] : ""}`,
                   children: a
                 }
               ) : /* @__PURE__ */ e("span", { className: "font-semibold", children: "Status" }),
-              /* @__PURE__ */ e(P, { className: "text-lg" })
+              /* @__PURE__ */ e(T, { className: "text-lg" })
             ] }),
             placement: "bottom-end",
-            children: B.map((s) => /* @__PURE__ */ e(
+            children: P.map((s) => /* @__PURE__ */ e(
               t.Item,
               {
                 eventKey: s,
                 onSelect: g,
                 children: /* @__PURE__ */ r("div", { className: "flex items-center", children: [
                   /* @__PURE__ */ e(
-                    j,
+                    k,
                     {
                       innerClass: `${p[s]}`
                     }
@@ -103,23 +100,23 @@ const { TBody: W, Tr: X, Td: l } = $, M = ["Low", "Medium", "High"], B = ["Pendi
           {
             renderTitle: /* @__PURE__ */ r("div", { className: "flex items-center gap-1 cursor-pointer", children: [
               i ? /* @__PURE__ */ e(
-                A,
+                y,
                 {
                   className: `${i ? p[i] : ""}`,
                   children: i
                 }
               ) : /* @__PURE__ */ e("span", { className: "font-semibold", children: "Priority" }),
-              /* @__PURE__ */ e(P, { className: "text-lg" })
+              /* @__PURE__ */ e(T, { className: "text-lg" })
             ] }),
             placement: "bottom-end",
-            children: M.map((s) => /* @__PURE__ */ e(
+            children: S.map((s) => /* @__PURE__ */ e(
               t.Item,
               {
                 eventKey: s,
                 onSelect: b,
                 children: /* @__PURE__ */ r("div", { className: "flex items-center", children: [
                   /* @__PURE__ */ e(
-                    j,
+                    k,
                     {
                       innerClass: `${p[s]}`
                     }
@@ -132,10 +129,10 @@ const { TBody: W, Tr: X, Td: l } = $, M = ["Low", "Medium", "High"], B = ["Pendi
           }
         ) }),
         /* @__PURE__ */ e(l, { className: "w-[150px]", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2 cursor-pointer relative max-w-[200px]", children: [
-          /* @__PURE__ */ e(J, { className: "text-xl" }),
+          /* @__PURE__ */ e(U, { className: "text-xl" }),
           /* @__PURE__ */ e("span", { className: "font-semibold", children: d ? f.unix(d).format("DD MMM") : "Due date" }),
           /* @__PURE__ */ e(
-            H,
+            L,
             {
               className: "opacity-0 cursor-pointer absolute",
               value: f.unix(
@@ -160,20 +157,20 @@ const { TBody: W, Tr: X, Td: l } = $, M = ["Low", "Medium", "High"], B = ["Pendi
               placement: "bottom",
               renderTitle: /* @__PURE__ */ e("div", { className: "flex items-center gap-2 cursor-pointer", children: n ? /* @__PURE__ */ r(m, { children: [
                 /* @__PURE__ */ e(
-                  S,
+                  C,
                   {
                     shape: "circle",
                     size: "sm",
-                    src: (C = c.find(
+                    src: c.find(
                       (s) => s.id === n
-                    )) == null ? void 0 : C.img
+                    )?.img
                   }
                 ),
-                /* @__PURE__ */ e("span", { className: "font-bold heading-text", children: (T = c.find(
+                /* @__PURE__ */ e("span", { className: "font-bold heading-text", children: c.find(
                   (s) => s.id === n
-                )) == null ? void 0 : T.name })
+                )?.name })
               ] }) : /* @__PURE__ */ r(m, { children: [
-                /* @__PURE__ */ e(O, { className: "text-xl" }),
+                /* @__PURE__ */ e(q, { className: "text-xl" }),
                 /* @__PURE__ */ e("span", { className: "font-semibold", children: "Assignee" })
               ] }) }),
               children: c.map((s) => /* @__PURE__ */ e(
@@ -185,7 +182,7 @@ const { TBody: W, Tr: X, Td: l } = $, M = ["Low", "Medium", "High"], B = ["Pendi
                   ),
                   children: /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ r("div", { className: "flex items-center", children: [
                     /* @__PURE__ */ e(
-                      S,
+                      C,
                       {
                         shape: "circle",
                         size: 22,
@@ -200,11 +197,11 @@ const { TBody: W, Tr: X, Td: l } = $, M = ["Low", "Medium", "High"], B = ["Pendi
             }
           ),
           /* @__PURE__ */ e(
-            I,
+            D,
             {
               size: "sm",
               variant: "solid",
-              onClick: E,
+              onClick: $,
               children: "Create"
             }
           )
@@ -212,17 +209,17 @@ const { TBody: W, Tr: X, Td: l } = $, M = ["Low", "Medium", "High"], B = ["Pendi
       ] }) }) })
     }
   ) }) : /* @__PURE__ */ e(
-    I,
+    D,
     {
       block: !0,
-      icon: /* @__PURE__ */ e(Q, {}),
+      icon: /* @__PURE__ */ e(H, {}),
       customColorClass: () => "border-dashed border-2 hover:ring-transparent bg-gray-50",
-      onClick: () => F(z),
+      onClick: () => I(A),
       children: "Add task"
     }
   ) });
 };
 export {
-  xe as default
+  me as default
 };
 //# sourceMappingURL=AddTask.js.map

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'\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":["TBody","Tr","Td","Table","priorityList","statusList","AddTask","groupKey","isCreatingTask","onAddTaskClick","onCreateTask","inputRef","useRef","focused","setFocused","useState","status","setStatus","priority","setPriority","assignee","setAssignee","dueDate","setDuedate","boardMembers","useTasksStore","useEffect","_a","handleCreateClick","task","uniqueId","_b","member","_c","jsx","Fragment","classNames","jsxs","TbCircleCheck","Dropdown","Tag","labelClass","TbChevronDown","Badge","TbCalendar","dayjs","DatePicker","date","Avatar","TbUser","Button","TbPlus"],"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":["TBody","Tr","Td","Table","priorityList","statusList","AddTask","groupKey","isCreatingTask","onAddTaskClick","onCreateTask","inputRef","useRef","focused","setFocused","useState","status","setStatus","priority","setPriority","assignee","setAssignee","dueDate","setDuedate","boardMembers","useTasksStore","useEffect","handleCreateClick","task","uniqueId","member","jsx","Fragment","classNames","jsxs","TbCircleCheck","Dropdown","Tag","labelClass","TbChevronDown","Badge","TbCalendar","dayjs","DatePicker","date","Avatar","TbUser","Button","TbPlus"],"mappings":"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"}