npm - @orbe-agro/client-core - Versions diffs - 5.3.13 → 5.3.14 - Mend

@orbe-agro/client-core 5.3.13 → 5.3.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1733) hide show

package/dist/@ecme/views/concepts/projects/Issue/components/IssueActivity.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IssueActivity.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueActivity.tsx"],"sourcesContent":["import { useIssueStore } from '../store/issueStore'\r\nimport Timeline from '@/components/ui/Timeline'\r\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\r\nimport isEmpty from 'lodash/isEmpty'\r\n\r\nconst IssueActivity = () => {\r\n const { issueData } = useIssueStore()\r\n\r\n return (\r\n <div className=\"lg:px-6\">\r\n <h5 className=\"mb-4\">Activity</h5>\r\n <Timeline>\r\n {isEmpty(issueData.activity) ? (\r\n <Timeline.Item>No Activities</Timeline.Item>\r\n ) : (\r\n issueData.activity.map((event, index) => (\r\n <Timeline.Item\r\n key={event.type + index}\r\n media={<ActivityAvatar data={event} />}\r\n >\r\n <div className=\"mt-1\">\r\n <ActivityEvent compact data={event} />\r\n </div>\r\n </Timeline.Item>\r\n ))\r\n )}\r\n </Timeline>\r\n </div>\r\n )\r\n}\r\n\r\nexport default IssueActivity\r\n"],"names":["IssueActivity","issueData","useIssueStore","jsxs","jsx","Timeline","isEmpty","event","index","ActivityAvatar","ActivityEvent"],"mappings":";;;;;;;AAKA,MAAMA,IAAgB,MAAM;AACxB,QAAM,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,YAAQ;AAAA,sBAC5BC,GAAA,EACI,UAAAC,EAAQL,EAAU,QAAQ,IACvB,gBAAAG,EAACC,EAAS,MAAT,EAAc,2BAAa,IAE5BJ,EAAU,SAAS,IAAI,CAACM,GAAOC,MAC3B,gBAAAJ;AAAA,MAACC,EAAS;AAAA,MAAT;AAAA,QAEG,OAAO,gBAAAD,EAACK,GAAA,EAAe,MAAMF,EAAA,CAAO;AAAA,QAEpC,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACM,KAAc,SAAO,IAAC,MAAMH,EAAA,CAAO,EAAA,CACxC;AAAA,MAAA;AAAA,MALKA,EAAM,OAAOC;AAAA,IAAA,CAOzB,EAAA,CAET;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"IssueActivity.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueActivity.tsx"],"sourcesContent":["import { useIssueStore } from '../store/issueStore'\nimport Timeline from '@/components/ui/Timeline'\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\nimport isEmpty from 'lodash/isEmpty'\n\nconst IssueActivity = () => {\n const { issueData } = useIssueStore()\n\n return (\n <div className=\"lg:px-6\">\n <h5 className=\"mb-4\">Activity</h5>\n <Timeline>\n {isEmpty(issueData.activity) ? (\n <Timeline.Item>No Activities</Timeline.Item>\n ) : (\n issueData.activity.map((event, index) => (\n <Timeline.Item\n key={event.type + index}\n media={<ActivityAvatar data={event} />}\n >\n <div className=\"mt-1\">\n <ActivityEvent compact data={event} />\n </div>\n </Timeline.Item>\n ))\n )}\n </Timeline>\n </div>\n )\n}\n\nexport default IssueActivity\n"],"names":["IssueActivity","issueData","useIssueStore","jsxs","jsx","Timeline","isEmpty","event","index","ActivityAvatar","ActivityEvent"],"mappings":";;;;;;;AAKA,MAAMA,IAAgB,MAAM;AACxB,QAAM,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,YAAQ;AAAA,sBAC5BC,GAAA,EACI,UAAAC,EAAQL,EAAU,QAAQ,IACvB,gBAAAG,EAACC,EAAS,MAAT,EAAc,2BAAa,IAE5BJ,EAAU,SAAS,IAAI,CAACM,GAAOC,MAC3B,gBAAAJ;AAAA,MAACC,EAAS;AAAA,MAAT;AAAA,QAEG,OAAO,gBAAAD,EAACK,GAAA,EAAe,MAAMF,EAAA,CAAO;AAAA,QAEpC,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACM,KAAc,SAAO,IAAC,MAAMH,EAAA,CAAO,EAAA,CACxC;AAAA,MAAA;AAAA,MALKA,EAAM,OAAOC;AAAA,IAAA,CAOzB,EAAA,CAET;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/Issue/components/IssueBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IssueBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueBody.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\r\nimport { useState, useRef } from 'react'\r\nimport { useIssueStore } from '../store/issueStore'\r\nimport DatePicker from '@/components/ui/DatePicker'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport Tag from '@/components/ui/Tag'\r\nimport Badge from '@/components/ui/Badge'\r\nimport RichTextEditor from '@/components/shared/RichTextEditor'\r\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\r\nimport IssueField from './IssueField'\r\nimport IssueFieldDropdown from './IssueFieldDropdown'\r\nimport classNames from '@/utils/classNames'\r\nimport dayjs from 'dayjs'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport {\r\n TbTag,\r\n TbCircle,\r\n TbFlag,\r\n TbFlag2Filled,\r\n TbUser,\r\n TbClock,\r\n TbCheck,\r\n} from 'react-icons/tb'\r\nimport { useEditor } from '@tiptap/react'\r\nimport StarterKit from '@tiptap/starter-kit'\r\nimport type { RichTextEditorRef } from '@/components/shared/RichTextEditor'\r\n\r\nexport const labelList = [\r\n { id: '1', title: 'Bug' },\r\n { id: '2', title: 'Live issue' },\r\n { id: '3', title: 'Task' },\r\n { id: '4', title: 'Optimization' },\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 Optimization: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\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}\r\n\r\nconst statusList: string[] = ['Pending', 'In progress', 'Completed']\r\n\r\nconst priorityList: string[] = ['Low', 'Medium', 'High']\r\n\r\nconst flagColors: Record<string, { text: string; bg: string }> = {\r\n Low: {\r\n text: 'text-success',\r\n bg: 'bg-success',\r\n },\r\n Medium: {\r\n text: 'text-warning',\r\n bg: 'bg-warning',\r\n },\r\n High: {\r\n text: 'text-error',\r\n bg: 'bg-error',\r\n },\r\n}\r\n\r\nconst IssueBody = () => {\r\n const descriptionInput = useRef<RichTextEditorRef>(null)\r\n\r\n const { issueData, updateIssueData, memberList } = useIssueStore()\r\n\r\n const [editDescription, setEditDescription] = useState(false)\r\n\r\n const createNewData = () => {\r\n return { ...issueData }\r\n }\r\n\r\n const handleAddLabelClick = (value: string) => {\r\n const newData = createNewData()\r\n if (newData.labels.some((label) => label.id === value)) {\r\n newData.labels = newData.labels.filter(\r\n (label) => label.id !== value,\r\n )\r\n } else {\r\n const label = labelList.find((label) => label.id === value)\r\n if (label) {\r\n newData.labels.push(label)\r\n }\r\n }\r\n updateIssueData(newData)\r\n }\r\n\r\n const handleChangeStatusClick = (value: string) => {\r\n const newData = createNewData()\r\n newData.status = value\r\n updateIssueData(newData)\r\n }\r\n\r\n const handlePriorityChange = (value: string) => {\r\n const newData = createNewData()\r\n newData.priority = value\r\n updateIssueData(newData)\r\n }\r\n\r\n const handleAddMember = (value: string) => {\r\n const newData = createNewData()\r\n if (newData.assignees.some((member) => member.id === value)) {\r\n newData.assignees = newData.assignees.filter(\r\n (member) => member.id !== value,\r\n )\r\n } else {\r\n const member = memberList.find((member) => member.id === value)\r\n if (member) {\r\n newData.assignees.push(member)\r\n }\r\n }\r\n updateIssueData(newData)\r\n }\r\n\r\n const handleDueDateChange = (date: Date) => {\r\n const newData = createNewData()\r\n newData.dueDate = dayjs(date).unix()\r\n updateIssueData(newData)\r\n }\r\n\r\n const handleDescriptionChange = (value: string) => {\r\n const newData = createNewData()\r\n newData.description = value\r\n updateIssueData(newData)\r\n }\r\n\r\n const editor = useEditor({\r\n extensions: [\r\n StarterKit.configure({\r\n bulletList: {\r\n keepMarks: true,\r\n },\r\n orderedList: {\r\n keepMarks: true,\r\n },\r\n }),\r\n ],\r\n editorProps: {\r\n attributes: {\r\n class: 'm-2 focus:outline-none',\r\n },\r\n },\r\n content: issueData.description,\r\n onUpdate({ editor }) {\r\n handleDescriptionChange(editor.getHTML())\r\n },\r\n })\r\n\r\n const handleDescriptionClick = () => {\r\n setEditDescription(true)\r\n editor?.chain().focus()\r\n }\r\n\r\n return (\r\n <div>\r\n <div className=\"grid grid-cols-1 xl:grid-cols-2 gap-x-4\">\r\n <div className=\"flex flex-col\">\r\n <IssueFieldDropdown\r\n title=\"Label\"\r\n icon={<TbTag />}\r\n dropdownTrigger={\r\n <>\r\n {issueData.labels?.map((label, index) => (\r\n <Tag\r\n key={label.title + index}\r\n className={`${\r\n taskLabelColors[label.title]\r\n }`}\r\n >\r\n {label.title}\r\n </Tag>\r\n ))}\r\n </>\r\n }\r\n >\r\n {labelList.map((label) => (\r\n <Dropdown.Item\r\n key={label.title}\r\n eventKey={label.id}\r\n onSelect={handleAddLabelClick}\r\n >\r\n <div className=\"flex items-center relative\">\r\n {issueData.labels.some(\r\n (labelitem) =>\r\n labelitem.id === label.id,\r\n ) && (\r\n <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\r\n )}\r\n <span\r\n className={classNames(\r\n issueData.labels.length > 0 &&\r\n 'mx-5',\r\n )}\r\n >\r\n {label.title}\r\n </span>\r\n </div>\r\n </Dropdown.Item>\r\n ))}\r\n </IssueFieldDropdown>\r\n <IssueFieldDropdown\r\n title=\"Status\"\r\n icon={<TbCircle />}\r\n dropdownTrigger={\r\n <Tag\r\n className={`${\r\n taskLabelColors[issueData.status \|\| '']\r\n }`}\r\n >\r\n {issueData.status}\r\n </Tag>\r\n }\r\n >\r\n {statusList.map((status) => (\r\n <Dropdown.Item\r\n key={status}\r\n eventKey={status}\r\n active={status === issueData.status}\r\n onSelect={handleChangeStatusClick}\r\n >\r\n <div className=\"flex items-center relative\">\r\n <span>{status}</span>\r\n </div>\r\n </Dropdown.Item>\r\n ))}\r\n </IssueFieldDropdown>\r\n <IssueFieldDropdown\r\n title=\"Priority\"\r\n icon={<TbFlag />}\r\n dropdownTrigger={\r\n <div className=\"flex items-center gap-2\">\r\n <TbFlag2Filled\r\n className={classNames(\r\n 'text-lg',\r\n `${\r\n flagColors[issueData.priority \|\| '']\r\n ?.text\r\n }`,\r\n )}\r\n />\r\n <span className=\"font-semibold\">\r\n {issueData.priority}\r\n </span>\r\n </div>\r\n }\r\n >\r\n {priorityList.map((priority) => (\r\n <Dropdown.Item\r\n key={priority}\r\n eventKey={priority}\r\n active={priority === issueData.priority}\r\n onSelect={handlePriorityChange}\r\n >\r\n <div className=\"flex items-center\">\r\n <Badge\r\n innerClass={`${flagColors[priority]?.bg}`}\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 </IssueFieldDropdown>\r\n </div>\r\n <div className=\"flex flex-col\">\r\n <IssueFieldDropdown\r\n title=\"Assigned to\"\r\n icon={<TbUser />}\r\n dropdownTrigger={\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={issueData.assignees}\r\n />\r\n }\r\n >\r\n {memberList.map((member) => (\r\n <Dropdown.Item\r\n key={member.name}\r\n eventKey={member.id}\r\n onSelect={handleAddMember}\r\n >\r\n <div\r\n className={classNames(\r\n 'flex items-center justify-between relative',\r\n )}\r\n >\r\n {issueData.assignees.some(\r\n (assignee) => assignee.id === member.id,\r\n ) && (\r\n <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\r\n )}\r\n <div\r\n className={classNames(\r\n 'flex items-center gap-2',\r\n issueData.labels.length > 0 &&\r\n 'mx-5',\r\n )}\r\n >\r\n <Avatar\r\n shape=\"circle\"\r\n size={22}\r\n src={member.img}\r\n />\r\n <span>{member.name}</span>\r\n </div>\r\n </div>\r\n </Dropdown.Item>\r\n ))}\r\n </IssueFieldDropdown>\r\n <IssueField title=\"Due date\" icon={<TbClock />}>\r\n <div className=\"flex items-center gap-1 px-3 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 cursor-pointer w-full min-h-[46px] relative\">\r\n <span className=\"font-semibold\">\r\n {dayjs\r\n .unix(issueData.dueDate \|\| 0)\r\n .format('MMMM DD')}\r\n </span>\r\n <DatePicker\r\n className=\"opacity-0 cursor-pointer absolute\"\r\n value={dayjs\r\n .unix(issueData.dueDate \|\| dayjs().unix())\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 handleDueDateChange(date as Date)\r\n }\r\n />\r\n </div>\r\n </IssueField>\r\n </div>\r\n </div>\r\n <div className=\"mt-8\">\r\n <h5 className=\"mb-4\">Description</h5>\r\n {editDescription ? (\r\n <RichTextEditor\r\n ref={descriptionInput}\r\n content={issueData.description}\r\n customEditor={editor}\r\n onBlur={() => setEditDescription(false)}\r\n />\r\n ) : (\r\n <div\r\n className=\"mt-2 prose max-w-full cursor-pointer\"\r\n role=\"button\"\r\n onClick={handleDescriptionClick}\r\n >\r\n <div className=\"prose-p:text-sm prose-p:dark:text-gray-400\">\r\n {ReactHtmlParser(issueData.description \|\| '')}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default IssueBody\r\n"],"names":["labelList","taskLabelColors","statusList","priorityList","flagColors","IssueBody","descriptionInput","useRef","issueData","updateIssueData","memberList","useIssueStore","editDescription","setEditDescription","useState","createNewData","handleAddLabelClick","value","newData","label","handleChangeStatusClick","handlePriorityChange","handleAddMember","member","handleDueDateChange","date","dayjs","handleDescriptionChange","editor","useEditor","StarterKit","handleDescriptionClick","jsxs","jsx","IssueFieldDropdown","TbTag","Fragment","_a","index","Tag","Dropdown","labelitem","TbCheck","classNames","TbCircle","status","TbFlag","TbFlag2Filled","_b","priority","Badge","TbUser","UsersAvatarGroup","assignee","Avatar","IssueField","TbClock","DatePicker","RichTextEditor"],"mappings":"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"}
1	+ {"version":3,"file":"IssueBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueBody.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { useState, useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tag from '@/components/ui/Tag'\nimport Badge from '@/components/ui/Badge'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport IssueField from './IssueField'\nimport IssueFieldDropdown from './IssueFieldDropdown'\nimport classNames from '@/utils/classNames'\nimport dayjs from 'dayjs'\nimport ReactHtmlParser from 'html-react-parser'\nimport {\n TbTag,\n TbCircle,\n TbFlag,\n TbFlag2Filled,\n TbUser,\n TbClock,\n TbCheck,\n} from 'react-icons/tb'\nimport { useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport type { RichTextEditorRef } from '@/components/shared/RichTextEditor'\n\nexport const labelList = [\n { id: '1', title: 'Bug' },\n { id: '2', title: 'Live issue' },\n { id: '3', title: 'Task' },\n { id: '4', title: 'Optimization' },\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 Optimization: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\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}\n\nconst statusList: string[] = ['Pending', 'In progress', 'Completed']\n\nconst priorityList: string[] = ['Low', 'Medium', 'High']\n\nconst flagColors: Record<string, { text: string; bg: string }> = {\n Low: {\n text: 'text-success',\n bg: 'bg-success',\n },\n Medium: {\n text: 'text-warning',\n bg: 'bg-warning',\n },\n High: {\n text: 'text-error',\n bg: 'bg-error',\n },\n}\n\nconst IssueBody = () => {\n const descriptionInput = useRef<RichTextEditorRef>(null)\n\n const { issueData, updateIssueData, memberList } = useIssueStore()\n\n const [editDescription, setEditDescription] = useState(false)\n\n const createNewData = () => {\n return { ...issueData }\n }\n\n const handleAddLabelClick = (value: string) => {\n const newData = createNewData()\n if (newData.labels.some((label) => label.id === value)) {\n newData.labels = newData.labels.filter(\n (label) => label.id !== value,\n )\n } else {\n const label = labelList.find((label) => label.id === value)\n if (label) {\n newData.labels.push(label)\n }\n }\n updateIssueData(newData)\n }\n\n const handleChangeStatusClick = (value: string) => {\n const newData = createNewData()\n newData.status = value\n updateIssueData(newData)\n }\n\n const handlePriorityChange = (value: string) => {\n const newData = createNewData()\n newData.priority = value\n updateIssueData(newData)\n }\n\n const handleAddMember = (value: string) => {\n const newData = createNewData()\n if (newData.assignees.some((member) => member.id === value)) {\n newData.assignees = newData.assignees.filter(\n (member) => member.id !== value,\n )\n } else {\n const member = memberList.find((member) => member.id === value)\n if (member) {\n newData.assignees.push(member)\n }\n }\n updateIssueData(newData)\n }\n\n const handleDueDateChange = (date: Date) => {\n const newData = createNewData()\n newData.dueDate = dayjs(date).unix()\n updateIssueData(newData)\n }\n\n const handleDescriptionChange = (value: string) => {\n const newData = createNewData()\n newData.description = value\n updateIssueData(newData)\n }\n\n const editor = useEditor({\n extensions: [\n StarterKit.configure({\n bulletList: {\n keepMarks: true,\n },\n orderedList: {\n keepMarks: true,\n },\n }),\n ],\n editorProps: {\n attributes: {\n class: 'm-2 focus:outline-none',\n },\n },\n content: issueData.description,\n onUpdate({ editor }) {\n handleDescriptionChange(editor.getHTML())\n },\n })\n\n const handleDescriptionClick = () => {\n setEditDescription(true)\n editor?.chain().focus()\n }\n\n return (\n <div>\n <div className=\"grid grid-cols-1 xl:grid-cols-2 gap-x-4\">\n <div className=\"flex flex-col\">\n <IssueFieldDropdown\n title=\"Label\"\n icon={<TbTag />}\n dropdownTrigger={\n <>\n {issueData.labels?.map((label, index) => (\n <Tag\n key={label.title + index}\n className={`${\n taskLabelColors[label.title]\n }`}\n >\n {label.title}\n </Tag>\n ))}\n </>\n }\n >\n {labelList.map((label) => (\n <Dropdown.Item\n key={label.title}\n eventKey={label.id}\n onSelect={handleAddLabelClick}\n >\n <div className=\"flex items-center relative\">\n {issueData.labels.some(\n (labelitem) =>\n labelitem.id === label.id,\n ) && (\n <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n )}\n <span\n className={classNames(\n issueData.labels.length > 0 &&\n 'mx-5',\n )}\n >\n {label.title}\n </span>\n </div>\n </Dropdown.Item>\n ))}\n </IssueFieldDropdown>\n <IssueFieldDropdown\n title=\"Status\"\n icon={<TbCircle />}\n dropdownTrigger={\n <Tag\n className={`${\n taskLabelColors[issueData.status \|\| '']\n }`}\n >\n {issueData.status}\n </Tag>\n }\n >\n {statusList.map((status) => (\n <Dropdown.Item\n key={status}\n eventKey={status}\n active={status === issueData.status}\n onSelect={handleChangeStatusClick}\n >\n <div className=\"flex items-center relative\">\n <span>{status}</span>\n </div>\n </Dropdown.Item>\n ))}\n </IssueFieldDropdown>\n <IssueFieldDropdown\n title=\"Priority\"\n icon={<TbFlag />}\n dropdownTrigger={\n <div className=\"flex items-center gap-2\">\n <TbFlag2Filled\n className={classNames(\n 'text-lg',\n `${\n flagColors[issueData.priority \|\| '']\n ?.text\n }`,\n )}\n />\n <span className=\"font-semibold\">\n {issueData.priority}\n </span>\n </div>\n }\n >\n {priorityList.map((priority) => (\n <Dropdown.Item\n key={priority}\n eventKey={priority}\n active={priority === issueData.priority}\n onSelect={handlePriorityChange}\n >\n <div className=\"flex items-center\">\n <Badge\n innerClass={`${flagColors[priority]?.bg}`}\n />\n <span className=\"ml-2 rtl:mr-2\">\n {priority}\n </span>\n </div>\n </Dropdown.Item>\n ))}\n </IssueFieldDropdown>\n </div>\n <div className=\"flex flex-col\">\n <IssueFieldDropdown\n title=\"Assigned to\"\n icon={<TbUser />}\n dropdownTrigger={\n <UsersAvatarGroup\n className=\"gap-1\"\n avatarProps={{\n className: 'cursor-pointer',\n }}\n avatarGroupProps={{ maxCount: 4 }}\n chained={false}\n users={issueData.assignees}\n />\n }\n >\n {memberList.map((member) => (\n <Dropdown.Item\n key={member.name}\n eventKey={member.id}\n onSelect={handleAddMember}\n >\n <div\n className={classNames(\n 'flex items-center justify-between relative',\n )}\n >\n {issueData.assignees.some(\n (assignee) => assignee.id === member.id,\n ) && (\n <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n )}\n <div\n className={classNames(\n 'flex items-center gap-2',\n issueData.labels.length > 0 &&\n 'mx-5',\n )}\n >\n <Avatar\n shape=\"circle\"\n size={22}\n src={member.img}\n />\n <span>{member.name}</span>\n </div>\n </div>\n </Dropdown.Item>\n ))}\n </IssueFieldDropdown>\n <IssueField title=\"Due date\" icon={<TbClock />}>\n <div className=\"flex items-center gap-1 px-3 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 cursor-pointer w-full min-h-[46px] relative\">\n <span className=\"font-semibold\">\n {dayjs\n .unix(issueData.dueDate \|\| 0)\n .format('MMMM DD')}\n </span>\n <DatePicker\n className=\"opacity-0 cursor-pointer absolute\"\n value={dayjs\n .unix(issueData.dueDate \|\| dayjs().unix())\n .toDate()}\n inputtable={false}\n inputPrefix={null}\n inputSuffix={null}\n clearable={false}\n onChange={(date) =>\n handleDueDateChange(date as Date)\n }\n />\n </div>\n </IssueField>\n </div>\n </div>\n <div className=\"mt-8\">\n <h5 className=\"mb-4\">Description</h5>\n {editDescription ? (\n <RichTextEditor\n ref={descriptionInput}\n content={issueData.description}\n customEditor={editor}\n onBlur={() => setEditDescription(false)}\n />\n ) : (\n <div\n className=\"mt-2 prose max-w-full cursor-pointer\"\n role=\"button\"\n onClick={handleDescriptionClick}\n >\n <div className=\"prose-p:text-sm prose-p:dark:text-gray-400\">\n {ReactHtmlParser(issueData.description \|\| '')}\n </div>\n </div>\n )}\n </div>\n </div>\n )\n}\n\nexport default IssueBody\n"],"names":["labelList","taskLabelColors","statusList","priorityList","flagColors","IssueBody","descriptionInput","useRef","issueData","updateIssueData","memberList","useIssueStore","editDescription","setEditDescription","useState","createNewData","handleAddLabelClick","value","newData","label","handleChangeStatusClick","handlePriorityChange","handleAddMember","member","handleDueDateChange","date","dayjs","handleDescriptionChange","editor","useEditor","StarterKit","handleDescriptionClick","jsxs","jsx","IssueFieldDropdown","TbTag","Fragment","_a","index","Tag","Dropdown","labelitem","TbCheck","classNames","TbCircle","status","TbFlag","TbFlag2Filled","_b","priority","Badge","TbUser","UsersAvatarGroup","assignee","Avatar","IssueField","TbClock","DatePicker","RichTextEditor"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/Issue/components/IssueField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IssueField.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueField.tsx"],"sourcesContent":["import type { CommonProps } from '@/@types/common'\r\nimport type { ReactNode } from 'react'\r\n\r\nexport interface IssueFieldProps extends CommonProps {\r\n title: string\r\n icon: ReactNode\r\n}\r\n\r\nconst IssueField = (props: IssueFieldProps) => {\r\n const { title, icon, children } = props\r\n\r\n return (\r\n <div className=\"flex items-center mb-2\">\r\n <div className=\"flex items-center gap-2 font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\r\n <span className=\"text-lg\">{icon}</span>\r\n <span>{title}</span>\r\n </div>\r\n {children}\r\n </div>\r\n )\r\n}\r\n\r\nexport default IssueField\r\n"],"names":["IssueField","props","title","icon","children","jsxs","jsx"],"mappings":";AAQA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAA,IAAaH;AAElC,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,wFACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAH,GAAK;AAAA,MAChC,gBAAAG,EAAC,UAAM,UAAAJ,EAAA,CAAM;AAAA,IAAA,GACjB;AAAA,IACCE;AAAA,EAAA,GACL;AAER;"}
1	+ {"version":3,"file":"IssueField.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueField.tsx"],"sourcesContent":["import type { CommonProps } from '@/@types/common'\nimport type { ReactNode } from 'react'\n\nexport interface IssueFieldProps extends CommonProps {\n title: string\n icon: ReactNode\n}\n\nconst IssueField = (props: IssueFieldProps) => {\n const { title, icon, children } = props\n\n return (\n <div className=\"flex items-center mb-2\">\n <div className=\"flex items-center gap-2 font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\n <span className=\"text-lg\">{icon}</span>\n <span>{title}</span>\n </div>\n {children}\n </div>\n )\n}\n\nexport default IssueField\n"],"names":["IssueField","props","title","icon","children","jsxs","jsx"],"mappings":";AAQA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAA,IAAaH;AAElC,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,wFACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAH,GAAK;AAAA,MAChC,gBAAAG,EAAC,UAAM,UAAAJ,EAAA,CAAM;AAAA,IAAA,GACjB;AAAA,IACCE;AAAA,EAAA,GACL;AAER;"}

