npm - @orbe-agro/client-core - Versions diffs - 5.5.3 → 5.5.8 - Mend

@orbe-agro/client-core 5.5.3 → 5.5.8

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MailDetail.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetail.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport MailDetailTitle from './MailDetailTitle'\nimport MailDetailContent from './MailDetailContent'\nimport MailDetailAction from './MailDetailAction'\nimport isEmpty from 'lodash/isEmpty'\nimport type { Mail } from '../types'\n\ntype MailDetailProps = {\n mail?: Partial<Mail>\n}\n\nconst MailDetail = ({ mail }: MailDetailProps) => {\n const scrollRef = useRef(null)\n\n const hasMailSelected = !isEmpty(mail)\n const cardHeaderProps = {\n ...(hasMailSelected\n ? {\n header: {\n content: <MailDetailTitle />,\n extra: <MailDetailAction />,\n className: 'bg-gray-100 dark:bg-gray-700 h-[100px]',\n },\n }\n : {}),\n }\n\n return (\n <Card\n className=\"flex-1 h-full max-h-full dark:border-gray-700\"\n bodyClass=\"h-full relative\"\n {...cardHeaderProps}\n >\n <MailDetailContent ref={scrollRef} mail={mail} />\n </Card>\n )\n}\n\nexport default MailDetail\n"],"names":[],"mappings":";;;;;;;;AAYA,MAAM,aAAa,CAAC,EAAE,WAA4B;~~AACxC~~,~~QAAA~~,YAAY,OAAO,IAAI;~~AAEvB~~,~~QAAA~~,kBAAkB,CAAC,QAAQ,IAAI;AACrC,QAAM,kBAAkB;AAAA,IACpB,GAAI,kBACE;AAAA,MACI,QAAQ;AAAA,QACJ,6BAAU,~~iBAAgB~~,~~EAAA~~;AAAA,QAC1B,2BAAQ,~~kBAAiB~~,~~EAAA~~;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACf,IAEJ,CAAA;AAAA,~~EACV~~;~~AAGI~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,~~UAAC~~,~~oBAAA~~,mBAAA,EAAkB,KAAK,WAAW,~~KAAY~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EACnD~~;~~AAER~~;"}
1	+ {"version":3,"file":"MailDetail.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetail.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport MailDetailTitle from './MailDetailTitle'\nimport MailDetailContent from './MailDetailContent'\nimport MailDetailAction from './MailDetailAction'\nimport isEmpty from 'lodash/isEmpty'\nimport type { Mail } from '../types'\n\ntype MailDetailProps = {\n mail?: Partial<Mail>\n}\n\nconst MailDetail = ({ mail }: MailDetailProps) => {\n const scrollRef = useRef(null)\n\n const hasMailSelected = !isEmpty(mail)\n const cardHeaderProps = {\n ...(hasMailSelected\n ? {\n header: {\n content: <MailDetailTitle />,\n extra: <MailDetailAction />,\n className: 'bg-gray-100 dark:bg-gray-700 h-[100px]',\n },\n }\n : {}),\n }\n\n return (\n <Card\n className=\"flex-1 h-full max-h-full dark:border-gray-700\"\n bodyClass=\"h-full relative\"\n {...cardHeaderProps}\n >\n <MailDetailContent ref={scrollRef} mail={mail} />\n </Card>\n )\n}\n\nexport default MailDetail\n"],"names":[],"mappings":";;;;;;;;AAYA,MAAM,aAAa,CAAC,EAAE,WAA4B;AAC9C,QAAM,YAAY,OAAO,IAAI;AAE7B,QAAM,kBAAkB,CAAC,QAAQ,IAAI;AACrC,QAAM,kBAAkB;AAAA,IACpB,GAAI,kBACE;AAAA,MACI,QAAQ;AAAA,QACJ,6BAAU,iBAAA,EAAgB;AAAA,QAC1B,2BAAQ,kBAAA,EAAiB;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACf,IAEJ,CAAA;AAAA,EAAC;AAGX,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA,oBAAC,mBAAA,EAAkB,KAAK,WAAW,KAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAG3D;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MailDetailAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailAction.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Badge from '@/components/ui/Badge'\nimport ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport classNames from '@/utils/classNames'\nimport {\n TbDotsVertical,\n TbArrowBackUp,\n TbStarFilled,\n TbFlag,\n TbFolderSymlink,\n TbStar,\n} from 'react-icons/tb'\nimport type { Mail } from '../types'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\ntype MailDetailAction = {\n onMailReplyClick: () => void\n}\n\nconst MailDetailAction = () => {\n const dropdownRef = useRef<DropdownRef>(null)\n\n const { mail, toggleMessageDialog } = useMailStore()\n\n const { onFlagToggle, onMoveMailClick, onStarToggle } = useMailAction()\n\n const handleMoveMailClick = (destination: string) => {\n onMoveMailClick(mail as Mail, destination)\n dropdownRef.current?.handleDropdownClose()\n }\n\n const handleReplyClick = () => {\n toggleMessageDialog({\n mode: 'reply',\n open: true,\n })\n }\n\n return (\n <div className=\"flex items-center gap-2\">\n <Tooltip title=\"Reply\">\n <ActionButton onClick={handleReplyClick}>\n <TbArrowBackUp />\n </ActionButton>\n </Tooltip>\n <Dropdown\n ref={dropdownRef}\n placement=\"bottom-end\"\n renderTitle={\n <ActionButton>\n <TbDotsVertical />\n </ActionButton>\n }\n >\n <Dropdown.Item\n eventKey=\"star\"\n onClick={() => onStarToggle(mail as Mail)}\n >\n <span className=\"text-lg\">\n {mail.starred ? (\n <TbStarFilled className=\"text-amber-500\" />\n ) : (\n <TbStar />\n )}\n </span>\n <span>Star</span>\n </Dropdown.Item>\n <Dropdown.Item\n eventKey=\"flag\"\n onClick={() => onFlagToggle(mail as Mail)}\n >\n <TbFlag\n className={classNames(\n 'text-lg',\n mail.flagged && 'text-red-500',\n )}\n />\n <span>Flag</span>\n </Dropdown.Item>\n <Dropdown.Menu\n renderTitle={\n <>\n <span className=\"flex items-center gap-2\">\n <TbFolderSymlink className=\"text-lg\" />\n <span>Move to</span>\n </span>\n </>\n }\n placement=\"left-start\"\n >\n {labelList.map((item) => (\n <Dropdown.Item\n key={item.value}\n onClick={() => handleMoveMailClick(item.value)}\n >\n <Badge className={item.dotClass} />\n <span>{item.label}</span>\n </Dropdown.Item>\n ))}\n </Dropdown.Menu>\n </Dropdown>\n </div>\n )\n}\n\nexport default MailDetailAction\n"],"names":[],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,mBAAmB,MAAM;~~AACrB~~,~~QAAA~~,cAAc,OAAoB,IAAI;AAE5C,QAAM,EAAE,MAAM,~~oBAAoB~~,~~IAAI~~,~~aAAa~~;~~AAEnD~~,QAAM,EAAE,cAAc,iBAAiB,aAAA,IAAiB,~~cAAc~~;~~AAEhE~~,~~QAAA~~,sBAAsB,CAAC,gBAAwB;AACjD,oBAAgB,MAAc,WAAW;AACzC,gBAAY,SAAS,~~oBAAoB~~;AAAA,~~EAC7C~~;AAEA,QAAM,mBAAmB,MAAM;~~AACP~~,~~wBAAA~~;AAAA,MAChB,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACT;AAAA,EACL;~~AAGI~~,~~SAAA~~,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,2BACX,UAAA;AAAA,~~IAAC~~,~~oBAAA~~,SAAA,EAAQ,OAAM,SACX,~~UAAC~~,~~oBAAA~~,cAAA,EAAa,SAAS,kBACnB,UAAA,oBAAC,~~eAAc~~,CAAA,~~CAAA~~,~~EACnB~~,~~CAAA~~,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK;AAAA,QACL,WAAU;AAAA,QACV,aACI,oBAAC,~~cACG~~,~~EAAA~~,UAAA,oBAAC,~~iBAAe~~,~~CAAA,~~GACpB;AAAA,QAGJ,UAAA;AAAA,UAAA;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAM,aAAa,IAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,oBAAC,~~QAAK~~,~~EAAA~~,WAAU,WACX,UAAA,KAAK,UACF,oBAAC,~~cAAa~~,~~EAAA~~,WAAU,~~iBAAiB~~,~~CAAA~~,~~IAExC~~,~~oBAAA~~,QAAA,CAAO,~~CAAA,~~GAEhB;AAAA,gBACA,oBAAC,UAAK,~~UAAI~~,OAAA,~~CAAA~~;AAAA,cAAA;AAAA,YAAA;AAAA,~~UACd~~;AAAA,~~UACA~~;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAM,aAAa,IAAY;AAAA,cAExC,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,KAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,~~gBACJ~~;AAAA,~~gBACA~~,oBAAC,UAAK,~~UAAI~~,OAAA,~~CAAA~~;AAAA,cAAA;AAAA,YAAA;AAAA,~~UACd~~;AAAA,~~UACA~~;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cACG,aACI,oBAAA,UAAA,EACI,~~UAAC~~,~~qBAAA~~,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,~~gBAAC~~,~~oBAAA~~,iBAAA,EAAgB,WAAU,~~UAAU~~,~~CAAA~~;AAAA,gBACrC,oBAAC,UAAK,~~UAAO~~,UAAA,~~CAAA~~;AAAA,cAAA,EAAA,CACjB,~~EACJ~~,~~CAAA~~;AAAA,cAEJ,WAAU;AAAA,cAET,UAAA,UAAU,IAAI,CAAC,SACZ;AAAA,gBAAC,SAAS;AAAA,gBAAT;AAAA,kBAEG,SAAS,MAAM,oBAAoB,KAAK,KAAK;AAAA,kBAE7C,UAAA;AAAA,oBAAC,~~oBAAA,~~OAAA,EAAM,WAAW,KAAK,~~SAAU~~,~~CAAA~~;AAAA,oBACjC,oBAAC,~~QAAM~~,~~EAAA~~,UAAA,KAAK,~~MAAM~~,~~CAAA~~;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAJb,KAAK;AAAA,~~cAMjB~~,~~CAAA~~;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"MailDetailAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailAction.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Badge from '@/components/ui/Badge'\nimport ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport classNames from '@/utils/classNames'\nimport {\n TbDotsVertical,\n TbArrowBackUp,\n TbStarFilled,\n TbFlag,\n TbFolderSymlink,\n TbStar,\n} from 'react-icons/tb'\nimport type { Mail } from '../types'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\ntype MailDetailAction = {\n onMailReplyClick: () => void\n}\n\nconst MailDetailAction = () => {\n const dropdownRef = useRef<DropdownRef>(null)\n\n const { mail, toggleMessageDialog } = useMailStore()\n\n const { onFlagToggle, onMoveMailClick, onStarToggle } = useMailAction()\n\n const handleMoveMailClick = (destination: string) => {\n onMoveMailClick(mail as Mail, destination)\n dropdownRef.current?.handleDropdownClose()\n }\n\n const handleReplyClick = () => {\n toggleMessageDialog({\n mode: 'reply',\n open: true,\n })\n }\n\n return (\n <div className=\"flex items-center gap-2\">\n <Tooltip title=\"Reply\">\n <ActionButton onClick={handleReplyClick}>\n <TbArrowBackUp />\n </ActionButton>\n </Tooltip>\n <Dropdown\n ref={dropdownRef}\n placement=\"bottom-end\"\n renderTitle={\n <ActionButton>\n <TbDotsVertical />\n </ActionButton>\n }\n >\n <Dropdown.Item\n eventKey=\"star\"\n onClick={() => onStarToggle(mail as Mail)}\n >\n <span className=\"text-lg\">\n {mail.starred ? (\n <TbStarFilled className=\"text-amber-500\" />\n ) : (\n <TbStar />\n )}\n </span>\n <span>Star</span>\n </Dropdown.Item>\n <Dropdown.Item\n eventKey=\"flag\"\n onClick={() => onFlagToggle(mail as Mail)}\n >\n <TbFlag\n className={classNames(\n 'text-lg',\n mail.flagged && 'text-red-500',\n )}\n />\n <span>Flag</span>\n </Dropdown.Item>\n <Dropdown.Menu\n renderTitle={\n <>\n <span className=\"flex items-center gap-2\">\n <TbFolderSymlink className=\"text-lg\" />\n <span>Move to</span>\n </span>\n </>\n }\n placement=\"left-start\"\n >\n {labelList.map((item) => (\n <Dropdown.Item\n key={item.value}\n onClick={() => handleMoveMailClick(item.value)}\n >\n <Badge className={item.dotClass} />\n <span>{item.label}</span>\n </Dropdown.Item>\n ))}\n </Dropdown.Menu>\n </Dropdown>\n </div>\n )\n}\n\nexport default MailDetailAction\n"],"names":[],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,mBAAmB,MAAM;AAC3B,QAAM,cAAc,OAAoB,IAAI;AAE5C,QAAM,EAAE,MAAM,oBAAA,IAAwB,aAAA;AAEtC,QAAM,EAAE,cAAc,iBAAiB,aAAA,IAAiB,cAAA;AAExD,QAAM,sBAAsB,CAAC,gBAAwB;AACjD,oBAAgB,MAAc,WAAW;AACzC,gBAAY,SAAS,oBAAA;AAAA,EACzB;AAEA,QAAM,mBAAmB,MAAM;AAC3B,wBAAoB;AAAA,MAChB,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAQ,OAAM,SACX,UAAA,oBAAC,cAAA,EAAa,SAAS,kBACnB,UAAA,oBAAC,eAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK;AAAA,QACL,WAAU;AAAA,QACV,aACI,oBAAC,cAAA,EACG,UAAA,oBAAC,kBAAe,GACpB;AAAA,QAGJ,UAAA;AAAA,UAAA;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAM,aAAa,IAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,oBAAC,QAAA,EAAK,WAAU,WACX,UAAA,KAAK,UACF,oBAAC,cAAA,EAAa,WAAU,iBAAA,CAAiB,IAEzC,oBAAC,QAAA,CAAA,CAAO,GAEhB;AAAA,gBACA,oBAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAM,aAAa,IAAY;AAAA,cAExC,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,KAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,gBAAA;AAAA,gBAEJ,oBAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd;AAAA,YAAC,SAAS;AAAA,YAAT;AAAA,cACG,aACI,oBAAA,UAAA,EACI,UAAA,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,gBAAA,oBAAC,iBAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,gBACrC,oBAAC,UAAK,UAAA,UAAA,CAAO;AAAA,cAAA,EAAA,CACjB,EAAA,CACJ;AAAA,cAEJ,WAAU;AAAA,cAET,UAAA,UAAU,IAAI,CAAC,SACZ;AAAA,gBAAC,SAAS;AAAA,gBAAT;AAAA,kBAEG,SAAS,MAAM,oBAAoB,KAAK,KAAK;AAAA,kBAE7C,UAAA;AAAA,oBAAA,oBAAC,OAAA,EAAM,WAAW,KAAK,SAAA,CAAU;AAAA,oBACjC,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAJb,KAAK;AAAA,cAAA,CAMjB;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MailDetailContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailContent.tsx"],"sourcesContent":["import IconText from '@/components/shared/IconText'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport FileIcon from '@/components/view/FileIcon'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport ReactHtmlParser from 'html-react-parser'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport type { Mail, Message } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\nimport type { PropsWithChildren, Ref } from 'react'\n\ntype MailDetailContentProps = PropsWithChildren<{\n mail?: Partial<Mail>\n ref?: Ref<ScrollBarRef>\n}>\n\nconst MailDetailContent = (props: MailDetailContentProps) => {\n const { mail = {}, ref } = props\n\n return (\n <div className=\"absolute top-0 left-0 h-full w-full \">\n <ScrollBar\n ref={ref}\n autoHide\n className=\"overflow-y-auto h-[calc(100%-100px)]\"\n >\n <div className=\"h-full px-6\">\n {mail.message?.map((msg, index) => (\n <div key={msg.id}>\n <div\n className={classNames(\n 'py-8 ltr:pr-4 rtl:pl-4',\n !isLastChild(\n mail.message as Message[],\n index,\n ) &&\n 'border-b border-gray-200 dark:border-gray-700',\n )}\n >\n <div className=\"flex items-center justify-between gap-2\">\n <div className=\"flex items-center gap-2\">\n <Avatar\n shape=\"circle\"\n src={msg.avatar}\n />\n <div>\n <div className=\"font-bold truncate heading-text\">\n {msg.name}\n </div>\n <div>\n To:{' '}\n {mail.mail?.map((to, index) => (\n <span key={to + index}>\n {to}\n </span>\n ))}\n </div>\n </div>\n </div>\n <IconText\n icon={\n <HiOutlineClock className=\"text-lg\" />\n }\n >\n <span className=\"font-semibold\">\n {msg.date}\n </span>\n </IconText>\n </div>\n <div className=\"mt-8\">\n {ReactHtmlParser(msg.content)}\n </div>\n {msg.attachment?.length > 0 && (\n <div className=\"mt-6 inline-flex flex-wrap gap-4\">\n {msg.attachment.map((item) => (\n <div\n key={item.file}\n className=\"min-w-full md:min-w-[230px] rounded-2xl dark:bg-gray-800 border border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-700 py-4 px-3.5 inline-flex items-center gap-2 transition-all cursor-pointer\"\n >\n <FileIcon type={item.type} />\n <div>\n <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n {item.file}\n </div>\n <span className=\"\">\n {item.size}\n </span>\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n ))}\n </div>\n </ScrollBar>\n </div>\n )\n}\n\nexport default MailDetailContent\n"],"names":["index"],"mappings":";;;;;;;;;;;~~AAiBM~~,~~MAAA~~,oBAAoB,CAAC,UAAkC;AACzD,QAAM,EAAE,OAAO,IAAI,~~IAAQ,IAAA~~;~~AAGvB~~,~~SAAA~~,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,wCACX,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,UAAQ;AAAA,MACR,WAAU;AAAA,MAEV,UAAA,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,eACV,UAAA,KAAK,SAAS,IAAI,CAAC,KAAK,UACrB,oBAAC,~~OACG~~,~~EAAA~~,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,CAAC;AAAA,cACG,KAAK;AAAA,cACL;AAAA,YAAA,KAEA;AAAA,~~UACR~~;AAAA,~~UAEA~~,UAAA;AAAA,~~YAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,~~cAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,OAAM;AAAA,oBACN,KAAK,IAAI;AAAA,kBAAA;AAAA,~~gBACb~~;AAAA,~~qCACC~~,~~OACG~~,~~EAAA~~,UAAA;AAAA,kBAAA,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,mCACV,UAAA,IAAI,MACT;AAAA,uCACC,~~OAAI~~,~~EAAA~~,UAAA;AAAA,oBAAA;AAAA,oBACG;AAAA,oBACH,KAAK,MAAM,IAAI,CAAC,IAAIA,WACjB,oBAAC,~~QACI~~,~~EAAA~~,UAAA,MADM,KAAKA,MAEhB,CACH;AAAA,kBAAA,~~EACL~~,~~CAAA~~;AAAA,gBAAA,~~EACJ~~,~~CAAA~~;AAAA,cAAA,GACJ;AAAA,cACA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MACI,oBAAC,~~gBAAe~~,~~EAAA~~,WAAU,~~UAAU~~,~~CAAA~~;AAAA,kBAGxC,~~UAAC~~,~~oBAAA~~,QAAA,EAAK,WAAU,iBACX,cAAI,~~KACT~~,~~CAAA~~;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ,GACJ;AAAA,gCACC,~~OAAI~~,~~EAAA~~,WAAU,QACV,~~UAAgB~~,~~gBAAA~~,IAAI,OAAO,GAChC;AAAA,YACC,IAAI,YAAY,SAAS,~~KACrB~~,~~oBAAA~~,OAAA,EAAI,WAAU,oCACV,~~UAAI~~,~~IAAA~~,WAAW,IAAI,CAAC,SACjB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,WAAU;AAAA,gBAEV,UAAA;AAAA,~~kBAAC~~,~~oBAAA~~,UAAA,EAAS,MAAM,KAAK,~~KAAM~~,~~CAAA~~;AAAA,uCAC1B,~~OACG~~,~~EAAA~~,UAAA;AAAA,oBAAA,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,kDACV,UAAA,KAAK,MACV;AAAA,~~oBACC~~,~~oBAAA~~,QAAA,EAAK,WAAU,IACX,eAAK,~~KACV~~,~~CAAA~~;AAAA,kBAAA,~~EACJ~~,~~CAAA~~;AAAA,gBAAA;AAAA,cAAA;AAAA,cAXK,KAAK;AAAA,YAAA,CAajB,~~EACL~~,~~CAAA~~;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,KA9DF,IAAI,EAiEd,CACH,~~EACL~~,~~CAAA~~;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
1	+ {"version":3,"file":"MailDetailContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailContent.tsx"],"sourcesContent":["import IconText from '@/components/shared/IconText'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport FileIcon from '@/components/view/FileIcon'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport ReactHtmlParser from 'html-react-parser'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport type { Mail, Message } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\nimport type { PropsWithChildren, Ref } from 'react'\n\ntype MailDetailContentProps = PropsWithChildren<{\n mail?: Partial<Mail>\n ref?: Ref<ScrollBarRef>\n}>\n\nconst MailDetailContent = (props: MailDetailContentProps) => {\n const { mail = {}, ref } = props\n\n return (\n <div className=\"absolute top-0 left-0 h-full w-full \">\n <ScrollBar\n ref={ref}\n autoHide\n className=\"overflow-y-auto h-[calc(100%-100px)]\"\n >\n <div className=\"h-full px-6\">\n {mail.message?.map((msg, index) => (\n <div key={msg.id}>\n <div\n className={classNames(\n 'py-8 ltr:pr-4 rtl:pl-4',\n !isLastChild(\n mail.message as Message[],\n index,\n ) &&\n 'border-b border-gray-200 dark:border-gray-700',\n )}\n >\n <div className=\"flex items-center justify-between gap-2\">\n <div className=\"flex items-center gap-2\">\n <Avatar\n shape=\"circle\"\n src={msg.avatar}\n />\n <div>\n <div className=\"font-bold truncate heading-text\">\n {msg.name}\n </div>\n <div>\n To:{' '}\n {mail.mail?.map((to, index) => (\n <span key={to + index}>\n {to}\n </span>\n ))}\n </div>\n </div>\n </div>\n <IconText\n icon={\n <HiOutlineClock className=\"text-lg\" />\n }\n >\n <span className=\"font-semibold\">\n {msg.date}\n </span>\n </IconText>\n </div>\n <div className=\"mt-8\">\n {ReactHtmlParser(msg.content)}\n </div>\n {msg.attachment?.length > 0 && (\n <div className=\"mt-6 inline-flex flex-wrap gap-4\">\n {msg.attachment.map((item) => (\n <div\n key={item.file}\n className=\"min-w-full md:min-w-[230px] rounded-2xl dark:bg-gray-800 border border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-700 py-4 px-3.5 inline-flex items-center gap-2 transition-all cursor-pointer\"\n >\n <FileIcon type={item.type} />\n <div>\n <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n {item.file}\n </div>\n <span className=\"\">\n {item.size}\n </span>\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n ))}\n </div>\n </ScrollBar>\n </div>\n )\n}\n\nexport default MailDetailContent\n"],"names":["index"],"mappings":";;;;;;;;;;;AAiBA,MAAM,oBAAoB,CAAC,UAAkC;AACzD,QAAM,EAAE,OAAO,IAAI,QAAQ;AAE3B,SACI,oBAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,UAAQ;AAAA,MACR,WAAU;AAAA,MAEV,UAAA,oBAAC,OAAA,EAAI,WAAU,eACV,UAAA,KAAK,SAAS,IAAI,CAAC,KAAK,UACrB,oBAAC,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,CAAC;AAAA,cACG,KAAK;AAAA,cACL;AAAA,YAAA,KAEA;AAAA,UAAA;AAAA,UAGR,UAAA;AAAA,YAAA,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,cAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,OAAM;AAAA,oBACN,KAAK,IAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,qCAEZ,OAAA,EACG,UAAA;AAAA,kBAAA,oBAAC,OAAA,EAAI,WAAU,mCACV,UAAA,IAAI,MACT;AAAA,uCACC,OAAA,EAAI,UAAA;AAAA,oBAAA;AAAA,oBACG;AAAA,oBACH,KAAK,MAAM,IAAI,CAAC,IAAIA,WACjB,oBAAC,QAAA,EACI,UAAA,MADM,KAAKA,MAEhB,CACH;AAAA,kBAAA,EAAA,CACL;AAAA,gBAAA,EAAA,CACJ;AAAA,cAAA,GACJ;AAAA,cACA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MACI,oBAAC,gBAAA,EAAe,WAAU,UAAA,CAAU;AAAA,kBAGxC,UAAA,oBAAC,QAAA,EAAK,WAAU,iBACX,cAAI,KAAA,CACT;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ,GACJ;AAAA,gCACC,OAAA,EAAI,WAAU,QACV,UAAA,gBAAgB,IAAI,OAAO,GAChC;AAAA,YACC,IAAI,YAAY,SAAS,KACtB,oBAAC,OAAA,EAAI,WAAU,oCACV,UAAA,IAAI,WAAW,IAAI,CAAC,SACjB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAA,oBAAC,UAAA,EAAS,MAAM,KAAK,KAAA,CAAM;AAAA,uCAC1B,OAAA,EACG,UAAA;AAAA,oBAAA,oBAAC,OAAA,EAAI,WAAU,kDACV,UAAA,KAAK,MACV;AAAA,oBACA,oBAAC,QAAA,EAAK,WAAU,IACX,eAAK,KAAA,CACV;AAAA,kBAAA,EAAA,CACJ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAXK,KAAK;AAAA,YAAA,CAajB,EAAA,CACL;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,KA9DF,IAAI,EAiEd,CACH,EAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MailDetailTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.tsx"],"sourcesContent":["import ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport { TbArrowLeft } from 'react-icons/tb'\nimport { useSearchParams } from 'react-router-dom'\n\nconst MailDetailTitle = () => {\n const { mail, setMail } = useMailStore()\n\n const [searchParams, setSearchParams] = useSearchParams()\n\n const handleBackButtonClick = () => {\n if (searchParams.has('mail')) {\n searchParams.delete('mail')\n setSearchParams(searchParams)\n }\n setMail({})\n }\n\n return (\n <div className=\"flex items-center gap-2\">\n <ActionButton onClick={handleBackButtonClick}>\n <TbArrowLeft />\n </ActionButton>\n <h4>{mail?.title}</h4>\n </div>\n )\n}\n\nexport default MailDetailTitle\n"],"names":[],"mappings":";;;;;AAKA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,EAAE,MAAM,~~QAAQ~~,~~IAAI~~,~~aAAa~~;~~AAEvC~~,QAAM,CAAC,cAAc,eAAe,IAAI,~~gBAAgB~~;~~AAExD~~,QAAM,wBAAwB,MAAM;~~AAC5B~~,~~QAAA~~,aAAa,IAAI,MAAM,GAAG;AAC1B,mBAAa,OAAO,MAAM;AAC1B,sBAAgB,YAAY;AAAA,~~IAAA~~;~~AAEhC~~,YAAQ,CAAA,CAAE;AAAA,EACd;~~AAGI~~,~~SAAA~~,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,2BACX,UAAA;AAAA,IAAA,oBAAC,~~cAAa~~,~~EAAA~~,SAAS,uBACnB,UAAA,oBAAC,~~cAAY~~,~~CAAA,~~GACjB;AAAA,IACA,oBAAC,~~MAAI~~,~~EAAA~~,UAAA,MAAM,~~MAAM~~,~~CAAA~~;AAAA,EAAA,GACrB;AAER;"}
1	+ {"version":3,"file":"MailDetailTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.tsx"],"sourcesContent":["import ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport { TbArrowLeft } from 'react-icons/tb'\nimport { useSearchParams } from 'react-router-dom'\n\nconst MailDetailTitle = () => {\n const { mail, setMail } = useMailStore()\n\n const [searchParams, setSearchParams] = useSearchParams()\n\n const handleBackButtonClick = () => {\n if (searchParams.has('mail')) {\n searchParams.delete('mail')\n setSearchParams(searchParams)\n }\n setMail({})\n }\n\n return (\n <div className=\"flex items-center gap-2\">\n <ActionButton onClick={handleBackButtonClick}>\n <TbArrowLeft />\n </ActionButton>\n <h4>{mail?.title}</h4>\n </div>\n )\n}\n\nexport default MailDetailTitle\n"],"names":[],"mappings":";;;;;AAKA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,EAAE,MAAM,QAAA,IAAY,aAAA;AAE1B,QAAM,CAAC,cAAc,eAAe,IAAI,gBAAA;AAExC,QAAM,wBAAwB,MAAM;AAChC,QAAI,aAAa,IAAI,MAAM,GAAG;AAC1B,mBAAa,OAAO,MAAM;AAC1B,sBAAgB,YAAY;AAAA,IAChC;AACA,YAAQ,CAAA,CAAE;AAAA,EACd;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,oBAAC,cAAA,EAAa,SAAS,uBACnB,UAAA,oBAAC,eAAY,GACjB;AAAA,IACA,oBAAC,MAAA,EAAI,UAAA,MAAM,MAAA,CAAM;AAAA,EAAA,GACrB;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MailEditor.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailEditor.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useMailStore } from '../store/mailStore'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport sleep from '@/utils/sleep'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n to: string\n content?: string\n title?: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n to: z.string().min(1, { message: 'Please enter recipient' }),\n title: z.string(),\n content: z.string().min(1, { message: 'Please enter message' }),\n})\n\nconst MailEditor = () => {\n const { mail, messageDialog, toggleMessageDialog } = useMailStore()\n\n const [formSubmiting, setFormSubmiting] = useState(false)\n\n const {\n handleSubmit,\n reset,\n formState: { errors },\n control,\n } = useForm<FormSchema>({\n resolver: zodResolver(validationSchema),\n })\n\n useEffect(() => {\n if (messageDialog.mode === 'reply') {\n reset({\n to: mail.from,\n title: `Re:${mail.title}`,\n })\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [messageDialog.mode])\n\n const handleDialogClose = () => {\n toggleMessageDialog({\n mode: '',\n open: false,\n })\n reset({\n to: '',\n title: '',\n content: '',\n })\n }\n\n const onSubmit = async (value: FormSchema) => {\n console.log('values', value)\n setFormSubmiting(true)\n await sleep(500)\n toast.push(<Notification type=\"success\">Mail send!</Notification>, {\n placement: 'top-center',\n })\n setFormSubmiting(false)\n handleDialogClose()\n }\n\n return (\n <Dialog\n isOpen={messageDialog.open}\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <h4 className=\"mb-4\">\n {messageDialog.mode === 'new' && 'New Message'}\n {messageDialog.mode === 'reply' && 'Reply'}\n </h4>\n <Form onSubmit={handleSubmit(onSubmit)}>\n <FormItem\n label=\"Title:\"\n invalid={Boolean(errors.title)}\n errorMessage={errors.title?.message}\n >\n <Controller\n name=\"title\"\n control={control}\n render={({ field }) => (\n <Input\n autoComplete=\"off\"\n placeholder=\"Add a subject\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"To:\"\n invalid={Boolean(errors.to)}\n errorMessage={errors.to?.message}\n >\n <Controller\n name=\"to\"\n control={control}\n render={({ field }) => (\n <Input autoComplete=\"off\" {...field} />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Message\"\n invalid={Boolean(errors.content)}\n errorMessage={errors.content?.message}\n >\n <Controller\n name=\"content\"\n control={control}\n render={({ field }) => (\n <RichTextEditor\n content={field.value}\n invalid={Boolean(errors.content)}\n onChange={({ html }) => {\n field.onChange(html)\n }}\n />\n )}\n />\n </FormItem>\n <div className=\"text-right mt-4\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n type=\"button\"\n onClick={handleDialogClose}\n >\n Discard\n </Button>\n <Button\n variant=\"solid\"\n loading={formSubmiting}\n type=\"submit\"\n >\n Send\n </Button>\n </div>\n </Form>\n </Dialog>\n )\n}\n\nexport default MailEditor\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,IAAI,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,0BAA0B;AAAA,EAC3D,OAAO,EAAE,~~OAAO~~;AAAA,~~EAChB~~,SAAS,EAAE,~~OAAO~~,~~EAAE~~,IAAI,GAAG,EAAE,SAAS,~~uBAAwB~~,~~CAAA~~;AAClE,CAAC;AAED,MAAM,aAAa,MAAM;AACrB,QAAM,EAAE,MAAM,eAAe,oBAAA,IAAwB,~~aAAa~~;~~AAElE~~,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;~~AAElD~~,~~QAAA~~;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW,EAAE,~~OAAO~~;AAAA,~~IACpB~~;AAAA,~~MACA~~,QAAoB;AAAA,IACpB,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,YAAU,MAAM;~~AACR~~,~~QAAA~~,cAAc,SAAS,SAAS;~~AAC1B~~,~~YAAA~~;AAAA,QACF,IAAI,KAAK;AAAA,QACT,OAAO,MAAM,KAAK,KAAK;AAAA,MAAA,CAC1B;AAAA,~~IAAA~~;AAAA,~~EACL~~,~~GAED~~,CAAC,cAAc,IAAI,CAAC;AAEvB,QAAM,oBAAoB,MAAM;~~AACR~~,~~wBAAA~~;AAAA,MAChB,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACT;~~AACK~~,~~UAAA~~;AAAA,MACF,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,CACZ;AAAA,EACL;~~AAEM~~,~~QAAA~~,WAAW,OAAO,UAAsB;~~AAClC~~,~~YAAA~~,IAAI,UAAU,KAAK;AAC3B,qBAAiB,IAAI;AACrB,UAAM,MAAM,GAAG;AACf,UAAM,~~KAAM~~,~~oBAAA~~,cAAA,EAAa,MAAK,WAAU,wBAAU,GAAiB;AAAA,MAC/D,WAAW;AAAA,IAAA,CACd;AACD,qBAAiB,KAAK;~~AACJ~~,sBAAA;AAAA,~~EACtB~~;~~AAGI~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,cAAc;AAAA,MACtB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,~~QAAC~~,~~qBAAA~~,MAAA,EAAG,WAAU,QACT,UAAA;AAAA,UAAA,cAAc,SAAS,SAAS;AAAA,UAChC,cAAc,SAAS,WAAW;AAAA,QAAA,GACvC;AAAA,~~QACC~~,~~qBAAA~~,MAAA,EAAK,UAAU,aAAa,QAAQ,GACjC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,KAAK;AAAA,cAC7B,cAAc,OAAO,OAAO;AAAA,cAE5B,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,cAAa;AAAA,sBACb,aAAY;AAAA,sBACX,GAAG;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,~~UACJ~~;AAAA,~~UACA~~;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,EAAE;AAAA,cAC1B,cAAc,OAAO,IAAI;AAAA,cAEzB,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,QAAQ,CAAC,EAAE,~~MAAM~~,~~0BACZ~~,~~OAAM~~,~~EAAA~~,cAAa,OAAO,GAAG,~~MAAO~~,~~CAAA~~;AAAA,gBAAA;AAAA,cAAA;AAAA,YAE7C;AAAA,~~UACJ~~;AAAA,~~UACA~~;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,QAAQ,OAAO,OAAO;AAAA,cAC/B,cAAc,OAAO,SAAS;AAAA,cAE9B,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,SAAS,MAAM;AAAA,sBACf,SAAS,QAAQ,OAAO,OAAO;AAAA,sBAC/B,UAAU,CAAC,EAAE,WAAW;AACpB,8BAAM,SAAS,IAAI;AAAA,~~sBAAA~~;AAAA,~~oBACvB~~;AAAA,kBAAA;AAAA,gBACJ;AAAA,cAAA;AAAA,YAER;AAAA,~~UACJ~~;AAAA,~~UACA~~,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,mBACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,~~YAED~~;AAAA,~~YACA~~;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,MAAK;AAAA,gBACR,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,~~EACJ~~,~~CAAA~~;AAAA,QAAA,~~EACJ~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EACJ~~;~~AAER~~;"}
1	+ {"version":3,"file":"MailEditor.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailEditor.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useMailStore } from '../store/mailStore'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport sleep from '@/utils/sleep'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n to: string\n content?: string\n title?: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n to: z.string().min(1, { message: 'Please enter recipient' }),\n title: z.string(),\n content: z.string().min(1, { message: 'Please enter message' }),\n})\n\nconst MailEditor = () => {\n const { mail, messageDialog, toggleMessageDialog } = useMailStore()\n\n const [formSubmiting, setFormSubmiting] = useState(false)\n\n const {\n handleSubmit,\n reset,\n formState: { errors },\n control,\n } = useForm<FormSchema>({\n resolver: zodResolver(validationSchema),\n })\n\n useEffect(() => {\n if (messageDialog.mode === 'reply') {\n reset({\n to: mail.from,\n title: `Re:${mail.title}`,\n })\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [messageDialog.mode])\n\n const handleDialogClose = () => {\n toggleMessageDialog({\n mode: '',\n open: false,\n })\n reset({\n to: '',\n title: '',\n content: '',\n })\n }\n\n const onSubmit = async (value: FormSchema) => {\n console.log('values', value)\n setFormSubmiting(true)\n await sleep(500)\n toast.push(<Notification type=\"success\">Mail send!</Notification>, {\n placement: 'top-center',\n })\n setFormSubmiting(false)\n handleDialogClose()\n }\n\n return (\n <Dialog\n isOpen={messageDialog.open}\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <h4 className=\"mb-4\">\n {messageDialog.mode === 'new' && 'New Message'}\n {messageDialog.mode === 'reply' && 'Reply'}\n </h4>\n <Form onSubmit={handleSubmit(onSubmit)}>\n <FormItem\n label=\"Title:\"\n invalid={Boolean(errors.title)}\n errorMessage={errors.title?.message}\n >\n <Controller\n name=\"title\"\n control={control}\n render={({ field }) => (\n <Input\n autoComplete=\"off\"\n placeholder=\"Add a subject\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"To:\"\n invalid={Boolean(errors.to)}\n errorMessage={errors.to?.message}\n >\n <Controller\n name=\"to\"\n control={control}\n render={({ field }) => (\n <Input autoComplete=\"off\" {...field} />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Message\"\n invalid={Boolean(errors.content)}\n errorMessage={errors.content?.message}\n >\n <Controller\n name=\"content\"\n control={control}\n render={({ field }) => (\n <RichTextEditor\n content={field.value}\n invalid={Boolean(errors.content)}\n onChange={({ html }) => {\n field.onChange(html)\n }}\n />\n )}\n />\n </FormItem>\n <div className=\"text-right mt-4\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n type=\"button\"\n onClick={handleDialogClose}\n >\n Discard\n </Button>\n <Button\n variant=\"solid\"\n loading={formSubmiting}\n type=\"submit\"\n >\n Send\n </Button>\n </div>\n </Form>\n </Dialog>\n )\n}\n\nexport default MailEditor\n"],"names":[],"mappings":"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"}

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'\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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"}
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'\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":";;;;;;;;;;;;;;AAWA,MAAM,EAAE,UAAU,UAAA,IAAc;AAEhC,MAAM,qBAAqB,CAAC,EAAE,YAAgC;AAC1D,QAAM,WAAW,~~YAAY~~;~~AAE7B~~,QAAM,EAAE,kBAAkB,SAAS,mBAAA,IAAuB,~~aAAa~~;~~AAEvE~~,QAAM,QAAQ,~~SAAS~~;~~AAEjB~~,~~QAAA~~,cAAc,MAAM,IAAI,UAAU,KAAK,MAAM,IAAI,OAAO,KAAK;AAEnE,QAAM,cAAc,CAAC;AAAA,IACjB;AAAA,IACA;AAAA,EAAA,MAIE;AACF,YAAQ,CAAA,CAAE;AACV,uBAAmB,KAAK;AAExB,UAAM,SAGF,~~CAAC~~;~~AAEL~~,QAAI,UAAU;AACV,aAAO,WAAW;AAAA,~~IAAA~~;~~AAGtB~~,QAAI,OAAO;AACP,aAAO,QAAQ;AAAA,~~IAAA~~;~~AAGnB~~;AAAA,MACI;AAAA,QACI,UAAU;AAAA,QACV,QAAQ,mBAAmB,MAAM,EAAE,~~SAAS~~;AAAA,~~MAChD~~;AAAA,~~MACA~~,EAAE,SAAS,~~KAAK~~;AAAA,~~IACpB~~;AAAA,~~EACJ~~;AACA,6BACK,~~OAAI~~,~~EAAA~~,WAAU,wCACX,~~UAAC~~,~~qBAAA~~,WAAA,EAAU,WAAU,0BAChB,UAAA;AAAA,IAAA,6BACI,~~OAAI~~,~~EAAA~~,WAAU,aACX,~~UAAC~~,~~oBAAA~~,MAAA,EAAI,iBAAM,~~EACf~~,~~CAAA~~;AAAA,wBAEH,~~MAAK~~,~~EAAA~~,WAAU,cACX,UAAU,~~UAAA,~~IAAI,CAAC,SACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,UAAU,KAAK;AAAA,QACf,WAAW,QACP,iBAAiB,UAAU,KAAK,QAC1B,iCACA,EACV;AAAA,QACA,UAAU,gBAAgB,KAAK;AAAA,QAC/B,UAAU,MACN,YAAY,EAAE,UAAU,KAAK,OAAO,OAAO,IAAI;AAAA,QAGnD,UAAA;AAAA,UAAA,oBAAC,~~QAAK~~,~~EAAA~~,WAAU,8BACX,UAAA,KAAK,MACV;AAAA,UACA,oBAAC,~~QAAM~~,~~EAAA~~,UAAA,KAAK,~~MAAM~~,~~CAAA~~;AAAA,QAAA;AAAA,MAAA;AAAA,MAfb,KAAK;AAAA,~~IAiBjB~~,~~CAAA~~,GACL;AAAA,IACA,oBAAC,~~MAAK~~,~~EAAA~~,WAAU,aACZ,UAAA,oBAAC,~~WAAU~~,~~EAAA~~,OAAM,UACZ,UAAA,UAAU,IAAI,CAAC,UACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,UAAU,MAAM;AAAA,QAChB,WAAW,QACP,iBAAiB,UAAU,MAAM,QAC3B,iCACA,EACV;AAAA,QACA,UAAU,gBAAgB,MAAM;AAAA,QAChC,UAAU,MACN,YAAY;AAAA,UACR,UAAU;AAAA,UACV,OAAO,MAAM;AAAA,QAAA,CAChB;AAAA,QAGL,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,YAAY,MAAM;AAAA,YAAA;AAAA,~~UACtB~~;AAAA,~~UACA~~,oBAAC,~~QAAM~~,~~EAAA~~,UAAA,MAAM,~~MAAM~~,~~CAAA~~;AAAA,QAAA;AAAA,MAAA;AAAA,MAnBd,MAAM;AAAA,~~IAqBlB~~,~~CAAA~~,~~EACL~~,~~CAAA~~,~~EACJ,CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAER;AAEA,MAAM,cAAc,MAAM;AACtB,QAAM,EAAE,qBAAqB,~~oBAAoB~~,~~IAAI~~,~~aAAa~~;~~AAE5D~~,~~QAAA~~,EAAE,~~QAAQ~~,~~IAAI~~,~~cAAc~~;~~AAElC~~,QAAM,uBAAuB,MAAM;AAC/B,wBAAoB,KAAK;AAAA,EAC7B;AAEA,SAAO,QAAQ,KACX;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAM;AAAA,MACN,QAAQ;AAAA,MACR,WAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,8BAAC,~~OAAI~~,~~EAAA~~,WAAU,eACX,UAAA,oBAAC,sBAAmB,~~EACxB~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EACJ~~,~~IAEC~~,~~oBAAA~~,OAAA,EAAI,WAAW,WAAW,WAAW,GAClC,~~UAAC~~,~~oBAAA~~,oBAAA,EAAmB,OAAM,UAAA,CAAU,~~EACxC~~,~~CAAA~~;AAER;"}
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 {\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,~~EAAG~~;AAAA,~~EAC3D~~,EAAE,OAAO,YAAY,OAAO,aAAa,MAAM,oBAAC,0BAAuB,~~EAAG~~;AAAA,~~EAC1E~~,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,oBAAC,mBAAgB,~~EAAG~~;AAAA,~~EAC5D~~,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,oBAAC,iBAAc,~~EAAG~~;AAAA,~~EAC9D~~,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,oBAAC,kBAAe,~~EAAG~~;~~AACnE~~;AAEO,MAAM,YAAqB;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,~~EACd~~;AAAA,~~EACA~~;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,~~EACd~~;AAAA,~~EACA~~;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'\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;~~AACQ~~,~~QAAA~~,OAAO,MAAM,YAA+C,GAAG;~~AAC9D~~,~~SAAA~~;AACX;AAEA,eAAe,QAAQ,GAAW,EAAE,OAAwB;AACxD,QAAM,OAAO,MAAM,WAA4C,EAAE,IAAI,KAAK;~~AACnE~~,~~SAAA~~;AACX;AAEA,MAAM,UAAU,MAAM;~~AACZ~~,~~QAAA~~;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,~~MACA~~,~~aAAa~~;~~AAEjB~~,QAAM,EAAE,SAAS,YAAY,YAAY,~~gBAAoB,IAAA~~;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,MACI,WAAW,CAAC,SAAS;AACjB,wBAAgB,CAAA,CAAE;AAClB,oBAAY,IAAI;AAChB,2BAAmB,IAAI;AAAA,~~MAAA~~;AAAA,~~IAC3B~~;AAAA,~~EAER~~;~~AAEA~~,QAAM,EAAE,SAAS,WAAW,YAAY,~~eAAmB,IAAA~~;AAAA,IACvD,aAAa,cAAc;AAAA,IAC3B;AAAA,IACA;AAAA,MACI,WAAW,CAAC,SAAS;AACjB,gBAAQ,IAAI;AAAA,~~MAAA~~;AAAA,~~IAChB~~;AAAA,~~EAER~~;~~AAEO~~,~~SAAA~~;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,~~EACJ~~;~~AACJ~~;"}
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'\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~~;~~AAEnE~~,~~QAAA~~,iBAAiB,CAAC,YAAkB;AACtC,UAAM,cAAc,UAAU,QAAQ,EAAE,IAAI,CAAC,SAAS;~~AAC9C~~,~~UAAA~~,KAAK,OAAO,QAAQ,IAAI;~~AACjB~~,~~eAAA~~;AAAA,~~MAAA~~;~~AAEJ~~,~~aAAA~~;AAAA,~~IAAA~~,~~CACV~~;AACD,gBAAY,WAAW;AAAA,EAC3B;AAEA,QAAM,eAAe,CAAC,MAAY,gBAAyB,SAAS;~~AAC1D~~,~~UAAA~~,UAAU,UAAU,IAAI;~~AACtB~~,~~YAAA~~,UAAU,CAAC,QAAQ;AAC3B,QAAI,eAAe;AACf,cAAQ,OAAO;AAAA,~~IAAA~~;~~AAEnB~~,mBAAe,OAAO;AAAA,EAC1B;AAEA,QAAM,eAAe,CAAC,MAAY,gBAAyB,SAAS;~~AAC1D~~,~~UAAA~~,UAAU,UAAU,IAAI;~~AACtB~~,~~YAAA~~,UAAU,CAAC,QAAQ;AAC3B,QAAI,eAAe;AACf,cAAQ,OAAO;AAAA,~~IAAA~~;~~AAEnB~~,mBAAe,OAAO;AAAA,EAC1B;~~AAEM~~,~~QAAA~~,mBAAmB,CAAC,SAAe;~~AAC/B~~,~~UAAA~~,UAAU,UAAU,IAAI;~~AACtB~~,~~YAAA~~,UAAU,CAAC,QAAQ;AAC3B,mBAAe,OAAO;AAAA,EAC1B;~~AAEM~~,~~QAAA~~,kBAAkB,CAAC,MAAY,gBAAwB;~~AACnD~~,~~UAAA~~,UAAU,UAAU,IAAI;AAC9B,YAAQ,QAAQ;AAChB,mBAAe,OAAO;AAAA,EAC1B;~~AAEM~~,~~QAAA~~,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,~~QAAA~~;~~AAGZ~~,~~eAAA~~;AAAA,~~MACV~~,~~CAAA~~;AAAA,~~IACL~~;~~AACA~~,oBAAgB,CAAA,CAAE;AAAA,EACtB;~~AAEM~~,~~QAAA~~,eAAe,CAAC,YAAsB;~~AAC5B~~,~~gBAAA~~,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;~~AACR~~,~~eAAA~~;AAAA,~~MACV~~,~~CAAA~~;AAAA,~~IACL~~;~~AACA~~,oBAAgB,CAAA,CAAE;AAAA,EACtB;~~AAEO~~,~~SAAA~~;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,~~EACJ~~;~~AACJ~~;"}
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'\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,~~CAAC~~;AAAA,~~EACX~~,iBAAiB;AAAA,EACjB,MAAM,~~CAAC~~;AAAA,~~EACP~~,gBAAgB,~~CAAC~~;AAAA,~~EACjB~~,qBAAqB;AAAA,EACrB,kBAAkB,~~CAAC~~;AAAA,~~EACnB~~,eAAe;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd;~~AAEa~~,~~MAAA~~,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'\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,~~YAAY~~;~~AAE7B~~,QAAM,CAAC,yBAAyB,0BAA0B,IACtD,SAAS,KAAK;AAClB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;~~AAE9C~~,~~QAAA~~,mBAAmB,OAAO,WAA4B;~~AAChD~~,~~YAAA~~,IAAI,oBAAoB,MAAM;AACtC,mBAAe,IAAI;AACnB,UAAM,MAAM,GAAG;AACf,mBAAe,KAAK;AACpB,UAAM,~~KAAM~~,~~oBAAA~~,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;~~AACzB~~,~~UAAA~~;AAAA,~~MACD~~,~~oBAAA~~,cAAA,EAAa,MAAK,WAAU,~~UAAgB~~,~~oBAAA~~;AAAA,MAC7C,EAAE,WAAW,~~aAAa~~;AAAA,~~IAC9B~~;~~AACA~~,aAAS,6BAA6B;AAAA,EAC1C;AAEA,QAAM,gBAAgB,MAAM;AACxB,+BAA2B,IAAI;AAAA,EACnC;AAEA,QAAM,eAAe,MAAM;AACvB,+BAA2B,KAAK;AAAA,EACpC;AAEA,~~SAEQ~~,qBAAA,UAAA,~~EAAA~~,UAAA;AAAA,~~IAAC~~,~~oBAAA~~,WAAA,EAAU,cAAc,kBACrB,UAAA,oBAAC,aACG,~~UAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,oBAAC,~~QAAK~~,~~EAAA~~;AAAA,MACN,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,qBACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,0BAAO,~~SAAQ~~,~~EAAA~~;AAAA,YACf,SAAS;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,~~QAED~~;AAAA,~~QACA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,~~EACJ~~,~~CAAA~~;AAAA,IAAA,~~EACJ~~,~~CAAA~~,~~EACJ~~,~~CAAA,~~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,~~KAAE~~,~~EAAA~~,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,~~EACb~~,~~CAAA~~;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'\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;~~AACjB~~,~~QAAA~~,EAAE,~~GAAG~~,~~IAAI~~,~~UAAU~~;~~AAEnB~~,~~QAAA~~,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,~~EAE/B~~;~~AAGI~~,~~SAAA~~,oBAAC,WAAQ,SAAS,WACb,~~kBAEO~~,oBAAA,UAAA,~~EAAA~~,UAAA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,mCACX,UAAA;AAAA,~~IAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,~~MAAC~~,~~oBAAA~~,qBAAA,EAAoB,UAAU,KAAK,~~QAAS~~,~~CAAA~~;AAAA,MAC7C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,eAAe,KAAK;AAAA,UACpB,gBAAgB,KAAK;AAAA,QAAA;AAAA,~~MACzB~~;AAAA,~~MACA~~;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,YAAY,KAAK;AAAA,UACjB,gBAAgB,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB,GACJ;AAAA,IACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,iDACX,UAAA;AAAA,~~MAAC~~,~~oBAAA~~,qBAAA,EAAoB,UAAU,KAAK,~~SAAU~~,~~CAAA~~;AAAA,~~MAC7C~~,~~oBAAA~~,iBAAA,EAAgB,MAAM,KAAK,~~KAAM~~,~~CAAA~~;AAAA,IAAA,~~EACtC~~,~~CAAA~~;AAAA,EAAA,~~EACJ~~,~~CAAA~~,~~EACJ~~,~~CAAA,~~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'\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,~~MACG~~,~~EAAA~~,UAAA;AAAA,~~IAAC~~,~~oBAAA~~,MAAA,EAAG,WAAU,QAAO,~~UAAQ~~,~~YAAA~~;AAAA,IAC7B;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,IAAG;AAAA,QAEH,UAAA;AAAA,~~UAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,oBAAC,~~QAAO~~,~~EAAA~~,OAAM,UAAS,KAAK,SAAS,KAAK;AAAA,iCACzC,~~OACG~~,~~EAAA~~,UAAA;AAAA,cAAA,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,0BACV,UAAA,SAAS,MACd;AAAA,mCACC,~~QACG~~,~~EAAA~~,UAAA;AAAA,~~gBAAC~~,~~qBAAA~~,QAAA,EAAK,WAAU,iBACX,UAAA;AAAA,~~kBAAS~~,~~SAAA~~;AAAA,kBAAe;AAAA,gBAAA,GAC7B;AAAA,gBAAO;AAAA,cAAA,~~EAEX~~,~~CAAA~~;AAAA,YAAA,~~EACJ~~,~~CAAA~~;AAAA,UAAA,GACJ;AAAA,UACA,oBAAC,~~gBAAe~~,~~EAAA~~,WAAU,~~mCAAmC~~,~~CAAA~~;AAAA,QAAA;AAAA,MAAA;AAAA,~~IACjE~~;AAAA,~~IACA~~,oBAAC,~~MAAG~~,~~EAAA~~,WAAU,~~OAAO~~,~~CAAA~~;AAAA,IACrB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAM,oBAAC,~~QAAO~~,~~EAAA~~,WAAU,~~qBAAqB~~,~~CAAA~~;AAAA,QAE7C,UAAA,oBAAC,~~QAAM~~,~~EAAA~~,UAAA,SAAS,~~MAAM~~,~~CAAA~~;AAAA,MAAA;AAAA,~~IAC1B~~;AAAA,~~IACC~~,~~oBAAA~~,UAAA,EAAS,MAAM,oBAAC,~~SAAQ~~,~~EAAA~~,WAAU,~~qBAAqB~~,~~CAAA~~,GACpD,~~UAAC~~,~~oBAAA~~,QAAA,EAAM,~~UAAS~~,~~SAAA~~,~~MAAM~~,~~CAAA~~,GAC1B;AAAA,IACA,oBAAC,~~MAAG~~,~~EAAA~~,WAAU,~~OAAO~~,~~CAAA~~;AAAA,~~IACpB~~,~~oBAAA~~,MAAA,EAAG,WAAU,kBAAiB,~~UAAgB~~,~~oBAAA~~;AAAA,IAC/C,qBAAC,~~WAAQ~~,~~EAAA~~,WAAU,cACf,UAAA;AAAA,MAAA,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,QAAQ,UAAA,SAAS,gBAAgB,OAAM;AAAA,0BACrD,~~OAAI~~,~~EAAA~~,WAAU,QAAQ,UAAA,SAAS,gBAAgB,OAAM;AAAA,0BACrD,~~OAAI~~,~~EAAA~~,WAAU,QAAQ,UAAA,SAAS,gBAAgB,OAAM;AAAA,~~MACrD~~,~~oBAAA~~,OAAA,EAAK,~~UAAS~~,~~SAAA~~,gBAAgB,~~MAAM~~,~~CAAA~~;AAAA,IAAA,GACzC;AAAA,IACA,oBAAC,~~MAAG~~,~~EAAA~~,WAAU,~~OAAO~~,~~CAAA~~;AAAA,~~IACpB~~,~~oBAAA~~,MAAA,EAAG,WAAU,kBAAiB,~~UAAe~~,~~mBAAA~~;AAAA,IAC9C,qBAAC,~~WAAQ~~,~~EAAA~~,WAAU,cACf,UAAA;AAAA,MAAA,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,QAAQ,UAAA,SAAS,eAAe,OAAM;AAAA,0BACpD,~~OAAI~~,~~EAAA~~,WAAU,QAAQ,UAAA,SAAS,eAAe,OAAM;AAAA,0BACpD,~~OAAI~~,~~EAAA~~,WAAU,QAAQ,UAAA,SAAS,eAAe,OAAM;AAAA,~~MACpD~~,~~oBAAA~~,OAAA,EAAK,~~UAAS~~,~~SAAA~~,eAAe,~~MAAM~~,~~CAAA~~;AAAA,IAAA,~~EACxC~~,~~CAAA~~;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'\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;~~AACtB~~,~~QAAA~~,EAAE,~~GAAG~~,~~IAAI~~,~~UAAU~~;~~AAEzB~~,8BAAQ,~~MAAG~~,~~EAAA~~,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'\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;~~AAC3B~~,~~QAAA~~,EAAE,~~GAAG~~,~~IAAI~~,~~UAAU~~;~~AAEzB~~,QAAM,WAAW,~~YAAY~~;~~AAE7B~~,QAAM,kBAAkB,MAAM;~~AACjB~~,~~aAAA~~,+BAA+B,EAAE,EAAE;AAAA,EAChD;~~AAGI~~,~~SAAA~~,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,wCACX,UAAA;AAAA,IAAA,oBAAC,UAAO,SAAS,MAAM,OAAO,~~SAAS~~,~~UAAK~~,~~SAAA~~;AAAA,wBAC3C,~~QAAO~~,~~EAAA~~,SAAQ,SAAQ,SAAS,iBAAiB,~~UAElD~~,OAAA,~~CAAA~~;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'\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,~~MACG~~,~~EAAA~~,UAAA;AAAA,~~IAAC~~,~~oBAAA~~,MAAA,EAAG,WAAU,QAAO,~~UAAI~~,~~QAAA~~;AAAA,~~IACxB~~,~~oBAAA~~,OAAA,EAAI,WAAU,+CACV,~~UACL~~,KAAA,~~CAAA~~;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;"}