@orbe-agro/client-core 5.3.147 → 5.3.156

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

@@ -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":["MenuItem","MenuGroup","Menu","MailSideBarContent","title","navigate","useNavigate","selectedCategory","setMail","setMailListFetched","useMailStore","query","useQuery","currentPath","onMenuClick","category","label","params","createSearchParams","jsxs","ScrollBar","jsx","groupList","menu","labelList","Badge","MailSidebar","mobileSideBarExpand","toggleMobileSidebar","smaller","useResponsive","onMobileSideBarClose","Drawer","classNames"],"mappings":"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"}
+{"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":["MenuItem","MenuGroup","Menu","MailSideBarContent","title","navigate","useNavigate","selectedCategory","setMail","setMailListFetched","useMailStore","query","useQuery","currentPath","onMenuClick","category","label","params","createSearchParams","jsxs","ScrollBar","jsx","groupList","menu","labelList","Badge","MailSidebar","mobileSideBarExpand","toggleMobileSidebar","smaller","useResponsive","onMobileSideBarClose","Drawer","classNames"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,EAAE,UAAAA,GAAU,WAAAC,EAAA,IAAcC,GAE1BC,IAAqB,CAAC,EAAE,OAAAC,QAAgC;AAC1D,QAAMC,IAAWC,EAAY,GAEvB,EAAE,kBAAAC,GAAkB,SAAAC,GAAS,oBAAAC,EAAA,IAAuBC,EAAa,GAEjEC,IAAQC,EAAS,GAEjBC,IAAcF,EAAM,IAAI,UAAU,KAAKA,EAAM,IAAI,OAAO,KAAK,SAE7DG,IAAc,CAAC;AAAA,IACjB,UAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,MAIE;AACF,IAAAR,EAAQ,CAAA,CAAE,GACVC,EAAmB,EAAK;AAExB,UAAMQ,IAGF,CAAC;AAEL,IAAIF,MACAE,EAAO,WAAWF,IAGlBC,MACAC,EAAO,QAAQD,IAGnBX;AAAA,MACI;AAAA,QACI,UAAU;AAAA,QACV,QAAQa,EAAmBD,CAAM,EAAE,SAAS;AAAA,MAChD;AAAA,MACA,EAAE,SAAS,GAAK;AAAA,IACpB;AAAA,EACJ;AACA,2BACK,OAAI,EAAA,WAAU,wCACX,UAAC,gBAAAE,EAAAC,GAAA,EAAU,WAAU,0BAChB,UAAA;AAAA,IAAAhB,uBACI,OAAI,EAAA,WAAU,aACX,UAAC,gBAAAiB,EAAA,MAAA,EAAI,aAAM,EACf,CAAA;AAAA,sBAEHnB,GAAK,EAAA,WAAU,cACX,UAAUoB,EAAA,IAAI,CAACC,MACZ,gBAAAJ;AAAA,MAACnB;AAAA,MAAA;AAAA,QAEG,UAAUuB,EAAK;AAAA,QACf,WAAW,QACPhB,EAAiB,UAAUgB,EAAK,QAC1B,iCACA,EACV;AAAA,QACA,UAAUV,MAAgBU,EAAK;AAAA,QAC/B,UAAU,MACNT,EAAY,EAAE,UAAUS,EAAK,OAAO,OAAO,IAAI;AAAA,QAGnD,UAAA;AAAA,UAAA,gBAAAF,EAAC,QAAK,EAAA,WAAU,8BACX,UAAAE,EAAK,MACV;AAAA,UACA,gBAAAF,EAAC,QAAM,EAAA,UAAAE,EAAK,MAAM,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAfbA,EAAK;AAAA,IAiBjB,CAAA,GACL;AAAA,IACA,gBAAAF,EAACnB,GAAK,EAAA,WAAU,aACZ,UAAA,gBAAAmB,EAACpB,GAAU,EAAA,OAAM,UACZ,UAAAuB,EAAU,IAAI,CAACR,MACZ,gBAAAG;AAAA,MAACnB;AAAA,MAAA;AAAA,QAEG,UAAUgB,EAAM;AAAA,QAChB,WAAW,QACPT,EAAiB,UAAUS,EAAM,QAC3B,iCACA,EACV;AAAA,QACA,UAAUH,MAAgBG,EAAM;AAAA,QAChC,UAAU,MACNF,EAAY;AAAA,UACR,UAAU;AAAA,UACV,OAAOE,EAAM;AAAA,QAAA,CAChB;AAAA,QAGL,UAAA;AAAA,UAAA,gBAAAK;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,YAAYT,EAAM;AAAA,YAAA;AAAA,UACtB;AAAA,UACA,gBAAAK,EAAC,QAAM,EAAA,UAAAL,EAAM,MAAM,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAnBdA,EAAM;AAAA,IAqBlB,CAAA,EACL,CAAA,EACJ,CAAA;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AAER,GAEMU,IAAc,MAAM;AACtB,QAAM,EAAE,qBAAAC,GAAqB,qBAAAC,EAAoB,IAAIlB,EAAa,GAE5D,EAAE,SAAAmB,EAAQ,IAAIC,EAAc,GAE5BC,IAAuB,MAAM;AAC/B,IAAAH,EAAoB,EAAK;AAAA,EAC7B;AAEA,SAAOC,EAAQ,KACX,gBAAAR;AAAA,IAACW;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAM;AAAA,MACN,QAAQL;AAAA,MACR,WAAU;AAAA,MACV,OAAO;AAAA,MACP,SAASI;AAAA,MACT,gBAAgBA;AAAA,MAEhB,4BAAC,OAAI,EAAA,WAAU,eACX,UAAA,gBAAAV,EAAClB,KAAmB,EACxB,CAAA;AAAA,IAAA;AAAA,EACJ,IAEC,gBAAAkB,EAAA,OAAA,EAAI,WAAWY,EAAW,WAAW,GAClC,UAAC,gBAAAZ,EAAAlB,GAAA,EAAmB,OAAM,UAAA,CAAU,EACxC,CAAA;AAER;"}

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

@@ -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":["groupList","jsx","HiOutlineInbox","HiOutlinePaperAirplane","HiOutlinePencil","HiOutlineStar","HiOutlineTrash","labelList"],"mappings":";;AASO,MAAMA,IAAqB;AAAA,EAC9B,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,gBAAAC,EAACC,KAAe,EAAA;AAAA,EACxD,EAAE,OAAO,YAAY,OAAO,aAAa,MAAM,gBAAAD,EAACE,KAAuB,EAAA;AAAA,EACvE,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,gBAAAF,EAACG,KAAgB,EAAA;AAAA,EACzD,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAH,EAACI,KAAc,EAAA;AAAA,EAC3D,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAJ,EAACK,KAAe,EAAA;AAChE,GAEaC,IAAqB;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;"}
+{"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":["groupList","jsx","HiOutlineInbox","HiOutlinePaperAirplane","HiOutlinePencil","HiOutlineStar","HiOutlineTrash","labelList"],"mappings":";;AASO,MAAMA,IAAqB;AAAA,EAC9B,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,gBAAAC,EAACC,KAAe,EAAG;AAAA,EAC3D,EAAE,OAAO,YAAY,OAAO,aAAa,MAAM,gBAAAD,EAACE,KAAuB,EAAG;AAAA,EAC1E,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,gBAAAF,EAACG,KAAgB,EAAG;AAAA,EAC5D,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAH,EAACI,KAAc,EAAG;AAAA,EAC9D,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAJ,EAACK,KAAe,EAAG;AACnE,GAEaC,IAAqB;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;"}

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

@@ -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":["getMails","_","arg","apiGetMails","getMail","apiGetMail","useMail","setMailList","setMail","selectedMailId","setMailListFetched","setSelectedMail","useMailStore","fetchMails","isMailsFetching","useSWRMutation","list","fetchMail","isMailFetching","mail"],"mappings":";;;AAUA,eAAeA,EACXC,GACA,EAAE,KAAAC,KACJ;AAEE,SADa,MAAMC,EAA+CD,CAAG;AAEzE;AAEA,eAAeE,EAAQH,GAAW,EAAE,KAAAC,KAAwB;AAExD,SADa,MAAMG,EAA4C,EAAE,IAAIH,GAAK;AAE9E;AAEA,MAAMI,IAAU,MAAM;AAClB,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACAC,EAAA,GAEE,EAAE,SAASC,GAAY,YAAYC,MAAoBC;AAAA,IACzD;AAAA,IACAf;AAAA,IACA;AAAA,MACI,WAAW,CAACgB,MAAS;AACjB,QAAAL,EAAgB,CAAA,CAAE,GAClBJ,EAAYS,CAAI,GAChBN,EAAmB,EAAI;AAAA,MAC3B;AAAA,IAAA;AAAA,EACJ,GAGE,EAAE,SAASO,GAAW,YAAYC,MAAmBH;AAAA,IACvD,aAAaN,CAAc;AAAA,IAC3BL;AAAA,IACA;AAAA,MACI,WAAW,CAACe,MAAS;AACjB,QAAAX,EAAQW,CAAI;AAAA,MAChB;AAAA,IAAA;AAAA,EACJ;AAGJ,SAAO;AAAA,IACH,YAAAN;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAG;AAAA,IACA,gBAAAC;AAAA,EAAA;AAER;"}
+{"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":["getMails","_","arg","apiGetMails","getMail","apiGetMail","useMail","setMailList","setMail","selectedMailId","setMailListFetched","setSelectedMail","useMailStore","fetchMails","isMailsFetching","useSWRMutation","list","fetchMail","isMailFetching","mail"],"mappings":";;;AAUA,eAAeA,EACXC,GACA,EAAE,KAAAC,KACJ;AAES,SADM,MAAMC,EAA+CD,CAAG;AAEzE;AAEA,eAAeE,EAAQH,GAAW,EAAE,KAAAC,KAAwB;AAEjD,SADM,MAAMG,EAA4C,EAAE,IAAIH,GAAK;AAE9E;AAEA,MAAMI,IAAU,MAAM;AACZ,QAAA;AAAA,IACF,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,iBAAAC;AAAA,MACAC,EAAa,GAEX,EAAE,SAASC,GAAY,YAAYC,EAAoB,IAAAC;AAAA,IACzD;AAAA,IACAf;AAAA,IACA;AAAA,MACI,WAAW,CAACgB,MAAS;AACjB,QAAAL,EAAgB,CAAA,CAAE,GAClBJ,EAAYS,CAAI,GAChBN,EAAmB,EAAI;AAAA,MAAA;AAAA,IAC3B;AAAA,EAER,GAEM,EAAE,SAASO,GAAW,YAAYC,EAAmB,IAAAH;AAAA,IACvD,aAAaN,CAAc;AAAA,IAC3BL;AAAA,IACA;AAAA,MACI,WAAW,CAACe,MAAS;AACjB,QAAAX,EAAQW,CAAI;AAAA,MAAA;AAAA,IAChB;AAAA,EAER;AAEO,SAAA;AAAA,IACH,YAAAN;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAG;AAAA,IACA,gBAAAC;AAAA,EACJ;AACJ;"}

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

@@ -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":["useMailAction","mailList","setMail","setMailList","setSelectedMail","useMailStore","updateMailList","newMail","newMailList","cloneDeep","mail","shouldSetMail","mailsId","destination"],"mappings":";;AAIA,MAAMA,IAAgB,MAAM;AACxB,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,aAAAC,GAAa,iBAAAC,EAAA,IAAoBC,EAAA,GAEtDC,IAAiB,CAACC,MAAkB;AACtC,UAAMC,IAAcC,EAAUR,CAAQ,EAAE,IAAI,CAACS,OACrCA,EAAK,OAAOH,EAAQ,OACpBG,IAAOH,IAEJG,EACV;AACD,IAAAP,EAAYK,CAAW;AAAA,EAC3B;AA6DA,SAAO;AAAA,IACH,cA5DiB,CAACE,GAAYC,IAAyB,OAAS;AAChE,YAAMJ,IAAUE,EAAUC,CAAI;AAC9B,MAAAH,EAAQ,UAAU,CAACA,EAAQ,SACvBI,KACAT,EAAQK,CAAO,GAEnBD,EAAeC,CAAO;AAAA,IAC1B;AAAA,IAsDI,cAjBiB,CAACK,MAAsB;AACxC,MAAAT,EAAYF,EAAS,OAAO,CAACS,MAAS,CAACE,EAAQ,SAASF,EAAK,EAAE,CAAC,CAAC,GACjEN,EAAgB,CAAA,CAAE;AAAA,IACtB;AAAA,IAeI,cArDiB,CAACM,GAAYC,IAAyB,OAAS;AAChE,YAAMJ,IAAUE,EAAUC,CAAI;AAC9B,MAAAH,EAAQ,UAAU,CAACA,EAAQ,SACvBI,KACAT,EAAQK,CAAO,GAEnBD,EAAeC,CAAO;AAAA,IAC1B;AAAA,IA+CI,iBAvCoB,CAACG,GAAYG,MAAwB;AACzD,YAAMN,IAAUE,EAAUC,CAAI;AAC9B,MAAAH,EAAQ,QAAQM,GAChBP,EAAeC,CAAO;AAAA,IAC1B;AAAA,IAoCI,kBA9CqB,CAACG,MAAe;AACrC,YAAMH,IAAUE,EAAUC,CAAI;AAC9B,MAAAH,EAAQ,UAAU,CAACA,EAAQ,SAC3BD,EAAeC,CAAO;AAAA,IAC1B;AAAA,IA2CI,gBAhBmB,MAAM;AACzB,MAAAJ;AAAA,QACIF,EAAS,IAAI,CAACS,OACVA,EAAK,UAAU,IACRA,EACV;AAAA,MAAA,GAELN,EAAgB,CAAA,CAAE;AAAA,IACtB;AAAA,IASI,sBApCyB,CAACQ,GAAmBC,MAAwB;AACrE,MAAAV;AAAA,QACIF,EAAS,IAAI,CAACS,OACNE,EAAQ,SAASF,EAAK,EAAE,MACxBA,EAAK,QAAQG,GACbH,EAAK,UAAU,KAGZA,EACV;AAAA,MAAA,GAELN,EAAgB,CAAA,CAAE;AAAA,IACtB;AAAA,EAwBI;AAER;"}
+{"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":["useMailAction","mailList","setMail","setMailList","setSelectedMail","useMailStore","updateMailList","newMail","newMailList","cloneDeep","mail","shouldSetMail","mailsId","destination"],"mappings":";;AAIA,MAAMA,IAAgB,MAAM;AACxB,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,aAAAC,GAAa,iBAAAC,EAAA,IAAoBC,EAAa,GAEnEC,IAAiB,CAACC,MAAkB;AACtC,UAAMC,IAAcC,EAAUR,CAAQ,EAAE,IAAI,CAACS,OACrCA,EAAK,OAAOH,EAAQ,OACbG,IAAAH,IAEJG,EACV;AACD,IAAAP,EAAYK,CAAW;AAAA,EAC3B;AA6DO,SAAA;AAAA,IACH,cA5DiB,CAACE,GAAYC,IAAyB,OAAS;AAC1D,YAAAJ,IAAUE,EAAUC,CAAI;AACtB,MAAAH,EAAA,UAAU,CAACA,EAAQ,SACvBI,KACAT,EAAQK,CAAO,GAEnBD,EAAeC,CAAO;AAAA,IAC1B;AAAA,IAsDI,cAjBiB,CAACK,MAAsB;AAC5B,MAAAT,EAAAF,EAAS,OAAO,CAACS,MAAS,CAACE,EAAQ,SAASF,EAAK,EAAE,CAAC,CAAC,GACjEN,EAAgB,CAAA,CAAE;AAAA,IACtB;AAAA,IAeI,cArDiB,CAACM,GAAYC,IAAyB,OAAS;AAC1D,YAAAJ,IAAUE,EAAUC,CAAI;AACtB,MAAAH,EAAA,UAAU,CAACA,EAAQ,SACvBI,KACAT,EAAQK,CAAO,GAEnBD,EAAeC,CAAO;AAAA,IAC1B;AAAA,IA+CI,iBAvCoB,CAACG,GAAYG,MAAwB;AACnD,YAAAN,IAAUE,EAAUC,CAAI;AAC9B,MAAAH,EAAQ,QAAQM,GAChBP,EAAeC,CAAO;AAAA,IAC1B;AAAA,IAoCI,kBA9CqB,CAACG,MAAe;AAC/B,YAAAH,IAAUE,EAAUC,CAAI;AACtB,MAAAH,EAAA,UAAU,CAACA,EAAQ,SAC3BD,EAAeC,CAAO;AAAA,IAC1B;AAAA,IA2CI,gBAhBmB,MAAM;AACzB,MAAAJ;AAAA,QACIF,EAAS,IAAI,CAACS,OACVA,EAAK,UAAU,IACRA,EACV;AAAA,MACL,GACAN,EAAgB,CAAA,CAAE;AAAA,IACtB;AAAA,IASI,sBApCyB,CAACQ,GAAmBC,MAAwB;AACrE,MAAAV;AAAA,QACIF,EAAS,IAAI,CAACS,OACNE,EAAQ,SAASF,EAAK,EAAE,MACxBA,EAAK,QAAQG,GACbH,EAAK,UAAU,KAGZA,EACV;AAAA,MACL,GACAN,EAAgB,CAAA,CAAE;AAAA,IACtB;AAAA,EAyBA;AACJ;"}

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

@@ -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":["initialState","useMailStore","create","set","payload"],"mappings":";AA4BA,MAAMA,IAA0B;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,GAEaC,IAAeC,EAA+B,CAACC,OAAS;AAAA,EACjE,GAAGH;AAAA,EACH,aAAa,CAACI,MAAYD,EAAI,OAAO,EAAE,UAAUC,IAAU;AAAA,EAC3D,oBAAoB,CAACA,MAAYD,EAAI,OAAO,EAAE,iBAAiBC,IAAU;AAAA,EACzE,SAAS,CAACA,MAAYD,EAAI,OAAO,EAAE,MAAMC,IAAU;AAAA,EACnD,iBAAiB,CAACA,MAAYD,EAAI,OAAO,EAAE,gBAAgBC,IAAU;AAAA,EACrE,qBAAqB,CAACA,MAClBD,EAAI,OAAO,EAAE,kBAAkBC,IAAU;AAAA,EAC7C,qBAAqB,CAACA,MAAYD,EAAI,OAAO,EAAE,eAAeC,IAAU;AAAA,EACxE,qBAAqB,CAACA,MAClBD,EAAI,OAAO,EAAE,qBAAqBC,IAAU;AACpD,EAAE;"}
+{"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":["initialState","useMailStore","create","set","payload"],"mappings":";AA4BA,MAAMA,IAA0B;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,GAEaC,IAAeC,EAA+B,CAACC,OAAS;AAAA,EACjE,GAAGH;AAAA,EACH,aAAa,CAACI,MAAYD,EAAI,OAAO,EAAE,UAAUC,IAAU;AAAA,EAC3D,oBAAoB,CAACA,MAAYD,EAAI,OAAO,EAAE,iBAAiBC,IAAU;AAAA,EACzE,SAAS,CAACA,MAAYD,EAAI,OAAO,EAAE,MAAMC,IAAU;AAAA,EACnD,iBAAiB,CAACA,MAAYD,EAAI,OAAO,EAAE,gBAAgBC,IAAU;AAAA,EACrE,qBAAqB,CAACA,MAClBD,EAAI,OAAO,EAAE,kBAAkBC,IAAU;AAAA,EAC7C,qBAAqB,CAACA,MAAYD,EAAI,OAAO,EAAE,eAAeC,IAAU;AAAA,EACxE,qBAAqB,CAACA,MAClBD,EAAI,OAAO,EAAE,qBAAqBC,IAAU;AACpD,EAAE;"}

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

@@ -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&apos;t\n                    be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default OrderCreate\n"],"names":["OrderCreate","navigate","useNavigate","discardConfirmationOpen","setDiscardConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsx","Notification","handleConfirmDiscard","handleDiscard","handleCancel","jsxs","Fragment","OrderForm","Container","Button","TbTrash","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAMA,IAAc,MAAM;AACtB,QAAMC,IAAWC,EAAA,GAEX,CAACC,GAAyBC,CAA0B,IACtDC,EAAS,EAAK,GACZ,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAmB,OAAOC,MAA4B;AACxD,YAAQ,IAAI,oBAAoBA,CAAM,GACtCF,EAAe,EAAI,GACnB,MAAMG,EAAM,GAAG,GACfH,EAAe,EAAK,GACpBI,EAAM,KAAK,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,MACnE,WAAW;AAAA,IAAA,CACd,GACDZ,EAAS,6BAA6B;AAAA,EAC1C,GAEMa,IAAuB,MAAM;AAC/B,IAAAV,EAA2B,EAAI,GAC/BO,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,oBAAgB;AAAA,MAC7C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9BZ,EAAS,6BAA6B;AAAA,EAC1C,GAEMc,IAAgB,MAAM;AACxB,IAAAX,EAA2B,EAAI;AAAA,EACnC,GAEMY,IAAe,MAAM;AACvB,IAAAZ,EAA2B,EAAK;AAAA,EACpC;AAEA,SACI,gBAAAa,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAA,EAAU,cAAcX,GACrB,UAAA,gBAAAI,EAACQ,KACG,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAL,EAAC,QAAA,EAAK;AAAA,MACN,gBAAAK,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,QAAA,gBAAAL;AAAA,UAACS;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,wBAAOC,GAAA,EAAQ;AAAA,YACf,SAASP;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,gBAAAH;AAAA,UAACS;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAASf;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ,GACJ,GACJ;AAAA,IACA,gBAAAM;AAAA,MAACW;AAAA,MAAA;AAAA,QACG,QAAQpB;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASa;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWF;AAAA,QAEX,4BAAC,KAAA,EAAE,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EAAA,CACb;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"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&apos;t\n                    be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default OrderCreate\n"],"names":["OrderCreate","navigate","useNavigate","discardConfirmationOpen","setDiscardConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsx","Notification","handleConfirmDiscard","handleDiscard","handleCancel","jsxs","Fragment","OrderForm","Container","Button","TbTrash","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAMA,IAAc,MAAM;AACtB,QAAMC,IAAWC,EAAY,GAEvB,CAACC,GAAyBC,CAA0B,IACtDC,EAAS,EAAK,GACZ,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAmB,OAAOC,MAA4B;AAChD,YAAA,IAAI,oBAAoBA,CAAM,GACtCF,EAAe,EAAI,GACnB,MAAMG,EAAM,GAAG,GACfH,EAAe,EAAK,GACpBI,EAAM,KAAM,gBAAAC,EAAAC,GAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,MACnE,WAAW;AAAA,IAAA,CACd,GACDZ,EAAS,6BAA6B;AAAA,EAC1C,GAEMa,IAAuB,MAAM;AAC/B,IAAAV,EAA2B,EAAI,GACzBO,EAAA;AAAA,MACD,gBAAAC,EAAAC,GAAA,EAAa,MAAK,WAAU,UAAgB,oBAAA;AAAA,MAC7C,EAAE,WAAW,aAAa;AAAA,IAC9B,GACAZ,EAAS,6BAA6B;AAAA,EAC1C,GAEMc,IAAgB,MAAM;AACxB,IAAAX,EAA2B,EAAI;AAAA,EACnC,GAEMY,IAAe,MAAM;AACvB,IAAAZ,EAA2B,EAAK;AAAA,EACpC;AAEA,SAEQ,gBAAAa,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAN,EAAAO,GAAA,EAAU,cAAcX,GACrB,UAAA,gBAAAI,EAACQ,KACG,UAAC,gBAAAH,EAAA,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAL,EAAC,QAAK,EAAA;AAAA,MACN,gBAAAK,EAAC,OAAI,EAAA,WAAU,qBACX,UAAA;AAAA,QAAA,gBAAAL;AAAA,UAACS;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,wBAAOC,GAAQ,EAAA;AAAA,YACf,SAASP;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,QACA,gBAAAH;AAAA,UAACS;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAASf;AAAA,YACZ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EACJ,CAAA;AAAA,IAAA,EACJ,CAAA,EACJ,CAAA,GACJ;AAAA,IACA,gBAAAM;AAAA,MAACW;AAAA,MAAA;AAAA,QACG,QAAQpB;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASa;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWF;AAAA,QAEX,4BAAC,KAAE,EAAA,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

@@ -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":["OrderDetails","id","useParams","data","isLoading","useSWR","apiGetOrder","jsx","Loading","Fragment","jsxs","OrderDetailProducts","OrderDetailPayment","OrderDetailsActivities","OrderDetailCustomer","OrderDetailNote"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAe,MAAM;AACvB,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,gBAAgBJ,CAAE,EAAE;AAAA,IACrB,MAAMK,EAAY,EAAE,IAAAL,GAAI;AAAA,IACxB;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,gBAAAM,EAACC,KAAQ,SAASJ,GACb,eACG,gBAAAG,EAAAE,GAAA,EACI,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAoB,UAAUR,EAAK,QAAA,CAAS;AAAA,MAC7C,gBAAAI;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,eAAeT,EAAK;AAAA,UACpB,gBAAgBA,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzB,gBAAAI;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,YAAYV,EAAK;AAAA,UACjB,gBAAgBA,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB,GACJ;AAAA,IACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,iDACX,UAAA;AAAA,MAAA,gBAAAH,EAACO,GAAA,EAAoB,UAAUX,EAAK,SAAA,CAAU;AAAA,MAC9C,gBAAAI,EAACQ,GAAA,EAAgB,MAAMZ,EAAK,KAAA,CAAM;AAAA,IAAA,EAAA,CACtC;AAAA,EAAA,EAAA,CACJ,GACJ,GAER;AAER;"}
+{"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":["OrderDetails","id","useParams","data","isLoading","useSWR","apiGetOrder","jsx","Loading","Fragment","jsxs","OrderDetailProducts","OrderDetailPayment","OrderDetailsActivities","OrderDetailCustomer","OrderDetailNote"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAe,MAAM;AACjB,QAAA,EAAE,IAAAC,EAAG,IAAIC,EAAU,GAEnB,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,gBAAgBJ,CAAE,EAAE;AAAA,IACrB,MAAMK,EAAY,EAAE,IAAAL,GAAI;AAAA,IACxB;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAE/B;AAGI,SAAA,gBAAAM,EAACC,KAAQ,SAASJ,GACb,eAEO,gBAAAG,EAAAE,GAAA,EAAA,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,mCACX,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,MAAC,gBAAAH,EAAAI,GAAA,EAAoB,UAAUR,EAAK,QAAS,CAAA;AAAA,MAC7C,gBAAAI;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,eAAeT,EAAK;AAAA,UACpB,gBAAgBA,EAAK;AAAA,QAAA;AAAA,MACzB;AAAA,MACA,gBAAAI;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,YAAYV,EAAK;AAAA,UACjB,gBAAgBA,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB,GACJ;AAAA,IACA,gBAAAO,EAAC,OAAI,EAAA,WAAU,iDACX,UAAA;AAAA,MAAC,gBAAAH,EAAAO,GAAA,EAAoB,UAAUX,EAAK,SAAU,CAAA;AAAA,MAC7C,gBAAAI,EAAAQ,GAAA,EAAgB,MAAMZ,EAAK,KAAM,CAAA;AAAA,IAAA,EACtC,CAAA;AAAA,EAAA,EACJ,CAAA,EACJ,CAAA,GAER;AAER;"}

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

@@ -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":["OrderDetailCustomer","customer","Card","jsx","jsxs","Link","Avatar","TbExternalLink","IconText","TbMail","TbPhone"],"mappings":";;;;;;;AAWA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,0BAEtBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,YAAQ;AAAA,EAC7B,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,IAAG;AAAA,MAEH,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAD,EAACG,GAAA,EAAO,OAAM,UAAS,KAAKL,EAAS,KAAK;AAAA,4BACzC,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,0BACV,UAAAF,EAAS,MACd;AAAA,8BACC,QAAA,EACG,UAAA;AAAA,cAAA,gBAAAG,EAAC,QAAA,EAAK,WAAU,iBACX,UAAA;AAAA,gBAAAH,EAAS;AAAA,gBAAe;AAAA,cAAA,GAC7B;AAAA,cAAO;AAAA,YAAA,EAAA,CAEX;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAE,EAACI,GAAA,EAAe,WAAU,mCAAA,CAAmC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAEjE,gBAAAJ,EAAC,MAAA,EAAG,WAAU,OAAA,CAAO;AAAA,EACrB,gBAAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,MAAM,gBAAAL,EAACM,GAAA,EAAO,WAAU,qBAAA,CAAqB;AAAA,MAE7C,UAAA,gBAAAN,EAAC,QAAA,EAAM,UAAAF,EAAS,MAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAAA,EAE1B,gBAAAE,EAACK,GAAA,EAAS,MAAM,gBAAAL,EAACO,GAAA,EAAQ,WAAU,qBAAA,CAAqB,GACpD,UAAA,gBAAAP,EAAC,QAAA,EAAM,UAAAF,EAAS,MAAA,CAAM,GAC1B;AAAA,EACA,gBAAAE,EAAC,MAAA,EAAG,WAAU,OAAA,CAAO;AAAA,EACrB,gBAAAA,EAAC,MAAA,EAAG,WAAU,kBAAiB,UAAA,oBAAgB;AAAA,EAC/C,gBAAAC,EAAC,WAAA,EAAQ,WAAU,cACf,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAF,EAAS,gBAAgB,OAAM;AAAA,sBACrD,OAAA,EAAI,WAAU,QAAQ,UAAAA,EAAS,gBAAgB,OAAM;AAAA,sBACrD,OAAA,EAAI,WAAU,QAAQ,UAAAA,EAAS,gBAAgB,OAAM;AAAA,IACtD,gBAAAE,EAAC,OAAA,EAAK,UAAAF,EAAS,gBAAgB,MAAA,CAAM;AAAA,EAAA,GACzC;AAAA,EACA,gBAAAE,EAAC,MAAA,EAAG,WAAU,OAAA,CAAO;AAAA,EACrB,gBAAAA,EAAC,MAAA,EAAG,WAAU,kBAAiB,UAAA,mBAAe;AAAA,EAC9C,gBAAAC,EAAC,WAAA,EAAQ,WAAU,cACf,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAF,EAAS,eAAe,OAAM;AAAA,sBACpD,OAAA,EAAI,WAAU,QAAQ,UAAAA,EAAS,eAAe,OAAM;AAAA,sBACpD,OAAA,EAAI,WAAU,QAAQ,UAAAA,EAAS,eAAe,OAAM;AAAA,IACrD,gBAAAE,EAAC,OAAA,EAAK,UAAAF,EAAS,eAAe,MAAA,CAAM;AAAA,EAAA,EAAA,CACxC;AAAA,GACJ;"}
+{"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":["OrderDetailCustomer","customer","Card","jsx","jsxs","Link","Avatar","TbExternalLink","IconText","TbMail","TbPhone"],"mappings":";;;;;;;AAWA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,0BAEtBC,GACG,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAQ,YAAA;AAAA,EAC7B,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,IAAG;AAAA,MAEH,UAAA;AAAA,QAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAD,EAACG,GAAO,EAAA,OAAM,UAAS,KAAKL,EAAS,KAAK;AAAA,4BACzC,OACG,EAAA,UAAA;AAAA,YAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,0BACV,UAAAF,EAAS,MACd;AAAA,8BACC,QACG,EAAA,UAAA;AAAA,cAAC,gBAAAG,EAAA,QAAA,EAAK,WAAU,iBACX,UAAA;AAAA,gBAASH,EAAA;AAAA,gBAAe;AAAA,cAAA,GAC7B;AAAA,cAAO;AAAA,YAAA,EAEX,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAE,EAACI,GAAe,EAAA,WAAU,mCAAmC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjE;AAAA,EACA,gBAAAJ,EAAC,MAAG,EAAA,WAAU,OAAO,CAAA;AAAA,EACrB,gBAAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,MAAM,gBAAAL,EAACM,GAAO,EAAA,WAAU,qBAAqB,CAAA;AAAA,MAE7C,UAAA,gBAAAN,EAAC,QAAM,EAAA,UAAAF,EAAS,MAAM,CAAA;AAAA,IAAA;AAAA,EAC1B;AAAA,EACC,gBAAAE,EAAAK,GAAA,EAAS,MAAM,gBAAAL,EAACO,GAAQ,EAAA,WAAU,qBAAqB,CAAA,GACpD,UAAC,gBAAAP,EAAA,QAAA,EAAM,UAASF,EAAA,MAAM,CAAA,GAC1B;AAAA,EACA,gBAAAE,EAAC,MAAG,EAAA,WAAU,OAAO,CAAA;AAAA,EACpB,gBAAAA,EAAA,MAAA,EAAG,WAAU,kBAAiB,UAAgB,oBAAA;AAAA,EAC/C,gBAAAC,EAAC,WAAQ,EAAA,WAAU,cACf,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,QAAQ,UAAAF,EAAS,gBAAgB,OAAM;AAAA,sBACrD,OAAI,EAAA,WAAU,QAAQ,UAAAA,EAAS,gBAAgB,OAAM;AAAA,sBACrD,OAAI,EAAA,WAAU,QAAQ,UAAAA,EAAS,gBAAgB,OAAM;AAAA,IACrD,gBAAAE,EAAA,OAAA,EAAK,UAASF,EAAA,gBAAgB,MAAM,CAAA;AAAA,EAAA,GACzC;AAAA,EACA,gBAAAE,EAAC,MAAG,EAAA,WAAU,OAAO,CAAA;AAAA,EACpB,gBAAAA,EAAA,MAAA,EAAG,WAAU,kBAAiB,UAAe,mBAAA;AAAA,EAC9C,gBAAAC,EAAC,WAAQ,EAAA,WAAU,cACf,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,QAAQ,UAAAF,EAAS,eAAe,OAAM;AAAA,sBACpD,OAAI,EAAA,WAAU,QAAQ,UAAAA,EAAS,eAAe,OAAM;AAAA,sBACpD,OAAI,EAAA,WAAU,QAAQ,UAAAA,EAAS,eAAe,OAAM;AAAA,IACpD,gBAAAE,EAAA,OAAA,EAAK,UAASF,EAAA,eAAe,MAAM,CAAA;AAAA,EAAA,EACxC,CAAA;AAAA,GACJ;"}

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

@@ -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":["OrderDetailHeader","id","useParams"],"mappings":";;AAEA,MAAMA,IAAoB,MAAM;AAC5B,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA;AAEf,2BAAQ,MAAA,EAAG,UAAA;AAAA,IAAA;AAAA,IAASD;AAAA,EAAA,GAAG;AAC3B;"}
+{"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":["OrderDetailHeader","id","useParams"],"mappings":";;AAEA,MAAMA,IAAoB,MAAM;AACtB,QAAA,EAAE,IAAAC,EAAG,IAAIC,EAAU;AAEzB,2BAAQ,MAAG,EAAA,UAAA;AAAA,IAAA;AAAA,IAASD;AAAA,EAAA,GAAG;AAC3B;"}

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

@@ -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":["OrderDetailHeaderExtra","id","useParams","navigate","useNavigate","jsxs","jsx","Button"],"mappings":";;;;AAGA,MAAMA,IAAyB,MAAM;AACjC,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAETC,IAAWC,EAAA;AAMjB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAO,SAAS,MAAM,OAAO,MAAA,GAAS,UAAA,SAAK;AAAA,sBAC3CA,GAAA,EAAO,SAAQ,SAAQ,SAPR,MAAM;AAC1B,MAAAJ,EAAS,+BAA+BF,CAAE,EAAE;AAAA,IAChD,GAK0D,UAAA,OAAA,CAElD;AAAA,EAAA,GACJ;AAER;"}
+{"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":["OrderDetailHeaderExtra","id","useParams","navigate","useNavigate","jsxs","jsx","Button"],"mappings":";;;;AAGA,MAAMA,IAAyB,MAAM;AAC3B,QAAA,EAAE,IAAAC,EAAG,IAAIC,EAAU,GAEnBC,IAAWC,EAAY;AAOzB,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,wCACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAO,SAAS,MAAM,OAAO,SAAS,UAAK,SAAA;AAAA,sBAC3CA,GAAO,EAAA,SAAQ,SAAQ,SAPR,MAAM;AACjB,MAAAJ,EAAA,+BAA+BF,CAAE,EAAE;AAAA,IAChD,GAK0D,UAElD,OAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}

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

@@ -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":["OrderDetailNote","note","Card","jsx"],"mappings":";;;AAMA,MAAMA,IAAkB,CAAC,EAAE,MAAAC,0BAElBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,QAAI;AAAA,EACzB,gBAAAA,EAAC,OAAA,EAAI,WAAU,+CACV,UAAAF,EAAA,CACL;AAAA,GACJ;"}
+{"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":["OrderDetailNote","note","Card","jsx"],"mappings":";;;AAMA,MAAMA,IAAkB,CAAC,EAAE,MAAAC,0BAElBC,GACG,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAI,QAAA;AAAA,EACxB,gBAAAA,EAAA,OAAA,EAAI,WAAU,+CACV,UACLF,EAAA,CAAA;AAAA,GACJ;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"OrderDetailProducts.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailProducts.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport { NumericFormat } from 'react-number-format'\nimport type { Products } from '../types'\n\ntype OrderDetailProductsProps = {\n    products: Products\n}\n\nconst OrderDetailProducts = ({ products }: OrderDetailProductsProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-4\">Products ordered</h4>\n            <div className=\"flex flex-col gap-4\">\n                {products?.map((product) => (\n                    <div\n                        key={product.id}\n                        className=\"rounded-xl bg-gray-50 dark:bg-gray-700 p-4\"\n                    >\n                        <div className=\"flex items-center justify-between gap-4\">\n                            <div className=\"flex items-center gap-2\">\n                                <Avatar\n                                    shape=\"round\"\n                                    size={60}\n                                    src={product.img}\n                                />\n                                <div>\n                                    <div className=\"heading-text font-bold\">\n                                        {product.name}\n                                    </div>\n                                    <div>ID: {product.productCode}</div>\n                                </div>\n                            </div>\n                            <div className=\"ltr:text-right rtl:text-left\">\n                                <div className=\"heading-text font-bold\">\n                                    <NumericFormat\n                                        fixedDecimalScale\n                                        prefix=\"$\"\n                                        displayType=\"text\"\n                                        value={product.price}\n                                        decimalScale={2}\n                                        thousandSeparator={true}\n                                    />\n                                </div>\n                                <div>Qty: {product.quantity}</div>\n                            </div>\n                        </div>\n                    </div>\n                ))}\n            </div>\n        </Card>\n    )\n}\n\nexport default OrderDetailProducts\n"],"names":["OrderDetailProducts","products","Card","jsx","product","jsxs","Avatar","NumericFormat"],"mappings":";;;;;AASA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,0BAEtBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,oBACpC,OAAA,EAAI,WAAU,uBACV,UAAAF,GAAU,IAAI,CAACG,MACZ,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MAEV,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,MAAM;AAAA,cACN,KAAKF,EAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEhB,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0BACV,UAAAC,EAAQ,MACb;AAAA,8BACC,OAAA,EAAI,UAAA;AAAA,cAAA;AAAA,cAAKA,EAAQ;AAAA,YAAA,EAAA,CAAY;AAAA,UAAA,EAAA,CAClC;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA,gBAAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,mBAAiB;AAAA,cACjB,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,OAAOH,EAAQ;AAAA,cACf,cAAc;AAAA,cACd,mBAAmB;AAAA,YAAA;AAAA,UAAA,GAE3B;AAAA,4BACC,OAAA,EAAI,UAAA;AAAA,YAAA;AAAA,YAAMA,EAAQ;AAAA,UAAA,EAAA,CAAS;AAAA,QAAA,EAAA,CAChC;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,IA9BKA,EAAQ;AAAA,EAAA,CAgCpB,EAAA,CACL;AAAA,GACJ;"}
+{"version":3,"file":"OrderDetailProducts.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailProducts.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport { NumericFormat } from 'react-number-format'\nimport type { Products } from '../types'\n\ntype OrderDetailProductsProps = {\n    products: Products\n}\n\nconst OrderDetailProducts = ({ products }: OrderDetailProductsProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-4\">Products ordered</h4>\n            <div className=\"flex flex-col gap-4\">\n                {products?.map((product) => (\n                    <div\n                        key={product.id}\n                        className=\"rounded-xl bg-gray-50 dark:bg-gray-700 p-4\"\n                    >\n                        <div className=\"flex items-center justify-between gap-4\">\n                            <div className=\"flex items-center gap-2\">\n                                <Avatar\n                                    shape=\"round\"\n                                    size={60}\n                                    src={product.img}\n                                />\n                                <div>\n                                    <div className=\"heading-text font-bold\">\n                                        {product.name}\n                                    </div>\n                                    <div>ID: {product.productCode}</div>\n                                </div>\n                            </div>\n                            <div className=\"ltr:text-right rtl:text-left\">\n                                <div className=\"heading-text font-bold\">\n                                    <NumericFormat\n                                        fixedDecimalScale\n                                        prefix=\"$\"\n                                        displayType=\"text\"\n                                        value={product.price}\n                                        decimalScale={2}\n                                        thousandSeparator={true}\n                                    />\n                                </div>\n                                <div>Qty: {product.quantity}</div>\n                            </div>\n                        </div>\n                    </div>\n                ))}\n            </div>\n        </Card>\n    )\n}\n\nexport default OrderDetailProducts\n"],"names":["OrderDetailProducts","products","Card","jsx","product","jsxs","Avatar","NumericFormat"],"mappings":";;;;;AASA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,0BAEtBC,GACG,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAgB,oBAAA;AAAA,oBACpC,OAAI,EAAA,WAAU,uBACV,UAAUF,GAAA,IAAI,CAACG,MACZ,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MAEV,UAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,2CACX,UAAA;AAAA,QAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,MAAM;AAAA,cACN,KAAKF,EAAQ;AAAA,YAAA;AAAA,UACjB;AAAA,4BACC,OACG,EAAA,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,0BACV,UAAAC,EAAQ,MACb;AAAA,8BACC,OAAI,EAAA,UAAA;AAAA,cAAA;AAAA,cAAKA,EAAQ;AAAA,YAAA,EAAY,CAAA;AAAA,UAAA,EAClC,CAAA;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAC,EAAC,OAAI,EAAA,WAAU,gCACX,UAAA;AAAA,UAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,0BACX,UAAA,gBAAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,mBAAiB;AAAA,cACjB,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,OAAOH,EAAQ;AAAA,cACf,cAAc;AAAA,cACd,mBAAmB;AAAA,YAAA;AAAA,UAAA,GAE3B;AAAA,4BACC,OAAI,EAAA,UAAA;AAAA,YAAA;AAAA,YAAMA,EAAQ;AAAA,UAAA,EAAS,CAAA;AAAA,QAAA,EAChC,CAAA;AAAA,MAAA,EACJ,CAAA;AAAA,IAAA;AAAA,IA9BKA,EAAQ;AAAA,EAAA,CAgCpB,EACL,CAAA;AAAA,GACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"OrderDetailsActivities.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailsActivities.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport Timeline from '@/components/ui/Timeline'\nimport Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport isLastChild from '@/utils/isLastChild'\nimport dayjs from 'dayjs'\nimport type { Activities } from '../types'\n\ntype OrderDetailsActivitiesProps = {\n    activities: Activities\n    progressStatus: number\n}\n\nconst progress: Record<number, { label: string; class: string }> = {\n    0: {\n        label: 'Fulfilled',\n        class: 'bg-success-subtle text-success',\n    },\n    1: {\n        label: 'Unfulfilled',\n        class: 'bg-error-subtle text-error',\n    },\n}\n\nconst OrderDetailsActivities = ({\n    activities,\n    progressStatus,\n}: OrderDetailsActivitiesProps) => {\n    return (\n        <Card>\n            <div className=\"flex items-center gap-2 mb-4\">\n                <h5>Activity</h5>\n                <Tag\n                    className={classNames(\n                        'border-0 rounded-md',\n                        progress[progressStatus || 0].class,\n                    )}\n                >\n                    {progress[progressStatus || 0].label}\n                </Tag>\n            </div>\n            {activities.map((activity, i) => (\n                <div\n                    key={activity.date}\n                    className={!isLastChild(activities, i) ? 'mb-8' : ''}\n                >\n                    <div className=\"mb-2 font-bold heading-text uppercase\">\n                        {dayjs.unix(activity.date).format('dddd, DD MMMM')}\n                    </div>\n                    <Timeline>\n                        {activity.events.map((event, j) => (\n                            <Timeline.Item\n                                key={event.time + j}\n                                media={\n                                    <div className=\"flex mt-1\">\n                                        <Badge\n                                            innerClass={classNames(\n                                                event.recipient\n                                                    ? 'bg-emerald-500'\n                                                    : 'bg-blue-500',\n                                            )}\n                                        />\n                                    </div>\n                                }\n                            >\n                                <div\n                                    className={classNames(\n                                        'font-bold mb-1 heading-text',\n                                        event.recipient && 'text-emerald-500',\n                                    )}\n                                >\n                                    {event.action}\n                                </div>\n                                {event.recipient && (\n                                    <div className=\"mb-1\">\n                                        Recipient: {event.recipient}\n                                    </div>\n                                )}\n                                <div>\n                                    {dayjs.unix(event.time).format('hh:mm A')}\n                                </div>\n                            </Timeline.Item>\n                        ))}\n                    </Timeline>\n                </div>\n            ))}\n        </Card>\n    )\n}\n\nexport default OrderDetailsActivities\n"],"names":["progress","OrderDetailsActivities","activities","progressStatus","Card","jsxs","jsx","Tag","classNames","activity","i","isLastChild","dayjs","Timeline","event","j","Badge"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAA6D;AAAA,EAC/D,GAAG;AAAA,IACC,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAEX,GAAG;AAAA,IACC,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEf,GAEMC,IAAyB,CAAC;AAAA,EAC5B,YAAAC;AAAA,EACA,gBAAAC;AACJ,wBAESC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,IACZ,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAWC;AAAA,UACP;AAAA,UACAR,EAASG,KAAkB,CAAC,EAAE;AAAA,QAAA;AAAA,QAGjC,UAAAH,EAASG,KAAkB,CAAC,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GACJ;AAAA,EACCD,EAAW,IAAI,CAACO,GAAUC,MACvB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAYM,EAAYT,GAAYQ,CAAC,IAAa,KAAT;AAAA,MAEzC,UAAA;AAAA,QAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,yCACV,UAAAM,EAAM,KAAKH,EAAS,IAAI,EAAE,OAAO,eAAe,EAAA,CACrD;AAAA,0BACCI,GAAA,EACI,UAAAJ,EAAS,OAAO,IAAI,CAACK,GAAOC,MACzB,gBAAAV;AAAA,UAACQ,EAAS;AAAA,UAAT;AAAA,YAEG,OACI,gBAAAP,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA;AAAA,cAACU;AAAA,cAAA;AAAA,gBACG,YAAYR;AAAA,kBACRM,EAAM,YACA,mBACA;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA,GAER;AAAA,YAGJ,UAAA;AAAA,cAAA,gBAAAR;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWE;AAAA,oBACP;AAAA,oBACAM,EAAM,aAAa;AAAA,kBAAA;AAAA,kBAGtB,UAAAA,EAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEVA,EAAM,aACH,gBAAAT,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,gBAAA;AAAA,gBACNS,EAAM;AAAA,cAAA,GACtB;AAAA,cAEJ,gBAAAR,EAAC,SACI,UAAAM,EAAM,KAAKE,EAAM,IAAI,EAAE,OAAO,SAAS,EAAA,CAC5C;AAAA,YAAA;AAAA,UAAA;AAAA,UA5BKA,EAAM,OAAOC;AAAA,QAAA,CA8BzB,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,IAxCKN,EAAS;AAAA,EAAA,CA0CrB;AAAA,GACL;"}
+{"version":3,"file":"OrderDetailsActivities.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderDetails/components/OrderDetailsActivities.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport Timeline from '@/components/ui/Timeline'\nimport Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport isLastChild from '@/utils/isLastChild'\nimport dayjs from 'dayjs'\nimport type { Activities } from '../types'\n\ntype OrderDetailsActivitiesProps = {\n    activities: Activities\n    progressStatus: number\n}\n\nconst progress: Record<number, { label: string; class: string }> = {\n    0: {\n        label: 'Fulfilled',\n        class: 'bg-success-subtle text-success',\n    },\n    1: {\n        label: 'Unfulfilled',\n        class: 'bg-error-subtle text-error',\n    },\n}\n\nconst OrderDetailsActivities = ({\n    activities,\n    progressStatus,\n}: OrderDetailsActivitiesProps) => {\n    return (\n        <Card>\n            <div className=\"flex items-center gap-2 mb-4\">\n                <h5>Activity</h5>\n                <Tag\n                    className={classNames(\n                        'border-0 rounded-md',\n                        progress[progressStatus || 0].class,\n                    )}\n                >\n                    {progress[progressStatus || 0].label}\n                </Tag>\n            </div>\n            {activities.map((activity, i) => (\n                <div\n                    key={activity.date}\n                    className={!isLastChild(activities, i) ? 'mb-8' : ''}\n                >\n                    <div className=\"mb-2 font-bold heading-text uppercase\">\n                        {dayjs.unix(activity.date).format('dddd, DD MMMM')}\n                    </div>\n                    <Timeline>\n                        {activity.events.map((event, j) => (\n                            <Timeline.Item\n                                key={event.time + j}\n                                media={\n                                    <div className=\"flex mt-1\">\n                                        <Badge\n                                            innerClass={classNames(\n                                                event.recipient\n                                                    ? 'bg-emerald-500'\n                                                    : 'bg-blue-500',\n                                            )}\n                                        />\n                                    </div>\n                                }\n                            >\n                                <div\n                                    className={classNames(\n                                        'font-bold mb-1 heading-text',\n                                        event.recipient && 'text-emerald-500',\n                                    )}\n                                >\n                                    {event.action}\n                                </div>\n                                {event.recipient && (\n                                    <div className=\"mb-1\">\n                                        Recipient: {event.recipient}\n                                    </div>\n                                )}\n                                <div>\n                                    {dayjs.unix(event.time).format('hh:mm A')}\n                                </div>\n                            </Timeline.Item>\n                        ))}\n                    </Timeline>\n                </div>\n            ))}\n        </Card>\n    )\n}\n\nexport default OrderDetailsActivities\n"],"names":["progress","OrderDetailsActivities","activities","progressStatus","Card","jsxs","jsx","Tag","classNames","activity","i","isLastChild","dayjs","Timeline","event","j","Badge"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAA6D;AAAA,EAC/D,GAAG;AAAA,IACC,OAAO;AAAA,IACP,OAAO;AAAA,EACX;AAAA,EACA,GAAG;AAAA,IACC,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEf,GAEMC,IAAyB,CAAC;AAAA,EAC5B,YAAAC;AAAA,EACA,gBAAAC;AACJ,wBAESC,GACG,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAQ,WAAA,CAAA;AAAA,IACZ,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAWC;AAAA,UACP;AAAA,UACAR,EAASG,KAAkB,CAAC,EAAE;AAAA,QAClC;AAAA,QAEC,UAAAH,EAASG,KAAkB,CAAC,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GACJ;AAAA,EACCD,EAAW,IAAI,CAACO,GAAUC,MACvB,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAYM,EAAYT,GAAYQ,CAAC,IAAa,KAAT;AAAA,MAEzC,UAAA;AAAA,QAAC,gBAAAJ,EAAA,OAAA,EAAI,WAAU,yCACV,UAAMM,EAAA,KAAKH,EAAS,IAAI,EAAE,OAAO,eAAe,EACrD,CAAA;AAAA,0BACCI,GACI,EAAA,UAAAJ,EAAS,OAAO,IAAI,CAACK,GAAOC,MACzB,gBAAAV;AAAA,UAACQ,EAAS;AAAA,UAAT;AAAA,YAEG,OACI,gBAAAP,EAAC,OAAI,EAAA,WAAU,aACX,UAAA,gBAAAA;AAAA,cAACU;AAAA,cAAA;AAAA,gBACG,YAAYR;AAAA,kBACRM,EAAM,YACA,mBACA;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA,GAER;AAAA,YAGJ,UAAA;AAAA,cAAA,gBAAAR;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWE;AAAA,oBACP;AAAA,oBACAM,EAAM,aAAa;AAAA,kBACvB;AAAA,kBAEC,UAAMA,EAAA;AAAA,gBAAA;AAAA,cACX;AAAA,cACCA,EAAM,aACF,gBAAAT,EAAA,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,gBAAA;AAAA,gBACNS,EAAM;AAAA,cAAA,GACtB;AAAA,cAEJ,gBAAAR,EAAC,SACI,UAAMM,EAAA,KAAKE,EAAM,IAAI,EAAE,OAAO,SAAS,EAC5C,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UA5BKA,EAAM,OAAOC;AAAA,QAAA,CA8BzB,EACL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAxCKN,EAAS;AAAA,EA0CrB,CAAA;AAAA,GACL;"}

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

@@ -1 +1 @@
-{"version":3,"file":"OrderEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderEdit/OrderEdit.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport Container from '@/components/shared/Container'\nimport Loading from '@/components/shared/Loading'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport OrderForm from '../OrderForm'\nimport sleep from '@/utils/sleep'\nimport { apiGetOrder } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport { TbTrash } from 'react-icons/tb'\nimport type { OrderFormSchema } from '../OrderForm'\n\ntype GetOrderDetailsResponse = {\n    id: string\n    progressStatus: number\n    paymentStatus: number\n    dateTime: number\n    paymentSummary: {\n        subTotal: number\n        tax: number\n        deliveryFees: number\n        total: number\n        customerPayment: number\n    }\n    note: string\n    shipping: {\n        deliveryFees: number\n        estimatedMin: number\n        estimatedMax: number\n        shippingLogo: string\n        shippingVendor: string\n    }\n    product: {\n        id: string\n        name: string\n        productCode: string\n        img: string\n        price: number\n        quantity: number\n        total: number\n        details: Record<string, string[]>\n    }[]\n    activity: {\n        date: number\n        events: {\n            time: number\n            action: string\n            recipient?: string\n        }[]\n    }[]\n    customer: {\n        name: string\n        firstName: string\n        lastName: string\n        email: string\n        phone: string\n        dialCode: string\n        phoneNumber: string\n        img: string\n        previousOrder: number\n        country: string\n        address: string\n        postcode: string\n        city: string\n    }\n}\n\nconst OrderEdit = () => {\n    const { id } = useParams()\n\n    const navigate = useNavigate()\n\n    const { data, isLoading } = useSWR<GetOrderDetailsResponse, { id: string }>(\n        [`/api/project/${id}`],\n        () => apiGetOrder({ id }),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n        useState(false)\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const handleFormSubmit = async (values: OrderFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(\n            <Notification type=\"success\">\n                Order: #{data?.id} updated!\n            </Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/orders/order-list')\n    }\n\n    const handleConfirmDiscard = () => {\n        setDiscardConfirmationOpen(true)\n        toast.push(<Notification type=\"success\">Order deleted!</Notification>, {\n            placement: 'top-center',\n        })\n        navigate('/concepts/orders/order-list')\n    }\n\n    const handleDelete = () => {\n        setDiscardConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDiscardConfirmationOpen(false)\n    }\n\n    const orderFormProps = useMemo(() => {\n        const products = data\n            ? data.product.map(\n                  ({ id, name, productCode, img, price, quantity }) => {\n                      return {\n                          id,\n                          name,\n                          productCode,\n                          img,\n                          price,\n                          quantity,\n                          stock: 0,\n                      }\n                  },\n              )\n            : []\n\n        const defaultValues = {\n            firstName: data?.customer.name || '',\n            lastName: data?.customer.lastName || '',\n            email: data?.customer.email || '',\n            dialCode: data?.customer.dialCode || '',\n            phoneNumber: data?.customer.phoneNumber || '',\n            country: data?.customer.country || '',\n            address: data?.customer.address || '',\n            postcode: data?.customer.postcode || '',\n            city: data?.customer.city || '',\n            paymentMethod: 'paypal',\n            paypalEmail: data?.customer.email,\n        } as OrderFormSchema\n\n        return {\n            defaultProducts: products,\n            defaultValues,\n        }\n    }, [data])\n\n    return (\n        <Loading loading={isLoading}>\n            <OrderForm onFormSubmit={handleFormSubmit} {...orderFormProps}>\n                <Container>\n                    <div className=\"flex items-center justify-between px-8\">\n                        <span></span>\n                        <div className=\"flex items-center\">\n                            <Button\n                                className=\"ltr:mr-3 rtl:ml-3\"\n                                type=\"button\"\n                                customColorClass={() =>\n                                    'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                }\n                                icon={<TbTrash />}\n                                onClick={handleDelete}\n                            >\n                                Delete\n                            </Button>\n                            <Button\n                                variant=\"solid\"\n                                type=\"submit\"\n                                loading={isSubmiting}\n                            >\n                                Update\n                            </Button>\n                        </div>\n                    </div>\n                </Container>\n            </OrderForm>\n            <ConfirmDialog\n                isOpen={discardConfirmationOpen}\n                type=\"danger\"\n                title=\"Discard changes\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDiscard}\n            >\n                <p>\n                    Are you sure you want delete this? This action can&apos;t be\n                    undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </Loading>\n    )\n}\n\nexport default OrderEdit\n"],"names":["OrderEdit","id","useParams","navigate","useNavigate","data","isLoading","useSWR","apiGetOrder","discardConfirmationOpen","setDiscardConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsxs","Notification","handleConfirmDiscard","jsx","handleDelete","handleCancel","orderFormProps","useMemo","products","name","productCode","img","price","quantity","defaultValues","Loading","OrderForm","Container","Button","TbTrash","ConfirmDialog"],"mappings":"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"}
+{"version":3,"file":"OrderEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderEdit/OrderEdit.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport Container from '@/components/shared/Container'\nimport Loading from '@/components/shared/Loading'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport OrderForm from '../OrderForm'\nimport sleep from '@/utils/sleep'\nimport { apiGetOrder } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport { TbTrash } from 'react-icons/tb'\nimport type { OrderFormSchema } from '../OrderForm'\n\ntype GetOrderDetailsResponse = {\n    id: string\n    progressStatus: number\n    paymentStatus: number\n    dateTime: number\n    paymentSummary: {\n        subTotal: number\n        tax: number\n        deliveryFees: number\n        total: number\n        customerPayment: number\n    }\n    note: string\n    shipping: {\n        deliveryFees: number\n        estimatedMin: number\n        estimatedMax: number\n        shippingLogo: string\n        shippingVendor: string\n    }\n    product: {\n        id: string\n        name: string\n        productCode: string\n        img: string\n        price: number\n        quantity: number\n        total: number\n        details: Record<string, string[]>\n    }[]\n    activity: {\n        date: number\n        events: {\n            time: number\n            action: string\n            recipient?: string\n        }[]\n    }[]\n    customer: {\n        name: string\n        firstName: string\n        lastName: string\n        email: string\n        phone: string\n        dialCode: string\n        phoneNumber: string\n        img: string\n        previousOrder: number\n        country: string\n        address: string\n        postcode: string\n        city: string\n    }\n}\n\nconst OrderEdit = () => {\n    const { id } = useParams()\n\n    const navigate = useNavigate()\n\n    const { data, isLoading } = useSWR<GetOrderDetailsResponse, { id: string }>(\n        [`/api/project/${id}`],\n        () => apiGetOrder({ id }),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n        useState(false)\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const handleFormSubmit = async (values: OrderFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(\n            <Notification type=\"success\">\n                Order: #{data?.id} updated!\n            </Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/orders/order-list')\n    }\n\n    const handleConfirmDiscard = () => {\n        setDiscardConfirmationOpen(true)\n        toast.push(<Notification type=\"success\">Order deleted!</Notification>, {\n            placement: 'top-center',\n        })\n        navigate('/concepts/orders/order-list')\n    }\n\n    const handleDelete = () => {\n        setDiscardConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDiscardConfirmationOpen(false)\n    }\n\n    const orderFormProps = useMemo(() => {\n        const products = data\n            ? data.product.map(\n                  ({ id, name, productCode, img, price, quantity }) => {\n                      return {\n                          id,\n                          name,\n                          productCode,\n                          img,\n                          price,\n                          quantity,\n                          stock: 0,\n                      }\n                  },\n              )\n            : []\n\n        const defaultValues = {\n            firstName: data?.customer.name || '',\n            lastName: data?.customer.lastName || '',\n            email: data?.customer.email || '',\n            dialCode: data?.customer.dialCode || '',\n            phoneNumber: data?.customer.phoneNumber || '',\n            country: data?.customer.country || '',\n            address: data?.customer.address || '',\n            postcode: data?.customer.postcode || '',\n            city: data?.customer.city || '',\n            paymentMethod: 'paypal',\n            paypalEmail: data?.customer.email,\n        } as OrderFormSchema\n\n        return {\n            defaultProducts: products,\n            defaultValues,\n        }\n    }, [data])\n\n    return (\n        <Loading loading={isLoading}>\n            <OrderForm onFormSubmit={handleFormSubmit} {...orderFormProps}>\n                <Container>\n                    <div className=\"flex items-center justify-between px-8\">\n                        <span></span>\n                        <div className=\"flex items-center\">\n                            <Button\n                                className=\"ltr:mr-3 rtl:ml-3\"\n                                type=\"button\"\n                                customColorClass={() =>\n                                    'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                }\n                                icon={<TbTrash />}\n                                onClick={handleDelete}\n                            >\n                                Delete\n                            </Button>\n                            <Button\n                                variant=\"solid\"\n                                type=\"submit\"\n                                loading={isSubmiting}\n                            >\n                                Update\n                            </Button>\n                        </div>\n                    </div>\n                </Container>\n            </OrderForm>\n            <ConfirmDialog\n                isOpen={discardConfirmationOpen}\n                type=\"danger\"\n                title=\"Discard changes\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDiscard}\n            >\n                <p>\n                    Are you sure you want delete this? This action can&apos;t be\n                    undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </Loading>\n    )\n}\n\nexport default OrderEdit\n"],"names":["OrderEdit","id","useParams","navigate","useNavigate","data","isLoading","useSWR","apiGetOrder","discardConfirmationOpen","setDiscardConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsxs","Notification","handleConfirmDiscard","jsx","handleDelete","handleCancel","orderFormProps","useMemo","products","name","productCode","img","price","quantity","defaultValues","Loading","OrderForm","Container","Button","TbTrash","ConfirmDialog"],"mappings":"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"}

package/dist/@ecme/views/concepts/orders/OrderForm/OrderForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderForm.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderForm/OrderForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Affix from '@/components/shared/Affix'\nimport Card from '@/components/ui/Card'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport { apiGetProductList } from '@/services/ProductService'\nimport ProductSelectSection from './components/ProductSelectSection'\nimport CustomerDetailSection from './components/CustomerDetailSection'\nimport BillingAddressSection from './components/BillingAddressSection'\nimport PaymentMethodSection from './components/PaymentMethodSection'\nimport Navigator from './components/Navigator'\nimport { useOrderFormStore } from './store/orderFormStore'\nimport useLayoutGap from '@/utils/hooks/useLayoutGap'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport useSWR from 'swr'\nimport isEmpty from 'lodash/isEmpty'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ReactNode } from 'react'\nimport type {\n    GetProductListResponse,\n    OrderFormSchema,\n    SelectedProduct,\n} from './types'\nimport type { TableQueries, CommonProps } from '@/@types/common'\n\ntype OrderFormProps = {\n    children: ReactNode\n    onFormSubmit: (values: OrderFormSchema) => void\n    defaultValues?: OrderFormSchema\n    defaultProducts?: SelectedProduct[]\n    newOrder?: boolean\n} & CommonProps\n\nconst baseValidationSchema = z.object({\n    firstName: z.string().min(1, { message: 'First name required' }),\n    lastName: z.string().min(1, { message: 'Last name required' }),\n    email: z\n        .string()\n        .min(1, { message: 'Email required' })\n        .email({ message: 'Invalid email' }),\n    dialCode: z.string().min(1, { message: 'Please select your country code' }),\n    phoneNumber: z\n        .string()\n        .min(1, { message: 'Please input your mobile number' }),\n    country: z.string().min(1, { message: 'Please select a country' }),\n    address: z.string().min(1, { message: 'Addrress required' }),\n    postcode: z.string().min(1, { message: 'Postcode required' }),\n    city: z.string().min(1, { message: 'City required' }),\n})\n\nconst validationSchema: ZodType<OrderFormSchema> = z.discriminatedUnion(\n    'paymentMethod',\n    [\n        z\n            .object({\n                paymentMethod: z.literal('creditOrDebitCard'),\n                cardHolderName: z\n                    .string()\n                    .min(1, { message: 'Card holder name required' }),\n                ccNumber: z\n                    .string()\n                    .min(1, 'Credit card number required')\n                    .refine(\n                        (value) =>\n                            /^(?:4[0-9]{12}(?:[0-9]{3})?|[25][1-7][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\\d{3})\\d{11})$/.test(\n                                value,\n                            ),\n                        'Invalid credit card number',\n                    ),\n                cardExpiry: z\n                    .string()\n                    .min(1, { message: 'Card holder name required' })\n                    .refine(\n                        (value) =>\n                            /^(0[1-9]|1[0-2])\\/?([0-9]{4}|[0-9]{2})$/.test(\n                                value,\n                            ),\n                        'Invalid Date',\n                    ),\n                code: z\n                    .string()\n                    .min(1, { message: 'Code required' })\n                    .refine((value) => /^[0-9]{3}$/.test(value), 'Invalid CVV'),\n            })\n            .merge(baseValidationSchema),\n        z\n            .object({\n                paymentMethod: z.literal('paypal'),\n                paypalEmail: z\n                    .string()\n                    .min(1, { message: 'Email required' })\n                    .email({ message: 'Invalid email' }),\n            })\n            .merge(baseValidationSchema),\n        z\n            .object({\n                paymentMethod: z.literal('bankTransfer'),\n                bankName: z.string().min(1, { message: 'Bank name required' }),\n                accountNumber: z\n                    .string()\n                    .min(1, { message: 'Account number required' }),\n                accountHolderName: z\n                    .string()\n                    .min(1, { message: 'Account holder name required' }),\n                IBAN: z.string().min(1, { message: 'IBAN required' }),\n            })\n            .merge(baseValidationSchema),\n        z\n            .object({\n                paymentMethod: z.literal(''),\n            })\n            .merge(baseValidationSchema),\n    ],\n)\n\nconst OrderForm = (props: OrderFormProps) => {\n    const { onFormSubmit, children, defaultValues, defaultProducts } = props\n\n    const { setProductOption, setProductList, setSelectedProduct } =\n        useOrderFormStore()\n\n    const { getTopGapValue } = useLayoutGap()\n\n    const { larger } = useResponsive()\n\n    useSWR(\n        [\n            '/api/products',\n            {\n                pageIndex: 1,\n                pageSize: 10,\n                query: '',\n                sort: {\n                    order: '',\n                    key: '',\n                },\n            } as TableQueries,\n        ],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetProductList<GetProductListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n            onSuccess: (resp) => {\n                const list = resp.list.map(\n                    ({ id: value, name: label, img, stock: quantity }) => ({\n                        label,\n                        value,\n                        img,\n                        quantity,\n                    }),\n                )\n                setProductList(resp.list)\n                setProductOption(list)\n            },\n        },\n    )\n\n    useEffect(() => {\n        if (defaultProducts) {\n            setSelectedProduct(defaultProducts)\n        }\n        if (!isEmpty(defaultValues)) {\n            reset(defaultValues)\n        }\n        return () => {\n            setSelectedProduct([])\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    const onSubmit = (values: OrderFormSchema) => {\n        onFormSubmit?.(values)\n    }\n\n    const {\n        handleSubmit,\n        reset,\n        watch,\n        formState: { errors },\n        control,\n    } = useForm<OrderFormSchema>({\n        defaultValues: {\n            paymentMethod: 'creditOrDebitCard',\n            ...(defaultValues ? defaultValues : {}),\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const selectedPaymentMethod = watch('paymentMethod', '')\n\n    return (\n        <div className=\"flex\">\n            <Form\n                className=\"flex-1 flex flex-col overflow-hidden\"\n                onSubmit={handleSubmit(onSubmit)}\n            >\n                <Container>\n                    <div className=\"flex gap-4\">\n                        {larger.xl && (\n                            <div className=\"w-[360px]\">\n                                <Affix offset={getTopGapValue()}>\n                                    <Card>\n                                        <Navigator />\n                                    </Card>\n                                </Affix>\n                            </div>\n                        )}\n\n                        <div className=\"flex-1\">\n                            <div className=\"flex flex-col gap-4\">\n                                <ProductSelectSection />\n                                <CustomerDetailSection\n                                    control={control}\n                                    errors={errors}\n                                />\n                                <BillingAddressSection\n                                    control={control}\n                                    errors={errors}\n                                />\n                                <PaymentMethodSection\n                                    control={control}\n                                    errors={errors}\n                                    selectedPaymentMethod={\n                                        selectedPaymentMethod\n                                    }\n                                />\n                            </div>\n                        </div>\n                    </div>\n                </Container>\n                <BottomStickyBar>{children}</BottomStickyBar>\n            </Form>\n        </div>\n    )\n}\n\nexport default OrderForm\n"],"names":["baseValidationSchema","z","validationSchema","value","OrderForm","props","onFormSubmit","children","defaultValues","defaultProducts","setProductOption","setProductList","setSelectedProduct","useOrderFormStore","getTopGapValue","useLayoutGap","larger","useResponsive","useSWR","_","params","apiGetProductList","resp","list","label","img","quantity","useEffect","isEmpty","reset","onSubmit","values","handleSubmit","watch","errors","control","useForm","zodResolver","selectedPaymentMethod","jsx","jsxs","Form","Container","Affix","Card","Navigator","ProductSelectSection","CustomerDetailSection","BillingAddressSection","PaymentMethodSection","BottomStickyBar"],"mappings":"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"}
+{"version":3,"file":"OrderForm.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderForm/OrderForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Affix from '@/components/shared/Affix'\nimport Card from '@/components/ui/Card'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport { apiGetProductList } from '@/services/ProductService'\nimport ProductSelectSection from './components/ProductSelectSection'\nimport CustomerDetailSection from './components/CustomerDetailSection'\nimport BillingAddressSection from './components/BillingAddressSection'\nimport PaymentMethodSection from './components/PaymentMethodSection'\nimport Navigator from './components/Navigator'\nimport { useOrderFormStore } from './store/orderFormStore'\nimport useLayoutGap from '@/utils/hooks/useLayoutGap'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport useSWR from 'swr'\nimport isEmpty from 'lodash/isEmpty'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ReactNode } from 'react'\nimport type {\n    GetProductListResponse,\n    OrderFormSchema,\n    SelectedProduct,\n} from './types'\nimport type { TableQueries, CommonProps } from '@/@types/common'\n\ntype OrderFormProps = {\n    children: ReactNode\n    onFormSubmit: (values: OrderFormSchema) => void\n    defaultValues?: OrderFormSchema\n    defaultProducts?: SelectedProduct[]\n    newOrder?: boolean\n} & CommonProps\n\nconst baseValidationSchema = z.object({\n    firstName: z.string().min(1, { message: 'First name required' }),\n    lastName: z.string().min(1, { message: 'Last name required' }),\n    email: z\n        .string()\n        .min(1, { message: 'Email required' })\n        .email({ message: 'Invalid email' }),\n    dialCode: z.string().min(1, { message: 'Please select your country code' }),\n    phoneNumber: z\n        .string()\n        .min(1, { message: 'Please input your mobile number' }),\n    country: z.string().min(1, { message: 'Please select a country' }),\n    address: z.string().min(1, { message: 'Addrress required' }),\n    postcode: z.string().min(1, { message: 'Postcode required' }),\n    city: z.string().min(1, { message: 'City required' }),\n})\n\nconst validationSchema: ZodType<OrderFormSchema> = z.discriminatedUnion(\n    'paymentMethod',\n    [\n        z\n            .object({\n                paymentMethod: z.literal('creditOrDebitCard'),\n                cardHolderName: z\n                    .string()\n                    .min(1, { message: 'Card holder name required' }),\n                ccNumber: z\n                    .string()\n                    .min(1, 'Credit card number required')\n                    .refine(\n                        (value) =>\n                            /^(?:4[0-9]{12}(?:[0-9]{3})?|[25][1-7][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\\d{3})\\d{11})$/.test(\n                                value,\n                            ),\n                        'Invalid credit card number',\n                    ),\n                cardExpiry: z\n                    .string()\n                    .min(1, { message: 'Card holder name required' })\n                    .refine(\n                        (value) =>\n                            /^(0[1-9]|1[0-2])\\/?([0-9]{4}|[0-9]{2})$/.test(\n                                value,\n                            ),\n                        'Invalid Date',\n                    ),\n                code: z\n                    .string()\n                    .min(1, { message: 'Code required' })\n                    .refine((value) => /^[0-9]{3}$/.test(value), 'Invalid CVV'),\n            })\n            .merge(baseValidationSchema),\n        z\n            .object({\n                paymentMethod: z.literal('paypal'),\n                paypalEmail: z\n                    .string()\n                    .min(1, { message: 'Email required' })\n                    .email({ message: 'Invalid email' }),\n            })\n            .merge(baseValidationSchema),\n        z\n            .object({\n                paymentMethod: z.literal('bankTransfer'),\n                bankName: z.string().min(1, { message: 'Bank name required' }),\n                accountNumber: z\n                    .string()\n                    .min(1, { message: 'Account number required' }),\n                accountHolderName: z\n                    .string()\n                    .min(1, { message: 'Account holder name required' }),\n                IBAN: z.string().min(1, { message: 'IBAN required' }),\n            })\n            .merge(baseValidationSchema),\n        z\n            .object({\n                paymentMethod: z.literal(''),\n            })\n            .merge(baseValidationSchema),\n    ],\n)\n\nconst OrderForm = (props: OrderFormProps) => {\n    const { onFormSubmit, children, defaultValues, defaultProducts } = props\n\n    const { setProductOption, setProductList, setSelectedProduct } =\n        useOrderFormStore()\n\n    const { getTopGapValue } = useLayoutGap()\n\n    const { larger } = useResponsive()\n\n    useSWR(\n        [\n            '/api/products',\n            {\n                pageIndex: 1,\n                pageSize: 10,\n                query: '',\n                sort: {\n                    order: '',\n                    key: '',\n                },\n            } as TableQueries,\n        ],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetProductList<GetProductListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n            onSuccess: (resp) => {\n                const list = resp.list.map(\n                    ({ id: value, name: label, img, stock: quantity }) => ({\n                        label,\n                        value,\n                        img,\n                        quantity,\n                    }),\n                )\n                setProductList(resp.list)\n                setProductOption(list)\n            },\n        },\n    )\n\n    useEffect(() => {\n        if (defaultProducts) {\n            setSelectedProduct(defaultProducts)\n        }\n        if (!isEmpty(defaultValues)) {\n            reset(defaultValues)\n        }\n        return () => {\n            setSelectedProduct([])\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    const onSubmit = (values: OrderFormSchema) => {\n        onFormSubmit?.(values)\n    }\n\n    const {\n        handleSubmit,\n        reset,\n        watch,\n        formState: { errors },\n        control,\n    } = useForm<OrderFormSchema>({\n        defaultValues: {\n            paymentMethod: 'creditOrDebitCard',\n            ...(defaultValues ? defaultValues : {}),\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const selectedPaymentMethod = watch('paymentMethod', '')\n\n    return (\n        <div className=\"flex\">\n            <Form\n                className=\"flex-1 flex flex-col overflow-hidden\"\n                onSubmit={handleSubmit(onSubmit)}\n            >\n                <Container>\n                    <div className=\"flex gap-4\">\n                        {larger.xl && (\n                            <div className=\"w-[360px]\">\n                                <Affix offset={getTopGapValue()}>\n                                    <Card>\n                                        <Navigator />\n                                    </Card>\n                                </Affix>\n                            </div>\n                        )}\n\n                        <div className=\"flex-1\">\n                            <div className=\"flex flex-col gap-4\">\n                                <ProductSelectSection />\n                                <CustomerDetailSection\n                                    control={control}\n                                    errors={errors}\n                                />\n                                <BillingAddressSection\n                                    control={control}\n                                    errors={errors}\n                                />\n                                <PaymentMethodSection\n                                    control={control}\n                                    errors={errors}\n                                    selectedPaymentMethod={\n                                        selectedPaymentMethod\n                                    }\n                                />\n                            </div>\n                        </div>\n                    </div>\n                </Container>\n                <BottomStickyBar>{children}</BottomStickyBar>\n            </Form>\n        </div>\n    )\n}\n\nexport default OrderForm\n"],"names":["baseValidationSchema","z","validationSchema","value","OrderForm","props","onFormSubmit","children","defaultValues","defaultProducts","setProductOption","setProductList","setSelectedProduct","useOrderFormStore","getTopGapValue","useLayoutGap","larger","useResponsive","useSWR","_","params","apiGetProductList","resp","list","label","img","quantity","useEffect","isEmpty","reset","onSubmit","values","handleSubmit","watch","errors","control","useForm","zodResolver","selectedPaymentMethod","jsx","jsxs","Form","Container","Affix","Card","Navigator","ProductSelectSection","CustomerDetailSection","BillingAddressSection","PaymentMethodSection","BottomStickyBar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAMA,IAAuBC,EAAE,OAAO;AAAA,EAClC,WAAWA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,uBAAuB;AAAA,EAC/D,UAAUA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,sBAAsB;AAAA,EAC7D,OAAOA,EACF,SACA,IAAI,GAAG,EAAE,SAAS,iBAAkB,CAAA,EACpC,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAUA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1E,aAAaA,EACR,SACA,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1D,SAASA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,2BAA2B;AAAA,EACjE,SAASA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC3D,UAAUA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC5D,MAAMA,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,SAAS,gBAAiB,CAAA;AACxD,CAAC,GAEKC,IAA6CD,EAAE;AAAA,EACjD;AAAA,EACA;AAAA,IACIA,EACK,OAAO;AAAA,MACJ,eAAeA,EAAE,QAAQ,mBAAmB;AAAA,MAC5C,gBAAgBA,EACX,SACA,IAAI,GAAG,EAAE,SAAS,6BAA6B;AAAA,MACpD,UAAUA,EACL,SACA,IAAI,GAAG,6BAA6B,EACpC;AAAA,QACG,CAACE,MACG,2JAA2J;AAAA,UACvJA;AAAA,QACJ;AAAA,QACJ;AAAA,MACJ;AAAA,MACJ,YAAYF,EACP,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,4BAA6B,CAAA,EAC/C;AAAA,QACG,CAACE,MACG,0CAA0C;AAAA,UACtCA;AAAA,QACJ;AAAA,QACJ;AAAA,MACJ;AAAA,MACJ,MAAMF,EACD,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,gBAAiB,CAAA,EACnC,OAAO,CAACE,MAAU,aAAa,KAAKA,CAAK,GAAG,aAAa;AAAA,IAAA,CACjE,EACA,MAAMH,CAAoB;AAAA,IAC/BC,EACK,OAAO;AAAA,MACJ,eAAeA,EAAE,QAAQ,QAAQ;AAAA,MACjC,aAAaA,EACR,SACA,IAAI,GAAG,EAAE,SAAS,iBAAkB,CAAA,EACpC,MAAM,EAAE,SAAS,gBAAiB,CAAA;AAAA,IAAA,CAC1C,EACA,MAAMD,CAAoB;AAAA,IAC/BC,EACK,OAAO;AAAA,MACJ,eAAeA,EAAE,QAAQ,cAAc;AAAA,MACvC,UAAUA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,sBAAsB;AAAA,MAC7D,eAAeA,EACV,SACA,IAAI,GAAG,EAAE,SAAS,2BAA2B;AAAA,MAClD,mBAAmBA,EACd,SACA,IAAI,GAAG,EAAE,SAAS,gCAAgC;AAAA,MACvD,MAAMA,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,SAAS,gBAAiB,CAAA;AAAA,IAAA,CACvD,EACA,MAAMD,CAAoB;AAAA,IAC/BC,EACK,OAAO;AAAA,MACJ,eAAeA,EAAE,QAAQ,EAAE;AAAA,IAAA,CAC9B,EACA,MAAMD,CAAoB;AAAA,EAAA;AAEvC,GAEMI,KAAY,CAACC,MAA0B;AACzC,QAAM,EAAE,cAAAC,GAAc,UAAAC,GAAU,eAAAC,GAAe,iBAAAC,EAAoB,IAAAJ,GAE7D,EAAE,kBAAAK,GAAkB,gBAAAC,GAAgB,oBAAAC,EAAA,IACtCC,EAAkB,GAEhB,EAAE,gBAAAC,EAAe,IAAIC,EAAa,GAElC,EAAE,QAAAC,EAAO,IAAIC,EAAc;AAEjC,EAAAC;AAAA,IACI;AAAA,MACI;AAAA,MACA;AAAA,QACI,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,MAAM;AAAA,UACF,OAAO;AAAA,UACP,KAAK;AAAA,QAAA;AAAA,MACT;AAAA,IAER;AAAA;AAAA,IAEA,CAAC,CAACC,GAAGC,CAAM,MACPC,EAAwDD,CAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,MACnB,WAAW,CAACE,MAAS;AACX,cAAAC,IAAOD,EAAK,KAAK;AAAA,UACnB,CAAC,EAAE,IAAInB,GAAO,MAAMqB,GAAO,KAAAC,GAAK,OAAOC,SAAgB;AAAA,YACnD,OAAAF;AAAA,YACA,OAAArB;AAAA,YACA,KAAAsB;AAAA,YACA,UAAAC;AAAA,UACJ;AAAA,QACJ;AACA,QAAAf,EAAeW,EAAK,IAAI,GACxBZ,EAAiBa,CAAI;AAAA,MAAA;AAAA,IACzB;AAAA,EAER,GAEAI,EAAU,OACFlB,KACAG,EAAmBH,CAAe,GAEjCmB,EAAQpB,CAAa,KACtBqB,EAAMrB,CAAa,GAEhB,MAAM;AACT,IAAAI,EAAmB,CAAA,CAAE;AAAA,EACzB,IAED,EAAE;AAEC,QAAAkB,IAAW,CAACC,MAA4B;AAC1C,IAAAzB,IAAeyB,CAAM;AAAA,EACzB,GAEM;AAAA,IACF,cAAAC;AAAA,IACA,OAAAH;AAAA,IACA,OAAAI;AAAA,IACA,WAAW,EAAE,QAAAC,EAAO;AAAA,IACpB,SAAAC;AAAA,MACAC,EAAyB;AAAA,IACzB,eAAe;AAAA,MACX,eAAe;AAAA,MACf,GAAI5B,KAAgC,CAAA;AAAA,IACxC;AAAA,IACA,UAAU6B,EAAYnC,CAAgB;AAAA,EAAA,CACzC,GAEKoC,IAAwBL,EAAM,iBAAiB,EAAE;AAGnD,SAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,UAAUT,EAAaF,CAAQ;AAAA,MAE/B,UAAA;AAAA,QAAA,gBAAAS,EAACG,GACG,EAAA,UAAA,gBAAAF,EAAC,OAAI,EAAA,WAAU,cACV,UAAA;AAAA,UAAAxB,EAAO,MACH,gBAAAuB,EAAA,OAAA,EAAI,WAAU,aACX,4BAACI,GAAM,EAAA,QAAQ7B,EAAe,GAC1B,4BAAC8B,GACG,EAAA,UAAA,gBAAAL,EAACM,GAAU,CAAA,CAAA,GACf,GACJ,EACJ,CAAA;AAAA,4BAGH,OAAI,EAAA,WAAU,UACX,UAAC,gBAAAL,EAAA,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,YAAA,gBAAAD,EAACO,GAAqB,EAAA;AAAA,YACtB,gBAAAP;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACG,SAAAZ;AAAA,gBACA,QAAAD;AAAA,cAAA;AAAA,YACJ;AAAA,YACA,gBAAAK;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,SAAAb;AAAA,gBACA,QAAAD;AAAA,cAAA;AAAA,YACJ;AAAA,YACA,gBAAAK;AAAA,cAACU;AAAA,cAAA;AAAA,gBACG,SAAAd;AAAA,gBACA,QAAAD;AAAA,gBACA,uBAAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAGJ,EAAA,CACJ,EACJ,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,QACA,gBAAAC,EAACW,KAAiB,UAAA3C,EAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnC;AAER;"}

package/dist/@ecme/views/concepts/orders/OrderForm/components/BillingAddressSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BillingAddressSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/BillingAddressSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { FormItem } from '@/components/ui/Form'\nimport { countryList } from '@/constants/countries.constant'\nimport { Controller } from 'react-hook-form'\nimport { components } from 'react-select'\nimport type { FormSectionBaseProps } from '../types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype BillingAddressSectionProps = FormSectionBaseProps\n\ntype CountryOption = {\n    label: string\n    dialCode: string\n    value: string\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\n    return (\n        <DefaultOption<CountryOption>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar\n                        shape=\"circle\"\n                        size={20}\n                        src={`/img/countries/${data.value}.png`}\n                    />\n                    <span>{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={20}\n                    src={`/img/countries/${selected.value}.png`}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst BillingAddressSection = ({\n    control,\n    errors,\n}: BillingAddressSectionProps) => {\n    return (\n        <Card id=\"addressInformation\">\n            <h4 className=\"mb-6\">Address Information</h4>\n            <FormItem\n                label=\"Country\"\n                invalid={Boolean(errors.country)}\n                errorMessage={errors.country?.message}\n            >\n                <Controller\n                    name=\"country\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<CountryOption>\n                            options={countryList}\n                            {...field}\n                            components={{\n                                Option: CustomSelectOption,\n                                Control: CustomControl,\n                            }}\n                            placeholder=\"\"\n                            value={countryList.filter(\n                                (option) => option.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Address\"\n                invalid={Boolean(errors.address)}\n                errorMessage={errors.address?.message}\n            >\n                <Controller\n                    name=\"address\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Address\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <FormItem\n                    label=\"City\"\n                    invalid={Boolean(errors.city)}\n                    errorMessage={errors.city?.message}\n                >\n                    <Controller\n                        name=\"city\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"City\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Postal Code\"\n                    invalid={Boolean(errors.postcode)}\n                    errorMessage={errors.postcode?.message}\n                >\n                    <Controller\n                        name=\"postcode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Postal Code\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default BillingAddressSection\n"],"names":["Control","components","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Avatar","CustomControl","children","selected","BillingAddressSection","control","errors","Card","FormItem","Controller","field","Select","countryList","option","Input"],"mappings":"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"}
+{"version":3,"file":"BillingAddressSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/BillingAddressSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { FormItem } from '@/components/ui/Form'\nimport { countryList } from '@/constants/countries.constant'\nimport { Controller } from 'react-hook-form'\nimport { components } from 'react-select'\nimport type { FormSectionBaseProps } from '../types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype BillingAddressSectionProps = FormSectionBaseProps\n\ntype CountryOption = {\n    label: string\n    dialCode: string\n    value: string\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\n    return (\n        <DefaultOption<CountryOption>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar\n                        shape=\"circle\"\n                        size={20}\n                        src={`/img/countries/${data.value}.png`}\n                    />\n                    <span>{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={20}\n                    src={`/img/countries/${selected.value}.png`}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst BillingAddressSection = ({\n    control,\n    errors,\n}: BillingAddressSectionProps) => {\n    return (\n        <Card id=\"addressInformation\">\n            <h4 className=\"mb-6\">Address Information</h4>\n            <FormItem\n                label=\"Country\"\n                invalid={Boolean(errors.country)}\n                errorMessage={errors.country?.message}\n            >\n                <Controller\n                    name=\"country\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<CountryOption>\n                            options={countryList}\n                            {...field}\n                            components={{\n                                Option: CustomSelectOption,\n                                Control: CustomControl,\n                            }}\n                            placeholder=\"\"\n                            value={countryList.filter(\n                                (option) => option.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Address\"\n                invalid={Boolean(errors.address)}\n                errorMessage={errors.address?.message}\n            >\n                <Controller\n                    name=\"address\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Address\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <FormItem\n                    label=\"City\"\n                    invalid={Boolean(errors.city)}\n                    errorMessage={errors.city?.message}\n                >\n                    <Controller\n                        name=\"city\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"City\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Postal Code\"\n                    invalid={Boolean(errors.postcode)}\n                    errorMessage={errors.postcode?.message}\n                >\n                    <Controller\n                        name=\"postcode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Postal Code\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default BillingAddressSection\n"],"names":["Control","components","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Avatar","CustomControl","children","selected","BillingAddressSection","control","errors","Card","FormItem","Controller","field","Select","countryList","option","Input"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAM,EAAE,SAAAA,EAAY,IAAAC,GAEdC,IAAqB,CAACC,MAEpB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,aAAa,CAACG,GAAMC,MACf,gBAAAC,EAAA,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,MAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,MAAM;AAAA,UACN,KAAK,kBAAkBH,EAAK,KAAK;AAAA,QAAA;AAAA,MACrC;AAAA,MACA,gBAAAF,EAAC,UAAM,UAAMG,EAAA,CAAA;AAAA,IAAA,EACjB,CAAA;AAAA,EAAA;AAER,GAIFG,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGR,QAAyC;AAC3E,QAAMS,IAAWT,EAAM,SAAS,EAAE,CAAC;AAE/B,SAAA,gBAAAK,EAACR,GAAS,EAAA,GAAGG,GACR,UAAA;AAAA,IACGS,KAAA,gBAAAR;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK,kBAAkBG,EAAS,KAAK;AAAA,MAAA;AAAA,IACzC;AAAA,IAEHD;AAAA,EAAA,GACL;AAER,GAEME,IAAwB,CAAC;AAAA,EAC3B,SAAAC;AAAA,EACA,QAAAC;AACJ,MAEQ,gBAAAP,EAACQ,GAAK,EAAA,IAAG,sBACL,UAAA;AAAA,EAAC,gBAAAZ,EAAA,MAAA,EAAG,WAAU,QAAO,UAAmB,uBAAA;AAAA,EACxC,gBAAAA;AAAA,IAACa;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,SAAS,EAAQF,EAAO;AAAA,MACxB,cAAcA,EAAO,SAAS;AAAA,MAE9B,UAAA,gBAAAX;AAAA,QAACc;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAJ;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAK,EAAA,MACP,gBAAAf;AAAA,YAACgB;AAAA,YAAA;AAAA,cACG,SAASC;AAAA,cACR,GAAGF;AAAA,cACJ,YAAY;AAAA,gBACR,QAAQjB;AAAA,gBACR,SAASQ;AAAA,cACb;AAAA,cACA,aAAY;AAAA,cACZ,OAAOW,EAAY;AAAA,gBACf,CAACC,MAAWA,EAAO,UAAUH,EAAM;AAAA,cACvC;AAAA,cACA,UAAU,CAACG,MAAWH,EAAM,SAASG,GAAQ,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACtD;AAAA,MAAA;AAAA,IAER;AAAA,EACJ;AAAA,EACA,gBAAAlB;AAAA,IAACa;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,SAAS,EAAQF,EAAO;AAAA,MACxB,cAAcA,EAAO,SAAS;AAAA,MAE9B,UAAA,gBAAAX;AAAA,QAACc;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAJ;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAK,EAAA,MACP,gBAAAf;AAAA,YAACmB;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAGJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IAER;AAAA,EACJ;AAAA,EACA,gBAAAX,EAAC,OAAI,EAAA,WAAU,yCACX,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACa;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQF,EAAO;AAAA,QACxB,cAAcA,EAAO,MAAM;AAAA,QAE3B,UAAA,gBAAAX;AAAA,UAACc;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAJ;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAK,EAAA,MACP,gBAAAf;AAAA,cAACmB;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGJ;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,gBAAAf;AAAA,MAACa;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQF,EAAO;AAAA,QACxB,cAAcA,EAAO,UAAU;AAAA,QAE/B,UAAA,gBAAAX;AAAA,UAACc;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAJ;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAK,EAAA,MACP,gBAAAf;AAAA,cAACmB;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGJ;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EACJ,EACJ,CAAA;AAAA,GACJ;"}