npm - @orbe-agro/client-core - Versions diffs - 5.3.13 → 5.3.14 - Mend

@orbe-agro/client-core 5.3.13 → 5.3.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1733) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Overview.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/Overview.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport Select from '@/components/ui/Select'\r\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\r\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\r\nimport Chart from '@/components/shared/Chart'\r\nimport { useThemeStore } from '@/store/themeStore'\r\nimport classNames from '@/utils/classNames'\r\nimport { COLOR_1, COLOR_2, COLOR_4 } from '@/constants/chart.constant'\r\nimport { options } from '../constants'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport { TbCoin, TbShoppingBagCheck, TbEye } from 'react-icons/tb'\r\nimport type { ReactNode } from 'react'\r\nimport type { StatisticData, Period, StatisticCategory } from '../types'\r\n\r\ntype StatisticCardProps = {\r\n title: string\r\n value: number \| ReactNode\r\n icon: ReactNode\r\n growShrink: number\r\n iconClass: string\r\n label: StatisticCategory\r\n compareFrom: string\r\n active: boolean\r\n onClick: (label: StatisticCategory) => void\r\n}\r\n\r\ntype StatisticGroupsProps = {\r\n data: StatisticData\r\n}\r\n\r\nconst chartColors: Record<StatisticCategory, string> = {\r\n totalProfit: COLOR_1,\r\n totalOrder: COLOR_2,\r\n totalImpression: COLOR_4,\r\n}\r\n\r\nconst StatisticCard = (props: StatisticCardProps) => {\r\n const {\r\n title,\r\n value,\r\n label,\r\n icon,\r\n growShrink,\r\n iconClass,\r\n active,\r\n compareFrom,\r\n onClick,\r\n } = props\r\n\r\n return (\r\n <button\r\n className={classNames(\r\n 'p-4 rounded-2xl cursor-pointer ltr:text-left rtl:text-right transition duration-150 outline-none',\r\n active && 'bg-white dark:bg-gray-900 shadow-md',\r\n )}\r\n onClick={() => onClick(label)}\r\n >\r\n <div className=\"flex md:flex-col-reverse gap-2 2xl:flex-row justify-between relative\">\r\n <div>\r\n <div className=\"mb-4 text-sm font-semibold\">{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>{compareFrom}</span>\r\n </div>\r\n </div>\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>\r\n </button>\r\n )\r\n}\r\n\r\nconst Overview = ({ data }: StatisticGroupsProps) => {\r\n const [selectedCategory, setSelectedCategory] =\r\n useState<StatisticCategory>('totalProfit')\r\n\r\n const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\r\n\r\n const sideNavCollapse = useThemeStore(\r\n (state) => state.layout.sideNavCollapse,\r\n )\r\n\r\n const isFirstRender = useRef(true)\r\n\r\n useEffect(() => {\r\n if (!sideNavCollapse && isFirstRender.current) {\r\n isFirstRender.current = false\r\n return\r\n }\r\n\r\n if (!isFirstRender.current) {\r\n window.dispatchEvent(new Event('resize'))\r\n }\r\n }, [sideNavCollapse])\r\n\r\n return (\r\n <Card>\r\n <div className=\"flex items-center justify-between\">\r\n <h4>Overview</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=\"grid grid-cols-1 md:grid-cols-3 gap-4 rounded-2xl p-3 bg-gray-100 dark:bg-gray-700 mt-4\">\r\n <StatisticCard\r\n title=\"Total profit\"\r\n value={\r\n <NumericFormat\r\n displayType=\"text\"\r\n value={data.totalProfit[selectedPeriod].value}\r\n prefix={'$'}\r\n thousandSeparator={true}\r\n />\r\n }\r\n growShrink={data.totalProfit[selectedPeriod].growShrink}\r\n iconClass=\"bg-sky-200\"\r\n icon={<TbCoin />}\r\n label=\"totalProfit\"\r\n active={selectedCategory === 'totalProfit'}\r\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\r\n onClick={setSelectedCategory}\r\n />\r\n <StatisticCard\r\n title=\"Total order\"\r\n value={\r\n <NumericFormat\r\n displayType=\"text\"\r\n value={data.totalOrder[selectedPeriod].value}\r\n thousandSeparator={true}\r\n />\r\n }\r\n growShrink={data.totalOrder[selectedPeriod].growShrink}\r\n iconClass=\"bg-emerald-200\"\r\n icon={<TbShoppingBagCheck />}\r\n label=\"totalOrder\"\r\n active={selectedCategory === 'totalOrder'}\r\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\r\n onClick={setSelectedCategory}\r\n />\r\n <StatisticCard\r\n title=\"Impression\"\r\n value={\r\n <AbbreviateNumber\r\n value={data.totalImpression[selectedPeriod].value}\r\n />\r\n }\r\n growShrink={data.totalImpression[selectedPeriod].growShrink}\r\n iconClass=\"bg-purple-200\"\r\n icon={<TbEye />}\r\n label=\"totalImpression\"\r\n active={selectedCategory === 'totalImpression'}\r\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\r\n onClick={setSelectedCategory}\r\n />\r\n </div>\r\n <Chart\r\n type=\"line\"\r\n series={data[selectedCategory][selectedPeriod].chartData.series}\r\n xAxis={data[selectedCategory][selectedPeriod].chartData.date}\r\n height=\"410px\"\r\n customOptions={{\r\n legend: { show: false },\r\n colors: [chartColors[selectedCategory]],\r\n }}\r\n />\r\n </Card>\r\n )\r\n}\r\n\r\nexport default Overview\r\n"],"names":["chartColors","COLOR_1","COLOR_2","COLOR_4","StatisticCard","props","title","value","label","icon","growShrink","iconClass","active","compareFrom","onClick","jsx","classNames","jsxs","GrowShrinkValue","Overview","data","selectedCategory","setSelectedCategory","useState","selectedPeriod","setSelectedPeriod","sideNavCollapse","useThemeStore","state","isFirstRender","useRef","useEffect","Card","Select","options","option","NumericFormat","TbCoin","TbShoppingBagCheck","AbbreviateNumber","TbEye","Chart"],"mappings":"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"}
1	+ {"version":3,"file":"Overview.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/Overview.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport Chart from '@/components/shared/Chart'\nimport { useThemeStore } from '@/store/themeStore'\nimport classNames from '@/utils/classNames'\nimport { COLOR_1, COLOR_2, COLOR_4 } from '@/constants/chart.constant'\nimport { options } from '../constants'\nimport { NumericFormat } from 'react-number-format'\nimport { TbCoin, TbShoppingBagCheck, TbEye } from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { StatisticData, Period, StatisticCategory } from '../types'\n\ntype StatisticCardProps = {\n title: string\n value: number \| ReactNode\n icon: ReactNode\n growShrink: number\n iconClass: string\n label: StatisticCategory\n compareFrom: string\n active: boolean\n onClick: (label: StatisticCategory) => void\n}\n\ntype StatisticGroupsProps = {\n data: StatisticData\n}\n\nconst chartColors: Record<StatisticCategory, string> = {\n totalProfit: COLOR_1,\n totalOrder: COLOR_2,\n totalImpression: COLOR_4,\n}\n\nconst StatisticCard = (props: StatisticCardProps) => {\n const {\n title,\n value,\n label,\n icon,\n growShrink,\n iconClass,\n active,\n compareFrom,\n onClick,\n } = props\n\n return (\n <button\n className={classNames(\n 'p-4 rounded-2xl cursor-pointer ltr:text-left rtl:text-right transition duration-150 outline-none',\n active && 'bg-white dark:bg-gray-900 shadow-md',\n )}\n onClick={() => onClick(label)}\n >\n <div className=\"flex md:flex-col-reverse gap-2 2xl:flex-row justify-between relative\">\n <div>\n <div className=\"mb-4 text-sm font-semibold\">{title}</div>\n <h3 className=\"mb-1\">{value}</h3>\n <div className=\"inline-flex items-center flex-wrap gap-1\">\n <GrowShrinkValue\n className=\"font-bold\"\n value={growShrink}\n suffix=\"%\"\n positiveIcon=\"+\"\n negativeIcon=\"\"\n />\n <span>{compareFrom}</span>\n </div>\n </div>\n <div\n className={classNames(\n 'flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 text-gray-900 rounded-full text-2xl',\n iconClass,\n )}\n >\n {icon}\n </div>\n </div>\n </button>\n )\n}\n\nconst Overview = ({ data }: StatisticGroupsProps) => {\n const [selectedCategory, setSelectedCategory] =\n useState<StatisticCategory>('totalProfit')\n\n const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n const sideNavCollapse = useThemeStore(\n (state) => state.layout.sideNavCollapse,\n )\n\n const isFirstRender = useRef(true)\n\n useEffect(() => {\n if (!sideNavCollapse && isFirstRender.current) {\n isFirstRender.current = false\n return\n }\n\n if (!isFirstRender.current) {\n window.dispatchEvent(new Event('resize'))\n }\n }, [sideNavCollapse])\n\n return (\n <Card>\n <div className=\"flex items-center justify-between\">\n <h4>Overview</h4>\n <Select\n className=\"w-[120px]\"\n size=\"sm\"\n placeholder=\"Select period\"\n value={options.filter(\n (option) => option.value === selectedPeriod,\n )}\n options={options}\n isSearchable={false}\n onChange={(option) => {\n if (option?.value) {\n setSelectedPeriod(option?.value)\n }\n }}\n />\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 rounded-2xl p-3 bg-gray-100 dark:bg-gray-700 mt-4\">\n <StatisticCard\n title=\"Total profit\"\n value={\n <NumericFormat\n displayType=\"text\"\n value={data.totalProfit[selectedPeriod].value}\n prefix={'$'}\n thousandSeparator={true}\n />\n }\n growShrink={data.totalProfit[selectedPeriod].growShrink}\n iconClass=\"bg-sky-200\"\n icon={<TbCoin />}\n label=\"totalProfit\"\n active={selectedCategory === 'totalProfit'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n <StatisticCard\n title=\"Total order\"\n value={\n <NumericFormat\n displayType=\"text\"\n value={data.totalOrder[selectedPeriod].value}\n thousandSeparator={true}\n />\n }\n growShrink={data.totalOrder[selectedPeriod].growShrink}\n iconClass=\"bg-emerald-200\"\n icon={<TbShoppingBagCheck />}\n label=\"totalOrder\"\n active={selectedCategory === 'totalOrder'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n <StatisticCard\n title=\"Impression\"\n value={\n <AbbreviateNumber\n value={data.totalImpression[selectedPeriod].value}\n />\n }\n growShrink={data.totalImpression[selectedPeriod].growShrink}\n iconClass=\"bg-purple-200\"\n icon={<TbEye />}\n label=\"totalImpression\"\n active={selectedCategory === 'totalImpression'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n </div>\n <Chart\n type=\"line\"\n series={data[selectedCategory][selectedPeriod].chartData.series}\n xAxis={data[selectedCategory][selectedPeriod].chartData.date}\n height=\"410px\"\n customOptions={{\n legend: { show: false },\n colors: [chartColors[selectedCategory]],\n }}\n />\n </Card>\n )\n}\n\nexport default Overview\n"],"names":["chartColors","COLOR_1","COLOR_2","COLOR_4","StatisticCard","props","title","value","label","icon","growShrink","iconClass","active","compareFrom","onClick","jsx","classNames","jsxs","GrowShrinkValue","Overview","data","selectedCategory","setSelectedCategory","useState","selectedPeriod","setSelectedPeriod","sideNavCollapse","useThemeStore","state","isFirstRender","useRef","useEffect","Card","Select","options","option","NumericFormat","TbCoin","TbShoppingBagCheck","AbbreviateNumber","TbEye","Chart"],"mappings":";;;;;;;;;;;;;;;AA+BA,MAAMA,IAAiD;AAAA,EACnD,aAAaC;AAAA,EACb,YAAYC;AAAA,EACZ,iBAAiBC;AACrB,GAEMC,IAAgB,CAACC,MAA8B;AACjD,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACAT;AAEJ,SACI,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAJ,KAAU;AAAA,MAAA;AAAA,MAEd,SAAS,MAAME,EAAQN,CAAK;AAAA,MAE5B,UAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,wEACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,8BAA8B,UAAAT,GAAM;AAAA,UACnD,gBAAAS,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAR,GAAM;AAAA,UAC5B,gBAAAU,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,OAAOR;AAAA,gBACP,QAAO;AAAA,gBACP,cAAa;AAAA,gBACb,cAAa;AAAA,cAAA;AAAA,YAAA;AAAA,YAEjB,gBAAAK,EAAC,UAAM,UAAAF,EAAA,CAAY;AAAA,UAAA,EAAA,CACvB;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACP;AAAA,cACAL;AAAA,YAAA;AAAA,YAGH,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ,GAEMU,IAAW,CAAC,EAAE,MAAAC,QAAiC;AACjD,QAAM,CAACC,GAAkBC,CAAmB,IACxCC,EAA4B,aAAa,GAEvC,CAACC,GAAgBC,CAAiB,IAAIF,EAAiB,WAAW,GAElEG,IAAkBC;AAAA,IACpB,CAACC,MAAUA,EAAM,OAAO;AAAA,EAAA,GAGtBC,IAAgBC,EAAO,EAAI;AAEjC,SAAAC,EAAU,MAAM;AACZ,QAAI,CAACL,KAAmBG,EAAc,SAAS;AAC3C,MAAAA,EAAc,UAAU;AACxB;AAAA,IACJ;AAEA,IAAKA,EAAc,WACf,OAAO,cAAc,IAAI,MAAM,QAAQ,CAAC;AAAA,EAEhD,GAAG,CAACH,CAAe,CAAC,qBAGfM,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAf,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,gBAAAF,EAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,MACZ,gBAAAA;AAAA,QAACkB;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAOC,EAAQ;AAAA,YACX,CAACC,MAAWA,EAAO,UAAUX;AAAA,UAAA;AAAA,UAEjC,SAAAU;AAAA,UACA,cAAc;AAAA,UACd,UAAU,CAACC,MAAW;AAClB,YAAIA,KAAA,QAAAA,EAAQ,SACRV,EAAkBU,KAAA,gBAAAA,EAAQ,KAAK;AAAA,UAEvC;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA,gBAAAlB,EAAC,OAAA,EAAI,WAAU,2FACX,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACX;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,OACI,gBAAAW;AAAA,YAACqB;AAAA,YAAA;AAAA,cACG,aAAY;AAAA,cACZ,OAAOhB,EAAK,YAAYI,CAAc,EAAE;AAAA,cACxC,QAAQ;AAAA,cACR,mBAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,UAG3B,YAAYJ,EAAK,YAAYI,CAAc,EAAE;AAAA,UAC7C,WAAU;AAAA,UACV,wBAAOa,GAAA,EAAO;AAAA,UACd,OAAM;AAAA,UACN,QAAQhB,MAAqB;AAAA,UAC7B,aAAaD,EAAK,YAAYI,CAAc,EAAE;AAAA,UAC9C,SAASF;AAAA,QAAA;AAAA,MAAA;AAAA,MAEb,gBAAAP;AAAA,QAACX;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,OACI,gBAAAW;AAAA,YAACqB;AAAA,YAAA;AAAA,cACG,aAAY;AAAA,cACZ,OAAOhB,EAAK,WAAWI,CAAc,EAAE;AAAA,cACvC,mBAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,UAG3B,YAAYJ,EAAK,WAAWI,CAAc,EAAE;AAAA,UAC5C,WAAU;AAAA,UACV,wBAAOc,GAAA,EAAmB;AAAA,UAC1B,OAAM;AAAA,UACN,QAAQjB,MAAqB;AAAA,UAC7B,aAAaD,EAAK,YAAYI,CAAc,EAAE;AAAA,UAC9C,SAASF;AAAA,QAAA;AAAA,MAAA;AAAA,MAEb,gBAAAP;AAAA,QAACX;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,OACI,gBAAAW;AAAA,YAACwB;AAAA,YAAA;AAAA,cACG,OAAOnB,EAAK,gBAAgBI,CAAc,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UAGpD,YAAYJ,EAAK,gBAAgBI,CAAc,EAAE;AAAA,UACjD,WAAU;AAAA,UACV,wBAAOgB,GAAA,EAAM;AAAA,UACb,OAAM;AAAA,UACN,QAAQnB,MAAqB;AAAA,UAC7B,aAAaD,EAAK,YAAYI,CAAc,EAAE;AAAA,UAC9C,SAASF;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,GACJ;AAAA,IACA,gBAAAP;AAAA,MAAC0B;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,QAAQrB,EAAKC,CAAgB,EAAEG,CAAc,EAAE,UAAU;AAAA,QACzD,OAAOJ,EAAKC,CAAgB,EAAEG,CAAc,EAAE,UAAU;AAAA,QACxD,QAAO;AAAA,QACP,eAAe;AAAA,UACX,QAAQ,EAAE,MAAM,GAAA;AAAA,UAChB,QAAQ,CAACxB,EAAYqB,CAAgB,CAAC;AAAA,QAAA;AAAA,MAC1C;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

	@@ -1 +1 @@
