@orbe-agro/client-core 5.0.0 → 5.1.0

package/dist/@ecme/views/concepts/help-center/SupportHub/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport {\n    TbPresentation,\n    TbSettings,\n    TbStar,\n    TbLicense,\n    TbChartHistogram,\n    TbChartPie,\n    TbRobotFace,\n    TbLibraryPhoto,\n    TbShieldCheck,\n    TbRefreshDot,\n    TbPalette,\n    TbCoins,\n} from 'react-icons/tb'\n\nexport const categoryIcon: Record<string, ReactNode> = {\n    introduction: <TbPresentation />,\n    setupGuide: <TbSettings />,\n    basicFeatures: <TbStar />,\n    survey: <TbLicense />,\n    analytic: <TbChartHistogram />,\n    dataVisualization: <TbChartPie />,\n    chatbot: <TbRobotFace />,\n    media: <TbLibraryPhoto />,\n    security: <TbShieldCheck />,\n    integration: <TbRefreshDot />,\n    themes: <TbPalette />,\n    commission: <TbCoins />,\n}\n\nexport const categoryLabel: Record<string, string> = {\n    introduction: 'Introduction',\n    setupGuide: 'Setup Guide',\n    basicFeatures: 'Basic Features',\n    survey: 'Survey',\n    analytic: 'Analytic',\n    dataVisualization: 'Data Visualization',\n    chatbot: 'Chatbot',\n    media: 'Media',\n    security: 'Security',\n    integration: 'Integration',\n    themes: 'Themes',\n    commission: 'Commission',\n}\n"],"names":["categoryIcon","TbPresentation","TbSettings","TbStar","TbLicense","TbChartHistogram","TbChartPie","TbRobotFace","TbLibraryPhoto","TbShieldCheck","TbRefreshDot","TbPalette","TbCoins","categoryLabel"],"mappings":";;AAgBO,MAAMA,IAA0C;AAAA,EACnD,gCAAeC,GAAA,EAAe;AAAA,EAC9B,8BAAaC,GAAA,EAAW;AAAA,EACxB,iCAAgBC,GAAA,EAAO;AAAA,EACvB,0BAASC,GAAA,EAAU;AAAA,EACnB,4BAAWC,GAAA,EAAiB;AAAA,EAC5B,qCAAoBC,GAAA,EAAW;AAAA,EAC/B,2BAAUC,GAAA,EAAY;AAAA,EACtB,yBAAQC,GAAA,EAAe;AAAA,EACvB,4BAAWC,GAAA,EAAc;AAAA,EACzB,+BAAcC,GAAA,EAAa;AAAA,EAC3B,0BAASC,GAAA,EAAU;AAAA,EACnB,8BAAaC,GAAA,CAAA,CAAQ;AACzB,GAEaC,IAAwC;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAChB;"}