package/dist/@ecme/views/concepts/projects/Issue/components/IssueFieldDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IssueFieldDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFieldDropdown.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\r\nimport IssueField from './IssueField'\r\nimport type { IssueFieldProps } from './IssueField'\r\nimport type { ReactNode } from 'react'\r\n\r\ninterface IssueFieldDropdownProps extends IssueFieldProps {\r\n dropdownTrigger: ReactNode\r\n}\r\nconst IssueFieldDropdown = (props: IssueFieldDropdownProps) => {\r\n const { title, children, icon, dropdownTrigger } = props\r\n\r\n return (\r\n <IssueField title={title} icon={icon}>\r\n <Dropdown\r\n className=\"w-full h-full\"\r\n toggleClassName=\"hover:bg-gray-100 dark:hover:bg-gray-700 flex px-3 focus:bg-gray-100 cursor-pointer rounded-xl min-h-[46px] w-full\"\r\n placement=\"bottom-start\"\r\n renderTitle={\r\n <div className=\"inline-flex items-center gap-1\">\r\n {dropdownTrigger}\r\n </div>\r\n }\r\n >\r\n {children}\r\n </Dropdown>\r\n </IssueField>\r\n )\r\n}\r\n\r\nexport default IssueFieldDropdown\r\n"],"names":["IssueFieldDropdown","props","title","children","icon","dropdownTrigger","jsx","IssueField","Dropdown"],"mappings":";;;AAQA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,iBAAAC,MAAoBJ;AAEnD,SACI,gBAAAK,EAACC,GAAA,EAAW,OAAAL,GAAc,MAAAE,GACtB,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,aACI,gBAAAF,EAAC,OAAA,EAAI,WAAU,kCACV,UAAAD,GACL;AAAA,MAGH,UAAAF;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}
1	+ {"version":3,"file":"IssueFieldDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFieldDropdown.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\nimport IssueField from './IssueField'\nimport type { IssueFieldProps } from './IssueField'\nimport type { ReactNode } from 'react'\n\ninterface IssueFieldDropdownProps extends IssueFieldProps {\n dropdownTrigger: ReactNode\n}\nconst IssueFieldDropdown = (props: IssueFieldDropdownProps) => {\n const { title, children, icon, dropdownTrigger } = props\n\n return (\n <IssueField title={title} icon={icon}>\n <Dropdown\n className=\"w-full h-full\"\n toggleClassName=\"hover:bg-gray-100 dark:hover:bg-gray-700 flex px-3 focus:bg-gray-100 cursor-pointer rounded-xl min-h-[46px] w-full\"\n placement=\"bottom-start\"\n renderTitle={\n <div className=\"inline-flex items-center gap-1\">\n {dropdownTrigger}\n </div>\n }\n >\n {children}\n </Dropdown>\n </IssueField>\n )\n}\n\nexport default IssueFieldDropdown\n"],"names":["IssueFieldDropdown","props","title","children","icon","dropdownTrigger","jsx","IssueField","Dropdown"],"mappings":";;;AAQA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,iBAAAC,MAAoBJ;AAEnD,SACI,gBAAAK,EAACC,GAAA,EAAW,OAAAL,GAAc,MAAAE,GACtB,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,aACI,gBAAAF,EAAC,OAAA,EAAI,WAAU,kCACV,UAAAD,GACL;AAAA,MAGH,UAAAF;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}

package/dist/@ecme/views/concepts/projects/Issue/components/IssueFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IssueFooter.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFooter.tsx"],"sourcesContent":["import { useRef } from 'react'\r\nimport { useIssueStore } from '../store/issueStore'\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 Tabs from '@/components/ui/Tabs'\r\nimport NoMedia from '@/assets/svg/NoMedia'\r\nimport dayjs from 'dayjs'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport uniqueId from 'lodash/uniqueId'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport { TbDownload, TbTrash } from 'react-icons/tb'\r\n\r\nconst { TabNav, TabList, TabContent } = Tabs\r\n\r\nconst createCommentObject = (message: string) => {\r\n return {\r\n id: uniqueId('comment'),\r\n name: 'Angelina Gotelli',\r\n src: '/img/avatars/thumb-1.jpg',\r\n message: message,\r\n date: dayjs().format('DD MMM YYYY'),\r\n }\r\n}\r\n\r\nconst IssueFooter = () => {\r\n const { issueData, updateIssueData } = useIssueStore()\r\n\r\n const commentInput = useRef<HTMLInputElement>(null)\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(issueData.comments)\r\n comments?.push(comment)\r\n issueData.comments = comments\r\n updateIssueData(issueData)\r\n commentInput.current.value = ''\r\n }\r\n }\r\n\r\n return (\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 {issueData.comments &&\r\n issueData?.comments?.length > 0 && (\r\n <>\r\n {issueData.comments.map((comment) => (\r\n <div\r\n key={comment.id}\r\n className=\"mb-3 flex\"\r\n >\r\n <div className=\"mt-2\">\r\n <Avatar\r\n shape=\"circle\"\r\n src={comment.src}\r\n />\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\">\r\n {' '}\r\n \|{' '}\r\n </span>\r\n <span>\r\n {dayjs(\r\n comment.date,\r\n ).format(\r\n 'DD MMMM YYYY',\r\n )}\r\n </span>\r\n </div>\r\n <div>\r\n {ReactHtmlParser(\r\n comment.message \|\| '',\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n ))}\r\n </>\r\n )}\r\n <div className=\"mb-3 flex gap-2\">\r\n <Avatar\r\n shape=\"circle\"\r\n src=\"/img/avatars/thumb-1.jpg\"\r\n />\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 {issueData.attachments &&\r\n issueData?.attachments?.length > 0 ? (\r\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-2\">\r\n {issueData.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\">\r\n {file.size}\r\n </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}\r\n\r\nexport default IssueFooter\r\n"],"names":["TabNav","TabList","TabContent","Tabs","createCommentObject","message","uniqueId","dayjs","IssueFooter","issueData","updateIssueData","useIssueStore","commentInput","useRef","submitComment","comment","comments","cloneDeep","jsxs","jsx","_a","Avatar","ReactHtmlParser","Input","_b","file","Card","Tooltip","Button","TbDownload","TbTrash","NoMedia"],"mappings":"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"}
1	+ {"version":3,"file":"IssueFooter.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFooter.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\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 Tabs from '@/components/ui/Tabs'\nimport NoMedia from '@/assets/svg/NoMedia'\nimport dayjs from 'dayjs'\nimport cloneDeep from 'lodash/cloneDeep'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactHtmlParser from 'html-react-parser'\nimport { TbDownload, TbTrash } from 'react-icons/tb'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst createCommentObject = (message: string) => {\n return {\n id: uniqueId('comment'),\n name: 'Angelina Gotelli',\n src: '/img/avatars/thumb-1.jpg',\n message: message,\n date: dayjs().format('DD MMM YYYY'),\n }\n}\n\nconst IssueFooter = () => {\n const { issueData, updateIssueData } = useIssueStore()\n\n const commentInput = useRef<HTMLInputElement>(null)\n\n const submitComment = () => {\n if (commentInput.current) {\n const message = commentInput.current.value\n const comment = createCommentObject(message)\n const comments = cloneDeep(issueData.comments)\n comments?.push(comment)\n issueData.comments = comments\n updateIssueData(issueData)\n commentInput.current.value = ''\n }\n }\n\n return (\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 {issueData.comments &&\n issueData?.comments?.length > 0 && (\n <>\n {issueData.comments.map((comment) => (\n <div\n key={comment.id}\n className=\"mb-3 flex\"\n >\n <div className=\"mt-2\">\n <Avatar\n shape=\"circle\"\n src={comment.src}\n />\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\">\n {' '}\n \|{' '}\n </span>\n <span>\n {dayjs(\n comment.date,\n ).format(\n 'DD MMMM YYYY',\n )}\n </span>\n </div>\n <div>\n {ReactHtmlParser(\n comment.message \|\| '',\n )}\n </div>\n </div>\n </div>\n ))}\n </>\n )}\n <div className=\"mb-3 flex gap-2\">\n <Avatar\n shape=\"circle\"\n src=\"/img/avatars/thumb-1.jpg\"\n />\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 {issueData.attachments &&\n issueData?.attachments?.length > 0 ? (\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-2\">\n {issueData.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\">\n {file.size}\n </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}\n\nexport default IssueFooter\n"],"names":["TabNav","TabList","TabContent","Tabs","createCommentObject","message","uniqueId","dayjs","IssueFooter","issueData","updateIssueData","useIssueStore","commentInput","useRef","submitComment","comment","comments","cloneDeep","jsxs","jsx","_a","Avatar","ReactHtmlParser","Input","_b","file","Card","Tooltip","Button","TbDownload","TbTrash","NoMedia"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/Issue/components/IssueHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IssueHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueHeader.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\r\nimport { useIssueStore } from '../store/issueStore'\r\n\r\nconst IssueHeader = () => {\r\n const { issueData, updateIssueData } = useIssueStore()\r\n\r\n const handleTitleChange = (value: string) => {\r\n const newData = { ...issueData }\r\n newData.title = value\r\n updateIssueData(newData)\r\n }\r\n\r\n return (\r\n <div className=\"flex flex-col gap-2\">\r\n <div>\r\n <Tag>{issueData.ticketId}</Tag>\r\n </div>\r\n <input\r\n className=\"h3 font-bold outline-none bg-transparent\"\r\n defaultValue={issueData.title}\r\n onBlur={(e) => handleTitleChange(e.target.value)}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\nexport default IssueHeader\r\n"],"names":["IssueHeader","issueData","updateIssueData","useIssueStore","handleTitleChange","value","newData","jsxs","jsx","Tag","e"],"mappings":";;;;AAGA,MAAMA,IAAc,MAAM;AACtB,QAAM,EAAE,WAAAC,GAAW,iBAAAC,EAAA,IAAoBC,EAAA,GAEjCC,IAAoB,CAACC,MAAkB;AACzC,UAAMC,IAAU,EAAE,GAAGL,EAAA;AACrB,IAAAK,EAAQ,QAAQD,GAChBH,EAAgBI,CAAO;AAAA,~~EAAA~~;~~AAG3B~~,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAK,UAAAR,EAAU,UAAS,GAC7B;AAAA,IACA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,cAAcP,EAAU;AAAA,QACxB,QAAQ,CAACS,MAAMN,EAAkBM,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,GACJ;AAER;"}
1	+ {"version":3,"file":"IssueHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueHeader.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\nimport { useIssueStore } from '../store/issueStore'\n\nconst IssueHeader = () => {\n const { issueData, updateIssueData } = useIssueStore()\n\n const handleTitleChange = (value: string) => {\n const newData = { ...issueData }\n newData.title = value\n updateIssueData(newData)\n }\n\n return (\n <div className=\"flex flex-col gap-2\">\n <div>\n <Tag>{issueData.ticketId}</Tag>\n </div>\n <input\n className=\"h3 font-bold outline-none bg-transparent\"\n defaultValue={issueData.title}\n onBlur={(e) => handleTitleChange(e.target.value)}\n />\n </div>\n )\n}\n\nexport default IssueHeader\n"],"names":["IssueHeader","issueData","updateIssueData","useIssueStore","handleTitleChange","value","newData","jsxs","jsx","Tag","e"],"mappings":";;;;AAGA,MAAMA,IAAc,MAAM;AACtB,QAAM,EAAE,WAAAC,GAAW,iBAAAC,EAAA,IAAoBC,EAAA,GAEjCC,IAAoB,CAACC,MAAkB;AACzC,UAAMC,IAAU,EAAE,GAAGL,EAAA;AACrB,IAAAK,EAAQ,QAAQD,GAChBH,EAAgBI,CAAO;AAAA,EAC3B;AAEA,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAK,UAAAR,EAAU,UAAS,GAC7B;AAAA,IACA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,cAAcP,EAAU;AAAA,QACxB,QAAQ,CAACS,MAAMN,EAAkBM,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,GACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/Issue/store/issueStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"issueStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/store/issueStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { IssueDetail, Members } from '../types'\r\n\r\nexport type ProjectListState = {\r\n issueData: IssueDetail\r\n memberList: Members\r\n}\r\n\r\ntype ProjectListAction = {\r\n updateIssueData: (payload: IssueDetail) => void\r\n setMembers: (payload: Members) => void\r\n}\r\n\r\nconst initialState: ProjectListState = {\r\n issueData: {\r\n assignees: [],\r\n labels: [],\r\n comments: [],\r\n attachments: [],\r\n activity: [],\r\n },\r\n memberList: [],\r\n}\r\n\r\nexport const useIssueStore = create<ProjectListState & ProjectListAction>(\r\n (set) => ({\r\n ...initialState,\r\n updateIssueData: (payload) => set(() => ({ issueData: payload })),\r\n setMembers: (payload) => set(() => ({ memberList: payload })),\r\n }),\r\n)\r\n"],"names":["initialState","useIssueStore","create","set","payload"],"mappings":";AAaA,MAAMA,IAAiC;AAAA,EACnC,WAAW;AAAA,IACP,WAAW,CAAA;AAAA,IACX,QAAQ,CAAA;AAAA,IACR,UAAU,CAAA;AAAA,IACV,aAAa,CAAA;AAAA,IACb,UAAU,CAAA;AAAA,EAAC;AAAA,EAEf,YAAY,CAAA;AAChB,GAEaC,IAAgBC;AAAA,EACzB,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,iBAAiB,CAACI,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,IAChE,YAAY,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAAA;AAEpE;"}
1	+ {"version":3,"file":"issueStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/store/issueStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { IssueDetail, Members } from '../types'\n\nexport type ProjectListState = {\n issueData: IssueDetail\n memberList: Members\n}\n\ntype ProjectListAction = {\n updateIssueData: (payload: IssueDetail) => void\n setMembers: (payload: Members) => void\n}\n\nconst initialState: ProjectListState = {\n issueData: {\n assignees: [],\n labels: [],\n comments: [],\n attachments: [],\n activity: [],\n },\n memberList: [],\n}\n\nexport const useIssueStore = create<ProjectListState & ProjectListAction>(\n (set) => ({\n ...initialState,\n updateIssueData: (payload) => set(() => ({ issueData: payload })),\n setMembers: (payload) => set(() => ({ memberList: payload })),\n }),\n)\n"],"names":["initialState","useIssueStore","create","set","payload"],"mappings":";AAaA,MAAMA,IAAiC;AAAA,EACnC,WAAW;AAAA,IACP,WAAW,CAAA;AAAA,IACX,QAAQ,CAAA;AAAA,IACR,UAAU,CAAA;AAAA,IACV,aAAa,CAAA;AAAA,IACb,UAAU,CAAA;AAAA,EAAC;AAAA,EAEf,YAAY,CAAA;AAChB,GAEaC,IAAgBC;AAAA,EACzB,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,iBAAiB,CAACI,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,IAChE,YAAY,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAAA;AAEpE;"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/ProjectDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectDetails.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/ProjectDetails.tsx"],"sourcesContent":["import { useState, lazy, Suspense } from 'react'\r\nimport Spinner from '@/components/ui/Spinner'\r\nimport ProjectDetailsHeader from './components/ProjectDetailsHeader'\r\nimport ProjectDetailsNavigation from './components/ProjectDetailsNavigation'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport { apiGetProject } from '@/services/ProjectService'\r\nimport useSWR from 'swr'\r\nimport { useParams } from 'react-router-dom'\r\nimport type { GetProjectDetailsResponse } from './types'\r\n\r\nconst defaultNavValue = 'overview'\r\nconst settingsNavValue = 'settings'\r\n\r\nconst ProjectDetailsOverview = lazy(\r\n () => import('./components/ProjectDetailsOverview'),\r\n)\r\nconst ProjectDetailsTask = lazy(() => import('./components/ProjectDetailsTask'))\r\nconst ProjectDetailsAttachments = lazy(\r\n () => import('./components/ProjectDetailsAttachments'),\r\n)\r\nconst ProjectDetailsActivity = lazy(\r\n () => import('./components/ProjectDetailsActivity'),\r\n)\r\nconst ProjectDetailsSetting = lazy(\r\n () => import('./components/ProjectDetailsSetting'),\r\n)\r\n\r\nconst ProjectDetails = () => {\r\n const { id } = useParams()\r\n\r\n const { data, mutate } = useSWR<GetProjectDetailsResponse, { id: string }>(\r\n [`/api/project/${id}`],\r\n () => apiGetProject({ id }),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n revalidateOnReconnect: false,\r\n },\r\n )\r\n\r\n const { larger } = useResponsive()\r\n\r\n const [selectedNav, setSelectedNav] = useState(defaultNavValue)\r\n const [isContentEdit, setIsContentEdit] = useState(false)\r\n\r\n const handleEdit = (isEdit: boolean) => {\r\n setSelectedNav(settingsNavValue)\r\n setIsContentEdit(isEdit)\r\n }\r\n\r\n const handleContentChange = (content: string) => {\r\n mutate({ ...(data as GetProjectDetailsResponse), content }, false)\r\n setIsContentEdit(false)\r\n }\r\n\r\n const handleUpdate = ({\r\n name,\r\n content,\r\n dueDate,\r\n }: {\r\n name: string\r\n content: string\r\n dueDate: number\r\n }) => {\r\n const newData = { ...data }\r\n newData.name = name\r\n newData.content = content\r\n if (newData.schedule) {\r\n newData.schedule.dueDate = dueDate\r\n }\r\n\r\n mutate({ ...(newData as GetProjectDetailsResponse) }, false)\r\n setIsContentEdit(false)\r\n setSelectedNav(defaultNavValue)\r\n }\r\n\r\n const handleNavigationChange = (val: string) => {\r\n if (val === settingsNavValue) {\r\n setIsContentEdit(true)\r\n } else {\r\n setIsContentEdit(false)\r\n }\r\n setSelectedNav(val)\r\n }\r\n\r\n return (\r\n <div>\r\n {data && (\r\n <>\r\n <ProjectDetailsHeader\r\n title={data.name}\r\n isContentEdit={isContentEdit}\r\n selected={selectedNav}\r\n onEdit={handleEdit}\r\n onChange={handleNavigationChange}\r\n />\r\n <div className=\"mt-6 flex gap-12\">\r\n {larger.xl && (\r\n <ProjectDetailsNavigation\r\n selected={selectedNav}\r\n onChange={handleNavigationChange}\r\n />\r\n )}\r\n <div className=\"w-full\">\r\n <Suspense\r\n fallback={\r\n <div className=\"my-4 mx-auto text-center flex justify-center\">\r\n <Spinner size={40} />\r\n </div>\r\n }\r\n >\r\n {selectedNav === defaultNavValue && (\r\n <ProjectDetailsOverview\r\n content={data.content}\r\n client={data.client}\r\n schedule={data.schedule}\r\n isContentEdit={isContentEdit}\r\n setIsContentEdit={setIsContentEdit}\r\n onContentChange={handleContentChange}\r\n />\r\n )}\r\n {selectedNav === 'tasks' && (\r\n <ProjectDetailsTask />\r\n )}\r\n {selectedNav === 'attachments' && (\r\n <ProjectDetailsAttachments />\r\n )}\r\n {selectedNav === 'activity' && (\r\n <ProjectDetailsActivity />\r\n )}\r\n {selectedNav === 'settings' && (\r\n <ProjectDetailsSetting\r\n name={data.name}\r\n content={data.content}\r\n dueDate={data.schedule.dueDate}\r\n onUpdate={handleUpdate}\r\n />\r\n )}\r\n </Suspense>\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nexport default ProjectDetails\r\n"],"names":["defaultNavValue","settingsNavValue","ProjectDetailsOverview","lazy","ProjectDetailsTask","ProjectDetailsAttachments","ProjectDetailsActivity","ProjectDetailsSetting","ProjectDetails","id","useParams","data","mutate","useSWR","apiGetProject","larger","useResponsive","selectedNav","setSelectedNav","useState","isContentEdit","setIsContentEdit","handleEdit","isEdit","handleContentChange","content","handleUpdate","name","dueDate","newData","handleNavigationChange","val","jsx","jsxs","Fragment","ProjectDetailsHeader","ProjectDetailsNavigation","Suspense","Spinner"],"mappings":";;;;;;;;;;AAUA,MAAMA,IAAkB,YAClBC,IAAmB,YAEnBC,IAAyBC;AAAA,EAC3B,MAAM,OAAO,wCAAqC;AACtD,GACMC,IAAqBD,EAAK,MAAM,OAAO,oCAAiC,CAAC,GACzEE,IAA4BF;AAAA,EAC9B,MAAM,OAAO,2CAAwC;AACzD,GACMG,IAAyBH;AAAA,EAC3B,MAAM,OAAO,wCAAqC;AACtD,GACMI,IAAwBJ;AAAA,EAC1B,MAAM,OAAO,uCAAoC;AACrD,GAEMK,IAAiB,MAAM;AACzB,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET,EAAE,MAAAC,GAAM,QAAAC,EAAA,IAAWC;AAAA,IACrB,CAAC,gBAAgBJ,CAAE,EAAE;AAAA,IACrB,MAAMK,EAAc,EAAE,IAAAL,GAAI;AAAA,IAC1B;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B,GAGE,EAAE,QAAAM,EAAA,IAAWC,EAAA,GAEb,CAACC,GAAaC,CAAc,IAAIC,EAASnB,CAAe,GACxD,CAACoB,GAAeC,CAAgB,IAAIF,EAAS,EAAK,GAElDG,IAAa,CAACC,MAAoB;AACpC,IAAAL,EAAejB,CAAgB,GAC/BoB,EAAiBE,CAAM;AAAA,~~EAAA~~,~~GAGrBC~~,IAAsB,CAACC,MAAoB;AAC7C,IAAAb,EAAO,EAAE,GAAID,GAAoC,SAAAc,EAAA,GAAW,EAAK,GACjEJ,EAAiB,EAAK;AAAA,~~EAAA~~,~~GAGpBK~~,IAAe,CAAC;AAAA,IAClB,MAAAC;AAAA,IACA,SAAAF;AAAA,IACA,SAAAG;AAAA,EAAA,MAKE;AACF,UAAMC,IAAU,EAAE,GAAGlB,EAAA;AACrB,IAAAkB,EAAQ,OAAOF,GACfE,EAAQ,UAAUJ,GACdI,EAAQ,aACRA,EAAQ,SAAS,UAAUD,IAG/BhB,EAAO,EAAE,GAAIiB,EAAA,GAAyC,EAAK,GAC3DR,EAAiB,EAAK,GACtBH,EAAelB,CAAe;AAAA,~~EAAA~~,~~GAG5B8B~~,IAAyB,CAACC,MAAgB;AAC5C,IACIV,EADAU,MAAQ9B,CACa,GAIzBiB,EAAea,CAAG;AAAA,~~EAAA~~;~~AAGtB~~,SACI,gBAAAC,EAAC,OAAA,EACI,UAAArB,KACG,gBAAAsB,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,OAAOxB,EAAK;AAAA,QACZ,eAAAS;AAAA,QACA,UAAUH;AAAA,QACV,QAAQK;AAAA,QACR,UAAUQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd,gBAAAG,EAAC,OAAA,EAAI,WAAU,oBACV,UAAA;AAAA,MAAAlB,EAAO,MACJ,gBAAAiB;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,UAAUnB;AAAA,UACV,UAAUa;AAAA,QAAA;AAAA,MAAA;AAAA,MAGlB,gBAAAE,EAAC,OAAA,EAAI,WAAU,UACX,UAAA,gBAAAC;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,4BACK,OAAA,EAAI,WAAU,gDACX,UAAA,gBAAAL,EAACM,GAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACvB;AAAA,UAGH,UAAA;AAAA,YAAArB,MAAgBjB,KACb,gBAAAgC;AAAA,cAAC9B;AAAA,cAAA;AAAA,gBACG,SAASS,EAAK;AAAA,gBACd,QAAQA,EAAK;AAAA,gBACb,UAAUA,EAAK;AAAA,gBACf,eAAAS;AAAA,gBACA,kBAAAC;AAAA,gBACA,iBAAiBG;AAAA,cAAA;AAAA,YAAA;AAAA,YAGxBP,MAAgB,WACb,gBAAAe,EAAC5B,GAAA,CAAA,CAAmB;AAAA,YAEvBa,MAAgB,iBACb,gBAAAe,EAAC3B,GAAA,CAAA,CAA0B;AAAA,YAE9BY,MAAgB,cACb,gBAAAe,EAAC1B,GAAA,CAAA,CAAuB;AAAA,YAE3BW,MAAgB,cACb,gBAAAe;AAAA,cAACzB;AAAA,cAAA;AAAA,gBACG,MAAMI,EAAK;AAAA,gBACX,SAASA,EAAK;AAAA,gBACd,SAASA,EAAK,SAAS;AAAA,gBACvB,UAAUe;AAAA,cAAA;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,MAAA,EAER,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAER;AAER;"}
1	+ {"version":3,"file":"ProjectDetails.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/ProjectDetails.tsx"],"sourcesContent":["import { useState, lazy, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport ProjectDetailsHeader from './components/ProjectDetailsHeader'\nimport ProjectDetailsNavigation from './components/ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProject } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport type { GetProjectDetailsResponse } from './types'\n\nconst defaultNavValue = 'overview'\nconst settingsNavValue = 'settings'\n\nconst ProjectDetailsOverview = lazy(\n () => import('./components/ProjectDetailsOverview'),\n)\nconst ProjectDetailsTask = lazy(() => import('./components/ProjectDetailsTask'))\nconst ProjectDetailsAttachments = lazy(\n () => import('./components/ProjectDetailsAttachments'),\n)\nconst ProjectDetailsActivity = lazy(\n () => import('./components/ProjectDetailsActivity'),\n)\nconst ProjectDetailsSetting = lazy(\n () => import('./components/ProjectDetailsSetting'),\n)\n\nconst ProjectDetails = () => {\n const { id } = useParams()\n\n const { data, mutate } = useSWR<GetProjectDetailsResponse, { id: string }>(\n [`/api/project/${id}`],\n () => apiGetProject({ id }),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const { larger } = useResponsive()\n\n const [selectedNav, setSelectedNav] = useState(defaultNavValue)\n const [isContentEdit, setIsContentEdit] = useState(false)\n\n const handleEdit = (isEdit: boolean) => {\n setSelectedNav(settingsNavValue)\n setIsContentEdit(isEdit)\n }\n\n const handleContentChange = (content: string) => {\n mutate({ ...(data as GetProjectDetailsResponse), content }, false)\n setIsContentEdit(false)\n }\n\n const handleUpdate = ({\n name,\n content,\n dueDate,\n }: {\n name: string\n content: string\n dueDate: number\n }) => {\n const newData = { ...data }\n newData.name = name\n newData.content = content\n if (newData.schedule) {\n newData.schedule.dueDate = dueDate\n }\n\n mutate({ ...(newData as GetProjectDetailsResponse) }, false)\n setIsContentEdit(false)\n setSelectedNav(defaultNavValue)\n }\n\n const handleNavigationChange = (val: string) => {\n if (val === settingsNavValue) {\n setIsContentEdit(true)\n } else {\n setIsContentEdit(false)\n }\n setSelectedNav(val)\n }\n\n return (\n <div>\n {data && (\n <>\n <ProjectDetailsHeader\n title={data.name}\n isContentEdit={isContentEdit}\n selected={selectedNav}\n onEdit={handleEdit}\n onChange={handleNavigationChange}\n />\n <div className=\"mt-6 flex gap-12\">\n {larger.xl && (\n <ProjectDetailsNavigation\n selected={selectedNav}\n onChange={handleNavigationChange}\n />\n )}\n <div className=\"w-full\">\n <Suspense\n fallback={\n <div className=\"my-4 mx-auto text-center flex justify-center\">\n <Spinner size={40} />\n </div>\n }\n >\n {selectedNav === defaultNavValue && (\n <ProjectDetailsOverview\n content={data.content}\n client={data.client}\n schedule={data.schedule}\n isContentEdit={isContentEdit}\n setIsContentEdit={setIsContentEdit}\n onContentChange={handleContentChange}\n />\n )}\n {selectedNav === 'tasks' && (\n <ProjectDetailsTask />\n )}\n {selectedNav === 'attachments' && (\n <ProjectDetailsAttachments />\n )}\n {selectedNav === 'activity' && (\n <ProjectDetailsActivity />\n )}\n {selectedNav === 'settings' && (\n <ProjectDetailsSetting\n name={data.name}\n content={data.content}\n dueDate={data.schedule.dueDate}\n onUpdate={handleUpdate}\n />\n )}\n </Suspense>\n </div>\n </div>\n </>\n )}\n </div>\n )\n}\n\nexport default ProjectDetails\n"],"names":["defaultNavValue","settingsNavValue","ProjectDetailsOverview","lazy","ProjectDetailsTask","ProjectDetailsAttachments","ProjectDetailsActivity","ProjectDetailsSetting","ProjectDetails","id","useParams","data","mutate","useSWR","apiGetProject","larger","useResponsive","selectedNav","setSelectedNav","useState","isContentEdit","setIsContentEdit","handleEdit","isEdit","handleContentChange","content","handleUpdate","name","dueDate","newData","handleNavigationChange","val","jsx","jsxs","Fragment","ProjectDetailsHeader","ProjectDetailsNavigation","Suspense","Spinner"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsActivity.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectDetailsActivity.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsActivity.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\r\nimport Timeline from '@/components/ui/Timeline'\r\nimport Button from '@/components/ui/Button'\r\nimport Loading from '@/components/shared/Loading'\r\nimport { apiGetLogs } from '@/services/LogService'\r\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\r\nimport isEmpty from 'lodash/isEmpty'\r\nimport dayjs from 'dayjs'\r\nimport type { GetProjectDetailsActitvityResponse } from '../types'\r\n\r\nconst ProjectDetailsActivity = () => {\r\n const [isLoading, setIsLoading] = useState(false)\r\n const [activityIndex, setActivityIndex] = useState(1)\r\n const [loadable, seLoadable] = useState(true)\r\n const [activities, setActivities] = useState<\r\n Array<{\r\n id: string\r\n date: number\r\n events: Array<{\r\n type: string\r\n dateTime: number\r\n ticket?: string\r\n status?: number\r\n userName: string\r\n userImg?: string\r\n comment?: string\r\n tags?: string[]\r\n files?: string[]\r\n assignee?: string\r\n }>\r\n }>\r\n >([])\r\n\r\n const getLogs = async () => {\r\n setIsLoading(true)\r\n const resp = await apiGetLogs<\r\n GetProjectDetailsActitvityResponse,\r\n { activityIndex: number }\r\n >({ activityIndex })\r\n setActivities((prevActivities) => [...prevActivities, ...resp.data])\r\n seLoadable(resp.loadable)\r\n setIsLoading(false)\r\n }\r\n\r\n useEffect(() => {\r\n getLogs()\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n const onLoadMore = () => {\r\n setActivityIndex((prevIndex) => prevIndex + 1)\r\n getLogs()\r\n }\r\n\r\n return (\r\n <Loading loading={isLoading}>\r\n <div>\r\n {activities.map((log, index) => (\r\n <div key={log.id + index} className=\"mb-8\">\r\n <div className=\"mb-4 font-semibold uppercase\">\r\n {dayjs.unix(log.date).format('dddd, DD MMMM')}\r\n </div>\r\n <Timeline>\r\n {isEmpty(log.events) ? (\r\n <Timeline.Item>No Activities</Timeline.Item>\r\n ) : (\r\n log.events.map((event, index) => (\r\n <Timeline.Item\r\n key={log.id + event.type + index}\r\n media={<ActivityAvatar data={event} />}\r\n >\r\n <div className=\"mt-1\">\r\n <ActivityEvent data={event} />\r\n </div>\r\n </Timeline.Item>\r\n ))\r\n )}\r\n </Timeline>\r\n </div>\r\n ))}\r\n <div className=\"text-center\">\r\n {loadable ? (\r\n <Button loading={isLoading} onClick={onLoadMore}>\r\n Load More\r\n </Button>\r\n ) : (\r\n 'No more activity to load'\r\n )}\r\n </div>\r\n </div>\r\n </Loading>\r\n )\r\n}\r\n\r\nexport default ProjectDetailsActivity\r\n"],"names":["ProjectDetailsActivity","isLoading","setIsLoading","useState","activityIndex","setActivityIndex","loadable","seLoadable","activities","setActivities","getLogs","resp","apiGetLogs","prevActivities","useEffect","onLoadMore","prevIndex","jsx","Loading","log","index","jsxs","dayjs","Timeline","isEmpty","event","ActivityAvatar","ActivityEvent","Button"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,IAAyB,MAAM;AACjC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAeC,CAAgB,IAAIF,EAAS,CAAC,GAC9C,CAACG,GAAUC,CAAU,IAAIJ,EAAS,EAAI,GACtC,CAACK,GAAYC,CAAa,IAAIN,EAiBlC,CAAA,CAAE,GAEEO,IAAU,YAAY;AACxB,IAAAR,EAAa,EAAI;AACjB,UAAMS,IAAO,MAAMC,EAGjB,EAAE,eAAAR,GAAe;AACnB,IAAAK,EAAc,CAACI,MAAmB,CAAC,GAAGA,GAAgB,GAAGF,EAAK,IAAI,CAAC,GACnEJ,EAAWI,EAAK,QAAQ,GACxBT,EAAa,EAAK;AAAA,~~EAAA~~;~~AAGtB~~,EAAAY,EAAU,MAAM;AACZ,IAAAJ,EAAA;AAAA,~~EAAQ~~,~~GAET~~,~~EAAE~~;AAEL,QAAMK,IAAa,MAAM;AACrB,IAAAV,EAAiB,CAACW,MAAcA,IAAY,CAAC,GAC7CN,EAAA;AAAA,~~EAAQ~~;~~AAGZ~~,SACI,gBAAAO,EAACC,GAAA,EAAQ,SAASjB,GACd,4BAAC,OAAA,EACI,UAAA;AAAA,IAAAO,EAAW,IAAI,CAACW,GAAKC,MAClB,gBAAAC,EAAC,OAAA,EAAyB,WAAU,QAChC,UAAA;AAAA,MAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gCACV,UAAAK,EAAM,KAAKH,EAAI,IAAI,EAAE,OAAO,eAAe,EAAA,CAChD;AAAA,wBACCI,GAAA,EACI,UAAAC,EAAQL,EAAI,MAAM,IACf,gBAAAF,EAACM,EAAS,MAAT,EAAc,2BAAa,IAE5BJ,EAAI,OAAO,IAAI,CAACM,GAAOL,MACnB,gBAAAH;AAAA,QAACM,EAAS;AAAA,QAAT;AAAA,UAEG,OAAO,gBAAAN,EAACS,GAAA,EAAe,MAAMD,EAAA,CAAO;AAAA,UAEpC,UAAA,gBAAAR,EAAC,SAAI,WAAU,QACX,4BAACU,GAAA,EAAc,MAAMF,GAAO,EAAA,CAChC;AAAA,QAAA;AAAA,QALKN,EAAI,KAAKM,EAAM,OAAOL;AAAAA,MAAA,CAOlC,EAAA,CAET;AAAA,IAAA,EAAA,GAnBMD,EAAI,KAAKC,CAoBnB,CACH;AAAA,IACD,gBAAAH,EAAC,OAAA,EAAI,WAAU,eACV,UAAAX,IACG,gBAAAW,EAACW,GAAA,EAAO,SAAS3B,GAAW,SAASc,GAAY,UAAA,YAAA,CAEjD,IAEA,2BAAA,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
1	+ {"version":3,"file":"ProjectDetailsActivity.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsActivity.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport Timeline from '@/components/ui/Timeline'\nimport Button from '@/components/ui/Button'\nimport Loading from '@/components/shared/Loading'\nimport { apiGetLogs } from '@/services/LogService'\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\nimport isEmpty from 'lodash/isEmpty'\nimport dayjs from 'dayjs'\nimport type { GetProjectDetailsActitvityResponse } from '../types'\n\nconst ProjectDetailsActivity = () => {\n const [isLoading, setIsLoading] = useState(false)\n const [activityIndex, setActivityIndex] = useState(1)\n const [loadable, seLoadable] = useState(true)\n const [activities, setActivities] = useState<\n Array<{\n id: string\n date: number\n events: Array<{\n type: string\n dateTime: number\n ticket?: string\n status?: number\n userName: string\n userImg?: string\n comment?: string\n tags?: string[]\n files?: string[]\n assignee?: string\n }>\n }>\n >([])\n\n const getLogs = async () => {\n setIsLoading(true)\n const resp = await apiGetLogs<\n GetProjectDetailsActitvityResponse,\n { activityIndex: number }\n >({ activityIndex })\n setActivities((prevActivities) => [...prevActivities, ...resp.data])\n seLoadable(resp.loadable)\n setIsLoading(false)\n }\n\n useEffect(() => {\n getLogs()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n const onLoadMore = () => {\n setActivityIndex((prevIndex) => prevIndex + 1)\n getLogs()\n }\n\n return (\n <Loading loading={isLoading}>\n <div>\n {activities.map((log, index) => (\n <div key={log.id + index} className=\"mb-8\">\n <div className=\"mb-4 font-semibold uppercase\">\n {dayjs.unix(log.date).format('dddd, DD MMMM')}\n </div>\n <Timeline>\n {isEmpty(log.events) ? (\n <Timeline.Item>No Activities</Timeline.Item>\n ) : (\n log.events.map((event, index) => (\n <Timeline.Item\n key={log.id + event.type + index}\n media={<ActivityAvatar data={event} />}\n >\n <div className=\"mt-1\">\n <ActivityEvent data={event} />\n </div>\n </Timeline.Item>\n ))\n )}\n </Timeline>\n </div>\n ))}\n <div className=\"text-center\">\n {loadable ? (\n <Button loading={isLoading} onClick={onLoadMore}>\n Load More\n </Button>\n ) : (\n 'No more activity to load'\n )}\n </div>\n </div>\n </Loading>\n )\n}\n\nexport default ProjectDetailsActivity\n"],"names":["ProjectDetailsActivity","isLoading","setIsLoading","useState","activityIndex","setActivityIndex","loadable","seLoadable","activities","setActivities","getLogs","resp","apiGetLogs","prevActivities","useEffect","onLoadMore","prevIndex","jsx","Loading","log","index","jsxs","dayjs","Timeline","isEmpty","event","ActivityAvatar","ActivityEvent","Button"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,IAAyB,MAAM;AACjC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAeC,CAAgB,IAAIF,EAAS,CAAC,GAC9C,CAACG,GAAUC,CAAU,IAAIJ,EAAS,EAAI,GACtC,CAACK,GAAYC,CAAa,IAAIN,EAiBlC,CAAA,CAAE,GAEEO,IAAU,YAAY;AACxB,IAAAR,EAAa,EAAI;AACjB,UAAMS,IAAO,MAAMC,EAGjB,EAAE,eAAAR,GAAe;AACnB,IAAAK,EAAc,CAACI,MAAmB,CAAC,GAAGA,GAAgB,GAAGF,EAAK,IAAI,CAAC,GACnEJ,EAAWI,EAAK,QAAQ,GACxBT,EAAa,EAAK;AAAA,EACtB;AAEA,EAAAY,EAAU,MAAM;AACZ,IAAAJ,EAAA;AAAA,EAEJ,GAAG,CAAA,CAAE;AAEL,QAAMK,IAAa,MAAM;AACrB,IAAAV,EAAiB,CAACW,MAAcA,IAAY,CAAC,GAC7CN,EAAA;AAAA,EACJ;AAEA,SACI,gBAAAO,EAACC,GAAA,EAAQ,SAASjB,GACd,4BAAC,OAAA,EACI,UAAA;AAAA,IAAAO,EAAW,IAAI,CAACW,GAAKC,MAClB,gBAAAC,EAAC,OAAA,EAAyB,WAAU,QAChC,UAAA;AAAA,MAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gCACV,UAAAK,EAAM,KAAKH,EAAI,IAAI,EAAE,OAAO,eAAe,EAAA,CAChD;AAAA,wBACCI,GAAA,EACI,UAAAC,EAAQL,EAAI,MAAM,IACf,gBAAAF,EAACM,EAAS,MAAT,EAAc,2BAAa,IAE5BJ,EAAI,OAAO,IAAI,CAACM,GAAOL,MACnB,gBAAAH;AAAA,QAACM,EAAS;AAAA,QAAT;AAAA,UAEG,OAAO,gBAAAN,EAACS,GAAA,EAAe,MAAMD,EAAA,CAAO;AAAA,UAEpC,UAAA,gBAAAR,EAAC,SAAI,WAAU,QACX,4BAACU,GAAA,EAAc,MAAMF,GAAO,EAAA,CAChC;AAAA,QAAA;AAAA,QALKN,EAAI,KAAKM,EAAM,OAAOL;AAAAA,MAAA,CAOlC,EAAA,CAET;AAAA,IAAA,EAAA,GAnBMD,EAAI,KAAKC,CAoBnB,CACH;AAAA,IACD,gBAAAH,EAAC,OAAA,EAAI,WAAU,eACV,UAAAX,IACG,gBAAAW,EAACW,GAAA,EAAO,SAAS3B,GAAW,SAASc,GAAY,UAAA,YAAA,CAEjD,IAEA,2BAAA,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsAttachments.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectDetailsAttachments.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsAttachments.tsx"],"sourcesContent":["import useSWR from 'swr'\r\nimport { apiGetFiles } from '@/services/FileService'\r\nimport Table from '@/components/ui/Table'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Loading from '@/components/shared/Loading'\r\nimport fileSizeUnit from '@/utils/fileSizeUnit'\r\nimport FileIcon from '@/components/view/FileIcon'\r\nimport dayjs from 'dayjs'\r\nimport type { GetProjectDetailsAttachmentResponse } from '../types'\r\n\r\ntype FileSegmentProps = {\r\n name: string\r\n fileType: string\r\n size: number\r\n}\r\n\r\nconst { TBody, THead, Th, Tr, Td } = Table\r\n\r\nconst FileSegment = ({ fileType, size, name }: FileSegmentProps) => {\r\n return (\r\n <div\r\n className=\"bg-white rounded-2xl dark:bg-gray-800 border border-gray-200 dark:border-transparent p-2.5 lg:p-3.5 flex items-center gap-2 transition-all hover:shadow-[0_0_1rem_0.25rem_rgba(0,0,0,0.04),0px_2rem_1.5rem_-1rem_rgba(0,0,0,0.12)] cursor-pointer\"\r\n role=\"button\"\r\n >\r\n <div className=\"text-3xl\">\r\n <FileIcon type={fileType} size={35} />\r\n </div>\r\n <div>\r\n <div className=\"font-bold heading-text\">{name}</div>\r\n <span className=\"text-xs\">{fileSizeUnit(size)}</span>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nconst ProjectDetailsAttachments = () => {\r\n const { data, isLoading } = useSWR(\r\n ['/api/fles'],\r\n () =>\r\n apiGetFiles<\r\n GetProjectDetailsAttachmentResponse,\r\n Record<string, never>\r\n >({}),\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 <div>\r\n <h4>Recently added</h4>\r\n <div className=\"grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 mt-4 gap-4 lg:gap-6\">\r\n {data &&\r\n data.list\r\n .filter((file) => file.recent)\r\n .map((file) => (\r\n <FileSegment\r\n key={file.id}\r\n fileType={file.fileType}\r\n size={file.size}\r\n name={file.name}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n <div className=\"mt-10\">\r\n <h4>Others files</h4>\r\n <Table className=\"mt-6\">\r\n <THead>\r\n <Tr>\r\n <Th>File</Th>\r\n <Th>Size</Th>\r\n <Th>Upload date</Th>\r\n <Th>Last modified</Th>\r\n <Th>Uploaded by</Th>\r\n </Tr>\r\n </THead>\r\n <TBody>\r\n {data &&\r\n data.list\r\n .filter((file) => !file.recent)\r\n .map((file) => (\r\n <Tr\r\n key={file.id}\r\n className=\"cursor-pointer\"\r\n >\r\n <Td>\r\n <div className=\"flex items-center gap-2\">\r\n <div className=\"text-2xl\">\r\n <FileIcon\r\n type={file.fileType}\r\n size={35}\r\n />\r\n </div>\r\n <div className=\"font-bold heading-text\">\r\n {file.name}\r\n </div>\r\n </div>\r\n </Td>\r\n <Td className=\"font-semibold text-nowrap\">\r\n {fileSizeUnit(file.size)}\r\n </Td>\r\n <Td className=\"font-semibold text-nowrap\">\r\n {dayjs\r\n .unix(file.uploadDate)\r\n .format('DD MMM YYYY')}\r\n </Td>\r\n <Td className=\"font-semibold\">\r\n {dayjs\r\n .unix(\r\n file.activities[0]\r\n .timestamp,\r\n )\r\n .format('DD MMM YYYY')}\r\n </Td>\r\n <Td>\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar\r\n size={28}\r\n src={file.author.img}\r\n />\r\n <span className=\"heading-text font-bold\">\r\n {file.author.name}\r\n </span>\r\n </div>\r\n </Td>\r\n </Tr>\r\n ))}\r\n </TBody>\r\n </Table>\r\n </div>\r\n </Loading>\r\n )\r\n}\r\n\r\nexport default ProjectDetailsAttachments\r\n"],"names":["TBody","THead","Th","Tr","Td","Table","FileSegment","fileType","size","name","jsxs","jsx","FileIcon","fileSizeUnit","ProjectDetailsAttachments","data","isLoading","useSWR","apiGetFiles","Loading","file","dayjs","Avatar"],"mappings":";;;;;;;;;;AAgBA,MAAM,EAAE,OAAAA,GAAO,OAAAC,GAAO,IAAAC,GAAI,IAAAC,GAAI,IAAAC,MAAOC,GAE/BC,IAAc,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,MAAAC,QAE/B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,MAAK;AAAA,IAEL,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,YACX,UAAA,gBAAAA,EAACC,KAAS,MAAML,GAAU,MAAM,GAAA,CAAI,EAAA,CACxC;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,0BAA0B,UAAAF,GAAK;AAAA,0BAC7C,QAAA,EAAK,WAAU,WAAW,UAAAI,EAAaL,CAAI,EAAA,CAAE;AAAA,MAAA,EAAA,CAClD;AAAA,IAAA;AAAA,EAAA;AAAA,GAKNM,IAA4B,MAAM;AACpC,QAAM,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,WAAW;AAAA,IACZ,MACIC,EAGE,CAAA,CAAE;AAAA,IACR;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,gBAAAR,EAACS,GAAA,EAAQ,SAASH,GACd,UAAA;AAAA,IAAA,gBAAAN,EAAC,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,iBAAA,CAAc;AAAA,MAClB,gBAAAA,EAAC,OAAA,EAAI,WAAU,sFACV,eACGI,EAAK,KACA,OAAO,CAACK,MAASA,EAAK,MAAM,EAC5B,IAAI,CAACA,MACF,gBAAAT;AAAA,QAACL;AAAA,QAAA;AAAA,UAEG,UAAUc,EAAK;AAAA,UACf,MAAMA,EAAK;AAAA,UACX,MAAMA,EAAK;AAAA,QAAA;AAAA,QAHNA,EAAK;AAAA,MAAA,CAKjB,EAAA,CACb;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAV,EAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAD,EAACL,GAAA,EAAM,WAAU,QACb,UAAA;AAAA,QAAA,gBAAAM,EAACV,GAAA,EACG,4BAACE,GAAA,EACG,UAAA;AAAA,UAAA,gBAAAQ,EAACT,KAAG,UAAA,OAAA,CAAI;AAAA,UACR,gBAAAS,EAACT,KAAG,UAAA,OAAA,CAAI;AAAA,UACR,gBAAAS,EAACT,KAAG,UAAA,cAAA,CAAW;AAAA,UACf,gBAAAS,EAACT,KAAG,UAAA,gBAAA,CAAa;AAAA,UACjB,gBAAAS,EAACT,KAAG,UAAA,cAAA,CAAW;AAAA,QAAA,EAAA,CACnB,EAAA,CACJ;AAAA,QACA,gBAAAS,EAACX,GAAA,EACI,UAAAe,KACGA,EAAK,KACA,OAAO,CAACK,MAAS,CAACA,EAAK,MAAM,EAC7B,IAAI,CAACA,MACF,gBAAAV;AAAA,UAACP;AAAA,UAAA;AAAA,YAEG,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAQ,EAACP,GAAA,EACG,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,YACX,UAAA,gBAAAA;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACG,MAAMQ,EAAK;AAAA,oBACX,MAAM;AAAA,kBAAA;AAAA,gBAAA,GAEd;AAAA,gBACA,gBAAAT,EAAC,OAAA,EAAI,WAAU,0BACV,YAAK,KAAA,CACV;AAAA,cAAA,EAAA,CACJ,EAAA,CACJ;AAAA,gCACCP,GAAA,EAAG,WAAU,6BACT,UAAAS,EAAaO,EAAK,IAAI,GAC3B;AAAA,cACA,gBAAAT,EAACP,GAAA,EAAG,WAAU,6BACT,UAAAiB,EACI,KAAKD,EAAK,UAAU,EACpB,OAAO,aAAa,EAAA,CAC7B;AAAA,cACA,gBAAAT,EAACP,GAAA,EAAG,WAAU,iBACT,UAAAiB,EACI;AAAA,gBACGD,EAAK,WAAW,CAAC,EACZ;AAAA,cAAA,EAER,OAAO,aAAa,GAC7B;AAAA,cACA,gBAAAT,EAACP,GAAA,EACG,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAC;AAAA,kBAACW;AAAA,kBAAA;AAAA,oBACG,MAAM;AAAA,oBACN,KAAKF,EAAK,OAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,kCAEpB,QAAA,EAAK,WAAU,0BACX,UAAAA,EAAK,OAAO,KAAA,CACjB;AAAA,cAAA,EAAA,CACJ,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UA1CKA,EAAK;AAAA,QAAA,CA4CjB,EAAA,CACb;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"ProjectDetailsAttachments.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsAttachments.tsx"],"sourcesContent":["import useSWR from 'swr'\nimport { apiGetFiles } from '@/services/FileService'\nimport Table from '@/components/ui/Table'\nimport Avatar from '@/components/ui/Avatar'\nimport Loading from '@/components/shared/Loading'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport FileIcon from '@/components/view/FileIcon'\nimport dayjs from 'dayjs'\nimport type { GetProjectDetailsAttachmentResponse } from '../types'\n\ntype FileSegmentProps = {\n name: string\n fileType: string\n size: number\n}\n\nconst { TBody, THead, Th, Tr, Td } = Table\n\nconst FileSegment = ({ fileType, size, name }: FileSegmentProps) => {\n return (\n <div\n className=\"bg-white rounded-2xl dark:bg-gray-800 border border-gray-200 dark:border-transparent p-2.5 lg:p-3.5 flex items-center gap-2 transition-all hover:shadow-[0_0_1rem_0.25rem_rgba(0,0,0,0.04),0px_2rem_1.5rem_-1rem_rgba(0,0,0,0.12)] cursor-pointer\"\n role=\"button\"\n >\n <div className=\"text-3xl\">\n <FileIcon type={fileType} size={35} />\n </div>\n <div>\n <div className=\"font-bold heading-text\">{name}</div>\n <span className=\"text-xs\">{fileSizeUnit(size)}</span>\n </div>\n </div>\n )\n}\n\nconst ProjectDetailsAttachments = () => {\n const { data, isLoading } = useSWR(\n ['/api/fles'],\n () =>\n apiGetFiles<\n GetProjectDetailsAttachmentResponse,\n Record<string, never>\n >({}),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n return (\n <Loading loading={isLoading}>\n <div>\n <h4>Recently added</h4>\n <div className=\"grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 mt-4 gap-4 lg:gap-6\">\n {data &&\n data.list\n .filter((file) => file.recent)\n .map((file) => (\n <FileSegment\n key={file.id}\n fileType={file.fileType}\n size={file.size}\n name={file.name}\n />\n ))}\n </div>\n </div>\n <div className=\"mt-10\">\n <h4>Others files</h4>\n <Table className=\"mt-6\">\n <THead>\n <Tr>\n <Th>File</Th>\n <Th>Size</Th>\n <Th>Upload date</Th>\n <Th>Last modified</Th>\n <Th>Uploaded by</Th>\n </Tr>\n </THead>\n <TBody>\n {data &&\n data.list\n .filter((file) => !file.recent)\n .map((file) => (\n <Tr\n key={file.id}\n className=\"cursor-pointer\"\n >\n <Td>\n <div className=\"flex items-center gap-2\">\n <div className=\"text-2xl\">\n <FileIcon\n type={file.fileType}\n size={35}\n />\n </div>\n <div className=\"font-bold heading-text\">\n {file.name}\n </div>\n </div>\n </Td>\n <Td className=\"font-semibold text-nowrap\">\n {fileSizeUnit(file.size)}\n </Td>\n <Td className=\"font-semibold text-nowrap\">\n {dayjs\n .unix(file.uploadDate)\n .format('DD MMM YYYY')}\n </Td>\n <Td className=\"font-semibold\">\n {dayjs\n .unix(\n file.activities[0]\n .timestamp,\n )\n .format('DD MMM YYYY')}\n </Td>\n <Td>\n <div className=\"flex items-center gap-2\">\n <Avatar\n size={28}\n src={file.author.img}\n />\n <span className=\"heading-text font-bold\">\n {file.author.name}\n </span>\n </div>\n </Td>\n </Tr>\n ))}\n </TBody>\n </Table>\n </div>\n </Loading>\n )\n}\n\nexport default ProjectDetailsAttachments\n"],"names":["TBody","THead","Th","Tr","Td","Table","FileSegment","fileType","size","name","jsxs","jsx","FileIcon","fileSizeUnit","ProjectDetailsAttachments","data","isLoading","useSWR","apiGetFiles","Loading","file","dayjs","Avatar"],"mappings":";;;;;;;;;;AAgBA,MAAM,EAAE,OAAAA,GAAO,OAAAC,GAAO,IAAAC,GAAI,IAAAC,GAAI,IAAAC,MAAOC,GAE/BC,IAAc,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,MAAAC,QAE/B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,MAAK;AAAA,IAEL,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,YACX,UAAA,gBAAAA,EAACC,KAAS,MAAML,GAAU,MAAM,GAAA,CAAI,EAAA,CACxC;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,0BAA0B,UAAAF,GAAK;AAAA,0BAC7C,QAAA,EAAK,WAAU,WAAW,UAAAI,EAAaL,CAAI,EAAA,CAAE;AAAA,MAAA,EAAA,CAClD;AAAA,IAAA;AAAA,EAAA;AAAA,GAKNM,IAA4B,MAAM;AACpC,QAAM,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,WAAW;AAAA,IACZ,MACIC,EAGE,CAAA,CAAE;AAAA,IACR;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,gBAAAR,EAACS,GAAA,EAAQ,SAASH,GACd,UAAA;AAAA,IAAA,gBAAAN,EAAC,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,iBAAA,CAAc;AAAA,MAClB,gBAAAA,EAAC,OAAA,EAAI,WAAU,sFACV,eACGI,EAAK,KACA,OAAO,CAACK,MAASA,EAAK,MAAM,EAC5B,IAAI,CAACA,MACF,gBAAAT;AAAA,QAACL;AAAA,QAAA;AAAA,UAEG,UAAUc,EAAK;AAAA,UACf,MAAMA,EAAK;AAAA,UACX,MAAMA,EAAK;AAAA,QAAA;AAAA,QAHNA,EAAK;AAAA,MAAA,CAKjB,EAAA,CACb;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAV,EAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAD,EAACL,GAAA,EAAM,WAAU,QACb,UAAA;AAAA,QAAA,gBAAAM,EAACV,GAAA,EACG,4BAACE,GAAA,EACG,UAAA;AAAA,UAAA,gBAAAQ,EAACT,KAAG,UAAA,OAAA,CAAI;AAAA,UACR,gBAAAS,EAACT,KAAG,UAAA,OAAA,CAAI;AAAA,UACR,gBAAAS,EAACT,KAAG,UAAA,cAAA,CAAW;AAAA,UACf,gBAAAS,EAACT,KAAG,UAAA,gBAAA,CAAa;AAAA,UACjB,gBAAAS,EAACT,KAAG,UAAA,cAAA,CAAW;AAAA,QAAA,EAAA,CACnB,EAAA,CACJ;AAAA,QACA,gBAAAS,EAACX,GAAA,EACI,UAAAe,KACGA,EAAK,KACA,OAAO,CAACK,MAAS,CAACA,EAAK,MAAM,EAC7B,IAAI,CAACA,MACF,gBAAAV;AAAA,UAACP;AAAA,UAAA;AAAA,YAEG,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAQ,EAACP,GAAA,EACG,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,YACX,UAAA,gBAAAA;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACG,MAAMQ,EAAK;AAAA,oBACX,MAAM;AAAA,kBAAA;AAAA,gBAAA,GAEd;AAAA,gBACA,gBAAAT,EAAC,OAAA,EAAI,WAAU,0BACV,YAAK,KAAA,CACV;AAAA,cAAA,EAAA,CACJ,EAAA,CACJ;AAAA,gCACCP,GAAA,EAAG,WAAU,6BACT,UAAAS,EAAaO,EAAK,IAAI,GAC3B;AAAA,cACA,gBAAAT,EAACP,GAAA,EAAG,WAAU,6BACT,UAAAiB,EACI,KAAKD,EAAK,UAAU,EACpB,OAAO,aAAa,EAAA,CAC7B;AAAA,cACA,gBAAAT,EAACP,GAAA,EAAG,WAAU,iBACT,UAAAiB,EACI;AAAA,gBACGD,EAAK,WAAW,CAAC,EACZ;AAAA,cAAA,EAER,OAAO,aAAa,GAC7B;AAAA,cACA,gBAAAT,EAACP,GAAA,EACG,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAC;AAAA,kBAACW;AAAA,kBAAA;AAAA,oBACG,MAAM;AAAA,oBACN,KAAKF,EAAK,OAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,kCAEpB,QAAA,EAAK,WAAU,0BACX,UAAAA,EAAK,OAAO,KAAA,CACjB;AAAA,cAAA,EAAA,CACJ,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UA1CKA,EAAK;AAAA,QAAA,CA4CjB,EAAA,CACb;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectDetailsHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Input from '@/components/ui/Input'\r\nimport Select from '@/components/ui/Select'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\r\nimport ProjectDetailsNavigation from './ProjectDetailsNavigation'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport { apiGetProjectMembers } from '@/services/ProjectService'\r\nimport { components } from 'react-select'\r\nimport { TbChecks } from 'react-icons/tb'\r\nimport useSWRMutation from 'swr/mutation'\r\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\r\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\r\n\r\ntype ProjectDetailsHeaderProps = {\r\n title: string\r\n isContentEdit: boolean\r\n onEdit: (value: boolean) => void\r\n selected: string\r\n onChange: (value: string) => void\r\n}\r\n\r\ntype Member = {\r\n id: string\r\n name: string\r\n img: string\r\n}\r\n\r\ntype MemberOption = {\r\n label: string\r\n value: string\r\n img: string\r\n}\r\n\r\ntype GetProjectMembersResponse = {\r\n participantMembers: Member[]\r\n allMembers: Member[]\r\n}\r\n\r\nconst { MultiValueLabel } = components\r\n\r\nconst CustomSelectOption = ({\r\n innerProps,\r\n label,\r\n data,\r\n isSelected,\r\n}: OptionProps<MemberOption>) => {\r\n return (\r\n <div\r\n className={`flex items-center justify-between p-2 ${\r\n isSelected\r\n ? 'bg-gray-100 dark:bg-gray-500'\r\n : 'hover:bg-gray-50 dark:hover:bg-gray-600'\r\n }`}\r\n {...innerProps}\r\n >\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar shape=\"circle\" size={20} src={data.img} />\r\n <span className=\"font-semibold heading-text\">{label}</span>\r\n </div>\r\n {isSelected && <TbChecks className=\"text-emerald-500 text-xl\" />}\r\n </div>\r\n )\r\n}\r\n\r\nconst CustomControlMulti = ({ children, ...props }: MultiValueGenericProps) => {\r\n const { img } = props.data\r\n\r\n return (\r\n <MultiValueLabel {...props}>\r\n <div className=\"inline-flex items-center\">\r\n <Avatar\r\n className=\"mr-2 rtl:ml-2\"\r\n shape=\"circle\"\r\n size={15}\r\n src={img}\r\n />\r\n {children}\r\n </div>\r\n </MultiValueLabel>\r\n )\r\n}\r\n\r\nconst ProjectDetailsHeader = (props: ProjectDetailsHeaderProps) => {\r\n const { title, isContentEdit, onEdit, onChange, selected } = props\r\n\r\n const [isDialogOpen, setIsDialogOpen] = useState(false)\r\n\r\n const [loading, setLoading] = useState(false)\r\n\r\n const [copied, setCopied] = useState(false)\r\n\r\n const [memberOptions, setMemberOptions] = useState<MemberOption[]>([])\r\n\r\n const drawerRef = useRef<ToggleDrawerRef>(null)\r\n\r\n const { smaller } = useResponsive()\r\n\r\n const { trigger } = useSWRMutation(\r\n ['/api/projects/members'],\r\n () => apiGetProjectMembers<GetProjectMembersResponse>(),\r\n {\r\n onSuccess: (data) => {\r\n const members = data?.allMembers.map((item) => ({\r\n value: item.id,\r\n label: item.name,\r\n img: item.img,\r\n }))\r\n setMemberOptions(members)\r\n },\r\n },\r\n )\r\n\r\n const handleFocus = async () => {\r\n if (memberOptions.length === 0) {\r\n setLoading(true)\r\n await trigger()\r\n setLoading(false)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (copied) {\r\n const copyFeedbackInterval = setTimeout(\r\n () => setCopied(false),\r\n 2000,\r\n )\r\n\r\n return () => {\r\n clearTimeout(copyFeedbackInterval)\r\n }\r\n }\r\n }, [copied])\r\n\r\n const handleNavigationChange = (val: string) => {\r\n onChange(val)\r\n drawerRef.current?.handleCloseDrawer()\r\n }\r\n\r\n return (\r\n <>\r\n <div className=\"flex items-center justify-between border-b border-gray-200 dark:border-gray-700 mb-6 pb-4\">\r\n <div className=\"flex items-center gap-4\">\r\n {smaller.xl && (\r\n <ToggleDrawer ref={drawerRef} title=\"Navigation\">\r\n <ProjectDetailsNavigation\r\n selected={selected}\r\n onChange={handleNavigationChange}\r\n />\r\n </ToggleDrawer>\r\n )}\r\n <h3>{title}</h3>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <Button onClick={() => setIsDialogOpen(true)}>Share</Button>\r\n <Button\r\n disabled={isContentEdit}\r\n variant=\"solid\"\r\n onClick={() => onEdit(!isContentEdit)}\r\n >\r\n {isContentEdit ? 'Editing' : 'Edit'}\r\n </Button>\r\n </div>\r\n </div>\r\n <Dialog\r\n isOpen={isDialogOpen}\r\n width={640}\r\n onClose={() => setIsDialogOpen(false)}\r\n onRequestClose={() => setIsDialogOpen(false)}\r\n >\r\n <h5>Share this project</h5>\r\n <Form className=\"my-6\">\r\n <FormItem label=\"Copy link\">\r\n <Input\r\n readOnly\r\n value=\"https://edge.themenate.net/concepts/projects/project-details/27\"\r\n suffix={\r\n <Button\r\n type=\"button\"\r\n variant=\"solid\"\r\n size=\"sm\"\r\n customColorClass={() =>\r\n 'bg-gray-900 hover:bg-gray-800 dark:bg-gray-100 dark:hover:bg-gray-200'\r\n }\r\n onClick={() => setCopied(true)}\r\n >\r\n {copied ? 'Copied' : 'Copy'}\r\n </Button>\r\n }\r\n />\r\n </FormItem>\r\n <FormItem label=\"Or share to members\">\r\n <Select<MemberOption, true>\r\n isMulti\r\n className=\"min-w-[120px]\"\r\n components={{\r\n Option: CustomSelectOption,\r\n MultiValueLabel: CustomControlMulti,\r\n }}\r\n options={memberOptions}\r\n isLoading={loading}\r\n onFocus={handleFocus}\r\n />\r\n </FormItem>\r\n </Form>\r\n <div className=\"flex items-center justify-end gap-2\">\r\n <Button onClick={() => setIsDialogOpen(false)}>\r\n Cancel\r\n </Button>\r\n <Button\r\n variant=\"solid\"\r\n onClick={() => setIsDialogOpen(false)}\r\n >\r\n Share\r\n </Button>\r\n </div>\r\n </Dialog>\r\n </>\r\n )\r\n}\r\n\r\nexport default ProjectDetailsHeader\r\n"],"names":["MultiValueLabel","components","CustomSelectOption","innerProps","label","data","isSelected","jsxs","jsx","Avatar","TbChecks","CustomControlMulti","children","props","img","ProjectDetailsHeader","title","isContentEdit","onEdit","onChange","selected","isDialogOpen","setIsDialogOpen","useState","loading","setLoading","copied","setCopied","memberOptions","setMemberOptions","drawerRef","useRef","smaller","useResponsive","trigger","useSWRMutation","apiGetProjectMembers","members","item","handleFocus","useEffect","copyFeedbackInterval","handleNavigationChange","val","_a","Fragment","ToggleDrawer","ProjectDetailsNavigation","Button","Dialog","Form","FormItem","Input","Select"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0CA,MAAM,EAAE,iBAAAA,MAAoBC,GAEtBC,IAAqB,CAAC;AAAA,EACxB,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,yCACPD,IACM,iCACA,yCACV;AAAA,IACC,GAAGH;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAO,OAAM,UAAS,MAAM,IAAI,KAAKJ,EAAK,KAAK;AAAA,QAChD,gBAAAG,EAAC,QAAA,EAAK,WAAU,8BAA8B,UAAAJ,EAAA,CAAM;AAAA,MAAA,GACxD;AAAA,MACCE,KAAc,gBAAAE,EAACE,GAAA,EAAS,WAAU,2BAAA,CAA2B;AAAA,IAAA;AAAA,EAAA;AAAA,GAKpEC,IAAqB,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAAoC;AAC3E,QAAM,EAAE,KAAAC,MAAQD,EAAM;AAEtB,2BACKb,GAAA,EAAiB,GAAGa,GACjB,UAAA,gBAAAN,EAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAKK;AAAA,MAAA;AAAA,IAAA;AAAA,IAERF;AAAA,EAAA,EAAA,CACL,EAAA,CACJ;AAER,GAEMG,KAAuB,CAACF,MAAqC;AAC/D,QAAM,EAAE,OAAAG,GAAO,eAAAC,GAAe,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,MAAaP,GAEvD,CAACQ,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhD,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtC,CAACG,GAAQC,CAAS,IAAIJ,EAAS,EAAK,GAEpC,CAACK,GAAeC,CAAgB,IAAIN,EAAyB,CAAA,CAAE,GAE/DO,IAAYC,EAAwB,IAAI,GAExC,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,SAAAC,MAAYC;AAAA,IAChB,CAAC,uBAAuB;AAAA,IACxB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,WAAW,CAAC/B,MAAS;AACjB,cAAMgC,IAAUhC,KAAA,gBAAAA,EAAM,WAAW,IAAI,CAACiC,OAAU;AAAA,UAC5C,OAAOA,EAAK;AAAA,UACZ,OAAOA,EAAK;AAAA,UACZ,KAAKA,EAAK;AAAA,QAAA;AAEd,QAAAT,EAAiBQ,CAAO;AAAA,MAAA;AAAA,IAC5B;AAAA,EACJ,GAGEE,IAAc,YAAY;AAC5B,IAAIX,EAAc,WAAW,MACzBH,EAAW,EAAI,GACf,MAAMS,EAAA,GACNT,EAAW,EAAK;AAAA,EACpB;AAGJ,EAAAe,EAAU,MAAM;AACZ,QAAId,GAAQ;AACR,YAAMe,IAAuB;AAAA,QACzB,MAAMd,EAAU,EAAK;AAAA,QACrB;AAAA,MAAA;AAGJ,aAAO,MAAM;AACT,qBAAac,CAAoB;AAAA,MAAA;AAAA,IACrC;AAAA,EACJ,GACD,CAACf,CAAM,CAAC;AAEX,QAAMgB,IAAyB,CAACC,MAAgB;;AAC5C,IAAAxB,EAASwB,CAAG,IACZC,IAAAd,EAAU,YAAV,QAAAc,EAAmB;AAAA,EAAkB;AAGzC,SACI,gBAAArC,EAAAsC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAtC,EAAC,OAAA,EAAI,WAAU,6FACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAAyB,EAAQ,MACL,gBAAAxB,EAACsC,GAAA,EAAa,KAAKhB,GAAW,OAAM,cAChC,UAAA,gBAAAtB;AAAA,UAACuC;AAAA,UAAA;AAAA,YACG,UAAA3B;AAAA,YACA,UAAUsB;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAEJ,gBAAAlC,EAAC,QAAI,UAAAQ,EAAA,CAAM;AAAA,MAAA,GACf;AAAA,MACA,gBAAAT,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA,gBAAAC,EAACwC,KAAO,SAAS,MAAM1B,EAAgB,EAAI,GAAG,UAAA,SAAK;AAAA,QACnD,gBAAAd;AAAA,UAACwC;AAAA,UAAA;AAAA,YACG,UAAU/B;AAAA,YACV,SAAQ;AAAA,YACR,SAAS,MAAMC,EAAO,CAACD,CAAa;AAAA,YAEnC,cAAgB,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACjC,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAV;AAAA,MAAC0C;AAAA,MAAA;AAAA,QACG,QAAQ5B;AAAA,QACR,OAAO;AAAA,QACP,SAAS,MAAMC,EAAgB,EAAK;AAAA,QACpC,gBAAgB,MAAMA,EAAgB,EAAK;AAAA,QAE3C,UAAA;AAAA,UAAA,gBAAAd,EAAC,QAAG,UAAA,qBAAA,CAAkB;AAAA,UACtB,gBAAAD,EAAC2C,GAAA,EAAK,WAAU,QACZ,UAAA;AAAA,YAAA,gBAAA1C,EAAC2C,GAAA,EAAS,OAAM,aACZ,UAAA,gBAAA3C;AAAA,cAAC4C;AAAA,cAAA;AAAA,gBACG,UAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,QACI,gBAAA5C;AAAA,kBAACwC;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,kBAAkB,MACd;AAAA,oBAEJ,SAAS,MAAMrB,EAAU,EAAI;AAAA,oBAE5B,cAAS,WAAW;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACzB;AAAA,YAAA,GAGZ;AAAA,YACA,gBAAAnB,EAAC2C,GAAA,EAAS,OAAM,uBACZ,UAAA,gBAAA3C;AAAA,cAAC6C;AAAA,cAAA;AAAA,gBACG,SAAO;AAAA,gBACP,WAAU;AAAA,gBACV,YAAY;AAAA,kBACR,QAAQnD;AAAA,kBACR,iBAAiBS;AAAA,gBAAA;AAAA,gBAErB,SAASiB;AAAA,gBACT,WAAWJ;AAAA,gBACX,SAASe;AAAA,cAAA;AAAA,YAAA,EACb,CACJ;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAhC,EAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,YAAA,gBAAAC,EAACwC,KAAO,SAAS,MAAM1B,EAAgB,EAAK,GAAG,UAAA,UAE/C;AAAA,YACA,gBAAAd;AAAA,cAACwC;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,SAAS,MAAM1B,EAAgB,EAAK;AAAA,gBACvC,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"ProjectDetailsHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ProjectDetailsNavigation from './ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProjectMembers } from '@/services/ProjectService'\nimport { components } from 'react-select'\nimport { TbChecks } from 'react-icons/tb'\nimport useSWRMutation from 'swr/mutation'\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\ntype ProjectDetailsHeaderProps = {\n title: string\n isContentEdit: boolean\n onEdit: (value: boolean) => void\n selected: string\n onChange: (value: string) => void\n}\n\ntype Member = {\n id: string\n name: string\n img: string\n}\n\ntype MemberOption = {\n label: string\n value: string\n img: string\n}\n\ntype GetProjectMembersResponse = {\n participantMembers: Member[]\n allMembers: Member[]\n}\n\nconst { MultiValueLabel } = components\n\nconst CustomSelectOption = ({\n innerProps,\n label,\n data,\n isSelected,\n}: OptionProps<MemberOption>) => {\n return (\n <div\n className={`flex items-center justify-between p-2 ${\n isSelected\n ? 'bg-gray-100 dark:bg-gray-500'\n : 'hover:bg-gray-50 dark:hover:bg-gray-600'\n }`}\n {...innerProps}\n >\n <div className=\"flex items-center gap-2\">\n <Avatar shape=\"circle\" size={20} src={data.img} />\n <span className=\"font-semibold heading-text\">{label}</span>\n </div>\n {isSelected && <TbChecks className=\"text-emerald-500 text-xl\" />}\n </div>\n )\n}\n\nconst CustomControlMulti = ({ children, ...props }: MultiValueGenericProps) => {\n const { img } = props.data\n\n return (\n <MultiValueLabel {...props}>\n <div className=\"inline-flex items-center\">\n <Avatar\n className=\"mr-2 rtl:ml-2\"\n shape=\"circle\"\n size={15}\n src={img}\n />\n {children}\n </div>\n </MultiValueLabel>\n )\n}\n\nconst ProjectDetailsHeader = (props: ProjectDetailsHeaderProps) => {\n const { title, isContentEdit, onEdit, onChange, selected } = props\n\n const [isDialogOpen, setIsDialogOpen] = useState(false)\n\n const [loading, setLoading] = useState(false)\n\n const [copied, setCopied] = useState(false)\n\n const [memberOptions, setMemberOptions] = useState<MemberOption[]>([])\n\n const drawerRef = useRef<ToggleDrawerRef>(null)\n\n const { smaller } = useResponsive()\n\n const { trigger } = useSWRMutation(\n ['/api/projects/members'],\n () => apiGetProjectMembers<GetProjectMembersResponse>(),\n {\n onSuccess: (data) => {\n const members = data?.allMembers.map((item) => ({\n value: item.id,\n label: item.name,\n img: item.img,\n }))\n setMemberOptions(members)\n },\n },\n )\n\n const handleFocus = async () => {\n if (memberOptions.length === 0) {\n setLoading(true)\n await trigger()\n setLoading(false)\n }\n }\n\n useEffect(() => {\n if (copied) {\n const copyFeedbackInterval = setTimeout(\n () => setCopied(false),\n 2000,\n )\n\n return () => {\n clearTimeout(copyFeedbackInterval)\n }\n }\n }, [copied])\n\n const handleNavigationChange = (val: string) => {\n onChange(val)\n drawerRef.current?.handleCloseDrawer()\n }\n\n return (\n <>\n <div className=\"flex items-center justify-between border-b border-gray-200 dark:border-gray-700 mb-6 pb-4\">\n <div className=\"flex items-center gap-4\">\n {smaller.xl && (\n <ToggleDrawer ref={drawerRef} title=\"Navigation\">\n <ProjectDetailsNavigation\n selected={selected}\n onChange={handleNavigationChange}\n />\n </ToggleDrawer>\n )}\n <h3>{title}</h3>\n </div>\n <div className=\"flex items-center gap-2\">\n <Button onClick={() => setIsDialogOpen(true)}>Share</Button>\n <Button\n disabled={isContentEdit}\n variant=\"solid\"\n onClick={() => onEdit(!isContentEdit)}\n >\n {isContentEdit ? 'Editing' : 'Edit'}\n </Button>\n </div>\n </div>\n <Dialog\n isOpen={isDialogOpen}\n width={640}\n onClose={() => setIsDialogOpen(false)}\n onRequestClose={() => setIsDialogOpen(false)}\n >\n <h5>Share this project</h5>\n <Form className=\"my-6\">\n <FormItem label=\"Copy link\">\n <Input\n readOnly\n value=\"https://edge.themenate.net/concepts/projects/project-details/27\"\n suffix={\n <Button\n type=\"button\"\n variant=\"solid\"\n size=\"sm\"\n customColorClass={() =>\n 'bg-gray-900 hover:bg-gray-800 dark:bg-gray-100 dark:hover:bg-gray-200'\n }\n onClick={() => setCopied(true)}\n >\n {copied ? 'Copied' : 'Copy'}\n </Button>\n }\n />\n </FormItem>\n <FormItem label=\"Or share to members\">\n <Select<MemberOption, true>\n isMulti\n className=\"min-w-[120px]\"\n components={{\n Option: CustomSelectOption,\n MultiValueLabel: CustomControlMulti,\n }}\n options={memberOptions}\n isLoading={loading}\n onFocus={handleFocus}\n />\n </FormItem>\n </Form>\n <div className=\"flex items-center justify-end gap-2\">\n <Button onClick={() => setIsDialogOpen(false)}>\n Cancel\n </Button>\n <Button\n variant=\"solid\"\n onClick={() => setIsDialogOpen(false)}\n >\n Share\n </Button>\n </div>\n </Dialog>\n </>\n )\n}\n\nexport default ProjectDetailsHeader\n"],"names":["MultiValueLabel","components","CustomSelectOption","innerProps","label","data","isSelected","jsxs","jsx","Avatar","TbChecks","CustomControlMulti","children","props","img","ProjectDetailsHeader","title","isContentEdit","onEdit","onChange","selected","isDialogOpen","setIsDialogOpen","useState","loading","setLoading","copied","setCopied","memberOptions","setMemberOptions","drawerRef","useRef","smaller","useResponsive","trigger","useSWRMutation","apiGetProjectMembers","members","item","handleFocus","useEffect","copyFeedbackInterval","handleNavigationChange","val","_a","Fragment","ToggleDrawer","ProjectDetailsNavigation","Button","Dialog","Form","FormItem","Input","Select"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectDetailsNavigation.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsNavigation.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport {\r\n TbFileInfo,\r\n TbChecklist,\r\n TbSettings,\r\n TbCalendarStats,\r\n TbPaperclip,\r\n} from 'react-icons/tb'\r\n\r\ntype ProjectDetailsNavigationProps = {\r\n selected: string\r\n onChange: (value: string) => void\r\n}\r\n\r\nconst navigation = [\r\n { label: 'Overview', value: 'overview', icon: <TbFileInfo /> },\r\n { label: 'Tasks', value: 'tasks', icon: <TbChecklist /> },\r\n { label: 'Attachments', value: 'attachments', icon: <TbPaperclip /> },\r\n { label: 'Activities', value: 'activity', icon: <TbCalendarStats /> },\r\n { label: 'Settings', value: 'settings', icon: <TbSettings /> },\r\n]\r\n\r\nconst ProjectDetailsNavigation = ({\r\n selected,\r\n onChange,\r\n}: ProjectDetailsNavigationProps) => {\r\n const handleClick = (value: string) => {\r\n onChange(value)\r\n }\r\n\r\n return (\r\n <div className=\"w-[250px]\">\r\n <div className=\"flex flex-col gap-2\">\r\n {navigation.map((nav) => (\r\n <div key={nav.value}>\r\n <button\r\n className={classNames(\r\n 'flex items-center gap-2 w-full px-3.5 py-2.5 rounded-full border-2 border-transparent font-semibold transition-colors dark:hover:text-gray-100 text-gray-900 dark:text-white',\r\n selected === nav.value\r\n ? 'border-primary'\r\n : 'hover:bg-gray-100 dark:hover:bg-gray-800',\r\n )}\r\n onClick={() => handleClick(nav.value)}\r\n >\r\n <span className=\"text-xl\">{nav.icon}</span>\r\n <span>{nav.label}</span>\r\n </button>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default ProjectDetailsNavigation\r\n"],"names":["navigation","jsx","TbFileInfo","TbChecklist","TbPaperclip","TbCalendarStats","TbSettings","ProjectDetailsNavigation","selected","onChange","handleClick","value","nav","jsxs","classNames"],"mappings":";;;AAcA,MAAMA,IAAa;AAAA,EACf,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAC,EAACC,KAAW,EAAA;AAAA,EAC1D,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,gBAAAD,EAACE,KAAY,EAAA;AAAA,EACrD,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,gBAAAF,EAACG,KAAY,EAAA;AAAA,EACjE,EAAE,OAAO,cAAc,OAAO,YAAY,MAAM,gBAAAH,EAACI,KAAgB,EAAA;AAAA,EACjE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAJ,EAACK,KAAW,EAAA;AAC9D,GAEMC,IAA2B,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,UAAAC;AACJ,MAAqC;AACjC,QAAMC,IAAc,CAACC,MAAkB;AACnC,IAAAF,EAASE,CAAK;AAAA,~~EAAA~~;~~AAGlB~~,SACI,gBAAAV,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uBACV,UAAAD,EAAW,IAAI,CAACY,wBACZ,OAAA,EACG,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAN,MAAaI,EAAI,QACX,mBACA;AAAA,MAAA;AAAA,MAEV,SAAS,MAAMF,EAAYE,EAAI,KAAK;AAAA,MAEpC,UAAA;AAAA,QAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAW,EAAI,MAAK;AAAA,QACpC,gBAAAX,EAAC,QAAA,EAAM,UAAAW,EAAI,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EACrB,GAZMA,EAAI,KAad,CACH,GACL,EAAA,CACJ;AAER;"}
1	+ {"version":3,"file":"ProjectDetailsNavigation.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsNavigation.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport {\n TbFileInfo,\n TbChecklist,\n TbSettings,\n TbCalendarStats,\n TbPaperclip,\n} from 'react-icons/tb'\n\ntype ProjectDetailsNavigationProps = {\n selected: string\n onChange: (value: string) => void\n}\n\nconst navigation = [\n { label: 'Overview', value: 'overview', icon: <TbFileInfo /> },\n { label: 'Tasks', value: 'tasks', icon: <TbChecklist /> },\n { label: 'Attachments', value: 'attachments', icon: <TbPaperclip /> },\n { label: 'Activities', value: 'activity', icon: <TbCalendarStats /> },\n { label: 'Settings', value: 'settings', icon: <TbSettings /> },\n]\n\nconst ProjectDetailsNavigation = ({\n selected,\n onChange,\n}: ProjectDetailsNavigationProps) => {\n const handleClick = (value: string) => {\n onChange(value)\n }\n\n return (\n <div className=\"w-[250px]\">\n <div className=\"flex flex-col gap-2\">\n {navigation.map((nav) => (\n <div key={nav.value}>\n <button\n className={classNames(\n 'flex items-center gap-2 w-full px-3.5 py-2.5 rounded-full border-2 border-transparent font-semibold transition-colors dark:hover:text-gray-100 text-gray-900 dark:text-white',\n selected === nav.value\n ? 'border-primary'\n : 'hover:bg-gray-100 dark:hover:bg-gray-800',\n )}\n onClick={() => handleClick(nav.value)}\n >\n <span className=\"text-xl\">{nav.icon}</span>\n <span>{nav.label}</span>\n </button>\n </div>\n ))}\n </div>\n </div>\n )\n}\n\nexport default ProjectDetailsNavigation\n"],"names":["navigation","jsx","TbFileInfo","TbChecklist","TbPaperclip","TbCalendarStats","TbSettings","ProjectDetailsNavigation","selected","onChange","handleClick","value","nav","jsxs","classNames"],"mappings":";;;AAcA,MAAMA,IAAa;AAAA,EACf,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAC,EAACC,KAAW,EAAA;AAAA,EAC1D,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,gBAAAD,EAACE,KAAY,EAAA;AAAA,EACrD,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,gBAAAF,EAACG,KAAY,EAAA;AAAA,EACjE,EAAE,OAAO,cAAc,OAAO,YAAY,MAAM,gBAAAH,EAACI,KAAgB,EAAA;AAAA,EACjE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAJ,EAACK,KAAW,EAAA;AAC9D,GAEMC,IAA2B,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,UAAAC;AACJ,MAAqC;AACjC,QAAMC,IAAc,CAACC,MAAkB;AACnC,IAAAF,EAASE,CAAK;AAAA,EAClB;AAEA,SACI,gBAAAV,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uBACV,UAAAD,EAAW,IAAI,CAACY,wBACZ,OAAA,EACG,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAN,MAAaI,EAAI,QACX,mBACA;AAAA,MAAA;AAAA,MAEV,SAAS,MAAMF,EAAYE,EAAI,KAAK;AAAA,MAEpC,UAAA;AAAA,QAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAW,EAAI,MAAK;AAAA,QACpC,gBAAAX,EAAC,QAAA,EAAM,UAAAW,EAAI,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EACrB,GAZMA,EAAI,KAad,CACH,GACL,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsOverview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectDetailsOverview.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsOverview.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Progress from '@/components/ui/Progress'\r\nimport Tag from '@/components/ui/Tag'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport dayjs from 'dayjs'\r\n\r\ntype ProjectDetailsOverviewProps = {\r\n content: string\r\n isContentEdit: boolean\r\n onContentChange: (content: string) => void\r\n setIsContentEdit: (isEdit: boolean) => void\r\n client: Partial<{\r\n clientName: string\r\n skateHolder: {\r\n name: string\r\n img: string\r\n }\r\n projectManager: {\r\n name: string\r\n img: string\r\n }\r\n }>\r\n schedule: Partial<{\r\n startDate: number\r\n dueDate: number\r\n status: string\r\n completion: number\r\n }>\r\n}\r\n\r\nconst ProjectDetailsOverview = (props: ProjectDetailsOverviewProps) => {\r\n const { content = '', client = {}, schedule = {} } = props\r\n\r\n return (\r\n <div className=\"flex flex-col lg:flex-row flex-auto gap-12\">\r\n <div className=\"prose max-w-full\">{ReactHtmlParser(content)}</div>\r\n <div className=\"lg:min-w-[320px] lg:w-[350px]\">\r\n <Card\r\n bordered={false}\r\n className=\"bg-gray-100 dark:bg-gray-800 shadow-none\"\r\n >\r\n <h5>Client information</h5>\r\n <div className=\"flex flex-col gap-5 mt-6\">\r\n <div>\r\n <span className=\"font-semibold heading-text\">\r\n Client:\r\n </span>\r\n <span className=\"font-semibold\">\r\n {' '}\r\n {client.clientName}\r\n </span>\r\n </div>\r\n <div className=\"flex flex-col gap-3\">\r\n <div className=\"font-semibold heading-text\">\r\n Skate holder:\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar\r\n size={25}\r\n src={client.skateHolder?.img}\r\n alt=\"\"\r\n />\r\n <span className=\"font-semibold\">\r\n {client.skateHolder?.name}\r\n </span>\r\n </div>\r\n </div>\r\n <div className=\"flex flex-col gap-3\">\r\n <div className=\"font-semibold heading-text\">\r\n Project manager:\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar\r\n size={25}\r\n src={client.projectManager?.img}\r\n alt=\"\"\r\n />\r\n <span className=\"font-semibold\">\r\n {client.projectManager?.name}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </Card>\r\n <Card\r\n bordered={false}\r\n className=\"bg-gray-100 dark:bg-gray-800 shadow-none mt-6\"\r\n >\r\n <h5>Schedule</h5>\r\n <div className=\"flex flex-col gap-5 mt-6\">\r\n <div>\r\n <span className=\"font-semibold heading-text\">\r\n Start date:\r\n </span>\r\n <span className=\"font-semibold\">\r\n {' '}\r\n {dayjs\r\n .unix(schedule.startDate as number)\r\n .format('ddd, DD MMM YYYY')}\r\n </span>\r\n </div>\r\n <div>\r\n <span className=\"font-semibold heading-text\">\r\n Due date:\r\n </span>\r\n <span className=\"font-semibold\">\r\n {' '}\r\n {dayjs\r\n .unix(schedule.dueDate as number)\r\n .format('ddd, DD MMM YYYY')}\r\n </span>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"font-semibold heading-text\">\r\n Status:\r\n </span>\r\n <Tag className=\"border-2 bg-transparent text-green-600 border-green-600 dark:bg-transparent dark:text-green-600 dark:border-green-600 rounded-full\">\r\n {schedule.status}\r\n </Tag>\r\n </div>\r\n\r\n <div className=\"flex flex-col gap-3\">\r\n <span className=\"font-semibold heading-text\">\r\n Completion:\r\n </span>\r\n <Progress\r\n percent={schedule.completion}\r\n trailClass=\"bg-gray-200 dark:bg-gray-600\"\r\n size=\"sm\"\r\n />\r\n </div>\r\n </div>\r\n </Card>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default ProjectDetailsOverview\r\n"],"names":["ProjectDetailsOverview","props","content","client","schedule","jsxs","jsx","ReactHtmlParser","Card","Avatar","_a","_b","_c","_d","dayjs","Tag","Progress"],"mappings":"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"}
1	+ {"version":3,"file":"ProjectDetailsOverview.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsOverview.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Avatar from '@/components/ui/Avatar'\nimport Progress from '@/components/ui/Progress'\nimport Tag from '@/components/ui/Tag'\nimport ReactHtmlParser from 'html-react-parser'\nimport dayjs from 'dayjs'\n\ntype ProjectDetailsOverviewProps = {\n content: string\n isContentEdit: boolean\n onContentChange: (content: string) => void\n setIsContentEdit: (isEdit: boolean) => void\n client: Partial<{\n clientName: string\n skateHolder: {\n name: string\n img: string\n }\n projectManager: {\n name: string\n img: string\n }\n }>\n schedule: Partial<{\n startDate: number\n dueDate: number\n status: string\n completion: number\n }>\n}\n\nconst ProjectDetailsOverview = (props: ProjectDetailsOverviewProps) => {\n const { content = '', client = {}, schedule = {} } = props\n\n return (\n <div className=\"flex flex-col lg:flex-row flex-auto gap-12\">\n <div className=\"prose max-w-full\">{ReactHtmlParser(content)}</div>\n <div className=\"lg:min-w-[320px] lg:w-[350px]\">\n <Card\n bordered={false}\n className=\"bg-gray-100 dark:bg-gray-800 shadow-none\"\n >\n <h5>Client information</h5>\n <div className=\"flex flex-col gap-5 mt-6\">\n <div>\n <span className=\"font-semibold heading-text\">\n Client:\n </span>\n <span className=\"font-semibold\">\n {' '}\n {client.clientName}\n </span>\n </div>\n <div className=\"flex flex-col gap-3\">\n <div className=\"font-semibold heading-text\">\n Skate holder:\n </div>\n <div className=\"flex items-center gap-2\">\n <Avatar\n size={25}\n src={client.skateHolder?.img}\n alt=\"\"\n />\n <span className=\"font-semibold\">\n {client.skateHolder?.name}\n </span>\n </div>\n </div>\n <div className=\"flex flex-col gap-3\">\n <div className=\"font-semibold heading-text\">\n Project manager:\n </div>\n <div className=\"flex items-center gap-2\">\n <Avatar\n size={25}\n src={client.projectManager?.img}\n alt=\"\"\n />\n <span className=\"font-semibold\">\n {client.projectManager?.name}\n </span>\n </div>\n </div>\n </div>\n </Card>\n <Card\n bordered={false}\n className=\"bg-gray-100 dark:bg-gray-800 shadow-none mt-6\"\n >\n <h5>Schedule</h5>\n <div className=\"flex flex-col gap-5 mt-6\">\n <div>\n <span className=\"font-semibold heading-text\">\n Start date:\n </span>\n <span className=\"font-semibold\">\n {' '}\n {dayjs\n .unix(schedule.startDate as number)\n .format('ddd, DD MMM YYYY')}\n </span>\n </div>\n <div>\n <span className=\"font-semibold heading-text\">\n Due date:\n </span>\n <span className=\"font-semibold\">\n {' '}\n {dayjs\n .unix(schedule.dueDate as number)\n .format('ddd, DD MMM YYYY')}\n </span>\n </div>\n <div className=\"flex items-center gap-2\">\n <span className=\"font-semibold heading-text\">\n Status:\n </span>\n <Tag className=\"border-2 bg-transparent text-green-600 border-green-600 dark:bg-transparent dark:text-green-600 dark:border-green-600 rounded-full\">\n {schedule.status}\n </Tag>\n </div>\n\n <div className=\"flex flex-col gap-3\">\n <span className=\"font-semibold heading-text\">\n Completion:\n </span>\n <Progress\n percent={schedule.completion}\n trailClass=\"bg-gray-200 dark:bg-gray-600\"\n size=\"sm\"\n />\n </div>\n </div>\n </Card>\n </div>\n </div>\n )\n}\n\nexport default ProjectDetailsOverview\n"],"names":["ProjectDetailsOverview","props","content","client","schedule","jsxs","jsx","ReactHtmlParser","Card","Avatar","_a","_b","_c","_d","dayjs","Tag","Progress"],"mappings":"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"}