@orbe-agro/client-core 3.4.13 → 5.1.0

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/TopChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopChannel.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/TopChannel.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport { CSVLink } from 'react-csv'\nimport { NumericFormat } from 'react-number-format'\nimport type { TopChannelData } from '../types'\n\ntype TopChannelProps = {\n    data: TopChannelData\n}\n\nconst { TBody, THead, Tr, Th, Td } = Table\n\nconst TopChannel = ({ data }: TopChannelProps) => {\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Top channel</h4>\n                <CSVLink\n                    filename=\"top-channel.csv\"\n                    data={data.channels.map((channel) => {\n                        return {\n                            Channel: channel.name,\n                            Percentage: `${channel.percentage}%`,\n                            Total: channel.total,\n                        }\n                    })}\n                >\n                    <Button size=\"sm\">Export data</Button>\n                </CSVLink>\n            </div>\n            <div className=\"mt-5\">\n                <div className=\"mb-2\">Visitors</div>\n                <div className=\"flex items-end gap-2 mb-1\">\n                    <h3>\n                        <NumericFormat\n                            displayType=\"text\"\n                            value={data.visitors}\n                            thousandSeparator={true}\n                        />\n                    </h3>\n                    <GrowShrinkValue\n                        className=\"font-bold\"\n                        value={2.6}\n                        suffix=\"%\"\n                        positiveIcon=\"+\"\n                        negativeIcon=\"\"\n                    />\n                </div>\n                <Table className=\"mt-6\" hoverable={false}>\n                    <THead>\n                        <Tr>\n                            <Th className=\"!px-0\">Channel</Th>\n                            <Th>Percentage</Th>\n                            <Th className=\"!px-0\">Total</Th>\n                        </Tr>\n                    </THead>\n                    <TBody>\n                        {data.channels.map((channel) => (\n                            <Tr key={channel.id}>\n                                <Td className=\"!px-0\">\n                                    <div className=\"flex items-center gap-2\">\n                                        <Avatar\n                                            size={28}\n                                            src={channel.img}\n                                            className=\"bg-transparent\"\n                                        />\n                                        <div className=\"heading-text font-bold\">\n                                            {channel.name}\n                                        </div>\n                                    </div>\n                                </Td>\n                                <Td>{channel.percentage}%</Td>\n                                <Td className=\"!px-0\">\n                                    <NumericFormat\n                                        displayType=\"text\"\n                                        value={channel.total}\n                                        thousandSeparator={true}\n                                    />\n                                </Td>\n                            </Tr>\n                        ))}\n                    </TBody>\n                </Table>\n            </div>\n        </Card>\n    )\n}\n\nexport default TopChannel\n"],"names":["TBody","THead","Tr","Th","Td","Table","TopChannel","data","Card","jsxs","jsx","CSVLink","channel","Button","NumericFormat","GrowShrinkValue","Avatar"],"mappings":";;;;;;;;;;AAaA,MAAM,EAAE,OAAAA,GAAO,OAAAC,GAAO,IAAAC,GAAI,IAAAC,GAAI,IAAAC,MAAOC,GAE/BC,IAAa,CAAC,EAAE,MAAAC,0BAEbC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,IACf,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAS;AAAA,QACT,MAAMJ,EAAK,SAAS,IAAI,CAACK,OACd;AAAA,UACH,SAASA,EAAQ;AAAA,UACjB,YAAY,GAAGA,EAAQ,UAAU;AAAA,UACjC,OAAOA,EAAQ;AAAA,QAAA,EAEtB;AAAA,QAED,UAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,UAAA,cAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACjC,GACJ;AAAA,EACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA,YAAQ;AAAA,IAC9B,gBAAAD,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EACG,UAAA,gBAAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,OAAOP,EAAK;AAAA,UACZ,mBAAmB;AAAA,QAAA;AAAA,MAAA,GAE3B;AAAA,MACA,gBAAAG;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAO;AAAA,UACP,cAAa;AAAA,UACb,cAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB,GACJ;AAAA,IACA,gBAAAN,EAACJ,GAAA,EAAM,WAAU,QAAO,WAAW,IAC/B,UAAA;AAAA,MAAA,gBAAAK,EAACT,GAAA,EACG,4BAACC,GAAA,EACG,UAAA;AAAA,QAAA,gBAAAQ,EAACP,GAAA,EAAG,WAAU,SAAQ,UAAA,WAAO;AAAA,QAC7B,gBAAAO,EAACP,KAAG,UAAA,aAAA,CAAU;AAAA,QACd,gBAAAO,EAACP,GAAA,EAAG,WAAU,SAAQ,UAAA,QAAA,CAAK;AAAA,MAAA,EAAA,CAC/B,EAAA,CACJ;AAAA,MACA,gBAAAO,EAACV,KACI,UAAAO,EAAK,SAAS,IAAI,CAACK,wBACfV,GAAA,EACG,UAAA;AAAA,QAAA,gBAAAQ,EAACN,KAAG,WAAU,SACV,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACM;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,KAAKJ,EAAQ;AAAA,cACb,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAF,EAAC,OAAA,EAAI,WAAU,0BACV,YAAQ,KAAA,CACb;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,0BACCN,GAAA,EAAI,UAAA;AAAA,UAAAQ,EAAQ;AAAA,UAAW;AAAA,QAAA,GAAC;AAAA,QACzB,gBAAAF,EAACN,GAAA,EAAG,WAAU,SACV,UAAA,gBAAAM;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,aAAY;AAAA,YACZ,OAAOF,EAAQ;AAAA,YACf,mBAAmB;AAAA,UAAA;AAAA,QAAA,EACvB,CACJ;AAAA,MAAA,KApBKA,EAAQ,EAqBjB,CACH,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/TopPerformingPages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopPerformingPages.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/TopPerformingPages.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport { CSVLink } from 'react-csv'\nimport type { TopPageData } from '../types'\n\ntype TopPerformingPagesProps = {\n    data: TopPageData[]\n}\n\nconst { Tr, Td, TBody, THead, Th } = Table\n\nconst TopPerformingPages = ({ data }: TopPerformingPagesProps) => {\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Top pages</h4>\n                <CSVLink\n                    filename=\"top-page.csv\"\n                    data={data.map((row) => {\n                        return {\n                            pageUrl: row.pageUrl,\n                            views: row.views.amount,\n                            'View growth': `${row.views.growth}%`,\n                            'Unique visitors': row.uniqueVisitor.amount,\n                            'Unique visitors growth': `${row.uniqueVisitor.growth}%`,\n                        }\n                    })}\n                >\n                    <Button size=\"sm\">Export data</Button>\n                </CSVLink>\n            </div>\n            <div className=\"mt-6\">\n                <Table hoverable={false}>\n                    <THead>\n                        <Tr>\n                            <Th className=\"!px-0\">Page url</Th>\n                            <Th className=\"!text-right max-w-[100px]\">Views</Th>\n                            <Th className=\"!px-0 !text-right max-w-[100px]\">\n                                Unique visitors\n                            </Th>\n                        </Tr>\n                    </THead>\n                    <TBody>\n                        {data.map((row) => {\n                            return (\n                                <Tr key={row.pageUrl}>\n                                    <Td className=\"!px-0\">\n                                        <div className=\"heading-text font-bold\">\n                                            {row.pageUrl}\n                                        </div>\n                                    </Td>\n                                    <Td>\n                                        <div className=\"flex items-center justify-end gap-2\">\n                                            <span>{row.views.amount}</span>\n                                            <GrowShrinkValue\n                                                className=\"font-bold\"\n                                                value={row.views.growth}\n                                                suffix=\"%\"\n                                                positiveIcon=\"+\"\n                                                negativeIcon=\"\"\n                                            />\n                                        </div>\n                                    </Td>\n                                    <Td className=\"!px-0\">\n                                        <div className=\"flex items-center justify-end gap-2\">\n                                            {/* <ApexChart \n                                                options={{...apexSparklineChartDefaultOption, ...{colors: row.growth > 0 ? [COLORS[1]] : [COLORS[2]]}}} \n                                                series={[{\n                                                    data: row.activity\n                                                }]} \n                                                height={25} \n                                                width={50}\n                                            /> */}\n                                            <span>\n                                                {row.uniqueVisitor.amount}\n                                            </span>\n                                            <GrowShrinkValue\n                                                className=\"font-bold\"\n                                                value={row.uniqueVisitor.growth}\n                                                suffix=\"%\"\n                                                positiveIcon=\"+\"\n                                                negativeIcon=\"\"\n                                            />\n                                        </div>\n                                    </Td>\n                                </Tr>\n                            )\n                        })}\n                    </TBody>\n                </Table>\n            </div>\n        </Card>\n    )\n}\n\nexport default TopPerformingPages\n"],"names":["Tr","Td","TBody","THead","Th","Table","TopPerformingPages","data","Card","jsxs","jsx","CSVLink","row","Button","GrowShrinkValue"],"mappings":";;;;;;;;AAWA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,GAAO,IAAAC,MAAOC,GAE/BC,IAAqB,CAAC,EAAE,MAAAC,0BAErBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,YAAA,CAAS;AAAA,IACb,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAS;AAAA,QACT,MAAMJ,EAAK,IAAI,CAACK,OACL;AAAA,UACH,SAASA,EAAI;AAAA,UACb,OAAOA,EAAI,MAAM;AAAA,UACjB,eAAe,GAAGA,EAAI,MAAM,MAAM;AAAA,UAClC,mBAAmBA,EAAI,cAAc;AAAA,UACrC,0BAA0B,GAAGA,EAAI,cAAc,MAAM;AAAA,QAAA,EAE5D;AAAA,QAED,UAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,UAAA,cAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACjC,GACJ;AAAA,oBACC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAJ,EAACJ,GAAA,EAAM,WAAW,IACd,UAAA;AAAA,IAAA,gBAAAK,EAACP,GAAA,EACG,4BAACH,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAU,EAACN,GAAA,EAAG,WAAU,SAAQ,UAAA,YAAQ;AAAA,MAC9B,gBAAAM,EAACN,GAAA,EAAG,WAAU,6BAA4B,UAAA,SAAK;AAAA,MAC/C,gBAAAM,EAACN,GAAA,EAAG,WAAU,mCAAkC,UAAA,kBAAA,CAEhD;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,gBAAAM,EAACR,GAAA,EACI,UAAAK,EAAK,IAAI,CAACK,wBAEFZ,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAU,EAACT,GAAA,EAAG,WAAU,SACV,UAAA,gBAAAS,EAAC,SAAI,WAAU,0BACV,UAAAE,EAAI,QAAA,CACT,EAAA,CACJ;AAAA,MACA,gBAAAF,EAACT,GAAA,EACG,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAM,UAAAE,EAAI,MAAM,QAAO;AAAA,QACxB,gBAAAF;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAOF,EAAI,MAAM;AAAA,YACjB,QAAO;AAAA,YACP,cAAa;AAAA,YACb,cAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CACJ,EAAA,CACJ;AAAA,wBACCX,GAAA,EAAG,WAAU,SACV,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,uCASX,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EACI,UAAAE,EAAI,cAAc,QACvB;AAAA,QACA,gBAAAF;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAOF,EAAI,cAAc;AAAA,YACzB,QAAO;AAAA,YACP,cAAa;AAAA,YACb,cAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CACJ,EAAA,CACJ;AAAA,IAAA,EAAA,GAvCKA,EAAI,OAwCb,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/Traffic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Traffic.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/Traffic.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport Progress from '@/components/ui/Progress'\nimport classNames from '@/utils/classNames'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    flexRender,\n    createColumnHelper,\n} from '@tanstack/react-table'\nimport { CSVLink } from 'react-csv'\nimport type { TrafficData } from '../types'\n\ntype TrafficTableProps = {\n    data: TrafficData[]\n}\n\nconst { Tr, Td, TBody, THead, Th } = Table\n\nconst columnHelper = createColumnHelper<TrafficData>()\n\nconst columns = [\n    columnHelper.accessor('source', {\n        header: 'Source',\n        cell: (props) => {\n            const { source } = props.row.original\n            return <div className=\"heading-text font-semibold\">{source}</div>\n        },\n    }),\n    columnHelper.accessor('visits', {\n        header: 'Visits',\n    }),\n    columnHelper.accessor('uniqueVisitors', {\n        header: 'Unique Visitors',\n    }),\n    columnHelper.accessor('bounceRate', {\n        header: 'Bounce Rate',\n    }),\n    columnHelper.accessor('avgSessionDuration', {\n        header: 'Avg. Session Duration',\n    }),\n    columnHelper.accessor('progress', {\n        header: 'Progress to Goal (%)',\n        size: 150,\n        cell: (props) => {\n            const { progress } = props.row.original\n            return (\n                <Progress\n                    percent={progress}\n                    size=\"sm\"\n                    customColorClass={classNames(\n                        'bg-error',\n                        progress > 40 && 'bg-warning',\n                        progress > 70 && 'bg-success',\n                    )}\n                />\n            )\n        },\n    }),\n]\n\nconst Traffic = ({ data = [] }: TrafficTableProps) => {\n    const table = useReactTable({\n        data,\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n    })\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between mb-6\">\n                <h4>Traffic data</h4>\n                <CSVLink\n                    filename=\"traffic-data.csv\"\n                    data={data.map((traffic) => {\n                        return {\n                            Source: traffic.source,\n                            Visits: traffic.visits,\n                            'Unique visitors': traffic.uniqueVisitors,\n                            'Bounce rate': traffic.bounceRate,\n                            'Avg. session duration': traffic.avgSessionDuration,\n                            'Progress to goal': `${traffic.progress}%`,\n                        }\n                    })}\n                >\n                    <Button size=\"sm\">Export data</Button>\n                </CSVLink>\n            </div>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                        style={{\n                                            width: `${header.getSize()}px`,\n                                        }}\n                                    >\n                                        {flexRender(\n                                            header.column.columnDef.header,\n                                            header.getContext(),\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </Card>\n    )\n}\n\nexport default Traffic\n"],"names":["Tr","Td","TBody","THead","Th","Table","columnHelper","createColumnHelper","columns","props","source","jsx","progress","Progress","classNames","Traffic","data","table","useReactTable","getCoreRowModel","Card","jsxs","CSVLink","traffic","Button","headerGroup","header","flexRender","row","cell"],"mappings":"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"}