package/dist/@ecme/views/concepts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../lib/@ecme/views/concepts/index.ts"],"sourcesContent":["// Concept components exports\n// Add specific concept component exports as needed\nexport const conceptsPlaceholder = 'Concept components';\n"],"names":["conceptsPlaceholder"],"mappings":"AAEO,MAAMA,IAAsB;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Mail.js","sources":["../../../../../../lib/@ecme/views/concepts/mail/Mail/Mail.tsx"],"sourcesContent":["import MailBody from './components/MailBody'\nimport MailEditor from './components/MailEditor'\n\nconst Mail = () => {\n    return (\n        <>\n            <MailBody />\n            <MailEditor />\n        </>\n    )\n}\n\nexport default Mail\n"],"names":["Mail","jsxs","Fragment","jsx","MailBody","MailEditor"],"mappings":";;;AAGA,MAAMA,IAAO,MAEL,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAS;AAAA,oBACTC,GAAA,CAAA,CAAW;AAAA,GAChB;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/ActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\n\nconst ActionButton = ({\n    children,\n    ...rest\n}: ButtonHTMLAttributes<HTMLButtonElement>) => {\n    return (\n        <button\n            className=\"outline-none rounded-full p-2 text-xl bg-white dark:bg-gray-500 hover:bg-gray-200 dark:hover:bg-gray-400 hover:text-gray-800 dark:text-gray-200 dark:hover:text-gray-100\"\n            {...rest}\n        >\n            {children}\n        </button>\n    )\n}\n\nexport default ActionButton\n"],"names":["ActionButton","children","rest","jsx"],"mappings":";AAEA,MAAMA,IAAe,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACT,GAAGD;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MailBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBody.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport MailList from './MailList'\nimport MailSidebar from './MailSidebar'\nimport MailDetail from './MailDetail'\nimport MailBodyTop from './MailBodyTop'\nimport useMail from '../hooks/useMail'\nimport useQuery from '@/utils/hooks/useQuery'\nimport { useMailStore } from '../store/mailStore'\nimport isEmpty from 'lodash/isEmpty'\n\nconst MailBody = () => {\n    const query = useQuery()\n\n    const id = query.get('mail')\n\n    const { fetchMail } = useMail()\n\n    const { mail } = useMailStore()\n\n    useEffect(() => {\n        if (id && isEmpty(mail)) {\n            fetchMail(id)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [id])\n\n    return (\n        <AdaptiveCard\n            className=\"h-full border-0\"\n            bodyClass=\"h-full flex flex-col\"\n        >\n            <div className=\"flex flex-auto h-full\">\n                <MailSidebar />\n                <div className=\"ltr:lg:pl-6 rtl:lg:pr-6 flex-1\">\n                    <MailBodyTop />\n                    <div className=\"relative h-[calc(100%-70px)]\">\n                        {isEmpty(mail) ? (\n                            <MailList />\n                        ) : (\n                            <MailDetail mail={mail} />\n                        )}\n                    </div>\n                </div>\n            </div>\n        </AdaptiveCard>\n    )\n}\n\nexport default MailBody\n"],"names":["MailBody","id","useQuery","fetchMail","useMail","mail","useMailStore","useEffect","isEmpty","jsx","AdaptiveCard","jsxs","MailSidebar","MailBodyTop","MailList","MailDetail"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAAW,MAAM;AAGnB,QAAMC,IAFQC,EAAA,EAEG,IAAI,MAAM,GAErB,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,SAAAC,EAAU,MAAM;AACZ,IAAIN,KAAMO,EAAQH,CAAI,KAClBF,EAAUF,CAAE;AAAA,EAChB,GAED,CAACA,CAAE,CAAC,GAGH,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAY;AAAA,QACb,gBAAAD,EAAC,OAAA,EAAI,WAAU,kCACX,UAAA;AAAA,UAAA,gBAAAF,EAACI,GAAA,EAAY;AAAA,UACb,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gCACV,UAAAD,EAAQH,CAAI,IACT,gBAAAI,EAACK,GAAA,CAAA,CAAS,IAEV,gBAAAL,EAACM,GAAA,EAAW,MAAAV,GAAY,EAAA,CAEhC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MailBodyTop.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBodyTop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Badge from '@/components/ui/Badge'\nimport MailDeleteConfimation from './MailDeleteConfimation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport { TbMail, TbTrash, TbMenu2 } from 'react-icons/tb'\n\nconst MailBodyTop = () => {\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const { selectedMailId, toggleMessageDialog, toggleMobileSidebar } =\n        useMailStore()\n\n    const { onMailDelete, onBatchMoveMailClick } = useMailAction()\n\n    const { smaller } = useResponsive()\n\n    const hasMailSelected = selectedMailId.length > 0\n\n    const handleClose = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleConfirmDelete = () => {\n        onMailDelete(selectedMailId)\n        handleClose()\n    }\n\n    const handleMoveMailClick = (destination: string) => {\n        onBatchMoveMailClick(selectedMailId, destination)\n    }\n\n    return (\n        <>\n            <div className=\"flex items-center justify-between mb-6\">\n                <div className=\"flex items-center gap-2\">\n                    {smaller.xl && (\n                        <button\n                            className=\"close-button\"\n                            type=\"button\"\n                            onClick={() => toggleMobileSidebar(true)}\n                        >\n                            <TbMenu2 />\n                        </button>\n                    )}\n                    {hasMailSelected && (\n                        <h5>{selectedMailId.length} items selected</h5>\n                    )}\n                </div>\n                <div className=\"inline-flex items-center gap-2\">\n                    {hasMailSelected ? (\n                        <>\n                            <Dropdown\n                                renderTitle={<Button size=\"sm\">Move to</Button>}\n                                placement=\"bottom-end\"\n                            >\n                                {labelList.map((item) => (\n                                    <Dropdown.Item\n                                        key={item.value}\n                                        onClick={() =>\n                                            handleMoveMailClick(item.value)\n                                        }\n                                    >\n                                        <Badge className={item.dotClass} />\n                                        <span>{item.label}</span>\n                                    </Dropdown.Item>\n                                ))}\n                            </Dropdown>\n                            <Button\n                                size=\"sm\"\n                                type=\"button\"\n                                customColorClass={() =>\n                                    'border-error ring-0 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                }\n                                icon={<TbTrash />}\n                                onClick={() => setDeleteConfirmationOpen(true)}\n                            >\n                                Delete\n                            </Button>\n                        </>\n                    ) : (\n                        <Button\n                            variant=\"solid\"\n                            icon={<TbMail />}\n                            size=\"sm\"\n                            onClick={() =>\n                                toggleMessageDialog({\n                                    open: true,\n                                    mode: 'new',\n                                })\n                            }\n                        >\n                            New email\n                        </Button>\n                    )}\n                </div>\n            </div>\n            <MailDeleteConfimation\n                isOpen={deleteConfirmationOpen}\n                selectedMailCount={selectedMailId.length}\n                onClose={handleClose}\n                onConfirmDelete={handleConfirmDelete}\n            />\n        </>\n    )\n}\n\nexport default MailBodyTop\n"],"names":["MailBodyTop","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","selectedMailId","toggleMessageDialog","toggleMobileSidebar","useMailStore","onMailDelete","onBatchMoveMailClick","useMailAction","smaller","useResponsive","hasMailSelected","handleClose","handleConfirmDelete","handleMoveMailClick","destination","jsxs","Fragment","jsx","TbMenu2","Dropdown","Button","labelList","item","Badge","TbTrash","TbMail","MailDeleteConfimation"],"mappings":";;;;;;;;;;;;;AAWA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpE,EAAE,gBAAAC,GAAgB,qBAAAC,GAAqB,qBAAAC,EAAA,IACzCC,EAAA,GAEE,EAAE,cAAAC,GAAc,sBAAAC,EAAA,IAAyBC,EAAA,GAEzC,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAkBT,EAAe,SAAS,GAE1CU,IAAc,MAAM;AACtB,IAAAZ,EAA0B,EAAK;AAAA,EAAA,GAG7Ba,IAAsB,MAAM;AAC9B,IAAAP,EAAaJ,CAAc,GAC3BU,EAAA;AAAA,EAAY,GAGVE,IAAsB,CAACC,MAAwB;AACjD,IAAAR,EAAqBL,GAAgBa,CAAW;AAAA,EAAA;AAGpD,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAAP,EAAQ,MACL,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMd,EAAoB,EAAI;AAAA,YAEvC,4BAACe,GAAA,CAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhBR,uBACI,MAAA,EAAI,UAAA;AAAA,UAAAT,EAAe;AAAA,UAAO;AAAA,QAAA,EAAA,CAAe;AAAA,MAAA,GAElD;AAAA,MACA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,kCACV,cACG,gBAAAF,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,aAAa,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,UAAA,WAAO;AAAA,YACtC,WAAU;AAAA,YAET,UAAAC,EAAU,IAAI,CAACC,MACZ,gBAAAP;AAAA,cAACI,EAAS;AAAA,cAAT;AAAA,gBAEG,SAAS,MACLN,EAAoBS,EAAK,KAAK;AAAA,gBAGlC,UAAA;AAAA,kBAAA,gBAAAL,EAACM,GAAA,EAAM,WAAWD,EAAK,SAAA,CAAU;AAAA,kBACjC,gBAAAL,EAAC,QAAA,EAAM,UAAAK,EAAK,MAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cANbA,EAAK;AAAA,YAAA,CAQjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,gBAAAL;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,wBAAOI,GAAA,EAAQ;AAAA,YACf,SAAS,MAAMzB,EAA0B,EAAI;AAAA,YAChD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ,IAEA,gBAAAkB;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,wBAAOK,GAAA,EAAO;AAAA,UACd,MAAK;AAAA,UACL,SAAS,MACLvB,EAAoB;AAAA,YAChB,MAAM;AAAA,YACN,MAAM;AAAA,UAAA,CACT;AAAA,UAER,UAAA;AAAA,QAAA;AAAA,MAAA,EAED,CAER;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAe;AAAA,MAACS;AAAA,MAAA;AAAA,QACG,QAAQ5B;AAAA,QACR,mBAAmBG,EAAe;AAAA,QAClC,SAASU;AAAA,QACT,iBAAiBC;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACJ;AAER;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MailDeleteConfimation.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDeleteConfimation.tsx"],"sourcesContent":["import ConfirmDialog from '@/components/shared/ConfirmDialog'\n\ntype MailDeleteConfimationProps = {\n    isOpen: boolean\n    onClose: () => void\n    onConfirmDelete: () => void\n    selectedMailCount: number\n}\n\nconst MailDeleteConfimation = ({\n    isOpen,\n    onClose,\n    onConfirmDelete,\n    selectedMailCount,\n}: MailDeleteConfimationProps) => {\n    return (\n        <ConfirmDialog\n            isOpen={isOpen}\n            type=\"danger\"\n            title=\"Delete mail\"\n            onClose={onClose}\n            onRequestClose={onClose}\n            onCancel={onClose}\n            onConfirm={onConfirmDelete}\n        >\n            <p>\n                Are you sure you want to delete{' '}\n                {selectedMailCount > 1\n                    ? `${selectedMailCount} of these mails`\n                    : 'this mail'}{' '}\n                ? This action can&apos;t be undo.{' '}\n            </p>\n        </ConfirmDialog>\n    )\n}\n\nexport default MailDeleteConfimation\n"],"names":["MailDeleteConfimation","isOpen","onClose","onConfirmDelete","selectedMailCount","jsx","ConfirmDialog"],"mappings":";;AASA,MAAMA,IAAwB,CAAC;AAAA,EAC3B,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAAL;AAAA,IACA,MAAK;AAAA,IACL,OAAM;AAAA,IACN,SAAAC;AAAA,IACA,gBAAgBA;AAAA,IAChB,UAAUA;AAAA,IACV,WAAWC;AAAA,IAEX,4BAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MACiC;AAAA,MAC/BC,IAAoB,IACf,GAAGA,CAAiB,oBACpB;AAAA,MAAa;AAAA,MAAI;AAAA,MACW;AAAA,IAAA,EAAA,CACtC;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MailDetail.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetail.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport MailDetailTitle from './MailDetailTitle'\nimport MailDetailContent from './MailDetailContent'\nimport MailDetailAction from './MailDetailAction'\nimport isEmpty from 'lodash/isEmpty'\nimport type { Mail } from '../types'\n\ntype MailDetailProps = {\n    mail?: Partial<Mail>\n}\n\nconst MailDetail = ({ mail }: MailDetailProps) => {\n    const scrollRef = useRef(null)\n\n    const hasMailSelected = !isEmpty(mail)\n    const cardHeaderProps = {\n        ...(hasMailSelected\n            ? {\n                  header: {\n                      content: <MailDetailTitle />,\n                      extra: <MailDetailAction />,\n                      className: 'bg-gray-100 dark:bg-gray-700 h-[100px]',\n                  },\n              }\n            : {}),\n    }\n\n    return (\n        <Card\n            className=\"flex-1 h-full max-h-full dark:border-gray-700\"\n            bodyClass=\"h-full relative\"\n            {...cardHeaderProps}\n        >\n            <MailDetailContent ref={scrollRef} mail={mail} />\n        </Card>\n    )\n}\n\nexport default MailDetail\n"],"names":["MailDetail","mail","scrollRef","useRef","cardHeaderProps","isEmpty","MailDetailTitle","MailDetailAction","jsx","Card","MailDetailContent"],"mappings":";;;;;;;;AAYA,MAAMA,IAAa,CAAC,EAAE,MAAAC,QAA4B;AAC9C,QAAMC,IAAYC,EAAO,IAAI,GAGvBC,IAAkB;AAAA,IACpB,GAFoB,CAACC,EAAQJ,CAAI,IAG3B;AAAA,MACI,QAAQ;AAAA,QACJ,2BAAUK,GAAA,EAAgB;AAAA,QAC1B,yBAAQC,GAAA,EAAiB;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACf,IAEJ,CAAA;AAAA,EAAC;AAGX,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGL;AAAA,MAEJ,UAAA,gBAAAI,EAACE,GAAA,EAAkB,KAAKR,GAAW,MAAAD,EAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAG3D;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MailDetailAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailAction.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Badge from '@/components/ui/Badge'\nimport ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport classNames from '@/utils/classNames'\nimport {\n    TbDotsVertical,\n    TbArrowBackUp,\n    TbStarFilled,\n    TbFlag,\n    TbFolderSymlink,\n    TbStar,\n} from 'react-icons/tb'\nimport type { Mail } from '../types'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\ntype MailDetailAction = {\n    onMailReplyClick: () => void\n}\n\nconst MailDetailAction = () => {\n    const dropdownRef = useRef<DropdownRef>(null)\n\n    const { mail, toggleMessageDialog } = useMailStore()\n\n    const { onFlagToggle, onMoveMailClick, onStarToggle } = useMailAction()\n\n    const handleMoveMailClick = (destination: string) => {\n        onMoveMailClick(mail as Mail, destination)\n        dropdownRef.current?.handleDropdownClose()\n    }\n\n    const handleReplyClick = () => {\n        toggleMessageDialog({\n            mode: 'reply',\n            open: true,\n        })\n    }\n\n    return (\n        <div className=\"flex items-center gap-2\">\n            <Tooltip title=\"Reply\">\n                <ActionButton onClick={handleReplyClick}>\n                    <TbArrowBackUp />\n                </ActionButton>\n            </Tooltip>\n            <Dropdown\n                ref={dropdownRef}\n                placement=\"bottom-end\"\n                renderTitle={\n                    <ActionButton>\n                        <TbDotsVertical />\n                    </ActionButton>\n                }\n            >\n                <Dropdown.Item\n                    eventKey=\"star\"\n                    onClick={() => onStarToggle(mail as Mail)}\n                >\n                    <span className=\"text-lg\">\n                        {mail.starred ? (\n                            <TbStarFilled className=\"text-amber-500\" />\n                        ) : (\n                            <TbStar />\n                        )}\n                    </span>\n                    <span>Star</span>\n                </Dropdown.Item>\n                <Dropdown.Item\n                    eventKey=\"flag\"\n                    onClick={() => onFlagToggle(mail as Mail)}\n                >\n                    <TbFlag\n                        className={classNames(\n                            'text-lg',\n                            mail.flagged && 'text-red-500',\n                        )}\n                    />\n                    <span>Flag</span>\n                </Dropdown.Item>\n                <Dropdown.Menu\n                    renderTitle={\n                        <>\n                            <span className=\"flex items-center gap-2\">\n                                <TbFolderSymlink className=\"text-lg\" />\n                                <span>Move to</span>\n                            </span>\n                        </>\n                    }\n                    placement=\"left-start\"\n                >\n                    {labelList.map((item) => (\n                        <Dropdown.Item\n                            key={item.value}\n                            onClick={() => handleMoveMailClick(item.value)}\n                        >\n                            <Badge className={item.dotClass} />\n                            <span>{item.label}</span>\n                        </Dropdown.Item>\n                    ))}\n                </Dropdown.Menu>\n            </Dropdown>\n        </div>\n    )\n}\n\nexport default MailDetailAction\n"],"names":["MailDetailAction","dropdownRef","useRef","mail","toggleMessageDialog","useMailStore","onFlagToggle","onMoveMailClick","onStarToggle","useMailAction","handleMoveMailClick","destination","_a","jsxs","jsx","Tooltip","ActionButton","TbArrowBackUp","Dropdown","TbDotsVertical","TbStarFilled","TbStar","TbFlag","classNames","Fragment","TbFolderSymlink","labelList","item","Badge"],"mappings":";;;;;;;;;;;;;AAwBA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAcC,EAAoB,IAAI,GAEtC,EAAE,MAAAC,GAAM,qBAAAC,EAAA,IAAwBC,EAAA,GAEhC,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,cAAAC,EAAA,IAAiBC,EAAA,GAElDC,IAAsB,CAACC,MAAwB;;AACjD,IAAAJ,EAAgBJ,GAAcQ,CAAW,IACzCC,IAAAX,EAAY,YAAZ,QAAAW,EAAqB;AAAA,EAAoB;AAU7C,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,OAAM,SACX,UAAA,gBAAAD,EAACE,GAAA,EAAa,SAVD,MAAM;AAC3B,MAAAZ,EAAoB;AAAA,QAChB,MAAM;AAAA,QACN,MAAM;AAAA,MAAA,CACT;AAAA,IAAA,GAOW,UAAA,gBAAAU,EAACG,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,IACA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,KAAKjB;AAAA,QACL,WAAU;AAAA,QACV,aACI,gBAAAa,EAACE,GAAA,EACG,UAAA,gBAAAF,EAACK,KAAe,GACpB;AAAA,QAGJ,UAAA;AAAA,UAAA,gBAAAN;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMV,EAAaL,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAW,EAAC,QAAA,EAAK,WAAU,WACX,UAAAX,EAAK,UACF,gBAAAW,EAACM,GAAA,EAAa,WAAU,iBAAA,CAAiB,IAEzC,gBAAAN,EAACO,GAAA,CAAA,CAAO,GAEhB;AAAA,gBACA,gBAAAP,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAD;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMZ,EAAaH,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAW;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACG,WAAWC;AAAA,sBACP;AAAA,sBACApB,EAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,gBAAA;AAAA,gBAEJ,gBAAAW,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAA;AAAA,YAACI,EAAS;AAAA,YAAT;AAAA,cACG,aACI,gBAAAJ,EAAAU,GAAA,EACI,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,gBAAA,gBAAAC,EAACW,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,gBACrC,gBAAAX,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,cAAA,EAAA,CACjB,EAAA,CACJ;AAAA,cAEJ,WAAU;AAAA,cAET,UAAAY,EAAU,IAAI,CAACC,MACZ,gBAAAd;AAAA,gBAACK,EAAS;AAAA,gBAAT;AAAA,kBAEG,SAAS,MAAMR,EAAoBiB,EAAK,KAAK;AAAA,kBAE7C,UAAA;AAAA,oBAAA,gBAAAb,EAACc,GAAA,EAAM,WAAWD,EAAK,SAAA,CAAU;AAAA,oBACjC,gBAAAb,EAAC,QAAA,EAAM,UAAAa,EAAK,MAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAJbA,EAAK;AAAA,cAAA,CAMjB;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MailDetailContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailContent.tsx"],"sourcesContent":["import IconText from '@/components/shared/IconText'\nimport Avatar from '@/components/ui/Avatar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport FileIcon from '@/components/view/FileIcon'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport ReactHtmlParser from 'html-react-parser'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport type { Mail, Message } from '../types'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\nimport type { PropsWithChildren, Ref } from 'react'\n\ntype MailDetailContentProps = PropsWithChildren<{\n    mail?: Partial<Mail>\n    ref?: Ref<ScrollBarRef>\n}>\n\nconst MailDetailContent = (props: MailDetailContentProps) => {\n    const { mail = {}, ref } = props\n\n    return (\n        <div className=\"absolute top-0 left-0 h-full w-full \">\n            <ScrollBar\n                ref={ref}\n                autoHide\n                className=\"overflow-y-auto h-[calc(100%-100px)]\"\n            >\n                <div className=\"h-full px-6\">\n                    {mail.message?.map((msg, index) => (\n                        <div key={msg.id}>\n                            <div\n                                className={classNames(\n                                    'py-8 ltr:pr-4 rtl:pl-4',\n                                    !isLastChild(\n                                        mail.message as Message[],\n                                        index,\n                                    ) &&\n                                        'border-b border-gray-200 dark:border-gray-700',\n                                )}\n                            >\n                                <div className=\"flex items-center justify-between gap-2\">\n                                    <div className=\"flex items-center gap-2\">\n                                        <Avatar\n                                            shape=\"circle\"\n                                            src={msg.avatar}\n                                        />\n                                        <div>\n                                            <div className=\"font-bold truncate heading-text\">\n                                                {msg.name}\n                                            </div>\n                                            <div>\n                                                To:{' '}\n                                                {mail.mail?.map((to, index) => (\n                                                    <span key={to + index}>\n                                                        {to}\n                                                    </span>\n                                                ))}\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <IconText\n                                        icon={\n                                            <HiOutlineClock className=\"text-lg\" />\n                                        }\n                                    >\n                                        <span className=\"font-semibold\">\n                                            {msg.date}\n                                        </span>\n                                    </IconText>\n                                </div>\n                                <div className=\"mt-8\">\n                                    {ReactHtmlParser(msg.content)}\n                                </div>\n                                {msg.attachment?.length > 0 && (\n                                    <div className=\"mt-6 inline-flex flex-wrap gap-4\">\n                                        {msg.attachment.map((item) => (\n                                            <div\n                                                key={item.file}\n                                                className=\"min-w-full md:min-w-[230px] rounded-2xl dark:bg-gray-800 border border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-700 py-4 px-3.5 inline-flex items-center gap-2 transition-all cursor-pointer\"\n                                            >\n                                                <FileIcon type={item.type} />\n                                                <div>\n                                                    <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                                        {item.file}\n                                                    </div>\n                                                    <span className=\"\">\n                                                        {item.size}\n                                                    </span>\n                                                </div>\n                                            </div>\n                                        ))}\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </ScrollBar>\n        </div>\n    )\n}\n\nexport default MailDetailContent\n"],"names":["MailDetailContent","props","mail","ref","jsx","ScrollBar","_a","msg","index","jsxs","classNames","isLastChild","Avatar","to","IconText","HiOutlineClock","ReactHtmlParser","_b","item","FileIcon"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAkC;;AACzD,QAAM,EAAE,MAAAC,IAAO,IAAI,KAAAC,MAAQF;AAE3B,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAF;AAAA,MACA,UAAQ;AAAA,MACR,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,eACV,WAAAE,IAAAJ,EAAK,YAAL,gBAAAI,EAAc,IAAI,CAACC,GAAKC,MAAA;;AACrB,+BAAAJ,EAAC,OAAA,EACG,UAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACP;AAAA,cACA,CAACC;AAAA,gBACGT,EAAK;AAAA,gBACLM;AAAA,cAAA,KAEA;AAAA,YAAA;AAAA,YAGR,UAAA;AAAA,cAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,gBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,kBAAA,gBAAAL;AAAA,oBAACQ;AAAA,oBAAA;AAAA,sBACG,OAAM;AAAA,sBACN,KAAKL,EAAI;AAAA,oBAAA;AAAA,kBAAA;AAAA,oCAEZ,OAAA,EACG,UAAA;AAAA,oBAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,mCACV,UAAAG,EAAI,MACT;AAAA,sCACC,OAAA,EAAI,UAAA;AAAA,sBAAA;AAAA,sBACG;AAAA,uBACHD,IAAAJ,EAAK,SAAL,gBAAAI,EAAW,IAAI,CAACO,GAAIL,MACjB,gBAAAJ,EAAC,QAAA,EACI,UAAAS,KADMA,IAAKL,CAEhB;AAAA,oBACH,EAAA,CACL;AAAA,kBAAA,EAAA,CACJ;AAAA,gBAAA,GACJ;AAAA,gBACA,gBAAAJ;AAAA,kBAACU;AAAA,kBAAA;AAAA,oBACG,MACI,gBAAAV,EAACW,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,oBAGxC,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,iBACX,YAAI,KAAA,CACT;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACJ,GACJ;AAAA,gCACC,OAAA,EAAI,WAAU,QACV,UAAAY,EAAgBT,EAAI,OAAO,GAChC;AAAA,gBACCU,IAAAV,EAAI,eAAJ,gBAAAU,EAAgB,UAAS,KACtB,gBAAAb,EAAC,OAAA,EAAI,WAAU,oCACV,UAAAG,EAAI,WAAW,IAAI,CAACW,MACjB,gBAAAT;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,WAAU;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAL,EAACe,GAAA,EAAS,MAAMD,EAAK,KAAA,CAAM;AAAA,sCAC1B,OAAA,EACG,UAAA;AAAA,sBAAA,gBAAAd,EAAC,OAAA,EAAI,WAAU,kDACV,UAAAc,EAAK,MACV;AAAA,sBACA,gBAAAd,EAAC,QAAA,EAAK,WAAU,IACX,YAAK,KAAA,CACV;AAAA,oBAAA,EAAA,CACJ;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAXKc,EAAK;AAAA,cAAA,CAajB,EAAA,CACL;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,KA9DFX,EAAI,EAiEd;AAAA,SACH,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MailDetailTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.tsx"],"sourcesContent":["import ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport { TbArrowLeft } from 'react-icons/tb'\nimport { useSearchParams } from 'react-router-dom'\n\nconst MailDetailTitle = () => {\n    const { mail, setMail } = useMailStore()\n\n    const [searchParams, setSearchParams] = useSearchParams()\n\n    const handleBackButtonClick = () => {\n        if (searchParams.has('mail')) {\n            searchParams.delete('mail')\n            setSearchParams(searchParams)\n        }\n        setMail({})\n    }\n\n    return (\n        <div className=\"flex items-center gap-2\">\n            <ActionButton onClick={handleBackButtonClick}>\n                <TbArrowLeft />\n            </ActionButton>\n            <h4>{mail?.title}</h4>\n        </div>\n    )\n}\n\nexport default MailDetailTitle\n"],"names":["MailDetailTitle","mail","setMail","useMailStore","searchParams","setSearchParams","useSearchParams","jsxs","jsx","ActionButton","TbArrowLeft"],"mappings":";;;;;AAKA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAA,GAEpB,CAACC,GAAcC,CAAe,IAAIC,EAAA;AAUxC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAa,SAVQ,MAAM;AAChC,MAAIL,EAAa,IAAI,MAAM,MACvBA,EAAa,OAAO,MAAM,GAC1BC,EAAgBD,CAAY,IAEhCF,EAAQ,CAAA,CAAE;AAAA,IAAA,GAMF,UAAA,gBAAAM,EAACE,KAAY,GACjB;AAAA,IACA,gBAAAF,EAAC,MAAA,EAAI,UAAAP,KAAA,gBAAAA,EAAM,MAAA,CAAM;AAAA,EAAA,GACrB;AAER;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MailEditor.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailEditor.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useMailStore } from '../store/mailStore'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport sleep from '@/utils/sleep'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    to: string\n    content?: string\n    title?: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    to: z.string().min(1, { message: 'Please enter recipient' }),\n    title: z.string(),\n    content: z.string().min(1, { message: 'Please enter message' }),\n})\n\nconst MailEditor = () => {\n    const { mail, messageDialog, toggleMessageDialog } = useMailStore()\n\n    const [formSubmiting, setFormSubmiting] = useState(false)\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (messageDialog.mode === 'reply') {\n            reset({\n                to: mail.from,\n                title: `Re:${mail.title}`,\n            })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [messageDialog.mode])\n\n    const handleDialogClose = () => {\n        toggleMessageDialog({\n            mode: '',\n            open: false,\n        })\n        reset({\n            to: '',\n            title: '',\n            content: '',\n        })\n    }\n\n    const onSubmit = async (value: FormSchema) => {\n        console.log('values', value)\n        setFormSubmiting(true)\n        await sleep(500)\n        toast.push(<Notification type=\"success\">Mail send!</Notification>, {\n            placement: 'top-center',\n        })\n        setFormSubmiting(false)\n        handleDialogClose()\n    }\n\n    return (\n        <Dialog\n            isOpen={messageDialog.open}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <h4 className=\"mb-4\">\n                {messageDialog.mode === 'new' && 'New Message'}\n                {messageDialog.mode === 'reply' && 'Reply'}\n            </h4>\n            <Form onSubmit={handleSubmit(onSubmit)}>\n                <FormItem\n                    label=\"Title:\"\n                    invalid={Boolean(errors.title)}\n                    errorMessage={errors.title?.message}\n                >\n                    <Controller\n                        name=\"title\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                autoComplete=\"off\"\n                                placeholder=\"Add a subject\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"To:\"\n                    invalid={Boolean(errors.to)}\n                    errorMessage={errors.to?.message}\n                >\n                    <Controller\n                        name=\"to\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input autoComplete=\"off\" {...field} />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Message\"\n                    invalid={Boolean(errors.content)}\n                    errorMessage={errors.content?.message}\n                >\n                    <Controller\n                        name=\"content\"\n                        control={control}\n                        render={({ field }) => (\n                            <RichTextEditor\n                                content={field.value}\n                                invalid={Boolean(errors.content)}\n                                onChange={({ html }) => {\n                                    field.onChange(html)\n                                }}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <div className=\"text-right mt-4\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        type=\"button\"\n                        onClick={handleDialogClose}\n                    >\n                        Discard\n                    </Button>\n                    <Button\n                        variant=\"solid\"\n                        loading={formSubmiting}\n                        type=\"submit\"\n                    >\n                        Send\n                    </Button>\n                </div>\n            </Form>\n        </Dialog>\n    )\n}\n\nexport default MailEditor\n"],"names":["validationSchema","z","MailEditor","mail","messageDialog","toggleMessageDialog","useMailStore","formSubmiting","setFormSubmiting","useState","handleSubmit","reset","errors","control","useForm","zodResolver","useEffect","handleDialogClose","onSubmit","value","sleep","toast","jsx","Notification","jsxs","Dialog","Form","FormItem","_a","Controller","field","Input","_b","_c","RichTextEditor","html","Button"],"mappings":"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"}

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

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

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

