@orbe-agro/client-core 5.5.82 → 5.6.0

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

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

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

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

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

@@ -1 +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":[],"mappings":";;;;;;;;;;AAYA,MAAM,cAAsC;AAAA,EACxC,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACd;AAEA,MAAM,cAAc,CAAC,EAAE,WAA6B;AAChD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAiB,WAAW;AAExE,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,eAAA,CAAY;AAAA,MAChB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAO,QAAQ;AAAA,YACX,CAAC,WAAW,OAAO,UAAU;AAAA,UAAA;AAAA,UAEjC;AAAA,UACA,cAAc;AAAA,UACd,UAAU,CAAC,WAAW;AAClB,gBAAI,QAAQ,OAAO;AACf,gCAAkB,QAAQ,KAAK;AAAA,YACnC;AAAA,UACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA,qBAAC,MAAA,EACG,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAO,KAAK,cAAc,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhC,qBAAC,QAAA,EAAK,WAAU,kCACX,UAAA;AAAA,YAAA;AAAA,YACD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,OAAO,KAAK,cAAc,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,YAC7B;AAAA,YAAI;AAAA,UAAA,EAAA,CAEX;AAAA,QAAA,GACJ;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,UAAA;AAAA,UACP,YAAY,cAAc;AAAA,UAAE;AAAA,QAAA,EAAA,CAC3C;AAAA,MAAA,GACJ;AAAA,0BACC,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,KAAK,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;"}
+{"version":3,"file":"SalesTarget.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/SalesTarget.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport Progress from '@/components/ui/Progress'\r\nimport Select from '@/components/ui/Select'\r\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\r\nimport { options } from '../constants'\r\nimport type { SalesTargetData, Period } from '../types'\r\n\r\ntype SalesTargetProps = {\r\n    data: SalesTargetData\r\n}\r\n\r\nconst periodLabel: Record<Period, string> = {\r\n    thisMonth: 'month',\r\n    thisWeek: 'week',\r\n    thisYear: 'year',\r\n}\r\n\r\nconst SalesTarget = ({ data }: SalesTargetProps) => {\r\n    const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\r\n\r\n    return (\r\n        <Card>\r\n            <div className=\"flex items-center justify-between mb-4\">\r\n                <h4>Sales target</h4>\r\n                <Select\r\n                    className=\"w-[120px]\"\r\n                    size=\"sm\"\r\n                    placeholder=\"Select period\"\r\n                    value={options.filter(\r\n                        (option) => option.value === selectedPeriod,\r\n                    )}\r\n                    options={options}\r\n                    isSearchable={false}\r\n                    onChange={(option) => {\r\n                        if (option?.value) {\r\n                            setSelectedPeriod(option?.value)\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n            <div className=\"flex items-center justify-between mt-8\">\r\n                <div className=\"flex flex-col\">\r\n                    <h2>\r\n                        <AbbreviateNumber\r\n                            value={data[selectedPeriod].achieved}\r\n                        />\r\n                        <span className=\"opacity-60 text-base font-bold\">\r\n                            {' / '}\r\n                            <AbbreviateNumber\r\n                                value={data[selectedPeriod].target}\r\n                            />{' '}\r\n                            Units\r\n                        </span>\r\n                    </h2>\r\n                    <div className=\"mt-1\">\r\n                        Made this {periodLabel[selectedPeriod]} year\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <Progress\r\n                        percent={data[selectedPeriod].percentage}\r\n                        width={80}\r\n                        variant=\"circle\"\r\n                        strokeWidth={8}\r\n                    />\r\n                </div>\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default SalesTarget\r\n"],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,cAAsC;AAAA,EACxC,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACd;AAEA,MAAM,cAAc,CAAC,EAAE,WAA6B;AAChD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAiB,WAAW;AAExE,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,eAAA,CAAY;AAAA,MAChB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAO,QAAQ;AAAA,YACX,CAAC,WAAW,OAAO,UAAU;AAAA,UAAA;AAAA,UAEjC;AAAA,UACA,cAAc;AAAA,UACd,UAAU,CAAC,WAAW;AAClB,gBAAI,QAAQ,OAAO;AACf,gCAAkB,QAAQ,KAAK;AAAA,YACnC;AAAA,UACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA,qBAAC,MAAA,EACG,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAO,KAAK,cAAc,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhC,qBAAC,QAAA,EAAK,WAAU,kCACX,UAAA;AAAA,YAAA;AAAA,YACD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,OAAO,KAAK,cAAc,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,YAC7B;AAAA,YAAI;AAAA,UAAA,EAAA,CAEX;AAAA,QAAA,GACJ;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,UAAA;AAAA,UACP,YAAY,cAAc;AAAA,UAAE;AAAA,QAAA,EAAA,CAC3C;AAAA,MAAA,GACJ;AAAA,0BACC,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,KAAK,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

