@orbe-agro/client-core 5.6.186 → 5.6.188-prod.0

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

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

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

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

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

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

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

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

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

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

@@ -5,7 +5,7 @@ import "../../../../../components/view/TaskItem/index.js";
 import AddTask from "./AddTask.js";
 import { labelClass } from "../utils.js";
 import reoderArray from "../../../../../utils/reoderArray.js";
-import reorderDragable from "../../../../../utils/reorderDragable.js";
+import { reorderDragable } from "../../../../../utils/reorderDragable.js";
 import { useTasksStore } from "../store/tasksStore.js";
 import { DragDropContext, Droppable, Draggable } from "@hello-pangea/dnd";
 import { MdDragIndicator } from "react-icons/md";

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

@@ -1 +1 @@
-{"version":3,"file":"TaskList.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/TaskList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport TaskItem from '@/components/view/TaskItem'\nimport AddTask from './AddTask'\nimport { labelClass } from '../utils'\nimport reoderArray from '@/utils/reoderArray'\nimport reorderDragable from '@/utils/reorderDragable'\nimport { useTasksStore } from '../store/tasksStore'\nimport { Droppable, DragDropContext, Draggable } from '@hello-pangea/dnd'\nimport { MdDragIndicator } from 'react-icons/md'\nimport type { DropResult } from '@hello-pangea/dnd'\nimport type { Task } from '../types'\n\nconst { TBody } = Table\n\nconst TaskList = () => {\n    const [selectedCreateTaskButton, setSelectedCreateTaskButton] = useState('')\n\n    const { updateOrdered, updateGroups, ordered, groups } = useTasksStore()\n\n    const onDragEnd = (result: DropResult) => {\n        if (result.combine) {\n            if (result.type === 'COLUMN') {\n                const shallow = [...ordered]\n                shallow.splice(result.source.index, 1)\n                updateOrdered(shallow)\n                return\n            }\n\n            const column = groups[result.source.droppableId]\n            const withQuoteRemoved = [...column]\n            withQuoteRemoved.splice(result.source.index, 1)\n            const newColumns = {\n                ...groups,\n                [result.source.droppableId]: withQuoteRemoved,\n            }\n            updateGroups(newColumns)\n            return\n        }\n\n        if (!result.destination) {\n            return\n        }\n\n        const source = result.source\n        const destination = result.destination\n\n        if (\n            source.droppableId === destination.droppableId &&\n            source.index === destination.index\n        ) {\n            return\n        }\n\n        if (result.type === 'COLUMN') {\n            const newOrdered = reoderArray(\n                ordered,\n                source.index,\n                destination.index,\n            )\n            updateOrdered(newOrdered)\n            return\n        }\n\n        const data = reorderDragable<Record<string, Task[]>>({\n            quoteMap: groups,\n            source,\n            destination,\n        })\n\n        updateGroups(data.quoteMap)\n    }\n\n    const handleChange = (taskId: string, groupKey: string) => {\n        const newData = { ...groups }\n\n        newData[groupKey] = newData[groupKey].filter((task) => {\n            if (task.id === taskId) {\n                task.checked = !task.checked\n            }\n            return task\n        })\n\n        updateGroups(newData)\n    }\n\n    const handleCreatetask = (key: string, task: Task) => {\n        const newData = { ...groups }\n        newData[key].push(task)\n        updateGroups(newData)\n        setSelectedCreateTaskButton('')\n    }\n\n    return (\n        <DragDropContext onDragEnd={(result) => onDragEnd(result)}>\n            <Droppable droppableId=\"board\" type=\"COLUMN\" direction=\"vertical\">\n                {(provided) => (\n                    <div ref={provided.innerRef} {...provided.droppableProps}>\n                        <div className=\"flex flex-col gap-10\">\n                            {ordered.map((key, index) => (\n                                <Draggable\n                                    key={key}\n                                    draggableId={key}\n                                    index={index}\n                                >\n                                    {(provided) => (\n                                        <div\n                                            ref={provided.innerRef}\n                                            {...provided.draggableProps}\n                                        >\n                                            <div className=\"flex items-center gap-2 mb-4\">\n                                                <span\n                                                    className=\"text-lg\"\n                                                    {...provided.dragHandleProps}\n                                                >\n                                                    <MdDragIndicator />\n                                                </span>\n                                                <h4>{key}</h4>\n                                            </div>\n                                            <Table className=\"lg:overflow-hidden\">\n                                                <Droppable\n                                                    droppableId={key}\n                                                    type=\"CONTENT\"\n                                                >\n                                                    {(dropProvided) => (\n                                                        <TBody\n                                                            ref={\n                                                                dropProvided.innerRef\n                                                            }\n                                                            {...dropProvided.droppableProps}\n                                                        >\n                                                            {groups[key]?.map(\n                                                                (\n                                                                    item,\n                                                                    index,\n                                                                ) => (\n                                                                    <Draggable\n                                                                        key={\n                                                                            item.id +\n                                                                            index\n                                                                        }\n                                                                        draggableId={\n                                                                            item.id +\n                                                                            index\n                                                                        }\n                                                                        index={\n                                                                            index\n                                                                        }\n                                                                    >\n                                                                        {(\n                                                                            provided,\n                                                                        ) => (\n                                                                            <TaskItem\n                                                                                ref={\n                                                                                    provided.innerRef\n                                                                                }\n                                                                                taskId={\n                                                                                    item.id\n                                                                                }\n                                                                                progress={\n                                                                                    item.progress\n                                                                                }\n                                                                                checked={\n                                                                                    item.checked\n                                                                                }\n                                                                                name={\n                                                                                    item.name\n                                                                                }\n                                                                                dueDate={\n                                                                                    item.dueDate as number\n                                                                                }\n                                                                                assignee={\n                                                                                    item.assignee\n                                                                                }\n                                                                                priority={\n                                                                                    item.priority\n                                                                                }\n                                                                                dragger={\n                                                                                    <span\n                                                                                        {...provided.dragHandleProps}\n                                                                                    >\n                                                                                        <MdDragIndicator />\n                                                                                    </span>\n                                                                                }\n                                                                                labelClass={\n                                                                                    labelClass\n                                                                                }\n                                                                                onChange={(\n                                                                                    taskId,\n                                                                                ) =>\n                                                                                    handleChange(\n                                                                                        taskId,\n                                                                                        key,\n                                                                                    )\n                                                                                }\n                                                                                {...provided.draggableProps}\n                                                                            />\n                                                                        )}\n                                                                    </Draggable>\n                                                                ),\n                                                            )}\n                                                            {\n                                                                dropProvided.placeholder\n                                                            }\n                                                        </TBody>\n                                                    )}\n                                                </Droppable>\n                                            </Table>\n                                            <div className=\"mt-4\">\n                                                <AddTask\n                                                    isCreatingTask={\n                                                        key ===\n                                                        selectedCreateTaskButton\n                                                    }\n                                                    groupKey={key}\n                                                    onAddTaskClick={\n                                                        setSelectedCreateTaskButton\n                                                    }\n                                                    onCreateTask={(task) =>\n                                                        handleCreatetask(\n                                                            key,\n                                                            task,\n                                                        )\n                                                    }\n                                                />\n                                            </div>\n                                        </div>\n                                    )}\n                                </Draggable>\n                            ))}\n                            {provided.placeholder}\n                        </div>\n                    </div>\n                )}\n            </Droppable>\n        </DragDropContext>\n    )\n}\n\nexport default TaskList\n"],"names":["provided","index"],"mappings":"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"}
+{"version":3,"file":"TaskList.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/TaskList.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Table from '@/components/ui/Table'\r\nimport TaskItem from '@/components/view/TaskItem'\r\nimport AddTask from './AddTask'\r\nimport { labelClass } from '../utils'\r\nimport reoderArray from '@/utils/reoderArray'\r\nimport reorderDragable from '@/utils/reorderDragable'\r\nimport { useTasksStore } from '../store/tasksStore'\r\nimport { Droppable, DragDropContext, Draggable } from '@hello-pangea/dnd'\r\nimport { MdDragIndicator } from 'react-icons/md'\r\nimport type { DropResult } from '@hello-pangea/dnd'\r\nimport type { Task } from '../types'\r\n\r\nconst { TBody } = Table\r\n\r\nconst TaskList = () => {\r\n    const [selectedCreateTaskButton, setSelectedCreateTaskButton] = useState('')\r\n\r\n    const { updateOrdered, updateGroups, ordered, groups } = useTasksStore()\r\n\r\n    const onDragEnd = (result: DropResult) => {\r\n        if (result.combine) {\r\n            if (result.type === 'COLUMN') {\r\n                const shallow = [...ordered]\r\n                shallow.splice(result.source.index, 1)\r\n                updateOrdered(shallow)\r\n                return\r\n            }\r\n\r\n            const column = groups[result.source.droppableId]\r\n            const withQuoteRemoved = [...column]\r\n            withQuoteRemoved.splice(result.source.index, 1)\r\n            const newColumns = {\r\n                ...groups,\r\n                [result.source.droppableId]: withQuoteRemoved,\r\n            }\r\n            updateGroups(newColumns)\r\n            return\r\n        }\r\n\r\n        if (!result.destination) {\r\n            return\r\n        }\r\n\r\n        const source = result.source\r\n        const destination = result.destination\r\n\r\n        if (\r\n            source.droppableId === destination.droppableId &&\r\n            source.index === destination.index\r\n        ) {\r\n            return\r\n        }\r\n\r\n        if (result.type === 'COLUMN') {\r\n            const newOrdered = reoderArray(\r\n                ordered,\r\n                source.index,\r\n                destination.index,\r\n            )\r\n            updateOrdered(newOrdered)\r\n            return\r\n        }\r\n\r\n        const data = reorderDragable<Record<string, Task[]>>({\r\n            quoteMap: groups,\r\n            source,\r\n            destination,\r\n        })\r\n\r\n        updateGroups(data.quoteMap)\r\n    }\r\n\r\n    const handleChange = (taskId: string, groupKey: string) => {\r\n        const newData = { ...groups }\r\n\r\n        newData[groupKey] = newData[groupKey].filter((task) => {\r\n            if (task.id === taskId) {\r\n                task.checked = !task.checked\r\n            }\r\n            return task\r\n        })\r\n\r\n        updateGroups(newData)\r\n    }\r\n\r\n    const handleCreatetask = (key: string, task: Task) => {\r\n        const newData = { ...groups }\r\n        newData[key].push(task)\r\n        updateGroups(newData)\r\n        setSelectedCreateTaskButton('')\r\n    }\r\n\r\n    return (\r\n        <DragDropContext onDragEnd={(result) => onDragEnd(result)}>\r\n            <Droppable droppableId=\"board\" type=\"COLUMN\" direction=\"vertical\">\r\n                {(provided) => (\r\n                    <div ref={provided.innerRef} {...provided.droppableProps}>\r\n                        <div className=\"flex flex-col gap-10\">\r\n                            {ordered.map((key, index) => (\r\n                                <Draggable\r\n                                    key={key}\r\n                                    draggableId={key}\r\n                                    index={index}\r\n                                >\r\n                                    {(provided) => (\r\n                                        <div\r\n                                            ref={provided.innerRef}\r\n                                            {...provided.draggableProps}\r\n                                        >\r\n                                            <div className=\"flex items-center gap-2 mb-4\">\r\n                                                <span\r\n                                                    className=\"text-lg\"\r\n                                                    {...provided.dragHandleProps}\r\n                                                >\r\n                                                    <MdDragIndicator />\r\n                                                </span>\r\n                                                <h4>{key}</h4>\r\n                                            </div>\r\n                                            <Table className=\"lg:overflow-hidden\">\r\n                                                <Droppable\r\n                                                    droppableId={key}\r\n                                                    type=\"CONTENT\"\r\n                                                >\r\n                                                    {(dropProvided) => (\r\n                                                        <TBody\r\n                                                            ref={\r\n                                                                dropProvided.innerRef\r\n                                                            }\r\n                                                            {...dropProvided.droppableProps}\r\n                                                        >\r\n                                                            {groups[key]?.map(\r\n                                                                (\r\n                                                                    item,\r\n                                                                    index,\r\n                                                                ) => (\r\n                                                                    <Draggable\r\n                                                                        key={\r\n                                                                            item.id +\r\n                                                                            index\r\n                                                                        }\r\n                                                                        draggableId={\r\n                                                                            item.id +\r\n                                                                            index\r\n                                                                        }\r\n                                                                        index={\r\n                                                                            index\r\n                                                                        }\r\n                                                                    >\r\n                                                                        {(\r\n                                                                            provided,\r\n                                                                        ) => (\r\n                                                                            <TaskItem\r\n                                                                                ref={\r\n                                                                                    provided.innerRef\r\n                                                                                }\r\n                                                                                taskId={\r\n                                                                                    item.id\r\n                                                                                }\r\n                                                                                progress={\r\n                                                                                    item.progress\r\n                                                                                }\r\n                                                                                checked={\r\n                                                                                    item.checked\r\n                                                                                }\r\n                                                                                name={\r\n                                                                                    item.name\r\n                                                                                }\r\n                                                                                dueDate={\r\n                                                                                    item.dueDate as number\r\n                                                                                }\r\n                                                                                assignee={\r\n                                                                                    item.assignee\r\n                                                                                }\r\n                                                                                priority={\r\n                                                                                    item.priority\r\n                                                                                }\r\n                                                                                dragger={\r\n                                                                                    <span\r\n                                                                                        {...provided.dragHandleProps}\r\n                                                                                    >\r\n                                                                                        <MdDragIndicator />\r\n                                                                                    </span>\r\n                                                                                }\r\n                                                                                labelClass={\r\n                                                                                    labelClass\r\n                                                                                }\r\n                                                                                onChange={(\r\n                                                                                    taskId,\r\n                                                                                ) =>\r\n                                                                                    handleChange(\r\n                                                                                        taskId,\r\n                                                                                        key,\r\n                                                                                    )\r\n                                                                                }\r\n                                                                                {...provided.draggableProps}\r\n                                                                            />\r\n                                                                        )}\r\n                                                                    </Draggable>\r\n                                                                ),\r\n                                                            )}\r\n                                                            {\r\n                                                                dropProvided.placeholder\r\n                                                            }\r\n                                                        </TBody>\r\n                                                    )}\r\n                                                </Droppable>\r\n                                            </Table>\r\n                                            <div className=\"mt-4\">\r\n                                                <AddTask\r\n                                                    isCreatingTask={\r\n                                                        key ===\r\n                                                        selectedCreateTaskButton\r\n                                                    }\r\n                                                    groupKey={key}\r\n                                                    onAddTaskClick={\r\n                                                        setSelectedCreateTaskButton\r\n                                                    }\r\n                                                    onCreateTask={(task) =>\r\n                                                        handleCreatetask(\r\n                                                            key,\r\n                                                            task,\r\n                                                        )\r\n                                                    }\r\n                                                />\r\n                                            </div>\r\n                                        </div>\r\n                                    )}\r\n                                </Draggable>\r\n                            ))}\r\n                            {provided.placeholder}\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </Droppable>\r\n        </DragDropContext>\r\n    )\r\n}\r\n\r\nexport default TaskList\r\n"],"names":["provided","index"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TasksHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/TasksHeader.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport { useState, useRef, useEffect } from 'react'\nimport Input from '@/components/ui/Input'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport wildCardSearch from '@/utils/wildCardSearch'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport { useTasksStore } from '../store/tasksStore'\nimport { TbSearch, TbPlus } from 'react-icons/tb'\nimport classNames from '@/utils/classNames'\nimport debounce from 'lodash/debounce'\nimport cloneDeep from 'lodash/cloneDeep'\nimport type { ChangeEvent } from 'react'\nimport type { Member } from '../types'\n\nconst TasksHeader = () => {\n    const inputRef = useRef(null)\n\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const { allMembers, boardMembers, updateBoardMembers } = useTasksStore()\n\n    const [memberList, setMemberList] = useState<Member[]>([])\n\n    useEffect(() => {\n        if (allMembers.length > 1) {\n            setMemberList(allMembers)\n        }\n    }, [allMembers])\n\n    const debounceFn = debounce(handleDebounceFn, 500)\n\n    function handleDebounceFn(query: string) {\n        const data = wildCardSearch(allMembers, query, 'name')\n        setMemberList(data as Member[])\n    }\n\n    const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e.target.value)\n    }\n\n    const existingMember = (id: string) => {\n        return boardMembers.some((member) => member.id === id)\n    }\n\n    const onAddMember = (member: Member) => {\n        const data = cloneDeep(boardMembers)\n        data.push(member)\n        updateBoardMembers(data)\n    }\n\n    const onRemoveMember = (id: string) => {\n        const data = cloneDeep(boardMembers).filter(\n            (member) => member.id !== id,\n        )\n        updateBoardMembers(data)\n    }\n\n    const onDone = () => {\n        setDialogOpen(false)\n    }\n\n    return (\n        <>\n            <div className=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\n                <h3>Tasks</h3>\n                <div className=\"flex items-center gap-2\">\n                    <UsersAvatarGroup\n                        className=\"flex items-center\"\n                        avatarProps={{ size: 'sm' }}\n                        users={boardMembers}\n                    />\n                    <Button\n                        size=\"sm\"\n                        icon={<TbPlus />}\n                        onClick={() => setDialogOpen(true)}\n                    >\n                        Add members\n                    </Button>\n                </div>\n            </div>\n            <Dialog\n                isOpen={dialogOpen}\n                width={520}\n                onClose={() => setDialogOpen(false)}\n                onRequestClose={() => setDialogOpen(false)}\n            >\n                <div>\n                    <div className=\"text-center mb-6\">\n                        <h4 className=\"mb-1\">Add people</h4>\n                        <p>Invite existing team member to this project.</p>\n                    </div>\n                    <Input\n                        ref={inputRef}\n                        prefix={<TbSearch className=\"text-lg\" />}\n                        placeholder=\"Quick search member\"\n                        onChange={onSearch}\n                    />\n                    <div className=\"mt-4\">\n                        <p className=\"font-semibold uppercase text-xs mb-4\">\n                            {memberList.length} members available\n                        </p>\n                        <div className=\"mb-6\">\n                            <ScrollBar\n                                className={classNames('overflow-y-auto h-80')}\n                            >\n                                {memberList.map((member) => (\n                                    <div\n                                        key={member.id}\n                                        className=\"py-3 pr-5 rounded-lg flex items-center justify-between\"\n                                    >\n                                        <div className=\"flex items-center gap-2\">\n                                            <Avatar\n                                                shape=\"circle\"\n                                                src={member.img}\n                                            />\n                                            <div>\n                                                <p className=\"heading-text font-bold\">\n                                                    {member.name}\n                                                </p>\n                                            </div>\n                                        </div>\n                                        {existingMember(member.id) ? (\n                                            <Button\n                                                size=\"xs\"\n                                                customColorClass={() =>\n                                                    'hover:border-red-500 hover:ring-red-500'\n                                                }\n                                                onClick={() =>\n                                                    onRemoveMember(member.id)\n                                                }\n                                            >\n                                                <span className=\"text-red-500\">\n                                                    Remove\n                                                </span>\n                                            </Button>\n                                        ) : (\n                                            <Button\n                                                size=\"xs\"\n                                                onClick={() =>\n                                                    onAddMember(member)\n                                                }\n                                            >\n                                                Add\n                                            </Button>\n                                        )}\n                                    </div>\n                                ))}\n                            </ScrollBar>\n                        </div>\n                        <Button block variant=\"solid\" onClick={onDone}>\n                            Done\n                        </Button>\n                    </div>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default TasksHeader\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,cAAc,MAAM;AACtB,QAAM,WAAW,OAAO,IAAI;AAE5B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,EAAE,YAAY,cAAc,mBAAA,IAAuB,cAAA;AAEzD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAmB,CAAA,CAAE;AAEzD,YAAU,MAAM;AACZ,QAAI,WAAW,SAAS,GAAG;AACvB,oBAAc,UAAU;AAAA,IAC5B;AAAA,EACJ,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,aAAa,SAAS,kBAAkB,GAAG;AAEjD,WAAS,iBAAiB,OAAe;AACrC,UAAM,OAAO,eAAe,YAAY,OAAO,MAAM;AACrD,kBAAc,IAAgB;AAAA,EAClC;AAEA,QAAM,WAAW,CAAC,MAAqC;AACnD,eAAW,EAAE,OAAO,KAAK;AAAA,EAC7B;AAEA,QAAM,iBAAiB,CAAC,OAAe;AACnC,WAAO,aAAa,KAAK,CAAC,WAAW,OAAO,OAAO,EAAE;AAAA,EACzD;AAEA,QAAM,cAAc,CAAC,WAAmB;AACpC,UAAM,OAAO,UAAU,YAAY;AACnC,SAAK,KAAK,MAAM;AAChB,uBAAmB,IAAI;AAAA,EAC3B;AAEA,QAAM,iBAAiB,CAAC,OAAe;AACnC,UAAM,OAAO,UAAU,YAAY,EAAE;AAAA,MACjC,CAAC,WAAW,OAAO,OAAO;AAAA,IAAA;AAE9B,uBAAmB,IAAI;AAAA,EAC3B;AAEA,QAAM,SAAS,MAAM;AACjB,kBAAc,KAAK;AAAA,EACvB;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mEACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,QAAA,CAAK;AAAA,MACT,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,aAAa,EAAE,MAAM,KAAA;AAAA,YACrB,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,0BAAO,QAAA,EAAO;AAAA,YACd,SAAS,MAAM,cAAc,IAAI;AAAA,YACpC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS,MAAM,cAAc,KAAK;AAAA,QAClC,gBAAgB,MAAM,cAAc,KAAK;AAAA,QAEzC,+BAAC,OAAA,EACG,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,cAAU;AAAA,YAC/B,oBAAC,OAAE,UAAA,+CAAA,CAA4C;AAAA,UAAA,GACnD;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,KAAK;AAAA,cACL,QAAQ,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,cACtC,aAAY;AAAA,cACZ,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,YAAA,qBAAC,KAAA,EAAE,WAAU,wCACR,UAAA;AAAA,cAAA,WAAW;AAAA,cAAO;AAAA,YAAA,GACvB;AAAA,YACA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW,WAAW,sBAAsB;AAAA,gBAE3C,UAAA,WAAW,IAAI,CAAC,WACb;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEG,WAAU;AAAA,oBAEV,UAAA;AAAA,sBAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,wBAAA;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACG,OAAM;AAAA,4BACN,KAAK,OAAO;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAEhB,oBAAC,SACG,UAAA,oBAAC,KAAA,EAAE,WAAU,0BACR,UAAA,OAAO,MACZ,EAAA,CACJ;AAAA,sBAAA,GACJ;AAAA,sBACC,eAAe,OAAO,EAAE,IACrB;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACG,MAAK;AAAA,0BACL,kBAAkB,MACd;AAAA,0BAEJ,SAAS,MACL,eAAe,OAAO,EAAE;AAAA,0BAG5B,UAAA,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,SAAA,CAE/B;AAAA,wBAAA;AAAA,sBAAA,IAGJ;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACG,MAAK;AAAA,0BACL,SAAS,MACL,YAAY,MAAM;AAAA,0BAEzB,UAAA;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAED;AAAA,kBAAA;AAAA,kBApCC,OAAO;AAAA,gBAAA,CAuCnB;AAAA,cAAA;AAAA,YAAA,GAET;AAAA,YACA,oBAAC,UAAO,OAAK,MAAC,SAAQ,SAAQ,SAAS,QAAQ,UAAA,OAAA,CAE/C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"TasksHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/TasksHeader.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\r\nimport { useState, useRef, useEffect } from 'react'\r\nimport Input from '@/components/ui/Input'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport wildCardSearch from '@/utils/wildCardSearch'\r\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\r\nimport { useTasksStore } from '../store/tasksStore'\r\nimport { TbSearch, TbPlus } from 'react-icons/tb'\r\nimport classNames from '@/utils/classNames'\r\nimport debounce from 'lodash/debounce'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport type { ChangeEvent } from 'react'\r\nimport type { Member } from '../types'\r\n\r\nconst TasksHeader = () => {\r\n    const inputRef = useRef(null)\r\n\r\n    const [dialogOpen, setDialogOpen] = useState(false)\r\n\r\n    const { allMembers, boardMembers, updateBoardMembers } = useTasksStore()\r\n\r\n    const [memberList, setMemberList] = useState<Member[]>([])\r\n\r\n    useEffect(() => {\r\n        if (allMembers.length > 1) {\r\n            setMemberList(allMembers)\r\n        }\r\n    }, [allMembers])\r\n\r\n    const debounceFn = debounce(handleDebounceFn, 500)\r\n\r\n    function handleDebounceFn(query: string) {\r\n        const data = wildCardSearch(allMembers, query, 'name')\r\n        setMemberList(data as Member[])\r\n    }\r\n\r\n    const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\r\n        debounceFn(e.target.value)\r\n    }\r\n\r\n    const existingMember = (id: string) => {\r\n        return boardMembers.some((member) => member.id === id)\r\n    }\r\n\r\n    const onAddMember = (member: Member) => {\r\n        const data = cloneDeep(boardMembers)\r\n        data.push(member)\r\n        updateBoardMembers(data)\r\n    }\r\n\r\n    const onRemoveMember = (id: string) => {\r\n        const data = cloneDeep(boardMembers).filter(\r\n            (member) => member.id !== id,\r\n        )\r\n        updateBoardMembers(data)\r\n    }\r\n\r\n    const onDone = () => {\r\n        setDialogOpen(false)\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div className=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\r\n                <h3>Tasks</h3>\r\n                <div className=\"flex items-center gap-2\">\r\n                    <UsersAvatarGroup\r\n                        className=\"flex items-center\"\r\n                        avatarProps={{ size: 'sm' }}\r\n                        users={boardMembers}\r\n                    />\r\n                    <Button\r\n                        size=\"sm\"\r\n                        icon={<TbPlus />}\r\n                        onClick={() => setDialogOpen(true)}\r\n                    >\r\n                        Add members\r\n                    </Button>\r\n                </div>\r\n            </div>\r\n            <Dialog\r\n                isOpen={dialogOpen}\r\n                width={520}\r\n                onClose={() => setDialogOpen(false)}\r\n                onRequestClose={() => setDialogOpen(false)}\r\n            >\r\n                <div>\r\n                    <div className=\"text-center mb-6\">\r\n                        <h4 className=\"mb-1\">Add people</h4>\r\n                        <p>Invite existing team member to this project.</p>\r\n                    </div>\r\n                    <Input\r\n                        ref={inputRef}\r\n                        prefix={<TbSearch className=\"text-lg\" />}\r\n                        placeholder=\"Quick search member\"\r\n                        onChange={onSearch}\r\n                    />\r\n                    <div className=\"mt-4\">\r\n                        <p className=\"font-semibold uppercase text-xs mb-4\">\r\n                            {memberList.length} members available\r\n                        </p>\r\n                        <div className=\"mb-6\">\r\n                            <ScrollBar\r\n                                className={classNames('overflow-y-auto h-80')}\r\n                            >\r\n                                {memberList.map((member) => (\r\n                                    <div\r\n                                        key={member.id}\r\n                                        className=\"py-3 pr-5 rounded-lg flex items-center justify-between\"\r\n                                    >\r\n                                        <div className=\"flex items-center gap-2\">\r\n                                            <Avatar\r\n                                                shape=\"circle\"\r\n                                                src={member.img}\r\n                                            />\r\n                                            <div>\r\n                                                <p className=\"heading-text font-bold\">\r\n                                                    {member.name}\r\n                                                </p>\r\n                                            </div>\r\n                                        </div>\r\n                                        {existingMember(member.id) ? (\r\n                                            <Button\r\n                                                size=\"xs\"\r\n                                                customColorClass={() =>\r\n                                                    'hover:border-red-500 hover:ring-red-500'\r\n                                                }\r\n                                                onClick={() =>\r\n                                                    onRemoveMember(member.id)\r\n                                                }\r\n                                            >\r\n                                                <span className=\"text-red-500\">\r\n                                                    Remove\r\n                                                </span>\r\n                                            </Button>\r\n                                        ) : (\r\n                                            <Button\r\n                                                size=\"xs\"\r\n                                                onClick={() =>\r\n                                                    onAddMember(member)\r\n                                                }\r\n                                            >\r\n                                                Add\r\n                                            </Button>\r\n                                        )}\r\n                                    </div>\r\n                                ))}\r\n                            </ScrollBar>\r\n                        </div>\r\n                        <Button block variant=\"solid\" onClick={onDone}>\r\n                            Done\r\n                        </Button>\r\n                    </div>\r\n                </div>\r\n            </Dialog>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default TasksHeader\r\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"tasksStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/store/tasksStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { Groups, Members } from '../types'\n\nexport type ScrumBoardState = {\n    groups: Groups\n    ordered: string[]\n    boardMembers: Members\n    allMembers: Members\n}\n\ntype ScrumBoardAction = {\n    updateOrdered: (payload: string[]) => void\n    updateGroups: (payload: Groups) => void\n    updateBoardMembers: (payload: Members) => void\n    updateAllMembers: (payload: Members) => void\n}\n\nconst initialState: ScrumBoardState = {\n    groups: {},\n    ordered: [],\n    boardMembers: [],\n    allMembers: [],\n}\n\nexport const useTasksStore = create<ScrumBoardState & ScrumBoardAction>(\n    (set) => ({\n        ...initialState,\n        updateOrdered: (payload) =>\n            set(() => {\n                return { ordered: payload }\n            }),\n        updateGroups: (payload) => set(() => ({ groups: payload })),\n        updateBoardMembers: (payload) => set(() => ({ boardMembers: payload })),\n        updateAllMembers: (payload) => set(() => ({ allMembers: payload })),\n    }),\n)\n"],"names":[],"mappings":";AAiBA,MAAM,eAAgC;AAAA,EAClC,QAAQ,CAAA;AAAA,EACR,SAAS,CAAA;AAAA,EACT,cAAc,CAAA;AAAA,EACd,YAAY,CAAA;AAChB;AAEO,MAAM,gBAAgB;AAAA,EACzB,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,eAAe,CAAC,YACZ,IAAI,MAAM;AACN,aAAO,EAAE,SAAS,QAAA;AAAA,IACtB,CAAC;AAAA,IACL,cAAc,CAAC,YAAY,IAAI,OAAO,EAAE,QAAQ,UAAU;AAAA,IAC1D,oBAAoB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,IACtE,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,EAAA;AAE1E;"}
+{"version":3,"file":"tasksStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/store/tasksStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { Groups, Members } from '../types'\r\n\r\nexport type ScrumBoardState = {\r\n    groups: Groups\r\n    ordered: string[]\r\n    boardMembers: Members\r\n    allMembers: Members\r\n}\r\n\r\ntype ScrumBoardAction = {\r\n    updateOrdered: (payload: string[]) => void\r\n    updateGroups: (payload: Groups) => void\r\n    updateBoardMembers: (payload: Members) => void\r\n    updateAllMembers: (payload: Members) => void\r\n}\r\n\r\nconst initialState: ScrumBoardState = {\r\n    groups: {},\r\n    ordered: [],\r\n    boardMembers: [],\r\n    allMembers: [],\r\n}\r\n\r\nexport const useTasksStore = create<ScrumBoardState & ScrumBoardAction>(\r\n    (set) => ({\r\n        ...initialState,\r\n        updateOrdered: (payload) =>\r\n            set(() => {\r\n                return { ordered: payload }\r\n            }),\r\n        updateGroups: (payload) => set(() => ({ groups: payload })),\r\n        updateBoardMembers: (payload) => set(() => ({ boardMembers: payload })),\r\n        updateAllMembers: (payload) => set(() => ({ allMembers: payload })),\r\n    }),\r\n)\r\n"],"names":[],"mappings":";AAiBA,MAAM,eAAgC;AAAA,EAClC,QAAQ,CAAC;AAAA,EACT,SAAS,CAAC;AAAA,EACV,cAAc,CAAC;AAAA,EACf,YAAY,CAAA;AAChB;AAEO,MAAM,gBAAgB;AAAA,EACzB,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,eAAe,CAAC,YACZ,IAAI,MAAM;AACC,aAAA,EAAE,SAAS,QAAQ;AAAA,IAAA,CAC7B;AAAA,IACL,cAAc,CAAC,YAAY,IAAI,OAAO,EAAE,QAAQ,UAAU;AAAA,IAC1D,oBAAoB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,IACtE,kBAAkB,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,EACtE;AACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/Tasks/utils.ts"],"sourcesContent":["export const labelClass: Record<string, string> = {\n    'In Progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\n    Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\n    Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n    High: 'bg-red-200 dark:bg-red-200 dark:text-gray-900',\n    Medium: 'bg-orange-200 dark:bg-orange-200 dark:text-gray-900',\n    Low: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\n}\n"],"names":[],"mappings":"AAAO,MAAM,aAAqC;AAAA,EAC9C,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AACT;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/Tasks/utils.ts"],"sourcesContent":["export const labelClass: Record<string, string> = {\r\n    'In Progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\r\n    Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\r\n    Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\r\n    High: 'bg-red-200 dark:bg-red-200 dark:text-gray-900',\r\n    Medium: 'bg-orange-200 dark:bg-orange-200 dark:text-gray-900',\r\n    Low: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\r\n}\r\n"],"names":[],"mappings":"AAAO,MAAM,aAAqC;AAAA,EAC9C,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AACT;"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/AnalyticDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticDashboard.js","sources":["../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/AnalyticDashboard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Loading from '@/components/shared/Loading'\nimport AnalyticHeader from './components/AnalyticHeader'\nimport Metrics from './components/Metrics'\nimport WebAnalytic from './components/AnalyticChart'\nimport Traffic from './components/Traffic'\nimport TopChannel from './components/TopChannel'\nimport DeviceSession from './components/DeviceSession'\nimport TopPerformingPages from './components/TopPerformingPages'\nimport { apiGetAnalyticDashboard } from '@/services/DashboardService'\nimport useSWR from 'swr'\nimport type { GetAnalyticDashboardResponse, Period } from './types'\n\nconst AnalyticDashboard = () => {\n    const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n    const { data, isLoading } = useSWR(\n        ['/api/dashboard/analytic'],\n        () => apiGetAnalyticDashboard<GetAnalyticDashboardResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    return (\n        <Loading loading={isLoading}>\n            {data && (\n                <div className=\"flex flex-col gap-4\">\n                    <AnalyticHeader\n                        selectedPeriod={selectedPeriod}\n                        onSelectedPeriodChange={setSelectedPeriod}\n                    />\n                    <div className=\"flex flex-col 2xl:grid grid-cols-4 gap-4\">\n                        <div className=\"col-span-4 2xl:col-span-3\">\n                            <WebAnalytic\n                                data={data[selectedPeriod].webAnalytic}\n                            />\n                        </div>\n                        <div className=\"2xl:col-span-1\">\n                            <Metrics\n                                data={data[selectedPeriod].metrics}\n                                selectedPeriod={selectedPeriod}\n                            />\n                        </div>\n                    </div>\n                    <div className=\"grid grid-cols-12 gap-4\">\n                        <div className=\"col-span-12 md:col-span-6 xl:col-span-4\">\n                            <TopPerformingPages\n                                data={data[selectedPeriod].topPages}\n                            />\n                        </div>\n                        <div className=\"col-span-12 md:col-span-6 xl:col-span-4\">\n                            <DeviceSession\n                                data={data[selectedPeriod].deviceSession}\n                            />\n                        </div>\n                        <div className=\"col-span-12 xl:col-span-4\">\n                            <TopChannel\n                                data={data[selectedPeriod].topChannel}\n                            />\n                        </div>\n                        <div className=\"col-span-12\">\n                            <Traffic data={data[selectedPeriod].traffic} />\n                        </div>\n                    </div>\n                </div>\n            )}\n        </Loading>\n    )\n}\n\nexport default AnalyticDashboard\n"],"names":[],"mappings":";;;;;;;;;;;;AAaA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAiB,WAAW;AAExE,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,yBAAyB;AAAA,IAC1B,MAAM,wBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,oBAAC,WAAQ,SAAS,WACb,kBACG,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,wBAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5B,qBAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,KAAK,cAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,KAAK,cAAc,EAAE;AAAA,UAC3B;AAAA,QAAA;AAAA,MAAA,EACJ,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,KAAK,cAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,KAAK,cAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,KAAK,cAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,eACX,UAAA,oBAAC,SAAA,EAAQ,MAAM,KAAK,cAAc,EAAE,QAAA,CAAS,EAAA,CACjD;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAER;AAER;"}
+{"version":3,"file":"AnalyticDashboard.js","sources":["../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/AnalyticDashboard.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Loading from '@/components/shared/Loading'\r\nimport AnalyticHeader from './components/AnalyticHeader'\r\nimport Metrics from './components/Metrics'\r\nimport WebAnalytic from './components/AnalyticChart'\r\nimport Traffic from './components/Traffic'\r\nimport TopChannel from './components/TopChannel'\r\nimport DeviceSession from './components/DeviceSession'\r\nimport TopPerformingPages from './components/TopPerformingPages'\r\nimport { apiGetAnalyticDashboard } from '@/services/DashboardService'\r\nimport useSWR from 'swr'\r\nimport type { GetAnalyticDashboardResponse, Period } from './types'\r\n\r\nconst AnalyticDashboard = () => {\r\n    const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\r\n\r\n    const { data, isLoading } = useSWR(\r\n        ['/api/dashboard/analytic'],\r\n        () => apiGetAnalyticDashboard<GetAnalyticDashboardResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    return (\r\n        <Loading loading={isLoading}>\r\n            {data && (\r\n                <div className=\"flex flex-col gap-4\">\r\n                    <AnalyticHeader\r\n                        selectedPeriod={selectedPeriod}\r\n                        onSelectedPeriodChange={setSelectedPeriod}\r\n                    />\r\n                    <div className=\"flex flex-col 2xl:grid grid-cols-4 gap-4\">\r\n                        <div className=\"col-span-4 2xl:col-span-3\">\r\n                            <WebAnalytic\r\n                                data={data[selectedPeriod].webAnalytic}\r\n                            />\r\n                        </div>\r\n                        <div className=\"2xl:col-span-1\">\r\n                            <Metrics\r\n                                data={data[selectedPeriod].metrics}\r\n                                selectedPeriod={selectedPeriod}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"grid grid-cols-12 gap-4\">\r\n                        <div className=\"col-span-12 md:col-span-6 xl:col-span-4\">\r\n                            <TopPerformingPages\r\n                                data={data[selectedPeriod].topPages}\r\n                            />\r\n                        </div>\r\n                        <div className=\"col-span-12 md:col-span-6 xl:col-span-4\">\r\n                            <DeviceSession\r\n                                data={data[selectedPeriod].deviceSession}\r\n                            />\r\n                        </div>\r\n                        <div className=\"col-span-12 xl:col-span-4\">\r\n                            <TopChannel\r\n                                data={data[selectedPeriod].topChannel}\r\n                            />\r\n                        </div>\r\n                        <div className=\"col-span-12\">\r\n                            <Traffic data={data[selectedPeriod].traffic} />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            )}\r\n        </Loading>\r\n    )\r\n}\r\n\r\nexport default AnalyticDashboard\r\n"],"names":[],"mappings":";;;;;;;;;;;;AAaA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAiB,WAAW;AAElE,QAAA,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,yBAAyB;AAAA,IAC1B,MAAM,wBAAsD;AAAA,IAC5D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAE/B;AAGI,SAAA,oBAAC,WAAQ,SAAS,WACb,kBACI,qBAAA,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,wBAAwB;AAAA,MAAA;AAAA,IAC5B;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,4CACX,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,KAAK,cAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,oBAAC,OAAI,EAAA,WAAU,kBACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,KAAK,cAAc,EAAE;AAAA,UAC3B;AAAA,QAAA;AAAA,MAAA,EAER,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,KAAK,cAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,oBAAC,OAAI,EAAA,WAAU,2CACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,KAAK,cAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,oBAAC,OAAI,EAAA,WAAU,6BACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,KAAK,cAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,oBAAC,OAAI,EAAA,WAAU,eACX,UAAA,oBAAC,SAAQ,EAAA,MAAM,KAAK,cAAc,EAAE,QAAS,CAAA,EACjD,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,EAAA,CACJ,EAER,CAAA;AAER;"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticChart.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticChart.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport Chart from '@/components/shared/Chart'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport { COLORS } from '@/constants/chart.constant'\nimport { useThemeStore } from '@/store/themeStore'\nimport { NumericFormat } from 'react-number-format'\nimport type { WebAnalyticData } from '../types'\n\ntype WebAnalyticProps = {\n    data: WebAnalyticData\n}\n\nconst WebAnalytic = ({ data }: WebAnalyticProps) => {\n    const isFirstRender = useRef(true)\n\n    const sideNavCollapse = useThemeStore(\n        (state) => state.layout.sideNavCollapse,\n    )\n\n    useEffect(() => {\n        if (!sideNavCollapse && isFirstRender.current) {\n            isFirstRender.current = false\n            return\n        }\n\n        if (!isFirstRender.current) {\n            window.dispatchEvent(new Event('resize'))\n        }\n    }, [sideNavCollapse])\n\n    return (\n        <Card className=\"h-full\">\n            <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4\">\n                <h4>Web analytic</h4>\n                <div className=\"inline-flex items-center gap-6\">\n                    <div className=\"flex items-center gap-1.5\">\n                        <div\n                            className=\"h-3.5 w-3.5 rounded\"\n                            style={{ backgroundColor: COLORS[0] }}\n                        />\n                        <div>Natural</div>\n                    </div>\n                    <div className=\"flex items-center gap-1.5\">\n                        <div\n                            className=\"h-3.5 w-3.5 rounded\"\n                            style={{ backgroundColor: COLORS[7] }}\n                        />\n                        <div>Referral</div>\n                    </div>\n                    <div className=\"flex items-center gap-1.5\">\n                        <div\n                            className=\"h-3.5 w-3.5 rounded\"\n                            style={{ backgroundColor: COLORS[8] }}\n                        />\n                        <div>Direct</div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <div className=\"flex items-center gap-10\">\n                    <div>\n                        <div className=\"mb-2\">Page views</div>\n                        <div className=\"flex items-end gap-2\">\n                            <h3>\n                                <NumericFormat\n                                    displayType=\"text\"\n                                    value={data.pageView.value}\n                                    prefix={'$'}\n                                    thousandSeparator={true}\n                                />\n                            </h3>\n                            <GrowShrinkValue\n                                className=\"font-bold\"\n                                value={data.pageView.growShrink}\n                                suffix=\"%\"\n                                positiveIcon=\"+\"\n                                negativeIcon=\"\"\n                            />\n                        </div>\n                    </div>\n                    <div>\n                        <div className=\"mb-2\">Avg. Time on page</div>\n                        <div className=\"flex items-end gap-2\">\n                            <h3>{data.avgTimeOnPage.value}</h3>\n                            <GrowShrinkValue\n                                className=\"font-bold\"\n                                value={data.avgTimeOnPage.growShrink}\n                                suffix=\"%\"\n                                positiveIcon=\"+\"\n                                negativeIcon=\"\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-4\">\n                <Chart\n                    type=\"line\"\n                    series={data.series}\n                    xAxis={data.date}\n                    height=\"330px\"\n                    customOptions={{\n                        legend: { show: false },\n                        colors: [COLORS[0], COLORS[7], COLORS[8]],\n                    }}\n                />\n            </div>\n        </Card>\n    )\n}\n\nexport default WebAnalytic\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AnalyticChart.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticChart.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport Chart from '@/components/shared/Chart'\r\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\r\nimport { COLORS } from '@/constants/chart.constant'\r\nimport { useThemeStore } from '@/store/themeStore'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport type { WebAnalyticData } from '../types'\r\n\r\ntype WebAnalyticProps = {\r\n    data: WebAnalyticData\r\n}\r\n\r\nconst WebAnalytic = ({ data }: WebAnalyticProps) => {\r\n    const isFirstRender = useRef(true)\r\n\r\n    const sideNavCollapse = useThemeStore(\r\n        (state) => state.layout.sideNavCollapse,\r\n    )\r\n\r\n    useEffect(() => {\r\n        if (!sideNavCollapse && isFirstRender.current) {\r\n            isFirstRender.current = false\r\n            return\r\n        }\r\n\r\n        if (!isFirstRender.current) {\r\n            window.dispatchEvent(new Event('resize'))\r\n        }\r\n    }, [sideNavCollapse])\r\n\r\n    return (\r\n        <Card className=\"h-full\">\r\n            <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4\">\r\n                <h4>Web analytic</h4>\r\n                <div className=\"inline-flex items-center gap-6\">\r\n                    <div className=\"flex items-center gap-1.5\">\r\n                        <div\r\n                            className=\"h-3.5 w-3.5 rounded\"\r\n                            style={{ backgroundColor: COLORS[0] }}\r\n                        />\r\n                        <div>Natural</div>\r\n                    </div>\r\n                    <div className=\"flex items-center gap-1.5\">\r\n                        <div\r\n                            className=\"h-3.5 w-3.5 rounded\"\r\n                            style={{ backgroundColor: COLORS[7] }}\r\n                        />\r\n                        <div>Referral</div>\r\n                    </div>\r\n                    <div className=\"flex items-center gap-1.5\">\r\n                        <div\r\n                            className=\"h-3.5 w-3.5 rounded\"\r\n                            style={{ backgroundColor: COLORS[8] }}\r\n                        />\r\n                        <div>Direct</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"mt-8\">\r\n                <div className=\"flex items-center gap-10\">\r\n                    <div>\r\n                        <div className=\"mb-2\">Page views</div>\r\n                        <div className=\"flex items-end gap-2\">\r\n                            <h3>\r\n                                <NumericFormat\r\n                                    displayType=\"text\"\r\n                                    value={data.pageView.value}\r\n                                    prefix={'$'}\r\n                                    thousandSeparator={true}\r\n                                />\r\n                            </h3>\r\n                            <GrowShrinkValue\r\n                                className=\"font-bold\"\r\n                                value={data.pageView.growShrink}\r\n                                suffix=\"%\"\r\n                                positiveIcon=\"+\"\r\n                                negativeIcon=\"\"\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <div className=\"mb-2\">Avg. Time on page</div>\r\n                        <div className=\"flex items-end gap-2\">\r\n                            <h3>{data.avgTimeOnPage.value}</h3>\r\n                            <GrowShrinkValue\r\n                                className=\"font-bold\"\r\n                                value={data.avgTimeOnPage.growShrink}\r\n                                suffix=\"%\"\r\n                                positiveIcon=\"+\"\r\n                                negativeIcon=\"\"\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"mt-4\">\r\n                <Chart\r\n                    type=\"line\"\r\n                    series={data.series}\r\n                    xAxis={data.date}\r\n                    height=\"330px\"\r\n                    customOptions={{\r\n                        legend: { show: false },\r\n                        colors: [COLORS[0], COLORS[7], COLORS[8]],\r\n                    }}\r\n                />\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default WebAnalytic\r\n"],"names":[],"mappings":"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"}