@orbe-agro/client-core 3.4.12 → 3.4.13

package/dist/lib/@ecme/views/concepts/projects/Tasks/store/tasksStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"tasksStore.js","sources":["../../../../../../../../lib/@ecme/views/concepts/projects/Tasks/store/tasksStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { Groups, Members } from '../types'\n\nexport type ScrumBoardState = {\n    groups: Groups\n    ordered: string[]\n    boardMembers: Members\n    allMembers: Members\n}\n\ntype ScrumBoardAction = {\n    updateOrdered: (payload: string[]) => void\n    updateGroups: (payload: Groups) => void\n    updateBoardMembers: (payload: Members) => void\n    updateAllMembers: (payload: Members) => void\n}\n\nconst initialState: ScrumBoardState = {\n    groups: {},\n    ordered: [],\n    boardMembers: [],\n    allMembers: [],\n}\n\nexport const useTasksStore = create<ScrumBoardState & ScrumBoardAction>(\n    (set) => ({\n        ...initialState,\n        updateOrdered: (payload) =>\n            set(() => {\n                return { ordered: payload }\n            }),\n        updateGroups: (payload) => set(() => ({ groups: payload })),\n        updateBoardMembers: (payload) => set(() => ({ boardMembers: payload })),\n        updateAllMembers: (payload) => set(() => ({ allMembers: payload })),\n    }),\n)\n"],"names":["initialState","useTasksStore","create","set","payload"],"mappings":";AAiBA,MAAMA,IAAgC;AAAA,EAClC,QAAQ,CAAC;AAAA,EACT,SAAS,CAAC;AAAA,EACV,cAAc,CAAC;AAAA,EACf,YAAY,CAAA;AAChB,GAEaC,IAAgBC;AAAA,EACzB,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,eAAe,CAACI,MACZD,EAAI,OACO,EAAE,SAASC,EAAQ,EAC7B;AAAA,IACL,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,QAAQC,IAAU;AAAA,IAC1D,oBAAoB,CAACA,MAAYD,EAAI,OAAO,EAAE,cAAcC,IAAU;AAAA,IACtE,kBAAkB,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EACtE;AACJ;"}
+{"version":3,"file":"tasksStore.js","sources":["../../../../../../../../lib/@ecme/views/concepts/projects/Tasks/store/tasksStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { Groups, Members } from '../types'\n\nexport type ScrumBoardState = {\n    groups: Groups\n    ordered: string[]\n    boardMembers: Members\n    allMembers: Members\n}\n\ntype ScrumBoardAction = {\n    updateOrdered: (payload: string[]) => void\n    updateGroups: (payload: Groups) => void\n    updateBoardMembers: (payload: Members) => void\n    updateAllMembers: (payload: Members) => void\n}\n\nconst initialState: ScrumBoardState = {\n    groups: {},\n    ordered: [],\n    boardMembers: [],\n    allMembers: [],\n}\n\nexport const useTasksStore = create<ScrumBoardState & ScrumBoardAction>(\n    (set) => ({\n        ...initialState,\n        updateOrdered: (payload) =>\n            set(() => {\n                return { ordered: payload }\n            }),\n        updateGroups: (payload) => set(() => ({ groups: payload })),\n        updateBoardMembers: (payload) => set(() => ({ boardMembers: payload })),\n        updateAllMembers: (payload) => set(() => ({ allMembers: payload })),\n    }),\n)\n"],"names":["initialState","useTasksStore","create","set","payload"],"mappings":";AAiBA,MAAMA,IAAgC;AAAA,EAClC,QAAQ,CAAA;AAAA,EACR,SAAS,CAAA;AAAA,EACT,cAAc,CAAA;AAAA,EACd,YAAY,CAAA;AAChB,GAEaC,IAAgBC;AAAA,EACzB,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,eAAe,CAACI,MACZD,EAAI,OACO,EAAE,SAASC,EAAA,EACrB;AAAA,IACL,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,QAAQC,IAAU;AAAA,IAC1D,oBAAoB,CAACA,MAAYD,EAAI,OAAO,EAAE,cAAcC,IAAU;AAAA,IACtE,kBAAkB,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAAA;AAE1E;"}