1	- {"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":["Tr","Td","TBody","THead","Th","Table","orderStatusColor","OrderColumn","row","navigate","useNavigate","handleView","useCallback","jsxs","columnHelper","createColumnHelper","columns","props","jsx","status","Badge","dayjs","totalAmount","NumericFormat","RecentOrder","data","table","useReactTable","getCoreRowModel","Card","Button","headerGroup","header","flexRender","cell"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,GAAO,IAAAC,MAAOC,GAE/BC,IAOF;AAAA,EACA,GAAG;AAAA,IACC,OAAO;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf,GAAG;AAAA,IACC,OAAO;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf,GAAG,EAAE,OAAO,UAAU,UAAU,cAAc,WAAW,eAAA;AAC7D,GAEMC,IAAc,CAAC,EAAE,KAAAC,QAA0B;AAC7C,QAAMC,IAAWC,EAAA,GAEXC,IAAaC,EAAY,MAAM;AACjC,IAAAH,EAAS,kCAAkCD,EAAI,EAAE,EAAE;AAAA,~~EAAA~~,~~GACpD~~,CAACC,GAAUD,CAAG,CAAC;AAElB,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,SAASF;AAAA,MACZ,UAAA;AAAA,QAAA;AAAA,QACKH,EAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlB,GAEMM,IAAeC,EAAA,GAEfC,IAAU;AAAA,EACZF,EAAa,SAAS,MAAM;AAAA,IACxB,QAAQ;AAAA,IACR,MAAM,CAACG,MAAU,gBAAAC,EAACX,KAAY,KAAKU,EAAM,IAAI,SAAA,CAAU;AAAA,EAAA,CAC1D;AAAA,EACDH,EAAa,SAAS,UAAU;AAAA,IAC5B,QAAQ;AAAA,IACR,MAAM,CAACG,MAAU;AACb,YAAM,EAAE,QAAAE,EAAA,IAAWF,EAAM,IAAI;AAC7B,aACI,gBAAAJ,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,QAAA,gBAAAK,EAACE,GAAA,EAAM,WAAWd,EAAiBa,CAAM,EAAE,UAAU;AAAA,QACrD,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,0CAA0CZ,EAAiBa,CAAM,EAAE,SAAS;AAAA,YAEtF,UAAAb,EAAiBa,CAAM,EAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAC9B,GACJ;AAAA,~~IAAA~~;AAAA,~~EAER~~,CACH;AAAA,EACDL,EAAa,SAAS,QAAQ;AAAA,IAC1B,QAAQ;AAAA,IACR,MAAM,CAACG,MAAU;AACb,YAAMT,IAAMS,EAAM,IAAI;AACtB,aAAO,gBAAAC,EAAC,UAAM,UAAAG,EAAM,KAAKb,EAAI,IAAI,EAAE,OAAO,YAAY,EAAA,CAAE;AAAA,~~IAAA~~;AAAA,~~EAC5D~~,CACH;AAAA,EACDM,EAAa,SAAS,YAAY;AAAA,IAC9B,QAAQ;AAAA,EAAA,CACX;AAAA,EACDA,EAAa,SAAS,eAAe;AAAA,IACjC,QAAQ;AAAA,IACR,MAAM,CAACG,MAAU;AACb,YAAM,EAAE,aAAAK,EAAA,IAAgBL,EAAM,IAAI;AAClC,aACI,gBAAAC;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,QAAQ,KAAK,MAAMD,IAAc,GAAG,IAAI,KAAK,QAAQ,CAAC;AAAA,UACtD,QAAQ;AAAA,UACR,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,~~IACvB~~;AAAA,~~EAER~~,CACH;AACL,GAEME,IAAc,CAAC,EAAE,MAAAC,IAAO,CAAA,QAA2B;AACrD,QAAMhB,IAAWC,EAAA,GAEXgB,IAAQC,EAAc;AAAA,IACxB,MAAAF;AAAA,IACA,SAAAT;AAAA,IACA,iBAAiBY,EAAA;AAAA,EAAgB,CACpC;AAED,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAhB,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAK,EAAC,QAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAA;AAAA,QAACY;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAS,MAAMrB,EAAS,6BAA6B;AAAA,UACxD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,GACJ;AAAA,sBACCJ,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAa,EAACf,GAAA,EACI,UAAAuB,EAAM,gBAAA,EAAkB,IAAI,CAACK,MAC1B,gBAAAb,EAAClB,GAAA,EACI,UAAA+B,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAd;AAAA,QAACd;AAAA,QAAA;AAAA,UAEG,SAAS4B,EAAO;AAAA,UAEf,UAAAC;AAAA,YACGD,EAAO,OAAO,UAAU;AAAA,YACxBA,EAAO,WAAA;AAAA,UAAW;AAAA,QACtB;AAAA,QANKA,EAAO;AAAA,MAAA,CASvB,~~KAbID~~,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,MACA,gBAAAb,EAAChB,KACI,UAAAwB,EAAM,YAAA,EAAc,KAAK,IAAI,CAAClB,wBAEtBR,GAAA,EACI,UAAAQ,EAAI,kBAAkB,IAAI,CAAC0B,wBAEnBjC,GAAA,EACI,UAAAgC;AAAA,QACGC,EAAK,OAAO,UAAU;AAAA,QACtBA,EAAK,WAAA;AAAA,MAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVI1B,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"RecentOrder.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/RecentOrder.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport Badge from '@/components/ui/Badge'\nimport Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport {\n useReactTable,\n getCoreRowModel,\n flexRender,\n createColumnHelper,\n} from '@tanstack/react-table'\nimport { useNavigate } from 'react-router-dom'\nimport { NumericFormat } from 'react-number-format'\nimport dayjs from 'dayjs'\n\nimport type { Order } from '../types'\n\ntype RecentOrderProps = {\n data: Order[]\n}\nconst { Tr, Td, TBody, THead, Th } = Table\n\nconst orderStatusColor: Record<\n number,\n {\n label: string\n dotClass: string\n textClass: string\n }\n> = {\n 0: {\n label: 'Paid',\n dotClass: 'bg-emerald-500',\n textClass: 'text-emerald-500',\n },\n 1: {\n label: 'Pending',\n dotClass: 'bg-amber-500',\n textClass: 'text-amber-500',\n },\n 2: { label: 'Failed', dotClass: 'bg-red-500', textClass: 'text-red-500' },\n}\n\nconst OrderColumn = ({ row }: { row: Order }) => {\n const navigate = useNavigate()\n\n const handleView = useCallback(() => {\n navigate(`/concepts/orders/order-details/${row.id}`)\n }, [navigate, row])\n\n return (\n <span\n className={`cursor-pointer select-none font-semibold hover:text-primary`}\n onClick={handleView}\n >\n #{row.id}\n </span>\n )\n}\n\nconst columnHelper = createColumnHelper<Order>()\n\nconst columns = [\n columnHelper.accessor('id', {\n header: 'Order',\n cell: (props) => <OrderColumn row={props.row.original} />,\n }),\n columnHelper.accessor('status', {\n header: 'Status',\n cell: (props) => {\n const { status } = props.row.original\n return (\n <div className=\"flex items-center\">\n <Badge className={orderStatusColor[status].dotClass} />\n <span\n className={`ml-2 rtl:mr-2 capitalize font-semibold ${orderStatusColor[status].textClass}`}\n >\n {orderStatusColor[status].label}\n </span>\n </div>\n )\n },\n }),\n columnHelper.accessor('date', {\n header: 'Date',\n cell: (props) => {\n const row = props.row.original\n return <span>{dayjs.unix(row.date).format('DD/MM/YYYY')}</span>\n },\n }),\n columnHelper.accessor('customer', {\n header: 'Customer',\n }),\n columnHelper.accessor('totalAmount', {\n header: 'Amount spent',\n cell: (props) => {\n const { totalAmount } = props.row.original\n return (\n <NumericFormat\n className=\"heading-text font-bold\"\n displayType=\"text\"\n value={(Math.round(totalAmount * 100) / 100).toFixed(2)}\n prefix={'$'}\n thousandSeparator={true}\n />\n )\n },\n }),\n]\n\nconst RecentOrder = ({ data = [] }: RecentOrderProps) => {\n const navigate = useNavigate()\n\n const table = useReactTable({\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n })\n\n return (\n <Card>\n <div className=\"flex items-center justify-between mb-6\">\n <h4>Recent Orders</h4>\n <Button\n size=\"sm\"\n onClick={() => navigate('/concepts/orders/order-list')}\n >\n View Orders\n </Button>\n </div>\n <Table>\n <THead>\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Th\n key={header.id}\n colSpan={header.colSpan}\n >\n {flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n </Th>\n )\n })}\n </Tr>\n ))}\n </THead>\n <TBody>\n {table.getRowModel().rows.map((row) => {\n return (\n <Tr key={row.id}>\n {row.getVisibleCells().map((cell) => {\n return (\n <Td key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n })}\n </TBody>\n </Table>\n </Card>\n )\n}\n\nexport default RecentOrder\n"],"names":["Tr","Td","TBody","THead","Th","Table","orderStatusColor","OrderColumn","row","navigate","useNavigate","handleView","useCallback","jsxs","columnHelper","createColumnHelper","columns","props","jsx","status","Badge","dayjs","totalAmount","NumericFormat","RecentOrder","data","table","useReactTable","getCoreRowModel","Card","Button","headerGroup","header","flexRender","cell"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"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":["DisplayColumn","icon","label","value","iconClass","jsxs","classNames","jsx","AbbreviateNumber","Bar","percent","className","RevenueByChannel","data","selectedPeriod","setSelectedPeriod","useState","Card","Select","options","option","TbShoppingCart","TbBuildingStore","TbDeviceMobileMessage"],"mappings":";;;;;;;;;;AAkBA,MAAMA,IAAgB,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACJ,MAOQ,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAW,kCAAkC,GACzD,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWD;AAAA,QACP;AAAA,QACAF;AAAA,MAAA;AAAA,MAGH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEL,gBAAAI,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,kBACT,UAAA;AAAA,MAAA;AAAA,MACD,gBAAAE,EAACC,KAAiB,OAAAL,EAAA,CAAc;AAAA,IAAA,GACpC;AAAA,IACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,uBAAuB,UAAAL,EAAA,CAAM;AAAA,EAAA,EAAA,CAChD;AAAA,GACJ,GAIFO,IAAM,CAAC;AAAA,EACT,SAAAC;AAAA,EACA,WAAAC;AACJ,MAKQ,gBAAAN,EAAC,OAAA,EAAI,WAAU,UAAS,OAAO,EAAE,OAAO,GAAGK,CAAO,IAAA,GAC9C,UAAA;AAAA,EAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWD,EAAW,sBAAsBK,CAAS,GAAG;AAAA,EAC7D,gBAAAN,EAAC,OAAA,EAAI,WAAU,+BAA+B,UAAA;AAAA,IAAAK;AAAA,IAAQ;AAAA,EAAA,EAAA,CAAC;AAAA,GAC3D,GAIFE,IAAmB,CAAC,EAAE,MAAAC,QAAkC;AAC1D,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,WAAW;AAExE,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAZ,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,MACnB,gBAAAA;AAAA,QAACW;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAOC,EAAQ;AAAA,YACX,CAACC,MAAWA,EAAO,UAAUN;AAAA,UAAA;AAAA,UAEjC,SAAAK;AAAA,UACA,cAAc;AAAA,UACd,UAAU,CAACC,MAAW;AAClB,YAAIA,KAAA,QAAAA,EAAQ,SACRL,EAAkBK,KAAA,gBAAAA,EAAQ,KAAK;AAAA,~~UACnC~~;AAAA,~~QACJ~~;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAf,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAI,UAAA;AAAA,QAAAQ,EAAKC,CAAc,EAAE;AAAA,QAAW;AAAA,MAAA,GAAC;AAAA,MACtC,gBAAAT,EAAC,OAAA,EAAI,WAAU,sBACX,UAAA;AAAA,QAAA,gBAAAE,EAAC,SAAI,UAAA,SAAA,CAAM;AAAA,QACX,gBAAAA,EAAC,SAAI,UAAA,OAAA,CAAI;AAAA,MAAA,EAAA,CACb;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAASI,EAAKC,CAAc,EAAE,WAAW;AAAA,UACzC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAP;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAASI,EAAKC,CAAc,EAAE,WAAW;AAAA,UACzC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAP;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAASI,EAAKC,CAAc,EAAE,WAAW;AAAA,UACzC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,oDACX,UAAA,gBAAAT,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACP;AAAA,QAAA;AAAA,UACG,wBAAOqB,GAAA,EAAe;AAAA,UACtB,OAAM;AAAA,UACN,OACIR,EAAKC,CAAc,EAAE,QACrBD,EAAKC,CAAc,EAAE,WAAW;AAAA,UAEpC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAP;AAAA,QAACP;AAAA,QAAA;AAAA,UACG,wBAAOsB,GAAA,EAAgB;AAAA,UACvB,OAAM;AAAA,UACN,OACIT,EAAKC,CAAc,EAAE,QACrBD,EAAKC,CAAc,EAAE,WAAW;AAAA,UAEpC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAP;AAAA,QAACP;AAAA,QAAA;AAAA,UACG,wBAAOuB,GAAA,EAAsB;AAAA,UAC7B,OAAM;AAAA,UACN,OACIV,EAAKC,CAAc,EAAE,QACrBD,EAAKC,CAAc,EAAE,WAAW;AAAA,UAEpC,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"RevenueByChannel.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/RevenueByChannel.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport classNames from '@/utils/classNames'\nimport { options } from '../constants'\nimport {\n TbShoppingCart,\n TbBuildingStore,\n TbDeviceMobileMessage,\n} from 'react-icons/tb'\nimport type { ChannelRevenue, Period } from '../types'\nimport type { ReactNode } from 'react'\n\ntype RevenueByChannelProps = {\n data: ChannelRevenue\n}\n\nconst DisplayColumn = ({\n icon,\n label,\n value,\n iconClass,\n}: {\n icon: ReactNode\n label: string\n value: number\n iconClass: string\n}) => {\n return (\n <div className={classNames('flex flex-col items-center gap-5')}>\n <div\n className={classNames(\n 'rounded-full flex items-center justify-center h-12 w-12 text-xl text-gray-900',\n iconClass,\n )}\n >\n {icon}\n </div>\n <div className=\"text-center\">\n <h6 className=\"font-bold mb-1\">\n {'$'}\n <AbbreviateNumber value={value} />\n </h6>\n <div className=\"text-center text-xs\">{label}</div>\n </div>\n </div>\n )\n}\n\nconst Bar = ({\n percent,\n className,\n}: {\n percent: number\n className?: string\n}) => {\n return (\n <div className=\"flex-1\" style={{ width: `${percent}%` }}>\n <div className={classNames('h-1.5 rounded-full', className)} />\n <div className=\"font-bold heading-text mt-1\">{percent}%</div>\n </div>\n )\n}\n\nconst RevenueByChannel = ({ data }: RevenueByChannelProps) => {\n const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n return (\n <Card>\n <div className=\"flex items-center justify-between mb-4\">\n <h4>Channel revenue</h4>\n <Select\n className=\"w-[120px]\"\n size=\"sm\"\n placeholder=\"Select period\"\n value={options.filter(\n (option) => option.value === selectedPeriod,\n )}\n options={options}\n isSearchable={false}\n onChange={(option) => {\n if (option?.value) {\n setSelectedPeriod(option?.value)\n }\n }}\n />\n </div>\n <div className=\"mt-8\">\n <div className=\"flex items-center gap-3\">\n <h2>{data[selectedPeriod].growShrink}%</h2>\n <div className=\"font-nor leading-5\">\n <div>Growth</div>\n <div>Rate</div>\n </div>\n </div>\n </div>\n <div className=\"flex items-center gap-1 mt-6\">\n <Bar\n percent={data[selectedPeriod].percentage.onlineStore}\n className=\"bg-sky-200 dark:opacity-70\"\n />\n <Bar\n percent={data[selectedPeriod].percentage.physicalStore}\n className=\"bg-emerald-200 dark:opacity-70\"\n />\n <Bar\n percent={data[selectedPeriod].percentage.socialMedia}\n className=\"bg-orange-200 dark:opacity-70\"\n />\n </div>\n <div className=\"bg-gray-100 dark:bg-gray-900 rounded-xl p-4 mt-8\">\n <div className=\"grid grid-cols-3\">\n <DisplayColumn\n icon={<TbShoppingCart />}\n label=\"Online store\"\n value={\n data[selectedPeriod].value /\n data[selectedPeriod].percentage.onlineStore\n }\n iconClass=\"bg-sky-200 dark:opacity-70\"\n />\n <DisplayColumn\n icon={<TbBuildingStore />}\n label=\"Physical store\"\n value={\n data[selectedPeriod].value /\n data[selectedPeriod].percentage.physicalStore\n }\n iconClass=\"bg-emerald-200 dark:opacity-70\"\n />\n <DisplayColumn\n icon={<TbDeviceMobileMessage />}\n label=\"Social Media\"\n value={\n data[selectedPeriod].value /\n data[selectedPeriod].percentage.socialMedia\n }\n iconClass=\"bg-orange-200 dark:opacity-70\"\n />\n </div>\n </div>\n </Card>\n )\n}\n\nexport default RevenueByChannel\n"],"names":["DisplayColumn","icon","label","value","iconClass","jsxs","classNames","jsx","AbbreviateNumber","Bar","percent","className","RevenueByChannel","data","selectedPeriod","setSelectedPeriod","useState","Card","Select","options","option","TbShoppingCart","TbBuildingStore","TbDeviceMobileMessage"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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