@@ -1 +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":[],"mappings":";;;;;;;;;;AAaA,MAAM,aAAa,CAAC,EAAE,WAA4B;AAC9C,QAAM,WAAW,YAAA;AAEjB,QAAM,gBAAgB,MAAM;AACxB,aAAS,iCAAiC;AAAA,EAC9C;AAEA,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,cAAA,CAAW;AAAA,0BACd,QAAA,EAAO,MAAK,MAAK,SAAS,eAAe,UAAA,WAAA,CAE1C;AAAA,IAAA,GACJ;AAAA,IACA,oBAAC,SAAI,WAAU,QACV,eAAK,IAAI,CAAC,SAAS,UAChB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAW;AAAA,UACP;AAAA,UACA,CAAC,YAAY,MAAM,KAAK,KAAK;AAAA,QAAA;AAAA,QAGjC,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAM;AAAA,gBACN,KAAK,QAAQ;AAAA,gBACb,OAAM;AAAA,cAAA;AAAA,YAAA;AAAA,iCAET,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,0BACV,UAAA,QAAQ,MACb;AAAA,mCACC,OAAA,EAAI,UAAA;AAAA,gBAAA;AAAA,gBAAO,QAAQ;AAAA,cAAA,EAAA,CAAM;AAAA,YAAA,EAAA,CAC9B;AAAA,UAAA,GACJ;AAAA,UACA,oBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO,QAAQ;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,MA9BK,QAAQ;AAAA,IAAA,CAgCpB,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"TopProduct.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/TopProduct.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\r\nimport Button from '@/components/ui/Button'\r\nimport Card from '@/components/ui/Card'\r\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\r\nimport classNames from '@/utils/classNames'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport type { Product } from '../types'\r\n\r\ntype TopProductProps = {\r\n    data: Product[]\r\n}\r\n\r\nconst TopProduct = ({ data }: TopProductProps) => {\r\n    const navigate = useNavigate()\r\n\r\n    const handleViewAll = () => {\r\n        navigate('/concepts/products/product-list')\r\n    }\r\n\r\n    return (\r\n        <Card>\r\n            <div className=\"flex items-center justify-between\">\r\n                <h4>Top product</h4>\r\n                <Button size=\"sm\" onClick={handleViewAll}>\r\n                    View all\r\n                </Button>\r\n            </div>\r\n            <div className=\"mt-5\">\r\n                {data.map((product, index) => (\r\n                    <div\r\n                        key={product.id}\r\n                        className={classNames(\r\n                            'flex items-center justify-between py-2 dark:border-gray-600',\r\n                            !isLastChild(data, index) && 'mb-2',\r\n                        )}\r\n                    >\r\n                        <div className=\"flex items-center gap-2\">\r\n                            <Avatar\r\n                                className=\"bg-white\"\r\n                                size={50}\r\n                                src={product.img}\r\n                                shape=\"round\"\r\n                            />\r\n                            <div>\r\n                                <div className=\"heading-text font-bold\">\r\n                                    {product.name}\r\n                                </div>\r\n                                <div>Sold: {product.sales}</div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"flex items-center gap-2\">\r\n                            <GrowShrinkValue\r\n                                className=\"rounded-lg py-0.5 px-2 font-bold\"\r\n                                value={product.growShrink}\r\n                                positiveClass=\"bg-success-subtle\"\r\n                                negativeClass=\"bg-error-subtle\"\r\n                                suffix=\"%\"\r\n                                positiveIcon=\"+\"\r\n                                negativeIcon=\"\"\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                ))}\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default TopProduct\r\n"],"names":[],"mappings":";;;;;;;;;;AAaA,MAAM,aAAa,CAAC,EAAE,WAA4B;AAC9C,QAAM,WAAW,YAAA;AAEjB,QAAM,gBAAgB,MAAM;AACxB,aAAS,iCAAiC;AAAA,EAC9C;AAEA,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,cAAA,CAAW;AAAA,0BACd,QAAA,EAAO,MAAK,MAAK,SAAS,eAAe,UAAA,WAAA,CAE1C;AAAA,IAAA,GACJ;AAAA,IACA,oBAAC,SAAI,WAAU,QACV,eAAK,IAAI,CAAC,SAAS,UAChB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAW;AAAA,UACP;AAAA,UACA,CAAC,YAAY,MAAM,KAAK,KAAK;AAAA,QAAA;AAAA,QAGjC,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAM;AAAA,gBACN,KAAK,QAAQ;AAAA,gBACb,OAAM;AAAA,cAAA;AAAA,YAAA;AAAA,iCAET,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,0BACV,UAAA,QAAQ,MACb;AAAA,mCACC,OAAA,EAAI,UAAA;AAAA,gBAAA;AAAA,gBAAO,QAAQ;AAAA,cAAA,EAAA,CAAM;AAAA,YAAA,EAAA,CAC9B;AAAA,UAAA,GACJ;AAAA,UACA,oBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO,QAAQ;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,MA9BK,QAAQ;AAAA,IAAA,CAgCpB,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}

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

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