@@ -0,0 +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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"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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,MAAA;AAAA,IAC3B;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,MAAA;AAAA,IAChB;AAAA,EACJ;AAGJ,SAAO;AAAA,IACH,YAAAN;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAG;AAAA,IACA,gBAAAC;AAAA,EAAA;AAER;"}

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

@@ -0,0 +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,EAAA;AA8D3B,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,IAAA;AAAA,IAuDtB,cAjBiB,CAACK,MAAsB;AACxC,MAAAT,EAAYF,EAAS,OAAO,CAACS,MAAS,CAACE,EAAQ,SAASF,EAAK,EAAE,CAAC,CAAC,GACjEN,EAAgB,CAAA,CAAE;AAAA,IAAA;AAAA,IAgBlB,cArDiB,CAACM,GAAYC,IAAyB,OAAS;AAChE,YAAMJ,IAAUE,EAAUC,CAAI;AAC9B,MAAAH,EAAQ,UAAU,CAACA,EAAQ,SACvBI,KACAT,EAAQK,CAAO,GAEnBD,EAAeC,CAAO;AAAA,IAAA;AAAA,IAgDtB,iBAvCoB,CAACG,GAAYG,MAAwB;AACzD,YAAMN,IAAUE,EAAUC,CAAI;AAC9B,MAAAH,EAAQ,QAAQM,GAChBP,EAAeC,CAAO;AAAA,IAAA;AAAA,IAqCtB,kBA9CqB,CAACG,MAAe;AACrC,YAAMH,IAAUE,EAAUC,CAAI;AAC9B,MAAAH,EAAQ,UAAU,CAACA,EAAQ,SAC3BD,EAAeC,CAAO;AAAA,IAAA;AAAA,IA4CtB,gBAhBmB,MAAM;AACzB,MAAAJ;AAAA,QACIF,EAAS,IAAI,CAACS,OACVA,EAAK,UAAU,IACRA,EACV;AAAA,MAAA,GAELN,EAAgB,CAAA,CAAE;AAAA,IAAA;AAAA,IAUlB,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,IAAA;AAAA,EAyBlB;AAER;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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,EAAA,GAGpCa,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,EAAA,GAGpCc,IAAgB,MAAM;AACxB,IAAAX,EAA2B,EAAI;AAAA,EAAA,GAG7BY,IAAe,MAAM;AACvB,IAAAZ,EAA2B,EAAK;AAAA,EAAA;AAGpC,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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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,IAAA,GAMU,UAAA,OAAA,CAElD;AAAA,EAAA,GACJ;AAER;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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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"}

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