package/dist/@ecme/views/dashboards/EcommerceDashboard/EcommerceDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EcommerceDashboard.js","sources":["../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/EcommerceDashboard.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport Overview from './components/Overview'\nimport CustomerDemographic from './components/CustomerDemographic'\nimport RecentOrder from './components/RecentOrder'\nimport SalesTarget from './components/SalesTarget'\nimport TopProduct from './components/TopProduct'\nimport RevenueByChannel from './components/RevenueByChannel'\nimport { apiGetEcommerceDashboard } from '@/services/DashboardService'\nimport useSWR from 'swr'\nimport type { GetEcommerceDashboardResponse } from './types'\n\nconst SalesDashboard = () => {\n    const { data, isLoading } = useSWR(\n        ['/api/dashboard/ecommerce'],\n        () => apiGetEcommerceDashboard<GetEcommerceDashboardResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    return (\n        <Loading loading={isLoading}>\n            {data && (\n                <div>\n                    <div className=\"flex flex-col gap-4 max-w-full overflow-x-hidden\">\n                        <div className=\"flex flex-col xl:flex-row gap-4\">\n                            <div className=\"flex flex-col gap-4 flex-1 xl:col-span-3\">\n                                <Overview data={data.statisticData} />\n                                <CustomerDemographic\n                                    data={data.customerDemographic}\n                                />\n                            </div>\n                            <div className=\"flex flex-col gap-4 2xl:min-w-[360px]\">\n                                <SalesTarget data={data.salesTarget} />\n                                <TopProduct data={data.topProduct} />\n                                <RevenueByChannel\n                                    data={data.revenueByChannel}\n                                />\n                            </div>\n                        </div>\n\n                        <RecentOrder data={data.recentOrders} />\n                    </div>\n                </div>\n            )}\n        </Loading>\n    )\n}\n\nexport default SalesDashboard\n"],"names":["SalesDashboard","data","isLoading","useSWR","apiGetEcommerceDashboard","jsx","Loading","jsxs","Overview","CustomerDemographic","SalesTarget","TopProduct","RevenueByChannel","RecentOrder"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAiB,MAAM;AACzB,QAAM,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,0BAA0B;AAAA,IAC3B,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,gBAAAC,EAACC,GAAA,EAAQ,SAASJ,GACb,UAAAD,uBACI,OAAA,EACG,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAS,MAAMP,EAAK,cAAA,CAAe;AAAA,QACpC,gBAAAI;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMR,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACf,GACJ;AAAA,MACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,QAAA,gBAAAF,EAACK,GAAA,EAAY,MAAMT,EAAK,YAAA,CAAa;AAAA,QACrC,gBAAAI,EAACM,GAAA,EAAW,MAAMV,EAAK,WAAA,CAAY;AAAA,QACnC,gBAAAI;AAAA,UAACO;AAAA,UAAA;AAAA,YACG,MAAMX,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACf,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IAEA,gBAAAI,EAACQ,GAAA,EAAY,MAAMZ,EAAK,aAAA,CAAc;AAAA,EAAA,EAAA,CAC1C,GACJ,GAER;AAER;"}

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/CustomerDemographic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerDemographic.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/CustomerDemographic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport Progress from '@/components/ui/Progress'\nimport RegionMap from '@/components/shared/RegionMap'\nimport classNames from '@/utils/classNames'\nimport type { CustomerDemographicData } from '../types'\n\ntype CustomerDemographicProps = {\n    data: CustomerDemographicData[]\n}\n\nconst mapMeta: Record<string, { img: string }> = {\n    us: { img: '/img/countries/US.png' },\n    br: { img: '/img/countries/BR.png' },\n    in: { img: '/img/countries/IN.png' },\n    uk: { img: '/img/countries/UK.png' },\n    tr: { img: '/img/countries/TR.png' },\n    id: { img: '/img/countries/ID.png' },\n}\n\nconst getMapMeta = (data: CustomerDemographicData[] = []) => {\n    return data.map((item) => ({\n        ...item,\n        ...(mapMeta[item.id as string] || {}),\n    }))\n}\n\nconst CustomerDemographic = ({ data }: CustomerDemographicProps) => {\n    const [hovering, setHovering] = useState('')\n\n    return (\n        <Card>\n            <h4>Top countries</h4>\n            <div className=\"flex flex-col xl:flex-row items-center gap-4 mt-4\">\n                <div className=\"px-4 flex flex-col justify-center flex-1 w-full\">\n                    <RegionMap\n                        data={data}\n                        valueSuffix=\"%\"\n                        hoverable={false}\n                        marker={(Marker) => (\n                            <>\n                                {data.map(\n                                    ({ name, coordinates, value, id }) => (\n                                        <Marker\n                                            key={name}\n                                            coordinates={coordinates}\n                                            className=\"cursor-pointer group\"\n                                            onMouseEnter={() => setHovering(id)}\n                                            onMouseLeave={() => setHovering('')}\n                                        >\n                                            <g transform=\"translate(-12, -24)\">\n                                                <circle\n                                                    cx=\"12\"\n                                                    cy=\"12\"\n                                                    r={value * 1.5}\n                                                    className=\"fill-gray-900 opacity-10\"\n                                                />\n                                                <circle\n                                                    cx=\"12\"\n                                                    cy=\"12\"\n                                                    r={(value * 1.5) / 2.5}\n                                                    className={classNames(\n                                                        'fill-gray-400 opacity-80 group-hover:fill-primary transition-colors duration-150',\n                                                        hovering === id &&\n                                                            'fill-primary',\n                                                    )}\n                                                />\n                                            </g>\n                                        </Marker>\n                                    ),\n                                )}\n                            </>\n                        )}\n                    />\n                </div>\n                <div className=\"flex flex-col justify-center px-4 2xl:min-w-[340px] xl:w-[300px] w-full\">\n                    {getMapMeta(data).map((item) => (\n                        <div\n                            key={item.name}\n                            className={classNames(\n                                'flex items-center gap-4 p-3 rounded-xl transition-colors duration-150',\n                                hovering === item.id &&\n                                    'bg-gray-100 dark:bg-gray-700',\n                            )}\n                            onMouseEnter={() => setHovering(item.id)}\n                            onMouseLeave={() => setHovering('')}\n                        >\n                            <div className=\"flex gap-2\">\n                                <Avatar src={item.img} size={30} />\n                            </div>\n                            <div className=\"flex-1\">\n                                <div className=\"heading-text font-semibold\">\n                                    {item.name}\n                                </div>\n                                <Progress\n                                    percent={item.value}\n                                    trailClass={classNames(\n                                        'transition-colors duration-150',\n                                        hovering === item.id &&\n                                            'bg-gray-200 dark:bg-gray-600',\n                                    )}\n                                />\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default CustomerDemographic\n"],"names":["mapMeta","getMapMeta","data","item","CustomerDemographic","hovering","setHovering","useState","Card","jsx","jsxs","RegionMap","Marker","Fragment","name","coordinates","value","id","classNames","Avatar","Progress"],"mappings":"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"}

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/Overview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/Overview.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport Chart from '@/components/shared/Chart'\nimport { useThemeStore } from '@/store/themeStore'\nimport classNames from '@/utils/classNames'\nimport { COLOR_1, COLOR_2, COLOR_4 } from '@/constants/chart.constant'\nimport { options } from '../constants'\nimport { NumericFormat } from 'react-number-format'\nimport { TbCoin, TbShoppingBagCheck, TbEye } from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { StatisticData, Period, StatisticCategory } from '../types'\n\ntype StatisticCardProps = {\n    title: string\n    value: number | ReactNode\n    icon: ReactNode\n    growShrink: number\n    iconClass: string\n    label: StatisticCategory\n    compareFrom: string\n    active: boolean\n    onClick: (label: StatisticCategory) => void\n}\n\ntype StatisticGroupsProps = {\n    data: StatisticData\n}\n\nconst chartColors: Record<StatisticCategory, string> = {\n    totalProfit: COLOR_1,\n    totalOrder: COLOR_2,\n    totalImpression: COLOR_4,\n}\n\nconst StatisticCard = (props: StatisticCardProps) => {\n    const {\n        title,\n        value,\n        label,\n        icon,\n        growShrink,\n        iconClass,\n        active,\n        compareFrom,\n        onClick,\n    } = props\n\n    return (\n        <button\n            className={classNames(\n                'p-4 rounded-2xl cursor-pointer ltr:text-left rtl:text-right transition duration-150 outline-none',\n                active && 'bg-white dark:bg-gray-900 shadow-md',\n            )}\n            onClick={() => onClick(label)}\n        >\n            <div className=\"flex md:flex-col-reverse gap-2 2xl:flex-row justify-between relative\">\n                <div>\n                    <div className=\"mb-4 text-sm font-semibold\">{title}</div>\n                    <h3 className=\"mb-1\">{value}</h3>\n                    <div className=\"inline-flex items-center flex-wrap gap-1\">\n                        <GrowShrinkValue\n                            className=\"font-bold\"\n                            value={growShrink}\n                            suffix=\"%\"\n                            positiveIcon=\"+\"\n                            negativeIcon=\"\"\n                        />\n                        <span>{compareFrom}</span>\n                    </div>\n                </div>\n                <div\n                    className={classNames(\n                        'flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 text-gray-900 rounded-full text-2xl',\n                        iconClass,\n                    )}\n                >\n                    {icon}\n                </div>\n            </div>\n        </button>\n    )\n}\n\nconst Overview = ({ data }: StatisticGroupsProps) => {\n    const [selectedCategory, setSelectedCategory] =\n        useState<StatisticCategory>('totalProfit')\n\n    const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n    const sideNavCollapse = useThemeStore(\n        (state) => state.layout.sideNavCollapse,\n    )\n\n    const isFirstRender = useRef(true)\n\n    useEffect(() => {\n        if (!sideNavCollapse && isFirstRender.current) {\n            isFirstRender.current = false\n            return\n        }\n\n        if (!isFirstRender.current) {\n            window.dispatchEvent(new Event('resize'))\n        }\n    }, [sideNavCollapse])\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Overview</h4>\n                <Select\n                    className=\"w-[120px]\"\n                    size=\"sm\"\n                    placeholder=\"Select period\"\n                    value={options.filter(\n                        (option) => option.value === selectedPeriod,\n                    )}\n                    options={options}\n                    isSearchable={false}\n                    onChange={(option) => {\n                        if (option?.value) {\n                            setSelectedPeriod(option?.value)\n                        }\n                    }}\n                />\n            </div>\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 rounded-2xl p-3 bg-gray-100 dark:bg-gray-700 mt-4\">\n                <StatisticCard\n                    title=\"Total profit\"\n                    value={\n                        <NumericFormat\n                            displayType=\"text\"\n                            value={data.totalProfit[selectedPeriod].value}\n                            prefix={'$'}\n                            thousandSeparator={true}\n                        />\n                    }\n                    growShrink={data.totalProfit[selectedPeriod].growShrink}\n                    iconClass=\"bg-sky-200\"\n                    icon={<TbCoin />}\n                    label=\"totalProfit\"\n                    active={selectedCategory === 'totalProfit'}\n                    compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n                    onClick={setSelectedCategory}\n                />\n                <StatisticCard\n                    title=\"Total order\"\n                    value={\n                        <NumericFormat\n                            displayType=\"text\"\n                            value={data.totalOrder[selectedPeriod].value}\n                            thousandSeparator={true}\n                        />\n                    }\n                    growShrink={data.totalOrder[selectedPeriod].growShrink}\n                    iconClass=\"bg-emerald-200\"\n                    icon={<TbShoppingBagCheck />}\n                    label=\"totalOrder\"\n                    active={selectedCategory === 'totalOrder'}\n                    compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n                    onClick={setSelectedCategory}\n                />\n                <StatisticCard\n                    title=\"Impression\"\n                    value={\n                        <AbbreviateNumber\n                            value={data.totalImpression[selectedPeriod].value}\n                        />\n                    }\n                    growShrink={data.totalImpression[selectedPeriod].growShrink}\n                    iconClass=\"bg-purple-200\"\n                    icon={<TbEye />}\n                    label=\"totalImpression\"\n                    active={selectedCategory === 'totalImpression'}\n                    compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n                    onClick={setSelectedCategory}\n                />\n            </div>\n            <Chart\n                type=\"line\"\n                series={data[selectedCategory][selectedPeriod].chartData.series}\n                xAxis={data[selectedCategory][selectedPeriod].chartData.date}\n                height=\"410px\"\n                customOptions={{\n                    legend: { show: false },\n                    colors: [chartColors[selectedCategory]],\n                }}\n            />\n        </Card>\n    )\n}\n\nexport default Overview\n"],"names":["chartColors","COLOR_1","COLOR_2","COLOR_4","StatisticCard","props","title","value","label","icon","growShrink","iconClass","active","compareFrom","onClick","jsx","classNames","jsxs","GrowShrinkValue","Overview","data","selectedCategory","setSelectedCategory","useState","selectedPeriod","setSelectedPeriod","sideNavCollapse","useThemeStore","state","isFirstRender","useRef","useEffect","Card","Select","options","option","NumericFormat","TbCoin","TbShoppingBagCheck","AbbreviateNumber","TbEye","Chart"],"mappings":"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"}

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/RecentOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentOrder.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/RecentOrder.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport Badge from '@/components/ui/Badge'\nimport Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    flexRender,\n    createColumnHelper,\n} from '@tanstack/react-table'\nimport { useNavigate } from 'react-router-dom'\nimport { NumericFormat } from 'react-number-format'\nimport dayjs from 'dayjs'\n\nimport type { Order } from '../types'\n\ntype RecentOrderProps = {\n    data: Order[]\n}\nconst { Tr, Td, TBody, THead, Th } = Table\n\nconst orderStatusColor: Record<\n    number,\n    {\n        label: string\n        dotClass: string\n        textClass: string\n    }\n> = {\n    0: {\n        label: 'Paid',\n        dotClass: 'bg-emerald-500',\n        textClass: 'text-emerald-500',\n    },\n    1: {\n        label: 'Pending',\n        dotClass: 'bg-amber-500',\n        textClass: 'text-amber-500',\n    },\n    2: { label: 'Failed', dotClass: 'bg-red-500', textClass: 'text-red-500' },\n}\n\nconst OrderColumn = ({ row }: { row: Order }) => {\n    const navigate = useNavigate()\n\n    const handleView = useCallback(() => {\n        navigate(`/concepts/orders/order-details/${row.id}`)\n    }, [navigate, row])\n\n    return (\n        <span\n            className={`cursor-pointer select-none font-semibold hover:text-primary`}\n            onClick={handleView}\n        >\n            #{row.id}\n        </span>\n    )\n}\n\nconst columnHelper = createColumnHelper<Order>()\n\nconst columns = [\n    columnHelper.accessor('id', {\n        header: 'Order',\n        cell: (props) => <OrderColumn row={props.row.original} />,\n    }),\n    columnHelper.accessor('status', {\n        header: 'Status',\n        cell: (props) => {\n            const { status } = props.row.original\n            return (\n                <div className=\"flex items-center\">\n                    <Badge className={orderStatusColor[status].dotClass} />\n                    <span\n                        className={`ml-2 rtl:mr-2 capitalize font-semibold ${orderStatusColor[status].textClass}`}\n                    >\n                        {orderStatusColor[status].label}\n                    </span>\n                </div>\n            )\n        },\n    }),\n    columnHelper.accessor('date', {\n        header: 'Date',\n        cell: (props) => {\n            const row = props.row.original\n            return <span>{dayjs.unix(row.date).format('DD/MM/YYYY')}</span>\n        },\n    }),\n    columnHelper.accessor('customer', {\n        header: 'Customer',\n    }),\n    columnHelper.accessor('totalAmount', {\n        header: 'Amount spent',\n        cell: (props) => {\n            const { totalAmount } = props.row.original\n            return (\n                <NumericFormat\n                    className=\"heading-text font-bold\"\n                    displayType=\"text\"\n                    value={(Math.round(totalAmount * 100) / 100).toFixed(2)}\n                    prefix={'$'}\n                    thousandSeparator={true}\n                />\n            )\n        },\n    }),\n]\n\nconst RecentOrder = ({ data = [] }: RecentOrderProps) => {\n    const navigate = useNavigate()\n\n    const table = useReactTable({\n        data,\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n    })\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between mb-6\">\n                <h4>Recent Orders</h4>\n                <Button\n                    size=\"sm\"\n                    onClick={() => navigate('/concepts/orders/order-list')}\n                >\n                    View Orders\n                </Button>\n            </div>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {flexRender(\n                                            header.column.columnDef.header,\n                                            header.getContext(),\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </Card>\n    )\n}\n\nexport default RecentOrder\n"],"names":["Tr","Td","TBody","THead","Th","Table","orderStatusColor","OrderColumn","row","navigate","useNavigate","handleView","useCallback","jsxs","columnHelper","createColumnHelper","columns","props","jsx","status","Badge","dayjs","totalAmount","NumericFormat","RecentOrder","data","table","useReactTable","getCoreRowModel","Card","Button","headerGroup","header","flexRender","cell"],"mappings":"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"}

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/RevenueByChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevenueByChannel.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/RevenueByChannel.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport classNames from '@/utils/classNames'\nimport { options } from '../constants'\nimport {\n    TbShoppingCart,\n    TbBuildingStore,\n    TbDeviceMobileMessage,\n} from 'react-icons/tb'\nimport type { ChannelRevenue, Period } from '../types'\nimport type { ReactNode } from 'react'\n\ntype RevenueByChannelProps = {\n    data: ChannelRevenue\n}\n\nconst DisplayColumn = ({\n    icon,\n    label,\n    value,\n    iconClass,\n}: {\n    icon: ReactNode\n    label: string\n    value: number\n    iconClass: string\n}) => {\n    return (\n        <div className={classNames('flex flex-col items-center gap-5')}>\n            <div\n                className={classNames(\n                    'rounded-full flex items-center justify-center h-12 w-12 text-xl text-gray-900',\n                    iconClass,\n                )}\n            >\n                {icon}\n            </div>\n            <div className=\"text-center\">\n                <h6 className=\"font-bold mb-1\">\n                    {'$'}\n                    <AbbreviateNumber value={value} />\n                </h6>\n                <div className=\"text-center text-xs\">{label}</div>\n            </div>\n        </div>\n    )\n}\n\nconst Bar = ({\n    percent,\n    className,\n}: {\n    percent: number\n    className?: string\n}) => {\n    return (\n        <div className=\"flex-1\" style={{ width: `${percent}%` }}>\n            <div className={classNames('h-1.5 rounded-full', className)} />\n            <div className=\"font-bold heading-text mt-1\">{percent}%</div>\n        </div>\n    )\n}\n\nconst RevenueByChannel = ({ data }: RevenueByChannelProps) => {\n    const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between mb-4\">\n                <h4>Channel revenue</h4>\n                <Select\n                    className=\"w-[120px]\"\n                    size=\"sm\"\n                    placeholder=\"Select period\"\n                    value={options.filter(\n                        (option) => option.value === selectedPeriod,\n                    )}\n                    options={options}\n                    isSearchable={false}\n                    onChange={(option) => {\n                        if (option?.value) {\n                            setSelectedPeriod(option?.value)\n                        }\n                    }}\n                />\n            </div>\n            <div className=\"mt-8\">\n                <div className=\"flex items-center gap-3\">\n                    <h2>{data[selectedPeriod].growShrink}%</h2>\n                    <div className=\"font-nor leading-5\">\n                        <div>Growth</div>\n                        <div>Rate</div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"flex items-center gap-1 mt-6\">\n                <Bar\n                    percent={data[selectedPeriod].percentage.onlineStore}\n                    className=\"bg-sky-200 dark:opacity-70\"\n                />\n                <Bar\n                    percent={data[selectedPeriod].percentage.physicalStore}\n                    className=\"bg-emerald-200 dark:opacity-70\"\n                />\n                <Bar\n                    percent={data[selectedPeriod].percentage.socialMedia}\n                    className=\"bg-orange-200 dark:opacity-70\"\n                />\n            </div>\n            <div className=\"bg-gray-100 dark:bg-gray-900 rounded-xl p-4 mt-8\">\n                <div className=\"grid grid-cols-3\">\n                    <DisplayColumn\n                        icon={<TbShoppingCart />}\n                        label=\"Online store\"\n                        value={\n                            data[selectedPeriod].value /\n                            data[selectedPeriod].percentage.onlineStore\n                        }\n                        iconClass=\"bg-sky-200 dark:opacity-70\"\n                    />\n                    <DisplayColumn\n                        icon={<TbBuildingStore />}\n                        label=\"Physical store\"\n                        value={\n                            data[selectedPeriod].value /\n                            data[selectedPeriod].percentage.physicalStore\n                        }\n                        iconClass=\"bg-emerald-200 dark:opacity-70\"\n                    />\n                    <DisplayColumn\n                        icon={<TbDeviceMobileMessage />}\n                        label=\"Social Media\"\n                        value={\n                            data[selectedPeriod].value /\n                            data[selectedPeriod].percentage.socialMedia\n                        }\n                        iconClass=\"bg-orange-200 dark:opacity-70\"\n                    />\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default RevenueByChannel\n"],"names":["DisplayColumn","icon","label","value","iconClass","jsxs","classNames","jsx","AbbreviateNumber","Bar","percent","className","RevenueByChannel","data","selectedPeriod","setSelectedPeriod","useState","Card","Select","options","option","TbShoppingCart","TbBuildingStore","TbDeviceMobileMessage"],"mappings":"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"}

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/SalesTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SalesTarget.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/SalesTarget.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Progress from '@/components/ui/Progress'\nimport Select from '@/components/ui/Select'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport { options } from '../constants'\nimport type { SalesTargetData, Period } from '../types'\n\ntype SalesTargetProps = {\n    data: SalesTargetData\n}\n\nconst periodLabel: Record<Period, string> = {\n    thisMonth: 'month',\n    thisWeek: 'week',\n    thisYear: 'year',\n}\n\nconst SalesTarget = ({ data }: SalesTargetProps) => {\n    const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between mb-4\">\n                <h4>Sales target</h4>\n                <Select\n                    className=\"w-[120px]\"\n                    size=\"sm\"\n                    placeholder=\"Select period\"\n                    value={options.filter(\n                        (option) => option.value === selectedPeriod,\n                    )}\n                    options={options}\n                    isSearchable={false}\n                    onChange={(option) => {\n                        if (option?.value) {\n                            setSelectedPeriod(option?.value)\n                        }\n                    }}\n                />\n            </div>\n            <div className=\"flex items-center justify-between mt-8\">\n                <div className=\"flex flex-col\">\n                    <h2>\n                        <AbbreviateNumber\n                            value={data[selectedPeriod].achieved}\n                        />\n                        <span className=\"opacity-60 text-base font-bold\">\n                            {' / '}\n                            <AbbreviateNumber\n                                value={data[selectedPeriod].target}\n                            />{' '}\n                            Units\n                        </span>\n                    </h2>\n                    <div className=\"mt-1\">\n                        Made this {periodLabel[selectedPeriod]} year\n                    </div>\n                </div>\n                <div>\n                    <Progress\n                        percent={data[selectedPeriod].percentage}\n                        width={80}\n                        variant=\"circle\"\n                        strokeWidth={8}\n                    />\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default SalesTarget\n"],"names":["periodLabel","SalesTarget","data","selectedPeriod","setSelectedPeriod","useState","Card","jsxs","jsx","Select","options","option","AbbreviateNumber","Progress"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAsC;AAAA,EACxC,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACd,GAEMC,IAAc,CAAC,EAAE,MAAAC,QAA6B;AAChD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,WAAW;AAExE,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAOC,EAAQ;AAAA,YACX,CAACC,MAAWA,EAAO,UAAUR;AAAA,UAAA;AAAA,UAEjC,SAAAO;AAAA,UACA,cAAc;AAAA,UACd,UAAU,CAACC,MAAW;AAClB,YAAIA,KAAA,QAAAA,EAAQ,SACRP,EAAkBO,KAAA,gBAAAA,EAAQ,KAAK;AAAA,UACnC;AAAA,QACJ;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,MAAA,EACG,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,OAAOV,EAAKC,CAAc,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhC,gBAAAI,EAAC,QAAA,EAAK,WAAU,kCACX,UAAA;AAAA,YAAA;AAAA,YACD,gBAAAC;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,OAAOV,EAAKC,CAAc,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,YAC7B;AAAA,YAAI;AAAA,UAAA,EAAA,CAEX;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,UAAA;AAAA,UACPP,EAAYG,CAAc;AAAA,UAAE;AAAA,QAAA,EAAA,CAC3C;AAAA,MAAA,GACJ;AAAA,wBACC,OAAA,EACG,UAAA,gBAAAK;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,SAASX,EAAKC,CAAc,EAAE;AAAA,UAC9B,OAAO;AAAA,UACP,SAAQ;AAAA,UACR,aAAa;AAAA,QAAA;AAAA,MAAA,EACjB,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/TopProduct.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopProduct.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/TopProduct.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport { useNavigate } from 'react-router-dom'\nimport type { Product } from '../types'\n\ntype TopProductProps = {\n    data: Product[]\n}\n\nconst TopProduct = ({ data }: TopProductProps) => {\n    const navigate = useNavigate()\n\n    const handleViewAll = () => {\n        navigate('/concepts/products/product-list')\n    }\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Top product</h4>\n                <Button size=\"sm\" onClick={handleViewAll}>\n                    View all\n                </Button>\n            </div>\n            <div className=\"mt-5\">\n                {data.map((product, index) => (\n                    <div\n                        key={product.id}\n                        className={classNames(\n                            'flex items-center justify-between py-2 dark:border-gray-600',\n                            !isLastChild(data, index) && 'mb-2',\n                        )}\n                    >\n                        <div className=\"flex items-center gap-2\">\n                            <Avatar\n                                className=\"bg-white\"\n                                size={50}\n                                src={product.img}\n                                shape=\"round\"\n                            />\n                            <div>\n                                <div className=\"heading-text font-bold\">\n                                    {product.name}\n                                </div>\n                                <div>Sold: {product.sales}</div>\n                            </div>\n                        </div>\n                        <div className=\"flex items-center gap-2\">\n                            <GrowShrinkValue\n                                className=\"rounded-lg py-0.5 px-2 font-bold\"\n                                value={product.growShrink}\n                                positiveClass=\"bg-success-subtle\"\n                                negativeClass=\"bg-error-subtle\"\n                                suffix=\"%\"\n                                positiveIcon=\"+\"\n                                negativeIcon=\"\"\n                            />\n                        </div>\n                    </div>\n                ))}\n            </div>\n        </Card>\n    )\n}\n\nexport default TopProduct\n"],"names":["TopProduct","data","navigate","useNavigate","Card","jsxs","jsx","Button","product","index","classNames","isLastChild","Avatar","GrowShrinkValue"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAa,CAAC,EAAE,MAAAC,QAA4B;AAC9C,QAAMC,IAAWC,EAAA;AAMjB,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,wBACdC,GAAA,EAAO,MAAK,MAAK,SARR,MAAM;AACxB,QAAAL,EAAS,iCAAiC;AAAA,MAAA,GAOQ,UAAA,WAAA,CAE1C;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAI,EAAC,SAAI,WAAU,QACV,YAAK,IAAI,CAACE,GAASC,MAChB,gBAAAJ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAWK;AAAA,UACP;AAAA,UACA,CAACC,EAAYV,GAAMQ,CAAK,KAAK;AAAA,QAAA;AAAA,QAGjC,UAAA;AAAA,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACM;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAM;AAAA,gBACN,KAAKJ,EAAQ;AAAA,gBACb,OAAM;AAAA,cAAA;AAAA,YAAA;AAAA,8BAET,OAAA,EACG,UAAA;AAAA,cAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,0BACV,UAAAE,EAAQ,MACb;AAAA,gCACC,OAAA,EAAI,UAAA;AAAA,gBAAA;AAAA,gBAAOA,EAAQ;AAAA,cAAA,EAAA,CAAM;AAAA,YAAA,EAAA,CAC9B;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAA;AAAA,YAACO;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAOL,EAAQ;AAAA,cACf,eAAc;AAAA,cACd,eAAc;AAAA,cACd,QAAO;AAAA,cACP,cAAa;AAAA,cACb,cAAa;AAAA,YAAA;AAAA,UAAA,EACjB,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MA9BKA,EAAQ;AAAA,IAAA,CAgCpB,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/dashboards/EcommerceDashboard/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/constants.ts"],"sourcesContent":["import type { Period } from './types'\n\nexport const options: { value: Period; label: string }[] = [\n    { value: 'thisMonth', label: 'Monthly' },\n    { value: 'thisWeek', label: 'Weekly' },\n    { value: 'thisYear', label: 'Annualy' },\n]\n"],"names":["options"],"mappings":"AAEO,MAAMA,IAA8C;AAAA,EACvD,EAAE,OAAO,aAAa,OAAO,UAAA;AAAA,EAC7B,EAAE,OAAO,YAAY,OAAO,SAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAChC;"}

package/dist/@ecme/views/dashboards/MarketingDashboard/MarketingDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingDashboard.js","sources":["../../../../../lib/@ecme/views/dashboards/MarketingDashboard/MarketingDashboard.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport KpiSummary from './components/KpiSummary'\nimport RecentCampaign from './components/RecentCampaign'\nimport AdsPerformance from './components/AdsPerformance'\nimport LeadPerformance from './components/LeadPerformance'\nimport { apiGetMarketingDashboard } from '@/services/DashboardService'\nimport useSWR from 'swr'\nimport type { GetMarketingDashboardResponse } from './types'\n\nconst MarketingDashboard = () => {\n    const { data, isLoading } = useSWR(\n        ['/api/dashboard/marketing'],\n        () => apiGetMarketingDashboard<GetMarketingDashboardResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    return (\n        <Loading loading={isLoading}>\n            {data && (\n                <div className=\"flex flex-col gap-4\">\n                    <KpiSummary data={data.kpiSummary} />\n                    <div className=\"grid grid-cols-1 xl:grid-cols-3 gap-y-4 xl:gap-x-4\">\n                        <div className=\"col-span-2\">\n                            <AdsPerformance data={data.adsPerformance} />\n                        </div>\n                        <LeadPerformance data={data.leadPerformance} />\n                    </div>\n                    <RecentCampaign data={data.recentCampaign} />\n                </div>\n            )}\n        </Loading>\n    )\n}\n\nexport default MarketingDashboard\n"],"names":["MarketingDashboard","data","isLoading","useSWR","apiGetMarketingDashboard","jsx","Loading","jsxs","KpiSummary","AdsPerformance","LeadPerformance","RecentCampaign"],"mappings":";;;;;;;;AASA,MAAMA,IAAqB,MAAM;AAC7B,QAAM,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,0BAA0B;AAAA,IAC3B,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,gBAAAC,EAACC,KAAQ,SAASJ,GACb,eACG,gBAAAK,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EAAW,MAAMP,EAAK,WAAA,CAAY;AAAA,IACnC,gBAAAM,EAAC,OAAA,EAAI,WAAU,sDACX,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,cACX,UAAA,gBAAAA,EAACI,KAAe,MAAMR,EAAK,gBAAgB,EAAA,CAC/C;AAAA,MACA,gBAAAI,EAACK,GAAA,EAAgB,MAAMT,EAAK,gBAAA,CAAiB;AAAA,IAAA,GACjD;AAAA,IACA,gBAAAI,EAACM,GAAA,EAAe,MAAMV,EAAK,eAAA,CAAgB;AAAA,EAAA,EAAA,CAC/C,EAAA,CAER;AAER;"}

package/dist/@ecme/views/dashboards/MarketingDashboard/components/AdsPerformance.js

@@ -0,0 +1,133 @@
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { useState as u, useMemo as f } from "react";
+import "../../../../components/ui/Card/index.js";
+import { Segment as o } from "../../../../components/ui/Segment/index.js";
+import v from "react-apexcharts";
+import { COLORS as n } from "../../../../constants/chart.constant.js";
+import h from "../../../../components/ui/Card/Card.js";
+const O = ({ data: i }) => {
+  const [e, m] = u("all"), d = f(() => {
+    const a = {
+      name: "Campaign (ROI)",
+      type: "column",
+      data: i.campagin,
+      color: function({
+        dataPointIndex: s,
+        value: t
+      }) {
+        return s > 0 && t < i.campagin[s - 1] ? n[7] : n[9];
+      }
+    }, r = {
+      name: "Email (ROI)",
+      type: "line",
+      data: i.email,
+      color: n[0]
+    };
+    return e === "all" ? [a, r] : e === "campagin" ? [a] : e === "email" ? [r] : [];
+  }, [e]);
+  return /* @__PURE__ */ c(h, { children: [
+    /* @__PURE__ */ c("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ l("h4", { children: "Ads performance" }),
+      /* @__PURE__ */ l("div", { children: /* @__PURE__ */ c(
+        o,
+        {
+          className: "gap-1",
+          value: e,
+          size: "sm",
+          onChange: (a) => m(a),
+          children: [
+            /* @__PURE__ */ l(o.Item, { value: "all", children: "All" }),
+            /* @__PURE__ */ l(o.Item, { value: "campagin", children: "Campagin" }),
+            /* @__PURE__ */ l(o.Item, { value: "email", children: "Email" })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "mt-6", children: /* @__PURE__ */ l(
+      v,
+      {
+        options: {
+          chart: {
+            type: "line",
+            zoom: {
+              enabled: !1
+            },
+            toolbar: {
+              show: !1
+            }
+          },
+          legend: {
+            show: !1
+          },
+          stroke: {
+            width: e === "email" ? 2.5 : [0, 2.5],
+            curve: "smooth",
+            lineCap: "round"
+          },
+          states: {
+            hover: {
+              filter: {
+                type: "none"
+              }
+            }
+          },
+          tooltip: {
+            custom: function({ series: a, dataPointIndex: r }) {
+              const s = () => `
+                                        <div class="flex items-center gap-2">
+                                            <div class="h-[10px] w-[10px] rounded-full" style="background-color: ${n[9]}"></div>
+                                            <div class="flex gap-2">Campaign: <span class="font-bold">${a[0][r]}</span></div>
+                                        </div>
+                                    `, t = () => `
+                                        <div class="flex items-center gap-2">
+                                            <div class="h-[10px] w-[10px] rounded-full" style="background-color: ${n[0]}"></div>
+                                            <div class="flex gap-2">Email: <span class="font-bold">${a[e === "all" ? 1 : 0][r]}</span></div>
+                                        </div>
+                                    `, p = () => {
+                switch (e) {
+                  case "all":
+                    return `${s()}${t()}`;
+                  case "campagin":
+                    return s();
+                  case "email":
+                    return t();
+                  default:
+                    return "";
+                }
+              };
+              return `
+                                        <div class="py-2 px-4 rounded-xl">
+                                            <div class="flex flex-col gap-2">
+                                                <div>${i.label[r]}</div>
+                                                ${p()}
+                                            </div>
+                                        </div>
+                                    `;
+            }
+          },
+          labels: i.label,
+          yaxis: e === "all" ? [
+            {},
+            {
+              opposite: !0
+            }
+          ] : [],
+          plotOptions: {
+            bar: {
+              horizontal: !1,
+              columnWidth: "35px",
+              borderRadius: 4,
+              borderRadiusApplication: "end"
+            }
+          }
+        },
+        series: d,
+        height: 450
+      }
+    ) })
+  ] });
+};
+export {
+  O as default
+};
+//# sourceMappingURL=AdsPerformance.js.map

package/dist/@ecme/views/dashboards/MarketingDashboard/components/AdsPerformance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdsPerformance.js","sources":["../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/AdsPerformance.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport Segment from '@/components/ui/Segment'\nimport ApexChart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\nimport type { AdsPerformanceData } from '../types'\n\ntype AdsPerformance = {\n    data: AdsPerformanceData\n}\n\nconst AdsPerformance = ({ data }: AdsPerformance) => {\n    const [category, setCategory] = useState('all')\n\n    const series = useMemo(() => {\n        const campaignSeries = {\n            name: 'Campaign (ROI)',\n            type: 'column',\n            data: data.campagin,\n            color: function ({\n                dataPointIndex,\n                value,\n            }: {\n                dataPointIndex: number\n                value: number\n            }) {\n                if (\n                    dataPointIndex > 0 &&\n                    value < data.campagin[dataPointIndex - 1]\n                ) {\n                    return COLORS[7]\n                }\n                return COLORS[9]\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            } as any,\n        }\n\n        const emailSeries = {\n            name: 'Email (ROI)',\n            type: 'line',\n            data: data.email,\n            color: COLORS[0],\n        }\n\n        if (category === 'all') {\n            return [campaignSeries, emailSeries]\n        }\n\n        if (category === 'campagin') {\n            return [campaignSeries]\n        }\n\n        if (category === 'email') {\n            return [emailSeries]\n        }\n\n        return []\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [category])\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Ads performance</h4>\n                <div>\n                    <Segment\n                        className=\"gap-1\"\n                        value={category}\n                        size=\"sm\"\n                        onChange={(val) => setCategory(val as string)}\n                    >\n                        <Segment.Item value=\"all\">All</Segment.Item>\n                        <Segment.Item value=\"campagin\">Campagin</Segment.Item>\n                        <Segment.Item value=\"email\">Email</Segment.Item>\n                    </Segment>\n                </div>\n            </div>\n            <div className=\"mt-6\">\n                <ApexChart\n                    options={{\n                        chart: {\n                            type: 'line',\n                            zoom: {\n                                enabled: false,\n                            },\n                            toolbar: {\n                                show: false,\n                            },\n                        },\n                        legend: {\n                            show: false,\n                        },\n                        stroke: {\n                            width: category === 'email' ? 2.5 : [0, 2.5],\n                            curve: 'smooth',\n                            lineCap: 'round',\n                        },\n                        states: {\n                            hover: {\n                                filter: {\n                                    type: 'none',\n                                },\n                            },\n                        },\n                        tooltip: {\n                            custom: function ({ series, dataPointIndex }) {\n                                const renderCampaignData = () => `\n                                        <div class=\"flex items-center gap-2\">\n                                            <div class=\"h-[10px] w-[10px] rounded-full\" style=\"background-color: ${COLORS[9]}\"></div>\n                                            <div class=\"flex gap-2\">Campaign: <span class=\"font-bold\">${series[0][dataPointIndex]}</span></div>\n                                        </div>\n                                    `\n                                const renderEmailData = () => `\n                                        <div class=\"flex items-center gap-2\">\n                                            <div class=\"h-[10px] w-[10px] rounded-full\" style=\"background-color: ${\n                                                COLORS[0]\n                                            }\"></div>\n                                            <div class=\"flex gap-2\">Email: <span class=\"font-bold\">${\n                                                series[\n                                                    category === 'all' ? 1 : 0\n                                                ][dataPointIndex]\n                                            }</span></div>\n                                        </div>\n                                    `\n                                const render = () => {\n                                    switch (category) {\n                                        case 'all':\n                                            return `${renderCampaignData()}${renderEmailData()}`\n                                        case 'campagin':\n                                            return renderCampaignData()\n                                        case 'email':\n                                            return renderEmailData()\n                                        default:\n                                            return ''\n                                    }\n                                }\n                                return `\n                                        <div class=\"py-2 px-4 rounded-xl\">\n                                            <div class=\"flex flex-col gap-2\">\n                                                <div>${\n                                                    data.label[dataPointIndex]\n                                                }</div>\n                                                ${render()}\n                                            </div>\n                                        </div>\n                                    `\n                            },\n                        },\n                        labels: data.label,\n                        yaxis:\n                            category === 'all'\n                                ? [\n                                      {},\n                                      {\n                                          opposite: true,\n                                      },\n                                  ]\n                                : [],\n                        plotOptions: {\n                            bar: {\n                                horizontal: false,\n                                columnWidth: '35px',\n                                borderRadius: 4,\n                                borderRadiusApplication: 'end',\n                            },\n                        },\n                    }}\n                    series={series}\n                    height={450}\n                />\n            </div>\n        </Card>\n    )\n}\n\nexport default AdsPerformance\n"],"names":["AdsPerformance","data","category","setCategory","useState","series","useMemo","campaignSeries","dataPointIndex","value","COLORS","emailSeries","Card","jsxs","jsx","Segment","val","ApexChart","renderCampaignData","renderEmailData","render"],"mappings":"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"}

package/dist/@ecme/views/dashboards/MarketingDashboard/components/CreateCampaign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateCampaign.js","sources":["../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/CreateCampaign.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport Segment from '@/components/ui/Segment'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport { campaignTypeOption } from '../utils'\nimport NumericInput from '@/components/shared/NumericInput'\nimport classNames from '@/utils/classNames'\nimport sleep from '@/utils/sleep'\nimport dayjs from 'dayjs'\nimport CreatableSelect from 'react-select/creatable'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport uniqueId from 'lodash/uniqueId'\nimport type { ZodType } from 'zod'\nimport type { Campagin } from '../types'\n\ntype AudienceGroupOption = {\n    label: string\n    value: string\n}\n\nexport type FormSchema = {\n    name: string\n    startDate: number\n    endDate: number\n    budget: number\n    campaignType: string\n    audienceGroup: AudienceGroupOption[]\n}\n\ntype CreateCampaignProps = {\n    onCreate: (value: Campagin) => void\n}\n\nconst audienceGroupOption = [\n    { label: 'Existing customers', value: 'existingCustomer' },\n    { label: 'Tech enthusiasts', value: 'techEnthusiasts' },\n    { label: 'Students and parents', value: 'studentsParents' },\n    { label: 'General public', value: 'generalPublic' },\n    { label: 'Gift shoppers', value: 'giftShoppers' },\n]\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    name: z.string({ required_error: 'Please enter campaign name' }),\n    startDate: z.number({ required_error: 'Please select a start date' }),\n    endDate: z.number({ required_error: 'Please select a end date' }),\n    budget: z.number({ required_error: 'Please enter budget' }),\n    campaignType: z.string({ required_error: 'Please select campaign type' }),\n    audienceGroup: z\n        .array(z.object({ value: z.string(), label: z.string() }))\n        .nonempty('At least one is selected!'),\n})\n\nconst CreateCampaign = ({ onCreate }: CreateCampaignProps) => {\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors, isSubmitting },\n        reset,\n        resetField,\n        control,\n        watch,\n    } = useForm<FormSchema>({\n        resolver: zodResolver(validationSchema),\n    })\n\n    const handleDialogClose = () => {\n        setDialogOpen(false)\n    }\n\n    const handleDialogCancel = () => {\n        reset()\n        handleDialogClose()\n    }\n\n    const onSubmit = async (formValue: FormSchema) => {\n        await sleep(500)\n        onCreate({\n            id: uniqueId('campaign-'),\n            name: formValue.name || 'Untitle campaign',\n            startDate: formValue.startDate * 1000,\n            endDate: formValue.endDate * 1000,\n            budget: formValue.budget,\n            leadsGenerated: 0,\n            conversions: 0,\n            conversionRate: 0,\n            status: 'disabled',\n            type: formValue.campaignType,\n            audienceGroup: formValue.audienceGroup.map((group) => group.value),\n        })\n        reset()\n        handleDialogClose()\n    }\n\n    return (\n        <>\n            <Button size=\"sm\" onClick={() => setDialogOpen(true)}>\n                Create campaign\n            </Button>\n            <Dialog\n                isOpen={dialogOpen}\n                width={600}\n                onClose={handleDialogClose}\n                onRequestClose={handleDialogClose}\n            >\n                <h4>New campaign</h4>\n                <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n                    <FormItem\n                        label=\"Type\"\n                        invalid={Boolean(errors.campaignType)}\n                        errorMessage={errors.campaignType?.message}\n                    >\n                        <Controller\n                            name=\"campaignType\"\n                            control={control}\n                            render={({ field }) => (\n                                <Segment\n                                    value={field.value}\n                                    className=\"grid grid-cols-3 gap-4 bg-transparent\"\n                                    onChange={(value) => field.onChange(value)}\n                                >\n                                    {Object.entries(campaignTypeOption).map(\n                                        ([key, props]) => (\n                                            <Segment.Item key={key} value={key}>\n                                                {({\n                                                    active,\n                                                    onSegmentItemClick,\n                                                }) => {\n                                                    return (\n                                                        <div\n                                                            className={classNames(\n                                                                'flex justify-between border rounded-xl border-gray-300 py-5 px-4 select-none ring-1',\n                                                                active\n                                                                    ? 'ring-primary border-primary '\n                                                                    : 'ring-transparent bg-gray-100',\n                                                            )}\n                                                            role=\"button\"\n                                                            onClick={\n                                                                onSegmentItemClick\n                                                            }\n                                                        >\n                                                            <div className=\"flex flex-col items-center justify-center flex-1 gap-2 heading-text font-bold\">\n                                                                <div className=\"text-3xl\">\n                                                                    {props.icon}\n                                                                </div>\n                                                                <div className=\"font-bold\">\n                                                                    {\n                                                                        props.label\n                                                                    }\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    )\n                                                }}\n                                            </Segment.Item>\n                                        ),\n                                    )}\n                                </Segment>\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem\n                        label=\"Campaign name\"\n                        invalid={Boolean(errors.name)}\n                        errorMessage={errors.name?.message}\n                    >\n                        <Controller\n                            name=\"name\"\n                            control={control}\n                            render={({ field }) => (\n                                <Input\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    placeholder=\"Campaign name\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <div className=\"flex gap-4\">\n                        <FormItem\n                            className=\"flex-1\"\n                            label=\"Start date\"\n                            invalid={Boolean(errors.startDate)}\n                            errorMessage={errors.startDate?.message}\n                        >\n                            <Controller\n                                name=\"startDate\"\n                                control={control}\n                                render={({ field }) => (\n                                    <DatePicker\n                                        {...field}\n                                        value={\n                                            field.value\n                                                ? dayjs\n                                                      .unix(\n                                                          field.value as number,\n                                                      )\n                                                      .toDate()\n                                                : null\n                                        }\n                                        placeholder=\"Select date\"\n                                        minDate={dayjs()\n                                            .startOf('day')\n                                            .toDate()}\n                                        onChange={(date) => {\n                                            if (watch('endDate')) {\n                                                resetField('endDate')\n                                            }\n                                            field.onChange(dayjs(date).unix())\n                                        }}\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <FormItem\n                            className=\"flex-1\"\n                            label=\"End date\"\n                            invalid={Boolean(errors.endDate)}\n                            errorMessage={errors.endDate?.message}\n                        >\n                            <Controller\n                                name=\"endDate\"\n                                control={control}\n                                render={({ field }) => (\n                                    <DatePicker\n                                        {...field}\n                                        value={\n                                            field.value\n                                                ? dayjs\n                                                      .unix(\n                                                          field.value as number,\n                                                      )\n                                                      .toDate()\n                                                : null\n                                        }\n                                        placeholder=\"Select date\"\n                                        minDate={dayjs(\n                                            dayjs.unix(watch('startDate')),\n                                        )\n                                            .endOf('day')\n                                            .toDate()}\n                                        onChange={(date) =>\n                                            field.onChange(dayjs(date).unix())\n                                        }\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                    </div>\n                    <FormItem\n                        label=\"Budget\"\n                        invalid={Boolean(errors.budget)}\n                        errorMessage={errors.budget?.message}\n                    >\n                        <Controller\n                            name=\"budget\"\n                            control={control}\n                            render={({ field }) => (\n                                <NumericInput\n                                    allowLeadingZeros\n                                    thousandSeparator=\",\"\n                                    value={field.value}\n                                    inputPrefix={'$'}\n                                    placeholder=\"0.00\"\n                                    onValueChange={(e) => {\n                                        field.onChange(e.floatValue)\n                                    }}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem\n                        label=\"Multiple Select\"\n                        invalid={Boolean(errors.audienceGroup)}\n                        errorMessage={errors.audienceGroup?.message}\n                    >\n                        <Controller\n                            name=\"audienceGroup\"\n                            control={control}\n                            render={({ field }) => (\n                                <Select<AudienceGroupOption, true>\n                                    isMulti\n                                    componentAs={CreatableSelect}\n                                    options={audienceGroupOption}\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <div className=\"flex justify-end gap-2\">\n                        <Button type=\"button\" onClick={handleDialogCancel}>\n                            Cancel\n                        </Button>\n                        <Button\n                            loading={isSubmitting}\n                            variant=\"solid\"\n                            type=\"submit\"\n                        >\n                            Submit\n                        </Button>\n                    </div>\n                </Form>\n            </Dialog>\n        </>\n    )\n}\n\nexport default CreateCampaign\n"],"names":["audienceGroupOption","validationSchema","z","CreateCampaign","onCreate","dialogOpen","setDialogOpen","useState","handleSubmit","errors","isSubmitting","reset","resetField","control","watch","useForm","zodResolver","handleDialogClose","handleDialogCancel","jsxs","Fragment","jsx","Button","Dialog","Form","formValue","sleep","uniqueId","group","FormItem","_a","Controller","field","Segment","value","campaignTypeOption","key","props","active","onSegmentItemClick","classNames","_b","Input","_c","DatePicker","dayjs","date","_d","_e","NumericInput","e","_f","Select","CreatableSelect"],"mappings":"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"}

package/dist/@ecme/views/dashboards/MarketingDashboard/components/KpiSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KpiSummary.js","sources":["../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/KpiSummary.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport classNames from '@/utils/classNames'\nimport { NumericFormat } from 'react-number-format'\nimport {\n    TbMoneybag,\n    TbReportMoney,\n    TbRefreshAlert,\n    TbMagnet,\n} from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { KpiSummaryData } from '../types'\n\ntype KpiSummaryProps = {\n    data: KpiSummaryData\n}\n\ntype SummarySegmentProps = {\n    title: string\n    value: string | number | ReactNode\n    growShrink: number\n    icon: ReactNode\n    iconClass: string\n    className?: string\n}\n\nconst SummarySegment = ({\n    title,\n    value,\n    growShrink,\n    icon,\n    iconClass,\n    className,\n}: SummarySegmentProps) => {\n    return (\n        <div className={classNames('flex flex-col gap-2 py-4 px-6', className)}>\n            <div\n                className={classNames(\n                    'flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 text-gray-900 rounded-full text-2xl',\n                    iconClass,\n                )}\n            >\n                {icon}\n            </div>\n            <div className=\"mt-4\">\n                <div className=\"mb-1\">{title}</div>\n                <h3 className=\"mb-1\">{value}</h3>\n                <div className=\"inline-flex items-center flex-wrap gap-1\">\n                    <GrowShrinkValue\n                        className=\"font-bold\"\n                        value={growShrink}\n                        suffix=\"%\"\n                        positiveIcon=\"+\"\n                        negativeIcon=\"\"\n                    />\n                    <span>vs last month</span>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nconst KpiSummary = ({ data }: KpiSummaryProps) => {\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Kpi summary</h4>\n            </div>\n            <div className=\"grid md:grid-cols-2 xl:grid-cols-4 gap-4 mt-6\">\n                <SummarySegment\n                    title=\"Total marketing spend\"\n                    value={\n                        <NumericFormat\n                            prefix=\"$\"\n                            displayType=\"text\"\n                            value={data.totalMarketingSpend.value}\n                            thousandSeparator={true}\n                        />\n                    }\n                    growShrink={data.totalMarketingSpend.growShrink}\n                    icon={<TbMoneybag />}\n                    iconClass=\"bg-rose-200\"\n                    className=\"border-b border-r-0 md:border-b-0 md:border-r border-gray-200 dark:border-gray-700\"\n                />\n                <SummarySegment\n                    title=\"ROI\"\n                    value={\n                        <NumericFormat\n                            suffix=\"%\"\n                            displayType=\"text\"\n                            value={data.roi.value}\n                            thousandSeparator={true}\n                        />\n                    }\n                    growShrink={data.roi.growShrink}\n                    icon={<TbReportMoney />}\n                    iconClass=\"bg-sky-200\"\n                    className=\"border-b md:border-b-0 xl:border-r border-gray-200 dark:border-gray-700\"\n                />\n                <SummarySegment\n                    title=\"Conversion rates\"\n                    value={\n                        <NumericFormat\n                            suffix=\"%\"\n                            displayType=\"text\"\n                            value={data.conversionRates.value}\n                            thousandSeparator={true}\n                        />\n                    }\n                    growShrink={data.conversionRates.growShrink}\n                    icon={<TbRefreshAlert />}\n                    iconClass=\"bg-emerald-200\"\n                    className=\"border-b border-r-0 md:border-b-0 md:border-r border-gray-200 dark:border-gray-700\"\n                />\n                <SummarySegment\n                    title=\"Total leads\"\n                    value={\n                        <NumericFormat\n                            displayType=\"text\"\n                            value={data.totalLeads.value}\n                            thousandSeparator={true}\n                        />\n                    }\n                    growShrink={data.totalLeads.growShrink}\n                    icon={<TbMagnet />}\n                    iconClass=\"bg-purple-200\"\n                />\n            </div>\n        </Card>\n    )\n}\n\nexport default KpiSummary\n"],"names":["SummarySegment","title","value","growShrink","icon","iconClass","className","classNames","jsx","jsxs","GrowShrinkValue","KpiSummary","data","Card","NumericFormat","TbMoneybag","TbReportMoney","TbRefreshAlert","TbMagnet"],"mappings":"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"}

package/dist/@ecme/views/dashboards/MarketingDashboard/components/LeadPerformance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeadPerformance.js","sources":["../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/LeadPerformance.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Chart from '@/components/shared/Chart'\nimport classNames from '@/utils/classNames'\nimport { COLORS } from '@/constants/chart.constant'\nimport type { LeadPerformanceData } from '../types'\n\ntype LeadPerformanceProps = {\n    data: LeadPerformanceData\n}\n\nconst LeadPerformance = ({ data }: LeadPerformanceProps) => {\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Lead performance score</h4>\n            </div>\n            <div className=\"mt-6\">\n                <Chart\n                    type=\"radar\"\n                    customOptions={{\n                        xaxis: {\n                            categories: data.categories,\n                            labels: {\n                                formatter: (val) => {\n                                    return `${data.categories.indexOf(val) + 1}`\n                                },\n                            },\n                        },\n                        yaxis: {\n                            show: false,\n                        },\n                        tooltip: {\n                            custom: function ({ dataPointIndex }) {\n                                return `\n                                    <div class=\"py-2 px-4 rounded-xl\">\n                                        <div class=\"flex items-center gap-2\">\n                                            <div class=\"h-[10px] w-[10px] rounded-full\" style=\"background-color: ${COLORS[0]}\"></div>\n                                            <div class=\"flex gap-2\">${data.categories[dataPointIndex]}: <span class=\"font-bold\">${data.series[dataPointIndex]}</span></div>\n                                        </div>\n                                    </div>\n                                `\n                            },\n                        },\n                    }}\n                    series={[\n                        {\n                            name: 'Lead performance score',\n                            data: data.series,\n                        },\n                    ]}\n                    height={250}\n                />\n                <div className=\"flex flex-col gap-4\">\n                    {data.categories.map((lead, index) => (\n                        <div\n                            key={lead + index}\n                            className=\"flex items-center gap-4\"\n                        >\n                            <div className=\"flex items-center gap-2\">\n                                <div className=\"rounded-full h-8 w-8 border-2 border-gray-200 dark:border-gray-600 font-bold heading-text flex items-center justify-center\">\n                                    {index + 1}\n                                </div>\n                                <div className=\"heading-text\">{lead}</div>\n                            </div>\n                            <div className=\"border-dashed border-[1.5px] border-gray-300 dark:border-gray-500 flex-1\" />\n                            <div>\n                                <span\n                                    className={classNames(\n                                        'rounded-full px-2 py-1 text-white',\n                                        data.series[index] > 75 && 'bg-success',\n                                        data.series[index] <= 30 && 'bg-error',\n                                        data.series[index] > 30 &&\n                                            data.series[index] < 75 &&\n                                            'bg-warning',\n                                    )}\n                                >\n                                    {data.series[index]}%\n                                </span>\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default LeadPerformance\n"],"names":["LeadPerformance","data","Card","jsx","jsxs","Chart","val","dataPointIndex","COLORS","lead","index","classNames"],"mappings":";;;;;;AAUA,MAAMA,IAAkB,CAAC,EAAE,MAAAC,0BAElBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,qCACX,UAAA,gBAAAA,EAAC,MAAA,EAAG,oCAAsB,EAAA,CAC9B;AAAA,EACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,eAAe;AAAA,UACX,OAAO;AAAA,YACH,YAAYJ,EAAK;AAAA,YACjB,QAAQ;AAAA,cACJ,WAAW,CAACK,MACD,GAAGL,EAAK,WAAW,QAAQK,CAAG,IAAI,CAAC;AAAA,YAC9C;AAAA,UACJ;AAAA,UAEJ,OAAO;AAAA,YACH,MAAM;AAAA,UAAA;AAAA,UAEV,SAAS;AAAA,YACL,QAAQ,SAAU,EAAE,gBAAAC,KAAkB;AAClC,qBAAO;AAAA;AAAA;AAAA,mHAG4EC,EAAO,CAAC,CAAC;AAAA,sEACtDP,EAAK,WAAWM,CAAc,CAAC,6BAA6BN,EAAK,OAAOM,CAAc,CAAC;AAAA;AAAA;AAAA;AAAA,YAAA;AAAA,UAIjI;AAAA,QACJ;AAAA,QAEJ,QAAQ;AAAA,UACJ;AAAA,YACI,MAAM;AAAA,YACN,MAAMN,EAAK;AAAA,UAAA;AAAA,QACf;AAAA,QAEJ,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAE,EAAC,SAAI,WAAU,uBACV,YAAK,WAAW,IAAI,CAACM,GAAMC,MACxB,gBAAAN;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,8HACV,UAAAO,IAAQ,GACb;AAAA,YACA,gBAAAP,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAM,EAAA,CAAK;AAAA,UAAA,GACxC;AAAA,UACA,gBAAAN,EAAC,OAAA,EAAI,WAAU,2EAAA,CAA2E;AAAA,4BACzF,OAAA,EACG,UAAA,gBAAAC;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWO;AAAA,gBACP;AAAA,gBACAV,EAAK,OAAOS,CAAK,IAAI,MAAM;AAAA,gBAC3BT,EAAK,OAAOS,CAAK,KAAK,MAAM;AAAA,gBAC5BT,EAAK,OAAOS,CAAK,IAAI,MACjBT,EAAK,OAAOS,CAAK,IAAI,MACrB;AAAA,cAAA;AAAA,cAGP,UAAA;AAAA,gBAAAT,EAAK,OAAOS,CAAK;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,EACxB,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAvBKD,IAAOC;AAAA,IAAA,CAyBnB,EAAA,CACL;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/dashboards/MarketingDashboard/components/RecentCampaign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentCampaign.js","sources":["../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/RecentCampaign.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport Switcher from '@/components/ui/Switcher'\nimport Tag from '@/components/ui/Tag'\nimport CreateCampaign from './CreateCampaign'\nimport classNames from '@/utils/classNames'\nimport { campaignTypeOption } from '../utils'\nimport { NumericFormat } from 'react-number-format'\nimport dayjs from 'dayjs'\nimport type { Campagin } from '../types'\n\ntype RecentCampaignProps = {\n    data: Campagin[]\n}\n\nconst campaignStatus: Record<string, { label: string; className: string }> = {\n    active: { label: 'Active', className: 'bg-sky-200' },\n    completed: { label: 'Completed', className: 'bg-emerald-200' },\n    scheduled: { label: 'Scheduled', className: 'bg-orange-200' },\n    disabled: { label: 'Disabled', className: '' },\n}\n\nconst { Tr, Td, TBody, THead, Th } = Table\n\nconst RecentCampaign = ({ data }: RecentCampaignProps) => {\n    const [campaignList, setCampaignList] = useState<Campagin[]>(data)\n\n    useEffect(() => {\n        if (data.length > 0) {\n            setCampaignList(data)\n        }\n    }, [data])\n\n    const handleCreate = (value: Campagin) => {\n        setCampaignList((prevList) => {\n            return [...[value], ...prevList]\n        })\n    }\n\n    const handleSwitcherChange = (\n        value: boolean,\n        id: string,\n        status: string,\n    ) => {\n        setCampaignList((prevList) => {\n            const list = prevList.map((campaign) => {\n                if (campaign.id === id) {\n                    if (status === 'scheduled' && value) {\n                        campaign.startDate = new Date().setDate(\n                            new Date().getDate(),\n                        )\n                        campaign.status = 'active'\n                    }\n\n                    if (status === 'disabled' && value) {\n                        campaign.status = 'active'\n                    }\n\n                    if (status === 'active' && !value) {\n                        campaign.status = 'disabled'\n                    }\n                }\n                return campaign\n            })\n            return list\n        })\n    }\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Campaigns</h4>\n                <div>\n                    <CreateCampaign onCreate={handleCreate} />\n                </div>\n            </div>\n            <div className=\"mt-6\">\n                <Table hoverable={false}>\n                    <THead>\n                        <Tr>\n                            <Th></Th>\n                            <Th>Campaign</Th>\n                            <Th>Status</Th>\n                            <Th>Budget</Th>\n                            <Th>Conversions</Th>\n                            <Th>Start</Th>\n                            <Th>End</Th>\n                        </Tr>\n                    </THead>\n                    <TBody>\n                        {campaignList.map((campagin) => (\n                            <Tr key={campagin.id}>\n                                <Td>\n                                    <Switcher\n                                        checked={campagin.status === 'active'}\n                                        disabled={\n                                            campagin.status === 'completed'\n                                        }\n                                        onChange={(val) =>\n                                            handleSwitcherChange(\n                                                val,\n                                                campagin.id,\n                                                campagin.status,\n                                            )\n                                        }\n                                    />\n                                </Td>\n                                <Td>\n                                    <div className=\"flex items-center gap-2\">\n                                        <Avatar\n                                            className=\"bg-transparent dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\"\n                                            size={50}\n                                            shape=\"round\"\n                                            icon={\n                                                <div\n                                                    className={classNames(\n                                                        'text-2xl heading-text',\n                                                    )}\n                                                >\n                                                    {\n                                                        campaignTypeOption[\n                                                            campagin.type\n                                                        ].icon\n                                                    }\n                                                </div>\n                                            }\n                                        />\n                                        <div className=\"whitespace-nowrap\">\n                                            <div className=\"heading-text font-bold\">\n                                                {campagin.name}\n                                            </div>\n                                            {\n                                                campaignTypeOption[\n                                                    campagin.type\n                                                ].label\n                                            }\n                                        </div>\n                                    </div>\n                                </Td>\n                                <Td>\n                                    <Tag\n                                        className={classNames(\n                                            campaignStatus[campagin.status]\n                                                .className,\n                                        )}\n                                    >\n                                        {campaignStatus[campagin.status].label}\n                                    </Tag>\n                                </Td>\n                                <Td>\n                                    <NumericFormat\n                                        displayType=\"text\"\n                                        value={campagin.budget}\n                                        prefix={'$'}\n                                        thousandSeparator={true}\n                                    />\n                                </Td>\n                                <Td>\n                                    <div>{campagin.conversions}%</div>\n                                </Td>\n                                <Td>\n                                    <div className=\"whitespace-nowrap\">\n                                        {dayjs(campagin.startDate).format(\n                                            'DD MMM YYYY',\n                                        )}\n                                    </div>\n                                </Td>\n                                <Td>\n                                    <div className=\"whitespace-nowrap\">\n                                        {dayjs(campagin.endDate).format(\n                                            'DD MMM YYYY',\n                                        )}\n                                    </div>\n                                </Td>\n                            </Tr>\n                        ))}\n                    </TBody>\n                </Table>\n            </div>\n        </Card>\n    )\n}\n\nexport default RecentCampaign\n"],"names":["campaignStatus","Tr","Td","TBody","THead","Th","Table","RecentCampaign","data","campaignList","setCampaignList","useState","useEffect","handleCreate","value","prevList","handleSwitcherChange","id","status","campaign","Card","jsxs","jsx","CreateCampaign","campagin","Switcher","val","Avatar","classNames","campaignTypeOption","Tag","NumericFormat","dayjs"],"mappings":"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"}

package/dist/@ecme/views/dashboards/MarketingDashboard/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../lib/@ecme/views/dashboards/MarketingDashboard/utils.tsx"],"sourcesContent":["import { TbRocket, TbLeaf, TbRosetteDiscount } from 'react-icons/tb'\nimport type { ReactNode } from 'react'\n\nexport const campaignTypeOption: Record<\n    string,\n    {\n        label: string\n        icon: ReactNode\n    }\n> = {\n    promotional: {\n        label: 'Promotional',\n        icon: <TbRosetteDiscount />,\n    },\n    seasonal: {\n        label: 'Seasonal',\n        icon: <TbLeaf />,\n    },\n    launch: {\n        label: 'Lauch',\n        icon: <TbRocket />,\n    },\n}\n"],"names":["campaignTypeOption","TbRosetteDiscount","TbLeaf","TbRocket"],"mappings":";;AAGO,MAAMA,IAMT;AAAA,EACA,aAAa;AAAA,IACT,OAAO;AAAA,IACP,wBAAOC,GAAA,CAAA,CAAkB;AAAA,EAAA;AAAA,EAE7B,UAAU;AAAA,IACN,OAAO;AAAA,IACP,wBAAOC,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAElB,QAAQ;AAAA,IACJ,OAAO;AAAA,IACP,wBAAOC,GAAA,CAAA,CAAS;AAAA,EAAA;AAExB;"}

package/dist/@ecme/views/dashboards/ProjectDashboard/ProjectDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDashboard.js","sources":["../../../../../lib/@ecme/views/dashboards/ProjectDashboard/ProjectDashboard.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport UpcomingSchedule from './components/UpcomingSchedule'\nimport TaskOverview from './components/TaskOverview'\nimport CurrentTasks from './components/CurrentTasks'\nimport Schedule from './components/Schedule'\nimport ProjectOverview from './components/ProjectOverview'\nimport RecentActivity from './components/RecentActivity'\nimport { apiGetProjectDashboard } from '@/services/DashboardService'\nimport useSWR from 'swr'\nimport type { GetProjectDashboardResponse } from './types'\n\nconst ProjectDashboard = () => {\n    const { data, isLoading } = useSWR(\n        ['/api/dashboard/project'],\n        () => apiGetProjectDashboard<GetProjectDashboardResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    return (\n        <Loading loading={isLoading}>\n            {data && (\n                <div className=\"flex flex-col gap-4\">\n                    <div className=\"flex flex-col xl:flex-row gap-4\">\n                        <div className=\"flex flex-col gap-4 flex-1 xl:max-w-[calc(100%-350px)]\">\n                            <ProjectOverview data={data.projectOverview} />\n                            <Schedule data={data.schedule} />\n                        </div>\n                        <div>\n                            <UpcomingSchedule />\n                        </div>\n                    </div>\n                    <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n                        <div className=\"md:col-span-1 xl:col-span-1 order-1\">\n                            <CurrentTasks data={data.currentTasks} />\n                        </div>\n                        <div className=\"md:col-span-1 xl:col-span-1 order-2 xl:order-3\">\n                            <RecentActivity data={data.recentActivity} />\n                        </div>\n                        <div className=\"md:col-span-2 xl:col-span-1 order-3 xl:order-2\">\n                            <TaskOverview data={data.taskOverview} />\n                        </div>\n                    </div>\n                </div>\n            )}\n        </Loading>\n    )\n}\n\nexport default ProjectDashboard\n"],"names":["ProjectDashboard","data","isLoading","useSWR","apiGetProjectDashboard","jsx","Loading","jsxs","ProjectOverview","Schedule","UpcomingSchedule","CurrentTasks","RecentActivity","TaskOverview"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAmB,MAAM;AAC3B,QAAM,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,wBAAwB;AAAA,IACzB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,gBAAAC,EAACC,KAAQ,SAASJ,GACb,eACG,gBAAAK,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0DACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAgB,MAAMP,EAAK,gBAAA,CAAiB;AAAA,QAC7C,gBAAAI,EAACI,GAAA,EAAS,MAAMR,EAAK,SAAA,CAAU;AAAA,MAAA,GACnC;AAAA,MACA,gBAAAI,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACK,GAAA,CAAA,CAAiB,EAAA,CACtB;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,wDACX,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,uCACX,UAAA,gBAAAA,EAACM,KAAa,MAAMV,EAAK,cAAc,EAAA,CAC3C;AAAA,MACA,gBAAAI,EAAC,SAAI,WAAU,kDACX,4BAACO,GAAA,EAAe,MAAMX,EAAK,eAAA,CAAgB,EAAA,CAC/C;AAAA,MACA,gBAAAI,EAAC,SAAI,WAAU,kDACX,4BAACQ,GAAA,EAAa,MAAMZ,EAAK,aAAA,CAAc,EAAA,CAC3C;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAER;AAER;"}

package/dist/@ecme/views/dashboards/ProjectDashboard/components/CreateEventDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateEventDialog.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/CreateEventDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport {\n    TbVideo,\n    TbCheckbox,\n    TbCoffee,\n    TbCalendarStar,\n    TbPresentation,\n    TbBell,\n} from 'react-icons/tb'\nimport { LuTreePalm } from 'react-icons/lu'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport uniqueId from 'lodash/uniqueId'\nimport { components } from 'react-select'\nimport type { Event } from '../types'\nimport type { ZodType } from 'zod'\nimport type { ReactNode } from 'react'\nimport type { ControlProps, OptionProps } from 'react-select'\n\nexport type FormSchema = {\n    type: Event\n    label: string\n    time: number\n}\n\ntype EventOption = { label: string; value: Event; color: string }\n\nconst { Control } = components\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const eventTypes: Record<\n    Event,\n    { label: string; icon: ReactNode; color: string }\n> = {\n    task: {\n        label: 'Task',\n        icon: <TbCheckbox />,\n        color: 'bg-purple-200 dark:bg-purple-200',\n    },\n    meeting: {\n        label: 'Meeting',\n        icon: <TbVideo />,\n        color: 'bg-sky-200 dark:bg-sky-200',\n    },\n    holiday: {\n        label: 'Enjoy your holiday',\n        icon: <LuTreePalm />,\n        color: 'bg-amber-200 dark:bg-amber-200',\n    },\n    breaks: {\n        label: 'Break',\n        icon: <TbCoffee />,\n        color: 'bg-orange-200 dark:bg-orange-200',\n    },\n    event: {\n        label: 'Event',\n        icon: <TbCalendarStar />,\n        color: 'bg-emerald-200 dark:bg-emerald-200',\n    },\n    workshops: {\n        label: 'Workshop',\n        icon: <TbPresentation />,\n        color: 'bg-rose-200 dark:bg-rose-200',\n    },\n    reminders: {\n        label: 'Reminder',\n        icon: <TbBell />,\n        color: 'bg-teal-200 dark:bg-teal-200',\n    },\n}\n\nconst eventOptions: EventOption[] = [\n    { label: 'Task', value: 'task', color: 'bg-purple-200' },\n    { label: 'Meeting', value: 'meeting', color: 'bg-sky-200' },\n    { label: 'Breaks', value: 'breaks', color: 'bg-orange-200' },\n    { label: 'Event', value: 'event', color: 'bg-emerald-200' },\n    { label: 'Workshops', value: 'workshops', color: 'bg-rose-200' },\n    { label: 'Reminders', value: 'reminders', color: 'bg-teal-200' },\n]\n\nconst timeOption = [\n    { value: 0, label: '12:00 AM' },\n    { value: 1, label: '1:00 AM' },\n    { value: 2, label: '2:00 AM' },\n    { value: 3, label: '3:00 AM' },\n    { value: 4, label: '4:00 AM' },\n    { value: 5, label: '5:00 AM' },\n    { value: 6, label: '6:00 AM' },\n    { value: 7, label: '7:00 AM' },\n    { value: 8, label: '8:00 AM' },\n    { value: 9, label: '9:00 AM' },\n    { value: 10, label: '10:00 AM' },\n    { value: 11, label: '11:00 AM' },\n    { value: 12, label: '12:00 PM' },\n    { value: 13, label: '1:00 PM' },\n    { value: 14, label: '2:00 PM' },\n    { value: 15, label: '3:00 PM' },\n    { value: 16, label: '4:00 PM' },\n    { value: 17, label: '5:00 PM' },\n    { value: 18, label: '6:00 PM' },\n    { value: 19, label: '7:00 PM' },\n    { value: 20, label: '8:00 PM' },\n    { value: 21, label: '9:00 PM' },\n    { value: 22, label: '10:00 PM' },\n    { value: 23, label: '11:00 PM' },\n]\n\nconst CustomSelectOption = (props: OptionProps<EventOption>) => {\n    return (\n        <DefaultOption<EventOption>\n            {...props}\n            customLabel={(_, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <span>{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<EventOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && <></>}\n            {children}\n        </Control>\n    )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    type: z.union([\n        z.literal('meeting'),\n        z.literal('task'),\n        z.literal('holiday'),\n        z.literal('breaks'),\n        z.literal('event'),\n        z.literal('workshops'),\n        z.literal('reminders'),\n    ]),\n    label: z.string({ required_error: 'Please enter event name' }),\n    time: z.number({ required_error: 'Please select a time' }),\n})\n\nconst CreateEventDialog = ({\n    onCreateEvent,\n}: {\n    onCreateEvent: (value: FormSchema & { id: string }) => void\n}) => {\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors, isSubmitting },\n        reset,\n        control,\n    } = useForm<FormSchema>({\n        resolver: zodResolver(validationSchema),\n    })\n\n    const handleDialogClose = () => {\n        reset()\n        setDialogOpen(false)\n    }\n\n    const onSubmit = (value: FormSchema) => {\n        onCreateEvent({\n            id: uniqueId('schedule-event-'),\n            ...value,\n        })\n        handleDialogClose()\n    }\n\n    return (\n        <>\n            <Button block onClick={() => setDialogOpen(true)}>\n                Add event\n            </Button>\n            <Dialog\n                isOpen={dialogOpen}\n                onClose={handleDialogClose}\n                onRequestClose={handleDialogClose}\n            >\n                <h4>New event</h4>\n                <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n                    <FormItem\n                        label=\"Event name\"\n                        invalid={Boolean(errors.label)}\n                        errorMessage={errors.label?.message}\n                    >\n                        <Controller\n                            name=\"label\"\n                            control={control}\n                            render={({ field }) => (\n                                <Input\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    placeholder=\"Event name\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem\n                        label=\"Event type\"\n                        invalid={Boolean(errors.type)}\n                        errorMessage={\n                            errors.type?.message && 'Please select a type'\n                        }\n                    >\n                        <Controller\n                            name=\"type\"\n                            control={control}\n                            render={({ field }) => (\n                                <Select<EventOption>\n                                    options={eventOptions}\n                                    {...field}\n                                    components={{\n                                        Option: CustomSelectOption,\n                                        Control: CustomControl,\n                                    }}\n                                    placeholder=\"Event type\"\n                                    value={eventOptions.filter(\n                                        (option) =>\n                                            option.value === field.value,\n                                    )}\n                                    onChange={(option) =>\n                                        field.onChange(option?.value)\n                                    }\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem\n                        label=\"Time\"\n                        invalid={Boolean(errors.time)}\n                        errorMessage={errors.time?.message}\n                    >\n                        <Controller\n                            name=\"time\"\n                            control={control}\n                            render={({ field }) => (\n                                <Select\n                                    options={timeOption}\n                                    {...field}\n                                    placeholder=\"Select a time...\"\n                                    value={timeOption.filter(\n                                        (option) =>\n                                            option.value === field.value,\n                                    )}\n                                    onChange={(option) =>\n                                        field.onChange(option?.value)\n                                    }\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <Button\n                        block\n                        variant=\"solid\"\n                        type=\"submit\"\n                        loading={isSubmitting}\n                    >\n                        Create\n                    </Button>\n                </Form>\n            </Dialog>\n        </>\n    )\n}\n\nexport default CreateEventDialog\n"],"names":["Control","components","eventTypes","TbCheckbox","TbVideo","LuTreePalm","TbCoffee","TbCalendarStar","TbPresentation","TbBell","eventOptions","timeOption","CustomSelectOption","props","jsx","DefaultOption","_","label","CustomControl","children","selected","jsxs","Fragment","validationSchema","z","CreateEventDialog","onCreateEvent","dialogOpen","setDialogOpen","useState","handleSubmit","errors","isSubmitting","reset","control","useForm","zodResolver","handleDialogClose","Button","Dialog","Form","value","uniqueId","FormItem","_a","Controller","field","Input","_b","Select","option","_c"],"mappings":"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"}

package/dist/@ecme/views/dashboards/ProjectDashboard/components/CurrentTasks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentTasks.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/CurrentTasks.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { useState, useEffect } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Tag from '@/components/ui/Tag'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport { TbCircleCheck, TbCircleCheckFilled, TbCalendar } from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport { Link } from 'react-router-dom'\nimport type { Task } from '../types'\n\ntype CurrentTasksProps = {\n    data: Task[]\n}\n\nexport const labelClass: Record<string, string> = {\n    'In Progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\n    Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\n    Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n    High: 'bg-red-200 dark:bg-red-200 dark:text-gray-900',\n    Medium: 'bg-orange-200 dark:bg-orange-200 dark:text-gray-900',\n    Low: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\n}\n\nconst CurrentTasks = ({ data }: CurrentTasksProps) => {\n    const [tasks, setTasks] = useState<Task[]>([])\n\n    useEffect(() => {\n        if (tasks.length === 0) {\n            setTasks(data)\n        }\n    }, [data, tasks.length])\n\n    const handleChange = (taskId: string) => {\n        const newTasks = structuredClone(tasks).map((task) => {\n            if (task.id === taskId) {\n                task.checked = !task.checked\n            }\n            return task\n        })\n        setTasks(newTasks)\n    }\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Current tasks</h4>\n                <Link to=\"/concepts/projects/tasks\">\n                    <Button asElement=\"div\" size=\"sm\">\n                        All tasks\n                    </Button>\n                </Link>\n            </div>\n            <div className=\"mt-4\">\n                {tasks.map((task, index) => (\n                    <div\n                        key={task.id}\n                        className={classNames(\n                            'flex items-center justify-between py-4 border-gray-200 dark:border-gray-600',\n                            !isLastChild(tasks, index) && 'border-b',\n                        )}\n                    >\n                        <div className=\"flex items-center gap-4\">\n                            <button\n                                className=\" text-[26px] cursor-pointer\"\n                                role=\"button\"\n                                onClick={() => handleChange(task.id)}\n                            >\n                                {task.checked ? (\n                                    <TbCircleCheckFilled className=\"text-primary\" />\n                                ) : (\n                                    <TbCircleCheck className=\"hover:text-primary\" />\n                                )}\n                            </button>\n                            <div>\n                                <div\n                                    className={classNames(\n                                        'heading-text font-bold mb-1',\n                                        task.checked &&\n                                            'line-through opacity-50',\n                                    )}\n                                >\n                                    {task.name}\n                                </div>\n                                <div className=\"flex items-center gap-2\">\n                                    <div className=\"flex items-center gap-1\">\n                                        <TbCalendar className=\"text-lg\" />\n                                        {task.dueDate\n                                            ? dayjs(task.dueDate).format(\n                                                  'MMMM DD',\n                                              )\n                                            : '-'}\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div>\n                            <Tag\n                                className={`mr-2 rtl:ml-2 mb-2 ${\n                                    task.priority\n                                        ? labelClass[task.priority]\n                                        : ''\n                                }`}\n                            >\n                                {task.priority}\n                            </Tag>\n                        </div>\n                    </div>\n                ))}\n            </div>\n        </Card>\n    )\n}\n\nexport default CurrentTasks\n"],"names":["labelClass","CurrentTasks","data","tasks","setTasks","useState","useEffect","handleChange","taskId","newTasks","task","Card","jsxs","jsx","Link","Button","index","classNames","isLastChild","TbCircleCheckFilled","TbCircleCheck","TbCalendar","dayjs","Tag"],"mappings":";;;;;;;;;;;;;AAgBO,MAAMA,IAAqC;AAAA,EAC9C,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AACT,GAEMC,IAAe,CAAC,EAAE,MAAAC,QAA8B;AAClD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,CAAA,CAAE;AAE7C,EAAAC,EAAU,MAAM;AACZ,IAAIH,EAAM,WAAW,KACjBC,EAASF,CAAI;AAAA,EACjB,GACD,CAACA,GAAMC,EAAM,MAAM,CAAC;AAEvB,QAAMI,IAAe,CAACC,MAAmB;AACrC,UAAMC,IAAW,gBAAgBN,CAAK,EAAE,IAAI,CAACO,OACrCA,EAAK,OAAOF,MACZE,EAAK,UAAU,CAACA,EAAK,UAElBA,EACV;AACD,IAAAN,EAASK,CAAQ;AAAA,EAAA;AAGrB,2BACKE,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAA,EAACC,GAAA,EAAK,IAAG,4BACL,UAAA,gBAAAD,EAACE,GAAA,EAAO,WAAU,OAAM,MAAK,MAAK,UAAA,YAAA,CAElC,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAF,EAAC,SAAI,WAAU,QACV,YAAM,IAAI,CAACH,GAAMM,MACd,gBAAAJ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAWK;AAAA,UACP;AAAA,UACA,CAACC,EAAYf,GAAOa,CAAK,KAAK;AAAA,QAAA;AAAA,QAGlC,UAAA;AAAA,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAS,MAAMN,EAAaG,EAAK,EAAE;AAAA,gBAElC,UAAAA,EAAK,UACF,gBAAAG,EAACM,GAAA,EAAoB,WAAU,gBAAe,IAE9C,gBAAAN,EAACO,GAAA,EAAc,WAAU,qBAAA,CAAqB;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGrD,OAAA,EACG,UAAA;AAAA,cAAA,gBAAAP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWI;AAAA,oBACP;AAAA,oBACAP,EAAK,WACD;AAAA,kBAAA;AAAA,kBAGP,UAAAA,EAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAET,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAC,EAACQ,GAAA,EAAW,WAAU,UAAA,CAAU;AAAA,gBAC/BX,EAAK,UACAY,EAAMZ,EAAK,OAAO,EAAE;AAAA,kBAChB;AAAA,gBAAA,IAEJ;AAAA,cAAA,EAAA,CACV,EAAA,CACJ;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,GACJ;AAAA,4BACC,OAAA,EACG,UAAA,gBAAAG;AAAA,YAACU;AAAA,YAAA;AAAA,cACG,WAAW,sBACPb,EAAK,WACCV,EAAWU,EAAK,QAAQ,IACxB,EACV;AAAA,cAEC,UAAAA,EAAK;AAAA,YAAA;AAAA,UAAA,EACV,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAlDKA,EAAK;AAAA,IAAA,CAoDjB,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}