npm - @orbe-agro/client-core - Versions diffs - 5.6.0 → 5.6.6 - Mend

@orbe-agro/client-core 5.6.0 → 5.6.6

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 (5191) hide show

package/dist/@ecme/views/concepts/mail/Mail/components/MailList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MailList.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailList.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport Loading from '@/components/shared/Loading'\r\nimport Table from '@/components/ui/Table'\r\nimport Checkbox from '@/components/ui/Checkbox'\r\nimport Badge from '@/components/ui/Badge'\r\nimport MailDeleteConfimation from './MailDeleteConfimation'\r\nimport classNames from '@/utils/classNames'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport useMail from '../hooks/useMail'\r\nimport useMailAction from '../hooks/useMailAction'\r\nimport { labelList } from '../constants'\r\nimport useQuery from '@/utils/hooks/useQuery'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport { useNavigate, useLocation } from 'react-router-dom'\r\nimport { TbStarFilled, TbTrash, TbStar, TbFlag } from 'react-icons/tb'\r\nimport type { MouseEvent } from 'react'\r\nimport { Mail } from '../types'\r\n\r\nconst htmlReg = /(<([^>]+)>)/gi\r\n\r\nconst { THead, Th, TBody, Tr, Td } = Table\r\n\r\nconst MailList = () => {\r\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState<{\r\n open: boolean\r\n selected: string\r\n }>({\r\n open: false,\r\n selected: '',\r\n })\r\n\r\n const {\r\n selectedMailId,\r\n mailList,\r\n setMail,\r\n setSelectedMail,\r\n mailListFetched,\r\n } = useMailStore()\r\n\r\n const {\r\n onFlagToggle,\r\n onCheckboxToggle,\r\n onStarToggle,\r\n onResetChecked,\r\n onMailDelete,\r\n } = useMailAction()\r\n\r\n const navigate = useNavigate()\r\n const location = useLocation()\r\n const query = useQuery()\r\n\r\n const { larger } = useResponsive()\r\n\r\n const { fetchMails, isMailsFetching } = useMail()\r\n\r\n useEffect(() => {\r\n const category = query.get('category')\r\n const label = query.get('label')\r\n\r\n if (!mailListFetched) {\r\n fetchMails({ category: category \|\| '', label: label \|\| '' })\r\n }\r\n\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [location.pathname, location.search])\r\n\r\n const renderSubject = (title: string, content: string) => {\r\n const text = content.replace(htmlReg, '')\r\n const titleOffsetNumber = title.length\r\n\r\n return (\r\n <div className=\"flex items-center gap-3\">\r\n <span className=\"font-semibold heading-text text-nowrap\">\r\n {title}\r\n </span>\r\n <span className=\"text-nowrap\">\r\n {text.length > 45 - titleOffsetNumber\r\n ? text.substring(0, 42 - titleOffsetNumber) + '...'\r\n : text}\r\n </span>\r\n </div>\r\n )\r\n }\r\n\r\n const handleMailClick = (e: MouseEvent<HTMLElement>, mail: Mail) => {\r\n e.stopPropagation()\r\n setMail(mail)\r\n onResetChecked()\r\n navigate(`${location.pathname}?mail=${mail.id}`, { replace: true })\r\n }\r\n\r\n const handleCheckboxClick = (e: MouseEvent<HTMLDivElement>, mail: Mail) => {\r\n e.stopPropagation()\r\n onCheckboxToggle(mail)\r\n if (!mail.checked) {\r\n if (!selectedMailId.includes(mail.id)) {\r\n setSelectedMail([...selectedMailId, mail.id])\r\n }\r\n } else {\r\n setSelectedMail(selectedMailId.filter((id) => mail.id !== id))\r\n }\r\n }\r\n\r\n const handleAction = (\r\n e: MouseEvent<HTMLButtonElement>,\r\n callback: (mail: Mail, setMail: boolean) => void,\r\n mail: Mail,\r\n ) => {\r\n e.stopPropagation()\r\n callback(mail, false)\r\n }\r\n\r\n const handleClose = () => {\r\n setDeleteConfirmationOpen({\r\n open: false,\r\n selected: '',\r\n })\r\n }\r\n\r\n const handleConfirmDelete = () => {\r\n onMailDelete([deleteConfirmationOpen.selected])\r\n handleClose()\r\n }\r\n\r\n return (\r\n <>\r\n <div className=\"lg:absolute top-0 left-0 h-full w-full\">\r\n <ScrollBar\r\n autoHide\r\n className=\"overflow-y-auto lg:h-full lg:max-w-full\"\r\n >\r\n <Loading\r\n type={mailList.length > 0 ? 'cover' : 'default'}\r\n spinnerClass={mailList.length > 0 ? 'hidden' : ''}\r\n loading={isMailsFetching}\r\n >\r\n {larger.lg ? (\r\n <Table compact overflow={false}>\r\n <THead>\r\n <Tr>\r\n <Th colSpan={2}>From</Th>\r\n <Th></Th>\r\n <Th>Subject</Th>\r\n <Th>Received</Th>\r\n <Th></Th>\r\n </Tr>\r\n </THead>\r\n <TBody>\r\n {mailList.map((mail) => (\r\n <Tr\r\n key={mail.id}\r\n className=\"group\"\r\n onClick={(e) =>\r\n handleMailClick(e, mail)\r\n }\r\n >\r\n <Td width=\"40\">\r\n <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\r\n <Avatar\r\n shape=\"circle\"\r\n src={mail.avatar}\r\n size=\"sm\"\r\n className={classNames(\r\n 'group-hover:hidden',\r\n mail.checked &&\r\n 'hidden',\r\n )}\r\n />\r\n <div\r\n className={classNames(\r\n 'group-hover:block',\r\n mail.checked\r\n ? 'block'\r\n : 'hidden',\r\n )}\r\n >\r\n <div\r\n className=\"flex items-center\"\r\n onClick={(e) =>\r\n handleCheckboxClick(\r\n e,\r\n mail,\r\n )\r\n }\r\n >\r\n <Checkbox\r\n checked={\r\n mail.checked\r\n }\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </Td>\r\n <Td>\r\n <span className=\"font-bold heading-text truncate\">\r\n {mail.name}\r\n </span>\r\n </Td>\r\n <Td>\r\n <div className=\"flex justify-end\">\r\n {labelList.some(\r\n (label) =>\r\n label.value ===\r\n mail.label,\r\n ) && (\r\n <Badge\r\n className={\r\n labelList.find(\r\n (label) =>\r\n label.value ===\r\n mail.label,\r\n )?.dotClass\r\n }\r\n />\r\n )}\r\n </div>\r\n </Td>\r\n <Td className=\"max-w-full overflow-hidden text-ellipsis whitespace-nowrap\">\r\n {renderSubject(\r\n mail.title,\r\n mail.message[0].content,\r\n )}\r\n </Td>\r\n <Td>{mail.message[0].date}</Td>\r\n <Td>\r\n <div className=\"flex items-center text-lg gap-2\">\r\n <button\r\n type=\"button\"\r\n title=\"Flag\"\r\n onClick={(e) =>\r\n handleAction(\r\n e,\r\n onFlagToggle,\r\n mail,\r\n )\r\n }\r\n >\r\n <TbFlag\r\n className={classNames(\r\n mail.flagged &&\r\n 'text-red-500',\r\n )}\r\n />\r\n </button>\r\n <button\r\n type=\"button\"\r\n title=\"Star\"\r\n onClick={(e) =>\r\n handleAction(\r\n e,\r\n onStarToggle,\r\n mail,\r\n )\r\n }\r\n >\r\n {mail.starred ? (\r\n <TbStarFilled className=\"text-amber-500\" />\r\n ) : (\r\n <TbStar />\r\n )}\r\n </button>\r\n <button\r\n type=\"button\"\r\n title=\"Delete\"\r\n onClick={(e) => {\r\n e.stopPropagation()\r\n setDeleteConfirmationOpen(\r\n {\r\n open: true,\r\n selected:\r\n mail.id,\r\n },\r\n )\r\n }}\r\n >\r\n <TbTrash />\r\n </button>\r\n </div>\r\n </Td>\r\n </Tr>\r\n ))}\r\n </TBody>\r\n </Table>\r\n ) : (\r\n <>\r\n {mailList.map((mail, index) => (\r\n <div\r\n key={mail.id}\r\n className={classNames(\r\n 'flex justify-between items-center gap-2 px-2 rounded-xl border-gray-200 dark:border-gray-700 py-4 cursor-pointer group',\r\n !isLastChild(mailList, index) &&\r\n 'border-b',\r\n )}\r\n onClick={(e) =>\r\n handleMailClick(e, mail)\r\n }\r\n >\r\n <div className=\"flex gap-4 min-w-0\">\r\n <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\r\n <Avatar\r\n shape=\"circle\"\r\n src={mail.avatar}\r\n size=\"sm\"\r\n className={classNames(\r\n 'group-hover:hidden',\r\n mail.checked &&\r\n 'hidden',\r\n )}\r\n />\r\n <div\r\n className={classNames(\r\n 'group-hover:block',\r\n mail.checked\r\n ? 'block'\r\n : 'hidden',\r\n )}\r\n >\r\n <div\r\n className=\"flex items-center\"\r\n onClick={(e) =>\r\n handleCheckboxClick(\r\n e,\r\n mail,\r\n )\r\n }\r\n >\r\n <Checkbox\r\n checked={\r\n mail.checked\r\n }\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"min-w-0 flex-1\">\r\n <div className=\"font-bold heading-text truncate\">\r\n {mail.name}\r\n </div>\r\n <div className=\"min-w-0\">\r\n <div className=\"text-nowrap truncate\">\r\n {mail.message[0].content.replace(\r\n htmlReg,\r\n '',\r\n )}\r\n </div>\r\n </div>\r\n <div className=\"flex items-center text-lg gap-2 mt-2\">\r\n <button\r\n type=\"button\"\r\n title=\"Flag\"\r\n onClick={(e) =>\r\n handleAction(\r\n e,\r\n onFlagToggle,\r\n mail,\r\n )\r\n }\r\n >\r\n <TbFlag\r\n className={classNames(\r\n mail.flagged &&\r\n 'text-red-500',\r\n )}\r\n />\r\n </button>\r\n <button\r\n type=\"button\"\r\n title=\"Star\"\r\n onClick={(e) =>\r\n handleAction(\r\n e,\r\n onStarToggle,\r\n mail,\r\n )\r\n }\r\n >\r\n {mail.starred ? (\r\n <TbStarFilled className=\"text-amber-500\" />\r\n ) : (\r\n <TbStar />\r\n )}\r\n </button>\r\n <button\r\n type=\"button\"\r\n title=\"Delete\"\r\n onClick={(e) => {\r\n e.stopPropagation()\r\n setDeleteConfirmationOpen(\r\n {\r\n open: true,\r\n selected:\r\n mail.id,\r\n },\r\n )\r\n }}\r\n >\r\n <TbTrash />\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"\">\r\n <span className=\"text-nowrap font-semibold\">\r\n {mail.message[0].date}\r\n </span>\r\n </div>\r\n </div>\r\n ))}\r\n </>\r\n )}\r\n </Loading>\r\n </ScrollBar>\r\n </div>\r\n <MailDeleteConfimation\r\n isOpen={deleteConfirmationOpen.open}\r\n selectedMailCount={1}\r\n onClose={handleClose}\r\n onConfirmDelete={handleConfirmDelete}\r\n />\r\n </>\r\n )\r\n}\r\n\r\nexport default MailList\r\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"MailList.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailList.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Loading from '@/components/shared/Loading'\nimport Table from '@/components/ui/Table'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport MailDeleteConfimation from './MailDeleteConfimation'\nimport classNames from '@/utils/classNames'\nimport { useMailStore } from '../store/mailStore'\nimport useMail from '../hooks/useMail'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport useQuery from '@/utils/hooks/useQuery'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport isLastChild from '@/utils/isLastChild'\nimport { useNavigate, useLocation } from 'react-router-dom'\nimport { TbStarFilled, TbTrash, TbStar, TbFlag } from 'react-icons/tb'\nimport type { MouseEvent } from 'react'\nimport { Mail } from '../types'\n\nconst htmlReg = /(<([^>]+)>)/gi\n\nconst { THead, Th, TBody, Tr, Td } = Table\n\nconst MailList = () => {\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState<{\n open: boolean\n selected: string\n }>({\n open: false,\n selected: '',\n })\n\n const {\n selectedMailId,\n mailList,\n setMail,\n setSelectedMail,\n mailListFetched,\n } = useMailStore()\n\n const {\n onFlagToggle,\n onCheckboxToggle,\n onStarToggle,\n onResetChecked,\n onMailDelete,\n } = useMailAction()\n\n const navigate = useNavigate()\n const location = useLocation()\n const query = useQuery()\n\n const { larger } = useResponsive()\n\n const { fetchMails, isMailsFetching } = useMail()\n\n useEffect(() => {\n const category = query.get('category')\n const label = query.get('label')\n\n if (!mailListFetched) {\n fetchMails({ category: category \|\| '', label: label \|\| '' })\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [location.pathname, location.search])\n\n const renderSubject = (title: string, content: string) => {\n const text = content.replace(htmlReg, '')\n const titleOffsetNumber = title.length\n\n return (\n <div className=\"flex items-center gap-3\">\n <span className=\"font-semibold heading-text text-nowrap\">\n {title}\n </span>\n <span className=\"text-nowrap\">\n {text.length > 45 - titleOffsetNumber\n ? text.substring(0, 42 - titleOffsetNumber) + '...'\n : text}\n </span>\n </div>\n )\n }\n\n const handleMailClick = (e: MouseEvent<HTMLElement>, mail: Mail) => {\n e.stopPropagation()\n setMail(mail)\n onResetChecked()\n navigate(`${location.pathname}?mail=${mail.id}`, { replace: true })\n }\n\n const handleCheckboxClick = (e: MouseEvent<HTMLDivElement>, mail: Mail) => {\n e.stopPropagation()\n onCheckboxToggle(mail)\n if (!mail.checked) {\n if (!selectedMailId.includes(mail.id)) {\n setSelectedMail([...selectedMailId, mail.id])\n }\n } else {\n setSelectedMail(selectedMailId.filter((id) => mail.id !== id))\n }\n }\n\n const handleAction = (\n e: MouseEvent<HTMLButtonElement>,\n callback: (mail: Mail, setMail: boolean) => void,\n mail: Mail,\n ) => {\n e.stopPropagation()\n callback(mail, false)\n }\n\n const handleClose = () => {\n setDeleteConfirmationOpen({\n open: false,\n selected: '',\n })\n }\n\n const handleConfirmDelete = () => {\n onMailDelete([deleteConfirmationOpen.selected])\n handleClose()\n }\n\n return (\n <>\n <div className=\"lg:absolute top-0 left-0 h-full w-full\">\n <ScrollBar\n autoHide\n className=\"overflow-y-auto lg:h-full lg:max-w-full\"\n >\n <Loading\n type={mailList.length > 0 ? 'cover' : 'default'}\n spinnerClass={mailList.length > 0 ? 'hidden' : ''}\n loading={isMailsFetching}\n >\n {larger.lg ? (\n <Table compact overflow={false}>\n <THead>\n <Tr>\n <Th colSpan={2}>From</Th>\n <Th></Th>\n <Th>Subject</Th>\n <Th>Received</Th>\n <Th></Th>\n </Tr>\n </THead>\n <TBody>\n {mailList.map((mail) => (\n <Tr\n key={mail.id}\n className=\"group\"\n onClick={(e) =>\n handleMailClick(e, mail)\n }\n >\n <Td width=\"40\">\n <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\n <Avatar\n shape=\"circle\"\n src={mail.avatar}\n size=\"sm\"\n className={classNames(\n 'group-hover:hidden',\n mail.checked &&\n 'hidden',\n )}\n />\n <div\n className={classNames(\n 'group-hover:block',\n mail.checked\n ? 'block'\n : 'hidden',\n )}\n >\n <div\n className=\"flex items-center\"\n onClick={(e) =>\n handleCheckboxClick(\n e,\n mail,\n )\n }\n >\n <Checkbox\n checked={\n mail.checked\n }\n />\n </div>\n </div>\n </div>\n </Td>\n <Td>\n <span className=\"font-bold heading-text truncate\">\n {mail.name}\n </span>\n </Td>\n <Td>\n <div className=\"flex justify-end\">\n {labelList.some(\n (label) =>\n label.value ===\n mail.label,\n ) && (\n <Badge\n className={\n labelList.find(\n (label) =>\n label.value ===\n mail.label,\n )?.dotClass\n }\n />\n )}\n </div>\n </Td>\n <Td className=\"max-w-full overflow-hidden text-ellipsis whitespace-nowrap\">\n {renderSubject(\n mail.title,\n mail.message[0].content,\n )}\n </Td>\n <Td>{mail.message[0].date}</Td>\n <Td>\n <div className=\"flex items-center text-lg gap-2\">\n <button\n type=\"button\"\n title=\"Flag\"\n onClick={(e) =>\n handleAction(\n e,\n onFlagToggle,\n mail,\n )\n }\n >\n <TbFlag\n className={classNames(\n mail.flagged &&\n 'text-red-500',\n )}\n />\n </button>\n <button\n type=\"button\"\n title=\"Star\"\n onClick={(e) =>\n handleAction(\n e,\n onStarToggle,\n mail,\n )\n }\n >\n {mail.starred ? (\n <TbStarFilled className=\"text-amber-500\" />\n ) : (\n <TbStar />\n )}\n </button>\n <button\n type=\"button\"\n title=\"Delete\"\n onClick={(e) => {\n e.stopPropagation()\n setDeleteConfirmationOpen(\n {\n open: true,\n selected:\n mail.id,\n },\n )\n }}\n >\n <TbTrash />\n </button>\n </div>\n </Td>\n </Tr>\n ))}\n </TBody>\n </Table>\n ) : (\n <>\n {mailList.map((mail, index) => (\n <div\n key={mail.id}\n className={classNames(\n 'flex justify-between items-center gap-2 px-2 rounded-xl border-gray-200 dark:border-gray-700 py-4 cursor-pointer group',\n !isLastChild(mailList, index) &&\n 'border-b',\n )}\n onClick={(e) =>\n handleMailClick(e, mail)\n }\n >\n <div className=\"flex gap-4 min-w-0\">\n <div className=\"h-[32px] w-[32px] flex items-center justify-center\">\n <Avatar\n shape=\"circle\"\n src={mail.avatar}\n size=\"sm\"\n className={classNames(\n 'group-hover:hidden',\n mail.checked &&\n 'hidden',\n )}\n />\n <div\n className={classNames(\n 'group-hover:block',\n mail.checked\n ? 'block'\n : 'hidden',\n )}\n >\n <div\n className=\"flex items-center\"\n onClick={(e) =>\n handleCheckboxClick(\n e,\n mail,\n )\n }\n >\n <Checkbox\n checked={\n mail.checked\n }\n />\n </div>\n </div>\n </div>\n <div className=\"min-w-0 flex-1\">\n <div className=\"font-bold heading-text truncate\">\n {mail.name}\n </div>\n <div className=\"min-w-0\">\n <div className=\"text-nowrap truncate\">\n {mail.message[0].content.replace(\n htmlReg,\n '',\n )}\n </div>\n </div>\n <div className=\"flex items-center text-lg gap-2 mt-2\">\n <button\n type=\"button\"\n title=\"Flag\"\n onClick={(e) =>\n handleAction(\n e,\n onFlagToggle,\n mail,\n )\n }\n >\n <TbFlag\n className={classNames(\n mail.flagged &&\n 'text-red-500',\n )}\n />\n </button>\n <button\n type=\"button\"\n title=\"Star\"\n onClick={(e) =>\n handleAction(\n e,\n onStarToggle,\n mail,\n )\n }\n >\n {mail.starred ? (\n <TbStarFilled className=\"text-amber-500\" />\n ) : (\n <TbStar />\n )}\n </button>\n <button\n type=\"button\"\n title=\"Delete\"\n onClick={(e) => {\n e.stopPropagation()\n setDeleteConfirmationOpen(\n {\n open: true,\n selected:\n mail.id,\n },\n )\n }}\n >\n <TbTrash />\n </button>\n </div>\n </div>\n </div>\n <div className=\"\">\n <span className=\"text-nowrap font-semibold\">\n {mail.message[0].date}\n </span>\n </div>\n </div>\n ))}\n </>\n )}\n </Loading>\n </ScrollBar>\n </div>\n <MailDeleteConfimation\n isOpen={deleteConfirmationOpen.open}\n selectedMailCount={1}\n onClose={handleClose}\n onConfirmDelete={handleConfirmDelete}\n />\n </>\n )\n}\n\nexport default MailList\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailSidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MailSidebar.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailSidebar.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\r\nimport Badge from '@/components/ui/Badge'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport Drawer from '@/components/ui/Drawer'\r\nimport { useMailStore } from '../store/mailStore'\r\nimport { groupList, labelList } from '../constants'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport classNames from '@/utils/classNames'\r\nimport useQuery from '@/utils/hooks/useQuery'\r\nimport { useNavigate, createSearchParams } from 'react-router-dom'\r\n\r\nconst { MenuItem, MenuGroup } = Menu\r\n\r\nconst MailSideBarContent = ({ title }: { title?: string }) => {\r\n const navigate = useNavigate()\r\n\r\n const { selectedCategory, setMail, setMailListFetched } = useMailStore()\r\n\r\n const query = useQuery()\r\n\r\n const currentPath = query.get('category') \|\| query.get('label') \|\| 'inbox'\r\n\r\n const onMenuClick = ({\r\n category,\r\n label,\r\n }: {\r\n category: string\r\n label: string\r\n }) => {\r\n setMail({})\r\n setMailListFetched(false)\r\n\r\n const params: {\r\n category?: string\r\n label?: string\r\n } = {}\r\n\r\n if (category) {\r\n params.category = category\r\n }\r\n\r\n if (label) {\r\n params.label = label\r\n }\r\n\r\n navigate(\r\n {\r\n pathname: '/concepts/mail',\r\n search: createSearchParams(params).toString(),\r\n },\r\n { replace: true },\r\n )\r\n }\r\n return (\r\n <div className=\"flex flex-col justify-between h-full\">\r\n <ScrollBar className=\"h-full overflow-y-auto\">\r\n {title && (\r\n <div className=\"mb-6 mx-2\">\r\n <h3>{title}</h3>\r\n </div>\r\n )}\r\n <Menu className=\"mx-2 mb-10\">\r\n {groupList.map((menu) => (\r\n <MenuItem\r\n key={menu.value}\r\n eventKey={menu.value}\r\n className={`mb-2 ${\r\n selectedCategory.value === menu.value\r\n ? 'bg-gray-100 dark:bg-gray-700'\r\n : ''\r\n }`}\r\n isActive={currentPath === menu.value}\r\n onSelect={() =>\r\n onMenuClick({ category: menu.value, label: '' })\r\n }\r\n >\r\n <span className=\"text-2xl ltr:mr-2 rtl:ml-2\">\r\n {menu.icon}\r\n </span>\r\n <span>{menu.label}</span>\r\n </MenuItem>\r\n ))}\r\n </Menu>\r\n <Menu className=\"mx-2 mb-6\">\r\n <MenuGroup label=\"Labels\">\r\n {labelList.map((label) => (\r\n <MenuItem\r\n key={label.value}\r\n eventKey={label.value}\r\n className={`mb-2 ${\r\n selectedCategory.value === label.value\r\n ? 'bg-gray-100 dark:bg-gray-700'\r\n : ''\r\n }`}\r\n isActive={currentPath === label.value}\r\n onSelect={() =>\r\n onMenuClick({\r\n category: '',\r\n label: label.value,\r\n })\r\n }\r\n >\r\n <Badge\r\n className=\"ltr:mr-2 rtl:ml-2\"\r\n innerClass={label.dotClass}\r\n />\r\n <span>{label.label}</span>\r\n </MenuItem>\r\n ))}\r\n </MenuGroup>\r\n </Menu>\r\n </ScrollBar>\r\n </div>\r\n )\r\n}\r\n\r\nconst MailSidebar = () => {\r\n const { mobileSideBarExpand, toggleMobileSidebar } = useMailStore()\r\n\r\n const { smaller } = useResponsive()\r\n\r\n const onMobileSideBarClose = () => {\r\n toggleMobileSidebar(false)\r\n }\r\n\r\n return smaller.xl ? (\r\n <Drawer\r\n bodyClass=\"p-0\"\r\n title=\"Mailbox\"\r\n isOpen={mobileSideBarExpand}\r\n placement=\"left\"\r\n width={280}\r\n onClose={onMobileSideBarClose}\r\n onRequestClose={onMobileSideBarClose}\r\n >\r\n <div className=\"py-4 h-full\">\r\n <MailSideBarContent />\r\n </div>\r\n </Drawer>\r\n ) : (\r\n <div className={classNames('w-[240px]')}>\r\n <MailSideBarContent title=\"Mailbox\" />\r\n </div>\r\n )\r\n}\r\n\r\nexport default MailSidebar\r\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"MailSidebar.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailSidebar.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport Badge from '@/components/ui/Badge'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Drawer from '@/components/ui/Drawer'\nimport { useMailStore } from '../store/mailStore'\nimport { groupList, labelList } from '../constants'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport classNames from '@/utils/classNames'\nimport useQuery from '@/utils/hooks/useQuery'\nimport { useNavigate, createSearchParams } from 'react-router-dom'\n\nconst { MenuItem, MenuGroup } = Menu\n\nconst MailSideBarContent = ({ title }: { title?: string }) => {\n const navigate = useNavigate()\n\n const { selectedCategory, setMail, setMailListFetched } = useMailStore()\n\n const query = useQuery()\n\n const currentPath = query.get('category') \|\| query.get('label') \|\| 'inbox'\n\n const onMenuClick = ({\n category,\n label,\n }: {\n category: string\n label: string\n }) => {\n setMail({})\n setMailListFetched(false)\n\n const params: {\n category?: string\n label?: string\n } = {}\n\n if (category) {\n params.category = category\n }\n\n if (label) {\n params.label = label\n }\n\n navigate(\n {\n pathname: '/concepts/mail',\n search: createSearchParams(params).toString(),\n },\n { replace: true },\n )\n }\n return (\n <div className=\"flex flex-col justify-between h-full\">\n <ScrollBar className=\"h-full overflow-y-auto\">\n {title && (\n <div className=\"mb-6 mx-2\">\n <h3>{title}</h3>\n </div>\n )}\n <Menu className=\"mx-2 mb-10\">\n {groupList.map((menu) => (\n <MenuItem\n key={menu.value}\n eventKey={menu.value}\n className={`mb-2 ${\n selectedCategory.value === menu.value\n ? 'bg-gray-100 dark:bg-gray-700'\n : ''\n }`}\n isActive={currentPath === menu.value}\n onSelect={() =>\n onMenuClick({ category: menu.value, label: '' })\n }\n >\n <span className=\"text-2xl ltr:mr-2 rtl:ml-2\">\n {menu.icon}\n </span>\n <span>{menu.label}</span>\n </MenuItem>\n ))}\n </Menu>\n <Menu className=\"mx-2 mb-6\">\n <MenuGroup label=\"Labels\">\n {labelList.map((label) => (\n <MenuItem\n key={label.value}\n eventKey={label.value}\n className={`mb-2 ${\n selectedCategory.value === label.value\n ? 'bg-gray-100 dark:bg-gray-700'\n : ''\n }`}\n isActive={currentPath === label.value}\n onSelect={() =>\n onMenuClick({\n category: '',\n label: label.value,\n })\n }\n >\n <Badge\n className=\"ltr:mr-2 rtl:ml-2\"\n innerClass={label.dotClass}\n />\n <span>{label.label}</span>\n </MenuItem>\n ))}\n </MenuGroup>\n </Menu>\n </ScrollBar>\n </div>\n )\n}\n\nconst MailSidebar = () => {\n const { mobileSideBarExpand, toggleMobileSidebar } = useMailStore()\n\n const { smaller } = useResponsive()\n\n const onMobileSideBarClose = () => {\n toggleMobileSidebar(false)\n }\n\n return smaller.xl ? (\n <Drawer\n bodyClass=\"p-0\"\n title=\"Mailbox\"\n isOpen={mobileSideBarExpand}\n placement=\"left\"\n width={280}\n onClose={onMobileSideBarClose}\n onRequestClose={onMobileSideBarClose}\n >\n <div className=\"py-4 h-full\">\n <MailSideBarContent />\n </div>\n </Drawer>\n ) : (\n <div className={classNames('w-[240px]')}>\n <MailSideBarContent title=\"Mailbox\" />\n </div>\n )\n}\n\nexport default MailSidebar\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/mail/Mail/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../../../lib/@ecme/views/concepts/mail/Mail/constants.tsx"],"sourcesContent":["import {\r\n HiOutlineInbox,\r\n HiOutlinePaperAirplane,\r\n HiOutlinePencil,\r\n HiOutlineStar,\r\n HiOutlineTrash,\r\n} from 'react-icons/hi'\r\nimport type { Group, Label } from './types'\r\n\r\nexport const groupList: Group[] = [\r\n { value: 'inbox', label: 'Inbox', icon: <HiOutlineInbox /> },\r\n { value: 'sentItem', label: 'Sent Item', icon: <HiOutlinePaperAirplane /> },\r\n { value: 'draft', label: 'Draft', icon: <HiOutlinePencil /> },\r\n { value: 'starred', label: 'Starred', icon: <HiOutlineStar /> },\r\n { value: 'deleted', label: 'Deleted', icon: <HiOutlineTrash /> },\r\n]\r\n\r\nexport const labelList: Label[] = [\r\n {\r\n value: 'work',\r\n label: 'Work',\r\n bgClass: 'bg-rose-100 dark:bg-rose-100',\r\n dotClass: 'bg-rose-300',\r\n },\r\n {\r\n value: 'private',\r\n label: 'Private',\r\n bgClass: 'bg-blue-100 dark:bg-blue-100',\r\n dotClass: 'bg-blue-300',\r\n },\r\n {\r\n value: 'important',\r\n label: 'Important',\r\n bgClass: 'bg-purple-100 dark:bg-purple-100',\r\n dotClass: 'bg-purple-300',\r\n },\r\n]\r\n"],"names":[],"mappings":";;AASO,MAAM,YAAqB;AAAA,EAC9B,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,oBAAC,kBAAe,EAAA;AAAA,EACxD,EAAE,OAAO,YAAY,OAAO,aAAa,MAAM,oBAAC,0BAAuB,EAAA;AAAA,EACvE,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,oBAAC,mBAAgB,EAAA;AAAA,EACzD,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,oBAAC,iBAAc,EAAA;AAAA,EAC3D,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,oBAAC,kBAAe,EAAA;AAChE;AAEO,MAAM,YAAqB;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEd;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEd;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../../../lib/@ecme/views/concepts/mail/Mail/constants.tsx"],"sourcesContent":["import {\n HiOutlineInbox,\n HiOutlinePaperAirplane,\n HiOutlinePencil,\n HiOutlineStar,\n HiOutlineTrash,\n} from 'react-icons/hi'\nimport type { Group, Label } from './types'\n\nexport const groupList: Group[] = [\n { value: 'inbox', label: 'Inbox', icon: <HiOutlineInbox /> },\n { value: 'sentItem', label: 'Sent Item', icon: <HiOutlinePaperAirplane /> },\n { value: 'draft', label: 'Draft', icon: <HiOutlinePencil /> },\n { value: 'starred', label: 'Starred', icon: <HiOutlineStar /> },\n { value: 'deleted', label: 'Deleted', icon: <HiOutlineTrash /> },\n]\n\nexport const labelList: Label[] = [\n {\n value: 'work',\n label: 'Work',\n bgClass: 'bg-rose-100 dark:bg-rose-100',\n dotClass: 'bg-rose-300',\n },\n {\n value: 'private',\n label: 'Private',\n bgClass: 'bg-blue-100 dark:bg-blue-100',\n dotClass: 'bg-blue-300',\n },\n {\n value: 'important',\n label: 'Important',\n bgClass: 'bg-purple-100 dark:bg-purple-100',\n dotClass: 'bg-purple-300',\n },\n]\n"],"names":[],"mappings":";;AASO,MAAM,YAAqB;AAAA,EAC9B,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,oBAAC,kBAAe,EAAA;AAAA,EACxD,EAAE,OAAO,YAAY,OAAO,aAAa,MAAM,oBAAC,0BAAuB,EAAA;AAAA,EACvE,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,oBAAC,mBAAgB,EAAA;AAAA,EACzD,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,oBAAC,iBAAc,EAAA;AAAA,EAC3D,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,oBAAC,kBAAe,EAAA;AAChE;AAEO,MAAM,YAAqB;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEd;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEd;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;"}

package/dist/@ecme/views/concepts/mail/Mail/hooks/useMail.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMail.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/hooks/useMail.ts"],"sourcesContent":["import { useMailStore } from '../store/mailStore'\r\nimport { apiGetMails, apiGetMail } from '@/services/MailServices'\r\nimport useSWRMutation from 'swr/mutation'\r\nimport type {\r\n GetMailsResponse,\r\n GetMailResponse,\r\n GetMailsRequest,\r\n GetMailRequest,\r\n} from '../types'\r\n\r\nasync function getMails(\r\n _: string,\r\n { arg }: { arg: { category: string; label: string } },\r\n) {\r\n const data = await apiGetMails<GetMailsResponse, GetMailsRequest>(arg)\r\n return data\r\n}\r\n\r\nasync function getMail(_: string, { arg }: { arg: string }) {\r\n const data = await apiGetMail<GetMailResponse, GetMailRequest>({ id: arg })\r\n return data\r\n}\r\n\r\nconst useMail = () => {\r\n const {\r\n setMailList,\r\n setMail,\r\n selectedMailId,\r\n setMailListFetched,\r\n setSelectedMail,\r\n } = useMailStore()\r\n\r\n const { trigger: fetchMails, isMutating: isMailsFetching } = useSWRMutation(\r\n `/api/mails/`,\r\n getMails,\r\n {\r\n onSuccess: (list) => {\r\n setSelectedMail([])\r\n setMailList(list)\r\n setMailListFetched(true)\r\n },\r\n },\r\n )\r\n\r\n const { trigger: fetchMail, isMutating: isMailFetching } = useSWRMutation(\r\n `/api/mail/${selectedMailId}`,\r\n getMail,\r\n {\r\n onSuccess: (mail) => {\r\n setMail(mail)\r\n },\r\n },\r\n )\r\n\r\n return {\r\n fetchMails,\r\n isMailsFetching,\r\n fetchMail,\r\n isMailFetching,\r\n }\r\n}\r\n\r\nexport default useMail\r\n"],"names":[],"mappings":";;;AAUA,eAAe,SACX,GACA,EAAE,OACJ;AACE,QAAM,OAAO,MAAM,YAA+C,GAAG;AACrE,SAAO;AACX;AAEA,eAAe,QAAQ,GAAW,EAAE,OAAwB;AACxD,QAAM,OAAO,MAAM,WAA4C,EAAE,IAAI,KAAK;AAC1E,SAAO;AACX;AAEA,MAAM,UAAU,MAAM;AAClB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,aAAA;AAEJ,QAAM,EAAE,SAAS,YAAY,YAAY,oBAAoB;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,MACI,WAAW,CAAC,SAAS;AACjB,wBAAgB,CAAA,CAAE;AAClB,oBAAY,IAAI;AAChB,2BAAmB,IAAI;AAAA,MAC3B;AAAA,IAAA;AAAA,EACJ;AAGJ,QAAM,EAAE,SAAS,WAAW,YAAY,mBAAmB;AAAA,IACvD,aAAa,cAAc;AAAA,IAC3B;AAAA,IACA;AAAA,MACI,WAAW,CAAC,SAAS;AACjB,gBAAQ,IAAI;AAAA,MAChB;AAAA,IAAA;AAAA,EACJ;AAGJ,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}
1	+ {"version":3,"file":"useMail.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/hooks/useMail.ts"],"sourcesContent":["import { useMailStore } from '../store/mailStore'\nimport { apiGetMails, apiGetMail } from '@/services/MailServices'\nimport useSWRMutation from 'swr/mutation'\nimport type {\n GetMailsResponse,\n GetMailResponse,\n GetMailsRequest,\n GetMailRequest,\n} from '../types'\n\nasync function getMails(\n _: string,\n { arg }: { arg: { category: string; label: string } },\n) {\n const data = await apiGetMails<GetMailsResponse, GetMailsRequest>(arg)\n return data\n}\n\nasync function getMail(_: string, { arg }: { arg: string }) {\n const data = await apiGetMail<GetMailResponse, GetMailRequest>({ id: arg })\n return data\n}\n\nconst useMail = () => {\n const {\n setMailList,\n setMail,\n selectedMailId,\n setMailListFetched,\n setSelectedMail,\n } = useMailStore()\n\n const { trigger: fetchMails, isMutating: isMailsFetching } = useSWRMutation(\n `/api/mails/`,\n getMails,\n {\n onSuccess: (list) => {\n setSelectedMail([])\n setMailList(list)\n setMailListFetched(true)\n },\n },\n )\n\n const { trigger: fetchMail, isMutating: isMailFetching } = useSWRMutation(\n `/api/mail/${selectedMailId}`,\n getMail,\n {\n onSuccess: (mail) => {\n setMail(mail)\n },\n },\n )\n\n return {\n fetchMails,\n isMailsFetching,\n fetchMail,\n isMailFetching,\n }\n}\n\nexport default useMail\n"],"names":[],"mappings":";;;AAUA,eAAe,SACX,GACA,EAAE,OACJ;AACE,QAAM,OAAO,MAAM,YAA+C,GAAG;AACrE,SAAO;AACX;AAEA,eAAe,QAAQ,GAAW,EAAE,OAAwB;AACxD,QAAM,OAAO,MAAM,WAA4C,EAAE,IAAI,KAAK;AAC1E,SAAO;AACX;AAEA,MAAM,UAAU,MAAM;AAClB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,aAAA;AAEJ,QAAM,EAAE,SAAS,YAAY,YAAY,oBAAoB;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,MACI,WAAW,CAAC,SAAS;AACjB,wBAAgB,CAAA,CAAE;AAClB,oBAAY,IAAI;AAChB,2BAAmB,IAAI;AAAA,MAC3B;AAAA,IAAA;AAAA,EACJ;AAGJ,QAAM,EAAE,SAAS,WAAW,YAAY,mBAAmB;AAAA,IACvD,aAAa,cAAc;AAAA,IAC3B;AAAA,IACA;AAAA,MACI,WAAW,CAAC,SAAS;AACjB,gBAAQ,IAAI;AAAA,MAChB;AAAA,IAAA;AAAA,EACJ;AAGJ,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/hooks/useMailAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMailAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/hooks/useMailAction.ts"],"sourcesContent":["import { useMailStore } from '../store/mailStore'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport type { Mail } from '../types'\r\n\r\nconst useMailAction = () => {\r\n const { mailList, setMail, setMailList, setSelectedMail } = useMailStore()\r\n\r\n const updateMailList = (newMail: Mail) => {\r\n const newMailList = cloneDeep(mailList).map((mail) => {\r\n if (mail.id === newMail.id) {\r\n mail = newMail\r\n }\r\n return mail\r\n })\r\n setMailList(newMailList)\r\n }\r\n\r\n const onStarToggle = (mail: Mail, shouldSetMail: boolean = true) => {\r\n const newMail = cloneDeep(mail)\r\n newMail.starred = !newMail.starred\r\n if (shouldSetMail) {\r\n setMail(newMail)\r\n }\r\n updateMailList(newMail)\r\n }\r\n\r\n const onFlagToggle = (mail: Mail, shouldSetMail: boolean = true) => {\r\n const newMail = cloneDeep(mail)\r\n newMail.flagged = !newMail.flagged\r\n if (shouldSetMail) {\r\n setMail(newMail)\r\n }\r\n updateMailList(newMail)\r\n }\r\n\r\n const onCheckboxToggle = (mail: Mail) => {\r\n const newMail = cloneDeep(mail)\r\n newMail.checked = !newMail.checked\r\n updateMailList(newMail)\r\n }\r\n\r\n const onMoveMailClick = (mail: Mail, destination: string) => {\r\n const newMail = cloneDeep(mail)\r\n newMail.label = destination\r\n updateMailList(newMail)\r\n }\r\n\r\n const onBatchMoveMailClick = (mailsId: string[], destination: string) => {\r\n setMailList(\r\n mailList.map((mail) => {\r\n if (mailsId.includes(mail.id)) {\r\n mail.label = destination\r\n mail.checked = false\r\n }\r\n\r\n return mail\r\n }),\r\n )\r\n setSelectedMail([])\r\n }\r\n\r\n const onMailDelete = (mailsId: string[]) => {\r\n setMailList(mailList.filter((mail) => !mailsId.includes(mail.id)))\r\n setSelectedMail([])\r\n }\r\n\r\n const onResetChecked = () => {\r\n setMailList(\r\n mailList.map((mail) => {\r\n mail.checked = false\r\n return mail\r\n }),\r\n )\r\n setSelectedMail([])\r\n }\r\n\r\n return {\r\n onStarToggle,\r\n onMailDelete,\r\n onFlagToggle,\r\n onMoveMailClick,\r\n onCheckboxToggle,\r\n onResetChecked,\r\n onBatchMoveMailClick,\r\n }\r\n}\r\n\r\nexport default useMailAction\r\n"],"names":[],"mappings":";;AAIA,MAAM,gBAAgB,MAAM;AACxB,QAAM,EAAE,UAAU,SAAS,aAAa,gBAAA,IAAoB,aAAA;AAE5D,QAAM,iBAAiB,CAAC,YAAkB;AACtC,UAAM,cAAc,UAAU,QAAQ,EAAE,IAAI,CAAC,SAAS;AAClD,UAAI,KAAK,OAAO,QAAQ,IAAI;AACxB,eAAO;AAAA,MACX;AACA,aAAO;AAAA,IACX,CAAC;AACD,gBAAY,WAAW;AAAA,EAC3B;AAEA,QAAM,eAAe,CAAC,MAAY,gBAAyB,SAAS;AAChE,UAAM,UAAU,UAAU,IAAI;AAC9B,YAAQ,UAAU,CAAC,QAAQ;AAC3B,QAAI,eAAe;AACf,cAAQ,OAAO;AAAA,IACnB;AACA,mBAAe,OAAO;AAAA,EAC1B;AAEA,QAAM,eAAe,CAAC,MAAY,gBAAyB,SAAS;AAChE,UAAM,UAAU,UAAU,IAAI;AAC9B,YAAQ,UAAU,CAAC,QAAQ;AAC3B,QAAI,eAAe;AACf,cAAQ,OAAO;AAAA,IACnB;AACA,mBAAe,OAAO;AAAA,EAC1B;AAEA,QAAM,mBAAmB,CAAC,SAAe;AACrC,UAAM,UAAU,UAAU,IAAI;AAC9B,YAAQ,UAAU,CAAC,QAAQ;AAC3B,mBAAe,OAAO;AAAA,EAC1B;AAEA,QAAM,kBAAkB,CAAC,MAAY,gBAAwB;AACzD,UAAM,UAAU,UAAU,IAAI;AAC9B,YAAQ,QAAQ;AAChB,mBAAe,OAAO;AAAA,EAC1B;AAEA,QAAM,uBAAuB,CAAC,SAAmB,gBAAwB;AACrE;AAAA,MACI,SAAS,IAAI,CAAC,SAAS;AACnB,YAAI,QAAQ,SAAS,KAAK,EAAE,GAAG;AAC3B,eAAK,QAAQ;AACb,eAAK,UAAU;AAAA,QACnB;AAEA,eAAO;AAAA,MACX,CAAC;AAAA,IAAA;AAEL,oBAAgB,CAAA,CAAE;AAAA,EACtB;AAEA,QAAM,eAAe,CAAC,YAAsB;AACxC,gBAAY,SAAS,OAAO,CAAC,SAAS,CAAC,QAAQ,SAAS,KAAK,EAAE,CAAC,CAAC;AACjE,oBAAgB,CAAA,CAAE;AAAA,EACtB;AAEA,QAAM,iBAAiB,MAAM;AACzB;AAAA,MACI,SAAS,IAAI,CAAC,SAAS;AACnB,aAAK,UAAU;AACf,eAAO;AAAA,MACX,CAAC;AAAA,IAAA;AAEL,oBAAgB,CAAA,CAAE;AAAA,EACtB;AAEA,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}
1	+ {"version":3,"file":"useMailAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/hooks/useMailAction.ts"],"sourcesContent":["import { useMailStore } from '../store/mailStore'\nimport cloneDeep from 'lodash/cloneDeep'\nimport type { Mail } from '../types'\n\nconst useMailAction = () => {\n const { mailList, setMail, setMailList, setSelectedMail } = useMailStore()\n\n const updateMailList = (newMail: Mail) => {\n const newMailList = cloneDeep(mailList).map((mail) => {\n if (mail.id === newMail.id) {\n mail = newMail\n }\n return mail\n })\n setMailList(newMailList)\n }\n\n const onStarToggle = (mail: Mail, shouldSetMail: boolean = true) => {\n const newMail = cloneDeep(mail)\n newMail.starred = !newMail.starred\n if (shouldSetMail) {\n setMail(newMail)\n }\n updateMailList(newMail)\n }\n\n const onFlagToggle = (mail: Mail, shouldSetMail: boolean = true) => {\n const newMail = cloneDeep(mail)\n newMail.flagged = !newMail.flagged\n if (shouldSetMail) {\n setMail(newMail)\n }\n updateMailList(newMail)\n }\n\n const onCheckboxToggle = (mail: Mail) => {\n const newMail = cloneDeep(mail)\n newMail.checked = !newMail.checked\n updateMailList(newMail)\n }\n\n const onMoveMailClick = (mail: Mail, destination: string) => {\n const newMail = cloneDeep(mail)\n newMail.label = destination\n updateMailList(newMail)\n }\n\n const onBatchMoveMailClick = (mailsId: string[], destination: string) => {\n setMailList(\n mailList.map((mail) => {\n if (mailsId.includes(mail.id)) {\n mail.label = destination\n mail.checked = false\n }\n\n return mail\n }),\n )\n setSelectedMail([])\n }\n\n const onMailDelete = (mailsId: string[]) => {\n setMailList(mailList.filter((mail) => !mailsId.includes(mail.id)))\n setSelectedMail([])\n }\n\n const onResetChecked = () => {\n setMailList(\n mailList.map((mail) => {\n mail.checked = false\n return mail\n }),\n )\n setSelectedMail([])\n }\n\n return {\n onStarToggle,\n onMailDelete,\n onFlagToggle,\n onMoveMailClick,\n onCheckboxToggle,\n onResetChecked,\n onBatchMoveMailClick,\n }\n}\n\nexport default useMailAction\n"],"names":[],"mappings":";;AAIA,MAAM,gBAAgB,MAAM;AACxB,QAAM,EAAE,UAAU,SAAS,aAAa,gBAAA,IAAoB,aAAA;AAE5D,QAAM,iBAAiB,CAAC,YAAkB;AACtC,UAAM,cAAc,UAAU,QAAQ,EAAE,IAAI,CAAC,SAAS;AAClD,UAAI,KAAK,OAAO,QAAQ,IAAI;AACxB,eAAO;AAAA,MACX;AACA,aAAO;AAAA,IACX,CAAC;AACD,gBAAY,WAAW;AAAA,EAC3B;AAEA,QAAM,eAAe,CAAC,MAAY,gBAAyB,SAAS;AAChE,UAAM,UAAU,UAAU,IAAI;AAC9B,YAAQ,UAAU,CAAC,QAAQ;AAC3B,QAAI,eAAe;AACf,cAAQ,OAAO;AAAA,IACnB;AACA,mBAAe,OAAO;AAAA,EAC1B;AAEA,QAAM,eAAe,CAAC,MAAY,gBAAyB,SAAS;AAChE,UAAM,UAAU,UAAU,IAAI;AAC9B,YAAQ,UAAU,CAAC,QAAQ;AAC3B,QAAI,eAAe;AACf,cAAQ,OAAO;AAAA,IACnB;AACA,mBAAe,OAAO;AAAA,EAC1B;AAEA,QAAM,mBAAmB,CAAC,SAAe;AACrC,UAAM,UAAU,UAAU,IAAI;AAC9B,YAAQ,UAAU,CAAC,QAAQ;AAC3B,mBAAe,OAAO;AAAA,EAC1B;AAEA,QAAM,kBAAkB,CAAC,MAAY,gBAAwB;AACzD,UAAM,UAAU,UAAU,IAAI;AAC9B,YAAQ,QAAQ;AAChB,mBAAe,OAAO;AAAA,EAC1B;AAEA,QAAM,uBAAuB,CAAC,SAAmB,gBAAwB;AACrE;AAAA,MACI,SAAS,IAAI,CAAC,SAAS;AACnB,YAAI,QAAQ,SAAS,KAAK,EAAE,GAAG;AAC3B,eAAK,QAAQ;AACb,eAAK,UAAU;AAAA,QACnB;AAEA,eAAO;AAAA,MACX,CAAC;AAAA,IAAA;AAEL,oBAAgB,CAAA,CAAE;AAAA,EACtB;AAEA,QAAM,eAAe,CAAC,YAAsB;AACxC,gBAAY,SAAS,OAAO,CAAC,SAAS,CAAC,QAAQ,SAAS,KAAK,EAAE,CAAC,CAAC;AACjE,oBAAgB,CAAA,CAAE;AAAA,EACtB;AAEA,QAAM,iBAAiB,MAAM;AACzB;AAAA,MACI,SAAS,IAAI,CAAC,SAAS;AACnB,aAAK,UAAU;AACf,eAAO;AAAA,MACX,CAAC;AAAA,IAAA;AAEL,oBAAgB,CAAA,CAAE;AAAA,EACtB;AAEA,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/store/mailStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mailStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/store/mailStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { Mail, Category } from '../types'\r\n\r\ntype MessageDialog = {\r\n mode: '' \| 'reply' \| 'new'\r\n open: boolean\r\n}\r\n\r\nexport type MailState = {\r\n mailList: Mail[]\r\n mailListFetched: boolean\r\n mail: Partial<Mail>\r\n selectedMailId: string[]\r\n mobileSideBarExpand: boolean\r\n selectedCategory: Partial<Category>\r\n messageDialog: MessageDialog\r\n}\r\n\r\ntype MailAction = {\r\n setMailList: (payload: Mail[]) => void\r\n setMailListFetched: (payload: boolean) => void\r\n setMail: (payload: Partial<Mail>) => void\r\n setSelectedMail: (payload: string[]) => void\r\n setSelectedCategory: (payload: Partial<Category>) => void\r\n toggleMessageDialog: (payload: MessageDialog) => void\r\n toggleMobileSidebar: (payload: boolean) => void\r\n}\r\n\r\nconst initialState: MailState = {\r\n mailList: [],\r\n mailListFetched: false,\r\n mail: {},\r\n selectedMailId: [],\r\n mobileSideBarExpand: false,\r\n selectedCategory: {},\r\n messageDialog: {\r\n mode: '',\r\n open: false,\r\n },\r\n}\r\n\r\nexport const useMailStore = create<MailState & MailAction>((set) => ({\r\n ...initialState,\r\n setMailList: (payload) => set(() => ({ mailList: payload })),\r\n setMailListFetched: (payload) => set(() => ({ mailListFetched: payload })),\r\n setMail: (payload) => set(() => ({ mail: payload })),\r\n setSelectedMail: (payload) => set(() => ({ selectedMailId: payload })),\r\n setSelectedCategory: (payload) =>\r\n set(() => ({ selectedCategory: payload })),\r\n toggleMessageDialog: (payload) => set(() => ({ messageDialog: payload })),\r\n toggleMobileSidebar: (payload) =>\r\n set(() => ({ mobileSideBarExpand: payload })),\r\n}))\r\n"],"names":[],"mappings":";AA4BA,MAAM,eAA0B;AAAA,EAC5B,UAAU,CAAA;AAAA,EACV,iBAAiB;AAAA,EACjB,MAAM,CAAA;AAAA,EACN,gBAAgB,CAAA;AAAA,EAChB,qBAAqB;AAAA,EACrB,kBAAkB,CAAA;AAAA,EAClB,eAAe;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd;AAEO,MAAM,eAAe,OAA+B,CAAC,SAAS;AAAA,EACjE,GAAG;AAAA,EACH,aAAa,CAAC,YAAY,IAAI,OAAO,EAAE,UAAU,UAAU;AAAA,EAC3D,oBAAoB,CAAC,YAAY,IAAI,OAAO,EAAE,iBAAiB,UAAU;AAAA,EACzE,SAAS,CAAC,YAAY,IAAI,OAAO,EAAE,MAAM,UAAU;AAAA,EACnD,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,gBAAgB,UAAU;AAAA,EACrE,qBAAqB,CAAC,YAClB,IAAI,OAAO,EAAE,kBAAkB,UAAU;AAAA,EAC7C,qBAAqB,CAAC,YAAY,IAAI,OAAO,EAAE,eAAe,UAAU;AAAA,EACxE,qBAAqB,CAAC,YAClB,IAAI,OAAO,EAAE,qBAAqB,UAAU;AACpD,EAAE;"}
1	+ {"version":3,"file":"mailStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/store/mailStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { Mail, Category } from '../types'\n\ntype MessageDialog = {\n mode: '' \| 'reply' \| 'new'\n open: boolean\n}\n\nexport type MailState = {\n mailList: Mail[]\n mailListFetched: boolean\n mail: Partial<Mail>\n selectedMailId: string[]\n mobileSideBarExpand: boolean\n selectedCategory: Partial<Category>\n messageDialog: MessageDialog\n}\n\ntype MailAction = {\n setMailList: (payload: Mail[]) => void\n setMailListFetched: (payload: boolean) => void\n setMail: (payload: Partial<Mail>) => void\n setSelectedMail: (payload: string[]) => void\n setSelectedCategory: (payload: Partial<Category>) => void\n toggleMessageDialog: (payload: MessageDialog) => void\n toggleMobileSidebar: (payload: boolean) => void\n}\n\nconst initialState: MailState = {\n mailList: [],\n mailListFetched: false,\n mail: {},\n selectedMailId: [],\n mobileSideBarExpand: false,\n selectedCategory: {},\n messageDialog: {\n mode: '',\n open: false,\n },\n}\n\nexport const useMailStore = create<MailState & MailAction>((set) => ({\n ...initialState,\n setMailList: (payload) => set(() => ({ mailList: payload })),\n setMailListFetched: (payload) => set(() => ({ mailListFetched: payload })),\n setMail: (payload) => set(() => ({ mail: payload })),\n setSelectedMail: (payload) => set(() => ({ selectedMailId: payload })),\n setSelectedCategory: (payload) =>\n set(() => ({ selectedCategory: payload })),\n toggleMessageDialog: (payload) => set(() => ({ messageDialog: payload })),\n toggleMobileSidebar: (payload) =>\n set(() => ({ mobileSideBarExpand: payload })),\n}))\n"],"names":[],"mappings":";AA4BA,MAAM,eAA0B;AAAA,EAC5B,UAAU,CAAA;AAAA,EACV,iBAAiB;AAAA,EACjB,MAAM,CAAA;AAAA,EACN,gBAAgB,CAAA;AAAA,EAChB,qBAAqB;AAAA,EACrB,kBAAkB,CAAA;AAAA,EAClB,eAAe;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd;AAEO,MAAM,eAAe,OAA+B,CAAC,SAAS;AAAA,EACjE,GAAG;AAAA,EACH,aAAa,CAAC,YAAY,IAAI,OAAO,EAAE,UAAU,UAAU;AAAA,EAC3D,oBAAoB,CAAC,YAAY,IAAI,OAAO,EAAE,iBAAiB,UAAU;AAAA,EACzE,SAAS,CAAC,YAAY,IAAI,OAAO,EAAE,MAAM,UAAU;AAAA,EACnD,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,gBAAgB,UAAU;AAAA,EACrE,qBAAqB,CAAC,YAClB,IAAI,OAAO,EAAE,kBAAkB,UAAU;AAAA,EAC7C,qBAAqB,CAAC,YAAY,IAAI,OAAO,EAAE,eAAe,UAAU;AAAA,EACxE,qBAAqB,CAAC,YAClB,IAAI,OAAO,EAAE,qBAAqB,UAAU;AACpD,EAAE;"}

package/dist/@ecme/views/concepts/orders/OrderCreate/OrderCreate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderCreate.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderCreate/OrderCreate.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport Container from '@/components/shared/Container'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport OrderForm from '../OrderForm'\r\nimport sleep from '@/utils/sleep'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport { TbTrash } from 'react-icons/tb'\r\nimport type { OrderFormSchema } from '../OrderForm'\r\n\r\nconst OrderCreate = () => {\r\n const navigate = useNavigate()\r\n\r\n const [discardConfirmationOpen, setDiscardConfirmationOpen] =\r\n useState(false)\r\n const [isSubmiting, setIsSubmiting] = useState(false)\r\n\r\n const handleFormSubmit = async (values: OrderFormSchema) => {\r\n console.log('Submitted values', values)\r\n setIsSubmiting(true)\r\n await sleep(800)\r\n setIsSubmiting(false)\r\n toast.push(<Notification type=\"success\">Order created!</Notification>, {\r\n placement: 'top-center',\r\n })\r\n navigate('/concepts/orders/order-list')\r\n }\r\n\r\n const handleConfirmDiscard = () => {\r\n setDiscardConfirmationOpen(true)\r\n toast.push(\r\n <Notification type=\"success\">Order discarded!</Notification>,\r\n { placement: 'top-center' },\r\n )\r\n navigate('/concepts/orders/order-list')\r\n }\r\n\r\n const handleDiscard = () => {\r\n setDiscardConfirmationOpen(true)\r\n }\r\n\r\n const handleCancel = () => {\r\n setDiscardConfirmationOpen(false)\r\n }\r\n\r\n return (\r\n <>\r\n <OrderForm onFormSubmit={handleFormSubmit}>\r\n <Container>\r\n <div className=\"flex items-center justify-between px-8\">\r\n <span></span>\r\n <div className=\"flex items-center\">\r\n <Button\r\n className=\"ltr:mr-3 rtl:ml-3\"\r\n type=\"button\"\r\n customColorClass={() =>\r\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\r\n }\r\n icon={<TbTrash />}\r\n onClick={handleDiscard}\r\n >\r\n Discard\r\n </Button>\r\n <Button\r\n variant=\"solid\"\r\n type=\"submit\"\r\n loading={isSubmiting}\r\n >\r\n Create\r\n </Button>\r\n </div>\r\n </div>\r\n </Container>\r\n </OrderForm>\r\n <ConfirmDialog\r\n isOpen={discardConfirmationOpen}\r\n type=\"danger\"\r\n title=\"Discard changes\"\r\n onClose={handleCancel}\r\n onRequestClose={handleCancel}\r\n onCancel={handleCancel}\r\n onConfirm={handleConfirmDiscard}\r\n >\r\n <p>\r\n Are you sure you want discard this? This action can't\r\n be undo.{' '}\r\n </p>\r\n </ConfirmDialog>\r\n </>\r\n )\r\n}\r\n\r\nexport default OrderCreate\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,cAAc,MAAM;AACtB,QAAM,WAAW,YAAA;AAEjB,QAAM,CAAC,yBAAyB,0BAA0B,IACtD,SAAS,KAAK;AAClB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,mBAAmB,OAAO,WAA4B;AACxD,YAAQ,IAAI,oBAAoB,MAAM;AACtC,mBAAe,IAAI;AACnB,UAAM,MAAM,GAAG;AACf,mBAAe,KAAK;AACpB,UAAM,KAAK,oBAAC,cAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,MACnE,WAAW;AAAA,IAAA,CACd;AACD,aAAS,6BAA6B;AAAA,EAC1C;AAEA,QAAM,uBAAuB,MAAM;AAC/B,+BAA2B,IAAI;AAC/B,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,MAAK,WAAU,UAAA,oBAAgB;AAAA,MAC7C,EAAE,WAAW,aAAA;AAAA,IAAa;AAE9B,aAAS,6BAA6B;AAAA,EAC1C;AAEA,QAAM,gBAAgB,MAAM;AACxB,+BAA2B,IAAI;AAAA,EACnC;AAEA,QAAM,eAAe,MAAM;AACvB,+BAA2B,KAAK;AAAA,EACpC;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,cAAc,kBACrB,UAAA,oBAAC,aACG,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK;AAAA,MACN,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,0BAAO,SAAA,EAAQ;AAAA,YACf,SAAS;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ,GACJ,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,KAAA,EAAE,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EAAA,CACb;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"OrderCreate.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderCreate/OrderCreate.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport Container from '@/components/shared/Container'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport OrderForm from '../OrderForm'\nimport sleep from '@/utils/sleep'\nimport { useNavigate } from 'react-router-dom'\nimport { TbTrash } from 'react-icons/tb'\nimport type { OrderFormSchema } from '../OrderForm'\n\nconst OrderCreate = () => {\n const navigate = useNavigate()\n\n const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n useState(false)\n const [isSubmiting, setIsSubmiting] = useState(false)\n\n const handleFormSubmit = async (values: OrderFormSchema) => {\n console.log('Submitted values', values)\n setIsSubmiting(true)\n await sleep(800)\n setIsSubmiting(false)\n toast.push(<Notification type=\"success\">Order created!</Notification>, {\n placement: 'top-center',\n })\n navigate('/concepts/orders/order-list')\n }\n\n const handleConfirmDiscard = () => {\n setDiscardConfirmationOpen(true)\n toast.push(\n <Notification type=\"success\">Order discarded!</Notification>,\n { placement: 'top-center' },\n )\n navigate('/concepts/orders/order-list')\n }\n\n const handleDiscard = () => {\n setDiscardConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDiscardConfirmationOpen(false)\n }\n\n return (\n <>\n <OrderForm onFormSubmit={handleFormSubmit}>\n <Container>\n <div className=\"flex items-center justify-between px-8\">\n <span></span>\n <div className=\"flex items-center\">\n <Button\n className=\"ltr:mr-3 rtl:ml-3\"\n type=\"button\"\n customColorClass={() =>\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n }\n icon={<TbTrash />}\n onClick={handleDiscard}\n >\n Discard\n </Button>\n <Button\n variant=\"solid\"\n type=\"submit\"\n loading={isSubmiting}\n >\n Create\n </Button>\n </div>\n </div>\n </Container>\n </OrderForm>\n <ConfirmDialog\n isOpen={discardConfirmationOpen}\n type=\"danger\"\n title=\"Discard changes\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDiscard}\n >\n <p>\n Are you sure you want discard this? This action can't\n be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )\n}\n\nexport default OrderCreate\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,cAAc,MAAM;AACtB,QAAM,WAAW,YAAA;AAEjB,QAAM,CAAC,yBAAyB,0BAA0B,IACtD,SAAS,KAAK;AAClB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,mBAAmB,OAAO,WAA4B;AACxD,YAAQ,IAAI,oBAAoB,MAAM;AACtC,mBAAe,IAAI;AACnB,UAAM,MAAM,GAAG;AACf,mBAAe,KAAK;AACpB,UAAM,KAAK,oBAAC,cAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,MACnE,WAAW;AAAA,IAAA,CACd;AACD,aAAS,6BAA6B;AAAA,EAC1C;AAEA,QAAM,uBAAuB,MAAM;AAC/B,+BAA2B,IAAI;AAC/B,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,MAAK,WAAU,UAAA,oBAAgB;AAAA,MAC7C,EAAE,WAAW,aAAA;AAAA,IAAa;AAE9B,aAAS,6BAA6B;AAAA,EAC1C;AAEA,QAAM,gBAAgB,MAAM;AACxB,+BAA2B,IAAI;AAAA,EACnC;AAEA,QAAM,eAAe,MAAM;AACvB,+BAA2B,KAAK;AAAA,EACpC;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,cAAc,kBACrB,UAAA,oBAAC,aACG,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK;AAAA,MACN,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,0BAAO,SAAA,EAAQ;AAAA,YACf,SAAS;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ,GACJ,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,KAAA,EAAE,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EAAA,CACb;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/orders/OrderDetails/OrderDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderDetails.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/OrderDetails.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\r\nimport OrderDetailProducts from './components/OrderDetailProducts'\r\nimport OrderDetailPayment from './components/OrderDetailPayment'\r\nimport OrderDetailCustomer from './components/OrderDetailCustomer'\r\nimport OrderDetailsActivities from './components/OrderDetailsActivities'\r\nimport OrderDetailNote from './components/OrderDetailNote'\r\nimport { apiGetOrder } from '@/services/OrderService'\r\nimport useSWR from 'swr'\r\nimport { useParams } from 'react-router-dom'\r\nimport type { GetOrderDetailsResponse } from './types'\r\n\r\nconst OrderDetails = () => {\r\n const { id } = useParams()\r\n\r\n const { data, isLoading } = useSWR<GetOrderDetailsResponse, { id: string }>(\r\n [`/api/project/${id}`],\r\n () => apiGetOrder({ id }),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n revalidateOnReconnect: false,\r\n },\r\n )\r\n\r\n return (\r\n <Loading loading={isLoading}>\r\n {data && (\r\n <>\r\n <div className=\"flex flex-col lg:flex-row gap-4\">\r\n <div className=\"gap-4 flex flex-col flex-auto\">\r\n <OrderDetailProducts products={data.product} />\r\n <OrderDetailPayment\r\n paymentStatus={data.paymentStatus}\r\n paymentSummary={data.paymentSummary}\r\n />\r\n <OrderDetailsActivities\r\n activities={data.activity}\r\n progressStatus={data.progressStatus}\r\n />\r\n </div>\r\n <div className=\"lg:w-[320px] xl:w-[420px] gap-4 flex flex-col\">\r\n <OrderDetailCustomer customer={data.customer} />\r\n <OrderDetailNote note={data.note} />\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n </Loading>\r\n )\r\n}\r\n\r\nexport default OrderDetails\r\n"],"names":[],"mappings":";;;;;;;;;;AAWA,MAAM,eAAe,MAAM;AACvB,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,gBAAgB,EAAE,EAAE;AAAA,IACrB,MAAM,YAAY,EAAE,IAAI;AAAA,IACxB;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,oBAAC,WAAQ,SAAS,WACb,kBACG,oBAAA,UAAA,EACI,UAAA,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB,UAAU,KAAK,QAAA,CAAS;AAAA,MAC7C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,eAAe,KAAK;AAAA,UACpB,gBAAgB,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,YAAY,KAAK;AAAA,UACjB,gBAAgB,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB,GACJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,iDACX,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB,UAAU,KAAK,SAAA,CAAU;AAAA,MAC9C,oBAAC,iBAAA,EAAgB,MAAM,KAAK,KAAA,CAAM;AAAA,IAAA,EAAA,CACtC;AAAA,EAAA,EAAA,CACJ,GACJ,GAER;AAER;"}
1	+ {"version":3,"file":"OrderDetails.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/OrderDetails.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport OrderDetailProducts from './components/OrderDetailProducts'\nimport OrderDetailPayment from './components/OrderDetailPayment'\nimport OrderDetailCustomer from './components/OrderDetailCustomer'\nimport OrderDetailsActivities from './components/OrderDetailsActivities'\nimport OrderDetailNote from './components/OrderDetailNote'\nimport { apiGetOrder } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport type { GetOrderDetailsResponse } from './types'\n\nconst OrderDetails = () => {\n const { id } = useParams()\n\n const { data, isLoading } = useSWR<GetOrderDetailsResponse, { id: string }>(\n [`/api/project/${id}`],\n () => apiGetOrder({ id }),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n return (\n <Loading loading={isLoading}>\n {data && (\n <>\n <div className=\"flex flex-col lg:flex-row gap-4\">\n <div className=\"gap-4 flex flex-col flex-auto\">\n <OrderDetailProducts products={data.product} />\n <OrderDetailPayment\n paymentStatus={data.paymentStatus}\n paymentSummary={data.paymentSummary}\n />\n <OrderDetailsActivities\n activities={data.activity}\n progressStatus={data.progressStatus}\n />\n </div>\n <div className=\"lg:w-[320px] xl:w-[420px] gap-4 flex flex-col\">\n <OrderDetailCustomer customer={data.customer} />\n <OrderDetailNote note={data.note} />\n </div>\n </div>\n </>\n )}\n </Loading>\n )\n}\n\nexport default OrderDetails\n"],"names":[],"mappings":";;;;;;;;;;AAWA,MAAM,eAAe,MAAM;AACvB,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,gBAAgB,EAAE,EAAE;AAAA,IACrB,MAAM,YAAY,EAAE,IAAI;AAAA,IACxB;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,oBAAC,WAAQ,SAAS,WACb,kBACG,oBAAA,UAAA,EACI,UAAA,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB,UAAU,KAAK,QAAA,CAAS;AAAA,MAC7C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,eAAe,KAAK;AAAA,UACpB,gBAAgB,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,YAAY,KAAK;AAAA,UACjB,gBAAgB,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB,GACJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,iDACX,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB,UAAU,KAAK,SAAA,CAAU;AAAA,MAC9C,oBAAC,iBAAA,EAAgB,MAAM,KAAK,KAAA,CAAM;AAAA,IAAA,EAAA,CACtC;AAAA,EAAA,EAAA,CACJ,GACJ,GAER;AAER;"}

package/dist/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailCustomer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderDetailCustomer.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailCustomer.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport IconText from '@/components/shared/IconText'\r\nimport { TbMail, TbExternalLink, TbPhone } from 'react-icons/tb'\r\nimport { Link } from 'react-router-dom'\r\nimport type { Customer } from '../types'\r\n\r\ntype OrderDetailCustomerProps = {\r\n customer: Customer\r\n}\r\n\r\nconst OrderDetailCustomer = ({ customer }: OrderDetailCustomerProps) => {\r\n return (\r\n <Card>\r\n <h4 className=\"mb-4\">Customer</h4>\r\n <Link\r\n className=\"group flex items-center justify-between\"\r\n to=\"/concepts/customers/customer-details/11\"\r\n >\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar shape=\"circle\" src={customer.img} />\r\n <div>\r\n <div className=\"font-bold heading-text\">\r\n {customer.name}\r\n </div>\r\n <span>\r\n <span className=\"font-semibold\">\r\n {customer.previousOrder}{' '}\r\n </span>\r\n previous orders\r\n </span>\r\n </div>\r\n </div>\r\n <TbExternalLink className=\"text-xl hidden group-hover:block\" />\r\n </Link>\r\n <hr className=\"my-5\" />\r\n <IconText\r\n className=\"mb-4\"\r\n icon={<TbMail className=\"text-xl opacity-70\" />}\r\n >\r\n <span>{customer.email}</span>\r\n </IconText>\r\n <IconText icon={<TbPhone className=\"text-xl opacity-70\" />}>\r\n <span>{customer.phone}</span>\r\n </IconText>\r\n <hr className=\"my-5\" />\r\n <h6 className=\"mb-4 font-bold\">Shipping Address</h6>\r\n <address className=\"not-italic\">\r\n <div className=\"mb-1\">{customer.shippingAddress.line1}</div>\r\n <div className=\"mb-1\">{customer.shippingAddress.line2}</div>\r\n <div className=\"mb-1\">{customer.shippingAddress.line3}</div>\r\n <div>{customer.shippingAddress.line4}</div>\r\n </address>\r\n <hr className=\"my-5\" />\r\n <h6 className=\"mb-4 font-bold\">Billing address</h6>\r\n <address className=\"not-italic\">\r\n <div className=\"mb-1\">{customer.billingAddress.line1}</div>\r\n <div className=\"mb-1\">{customer.billingAddress.line2}</div>\r\n <div className=\"mb-1\">{customer.billingAddress.line3}</div>\r\n <div>{customer.billingAddress.line4}</div>\r\n </address>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default OrderDetailCustomer\r\n"],"names":[],"mappings":";;;;;;;AAWA,MAAM,sBAAsB,CAAC,EAAE,eAAyC;AACpE,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,YAAQ;AAAA,IAC7B;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,IAAG;AAAA,QAEH,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAO,OAAM,UAAS,KAAK,SAAS,KAAK;AAAA,iCACzC,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,0BACV,UAAA,SAAS,MACd;AAAA,mCACC,QAAA,EACG,UAAA;AAAA,gBAAA,qBAAC,QAAA,EAAK,WAAU,iBACX,UAAA;AAAA,kBAAA,SAAS;AAAA,kBAAe;AAAA,gBAAA,GAC7B;AAAA,gBAAO;AAAA,cAAA,EAAA,CAEX;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,GACJ;AAAA,UACA,oBAAC,gBAAA,EAAe,WAAU,mCAAA,CAAmC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEjE,oBAAC,MAAA,EAAG,WAAU,OAAA,CAAO;AAAA,IACrB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAM,oBAAC,QAAA,EAAO,WAAU,qBAAA,CAAqB;AAAA,QAE7C,UAAA,oBAAC,QAAA,EAAM,UAAA,SAAS,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAE1B,oBAAC,UAAA,EAAS,MAAM,oBAAC,SAAA,EAAQ,WAAU,qBAAA,CAAqB,GACpD,UAAA,oBAAC,QAAA,EAAM,UAAA,SAAS,MAAA,CAAM,GAC1B;AAAA,IACA,oBAAC,MAAA,EAAG,WAAU,OAAA,CAAO;AAAA,IACrB,oBAAC,MAAA,EAAG,WAAU,kBAAiB,UAAA,oBAAgB;AAAA,IAC/C,qBAAC,WAAA,EAAQ,WAAU,cACf,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,SAAS,gBAAgB,OAAM;AAAA,0BACrD,OAAA,EAAI,WAAU,QAAQ,UAAA,SAAS,gBAAgB,OAAM;AAAA,0BACrD,OAAA,EAAI,WAAU,QAAQ,UAAA,SAAS,gBAAgB,OAAM;AAAA,MACtD,oBAAC,OAAA,EAAK,UAAA,SAAS,gBAAgB,MAAA,CAAM;AAAA,IAAA,GACzC;AAAA,IACA,oBAAC,MAAA,EAAG,WAAU,OAAA,CAAO;AAAA,IACrB,oBAAC,MAAA,EAAG,WAAU,kBAAiB,UAAA,mBAAe;AAAA,IAC9C,qBAAC,WAAA,EAAQ,WAAU,cACf,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,SAAS,eAAe,OAAM;AAAA,0BACpD,OAAA,EAAI,WAAU,QAAQ,UAAA,SAAS,eAAe,OAAM;AAAA,0BACpD,OAAA,EAAI,WAAU,QAAQ,UAAA,SAAS,eAAe,OAAM;AAAA,MACrD,oBAAC,OAAA,EAAK,UAAA,SAAS,eAAe,MAAA,CAAM;AAAA,IAAA,EAAA,CACxC;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"OrderDetailCustomer.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailCustomer.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Avatar from '@/components/ui/Avatar'\nimport IconText from '@/components/shared/IconText'\nimport { TbMail, TbExternalLink, TbPhone } from 'react-icons/tb'\nimport { Link } from 'react-router-dom'\nimport type { Customer } from '../types'\n\ntype OrderDetailCustomerProps = {\n customer: Customer\n}\n\nconst OrderDetailCustomer = ({ customer }: OrderDetailCustomerProps) => {\n return (\n <Card>\n <h4 className=\"mb-4\">Customer</h4>\n <Link\n className=\"group flex items-center justify-between\"\n to=\"/concepts/customers/customer-details/11\"\n >\n <div className=\"flex items-center gap-2\">\n <Avatar shape=\"circle\" src={customer.img} />\n <div>\n <div className=\"font-bold heading-text\">\n {customer.name}\n </div>\n <span>\n <span className=\"font-semibold\">\n {customer.previousOrder}{' '}\n </span>\n previous orders\n </span>\n </div>\n </div>\n <TbExternalLink className=\"text-xl hidden group-hover:block\" />\n </Link>\n <hr className=\"my-5\" />\n <IconText\n className=\"mb-4\"\n icon={<TbMail className=\"text-xl opacity-70\" />}\n >\n <span>{customer.email}</span>\n </IconText>\n <IconText icon={<TbPhone className=\"text-xl opacity-70\" />}>\n <span>{customer.phone}</span>\n </IconText>\n <hr className=\"my-5\" />\n <h6 className=\"mb-4 font-bold\">Shipping Address</h6>\n <address className=\"not-italic\">\n <div className=\"mb-1\">{customer.shippingAddress.line1}</div>\n <div className=\"mb-1\">{customer.shippingAddress.line2}</div>\n <div className=\"mb-1\">{customer.shippingAddress.line3}</div>\n <div>{customer.shippingAddress.line4}</div>\n </address>\n <hr className=\"my-5\" />\n <h6 className=\"mb-4 font-bold\">Billing address</h6>\n <address className=\"not-italic\">\n <div className=\"mb-1\">{customer.billingAddress.line1}</div>\n <div className=\"mb-1\">{customer.billingAddress.line2}</div>\n <div className=\"mb-1\">{customer.billingAddress.line3}</div>\n <div>{customer.billingAddress.line4}</div>\n </address>\n </Card>\n )\n}\n\nexport default OrderDetailCustomer\n"],"names":[],"mappings":";;;;;;;AAWA,MAAM,sBAAsB,CAAC,EAAE,eAAyC;AACpE,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,YAAQ;AAAA,IAC7B;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,IAAG;AAAA,QAEH,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAO,OAAM,UAAS,KAAK,SAAS,KAAK;AAAA,iCACzC,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,0BACV,UAAA,SAAS,MACd;AAAA,mCACC,QAAA,EACG,UAAA;AAAA,gBAAA,qBAAC,QAAA,EAAK,WAAU,iBACX,UAAA;AAAA,kBAAA,SAAS;AAAA,kBAAe;AAAA,gBAAA,GAC7B;AAAA,gBAAO;AAAA,cAAA,EAAA,CAEX;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,GACJ;AAAA,UACA,oBAAC,gBAAA,EAAe,WAAU,mCAAA,CAAmC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEjE,oBAAC,MAAA,EAAG,WAAU,OAAA,CAAO;AAAA,IACrB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAM,oBAAC,QAAA,EAAO,WAAU,qBAAA,CAAqB;AAAA,QAE7C,UAAA,oBAAC,QAAA,EAAM,UAAA,SAAS,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAE1B,oBAAC,UAAA,EAAS,MAAM,oBAAC,SAAA,EAAQ,WAAU,qBAAA,CAAqB,GACpD,UAAA,oBAAC,QAAA,EAAM,UAAA,SAAS,MAAA,CAAM,GAC1B;AAAA,IACA,oBAAC,MAAA,EAAG,WAAU,OAAA,CAAO;AAAA,IACrB,oBAAC,MAAA,EAAG,WAAU,kBAAiB,UAAA,oBAAgB;AAAA,IAC/C,qBAAC,WAAA,EAAQ,WAAU,cACf,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,SAAS,gBAAgB,OAAM;AAAA,0BACrD,OAAA,EAAI,WAAU,QAAQ,UAAA,SAAS,gBAAgB,OAAM;AAAA,0BACrD,OAAA,EAAI,WAAU,QAAQ,UAAA,SAAS,gBAAgB,OAAM;AAAA,MACtD,oBAAC,OAAA,EAAK,UAAA,SAAS,gBAAgB,MAAA,CAAM;AAAA,IAAA,GACzC;AAAA,IACA,oBAAC,MAAA,EAAG,WAAU,OAAA,CAAO;AAAA,IACrB,oBAAC,MAAA,EAAG,WAAU,kBAAiB,UAAA,mBAAe;AAAA,IAC9C,qBAAC,WAAA,EAAQ,WAAU,cACf,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,SAAS,eAAe,OAAM;AAAA,0BACpD,OAAA,EAAI,WAAU,QAAQ,UAAA,SAAS,eAAe,OAAM;AAAA,0BACpD,OAAA,EAAI,WAAU,QAAQ,UAAA,SAAS,eAAe,OAAM;AAAA,MACrD,oBAAC,OAAA,EAAK,UAAA,SAAS,eAAe,MAAA,CAAM;AAAA,IAAA,EAAA,CACxC;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderDetailHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailHeader.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom'\r\n\r\nconst OrderDetailHeader = () => {\r\n const { id } = useParams()\r\n\r\n return <h3>Order: #{id}</h3>\r\n}\r\n\r\nexport default OrderDetailHeader\r\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,8BAAQ,MAAA,EAAG,UAAA;AAAA,IAAA;AAAA,IAAS;AAAA,EAAA,GAAG;AAC3B;"}
1	+ {"version":3,"file":"OrderDetailHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailHeader.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom'\n\nconst OrderDetailHeader = () => {\n const { id } = useParams()\n\n return <h3>Order: #{id}</h3>\n}\n\nexport default OrderDetailHeader\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,8BAAQ,MAAA,EAAG,UAAA;AAAA,IAAA;AAAA,IAAS;AAAA,EAAA,GAAG;AAC3B;"}

package/dist/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailHeaderExtra.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderDetailHeaderExtra.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailHeaderExtra.tsx"],"sourcesContent":["import { useParams, useNavigate } from 'react-router-dom'\r\nimport Button from '@/components/ui/Button'\r\n\r\nconst OrderDetailHeaderExtra = () => {\r\n const { id } = useParams()\r\n\r\n const navigate = useNavigate()\r\n\r\n const handleEditClick = () => {\r\n navigate(`/concepts/orders/order-edit/${id}`)\r\n }\r\n\r\n return (\r\n <div className=\"flex items-center gap-2 print:hidden\">\r\n <Button onClick={() => window.print()}>Print</Button>\r\n <Button variant=\"solid\" onClick={handleEditClick}>\r\n Edit\r\n </Button>\r\n </div>\r\n )\r\n}\r\n\r\nexport default OrderDetailHeaderExtra\r\n"],"names":[],"mappings":";;;;AAGA,MAAM,yBAAyB,MAAM;AACjC,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,WAAW,YAAA;AAEjB,QAAM,kBAAkB,MAAM;AAC1B,aAAS,+BAA+B,EAAE,EAAE;AAAA,EAChD;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,IAAA,oBAAC,UAAO,SAAS,MAAM,OAAO,MAAA,GAAS,UAAA,SAAK;AAAA,wBAC3C,QAAA,EAAO,SAAQ,SAAQ,SAAS,iBAAiB,UAAA,OAAA,CAElD;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"OrderDetailHeaderExtra.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailHeaderExtra.tsx"],"sourcesContent":["import { useParams, useNavigate } from 'react-router-dom'\nimport Button from '@/components/ui/Button'\n\nconst OrderDetailHeaderExtra = () => {\n const { id } = useParams()\n\n const navigate = useNavigate()\n\n const handleEditClick = () => {\n navigate(`/concepts/orders/order-edit/${id}`)\n }\n\n return (\n <div className=\"flex items-center gap-2 print:hidden\">\n <Button onClick={() => window.print()}>Print</Button>\n <Button variant=\"solid\" onClick={handleEditClick}>\n Edit\n </Button>\n </div>\n )\n}\n\nexport default OrderDetailHeaderExtra\n"],"names":[],"mappings":";;;;AAGA,MAAM,yBAAyB,MAAM;AACjC,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,WAAW,YAAA;AAEjB,QAAM,kBAAkB,MAAM;AAC1B,aAAS,+BAA+B,EAAE,EAAE;AAAA,EAChD;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,IAAA,oBAAC,UAAO,SAAS,MAAM,OAAO,MAAA,GAAS,UAAA,SAAK;AAAA,wBAC3C,QAAA,EAAO,SAAQ,SAAQ,SAAS,iBAAiB,UAAA,OAAA,CAElD;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailNote.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderDetailNote.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailNote.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\n\r\ntype OrderDetailNoteProps = {\r\n note: string\r\n}\r\n\r\nconst OrderDetailNote = ({ note }: OrderDetailNoteProps) => {\r\n return (\r\n <Card>\r\n <h4 className=\"mb-4\">Note</h4>\r\n <div className=\"rounded-xl p-4 bg-gray-50 dark:bg-gray-700 \">\r\n {note}\r\n </div>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default OrderDetailNote\r\n"],"names":[],"mappings":";;;AAMA,MAAM,kBAAkB,CAAC,EAAE,WAAiC;AACxD,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,QAAI;AAAA,IACzB,oBAAC,OAAA,EAAI,WAAU,+CACV,UAAA,KAAA,CACL;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"OrderDetailNote.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailNote.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\n\ntype OrderDetailNoteProps = {\n note: string\n}\n\nconst OrderDetailNote = ({ note }: OrderDetailNoteProps) => {\n return (\n <Card>\n <h4 className=\"mb-4\">Note</h4>\n <div className=\"rounded-xl p-4 bg-gray-50 dark:bg-gray-700 \">\n {note}\n </div>\n </Card>\n )\n}\n\nexport default OrderDetailNote\n"],"names":[],"mappings":";;;AAMA,MAAM,kBAAkB,CAAC,EAAE,WAAiC;AACxD,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,QAAI;AAAA,IACzB,oBAAC,OAAA,EAAI,WAAU,+CACV,UAAA,KAAA,CACL;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailPayment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderDetailPayment.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailPayment.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Tag from '@/components/ui/Tag'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport type { PaymentSummary } from '../types'\r\n\r\ntype OrderDetailPaymentProps = {\r\n paymentSummary: PaymentSummary\r\n paymentStatus: number\r\n}\r\n\r\nconst paymentStatusColor: Record<\r\n number,\r\n {\r\n label: string\r\n bgClass: string\r\n textClass: string\r\n }\r\n> = {\r\n 0: {\r\n label: 'Paid',\r\n bgClass: 'bg-success-subtle',\r\n textClass: 'text-success',\r\n },\r\n 1: {\r\n label: 'Pending',\r\n bgClass: 'bg-warning-subtle',\r\n textClass: 'text-warning',\r\n },\r\n 2: { label: 'Failed', bgClass: 'bg-error-subtle', textClass: 'text-error' },\r\n}\r\n\r\nconst OrderDetailPayment = ({\r\n paymentSummary,\r\n paymentStatus,\r\n}: OrderDetailPaymentProps) => {\r\n return (\r\n <Card>\r\n <div className=\"flex items-center gap-2 mb-8\">\r\n <h4>Payment</h4>\r\n <Tag className={paymentStatusColor[paymentStatus \|\| 0].bgClass}>\r\n <span\r\n className={`capitalize font-semibold ${\r\n paymentStatusColor[paymentStatus \|\| 0].textClass\r\n }`}\r\n >\r\n {paymentStatusColor[paymentStatus \|\| 0].label}\r\n </span>\r\n </Tag>\r\n </div>\r\n <div className=\"flex flex-col gap-5\">\r\n <div className=\"flex items-center justify-between\">\r\n <span className=\"font-semibold\">Subtotal</span>\r\n <NumericFormat\r\n fixedDecimalScale\r\n prefix=\"$\"\r\n displayType=\"text\"\r\n value={paymentSummary.subTotal}\r\n decimalScale={2}\r\n thousandSeparator={true}\r\n />\r\n </div>\r\n <div className=\"flex items-center justify-between\">\r\n <span className=\"font-semibold\">Shipping</span>\r\n <NumericFormat\r\n fixedDecimalScale\r\n prefix=\"$\"\r\n displayType=\"text\"\r\n value={paymentSummary.deliveryFees}\r\n decimalScale={2}\r\n thousandSeparator={true}\r\n />\r\n </div>\r\n <div className=\"flex items-center justify-between\">\r\n <span className=\"font-semibold\">Tax</span>\r\n <NumericFormat\r\n fixedDecimalScale\r\n prefix=\"$\"\r\n displayType=\"text\"\r\n value={paymentSummary.tax}\r\n decimalScale={2}\r\n thousandSeparator={true}\r\n />\r\n </div>\r\n <div className=\"flex items-center justify-between heading-text font-bold\">\r\n <span>Total</span>\r\n <NumericFormat\r\n fixedDecimalScale\r\n prefix=\"$\"\r\n displayType=\"text\"\r\n value={paymentSummary.total}\r\n decimalScale={2}\r\n thousandSeparator={true}\r\n />\r\n </div>\r\n <hr />\r\n <div className=\"flex items-center justify-between\">\r\n <span className=\"font-semibold\">Customer payment</span>\r\n <h5 className=\"font-bold\">\r\n <NumericFormat\r\n fixedDecimalScale\r\n prefix=\"$\"\r\n displayType=\"text\"\r\n value={paymentSummary.customerPayment}\r\n decimalScale={2}\r\n thousandSeparator={true}\r\n />\r\n </h5>\r\n </div>\r\n </div>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default OrderDetailPayment\r\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"OrderDetailPayment.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailPayment.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport { NumericFormat } from 'react-number-format'\nimport type { PaymentSummary } from '../types'\n\ntype OrderDetailPaymentProps = {\n paymentSummary: PaymentSummary\n paymentStatus: number\n}\n\nconst paymentStatusColor: Record<\n number,\n {\n label: string\n bgClass: string\n textClass: string\n }\n> = {\n 0: {\n label: 'Paid',\n bgClass: 'bg-success-subtle',\n textClass: 'text-success',\n },\n 1: {\n label: 'Pending',\n bgClass: 'bg-warning-subtle',\n textClass: 'text-warning',\n },\n 2: { label: 'Failed', bgClass: 'bg-error-subtle', textClass: 'text-error' },\n}\n\nconst OrderDetailPayment = ({\n paymentSummary,\n paymentStatus,\n}: OrderDetailPaymentProps) => {\n return (\n <Card>\n <div className=\"flex items-center gap-2 mb-8\">\n <h4>Payment</h4>\n <Tag className={paymentStatusColor[paymentStatus \|\| 0].bgClass}>\n <span\n className={`capitalize font-semibold ${\n paymentStatusColor[paymentStatus \|\| 0].textClass\n }`}\n >\n {paymentStatusColor[paymentStatus \|\| 0].label}\n </span>\n </Tag>\n </div>\n <div className=\"flex flex-col gap-5\">\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold\">Subtotal</span>\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.subTotal}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold\">Shipping</span>\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.deliveryFees}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold\">Tax</span>\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.tax}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div className=\"flex items-center justify-between heading-text font-bold\">\n <span>Total</span>\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.total}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <hr />\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold\">Customer payment</span>\n <h5 className=\"font-bold\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={paymentSummary.customerPayment}\n decimalScale={2}\n thousandSeparator={true}\n />\n </h5>\n </div>\n </div>\n </Card>\n )\n}\n\nexport default OrderDetailPayment\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailProducts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderDetailProducts.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailProducts.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\r\nimport Card from '@/components/ui/Card'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport type { Products } from '../types'\r\n\r\ntype OrderDetailProductsProps = {\r\n products: Products\r\n}\r\n\r\nconst OrderDetailProducts = ({ products }: OrderDetailProductsProps) => {\r\n return (\r\n <Card>\r\n <h4 className=\"mb-4\">Products ordered</h4>\r\n <div className=\"flex flex-col gap-4\">\r\n {products?.map((product) => (\r\n <div\r\n key={product.id}\r\n className=\"rounded-xl bg-gray-50 dark:bg-gray-700 p-4\"\r\n >\r\n <div className=\"flex items-center justify-between gap-4\">\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar\r\n shape=\"round\"\r\n size={60}\r\n src={product.img}\r\n />\r\n <div>\r\n <div className=\"heading-text font-bold\">\r\n {product.name}\r\n </div>\r\n <div>ID: {product.productCode}</div>\r\n </div>\r\n </div>\r\n <div className=\"ltr:text-right rtl:text-left\">\r\n <div className=\"heading-text font-bold\">\r\n <NumericFormat\r\n fixedDecimalScale\r\n prefix=\"$\"\r\n displayType=\"text\"\r\n value={product.price}\r\n decimalScale={2}\r\n thousandSeparator={true}\r\n />\r\n </div>\r\n <div>Qty: {product.quantity}</div>\r\n </div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default OrderDetailProducts\r\n"],"names":[],"mappings":";;;;;AASA,MAAM,sBAAsB,CAAC,EAAE,eAAyC;AACpE,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,wBACpC,OAAA,EAAI,WAAU,uBACV,UAAA,UAAU,IAAI,CAAC,YACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QAEV,UAAA,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,MAAM;AAAA,gBACN,KAAK,QAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,iCAEhB,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,0BACV,UAAA,QAAQ,MACb;AAAA,mCACC,OAAA,EAAI,UAAA;AAAA,gBAAA;AAAA,gBAAK,QAAQ;AAAA,cAAA,EAAA,CAAY;AAAA,YAAA,EAAA,CAClC;AAAA,UAAA,GACJ;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,mBAAiB;AAAA,gBACjB,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,OAAO,QAAQ;AAAA,gBACf,cAAc;AAAA,gBACd,mBAAmB;AAAA,cAAA;AAAA,YAAA,GAE3B;AAAA,iCACC,OAAA,EAAI,UAAA;AAAA,cAAA;AAAA,cAAM,QAAQ;AAAA,YAAA,EAAA,CAAS;AAAA,UAAA,EAAA,CAChC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,MA9BK,QAAQ;AAAA,IAAA,CAgCpB,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"OrderDetailProducts.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailProducts.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport { NumericFormat } from 'react-number-format'\nimport type { Products } from '../types'\n\ntype OrderDetailProductsProps = {\n products: Products\n}\n\nconst OrderDetailProducts = ({ products }: OrderDetailProductsProps) => {\n return (\n <Card>\n <h4 className=\"mb-4\">Products ordered</h4>\n <div className=\"flex flex-col gap-4\">\n {products?.map((product) => (\n <div\n key={product.id}\n className=\"rounded-xl bg-gray-50 dark:bg-gray-700 p-4\"\n >\n <div className=\"flex items-center justify-between gap-4\">\n <div className=\"flex items-center gap-2\">\n <Avatar\n shape=\"round\"\n size={60}\n src={product.img}\n />\n <div>\n <div className=\"heading-text font-bold\">\n {product.name}\n </div>\n <div>ID: {product.productCode}</div>\n </div>\n </div>\n <div className=\"ltr:text-right rtl:text-left\">\n <div className=\"heading-text font-bold\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={product.price}\n decimalScale={2}\n thousandSeparator={true}\n />\n </div>\n <div>Qty: {product.quantity}</div>\n </div>\n </div>\n </div>\n ))}\n </div>\n </Card>\n )\n}\n\nexport default OrderDetailProducts\n"],"names":[],"mappings":";;;;;AASA,MAAM,sBAAsB,CAAC,EAAE,eAAyC;AACpE,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,wBACpC,OAAA,EAAI,WAAU,uBACV,UAAA,UAAU,IAAI,CAAC,YACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QAEV,UAAA,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,MAAM;AAAA,gBACN,KAAK,QAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,iCAEhB,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,0BACV,UAAA,QAAQ,MACb;AAAA,mCACC,OAAA,EAAI,UAAA;AAAA,gBAAA;AAAA,gBAAK,QAAQ;AAAA,cAAA,EAAA,CAAY;AAAA,YAAA,EAAA,CAClC;AAAA,UAAA,GACJ;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,mBAAiB;AAAA,gBACjB,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,OAAO,QAAQ;AAAA,gBACf,cAAc;AAAA,gBACd,mBAAmB;AAAA,cAAA;AAAA,YAAA,GAE3B;AAAA,iCACC,OAAA,EAAI,UAAA;AAAA,cAAA;AAAA,cAAM,QAAQ;AAAA,YAAA,EAAA,CAAS;AAAA,UAAA,EAAA,CAChC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,MA9BK,QAAQ;AAAA,IAAA,CAgCpB,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailsActivities.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderDetailsActivities.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailsActivities.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport Timeline from '@/components/ui/Timeline'\r\nimport Badge from '@/components/ui/Badge'\r\nimport Card from '@/components/ui/Card'\r\nimport Tag from '@/components/ui/Tag'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport dayjs from 'dayjs'\r\nimport type { Activities } from '../types'\r\n\r\ntype OrderDetailsActivitiesProps = {\r\n activities: Activities\r\n progressStatus: number\r\n}\r\n\r\nconst progress: Record<number, { label: string; class: string }> = {\r\n 0: {\r\n label: 'Fulfilled',\r\n class: 'bg-success-subtle text-success',\r\n },\r\n 1: {\r\n label: 'Unfulfilled',\r\n class: 'bg-error-subtle text-error',\r\n },\r\n}\r\n\r\nconst OrderDetailsActivities = ({\r\n activities,\r\n progressStatus,\r\n}: OrderDetailsActivitiesProps) => {\r\n return (\r\n <Card>\r\n <div className=\"flex items-center gap-2 mb-4\">\r\n <h5>Activity</h5>\r\n <Tag\r\n className={classNames(\r\n 'border-0 rounded-md',\r\n progress[progressStatus \|\| 0].class,\r\n )}\r\n >\r\n {progress[progressStatus \|\| 0].label}\r\n </Tag>\r\n </div>\r\n {activities.map((activity, i) => (\r\n <div\r\n key={activity.date}\r\n className={!isLastChild(activities, i) ? 'mb-8' : ''}\r\n >\r\n <div className=\"mb-2 font-bold heading-text uppercase\">\r\n {dayjs.unix(activity.date).format('dddd, DD MMMM')}\r\n </div>\r\n <Timeline>\r\n {activity.events.map((event, j) => (\r\n <Timeline.Item\r\n key={event.time + j}\r\n media={\r\n <div className=\"flex mt-1\">\r\n <Badge\r\n innerClass={classNames(\r\n event.recipient\r\n ? 'bg-emerald-500'\r\n : 'bg-blue-500',\r\n )}\r\n />\r\n </div>\r\n }\r\n >\r\n <div\r\n className={classNames(\r\n 'font-bold mb-1 heading-text',\r\n event.recipient && 'text-emerald-500',\r\n )}\r\n >\r\n {event.action}\r\n </div>\r\n {event.recipient && (\r\n <div className=\"mb-1\">\r\n Recipient: {event.recipient}\r\n </div>\r\n )}\r\n <div>\r\n {dayjs.unix(event.time).format('hh:mm A')}\r\n </div>\r\n </Timeline.Item>\r\n ))}\r\n </Timeline>\r\n </div>\r\n ))}\r\n </Card>\r\n )\r\n}\r\n\r\nexport default OrderDetailsActivities\r\n"],"names":[],"mappings":";;;;;;;;;;;AAcA,MAAM,WAA6D;AAAA,EAC/D,GAAG;AAAA,IACC,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAEX,GAAG;AAAA,IACC,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEf;AAEA,MAAM,yBAAyB,CAAC;AAAA,EAC5B;AAAA,EACA;AACJ,MAAmC;AAC/B,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,MACZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,SAAS,kBAAkB,CAAC,EAAE;AAAA,UAAA;AAAA,UAGjC,UAAA,SAAS,kBAAkB,CAAC,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACnC,GACJ;AAAA,IACC,WAAW,IAAI,CAAC,UAAU,MACvB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAW,CAAC,YAAY,YAAY,CAAC,IAAI,SAAS;AAAA,QAElD,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,yCACV,UAAA,MAAM,KAAK,SAAS,IAAI,EAAE,OAAO,eAAe,EAAA,CACrD;AAAA,8BACC,UAAA,EACI,UAAA,SAAS,OAAO,IAAI,CAAC,OAAO,MACzB;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cAEG,OACI,oBAAC,OAAA,EAAI,WAAU,aACX,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,YAAY;AAAA,oBACR,MAAM,YACA,mBACA;AAAA,kBAAA;AAAA,gBACV;AAAA,cAAA,GAER;AAAA,cAGJ,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,MAAM,aAAa;AAAA,oBAAA;AAAA,oBAGtB,UAAA,MAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEV,MAAM,aACH,qBAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,kBAAA;AAAA,kBACN,MAAM;AAAA,gBAAA,GACtB;AAAA,gBAEJ,oBAAC,SACI,UAAA,MAAM,KAAK,MAAM,IAAI,EAAE,OAAO,SAAS,EAAA,CAC5C;AAAA,cAAA;AAAA,YAAA;AAAA,YA5BK,MAAM,OAAO;AAAA,UAAA,CA8BzB,EAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,MAxCK,SAAS;AAAA,IAAA,CA0CrB;AAAA,EAAA,GACL;AAER;"}
1	+ {"version":3,"file":"OrderDetailsActivities.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailsActivities.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport Timeline from '@/components/ui/Timeline'\nimport Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport isLastChild from '@/utils/isLastChild'\nimport dayjs from 'dayjs'\nimport type { Activities } from '../types'\n\ntype OrderDetailsActivitiesProps = {\n activities: Activities\n progressStatus: number\n}\n\nconst progress: Record<number, { label: string; class: string }> = {\n 0: {\n label: 'Fulfilled',\n class: 'bg-success-subtle text-success',\n },\n 1: {\n label: 'Unfulfilled',\n class: 'bg-error-subtle text-error',\n },\n}\n\nconst OrderDetailsActivities = ({\n activities,\n progressStatus,\n}: OrderDetailsActivitiesProps) => {\n return (\n <Card>\n <div className=\"flex items-center gap-2 mb-4\">\n <h5>Activity</h5>\n <Tag\n className={classNames(\n 'border-0 rounded-md',\n progress[progressStatus \|\| 0].class,\n )}\n >\n {progress[progressStatus \|\| 0].label}\n </Tag>\n </div>\n {activities.map((activity, i) => (\n <div\n key={activity.date}\n className={!isLastChild(activities, i) ? 'mb-8' : ''}\n >\n <div className=\"mb-2 font-bold heading-text uppercase\">\n {dayjs.unix(activity.date).format('dddd, DD MMMM')}\n </div>\n <Timeline>\n {activity.events.map((event, j) => (\n <Timeline.Item\n key={event.time + j}\n media={\n <div className=\"flex mt-1\">\n <Badge\n innerClass={classNames(\n event.recipient\n ? 'bg-emerald-500'\n : 'bg-blue-500',\n )}\n />\n </div>\n }\n >\n <div\n className={classNames(\n 'font-bold mb-1 heading-text',\n event.recipient && 'text-emerald-500',\n )}\n >\n {event.action}\n </div>\n {event.recipient && (\n <div className=\"mb-1\">\n Recipient: {event.recipient}\n </div>\n )}\n <div>\n {dayjs.unix(event.time).format('hh:mm A')}\n </div>\n </Timeline.Item>\n ))}\n </Timeline>\n </div>\n ))}\n </Card>\n )\n}\n\nexport default OrderDetailsActivities\n"],"names":[],"mappings":";;;;;;;;;;;AAcA,MAAM,WAA6D;AAAA,EAC/D,GAAG;AAAA,IACC,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAEX,GAAG;AAAA,IACC,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEf;AAEA,MAAM,yBAAyB,CAAC;AAAA,EAC5B;AAAA,EACA;AACJ,MAAmC;AAC/B,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,MACZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,SAAS,kBAAkB,CAAC,EAAE;AAAA,UAAA;AAAA,UAGjC,UAAA,SAAS,kBAAkB,CAAC,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACnC,GACJ;AAAA,IACC,WAAW,IAAI,CAAC,UAAU,MACvB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAW,CAAC,YAAY,YAAY,CAAC,IAAI,SAAS;AAAA,QAElD,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,yCACV,UAAA,MAAM,KAAK,SAAS,IAAI,EAAE,OAAO,eAAe,EAAA,CACrD;AAAA,8BACC,UAAA,EACI,UAAA,SAAS,OAAO,IAAI,CAAC,OAAO,MACzB;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cAEG,OACI,oBAAC,OAAA,EAAI,WAAU,aACX,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,YAAY;AAAA,oBACR,MAAM,YACA,mBACA;AAAA,kBAAA;AAAA,gBACV;AAAA,cAAA,GAER;AAAA,cAGJ,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,MAAM,aAAa;AAAA,oBAAA;AAAA,oBAGtB,UAAA,MAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEV,MAAM,aACH,qBAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,kBAAA;AAAA,kBACN,MAAM;AAAA,gBAAA,GACtB;AAAA,gBAEJ,oBAAC,SACI,UAAA,MAAM,KAAK,MAAM,IAAI,EAAE,OAAO,SAAS,EAAA,CAC5C;AAAA,cAAA;AAAA,YAAA;AAAA,YA5BK,MAAM,OAAO;AAAA,UAAA,CA8BzB,EAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,MAxCK,SAAS;AAAA,IAAA,CA0CrB;AAAA,EAAA,GACL;AAER;"}

package/dist/@ecme/views/concepts/orders/OrderEdit/OrderEdit.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderEdit/OrderEdit.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport Container from '@/components/shared/Container'\r\nimport Loading from '@/components/shared/Loading'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport OrderForm from '../OrderForm'\r\nimport sleep from '@/utils/sleep'\r\nimport { apiGetOrder } from '@/services/OrderService'\r\nimport useSWR from 'swr'\r\nimport { useParams, useNavigate } from 'react-router-dom'\r\nimport { TbTrash } from 'react-icons/tb'\r\nimport type { OrderFormSchema } from '../OrderForm'\r\n\r\ntype GetOrderDetailsResponse = {\r\n id: string\r\n progressStatus: number\r\n paymentStatus: number\r\n dateTime: number\r\n paymentSummary: {\r\n subTotal: number\r\n tax: number\r\n deliveryFees: number\r\n total: number\r\n customerPayment: number\r\n }\r\n note: string\r\n shipping: {\r\n deliveryFees: number\r\n estimatedMin: number\r\n estimatedMax: number\r\n shippingLogo: string\r\n shippingVendor: string\r\n }\r\n product: {\r\n id: string\r\n name: string\r\n productCode: string\r\n img: string\r\n price: number\r\n quantity: number\r\n total: number\r\n details: Record<string, string[]>\r\n }[]\r\n activity: {\r\n date: number\r\n events: {\r\n time: number\r\n action: string\r\n recipient?: string\r\n }[]\r\n }[]\r\n customer: {\r\n name: string\r\n firstName: string\r\n lastName: string\r\n email: string\r\n phone: string\r\n dialCode: string\r\n phoneNumber: string\r\n img: string\r\n previousOrder: number\r\n country: string\r\n address: string\r\n postcode: string\r\n city: string\r\n }\r\n}\r\n\r\nconst OrderEdit = () => {\r\n const { id } = useParams()\r\n\r\n const navigate = useNavigate()\r\n\r\n const { data, isLoading } = useSWR<GetOrderDetailsResponse, { id: string }>(\r\n [`/api/project/${id}`],\r\n () => apiGetOrder({ id }),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n revalidateOnReconnect: false,\r\n },\r\n )\r\n\r\n const [discardConfirmationOpen, setDiscardConfirmationOpen] =\r\n useState(false)\r\n const [isSubmiting, setIsSubmiting] = useState(false)\r\n\r\n const handleFormSubmit = async (values: OrderFormSchema) => {\r\n console.log('Submitted values', values)\r\n setIsSubmiting(true)\r\n await sleep(800)\r\n setIsSubmiting(false)\r\n toast.push(\r\n <Notification type=\"success\">\r\n Order: #{data?.id} updated!\r\n </Notification>,\r\n { placement: 'top-center' },\r\n )\r\n navigate('/concepts/orders/order-list')\r\n }\r\n\r\n const handleConfirmDiscard = () => {\r\n setDiscardConfirmationOpen(true)\r\n toast.push(<Notification type=\"success\">Order deleted!</Notification>, {\r\n placement: 'top-center',\r\n })\r\n navigate('/concepts/orders/order-list')\r\n }\r\n\r\n const handleDelete = () => {\r\n setDiscardConfirmationOpen(true)\r\n }\r\n\r\n const handleCancel = () => {\r\n setDiscardConfirmationOpen(false)\r\n }\r\n\r\n const orderFormProps = useMemo(() => {\r\n const products = data\r\n ? data.product.map(\r\n ({ id, name, productCode, img, price, quantity }) => {\r\n return {\r\n id,\r\n name,\r\n productCode,\r\n img,\r\n price,\r\n quantity,\r\n stock: 0,\r\n }\r\n },\r\n )\r\n : []\r\n\r\n const defaultValues = {\r\n firstName: data?.customer.name \|\| '',\r\n lastName: data?.customer.lastName \|\| '',\r\n email: data?.customer.email \|\| '',\r\n dialCode: data?.customer.dialCode \|\| '',\r\n phoneNumber: data?.customer.phoneNumber \|\| '',\r\n country: data?.customer.country \|\| '',\r\n address: data?.customer.address \|\| '',\r\n postcode: data?.customer.postcode \|\| '',\r\n city: data?.customer.city \|\| '',\r\n paymentMethod: 'paypal',\r\n paypalEmail: data?.customer.email,\r\n } as OrderFormSchema\r\n\r\n return {\r\n defaultProducts: products,\r\n defaultValues,\r\n }\r\n }, [data])\r\n\r\n return (\r\n <Loading loading={isLoading}>\r\n <OrderForm onFormSubmit={handleFormSubmit} {...orderFormProps}>\r\n <Container>\r\n <div className=\"flex items-center justify-between px-8\">\r\n <span></span>\r\n <div className=\"flex items-center\">\r\n <Button\r\n className=\"ltr:mr-3 rtl:ml-3\"\r\n type=\"button\"\r\n customColorClass={() =>\r\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\r\n }\r\n icon={<TbTrash />}\r\n onClick={handleDelete}\r\n >\r\n Delete\r\n </Button>\r\n <Button\r\n variant=\"solid\"\r\n type=\"submit\"\r\n loading={isSubmiting}\r\n >\r\n Update\r\n </Button>\r\n </div>\r\n </div>\r\n </Container>\r\n </OrderForm>\r\n <ConfirmDialog\r\n isOpen={discardConfirmationOpen}\r\n type=\"danger\"\r\n title=\"Discard changes\"\r\n onClose={handleCancel}\r\n onRequestClose={handleCancel}\r\n onCancel={handleCancel}\r\n onConfirm={handleConfirmDiscard}\r\n >\r\n <p>\r\n Are you sure you want delete this? This action can't be\r\n undo.{' '}\r\n </p>\r\n </ConfirmDialog>\r\n </Loading>\r\n )\r\n}\r\n\r\nexport default OrderEdit\r\n"],"names":["id"],"mappings":";;;;;;;;;;;;;;;;;;AAsEA,MAAM,YAAY,MAAM;AACpB,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,WAAW,YAAA;AAEjB,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,gBAAgB,EAAE,EAAE;AAAA,IACrB,MAAM,YAAY,EAAE,IAAI;AAAA,IACxB;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,QAAM,CAAC,yBAAyB,0BAA0B,IACtD,SAAS,KAAK;AAClB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,mBAAmB,OAAO,WAA4B;AACxD,YAAQ,IAAI,oBAAoB,MAAM;AACtC,mBAAe,IAAI;AACnB,UAAM,MAAM,GAAG;AACf,mBAAe,KAAK;AACpB,UAAM;AAAA,MACF,qBAAC,cAAA,EAAa,MAAK,WAAU,UAAA;AAAA,QAAA;AAAA,QAChB,MAAM;AAAA,QAAG;AAAA,MAAA,GACtB;AAAA,MACA,EAAE,WAAW,aAAA;AAAA,IAAa;AAE9B,aAAS,6BAA6B;AAAA,EAC1C;AAEA,QAAM,uBAAuB,MAAM;AAC/B,+BAA2B,IAAI;AAC/B,UAAM,KAAK,oBAAC,cAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,MACnE,WAAW;AAAA,IAAA,CACd;AACD,aAAS,6BAA6B;AAAA,EAC1C;AAEA,QAAM,eAAe,MAAM;AACvB,+BAA2B,IAAI;AAAA,EACnC;AAEA,QAAM,eAAe,MAAM;AACvB,+BAA2B,KAAK;AAAA,EACpC;AAEA,QAAM,iBAAiB,QAAQ,MAAM;AACjC,UAAM,WAAW,OACX,KAAK,QAAQ;AAAA,MACT,CAAC,EAAE,IAAAA,KAAI,MAAM,aAAa,KAAK,OAAO,eAAe;AACjD,eAAO;AAAA,UACH,IAAAA;AAAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,QAAA;AAAA,MAEf;AAAA,IAAA,IAEJ,CAAA;AAEN,UAAM,gBAAgB;AAAA,MAClB,WAAW,MAAM,SAAS,QAAQ;AAAA,MAClC,UAAU,MAAM,SAAS,YAAY;AAAA,MACrC,OAAO,MAAM,SAAS,SAAS;AAAA,MAC/B,UAAU,MAAM,SAAS,YAAY;AAAA,MACrC,aAAa,MAAM,SAAS,eAAe;AAAA,MAC3C,SAAS,MAAM,SAAS,WAAW;AAAA,MACnC,SAAS,MAAM,SAAS,WAAW;AAAA,MACnC,UAAU,MAAM,SAAS,YAAY;AAAA,MACrC,MAAM,MAAM,SAAS,QAAQ;AAAA,MAC7B,eAAe;AAAA,MACf,aAAa,MAAM,SAAS;AAAA,IAAA;AAGhC,WAAO;AAAA,MACH,iBAAiB;AAAA,MACjB;AAAA,IAAA;AAAA,EAER,GAAG,CAAC,IAAI,CAAC;AAET,SACI,qBAAC,SAAA,EAAQ,SAAS,WACd,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,cAAc,kBAAmB,GAAG,gBAC3C,8BAAC,WAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK;AAAA,MACN,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,0BAAO,SAAA,EAAQ;AAAA,YACf,SAAS;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ,GACJ,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,KAAA,EAAE,UAAA;AAAA,UAAA;AAAA,UAEO;AAAA,QAAA,EAAA,CACV;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"OrderEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderEdit/OrderEdit.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport Container from '@/components/shared/Container'\nimport Loading from '@/components/shared/Loading'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport OrderForm from '../OrderForm'\nimport sleep from '@/utils/sleep'\nimport { apiGetOrder } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport { TbTrash } from 'react-icons/tb'\nimport type { OrderFormSchema } from '../OrderForm'\n\ntype GetOrderDetailsResponse = {\n id: string\n progressStatus: number\n paymentStatus: number\n dateTime: number\n paymentSummary: {\n subTotal: number\n tax: number\n deliveryFees: number\n total: number\n customerPayment: number\n }\n note: string\n shipping: {\n deliveryFees: number\n estimatedMin: number\n estimatedMax: number\n shippingLogo: string\n shippingVendor: string\n }\n product: {\n id: string\n name: string\n productCode: string\n img: string\n price: number\n quantity: number\n total: number\n details: Record<string, string[]>\n }[]\n activity: {\n date: number\n events: {\n time: number\n action: string\n recipient?: string\n }[]\n }[]\n customer: {\n name: string\n firstName: string\n lastName: string\n email: string\n phone: string\n dialCode: string\n phoneNumber: string\n img: string\n previousOrder: number\n country: string\n address: string\n postcode: string\n city: string\n }\n}\n\nconst OrderEdit = () => {\n const { id } = useParams()\n\n const navigate = useNavigate()\n\n const { data, isLoading } = useSWR<GetOrderDetailsResponse, { id: string }>(\n [`/api/project/${id}`],\n () => apiGetOrder({ id }),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n useState(false)\n const [isSubmiting, setIsSubmiting] = useState(false)\n\n const handleFormSubmit = async (values: OrderFormSchema) => {\n console.log('Submitted values', values)\n setIsSubmiting(true)\n await sleep(800)\n setIsSubmiting(false)\n toast.push(\n <Notification type=\"success\">\n Order: #{data?.id} updated!\n </Notification>,\n { placement: 'top-center' },\n )\n navigate('/concepts/orders/order-list')\n }\n\n const handleConfirmDiscard = () => {\n setDiscardConfirmationOpen(true)\n toast.push(<Notification type=\"success\">Order deleted!</Notification>, {\n placement: 'top-center',\n })\n navigate('/concepts/orders/order-list')\n }\n\n const handleDelete = () => {\n setDiscardConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDiscardConfirmationOpen(false)\n }\n\n const orderFormProps = useMemo(() => {\n const products = data\n ? data.product.map(\n ({ id, name, productCode, img, price, quantity }) => {\n return {\n id,\n name,\n productCode,\n img,\n price,\n quantity,\n stock: 0,\n }\n },\n )\n : []\n\n const defaultValues = {\n firstName: data?.customer.name \|\| '',\n lastName: data?.customer.lastName \|\| '',\n email: data?.customer.email \|\| '',\n dialCode: data?.customer.dialCode \|\| '',\n phoneNumber: data?.customer.phoneNumber \|\| '',\n country: data?.customer.country \|\| '',\n address: data?.customer.address \|\| '',\n postcode: data?.customer.postcode \|\| '',\n city: data?.customer.city \|\| '',\n paymentMethod: 'paypal',\n paypalEmail: data?.customer.email,\n } as OrderFormSchema\n\n return {\n defaultProducts: products,\n defaultValues,\n }\n }, [data])\n\n return (\n <Loading loading={isLoading}>\n <OrderForm onFormSubmit={handleFormSubmit} {...orderFormProps}>\n <Container>\n <div className=\"flex items-center justify-between px-8\">\n <span></span>\n <div className=\"flex items-center\">\n <Button\n className=\"ltr:mr-3 rtl:ml-3\"\n type=\"button\"\n customColorClass={() =>\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n }\n icon={<TbTrash />}\n onClick={handleDelete}\n >\n Delete\n </Button>\n <Button\n variant=\"solid\"\n type=\"submit\"\n loading={isSubmiting}\n >\n Update\n </Button>\n </div>\n </div>\n </Container>\n </OrderForm>\n <ConfirmDialog\n isOpen={discardConfirmationOpen}\n type=\"danger\"\n title=\"Discard changes\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDiscard}\n >\n <p>\n Are you sure you want delete this? This action can't be\n undo.{' '}\n </p>\n </ConfirmDialog>\n </Loading>\n )\n}\n\nexport default OrderEdit\n"],"names":["id"],"mappings":"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"}