@@ -0,0 +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,KAAA,gBAAAA,EAAU,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,GAgCpB,CACL;AAAA,GACJ;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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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"}

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

@@ -0,0 +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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"}

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

@@ -0,0 +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","_a","Controller","field","Select","countryList","option","_b","Input","_c","_d"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerDetailSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/CustomerDetailSection.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport 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 NumericInput from '@/components/shared/NumericInput'\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 CustomerDetailSectionProps = 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) => (\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>{data.dialCode}</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 CustomerDetailSection = ({\n    control,\n    errors,\n}: CustomerDetailSectionProps) => {\n    const dialCodeList = useMemo(() => {\n        const newCountryList: Array<CountryOption> = JSON.parse(\n            JSON.stringify(countryList),\n        )\n\n        return newCountryList.map((country) => {\n            country.label = country.dialCode\n            return country\n        })\n    }, [])\n\n    return (\n        <Card id=\"customerDetails\">\n            <h4 className=\"mb-6\">Customer details</h4>\n            <div className=\"grid md:grid-cols-2 gap-4\">\n                <FormItem\n                    label=\"First Name\"\n                    invalid={Boolean(errors.firstName)}\n                    errorMessage={errors.firstName?.message}\n                >\n                    <Controller\n                        name=\"firstName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"First Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"User Name\"\n                    invalid={Boolean(errors.lastName)}\n                    errorMessage={errors.lastName?.message}\n                >\n                    <Controller\n                        name=\"lastName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Last Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <div className=\"flex items-end gap-4 w-full\">\n                <FormItem\n                    invalid={\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\n                    }\n                >\n                    <label className=\"form-label mb-2\">Phone number</label>\n                    <Controller\n                        name=\"dialCode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Select<CountryOption>\n                                options={dialCodeList}\n                                {...field}\n                                className=\"w-[150px]\"\n                                components={{\n                                    Option: CustomSelectOption,\n                                    Control: CustomControl,\n                                }}\n                                placeholder=\"\"\n                                value={dialCodeList.filter(\n                                    (option) => option.dialCode === field.value,\n                                )}\n                                onChange={(option) =>\n                                    field.onChange(option?.dialCode)\n                                }\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    className=\"w-full\"\n                    invalid={\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\n                    }\n                    errorMessage={errors.phoneNumber?.message}\n                >\n                    <Controller\n                        name=\"phoneNumber\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                autoComplete=\"off\"\n                                placeholder=\"Phone Number\"\n                                value={field.value}\n                                onChange={field.onChange}\n                                onBlur={field.onBlur}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default CustomerDetailSection\n"],"names":["Control","components","CustomSelectOption","props","jsx","DefaultOption","data","jsxs","Avatar","CustomControl","children","selected","CustomerDetailSection","control","errors","dialCodeList","useMemo","countryList","country","Card","FormItem","_a","Controller","field","Input","_b","_c","Select","option","_d","NumericInput"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigator.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/Navigator.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\n// eslint-disable-next-line import/named\nimport { Link } from 'react-scroll'\nimport { TbPackage, TbUserSquare, TbMapPin, TbCreditCard } from 'react-icons/tb'\n\nconst navigationList = [\n    {\n        label: 'Select products',\n        description: 'Add product to purchase list.',\n        link: 'selectProducts',\n        icon: <TbPackage />,\n    },\n    {\n        label: 'Customer details',\n        description:\n            'Enter customer information like name, email & phone number.',\n        link: 'customerDetails',\n        icon: <TbUserSquare />,\n    },\n    {\n        label: 'Address Information',\n        description: 'Provide shipping address details.',\n        link: 'addressInformation',\n        icon: <TbMapPin />,\n    },\n    {\n        label: 'Payment',\n        description:\n            'Enter payment method and details to complete the transaction.',\n        link: 'payment',\n        icon: <TbCreditCard />,\n    },\n]\n\nconst Navigator = () => {\n    return (\n        <div className=\"flex flex-col gap-2\">\n            {navigationList.map((nav) => (\n                <Link\n                    key={nav.label}\n                    activeClass=\"bg-gray-100 dark:bg-gray-700 active\"\n                    className=\"cursor-pointer p-4 rounded-xl group hover:bg-gray-100 dark:hover:bg-gray-700\"\n                    to={nav.link}\n                    spy={true}\n                    smooth={true}\n                    duration={500}\n                    offset={-80}\n                >\n                    <span className=\"flex items-center gap-2\">\n                        <Avatar\n                            icon={nav.icon}\n                            className=\"bg-gray-100 dark:bg-gray-700 group-hover:bg-white group-[.active]:bg-white dark:group-hover:bg-gray-800 dark:group-[.active]:bg-gray-800 heading-text \"\n                        />\n                        <span className=\"flex flex-col flex-1\">\n                            <span className=\"heading-text font-bold\">\n                                {nav.label}\n                            </span>\n                            <span>{nav.description}</span>\n                        </span>\n                    </span>\n                </Link>\n            ))}\n        </div>\n    )\n}\n\nexport default Navigator\n"],"names":["navigationList","TbPackage","TbUserSquare","TbMapPin","TbCreditCard","Navigator","nav","jsx","Link","jsxs","Avatar"],"mappings":";;;;AAKA,MAAMA,IAAiB;AAAA,EACnB;AAAA,IACI,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,wBAAOC,GAAA,CAAA,CAAU;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,OAAO;AAAA,IACP,aACI;AAAA,IACJ,MAAM;AAAA,IACN,wBAAOC,GAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,wBAAOC,GAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEpB;AAAA,IACI,OAAO;AAAA,IACP,aACI;AAAA,IACJ,MAAM;AAAA,IACN,wBAAOC,GAAA,CAAA,CAAa;AAAA,EAAA;AAE5B,GAEMC,IAAY,wBAET,OAAA,EAAI,WAAU,uBACV,UAAAL,EAAe,IAAI,CAACM,MACjB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAEG,aAAY;AAAA,IACZ,WAAU;AAAA,IACV,IAAIF,EAAI;AAAA,IACR,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,IAER,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,MAAMJ,EAAI;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAG,EAAC,QAAA,EAAK,WAAU,wBACZ,UAAA;AAAA,QAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,0BACX,UAAAD,EAAI,OACT;AAAA,QACA,gBAAAC,EAAC,QAAA,EAAM,UAAAD,EAAI,YAAA,CAAY;AAAA,MAAA,EAAA,CAC3B;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA;AAAA,EApBKA,EAAI;AAAA,CAsBhB,GACL;"}