package/dist/lib/@ecme/views/dashboards/AnalyticDashboard/AnalyticDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticDashboard.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/AnalyticDashboard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Loading from '@/components/shared/Loading'\nimport AnalyticHeader from './components/AnalyticHeader'\nimport Metrics from './components/Metrics'\nimport WebAnalytic from './components/AnalyticChart'\nimport Traffic from './components/Traffic'\nimport TopChannel from './components/TopChannel'\nimport DeviceSession from './components/DeviceSession'\nimport TopPerformingPages from './components/TopPerformingPages'\nimport { apiGetAnalyticDashboard } from '@/services/DashboardService'\nimport useSWR from 'swr'\nimport type { GetAnalyticDashboardResponse, Period } from './types'\n\nconst AnalyticDashboard = () => {\n    const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n    const { data, isLoading } = useSWR(\n        ['/api/dashboard/analytic'],\n        () => apiGetAnalyticDashboard<GetAnalyticDashboardResponse>(),\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                    <AnalyticHeader\n                        selectedPeriod={selectedPeriod}\n                        onSelectedPeriodChange={setSelectedPeriod}\n                    />\n                    <div className=\"flex flex-col 2xl:grid grid-cols-4 gap-4\">\n                        <div className=\"col-span-4 2xl:col-span-3\">\n                            <WebAnalytic\n                                data={data[selectedPeriod].webAnalytic}\n                            />\n                        </div>\n                        <div className=\"2xl:col-span-1\">\n                            <Metrics\n                                data={data[selectedPeriod].metrics}\n                                selectedPeriod={selectedPeriod}\n                            />\n                        </div>\n                    </div>\n                    <div className=\"grid grid-cols-12 gap-4\">\n                        <div className=\"col-span-12 md:col-span-6 xl:col-span-4\">\n                            <TopPerformingPages\n                                data={data[selectedPeriod].topPages}\n                            />\n                        </div>\n                        <div className=\"col-span-12 md:col-span-6 xl:col-span-4\">\n                            <DeviceSession\n                                data={data[selectedPeriod].deviceSession}\n                            />\n                        </div>\n                        <div className=\"col-span-12 xl:col-span-4\">\n                            <TopChannel\n                                data={data[selectedPeriod].topChannel}\n                            />\n                        </div>\n                        <div className=\"col-span-12\">\n                            <Traffic data={data[selectedPeriod].traffic} />\n                        </div>\n                    </div>\n                </div>\n            )}\n        </Loading>\n    )\n}\n\nexport default AnalyticDashboard\n"],"names":["AnalyticDashboard","selectedPeriod","setSelectedPeriod","useState","data","isLoading","useSWR","apiGetAnalyticDashboard","jsx","Loading","jsxs","AnalyticHeader","WebAnalytic","Metrics","TopPerformingPages","DeviceSession","TopChannel","Traffic"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,IAAoB,MAAM;AAC5B,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,WAAW,GAElE,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,yBAAyB;AAAA,IAC1B,MAAMC,EAAsD;AAAA,IAC5D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAE/B;AAGI,SAAA,gBAAAC,EAACC,KAAQ,SAASJ,GACb,eACI,gBAAAK,EAAA,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,gBAAAV;AAAA,QACA,wBAAwBC;AAAA,MAAA;AAAA,IAC5B;AAAA,IACA,gBAAAQ,EAAC,OAAI,EAAA,WAAU,4CACX,UAAA;AAAA,MAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,6BACX,UAAA,gBAAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAMR,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAI,EAAA,WAAU,kBACX,UAAA,gBAAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,MAAMT,EAAKH,CAAc,EAAE;AAAA,UAC3B,gBAAAA;AAAA,QAAA;AAAA,MAAA,EAER,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAS,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,MAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,2CACX,UAAA,gBAAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAMV,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAI,EAAA,WAAU,2CACX,UAAA,gBAAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACG,MAAMX,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAI,EAAA,WAAU,6BACX,UAAA,gBAAAA;AAAA,QAACQ;AAAA,QAAA;AAAA,UACG,MAAMZ,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAI,EAAA,WAAU,eACX,UAAA,gBAAAA,EAACS,GAAQ,EAAA,MAAMb,EAAKH,CAAc,EAAE,QAAS,CAAA,EACjD,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,EAAA,CACJ,EAER,CAAA;AAER;"}
+{"version":3,"file":"AnalyticDashboard.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/AnalyticDashboard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Loading from '@/components/shared/Loading'\nimport AnalyticHeader from './components/AnalyticHeader'\nimport Metrics from './components/Metrics'\nimport WebAnalytic from './components/AnalyticChart'\nimport Traffic from './components/Traffic'\nimport TopChannel from './components/TopChannel'\nimport DeviceSession from './components/DeviceSession'\nimport TopPerformingPages from './components/TopPerformingPages'\nimport { apiGetAnalyticDashboard } from '@/services/DashboardService'\nimport useSWR from 'swr'\nimport type { GetAnalyticDashboardResponse, Period } from './types'\n\nconst AnalyticDashboard = () => {\n    const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n    const { data, isLoading } = useSWR(\n        ['/api/dashboard/analytic'],\n        () => apiGetAnalyticDashboard<GetAnalyticDashboardResponse>(),\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                    <AnalyticHeader\n                        selectedPeriod={selectedPeriod}\n                        onSelectedPeriodChange={setSelectedPeriod}\n                    />\n                    <div className=\"flex flex-col 2xl:grid grid-cols-4 gap-4\">\n                        <div className=\"col-span-4 2xl:col-span-3\">\n                            <WebAnalytic\n                                data={data[selectedPeriod].webAnalytic}\n                            />\n                        </div>\n                        <div className=\"2xl:col-span-1\">\n                            <Metrics\n                                data={data[selectedPeriod].metrics}\n                                selectedPeriod={selectedPeriod}\n                            />\n                        </div>\n                    </div>\n                    <div className=\"grid grid-cols-12 gap-4\">\n                        <div className=\"col-span-12 md:col-span-6 xl:col-span-4\">\n                            <TopPerformingPages\n                                data={data[selectedPeriod].topPages}\n                            />\n                        </div>\n                        <div className=\"col-span-12 md:col-span-6 xl:col-span-4\">\n                            <DeviceSession\n                                data={data[selectedPeriod].deviceSession}\n                            />\n                        </div>\n                        <div className=\"col-span-12 xl:col-span-4\">\n                            <TopChannel\n                                data={data[selectedPeriod].topChannel}\n                            />\n                        </div>\n                        <div className=\"col-span-12\">\n                            <Traffic data={data[selectedPeriod].traffic} />\n                        </div>\n                    </div>\n                </div>\n            )}\n        </Loading>\n    )\n}\n\nexport default AnalyticDashboard\n"],"names":["AnalyticDashboard","selectedPeriod","setSelectedPeriod","useState","data","isLoading","useSWR","apiGetAnalyticDashboard","jsx","Loading","jsxs","AnalyticHeader","WebAnalytic","Metrics","TopPerformingPages","DeviceSession","TopChannel","Traffic"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,IAAoB,MAAM;AAC5B,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,WAAW,GAElE,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,yBAAyB;AAAA,IAC1B,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;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,gBAAAV;AAAA,QACA,wBAAwBC;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5B,gBAAAQ,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA,gBAAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAMR,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,kBACX,UAAA,gBAAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,MAAMT,EAAKH,CAAc,EAAE;AAAA,UAC3B,gBAAAA;AAAA,QAAA;AAAA,MAAA,EACJ,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAS,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA,gBAAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAMV,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA,gBAAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACG,MAAMX,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA,gBAAAA;AAAA,QAACQ;AAAA,QAAA;AAAA,UACG,MAAMZ,EAAKH,CAAc,EAAE;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,eACX,UAAA,gBAAAA,EAACS,GAAA,EAAQ,MAAMb,EAAKH,CAAc,EAAE,QAAA,CAAS,EAAA,CACjD;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAER;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticChart.js","sources":["../../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticChart.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport Chart from '@/components/shared/Chart'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport { COLORS } from '@/constants/chart.constant'\nimport { useThemeStore } from '@/store/themeStore'\nimport { NumericFormat } from 'react-number-format'\nimport type { WebAnalyticData } from '../types'\n\ntype WebAnalyticProps = {\n    data: WebAnalyticData\n}\n\nconst WebAnalytic = ({ data }: WebAnalyticProps) => {\n    const isFirstRender = useRef(true)\n\n    const sideNavCollapse = useThemeStore(\n        (state) => state.layout.sideNavCollapse,\n    )\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 className=\"h-full\">\n            <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4\">\n                <h4>Web analytic</h4>\n                <div className=\"inline-flex items-center gap-6\">\n                    <div className=\"flex items-center gap-1.5\">\n                        <div\n                            className=\"h-3.5 w-3.5 rounded\"\n                            style={{ backgroundColor: COLORS[0] }}\n                        />\n                        <div>Natural</div>\n                    </div>\n                    <div className=\"flex items-center gap-1.5\">\n                        <div\n                            className=\"h-3.5 w-3.5 rounded\"\n                            style={{ backgroundColor: COLORS[7] }}\n                        />\n                        <div>Referral</div>\n                    </div>\n                    <div className=\"flex items-center gap-1.5\">\n                        <div\n                            className=\"h-3.5 w-3.5 rounded\"\n                            style={{ backgroundColor: COLORS[8] }}\n                        />\n                        <div>Direct</div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <div className=\"flex items-center gap-10\">\n                    <div>\n                        <div className=\"mb-2\">Page views</div>\n                        <div className=\"flex items-end gap-2\">\n                            <h3>\n                                <NumericFormat\n                                    displayType=\"text\"\n                                    value={data.pageView.value}\n                                    prefix={'$'}\n                                    thousandSeparator={true}\n                                />\n                            </h3>\n                            <GrowShrinkValue\n                                className=\"font-bold\"\n                                value={data.pageView.growShrink}\n                                suffix=\"%\"\n                                positiveIcon=\"+\"\n                                negativeIcon=\"\"\n                            />\n                        </div>\n                    </div>\n                    <div>\n                        <div className=\"mb-2\">Avg. Time on page</div>\n                        <div className=\"flex items-end gap-2\">\n                            <h3>{data.avgTimeOnPage.value}</h3>\n                            <GrowShrinkValue\n                                className=\"font-bold\"\n                                value={data.avgTimeOnPage.growShrink}\n                                suffix=\"%\"\n                                positiveIcon=\"+\"\n                                negativeIcon=\"\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-4\">\n                <Chart\n                    type=\"line\"\n                    series={data.series}\n                    xAxis={data.date}\n                    height=\"330px\"\n                    customOptions={{\n                        legend: { show: false },\n                        colors: [COLORS[0], COLORS[7], COLORS[8]],\n                    }}\n                />\n            </div>\n        </Card>\n    )\n}\n\nexport default WebAnalytic\n"],"names":["WebAnalytic","data","isFirstRender","useRef","sideNavCollapse","useThemeStore","state","useEffect","jsxs","Card","jsx","COLORS","NumericFormat","GrowShrinkValue","Chart"],"mappings":"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"}
+{"version":3,"file":"AnalyticChart.js","sources":["../../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticChart.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport Chart from '@/components/shared/Chart'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport { COLORS } from '@/constants/chart.constant'\nimport { useThemeStore } from '@/store/themeStore'\nimport { NumericFormat } from 'react-number-format'\nimport type { WebAnalyticData } from '../types'\n\ntype WebAnalyticProps = {\n    data: WebAnalyticData\n}\n\nconst WebAnalytic = ({ data }: WebAnalyticProps) => {\n    const isFirstRender = useRef(true)\n\n    const sideNavCollapse = useThemeStore(\n        (state) => state.layout.sideNavCollapse,\n    )\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 className=\"h-full\">\n            <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4\">\n                <h4>Web analytic</h4>\n                <div className=\"inline-flex items-center gap-6\">\n                    <div className=\"flex items-center gap-1.5\">\n                        <div\n                            className=\"h-3.5 w-3.5 rounded\"\n                            style={{ backgroundColor: COLORS[0] }}\n                        />\n                        <div>Natural</div>\n                    </div>\n                    <div className=\"flex items-center gap-1.5\">\n                        <div\n                            className=\"h-3.5 w-3.5 rounded\"\n                            style={{ backgroundColor: COLORS[7] }}\n                        />\n                        <div>Referral</div>\n                    </div>\n                    <div className=\"flex items-center gap-1.5\">\n                        <div\n                            className=\"h-3.5 w-3.5 rounded\"\n                            style={{ backgroundColor: COLORS[8] }}\n                        />\n                        <div>Direct</div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <div className=\"flex items-center gap-10\">\n                    <div>\n                        <div className=\"mb-2\">Page views</div>\n                        <div className=\"flex items-end gap-2\">\n                            <h3>\n                                <NumericFormat\n                                    displayType=\"text\"\n                                    value={data.pageView.value}\n                                    prefix={'$'}\n                                    thousandSeparator={true}\n                                />\n                            </h3>\n                            <GrowShrinkValue\n                                className=\"font-bold\"\n                                value={data.pageView.growShrink}\n                                suffix=\"%\"\n                                positiveIcon=\"+\"\n                                negativeIcon=\"\"\n                            />\n                        </div>\n                    </div>\n                    <div>\n                        <div className=\"mb-2\">Avg. Time on page</div>\n                        <div className=\"flex items-end gap-2\">\n                            <h3>{data.avgTimeOnPage.value}</h3>\n                            <GrowShrinkValue\n                                className=\"font-bold\"\n                                value={data.avgTimeOnPage.growShrink}\n                                suffix=\"%\"\n                                positiveIcon=\"+\"\n                                negativeIcon=\"\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-4\">\n                <Chart\n                    type=\"line\"\n                    series={data.series}\n                    xAxis={data.date}\n                    height=\"330px\"\n                    customOptions={{\n                        legend: { show: false },\n                        colors: [COLORS[0], COLORS[7], COLORS[8]],\n                    }}\n                />\n            </div>\n        </Card>\n    )\n}\n\nexport default WebAnalytic\n"],"names":["WebAnalytic","data","isFirstRender","useRef","sideNavCollapse","useThemeStore","state","useEffect","jsxs","Card","jsx","COLORS","NumericFormat","GrowShrinkValue","Chart"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticHeader.js","sources":["../../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticHeader.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport Select from '@/components/ui/Select'\nimport type { Period } from '../types'\n\ntype AnalyticHeaderProps = {\n    selectedPeriod: Period\n    onSelectedPeriodChange: (value: Period) => void\n}\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\nconst AnalyticHeader = ({\n    selectedPeriod,\n    onSelectedPeriodChange,\n}: AnalyticHeaderProps) => {\n    return (\n        <div className=\"flex flex-col md:flex-row md:items-center justify-between mb-2 gap-4\">\n            <div>\n                <h4 className=\"mb-1\">Analytic overview</h4>\n                <p>Explore the metrics to understand trends and drive.</p>\n            </div>\n            <div className=\"flex items-center gap-2\">\n                <span>Show by:</span>\n                <Select\n                    className=\"w-[150px]\"\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                            onSelectedPeriodChange(option?.value)\n                        }\n                    }}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default AnalyticHeader\n"],"names":["options","AnalyticHeader","selectedPeriod","onSelectedPeriodChange","jsxs","jsx","Select","option"],"mappings":";;;AASO,MAAMA,IAA8C;AAAA,EACvD,EAAE,OAAO,aAAa,OAAO,UAAU;AAAA,EACvC,EAAE,OAAO,YAAY,OAAO,SAAS;AAAA,EACrC,EAAE,OAAO,YAAY,OAAO,UAAU;AAC1C,GAEMC,IAAiB,CAAC;AAAA,EACpB,gBAAAC;AAAA,EACA,wBAAAC;AACJ,MAEQ,gBAAAC,EAAC,OAAI,EAAA,WAAU,wEACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,OACG,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAiB,qBAAA;AAAA,IACtC,gBAAAA,EAAC,OAAE,UAAmD,sDAAA,CAAA;AAAA,EAAA,GAC1D;AAAA,EACA,gBAAAD,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,IACd,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,OAAON,EAAQ;AAAA,UACX,CAACO,MAAWA,EAAO,UAAUL;AAAA,QACjC;AAAA,QACA,SAAAF;AAAA,QACA,cAAc;AAAA,QACd,UAAU,CAACO,MAAW;AAClB,UAAIA,KAAA,QAAAA,EAAQ,SACRJ,EAAuBI,KAAA,gBAAAA,EAAQ,KAAK;AAAA,QACxC;AAAA,MACJ;AAAA,IAAA;AAAA,EACJ,EACJ,CAAA;AAAA,GACJ;"}
+{"version":3,"file":"AnalyticHeader.js","sources":["../../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticHeader.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport Select from '@/components/ui/Select'\nimport type { Period } from '../types'\n\ntype AnalyticHeaderProps = {\n    selectedPeriod: Period\n    onSelectedPeriodChange: (value: Period) => void\n}\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\nconst AnalyticHeader = ({\n    selectedPeriod,\n    onSelectedPeriodChange,\n}: AnalyticHeaderProps) => {\n    return (\n        <div className=\"flex flex-col md:flex-row md:items-center justify-between mb-2 gap-4\">\n            <div>\n                <h4 className=\"mb-1\">Analytic overview</h4>\n                <p>Explore the metrics to understand trends and drive.</p>\n            </div>\n            <div className=\"flex items-center gap-2\">\n                <span>Show by:</span>\n                <Select\n                    className=\"w-[150px]\"\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                            onSelectedPeriodChange(option?.value)\n                        }\n                    }}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default AnalyticHeader\n"],"names":["options","AnalyticHeader","selectedPeriod","onSelectedPeriodChange","jsxs","jsx","Select","option"],"mappings":";;;AASO,MAAMA,IAA8C;AAAA,EACvD,EAAE,OAAO,aAAa,OAAO,UAAA;AAAA,EAC7B,EAAE,OAAO,YAAY,OAAO,SAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAChC,GAEMC,IAAiB,CAAC;AAAA,EACpB,gBAAAC;AAAA,EACA,wBAAAC;AACJ,MAEQ,gBAAAC,EAAC,OAAA,EAAI,WAAU,wEACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,IACtC,gBAAAA,EAAC,OAAE,UAAA,sDAAA,CAAmD;AAAA,EAAA,GAC1D;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,IACd,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,OAAON,EAAQ;AAAA,UACX,CAACO,MAAWA,EAAO,UAAUL;AAAA,QAAA;AAAA,QAEjC,SAAAF;AAAA,QACA,cAAc;AAAA,QACd,UAAU,CAACO,MAAW;AAClB,UAAIA,KAAA,QAAAA,EAAQ,SACRJ,EAAuBI,KAAA,gBAAAA,EAAQ,KAAK;AAAA,QACxC;AAAA,MACJ;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ;AAAA,GACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DeviceSession.js","sources":["../../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/DeviceSession.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Chart from '@/components/shared/Chart'\nimport { COLORS } from '@/constants/chart.constant'\nimport { TbDeviceDesktop, TbDeviceMobile, TbDeviceTablet } from 'react-icons/tb'\nimport type { DeviceSessionData } from '../types'\n\ntype DeviceSessionProps = {\n    data: DeviceSessionData\n}\n\nconst DeviceSession = ({ data }: DeviceSessionProps) => {\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Session devices</h4>\n            </div>\n            <div className=\"mt-6\">\n                <Chart\n                    height={280}\n                    series={data.series}\n                    customOptions={{\n                        colors: [COLORS[0], COLORS[7], COLORS[8]],\n                        labels: data.labels,\n                        plotOptions: {\n                            pie: {\n                                donut: {\n                                    labels: {\n                                        show: true,\n                                        total: {\n                                            show: true,\n                                            showAlways: true,\n                                            label: '',\n                                            formatter: function () {\n                                                return ''\n                                            },\n                                        },\n                                    },\n                                    size: '75%',\n                                },\n                            },\n                        },\n                    }}\n                    type=\"donut\"\n                />\n            </div>\n            <div className=\"mt-8 flex justify-center gap-12 mx-auto\">\n                <div className=\"flex flex-col items-center justify-center gap-2\">\n                    <div className=\"text-3xl\" style={{ color: COLORS[0] }}>\n                        <TbDeviceDesktop />\n                    </div>\n                    <div className=\"text-center\">\n                        <span>Desktop</span>\n                        <h5>{data.percentage[0]}%</h5>\n                    </div>\n                </div>\n                <div className=\"flex flex-col items-center justify-center gap-2\">\n                    <div className=\"text-3xl\" style={{ color: COLORS[7] }}>\n                        <TbDeviceMobile />\n                    </div>\n                    <div className=\"text-center\">\n                        <span>Mobile</span>\n                        <h5>{data.percentage[1]}%</h5>\n                    </div>\n                </div>\n                <div className=\"flex flex-col items-center justify-center gap-2\">\n                    <div className=\"text-3xl\" style={{ color: COLORS[8] }}>\n                        <TbDeviceTablet />\n                    </div>\n                    <div className=\"text-center\">\n                        <span>Tablet</span>\n                        <h5>{data.percentage[2]}%</h5>\n                    </div>\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default DeviceSession\n"],"names":["DeviceSession","data","Card","jsx","Chart","COLORS","jsxs","TbDeviceDesktop","TbDeviceMobile","TbDeviceTablet"],"mappings":";;;;;;AAUA,MAAMA,IAAgB,CAAC,EAAE,MAAAC,0BAEhBC,GACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,qCACX,UAAC,gBAAAA,EAAA,MAAA,EAAG,6BAAe,EACvB,CAAA;AAAA,EACA,gBAAAA,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR,QAAQH,EAAK;AAAA,MACb,eAAe;AAAA,QACX,QAAQ,CAACI,EAAO,CAAC,GAAGA,EAAO,CAAC,GAAGA,EAAO,CAAC,CAAC;AAAA,QACxC,QAAQJ,EAAK;AAAA,QACb,aAAa;AAAA,UACT,KAAK;AAAA,YACD,OAAO;AAAA,cACH,QAAQ;AAAA,gBACJ,MAAM;AAAA,gBACN,OAAO;AAAA,kBACH,MAAM;AAAA,kBACN,YAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,WAAW,WAAY;AACZ,2BAAA;AAAA,kBAAA;AAAA,gBACX;AAAA,cAER;AAAA,cACA,MAAM;AAAA,YAAA;AAAA,UACV;AAAA,QACJ;AAAA,MAER;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EAAA,GAEb;AAAA,EACA,gBAAAK,EAAC,OAAI,EAAA,WAAU,2CACX,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAI,EAAA,WAAU,YAAW,OAAO,EAAE,OAAOE,EAAO,CAAC,EAAE,GAChD,UAAC,gBAAAF,EAAAI,GAAA,CAAgB,CAAA,GACrB;AAAA,MACA,gBAAAD,EAAC,OAAI,EAAA,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAK,UAAO,UAAA,CAAA;AAAA,0BACZ,MAAI,EAAA,UAAA;AAAA,UAAAF,EAAK,WAAW,CAAC;AAAA,UAAE;AAAA,QAAA,EAAC,CAAA;AAAA,MAAA,EAC7B,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAK,EAAC,OAAI,EAAA,WAAU,mDACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAI,EAAA,WAAU,YAAW,OAAO,EAAE,OAAOE,EAAO,CAAC,EAAE,GAChD,UAAC,gBAAAF,EAAAK,GAAA,CAAe,CAAA,GACpB;AAAA,MACA,gBAAAF,EAAC,OAAI,EAAA,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAK,UAAM,SAAA,CAAA;AAAA,0BACX,MAAI,EAAA,UAAA;AAAA,UAAAF,EAAK,WAAW,CAAC;AAAA,UAAE;AAAA,QAAA,EAAC,CAAA;AAAA,MAAA,EAC7B,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAK,EAAC,OAAI,EAAA,WAAU,mDACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAI,EAAA,WAAU,YAAW,OAAO,EAAE,OAAOE,EAAO,CAAC,EAAE,GAChD,UAAC,gBAAAF,EAAAM,GAAA,CAAe,CAAA,GACpB;AAAA,MACA,gBAAAH,EAAC,OAAI,EAAA,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAK,UAAM,SAAA,CAAA;AAAA,0BACX,MAAI,EAAA,UAAA;AAAA,UAAAF,EAAK,WAAW,CAAC;AAAA,UAAE;AAAA,QAAA,EAAC,CAAA;AAAA,MAAA,EAC7B,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,EACJ,CAAA;AAAA,GACJ;"}
+{"version":3,"file":"DeviceSession.js","sources":["../../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/DeviceSession.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Chart from '@/components/shared/Chart'\nimport { COLORS } from '@/constants/chart.constant'\nimport { TbDeviceDesktop, TbDeviceMobile, TbDeviceTablet } from 'react-icons/tb'\nimport type { DeviceSessionData } from '../types'\n\ntype DeviceSessionProps = {\n    data: DeviceSessionData\n}\n\nconst DeviceSession = ({ data }: DeviceSessionProps) => {\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Session devices</h4>\n            </div>\n            <div className=\"mt-6\">\n                <Chart\n                    height={280}\n                    series={data.series}\n                    customOptions={{\n                        colors: [COLORS[0], COLORS[7], COLORS[8]],\n                        labels: data.labels,\n                        plotOptions: {\n                            pie: {\n                                donut: {\n                                    labels: {\n                                        show: true,\n                                        total: {\n                                            show: true,\n                                            showAlways: true,\n                                            label: '',\n                                            formatter: function () {\n                                                return ''\n                                            },\n                                        },\n                                    },\n                                    size: '75%',\n                                },\n                            },\n                        },\n                    }}\n                    type=\"donut\"\n                />\n            </div>\n            <div className=\"mt-8 flex justify-center gap-12 mx-auto\">\n                <div className=\"flex flex-col items-center justify-center gap-2\">\n                    <div className=\"text-3xl\" style={{ color: COLORS[0] }}>\n                        <TbDeviceDesktop />\n                    </div>\n                    <div className=\"text-center\">\n                        <span>Desktop</span>\n                        <h5>{data.percentage[0]}%</h5>\n                    </div>\n                </div>\n                <div className=\"flex flex-col items-center justify-center gap-2\">\n                    <div className=\"text-3xl\" style={{ color: COLORS[7] }}>\n                        <TbDeviceMobile />\n                    </div>\n                    <div className=\"text-center\">\n                        <span>Mobile</span>\n                        <h5>{data.percentage[1]}%</h5>\n                    </div>\n                </div>\n                <div className=\"flex flex-col items-center justify-center gap-2\">\n                    <div className=\"text-3xl\" style={{ color: COLORS[8] }}>\n                        <TbDeviceTablet />\n                    </div>\n                    <div className=\"text-center\">\n                        <span>Tablet</span>\n                        <h5>{data.percentage[2]}%</h5>\n                    </div>\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default DeviceSession\n"],"names":["DeviceSession","data","Card","jsx","Chart","COLORS","jsxs","TbDeviceDesktop","TbDeviceMobile","TbDeviceTablet"],"mappings":";;;;;;AAUA,MAAMA,IAAgB,CAAC,EAAE,MAAAC,0BAEhBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,qCACX,UAAA,gBAAAA,EAAC,MAAA,EAAG,6BAAe,EAAA,CACvB;AAAA,EACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR,QAAQH,EAAK;AAAA,MACb,eAAe;AAAA,QACX,QAAQ,CAACI,EAAO,CAAC,GAAGA,EAAO,CAAC,GAAGA,EAAO,CAAC,CAAC;AAAA,QACxC,QAAQJ,EAAK;AAAA,QACb,aAAa;AAAA,UACT,KAAK;AAAA,YACD,OAAO;AAAA,cACH,QAAQ;AAAA,gBACJ,MAAM;AAAA,gBACN,OAAO;AAAA,kBACH,MAAM;AAAA,kBACN,YAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,WAAW,WAAY;AACnB,2BAAO;AAAA,kBAAA;AAAA,gBACX;AAAA,cACJ;AAAA,cAEJ,MAAM;AAAA,YAAA;AAAA,UACV;AAAA,QACJ;AAAA,MACJ;AAAA,MAEJ,MAAK;AAAA,IAAA;AAAA,EAAA,GAEb;AAAA,EACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,YAAW,OAAO,EAAE,OAAOE,EAAO,CAAC,EAAA,GAC9C,UAAA,gBAAAF,EAACI,GAAA,CAAA,CAAgB,GACrB;AAAA,MACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,0BACZ,MAAA,EAAI,UAAA;AAAA,UAAAF,EAAK,WAAW,CAAC;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,EAAA,CAC7B;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,YAAW,OAAO,EAAE,OAAOE,EAAO,CAAC,EAAA,GAC9C,UAAA,gBAAAF,EAACK,GAAA,CAAA,CAAe,GACpB;AAAA,MACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,0BACX,MAAA,EAAI,UAAA;AAAA,UAAAF,EAAK,WAAW,CAAC;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,EAAA,CAC7B;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,YAAW,OAAO,EAAE,OAAOE,EAAO,CAAC,EAAA,GAC9C,UAAA,gBAAAF,EAACM,GAAA,CAAA,CAAe,GACpB;AAAA,MACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAH,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,0BACX,MAAA,EAAI,UAAA;AAAA,UAAAF,EAAK,WAAW,CAAC;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,EAAA,CAC7B;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Metrics.js","sources":["../../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/Metrics.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 { TbUsers, TbCoins, TbClick } from 'react-icons/tb'\nimport { MetricsData, Period } from '../types'\nimport type { ReactNode } from 'react'\n\ntype WidgetProps = {\n    title: string\n    value: string | number | ReactNode\n    growShrink: number\n    compareFrom: string\n    icon: ReactNode\n    iconClass: string\n}\n\ntype MetricsProps = {\n    data: MetricsData\n    selectedPeriod: Period\n}\n\nconst vsPeriod: Record<Period, string> = {\n    thisMonth: 'vs last month',\n    thisWeek: 'vs last week',\n    thisYear: 'vs last year',\n}\n\nconst Widget = ({\n    title,\n    growShrink,\n    value,\n    compareFrom,\n    icon,\n    iconClass,\n}: WidgetProps) => {\n    return (\n        <Card className=\"flex-1\">\n            <div className=\"flex justify-between gap-2 relative\">\n                <div>\n                    <div className=\"mb-10 text-base\">{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        </Card>\n    )\n}\n\nconst Metrics = ({ data, selectedPeriod }: MetricsProps) => {\n    return (\n        <div className=\"flex flex-col 2xl:flex-col xl:flex-row gap-4\">\n            <Widget\n                title=\"Visitor\"\n                value={\n                    <NumericFormat\n                        displayType=\"text\"\n                        value={data.visitors.value}\n                        thousandSeparator={true}\n                    />\n                }\n                growShrink={data.visitors.growShrink}\n                compareFrom={vsPeriod[selectedPeriod]}\n                icon={<TbUsers />}\n                iconClass=\"bg-orange-200\"\n            />\n            <Widget\n                title=\"Conversion rate\"\n                value={`${data.conversionRate.value}%`}\n                growShrink={data.conversionRate.growShrink}\n                compareFrom={vsPeriod[selectedPeriod]}\n                icon={<TbCoins />}\n                iconClass=\"bg-emerald-200\"\n            />\n            <Widget\n                title=\"Ad campaign clicks\"\n                value={\n                    <NumericFormat\n                        displayType=\"text\"\n                        value={data.adCampaignClicks.value}\n                        thousandSeparator={true}\n                    />\n                }\n                growShrink={data.adCampaignClicks.growShrink}\n                compareFrom={vsPeriod[selectedPeriod]}\n                icon={<TbClick />}\n                iconClass=\"bg-purple-200\"\n            />\n        </div>\n    )\n}\n\nexport default Metrics\n"],"names":["vsPeriod","Widget","title","growShrink","value","compareFrom","icon","iconClass","Card","jsxs","jsx","GrowShrinkValue","classNames","Metrics","data","selectedPeriod","NumericFormat","TbUsers","TbCoins","TbClick"],"mappings":";;;;;;;AAsBA,MAAMA,IAAmC;AAAA,EACrC,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACd,GAEMC,IAAS,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACJ,wBAESC,GAAK,EAAA,WAAU,UACZ,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,OACG,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,mBAAmB,UAAMR,GAAA;AAAA,IACvC,gBAAAQ,EAAA,MAAA,EAAG,WAAU,QAAQ,UAAMN,GAAA;AAAA,IAC5B,gBAAAK,EAAC,OAAI,EAAA,WAAU,4CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAOR;AAAA,UACP,QAAO;AAAA,UACP,cAAa;AAAA,UACb,cAAa;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAO,EAAC,UAAM,UAAYL,EAAA,CAAA;AAAA,IAAA,EACvB,CAAA;AAAA,EAAA,GACJ;AAAA,EACA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWE;AAAA,QACP;AAAA,QACAL;AAAA,MACJ;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AACL,EAAA,CACJ,EACJ,CAAA,GAIFO,IAAU,CAAC,EAAE,MAAAC,GAAM,gBAAAC,QAEjB,gBAAAN,EAAC,OAAI,EAAA,WAAU,gDACX,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,OACI,gBAAAS;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,OAAOF,EAAK,SAAS;AAAA,UACrB,mBAAmB;AAAA,QAAA;AAAA,MACvB;AAAA,MAEJ,YAAYA,EAAK,SAAS;AAAA,MAC1B,aAAad,EAASe,CAAc;AAAA,MACpC,wBAAOE,GAAQ,EAAA;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EACd;AAAA,EACA,gBAAAP;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,OAAO,GAAGa,EAAK,eAAe,KAAK;AAAA,MACnC,YAAYA,EAAK,eAAe;AAAA,MAChC,aAAad,EAASe,CAAc;AAAA,MACpC,wBAAOG,GAAQ,EAAA;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EACd;AAAA,EACA,gBAAAR;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,OACI,gBAAAS;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,OAAOF,EAAK,iBAAiB;AAAA,UAC7B,mBAAmB;AAAA,QAAA;AAAA,MACvB;AAAA,MAEJ,YAAYA,EAAK,iBAAiB;AAAA,MAClC,aAAad,EAASe,CAAc;AAAA,MACpC,wBAAOI,GAAQ,EAAA;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EAAA;AACd,GACJ;"}
+{"version":3,"file":"Metrics.js","sources":["../../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/Metrics.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 { TbUsers, TbCoins, TbClick } from 'react-icons/tb'\nimport { MetricsData, Period } from '../types'\nimport type { ReactNode } from 'react'\n\ntype WidgetProps = {\n    title: string\n    value: string | number | ReactNode\n    growShrink: number\n    compareFrom: string\n    icon: ReactNode\n    iconClass: string\n}\n\ntype MetricsProps = {\n    data: MetricsData\n    selectedPeriod: Period\n}\n\nconst vsPeriod: Record<Period, string> = {\n    thisMonth: 'vs last month',\n    thisWeek: 'vs last week',\n    thisYear: 'vs last year',\n}\n\nconst Widget = ({\n    title,\n    growShrink,\n    value,\n    compareFrom,\n    icon,\n    iconClass,\n}: WidgetProps) => {\n    return (\n        <Card className=\"flex-1\">\n            <div className=\"flex justify-between gap-2 relative\">\n                <div>\n                    <div className=\"mb-10 text-base\">{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        </Card>\n    )\n}\n\nconst Metrics = ({ data, selectedPeriod }: MetricsProps) => {\n    return (\n        <div className=\"flex flex-col 2xl:flex-col xl:flex-row gap-4\">\n            <Widget\n                title=\"Visitor\"\n                value={\n                    <NumericFormat\n                        displayType=\"text\"\n                        value={data.visitors.value}\n                        thousandSeparator={true}\n                    />\n                }\n                growShrink={data.visitors.growShrink}\n                compareFrom={vsPeriod[selectedPeriod]}\n                icon={<TbUsers />}\n                iconClass=\"bg-orange-200\"\n            />\n            <Widget\n                title=\"Conversion rate\"\n                value={`${data.conversionRate.value}%`}\n                growShrink={data.conversionRate.growShrink}\n                compareFrom={vsPeriod[selectedPeriod]}\n                icon={<TbCoins />}\n                iconClass=\"bg-emerald-200\"\n            />\n            <Widget\n                title=\"Ad campaign clicks\"\n                value={\n                    <NumericFormat\n                        displayType=\"text\"\n                        value={data.adCampaignClicks.value}\n                        thousandSeparator={true}\n                    />\n                }\n                growShrink={data.adCampaignClicks.growShrink}\n                compareFrom={vsPeriod[selectedPeriod]}\n                icon={<TbClick />}\n                iconClass=\"bg-purple-200\"\n            />\n        </div>\n    )\n}\n\nexport default Metrics\n"],"names":["vsPeriod","Widget","title","growShrink","value","compareFrom","icon","iconClass","Card","jsxs","jsx","GrowShrinkValue","classNames","Metrics","data","selectedPeriod","NumericFormat","TbUsers","TbCoins","TbClick"],"mappings":";;;;;;;AAsBA,MAAMA,IAAmC;AAAA,EACrC,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACd,GAEMC,IAAS,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACJ,wBAESC,GAAA,EAAK,WAAU,UACZ,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,mBAAmB,UAAAR,GAAM;AAAA,IACxC,gBAAAQ,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAN,GAAM;AAAA,IAC5B,gBAAAK,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAOR;AAAA,UACP,QAAO;AAAA,UACP,cAAa;AAAA,UACb,cAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjB,gBAAAO,EAAC,UAAM,UAAAL,EAAA,CAAY;AAAA,IAAA,EAAA,CACvB;AAAA,EAAA,GACJ;AAAA,EACA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWE;AAAA,QACP;AAAA,QACAL;AAAA,MAAA;AAAA,MAGH,UAAAD;AAAA,IAAA;AAAA,EAAA;AACL,EAAA,CACJ,EAAA,CACJ,GAIFO,IAAU,CAAC,EAAE,MAAAC,GAAM,gBAAAC,QAEjB,gBAAAN,EAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,OACI,gBAAAS;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,OAAOF,EAAK,SAAS;AAAA,UACrB,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3B,YAAYA,EAAK,SAAS;AAAA,MAC1B,aAAad,EAASe,CAAc;AAAA,MACpC,wBAAOE,GAAA,EAAQ;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEd,gBAAAP;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,OAAO,GAAGa,EAAK,eAAe,KAAK;AAAA,MACnC,YAAYA,EAAK,eAAe;AAAA,MAChC,aAAad,EAASe,CAAc;AAAA,MACpC,wBAAOG,GAAA,EAAQ;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEd,gBAAAR;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,OACI,gBAAAS;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,aAAY;AAAA,UACZ,OAAOF,EAAK,iBAAiB;AAAA,UAC7B,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3B,YAAYA,EAAK,iBAAiB;AAAA,MAClC,aAAad,EAASe,CAAc;AAAA,MACpC,wBAAOI,GAAA,EAAQ;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EAAA;AACd,GACJ;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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