@@ -1 +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":[],"mappings":";;;;;;;;AASA,MAAM,qBAAqB,MAAM;AAC7B,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,0BAA0B;AAAA,IAC3B,MAAM,yBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,oBAAC,WAAQ,SAAS,WACb,kBACG,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,MAAM,KAAK,WAAA,CAAY;AAAA,IACnC,qBAAC,OAAA,EAAI,WAAU,sDACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,cACX,UAAA,oBAAC,kBAAe,MAAM,KAAK,gBAAgB,EAAA,CAC/C;AAAA,MACA,oBAAC,iBAAA,EAAgB,MAAM,KAAK,gBAAA,CAAiB;AAAA,IAAA,GACjD;AAAA,IACA,oBAAC,gBAAA,EAAe,MAAM,KAAK,eAAA,CAAgB;AAAA,EAAA,EAAA,CAC/C,EAAA,CAER;AAER;"}
+{"version":3,"file":"MarketingDashboard.js","sources":["../../../../../lib/@ecme/views/dashboards/MarketingDashboard/MarketingDashboard.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\r\nimport KpiSummary from './components/KpiSummary'\r\nimport RecentCampaign from './components/RecentCampaign'\r\nimport AdsPerformance from './components/AdsPerformance'\r\nimport LeadPerformance from './components/LeadPerformance'\r\nimport { apiGetMarketingDashboard } from '@/services/DashboardService'\r\nimport useSWR from 'swr'\r\nimport type { GetMarketingDashboardResponse } from './types'\r\n\r\nconst MarketingDashboard = () => {\r\n    const { data, isLoading } = useSWR(\r\n        ['/api/dashboard/marketing'],\r\n        () => apiGetMarketingDashboard<GetMarketingDashboardResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    return (\r\n        <Loading loading={isLoading}>\r\n            {data && (\r\n                <div className=\"flex flex-col gap-4\">\r\n                    <KpiSummary data={data.kpiSummary} />\r\n                    <div className=\"grid grid-cols-1 xl:grid-cols-3 gap-y-4 xl:gap-x-4\">\r\n                        <div className=\"col-span-2\">\r\n                            <AdsPerformance data={data.adsPerformance} />\r\n                        </div>\r\n                        <LeadPerformance data={data.leadPerformance} />\r\n                    </div>\r\n                    <RecentCampaign data={data.recentCampaign} />\r\n                </div>\r\n            )}\r\n        </Loading>\r\n    )\r\n}\r\n\r\nexport default MarketingDashboard\r\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,qBAAqB,MAAM;AAC7B,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,0BAA0B;AAAA,IAC3B,MAAM,yBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,oBAAC,WAAQ,SAAS,WACb,kBACG,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,MAAM,KAAK,WAAA,CAAY;AAAA,IACnC,qBAAC,OAAA,EAAI,WAAU,sDACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,cACX,UAAA,oBAAC,kBAAe,MAAM,KAAK,gBAAgB,EAAA,CAC/C;AAAA,MACA,oBAAC,iBAAA,EAAgB,MAAM,KAAK,gBAAA,CAAiB;AAAA,IAAA,GACjD;AAAA,IACA,oBAAC,gBAAA,EAAe,MAAM,KAAK,eAAA,CAAgB;AAAA,EAAA,EAAA,CAC/C,EAAA,CAER;AAER;"}

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

@@ -1 +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":["ApexChart","series"],"mappings":"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"}
+{"version":3,"file":"AdsPerformance.js","sources":["../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/AdsPerformance.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport Segment from '@/components/ui/Segment'\r\nimport ApexChart from 'react-apexcharts'\r\nimport { COLORS } from '@/constants/chart.constant'\r\nimport type { AdsPerformanceData } from '../types'\r\n\r\ntype AdsPerformance = {\r\n    data: AdsPerformanceData\r\n}\r\n\r\nconst AdsPerformance = ({ data }: AdsPerformance) => {\r\n    const [category, setCategory] = useState('all')\r\n\r\n    const series = useMemo(() => {\r\n        const campaignSeries = {\r\n            name: 'Campaign (ROI)',\r\n            type: 'column',\r\n            data: data.campagin,\r\n            color: function ({\r\n                dataPointIndex,\r\n                value,\r\n            }: {\r\n                dataPointIndex: number\r\n                value: number\r\n            }) {\r\n                if (\r\n                    dataPointIndex > 0 &&\r\n                    value < data.campagin[dataPointIndex - 1]\r\n                ) {\r\n                    return COLORS[7]\r\n                }\r\n                return COLORS[9]\r\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n            } as any,\r\n        }\r\n\r\n        const emailSeries = {\r\n            name: 'Email (ROI)',\r\n            type: 'line',\r\n            data: data.email,\r\n            color: COLORS[0],\r\n        }\r\n\r\n        if (category === 'all') {\r\n            return [campaignSeries, emailSeries]\r\n        }\r\n\r\n        if (category === 'campagin') {\r\n            return [campaignSeries]\r\n        }\r\n\r\n        if (category === 'email') {\r\n            return [emailSeries]\r\n        }\r\n\r\n        return []\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [category])\r\n\r\n    return (\r\n        <Card>\r\n            <div className=\"flex items-center justify-between\">\r\n                <h4>Ads performance</h4>\r\n                <div>\r\n                    <Segment\r\n                        className=\"gap-1\"\r\n                        value={category}\r\n                        size=\"sm\"\r\n                        onChange={(val) => setCategory(val as string)}\r\n                    >\r\n                        <Segment.Item value=\"all\">All</Segment.Item>\r\n                        <Segment.Item value=\"campagin\">Campagin</Segment.Item>\r\n                        <Segment.Item value=\"email\">Email</Segment.Item>\r\n                    </Segment>\r\n                </div>\r\n            </div>\r\n            <div className=\"mt-6\">\r\n                <ApexChart\r\n                    options={{\r\n                        chart: {\r\n                            type: 'line',\r\n                            zoom: {\r\n                                enabled: false,\r\n                            },\r\n                            toolbar: {\r\n                                show: false,\r\n                            },\r\n                        },\r\n                        legend: {\r\n                            show: false,\r\n                        },\r\n                        stroke: {\r\n                            width: category === 'email' ? 2.5 : [0, 2.5],\r\n                            curve: 'smooth',\r\n                            lineCap: 'round',\r\n                        },\r\n                        states: {\r\n                            hover: {\r\n                                filter: {\r\n                                    type: 'none',\r\n                                },\r\n                            },\r\n                        },\r\n                        tooltip: {\r\n                            custom: function ({ series, dataPointIndex }) {\r\n                                const renderCampaignData = () => `\r\n                                        <div class=\"flex items-center gap-2\">\r\n                                            <div class=\"h-[10px] w-[10px] rounded-full\" style=\"background-color: ${COLORS[9]}\"></div>\r\n                                            <div class=\"flex gap-2\">Campaign: <span class=\"font-bold\">${series[0][dataPointIndex]}</span></div>\r\n                                        </div>\r\n                                    `\r\n                                const renderEmailData = () => `\r\n                                        <div class=\"flex items-center gap-2\">\r\n                                            <div class=\"h-[10px] w-[10px] rounded-full\" style=\"background-color: ${\r\n                                                COLORS[0]\r\n                                            }\"></div>\r\n                                            <div class=\"flex gap-2\">Email: <span class=\"font-bold\">${\r\n                                                series[\r\n                                                    category === 'all' ? 1 : 0\r\n                                                ][dataPointIndex]\r\n                                            }</span></div>\r\n                                        </div>\r\n                                    `\r\n                                const render = () => {\r\n                                    switch (category) {\r\n                                        case 'all':\r\n                                            return `${renderCampaignData()}${renderEmailData()}`\r\n                                        case 'campagin':\r\n                                            return renderCampaignData()\r\n                                        case 'email':\r\n                                            return renderEmailData()\r\n                                        default:\r\n                                            return ''\r\n                                    }\r\n                                }\r\n                                return `\r\n                                        <div class=\"py-2 px-4 rounded-xl\">\r\n                                            <div class=\"flex flex-col gap-2\">\r\n                                                <div>${\r\n                                                    data.label[dataPointIndex]\r\n                                                }</div>\r\n                                                ${render()}\r\n                                            </div>\r\n                                        </div>\r\n                                    `\r\n                            },\r\n                        },\r\n                        labels: data.label,\r\n                        yaxis:\r\n                            category === 'all'\r\n                                ? [\r\n                                      {},\r\n                                      {\r\n                                          opposite: true,\r\n                                      },\r\n                                  ]\r\n                                : [],\r\n                        plotOptions: {\r\n                            bar: {\r\n                                horizontal: false,\r\n                                columnWidth: '35px',\r\n                                borderRadius: 4,\r\n                                borderRadiusApplication: 'end',\r\n                            },\r\n                        },\r\n                    }}\r\n                    series={series}\r\n                    height={450}\r\n                />\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default AdsPerformance\r\n"],"names":["ApexChart","series"],"mappings":";;;;;;;AAWA,MAAM,iBAAiB,CAAC,EAAE,WAA2B;AACjD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,SAAS,QAAQ,MAAM;AACzB,UAAM,iBAAiB;AAAA,MACnB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM,KAAK;AAAA,MACX,OAAO,SAAU;AAAA,QACb;AAAA,QACA;AAAA,MAAA,GAID;AACC,YACI,iBAAiB,KACjB,QAAQ,KAAK,SAAS,iBAAiB,CAAC,GAC1C;AACE,iBAAO,OAAO,CAAC;AAAA,QACnB;AACA,eAAO,OAAO,CAAC;AAAA,MAEnB;AAAA,IAAA;AAGJ,UAAM,cAAc;AAAA,MAChB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM,KAAK;AAAA,MACX,OAAO,OAAO,CAAC;AAAA,IAAA;AAGnB,QAAI,aAAa,OAAO;AACpB,aAAO,CAAC,gBAAgB,WAAW;AAAA,IACvC;AAEA,QAAI,aAAa,YAAY;AACzB,aAAO,CAAC,cAAc;AAAA,IAC1B;AAEA,QAAI,aAAa,SAAS;AACtB,aAAO,CAAC,WAAW;AAAA,IACvB;AAEA,WAAO,CAAA;AAAA,EAEX,GAAG,CAAC,QAAQ,CAAC;AAEb,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,0BAClB,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO;AAAA,UACP,MAAK;AAAA,UACL,UAAU,CAAC,QAAQ,YAAY,GAAa;AAAA,UAE5C,UAAA;AAAA,YAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,OAAM,UAAA,OAAG;AAAA,gCAC5B,QAAQ,MAAR,EAAa,OAAM,YAAW,UAAA,YAAQ;AAAA,gCACtC,QAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EACrC,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,SAAS;AAAA,UACL,OAAO;AAAA,YACH,MAAM;AAAA,YACN,MAAM;AAAA,cACF,SAAS;AAAA,YAAA;AAAA,YAEb,SAAS;AAAA,cACL,MAAM;AAAA,YAAA;AAAA,UACV;AAAA,UAEJ,QAAQ;AAAA,YACJ,MAAM;AAAA,UAAA;AAAA,UAEV,QAAQ;AAAA,YACJ,OAAO,aAAa,UAAU,MAAM,CAAC,GAAG,GAAG;AAAA,YAC3C,OAAO;AAAA,YACP,SAAS;AAAA,UAAA;AAAA,UAEb,QAAQ;AAAA,YACJ,OAAO;AAAA,cACH,QAAQ;AAAA,gBACJ,MAAM;AAAA,cAAA;AAAA,YACV;AAAA,UACJ;AAAA,UAEJ,SAAS;AAAA,YACL,QAAQ,SAAU,EAAE,QAAAC,SAAQ,kBAAkB;AAC1C,oBAAM,qBAAqB,MAAM;AAAA;AAAA,mHAEkD,OAAO,CAAC,CAAC;AAAA,wGACpBA,QAAO,CAAC,EAAE,cAAc,CAAC;AAAA;AAAA;AAGjG,oBAAM,kBAAkB,MAAM;AAAA;AAAA,mHAGd,OAAO,CAAC,CACZ;AAAA,qGAEIA,QACI,aAAa,QAAQ,IAAI,CAC7B,EAAE,cAAc,CACpB;AAAA;AAAA;AAGZ,oBAAM,SAAS,MAAM;AACjB,wBAAQ,UAAA;AAAA,kBACJ,KAAK;AACD,2BAAO,GAAG,mBAAA,CAAoB,GAAG,iBAAiB;AAAA,kBACtD,KAAK;AACD,2BAAO,mBAAA;AAAA,kBACX,KAAK;AACD,2BAAO,gBAAA;AAAA,kBACX;AACI,2BAAO;AAAA,gBAAA;AAAA,cAEnB;AACA,qBAAO;AAAA;AAAA;AAAA,uDAIa,KAAK,MAAM,cAAc,CAC7B;AAAA,kDACE,QAAQ;AAAA;AAAA;AAAA;AAAA,YAI9B;AAAA,UAAA;AAAA,UAEJ,QAAQ,KAAK;AAAA,UACb,OACI,aAAa,QACP;AAAA,YACI,CAAA;AAAA,YACA;AAAA,cACI,UAAU;AAAA,YAAA;AAAA,UACd,IAEJ,CAAA;AAAA,UACV,aAAa;AAAA,YACT,KAAK;AAAA,cACD,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,cAAc;AAAA,cACd,yBAAyB;AAAA,YAAA;AAAA,UAC7B;AAAA,QACJ;AAAA,QAEJ;AAAA,QACA,QAAQ;AAAA,MAAA;AAAA,IAAA,EACZ,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

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

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

@@ -1 +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":[],"mappings":";;;;;;;AA0BA,MAAM,iBAAiB,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAA2B;AACvB,8BACK,OAAA,EAAI,WAAW,WAAW,iCAAiC,SAAS,GACjE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,QAAA;AAAA,QAGH,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,OAAM;AAAA,MAC7B,oBAAC,MAAA,EAAG,WAAU,QAAQ,UAAA,OAAM;AAAA,MAC5B,qBAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,YACP,QAAO;AAAA,YACP,cAAa;AAAA,YACb,cAAa;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjB,oBAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,MAAA,EAAA,CACvB;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;AAEA,MAAM,aAAa,CAAC,EAAE,WAA4B;AAC9C,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,qCACX,UAAA,oBAAC,MAAA,EAAG,yBAAW,EAAA,CACnB;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,iDACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,OACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,OAAO,KAAK,oBAAoB;AAAA,cAChC,mBAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,UAG3B,YAAY,KAAK,oBAAoB;AAAA,UACrC,0BAAO,YAAA,EAAW;AAAA,UAClB,WAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,OACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,OAAO,KAAK,IAAI;AAAA,cAChB,mBAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,UAG3B,YAAY,KAAK,IAAI;AAAA,UACrB,0BAAO,eAAA,EAAc;AAAA,UACrB,WAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,OACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,OAAO,KAAK,gBAAgB;AAAA,cAC5B,mBAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,UAG3B,YAAY,KAAK,gBAAgB;AAAA,UACjC,0BAAO,gBAAA,EAAe;AAAA,UACtB,WAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,OACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,aAAY;AAAA,cACZ,OAAO,KAAK,WAAW;AAAA,cACvB,mBAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,UAG3B,YAAY,KAAK,WAAW;AAAA,UAC5B,0BAAO,UAAA,EAAS;AAAA,UAChB,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"KpiSummary.js","sources":["../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/KpiSummary.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\r\nimport classNames from '@/utils/classNames'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport {\r\n    TbMoneybag,\r\n    TbReportMoney,\r\n    TbRefreshAlert,\r\n    TbMagnet,\r\n} from 'react-icons/tb'\r\nimport type { ReactNode } from 'react'\r\nimport type { KpiSummaryData } from '../types'\r\n\r\ntype KpiSummaryProps = {\r\n    data: KpiSummaryData\r\n}\r\n\r\ntype SummarySegmentProps = {\r\n    title: string\r\n    value: string | number | ReactNode\r\n    growShrink: number\r\n    icon: ReactNode\r\n    iconClass: string\r\n    className?: string\r\n}\r\n\r\nconst SummarySegment = ({\r\n    title,\r\n    value,\r\n    growShrink,\r\n    icon,\r\n    iconClass,\r\n    className,\r\n}: SummarySegmentProps) => {\r\n    return (\r\n        <div className={classNames('flex flex-col gap-2 py-4 px-6', className)}>\r\n            <div\r\n                className={classNames(\r\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',\r\n                    iconClass,\r\n                )}\r\n            >\r\n                {icon}\r\n            </div>\r\n            <div className=\"mt-4\">\r\n                <div className=\"mb-1\">{title}</div>\r\n                <h3 className=\"mb-1\">{value}</h3>\r\n                <div className=\"inline-flex items-center flex-wrap gap-1\">\r\n                    <GrowShrinkValue\r\n                        className=\"font-bold\"\r\n                        value={growShrink}\r\n                        suffix=\"%\"\r\n                        positiveIcon=\"+\"\r\n                        negativeIcon=\"\"\r\n                    />\r\n                    <span>vs last month</span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nconst KpiSummary = ({ data }: KpiSummaryProps) => {\r\n    return (\r\n        <Card>\r\n            <div className=\"flex items-center justify-between\">\r\n                <h4>Kpi summary</h4>\r\n            </div>\r\n            <div className=\"grid md:grid-cols-2 xl:grid-cols-4 gap-4 mt-6\">\r\n                <SummarySegment\r\n                    title=\"Total marketing spend\"\r\n                    value={\r\n                        <NumericFormat\r\n                            prefix=\"$\"\r\n                            displayType=\"text\"\r\n                            value={data.totalMarketingSpend.value}\r\n                            thousandSeparator={true}\r\n                        />\r\n                    }\r\n                    growShrink={data.totalMarketingSpend.growShrink}\r\n                    icon={<TbMoneybag />}\r\n                    iconClass=\"bg-rose-200\"\r\n                    className=\"border-b border-r-0 md:border-b-0 md:border-r border-gray-200 dark:border-gray-700\"\r\n                />\r\n                <SummarySegment\r\n                    title=\"ROI\"\r\n                    value={\r\n                        <NumericFormat\r\n                            suffix=\"%\"\r\n                            displayType=\"text\"\r\n                            value={data.roi.value}\r\n                            thousandSeparator={true}\r\n                        />\r\n                    }\r\n                    growShrink={data.roi.growShrink}\r\n                    icon={<TbReportMoney />}\r\n                    iconClass=\"bg-sky-200\"\r\n                    className=\"border-b md:border-b-0 xl:border-r border-gray-200 dark:border-gray-700\"\r\n                />\r\n                <SummarySegment\r\n                    title=\"Conversion rates\"\r\n                    value={\r\n                        <NumericFormat\r\n                            suffix=\"%\"\r\n                            displayType=\"text\"\r\n                            value={data.conversionRates.value}\r\n                            thousandSeparator={true}\r\n                        />\r\n                    }\r\n                    growShrink={data.conversionRates.growShrink}\r\n                    icon={<TbRefreshAlert />}\r\n                    iconClass=\"bg-emerald-200\"\r\n                    className=\"border-b border-r-0 md:border-b-0 md:border-r border-gray-200 dark:border-gray-700\"\r\n                />\r\n                <SummarySegment\r\n                    title=\"Total leads\"\r\n                    value={\r\n                        <NumericFormat\r\n                            displayType=\"text\"\r\n                            value={data.totalLeads.value}\r\n                            thousandSeparator={true}\r\n                        />\r\n                    }\r\n                    growShrink={data.totalLeads.growShrink}\r\n                    icon={<TbMagnet />}\r\n                    iconClass=\"bg-purple-200\"\r\n                />\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default KpiSummary\r\n"],"names":[],"mappings":";;;;;;;AA0BA,MAAM,iBAAiB,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAA2B;AACvB,8BACK,OAAA,EAAI,WAAW,WAAW,iCAAiC,SAAS,GACjE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,QAAA;AAAA,QAGH,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,OAAM;AAAA,MAC7B,oBAAC,MAAA,EAAG,WAAU,QAAQ,UAAA,OAAM;AAAA,MAC5B,qBAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,YACP,QAAO;AAAA,YACP,cAAa;AAAA,YACb,cAAa;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjB,oBAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,MAAA,EAAA,CACvB;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;AAEA,MAAM,aAAa,CAAC,EAAE,WAA4B;AAC9C,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,qCACX,UAAA,oBAAC,MAAA,EAAG,yBAAW,EAAA,CACnB;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,iDACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,OACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,OAAO,KAAK,oBAAoB;AAAA,cAChC,mBAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,UAG3B,YAAY,KAAK,oBAAoB;AAAA,UACrC,0BAAO,YAAA,EAAW;AAAA,UAClB,WAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,OACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,OAAO,KAAK,IAAI;AAAA,cAChB,mBAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,UAG3B,YAAY,KAAK,IAAI;AAAA,UACrB,0BAAO,eAAA,EAAc;AAAA,UACrB,WAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,OACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,OAAO,KAAK,gBAAgB;AAAA,cAC5B,mBAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,UAG3B,YAAY,KAAK,gBAAgB;AAAA,UACjC,0BAAO,gBAAA,EAAe;AAAA,UACtB,WAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,OACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,aAAY;AAAA,cACZ,OAAO,KAAK,WAAW;AAAA,cACvB,mBAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,UAG3B,YAAY,KAAK,WAAW;AAAA,UAC5B,0BAAO,UAAA,EAAS;AAAA,UAChB,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +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(String(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":[],"mappings":";;;;;;AAUA,MAAM,kBAAkB,CAAC,EAAE,WAAiC;AACxD,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,qCACX,UAAA,oBAAC,MAAA,EAAG,oCAAsB,EAAA,CAC9B;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,eAAe;AAAA,YACX,OAAO;AAAA,cACH,YAAY,KAAK;AAAA,cACjB,QAAQ;AAAA,gBACJ,WAAW,CAAC,QAAQ;AAChB,yBAAO,GAAG,KAAK,WAAW,QAAQ,OAAO,GAAG,CAAC,IAAI,CAAC;AAAA,gBACtD;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ,OAAO;AAAA,cACH,MAAM;AAAA,YAAA;AAAA,YAEV,SAAS;AAAA,cACL,QAAQ,SAAU,EAAE,kBAAkB;AAClC,uBAAO;AAAA;AAAA;AAAA,mHAG4E,OAAO,CAAC,CAAC;AAAA,sEACtD,KAAK,WAAW,cAAc,CAAC,6BAA6B,KAAK,OAAO,cAAc,CAAC;AAAA;AAAA;AAAA;AAAA,cAIjI;AAAA,YAAA;AAAA,UACJ;AAAA,UAEJ,QAAQ;AAAA,YACJ;AAAA,cACI,MAAM;AAAA,cACN,MAAM,KAAK;AAAA,YAAA;AAAA,UACf;AAAA,UAEJ,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,oBAAC,SAAI,WAAU,uBACV,eAAK,WAAW,IAAI,CAAC,MAAM,UACxB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,8HACV,UAAA,QAAQ,GACb;AAAA,cACA,oBAAC,OAAA,EAAI,WAAU,gBAAgB,UAAA,KAAA,CAAK;AAAA,YAAA,GACxC;AAAA,YACA,oBAAC,OAAA,EAAI,WAAU,2EAAA,CAA2E;AAAA,gCACzF,OAAA,EACG,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW;AAAA,kBACP;AAAA,kBACA,KAAK,OAAO,KAAK,IAAI,MAAM;AAAA,kBAC3B,KAAK,OAAO,KAAK,KAAK,MAAM;AAAA,kBAC5B,KAAK,OAAO,KAAK,IAAI,MACjB,KAAK,OAAO,KAAK,IAAI,MACrB;AAAA,gBAAA;AAAA,gBAGP,UAAA;AAAA,kBAAA,KAAK,OAAO,KAAK;AAAA,kBAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA,EACxB,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAvBK,OAAO;AAAA,MAAA,CAyBnB,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"LeadPerformance.js","sources":["../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/LeadPerformance.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Chart from '@/components/shared/Chart'\r\nimport classNames from '@/utils/classNames'\r\nimport { COLORS } from '@/constants/chart.constant'\r\nimport type { LeadPerformanceData } from '../types'\r\n\r\ntype LeadPerformanceProps = {\r\n    data: LeadPerformanceData\r\n}\r\n\r\nconst LeadPerformance = ({ data }: LeadPerformanceProps) => {\r\n    return (\r\n        <Card>\r\n            <div className=\"flex items-center justify-between\">\r\n                <h4>Lead performance score</h4>\r\n            </div>\r\n            <div className=\"mt-6\">\r\n                <Chart\r\n                    type=\"radar\"\r\n                    customOptions={{\r\n                        xaxis: {\r\n                            categories: data.categories,\r\n                            labels: {\r\n                                formatter: (val) => {\r\n                                    return `${data.categories.indexOf(String(val)) + 1}`\r\n                                },\r\n                            },\r\n                        },\r\n                        yaxis: {\r\n                            show: false,\r\n                        },\r\n                        tooltip: {\r\n                            custom: function ({ dataPointIndex }) {\r\n                                return `\r\n                                    <div class=\"py-2 px-4 rounded-xl\">\r\n                                        <div class=\"flex items-center gap-2\">\r\n                                            <div class=\"h-[10px] w-[10px] rounded-full\" style=\"background-color: ${COLORS[0]}\"></div>\r\n                                            <div class=\"flex gap-2\">${data.categories[dataPointIndex]}: <span class=\"font-bold\">${data.series[dataPointIndex]}</span></div>\r\n                                        </div>\r\n                                    </div>\r\n                                `\r\n                            },\r\n                        },\r\n                    }}\r\n                    series={[\r\n                        {\r\n                            name: 'Lead performance score',\r\n                            data: data.series,\r\n                        },\r\n                    ]}\r\n                    height={250}\r\n                />\r\n                <div className=\"flex flex-col gap-4\">\r\n                    {data.categories.map((lead, index) => (\r\n                        <div\r\n                            key={lead + index}\r\n                            className=\"flex items-center gap-4\"\r\n                        >\r\n                            <div className=\"flex items-center gap-2\">\r\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\">\r\n                                    {index + 1}\r\n                                </div>\r\n                                <div className=\"heading-text\">{lead}</div>\r\n                            </div>\r\n                            <div className=\"border-dashed border-[1.5px] border-gray-300 dark:border-gray-500 flex-1\" />\r\n                            <div>\r\n                                <span\r\n                                    className={classNames(\r\n                                        'rounded-full px-2 py-1 text-white',\r\n                                        data.series[index] > 75 && 'bg-success',\r\n                                        data.series[index] <= 30 && 'bg-error',\r\n                                        data.series[index] > 30 &&\r\n                                            data.series[index] < 75 &&\r\n                                            'bg-warning',\r\n                                    )}\r\n                                >\r\n                                    {data.series[index]}%\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default LeadPerformance\r\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,kBAAkB,CAAC,EAAE,WAAiC;AACxD,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,qCACX,UAAA,oBAAC,MAAA,EAAG,oCAAsB,EAAA,CAC9B;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,eAAe;AAAA,YACX,OAAO;AAAA,cACH,YAAY,KAAK;AAAA,cACjB,QAAQ;AAAA,gBACJ,WAAW,CAAC,QAAQ;AAChB,yBAAO,GAAG,KAAK,WAAW,QAAQ,OAAO,GAAG,CAAC,IAAI,CAAC;AAAA,gBACtD;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ,OAAO;AAAA,cACH,MAAM;AAAA,YAAA;AAAA,YAEV,SAAS;AAAA,cACL,QAAQ,SAAU,EAAE,kBAAkB;AAClC,uBAAO;AAAA;AAAA;AAAA,mHAG4E,OAAO,CAAC,CAAC;AAAA,sEACtD,KAAK,WAAW,cAAc,CAAC,6BAA6B,KAAK,OAAO,cAAc,CAAC;AAAA;AAAA;AAAA;AAAA,cAIjI;AAAA,YAAA;AAAA,UACJ;AAAA,UAEJ,QAAQ;AAAA,YACJ;AAAA,cACI,MAAM;AAAA,cACN,MAAM,KAAK;AAAA,YAAA;AAAA,UACf;AAAA,UAEJ,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,oBAAC,SAAI,WAAU,uBACV,eAAK,WAAW,IAAI,CAAC,MAAM,UACxB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,8HACV,UAAA,QAAQ,GACb;AAAA,cACA,oBAAC,OAAA,EAAI,WAAU,gBAAgB,UAAA,KAAA,CAAK;AAAA,YAAA,GACxC;AAAA,YACA,oBAAC,OAAA,EAAI,WAAU,2EAAA,CAA2E;AAAA,gCACzF,OAAA,EACG,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW;AAAA,kBACP;AAAA,kBACA,KAAK,OAAO,KAAK,IAAI,MAAM;AAAA,kBAC3B,KAAK,OAAO,KAAK,KAAK,MAAM;AAAA,kBAC5B,KAAK,OAAO,KAAK,IAAI,MACjB,KAAK,OAAO,KAAK,IAAI,MACrB;AAAA,gBAAA;AAAA,gBAGP,UAAA;AAAA,kBAAA,KAAK,OAAO,KAAK;AAAA,kBAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA,EACxB,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAvBK,OAAO;AAAA,MAAA,CAyBnB,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

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

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

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

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

@@ -1 +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":[],"mappings":";;;;;;;;;;AAWA,MAAM,mBAAmB,MAAM;AAC3B,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,wBAAwB;AAAA,IACzB,MAAM,uBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,oBAAC,WAAQ,SAAS,WACb,kBACG,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,0DACX,UAAA;AAAA,QAAA,oBAAC,iBAAA,EAAgB,MAAM,KAAK,gBAAA,CAAiB;AAAA,QAC7C,oBAAC,UAAA,EAAS,MAAM,KAAK,SAAA,CAAU;AAAA,MAAA,GACnC;AAAA,MACA,oBAAC,OAAA,EACG,UAAA,oBAAC,kBAAA,CAAA,CAAiB,EAAA,CACtB;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,wDACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,uCACX,UAAA,oBAAC,gBAAa,MAAM,KAAK,cAAc,EAAA,CAC3C;AAAA,MACA,oBAAC,SAAI,WAAU,kDACX,8BAAC,gBAAA,EAAe,MAAM,KAAK,eAAA,CAAgB,EAAA,CAC/C;AAAA,MACA,oBAAC,SAAI,WAAU,kDACX,8BAAC,cAAA,EAAa,MAAM,KAAK,aAAA,CAAc,EAAA,CAC3C;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAER;AAER;"}
+{"version":3,"file":"ProjectDashboard.js","sources":["../../../../../lib/@ecme/views/dashboards/ProjectDashboard/ProjectDashboard.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\r\nimport UpcomingSchedule from './components/UpcomingSchedule'\r\nimport TaskOverview from './components/TaskOverview'\r\nimport CurrentTasks from './components/CurrentTasks'\r\nimport Schedule from './components/Schedule'\r\nimport ProjectOverview from './components/ProjectOverview'\r\nimport RecentActivity from './components/RecentActivity'\r\nimport { apiGetProjectDashboard } from '@/services/DashboardService'\r\nimport useSWR from 'swr'\r\nimport type { GetProjectDashboardResponse } from './types'\r\n\r\nconst ProjectDashboard = () => {\r\n    const { data, isLoading } = useSWR(\r\n        ['/api/dashboard/project'],\r\n        () => apiGetProjectDashboard<GetProjectDashboardResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    return (\r\n        <Loading loading={isLoading}>\r\n            {data && (\r\n                <div className=\"flex flex-col gap-4\">\r\n                    <div className=\"flex flex-col xl:flex-row gap-4\">\r\n                        <div className=\"flex flex-col gap-4 flex-1 xl:max-w-[calc(100%-350px)]\">\r\n                            <ProjectOverview data={data.projectOverview} />\r\n                            <Schedule data={data.schedule} />\r\n                        </div>\r\n                        <div>\r\n                            <UpcomingSchedule />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n                        <div className=\"md:col-span-1 xl:col-span-1 order-1\">\r\n                            <CurrentTasks data={data.currentTasks} />\r\n                        </div>\r\n                        <div className=\"md:col-span-1 xl:col-span-1 order-2 xl:order-3\">\r\n                            <RecentActivity data={data.recentActivity} />\r\n                        </div>\r\n                        <div className=\"md:col-span-2 xl:col-span-1 order-3 xl:order-2\">\r\n                            <TaskOverview data={data.taskOverview} />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            )}\r\n        </Loading>\r\n    )\r\n}\r\n\r\nexport default ProjectDashboard\r\n"],"names":[],"mappings":";;;;;;;;;;AAWA,MAAM,mBAAmB,MAAM;AAC3B,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,wBAAwB;AAAA,IACzB,MAAM,uBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,oBAAC,WAAQ,SAAS,WACb,kBACG,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,0DACX,UAAA;AAAA,QAAA,oBAAC,iBAAA,EAAgB,MAAM,KAAK,gBAAA,CAAiB;AAAA,QAC7C,oBAAC,UAAA,EAAS,MAAM,KAAK,SAAA,CAAU;AAAA,MAAA,GACnC;AAAA,MACA,oBAAC,OAAA,EACG,UAAA,oBAAC,kBAAA,CAAA,CAAiB,EAAA,CACtB;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,wDACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,uCACX,UAAA,oBAAC,gBAAa,MAAM,KAAK,cAAc,EAAA,CAC3C;AAAA,MACA,oBAAC,SAAI,WAAU,kDACX,8BAAC,gBAAA,EAAe,MAAM,KAAK,eAAA,CAAgB,EAAA,CAC/C;AAAA,MACA,oBAAC,SAAI,WAAU,kDACX,8BAAC,cAAA,EAAa,MAAM,KAAK,aAAA,CAAc,EAAA,CAC3C;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAER;AAER;"}