@orbe-agro/client-core 5.3.147 → 5.3.157

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectOverview.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/ProjectOverview.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport classNames from '@/utils/classNames'\nimport { Link } from 'react-router-dom'\nimport { TbProgressBolt, TbCopyCheck, TbArrowDownToArc } from 'react-icons/tb'\nimport { Project } from '../types'\nimport type { ReactNode } from 'react'\n\ntype StatisticCardProps = {\n    title: string\n    icon: ReactNode\n    className: string\n    value: number\n}\n\ntype ProjectOverview = {\n    data: Project\n}\n\nconst StatisticCard = ({\n    title,\n    className,\n    icon,\n    value,\n}: StatisticCardProps) => {\n    return (\n        <div\n            className={classNames(\n                'rounded-2xl p-4 flex flex-col justify-center',\n                className,\n            )}\n        >\n            <div className=\"flex justify-between items-center relative\">\n                <div>\n                    <div className=\"mb-4 text-gray-900 font-bold\">{title}</div>\n                    <h1 className=\"mb-1 text-gray-900\">{value}</h1>\n                </div>\n                <div\n                    className={\n                        'flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 bg-gray-900 text-white rounded-full text-2xl'\n                    }\n                >\n                    {icon}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nconst ProjectOverview = ({ data }: ProjectOverview) => {\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Overview</h4>\n                <Link to=\"/concepts/projects/project-list\">\n                    <Button asElement=\"div\" size=\"sm\">\n                        All projects\n                    </Button>\n                </Link>\n            </div>\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 rounded-2xl mt-4\">\n                <StatisticCard\n                    title=\"Ongoing project\"\n                    className=\"bg-sky-100 dark:bg-opacity-75\"\n                    value={data.ongoingProject}\n                    icon={<TbProgressBolt />}\n                />\n                <StatisticCard\n                    title=\"Project completed\"\n                    className=\"bg-emerald-100 dark:bg-opacity-75\"\n                    value={data.projectCompleted}\n                    icon={<TbCopyCheck />}\n                />\n                <StatisticCard\n                    title=\"Upcoming project\"\n                    className=\"bg-purple-100 dark:bg-opacity-75\"\n                    value={data.upcomingProject}\n                    icon={<TbArrowDownToArc />}\n                />\n            </div>\n        </Card>\n    )\n}\n\nexport default ProjectOverview\n"],"names":["StatisticCard","title","className","icon","value","jsx","classNames","jsxs","ProjectOverview","data","Card","Link","Button","TbProgressBolt","TbCopyCheck","TbArrowDownToArc"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAgB,CAAC;AAAA,EACnB,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAJ;AAAA,IAAA;AAAA,IAGJ,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,8CACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,gCAAgC,UAAAJ,GAAM;AAAA,QACrD,gBAAAI,EAAC,MAAA,EAAG,WAAU,sBAAsB,UAAAD,EAAA,CAAM;AAAA,MAAA,GAC9C;AAAA,MACA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WACI;AAAA,UAGH,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,EAAA,CACJ;AAAA,EAAA;AAAA,GAKNK,IAAkB,CAAC,EAAE,MAAAC,0BAElBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,IAAA,gBAAAF,EAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,IACZ,gBAAAA,EAACM,GAAA,EAAK,IAAG,mCACL,UAAA,gBAAAN,EAACO,GAAA,EAAO,WAAU,OAAM,MAAK,MAAK,UAAA,eAAA,CAElC,EAAA,CACJ;AAAA,EAAA,GACJ;AAAA,EACA,gBAAAL,EAAC,OAAA,EAAI,WAAU,0DACX,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACL;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,WAAU;AAAA,QACV,OAAOS,EAAK;AAAA,QACZ,wBAAOI,GAAA,CAAA,CAAe;AAAA,MAAA;AAAA,IAAA;AAAA,IAE1B,gBAAAR;AAAA,MAACL;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,WAAU;AAAA,QACV,OAAOS,EAAK;AAAA,QACZ,wBAAOK,GAAA,CAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEvB,gBAAAT;AAAA,MAACL;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,WAAU;AAAA,QACV,OAAOS,EAAK;AAAA,QACZ,wBAAOM,GAAA,CAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5B,EAAA,CACJ;AAAA,GACJ;"}
+{"version":3,"file":"ProjectOverview.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/ProjectOverview.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport Card from '@/components/ui/Card'\nimport classNames from '@/utils/classNames'\nimport { Link } from 'react-router-dom'\nimport { TbProgressBolt, TbCopyCheck, TbArrowDownToArc } from 'react-icons/tb'\nimport { Project } from '../types'\nimport type { ReactNode } from 'react'\n\ntype StatisticCardProps = {\n    title: string\n    icon: ReactNode\n    className: string\n    value: number\n}\n\ntype ProjectOverview = {\n    data: Project\n}\n\nconst StatisticCard = ({\n    title,\n    className,\n    icon,\n    value,\n}: StatisticCardProps) => {\n    return (\n        <div\n            className={classNames(\n                'rounded-2xl p-4 flex flex-col justify-center',\n                className,\n            )}\n        >\n            <div className=\"flex justify-between items-center relative\">\n                <div>\n                    <div className=\"mb-4 text-gray-900 font-bold\">{title}</div>\n                    <h1 className=\"mb-1 text-gray-900\">{value}</h1>\n                </div>\n                <div\n                    className={\n                        'flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 bg-gray-900 text-white rounded-full text-2xl'\n                    }\n                >\n                    {icon}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nconst ProjectOverview = ({ data }: ProjectOverview) => {\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Overview</h4>\n                <Link to=\"/concepts/projects/project-list\">\n                    <Button asElement=\"div\" size=\"sm\">\n                        All projects\n                    </Button>\n                </Link>\n            </div>\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 rounded-2xl mt-4\">\n                <StatisticCard\n                    title=\"Ongoing project\"\n                    className=\"bg-sky-100 dark:bg-opacity-75\"\n                    value={data.ongoingProject}\n                    icon={<TbProgressBolt />}\n                />\n                <StatisticCard\n                    title=\"Project completed\"\n                    className=\"bg-emerald-100 dark:bg-opacity-75\"\n                    value={data.projectCompleted}\n                    icon={<TbCopyCheck />}\n                />\n                <StatisticCard\n                    title=\"Upcoming project\"\n                    className=\"bg-purple-100 dark:bg-opacity-75\"\n                    value={data.upcomingProject}\n                    icon={<TbArrowDownToArc />}\n                />\n            </div>\n        </Card>\n    )\n}\n\nexport default ProjectOverview\n"],"names":["StatisticCard","title","className","icon","value","jsx","classNames","jsxs","ProjectOverview","data","Card","Link","Button","TbProgressBolt","TbCopyCheck","TbArrowDownToArc"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAgB,CAAC;AAAA,EACnB,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAJ;AAAA,IACJ;AAAA,IAEA,UAAA,gBAAAK,EAAC,OAAI,EAAA,WAAU,8CACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OACG,EAAA,UAAA;AAAA,QAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,gCAAgC,UAAMJ,GAAA;AAAA,QACpD,gBAAAI,EAAA,MAAA,EAAG,WAAU,sBAAsB,UAAMD,EAAA,CAAA;AAAA,MAAA,GAC9C;AAAA,MACA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WACI;AAAA,UAGH,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,EACJ,CAAA;AAAA,EAAA;AACJ,GAIFK,IAAkB,CAAC,EAAE,MAAAC,0BAElBC,GACG,EAAA,UAAA;AAAA,EAAC,gBAAAH,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,IAAA,gBAAAF,EAAC,QAAG,UAAQ,WAAA,CAAA;AAAA,IACZ,gBAAAA,EAACM,GAAK,EAAA,IAAG,mCACL,UAAA,gBAAAN,EAACO,GAAO,EAAA,WAAU,OAAM,MAAK,MAAK,UAAA,eAAA,CAElC,EACJ,CAAA;AAAA,EAAA,GACJ;AAAA,EACA,gBAAAL,EAAC,OAAI,EAAA,WAAU,0DACX,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACL;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,WAAU;AAAA,QACV,OAAOS,EAAK;AAAA,QACZ,wBAAOI,GAAe,CAAA,CAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,IACA,gBAAAR;AAAA,MAACL;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,WAAU;AAAA,QACV,OAAOS,EAAK;AAAA,QACZ,wBAAOK,GAAY,CAAA,CAAA;AAAA,MAAA;AAAA,IACvB;AAAA,IACA,gBAAAT;AAAA,MAACL;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,WAAU;AAAA,QACV,OAAOS,EAAK;AAAA,QACZ,wBAAOM,GAAiB,CAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5B,EACJ,CAAA;AAAA,GACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RecentActivity.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/RecentActivity.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Timeline from '@/components/ui/Timeline'\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\nimport isEmpty from 'lodash/isEmpty'\nimport type { Activities } from '../types'\n\ntype RecentActivityProps = {\n    data: Activities\n}\n\nconst RecentActivity = ({ data }: RecentActivityProps) => {\n    return (\n        <Card>\n            <div className=\"flex sm:flex-row flex-col md:items-center justify-between mb-6 gap-4\">\n                <h4>Recent activity</h4>\n                <Button size=\"sm\">View all</Button>\n            </div>\n            <div className=\"mt-4\">\n                <ScrollBar className=\"max-h-[390px]\">\n                    <Timeline>\n                        {isEmpty(data) ? (\n                            <Timeline.Item>No Activities</Timeline.Item>\n                        ) : (\n                            data.map((event, index) => (\n                                <Timeline.Item\n                                    key={event.type + index}\n                                    media={<ActivityAvatar data={event} />}\n                                >\n                                    <div className=\"mt-1\">\n                                        <ActivityEvent compact data={event} />\n                                    </div>\n                                </Timeline.Item>\n                            ))\n                        )}\n                    </Timeline>\n                </ScrollBar>\n            </div>\n        </Card>\n    )\n}\n\nexport default RecentActivity\n"],"names":["RecentActivity","data","Card","jsxs","jsx","Button","ScrollBar","Timeline","isEmpty","event","index","ActivityAvatar","ActivityEvent"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAAiB,CAAC,EAAE,MAAAC,0BAEjBC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,wEACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,IACnB,gBAAAA,EAACC,GAAA,EAAO,MAAK,MAAK,UAAA,WAAA,CAAQ;AAAA,EAAA,GAC9B;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,QACX,4BAACE,GAAA,EAAU,WAAU,iBACjB,UAAA,gBAAAF,EAACG,GAAA,EACI,UAAAC,EAAQP,CAAI,IACT,gBAAAG,EAACG,EAAS,MAAT,EAAc,UAAA,gBAAA,CAAa,IAE5BN,EAAK,IAAI,CAACQ,GAAOC,MACb,gBAAAN;AAAA,IAACG,EAAS;AAAA,IAAT;AAAA,MAEG,OAAO,gBAAAH,EAACO,GAAA,EAAe,MAAMF,EAAA,CAAO;AAAA,MAEpC,UAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACQ,KAAc,SAAO,IAAC,MAAMH,EAAA,CAAO,EAAA,CACxC;AAAA,IAAA;AAAA,IALKA,EAAM,OAAOC;AAAA,EAAA,CAOzB,EAAA,CAET,EAAA,CACJ,EAAA,CACJ;AAAA,GACJ;"}
+{"version":3,"file":"RecentActivity.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/RecentActivity.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Timeline from '@/components/ui/Timeline'\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\nimport isEmpty from 'lodash/isEmpty'\nimport type { Activities } from '../types'\n\ntype RecentActivityProps = {\n    data: Activities\n}\n\nconst RecentActivity = ({ data }: RecentActivityProps) => {\n    return (\n        <Card>\n            <div className=\"flex sm:flex-row flex-col md:items-center justify-between mb-6 gap-4\">\n                <h4>Recent activity</h4>\n                <Button size=\"sm\">View all</Button>\n            </div>\n            <div className=\"mt-4\">\n                <ScrollBar className=\"max-h-[390px]\">\n                    <Timeline>\n                        {isEmpty(data) ? (\n                            <Timeline.Item>No Activities</Timeline.Item>\n                        ) : (\n                            data.map((event, index) => (\n                                <Timeline.Item\n                                    key={event.type + index}\n                                    media={<ActivityAvatar data={event} />}\n                                >\n                                    <div className=\"mt-1\">\n                                        <ActivityEvent compact data={event} />\n                                    </div>\n                                </Timeline.Item>\n                            ))\n                        )}\n                    </Timeline>\n                </ScrollBar>\n            </div>\n        </Card>\n    )\n}\n\nexport default RecentActivity\n"],"names":["RecentActivity","data","Card","jsxs","jsx","Button","ScrollBar","Timeline","isEmpty","event","index","ActivityAvatar","ActivityEvent"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAAiB,CAAC,EAAE,MAAAC,0BAEjBC,GACG,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,wEACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,IAClB,gBAAAA,EAAAC,GAAA,EAAO,MAAK,MAAK,UAAQ,WAAA,CAAA;AAAA,EAAA,GAC9B;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,QACX,4BAACE,GAAU,EAAA,WAAU,iBACjB,UAAA,gBAAAF,EAACG,GACI,EAAA,UAAAC,EAAQP,CAAI,IACT,gBAAAG,EAACG,EAAS,MAAT,EAAc,UAAA,gBAAa,CAAA,IAE5BN,EAAK,IAAI,CAACQ,GAAOC,MACb,gBAAAN;AAAA,IAACG,EAAS;AAAA,IAAT;AAAA,MAEG,OAAO,gBAAAH,EAACO,GAAe,EAAA,MAAMF,EAAO,CAAA;AAAA,MAEpC,UAAA,gBAAAL,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA,EAACQ,KAAc,SAAO,IAAC,MAAMH,EAAO,CAAA,EACxC,CAAA;AAAA,IAAA;AAAA,IALKA,EAAM,OAAOC;AAAA,EAAA,CAOzB,EAET,CAAA,EAAA,CACJ,EACJ,CAAA;AAAA,GACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Schedule.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/Schedule.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport GanttChart from '@/components/shared/GanttChart'\nimport getStartEndDateForProject from '@/components/shared/GanttChart/getStartEndDateForProject'\nimport type { ExtendedTask } from '@/components/shared/GanttChart'\n\ntype ScheduleProps = {\n    data: ExtendedTask[]\n}\n\nconst colorsMap = {\n    overallDesign: '#fbbf24',\n    design: '#fdba74',\n    overallDevelopment: '#6ee7b7',\n    development: '#7dd3fc',\n}\n\nconst Schedule = ({ data = [] }: ScheduleProps) => {\n    const [tasks, setTasks] = useState<ExtendedTask[]>(data)\n\n    const handleTaskChange = (task: ExtendedTask) => {\n        let newTasks = tasks.map((t) => (t.id === task.id ? task : t))\n        if (task.project) {\n            const [start, end] = getStartEndDateForProject(\n                newTasks,\n                task.project,\n            )\n            const project =\n                newTasks[newTasks.findIndex((t) => t.id === task.project)]\n            if (\n                project.start.getTime() !== start.getTime() ||\n                project.end.getTime() !== end.getTime()\n            ) {\n                const changedProject = { ...project, start, end }\n                newTasks = newTasks.map((t) =>\n                    t.id === task.project ? changedProject : t,\n                )\n            }\n        }\n        setTasks(newTasks)\n    }\n\n    const handleProgressChange = async (task: ExtendedTask) => {\n        setTasks(tasks.map((t) => (t.id === task.id ? task : t)))\n    }\n\n    const handleExpanderClick = (task: ExtendedTask) => {\n        setTasks(tasks.map((t) => (t.id === task.id ? task : t)))\n    }\n\n    return (\n        <Card>\n            <div>\n                <h4>Schedule</h4>\n            </div>\n            <div className=\"mt-4\">\n                <GanttChart\n                    tasks={tasks}\n                    colorsMap={colorsMap}\n                    onDateChange={handleTaskChange}\n                    onProgressChange={handleProgressChange}\n                    onExpanderClick={handleExpanderClick}\n                />\n            </div>\n        </Card>\n    )\n}\n\nexport default Schedule\n"],"names":["colorsMap","Schedule","data","tasks","setTasks","useState","Card","jsx","GanttChart","task","newTasks","t","start","end","getStartEndDateForProject","project","changedProject"],"mappings":";;;;;;;AAUA,MAAMA,IAAY;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,oBAAoB;AAAA,EACpB,aAAa;AACjB,GAEMC,IAAW,CAAC,EAAE,MAAAC,IAAO,CAAA,QAAwB;AAC/C,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAyBH,CAAI;AAgCvD,2BACKI,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAAC,MAAA,EAAG,UAAA,WAAA,CAAQ,GAChB;AAAA,IACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAAL;AAAA,QACA,WAAAH;AAAA,QACA,cAvCS,CAACS,MAAuB;AAC7C,cAAIC,IAAWP,EAAM,IAAI,CAACQ,MAAOA,EAAE,OAAOF,EAAK,KAAKA,IAAOE,CAAE;AAC7D,cAAIF,EAAK,SAAS;AACd,kBAAM,CAACG,GAAOC,CAAG,IAAIC;AAAA,cACjBJ;AAAA,cACAD,EAAK;AAAA,YAAA,GAEHM,IACFL,EAASA,EAAS,UAAU,CAACC,MAAMA,EAAE,OAAOF,EAAK,OAAO,CAAC;AAC7D,gBACIM,EAAQ,MAAM,QAAA,MAAcH,EAAM,QAAA,KAClCG,EAAQ,IAAI,QAAA,MAAcF,EAAI,WAChC;AACE,oBAAMG,IAAiB,EAAE,GAAGD,GAAS,OAAAH,GAAO,KAAAC,EAAA;AAC5C,cAAAH,IAAWA,EAAS;AAAA,gBAAI,CAACC,MACrBA,EAAE,OAAOF,EAAK,UAAUO,IAAiBL;AAAA,cAAA;AAAA,YAEjD;AAAA,UACJ;AACA,UAAAP,EAASM,CAAQ;AAAA,QACrB;AAAA,QAoBgB,kBAlBa,OAAOD,MAAuB;AACvD,UAAAL,EAASD,EAAM,IAAI,CAACQ,MAAOA,EAAE,OAAOF,EAAK,KAAKA,IAAOE,CAAE,CAAC;AAAA,QAC5D;AAAA,QAiBgB,iBAfY,CAACF,MAAuB;AAChD,UAAAL,EAASD,EAAM,IAAI,CAACQ,MAAOA,EAAE,OAAOF,EAAK,KAAKA,IAAOE,CAAE,CAAC;AAAA,QAC5D;AAAA,MAaiC;AAAA,IAAA,EACrB,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Schedule.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/Schedule.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport GanttChart from '@/components/shared/GanttChart'\nimport getStartEndDateForProject from '@/components/shared/GanttChart/getStartEndDateForProject'\nimport type { ExtendedTask } from '@/components/shared/GanttChart'\n\ntype ScheduleProps = {\n    data: ExtendedTask[]\n}\n\nconst colorsMap = {\n    overallDesign: '#fbbf24',\n    design: '#fdba74',\n    overallDevelopment: '#6ee7b7',\n    development: '#7dd3fc',\n}\n\nconst Schedule = ({ data = [] }: ScheduleProps) => {\n    const [tasks, setTasks] = useState<ExtendedTask[]>(data)\n\n    const handleTaskChange = (task: ExtendedTask) => {\n        let newTasks = tasks.map((t) => (t.id === task.id ? task : t))\n        if (task.project) {\n            const [start, end] = getStartEndDateForProject(\n                newTasks,\n                task.project,\n            )\n            const project =\n                newTasks[newTasks.findIndex((t) => t.id === task.project)]\n            if (\n                project.start.getTime() !== start.getTime() ||\n                project.end.getTime() !== end.getTime()\n            ) {\n                const changedProject = { ...project, start, end }\n                newTasks = newTasks.map((t) =>\n                    t.id === task.project ? changedProject : t,\n                )\n            }\n        }\n        setTasks(newTasks)\n    }\n\n    const handleProgressChange = async (task: ExtendedTask) => {\n        setTasks(tasks.map((t) => (t.id === task.id ? task : t)))\n    }\n\n    const handleExpanderClick = (task: ExtendedTask) => {\n        setTasks(tasks.map((t) => (t.id === task.id ? task : t)))\n    }\n\n    return (\n        <Card>\n            <div>\n                <h4>Schedule</h4>\n            </div>\n            <div className=\"mt-4\">\n                <GanttChart\n                    tasks={tasks}\n                    colorsMap={colorsMap}\n                    onDateChange={handleTaskChange}\n                    onProgressChange={handleProgressChange}\n                    onExpanderClick={handleExpanderClick}\n                />\n            </div>\n        </Card>\n    )\n}\n\nexport default Schedule\n"],"names":["colorsMap","Schedule","data","tasks","setTasks","useState","Card","jsx","GanttChart","task","newTasks","t","start","end","getStartEndDateForProject","project","changedProject"],"mappings":";;;;;;;AAUA,MAAMA,IAAY;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,oBAAoB;AAAA,EACpB,aAAa;AACjB,GAEMC,IAAW,CAAC,EAAE,MAAAC,IAAO,CAAA,QAAwB;AAC/C,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAyBH,CAAI;AAgCvD,2BACKI,GACG,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAAC,OACG,EAAA,UAAA,gBAAAA,EAAC,MAAG,EAAA,UAAA,WAAQ,CAAA,GAChB;AAAA,IACA,gBAAAA,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAAL;AAAA,QACA,WAAAH;AAAA,QACA,cAvCS,CAACS,MAAuB;AACzC,cAAAC,IAAWP,EAAM,IAAI,CAACQ,MAAOA,EAAE,OAAOF,EAAK,KAAKA,IAAOE,CAAE;AAC7D,cAAIF,EAAK,SAAS;AACR,kBAAA,CAACG,GAAOC,CAAG,IAAIC;AAAA,cACjBJ;AAAA,cACAD,EAAK;AAAA,YACT,GACMM,IACFL,EAASA,EAAS,UAAU,CAACC,MAAMA,EAAE,OAAOF,EAAK,OAAO,CAAC;AAC7D,gBACIM,EAAQ,MAAM,QAAQ,MAAMH,EAAM,QAAA,KAClCG,EAAQ,IAAI,QAAA,MAAcF,EAAI,WAChC;AACE,oBAAMG,IAAiB,EAAE,GAAGD,GAAS,OAAAH,GAAO,KAAAC,EAAI;AAChD,cAAAH,IAAWA,EAAS;AAAA,gBAAI,CAACC,MACrBA,EAAE,OAAOF,EAAK,UAAUO,IAAiBL;AAAA,cAC7C;AAAA,YAAA;AAAA,UACJ;AAEJ,UAAAP,EAASM,CAAQ;AAAA,QACrB;AAAA,QAoBgB,kBAlBa,OAAOD,MAAuB;AAC9C,UAAAL,EAAAD,EAAM,IAAI,CAACQ,MAAOA,EAAE,OAAOF,EAAK,KAAKA,IAAOE,CAAE,CAAC;AAAA,QAC5D;AAAA,QAiBgB,iBAfY,CAACF,MAAuB;AACvC,UAAAL,EAAAD,EAAM,IAAI,CAACQ,MAAOA,EAAE,OAAOF,EAAK,KAAKA,IAAOE,CAAE,CAAC;AAAA,QAC5D;AAAA,MAaiC;AAAA,IAAA,EAEzB,CAAA;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TaskOverview.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/TaskOverview.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Segment from '@/components/ui/Segment'\nimport Badge from '@/components/ui/Badge'\nimport Chart from '@/components/shared/Chart'\nimport { COLORS } from '@/constants/chart.constant'\nimport isEmpty from 'lodash/isEmpty'\nimport type { TaskOverviewChart } from '../types'\n\ntype TaskOverviewProps = {\n    data?: Record<string, TaskOverviewChart>\n}\n\ntype ChartLegendProps = {\n    label: string\n    value: number\n    color?: string\n    showBadge?: boolean\n}\n\nconst ChartLegend = ({\n    label,\n    value,\n    color,\n    showBadge = true,\n}: ChartLegendProps) => {\n    return (\n        <div className=\"flex gap-2\">\n            {showBadge && (\n                <Badge className=\"mt-2.5\" style={{ backgroundColor: color }} />\n            )}\n            <div>\n                <h5 className=\"font-bold\">{value}</h5>\n                <p>{label}</p>\n            </div>\n        </div>\n    )\n}\n\nconst TaskOverview = ({ data }: TaskOverviewProps) => {\n    const [timeRange, setTimeRange] = useState('weekly')\n\n    return (\n        <Card>\n            <div className=\"flex sm:flex-row flex-col md:items-center justify-between mb-6 gap-4\">\n                <h4>Task overview</h4>\n                <Segment\n                    value={timeRange}\n                    size=\"sm\"\n                    onChange={(val) => setTimeRange(val as string)}\n                >\n                    <Segment.Item value=\"daily\">Daily</Segment.Item>\n                    <Segment.Item value=\"weekly\">Weekly</Segment.Item>\n                </Segment>\n            </div>\n            {!isEmpty(data) && (\n                <>\n                    <div className=\"flex items-center justify-between mb-4\">\n                        <div>\n                            <ChartLegend\n                                showBadge={false}\n                                label=\"Total Tasks\"\n                                value={data[timeRange].total}\n                            />\n                        </div>\n                        <div className=\"flex gap-x-6\">\n                            <ChartLegend\n                                color={COLORS[7]}\n                                label={data[timeRange].series[0].name}\n                                value={data[timeRange].onGoing}\n                            />\n                            <ChartLegend\n                                color={COLORS[8]}\n                                label={data[timeRange].series[1].name}\n                                value={data[timeRange].finished}\n                            />\n                        </div>\n                    </div>\n                    <div>\n                        <Chart\n                            series={data[timeRange].series}\n                            xAxis={data[timeRange].range}\n                            type=\"bar\"\n                            customOptions={{\n                                colors: [COLORS[7], COLORS[8]],\n                                legend: { show: false },\n                                plotOptions: {\n                                    bar: {\n                                        columnWidth: '15px',\n                                        borderRadius: 4,\n                                        borderRadiusApplication: 'end',\n                                    },\n                                },\n                            }}\n                        />\n                    </div>\n                </>\n            )}\n        </Card>\n    )\n}\n\nexport default TaskOverview\n"],"names":["ChartLegend","label","value","color","showBadge","jsxs","jsx","Badge","TaskOverview","data","timeRange","setTimeRange","useState","Card","Segment","val","isEmpty","Fragment","COLORS","Chart"],"mappings":";;;;;;;;;;AAoBA,MAAMA,IAAc,CAAC;AAAA,EACjB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAChB,MAEQ,gBAAAC,EAAC,OAAA,EAAI,WAAU,cACV,UAAA;AAAA,EAAAD,KACG,gBAAAE,EAACC,KAAM,WAAU,UAAS,OAAO,EAAE,iBAAiBJ,KAAS;AAAA,oBAEhE,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAG,EAAC,MAAA,EAAG,WAAU,aAAa,UAAAJ,GAAM;AAAA,IACjC,gBAAAI,EAAC,OAAG,UAAAL,EAAA,CAAM;AAAA,EAAA,EAAA,CACd;AAAA,GACJ,GAIFO,IAAe,CAAC,EAAE,MAAAC,QAA8B;AAClD,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,QAAQ;AAEnD,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,wEACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAD;AAAA,QAACS;AAAA,QAAA;AAAA,UACG,OAAOJ;AAAA,UACP,MAAK;AAAA,UACL,UAAU,CAACK,MAAQJ,EAAaI,CAAa;AAAA,UAE7C,UAAA;AAAA,YAAA,gBAAAT,EAACQ,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,SAAK;AAAA,8BAChCA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,SAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACvC,GACJ;AAAA,IACC,CAACE,EAAQP,CAAI,KACV,gBAAAJ,EAAAY,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAZ,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA;AAAA,UAACN;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,YACX,OAAM;AAAA,YACN,OAAOS,EAAKC,CAAS,EAAE;AAAA,UAAA;AAAA,QAAA,GAE/B;AAAA,QACA,gBAAAL,EAAC,OAAA,EAAI,WAAU,gBACX,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACN;AAAA,YAAA;AAAA,cACG,OAAOkB,EAAO,CAAC;AAAA,cACf,OAAOT,EAAKC,CAAS,EAAE,OAAO,CAAC,EAAE;AAAA,cACjC,OAAOD,EAAKC,CAAS,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UAE3B,gBAAAJ;AAAA,YAACN;AAAA,YAAA;AAAA,cACG,OAAOkB,EAAO,CAAC;AAAA,cACf,OAAOT,EAAKC,CAAS,EAAE,OAAO,CAAC,EAAE;AAAA,cACjC,OAAOD,EAAKC,CAAS,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAC3B,EAAA,CACJ;AAAA,MAAA,GACJ;AAAA,wBACC,OAAA,EACG,UAAA,gBAAAJ;AAAA,QAACa;AAAA,QAAA;AAAA,UACG,QAAQV,EAAKC,CAAS,EAAE;AAAA,UACxB,OAAOD,EAAKC,CAAS,EAAE;AAAA,UACvB,MAAK;AAAA,UACL,eAAe;AAAA,YACX,QAAQ,CAACQ,EAAO,CAAC,GAAGA,EAAO,CAAC,CAAC;AAAA,YAC7B,QAAQ,EAAE,MAAM,GAAA;AAAA,YAChB,aAAa;AAAA,cACT,KAAK;AAAA,gBACD,aAAa;AAAA,gBACb,cAAc;AAAA,gBACd,yBAAyB;AAAA,cAAA;AAAA,YAC7B;AAAA,UACJ;AAAA,QACJ;AAAA,MAAA,EACJ,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"TaskOverview.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/TaskOverview.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Segment from '@/components/ui/Segment'\nimport Badge from '@/components/ui/Badge'\nimport Chart from '@/components/shared/Chart'\nimport { COLORS } from '@/constants/chart.constant'\nimport isEmpty from 'lodash/isEmpty'\nimport type { TaskOverviewChart } from '../types'\n\ntype TaskOverviewProps = {\n    data?: Record<string, TaskOverviewChart>\n}\n\ntype ChartLegendProps = {\n    label: string\n    value: number\n    color?: string\n    showBadge?: boolean\n}\n\nconst ChartLegend = ({\n    label,\n    value,\n    color,\n    showBadge = true,\n}: ChartLegendProps) => {\n    return (\n        <div className=\"flex gap-2\">\n            {showBadge && (\n                <Badge className=\"mt-2.5\" style={{ backgroundColor: color }} />\n            )}\n            <div>\n                <h5 className=\"font-bold\">{value}</h5>\n                <p>{label}</p>\n            </div>\n        </div>\n    )\n}\n\nconst TaskOverview = ({ data }: TaskOverviewProps) => {\n    const [timeRange, setTimeRange] = useState('weekly')\n\n    return (\n        <Card>\n            <div className=\"flex sm:flex-row flex-col md:items-center justify-between mb-6 gap-4\">\n                <h4>Task overview</h4>\n                <Segment\n                    value={timeRange}\n                    size=\"sm\"\n                    onChange={(val) => setTimeRange(val as string)}\n                >\n                    <Segment.Item value=\"daily\">Daily</Segment.Item>\n                    <Segment.Item value=\"weekly\">Weekly</Segment.Item>\n                </Segment>\n            </div>\n            {!isEmpty(data) && (\n                <>\n                    <div className=\"flex items-center justify-between mb-4\">\n                        <div>\n                            <ChartLegend\n                                showBadge={false}\n                                label=\"Total Tasks\"\n                                value={data[timeRange].total}\n                            />\n                        </div>\n                        <div className=\"flex gap-x-6\">\n                            <ChartLegend\n                                color={COLORS[7]}\n                                label={data[timeRange].series[0].name}\n                                value={data[timeRange].onGoing}\n                            />\n                            <ChartLegend\n                                color={COLORS[8]}\n                                label={data[timeRange].series[1].name}\n                                value={data[timeRange].finished}\n                            />\n                        </div>\n                    </div>\n                    <div>\n                        <Chart\n                            series={data[timeRange].series}\n                            xAxis={data[timeRange].range}\n                            type=\"bar\"\n                            customOptions={{\n                                colors: [COLORS[7], COLORS[8]],\n                                legend: { show: false },\n                                plotOptions: {\n                                    bar: {\n                                        columnWidth: '15px',\n                                        borderRadius: 4,\n                                        borderRadiusApplication: 'end',\n                                    },\n                                },\n                            }}\n                        />\n                    </div>\n                </>\n            )}\n        </Card>\n    )\n}\n\nexport default TaskOverview\n"],"names":["ChartLegend","label","value","color","showBadge","jsxs","jsx","Badge","TaskOverview","data","timeRange","setTimeRange","useState","Card","Segment","val","isEmpty","Fragment","COLORS","Chart"],"mappings":";;;;;;;;;;AAoBA,MAAMA,IAAc,CAAC;AAAA,EACjB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAChB,MAEQ,gBAAAC,EAAC,OAAI,EAAA,WAAU,cACV,UAAA;AAAA,EACGD,KAAA,gBAAAE,EAACC,KAAM,WAAU,UAAS,OAAO,EAAE,iBAAiBJ,KAAS;AAAA,oBAEhE,OACG,EAAA,UAAA;AAAA,IAAC,gBAAAG,EAAA,MAAA,EAAG,WAAU,aAAa,UAAMJ,GAAA;AAAA,IACjC,gBAAAI,EAAC,OAAG,UAAML,EAAA,CAAA;AAAA,EAAA,EACd,CAAA;AAAA,GACJ,GAIFO,IAAe,CAAC,EAAE,MAAAC,QAA8B;AAClD,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,QAAQ;AAEnD,2BACKC,GACG,EAAA,UAAA;AAAA,IAAC,gBAAAR,EAAA,OAAA,EAAI,WAAU,wEACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAa,gBAAA,CAAA;AAAA,MACjB,gBAAAD;AAAA,QAACS;AAAA,QAAA;AAAA,UACG,OAAOJ;AAAA,UACP,MAAK;AAAA,UACL,UAAU,CAACK,MAAQJ,EAAaI,CAAa;AAAA,UAE7C,UAAA;AAAA,YAAA,gBAAAT,EAACQ,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAK,SAAA;AAAA,8BAChCA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAM,SAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACvC,GACJ;AAAA,IACC,CAACE,EAAQP,CAAI,KAEN,gBAAAJ,EAAAY,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAZ,EAAA,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,QAAA,gBAAAC,EAAC,OACG,EAAA,UAAA,gBAAAA;AAAA,UAACN;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,YACX,OAAM;AAAA,YACN,OAAOS,EAAKC,CAAS,EAAE;AAAA,UAAA;AAAA,QAAA,GAE/B;AAAA,QACA,gBAAAL,EAAC,OAAI,EAAA,WAAU,gBACX,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACN;AAAA,YAAA;AAAA,cACG,OAAOkB,EAAO,CAAC;AAAA,cACf,OAAOT,EAAKC,CAAS,EAAE,OAAO,CAAC,EAAE;AAAA,cACjC,OAAOD,EAAKC,CAAS,EAAE;AAAA,YAAA;AAAA,UAC3B;AAAA,UACA,gBAAAJ;AAAA,YAACN;AAAA,YAAA;AAAA,cACG,OAAOkB,EAAO,CAAC;AAAA,cACf,OAAOT,EAAKC,CAAS,EAAE,OAAO,CAAC,EAAE;AAAA,cACjC,OAAOD,EAAKC,CAAS,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAC3B,EACJ,CAAA;AAAA,MAAA,GACJ;AAAA,wBACC,OACG,EAAA,UAAA,gBAAAJ;AAAA,QAACa;AAAA,QAAA;AAAA,UACG,QAAQV,EAAKC,CAAS,EAAE;AAAA,UACxB,OAAOD,EAAKC,CAAS,EAAE;AAAA,UACvB,MAAK;AAAA,UACL,eAAe;AAAA,YACX,QAAQ,CAACQ,EAAO,CAAC,GAAGA,EAAO,CAAC,CAAC;AAAA,YAC7B,QAAQ,EAAE,MAAM,GAAM;AAAA,YACtB,aAAa;AAAA,cACT,KAAK;AAAA,gBACD,aAAa;AAAA,gBACb,cAAc;AAAA,gBACd,yBAAyB;AAAA,cAAA;AAAA,YAC7B;AAAA,UACJ;AAAA,QACJ;AAAA,MAAA,EAER,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,GAER;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"UpcomingSchedule.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/UpcomingSchedule.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport Calendar from '@/components/ui/Calendar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport CreateEventDialog, { eventTypes } from './CreateEventDialog'\nimport { eventGenerator, isToday } from '../utils'\nimport classNames from '@/utils/classNames'\n\nimport dayjs from 'dayjs'\nimport type { FormSchema as CreateEventPayload } from './CreateEventDialog'\nimport type { Event } from '../types'\n\ntype ScheduledEvent = {\n    id: string\n    type: Event\n    label: string\n    time?: Date\n}\n\ntype ScheduledEventProps = ScheduledEvent\n\nconst ScheduledEvent = (props: ScheduledEventProps) => {\n    const { type, label, time } = props\n\n    const event = eventTypes[type]\n\n    return (\n        <div className=\"flex items-center justify-between gap-4 py-1\">\n            <div className=\"flex items-center gap-3\">\n                <div>\n                    <Avatar\n                        className={classNames('text-gray-900', event?.color)}\n                        icon={event?.icon}\n                        shape=\"round\"\n                    />\n                </div>\n                <div>\n                    <div className=\"font-bold heading-text\">{label}</div>\n                    <div className=\"font-normal\">{event?.label}</div>\n                </div>\n            </div>\n            <div>\n                <span className=\"font-semibold heading-text\">\n                    {time && dayjs(time).format('hh:mm')}{' '}\n                </span>\n                <small>{time && dayjs(time).format('A')}</small>\n            </div>\n        </div>\n    )\n}\n\nconst UpcomingSchedule = () => {\n    const [selectedDate, setSelectedDate] = useState<Date | null>(\n        dayjs().toDate(),\n    )\n    const [createdEventCache, setCreatedEventCache] = useState<\n        Record<string, ScheduledEvent[]>\n    >({})\n\n    const eventList = useMemo(() => {\n        const date = selectedDate\n        const previousCreatedEvent =\n            createdEventCache[dayjs(date).toISOString()] || []\n        const eventList = [\n            ...eventGenerator(date as Date),\n            ...previousCreatedEvent,\n        ]\n\n        return eventList.sort((a, b) => {\n            if (!a.time && !b.time) {\n                return 0\n            }\n            if (!a.time) {\n                return 1\n            }\n            if (!b.time) {\n                return -1\n            }\n            return a.time.getTime() - b.time.getTime()\n        })\n    }, [selectedDate, createdEventCache])\n\n    const handleCreateEvent = (value: CreateEventPayload & { id: string }) => {\n        const payload = {\n            id: value.id,\n            label: value.label,\n            type: value.type,\n            time: dayjs(selectedDate)\n                .set('hour', value.time)\n                .set('minute', 0)\n                .toDate(),\n        }\n        setCreatedEventCache((prevRecord) => {\n            if (prevRecord[dayjs(selectedDate).toISOString()]) {\n                prevRecord[dayjs(selectedDate).toISOString()].push(payload)\n            } else {\n                prevRecord[dayjs(selectedDate).toISOString()] = [payload]\n            }\n\n            return structuredClone(prevRecord)\n        })\n    }\n\n    return (\n        <Card>\n            <div className=\"flex flex-col md:flex-row xl:flex-col md:gap-10 xl:gap-0\">\n                <div className=\"flex items-center mx-auto w-[280px]\">\n                    <Calendar\n                        value={selectedDate}\n                        onChange={(val) => {\n                            setSelectedDate(val)\n                        }}\n                    />\n                </div>\n                <div className=\"w-full\">\n                    <div className=\"my-6\">\n                        <h5>\n                            Scehdule{' '}\n                            {isToday(selectedDate as Date)\n                                ? 'today'\n                                : dayjs(selectedDate).format('DD MMM')}\n                        </h5>\n                    </div>\n                    <div className=\"w-full\">\n                        <ScrollBar className=\"overflow-y-auto h-[280px] xl:max-w-[280px]\">\n                            <div className=\"flex flex-col gap-4\">\n                                {eventList.map((event) => (\n                                    <ScheduledEvent key={event.id} {...event} />\n                                ))}\n                            </div>\n                        </ScrollBar>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-4\">\n                <CreateEventDialog onCreateEvent={handleCreateEvent} />\n            </div>\n        </Card>\n    )\n}\n\nexport default UpcomingSchedule\n"],"names":["ScheduledEvent","props","type","label","time","event","eventTypes","jsxs","jsx","Avatar","classNames","dayjs","UpcomingSchedule","selectedDate","setSelectedDate","useState","createdEventCache","setCreatedEventCache","eventList","useMemo","date","previousCreatedEvent","eventGenerator","a","b","handleCreateEvent","value","payload","prevRecord","Card","Calendar","val","isToday","ScrollBar","CreateEventDialog"],"mappings":"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"}
+{"version":3,"file":"UpcomingSchedule.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/UpcomingSchedule.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport Calendar from '@/components/ui/Calendar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport CreateEventDialog, { eventTypes } from './CreateEventDialog'\nimport { eventGenerator, isToday } from '../utils'\nimport classNames from '@/utils/classNames'\n\nimport dayjs from 'dayjs'\nimport type { FormSchema as CreateEventPayload } from './CreateEventDialog'\nimport type { Event } from '../types'\n\ntype ScheduledEvent = {\n    id: string\n    type: Event\n    label: string\n    time?: Date\n}\n\ntype ScheduledEventProps = ScheduledEvent\n\nconst ScheduledEvent = (props: ScheduledEventProps) => {\n    const { type, label, time } = props\n\n    const event = eventTypes[type]\n\n    return (\n        <div className=\"flex items-center justify-between gap-4 py-1\">\n            <div className=\"flex items-center gap-3\">\n                <div>\n                    <Avatar\n                        className={classNames('text-gray-900', event?.color)}\n                        icon={event?.icon}\n                        shape=\"round\"\n                    />\n                </div>\n                <div>\n                    <div className=\"font-bold heading-text\">{label}</div>\n                    <div className=\"font-normal\">{event?.label}</div>\n                </div>\n            </div>\n            <div>\n                <span className=\"font-semibold heading-text\">\n                    {time && dayjs(time).format('hh:mm')}{' '}\n                </span>\n                <small>{time && dayjs(time).format('A')}</small>\n            </div>\n        </div>\n    )\n}\n\nconst UpcomingSchedule = () => {\n    const [selectedDate, setSelectedDate] = useState<Date | null>(\n        dayjs().toDate(),\n    )\n    const [createdEventCache, setCreatedEventCache] = useState<\n        Record<string, ScheduledEvent[]>\n    >({})\n\n    const eventList = useMemo(() => {\n        const date = selectedDate\n        const previousCreatedEvent =\n            createdEventCache[dayjs(date).toISOString()] || []\n        const eventList = [\n            ...eventGenerator(date as Date),\n            ...previousCreatedEvent,\n        ]\n\n        return eventList.sort((a, b) => {\n            if (!a.time && !b.time) {\n                return 0\n            }\n            if (!a.time) {\n                return 1\n            }\n            if (!b.time) {\n                return -1\n            }\n            return a.time.getTime() - b.time.getTime()\n        })\n    }, [selectedDate, createdEventCache])\n\n    const handleCreateEvent = (value: CreateEventPayload & { id: string }) => {\n        const payload = {\n            id: value.id,\n            label: value.label,\n            type: value.type,\n            time: dayjs(selectedDate)\n                .set('hour', value.time)\n                .set('minute', 0)\n                .toDate(),\n        }\n        setCreatedEventCache((prevRecord) => {\n            if (prevRecord[dayjs(selectedDate).toISOString()]) {\n                prevRecord[dayjs(selectedDate).toISOString()].push(payload)\n            } else {\n                prevRecord[dayjs(selectedDate).toISOString()] = [payload]\n            }\n\n            return structuredClone(prevRecord)\n        })\n    }\n\n    return (\n        <Card>\n            <div className=\"flex flex-col md:flex-row xl:flex-col md:gap-10 xl:gap-0\">\n                <div className=\"flex items-center mx-auto w-[280px]\">\n                    <Calendar\n                        value={selectedDate}\n                        onChange={(val) => {\n                            setSelectedDate(val)\n                        }}\n                    />\n                </div>\n                <div className=\"w-full\">\n                    <div className=\"my-6\">\n                        <h5>\n                            Scehdule{' '}\n                            {isToday(selectedDate as Date)\n                                ? 'today'\n                                : dayjs(selectedDate).format('DD MMM')}\n                        </h5>\n                    </div>\n                    <div className=\"w-full\">\n                        <ScrollBar className=\"overflow-y-auto h-[280px] xl:max-w-[280px]\">\n                            <div className=\"flex flex-col gap-4\">\n                                {eventList.map((event) => (\n                                    <ScheduledEvent key={event.id} {...event} />\n                                ))}\n                            </div>\n                        </ScrollBar>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-4\">\n                <CreateEventDialog onCreateEvent={handleCreateEvent} />\n            </div>\n        </Card>\n    )\n}\n\nexport default UpcomingSchedule\n"],"names":["ScheduledEvent","props","type","label","time","event","eventTypes","jsxs","jsx","Avatar","classNames","dayjs","UpcomingSchedule","selectedDate","setSelectedDate","useState","createdEventCache","setCreatedEventCache","eventList","useMemo","date","previousCreatedEvent","eventGenerator","a","b","handleCreateEvent","value","payload","prevRecord","Card","Calendar","val","isToday","ScrollBar","CreateEventDialog"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../lib/@ecme/views/dashboards/ProjectDashboard/utils.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport type { Event } from './types'\n\ntype EventSet = 'today' | 'daily' | 'weekends' | 'occasionA' | 'occasionB'\n\nconst getEvents = (date: Date, eventsSet: EventSet) => {\n    const events: Record<\n        EventSet,\n        {\n            id: string\n            type: Event\n            label: string\n            time?: Date\n        }[]\n    > = {\n        today: [\n            {\n                id: '519bd1ca-c604-4985-a25b-b17f6bb829a7',\n                type: 'meeting',\n                label: 'Daily standup',\n                time: dayjs(date).set('hour', 10).set('minute', 0).toDate(),\n            },\n            {\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\n                type: 'task',\n                label: 'Write daily report',\n                time: dayjs(date).set('hour', 17).set('minute', 0).toDate(),\n            },\n            {\n                id: '3f3ee64a-f639-44b8-9a64-1ff586b467e1',\n                type: 'event',\n                label: 'Townhall',\n                time: dayjs(date).set('hour', 15).set('minute', 0).toDate(),\n            },\n            {\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\n                type: 'breaks',\n                label: 'Lunch break',\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\n            },\n        ],\n        daily: [\n            {\n                id: '519bd1ca-c604-4985-a25b-b17f6bb829a7',\n                type: 'meeting',\n                label: 'Stand up',\n                time: dayjs(date).set('hour', 10).set('minute', 0).toDate(),\n            },\n            {\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\n                type: 'breaks',\n                label: 'Lunch break',\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\n            },\n            {\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\n                type: 'task',\n                label: 'Write daily report',\n                time: dayjs(date).set('hour', 17).set('minute', 0).toDate(),\n            },\n        ],\n        weekends: [\n            {\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\n                type: 'holiday',\n                label: 'Holiday',\n            },\n        ],\n        occasionA: [\n            {\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\n                type: 'breaks',\n                label: 'Lunch break',\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\n            },\n            {\n                id: '13404e47-2e68-44e4-a60a-588d6e62fe49',\n                type: 'workshops',\n                label: 'Training sessions',\n                time: dayjs(date).set('hour', 14).set('minute', 0).toDate(),\n            },\n            {\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\n                type: 'task',\n                label: 'Write daily report',\n                time: dayjs(date).set('hour', 17).set('minute', 0).toDate(),\n            },\n        ],\n        occasionB: [\n            {\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\n                type: 'breaks',\n                label: 'Lunch break',\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\n            },\n            {\n                id: '13404e47-2e68-44e4-a60a-588d6e62fe49',\n                type: 'workshops',\n                label: 'Training sessions',\n                time: dayjs(date).set('hour', 14).set('minute', 0).toDate(),\n            },\n            {\n                id: '519bd1ca-c604-4985-a25b-b17f6bb829a7',\n                type: 'meeting',\n                label: 'Stand up',\n                time: dayjs(date).set('hour', 13).set('minute', 0).toDate(),\n            },\n            {\n                id: '54199930-814a-4a90-9738-c50e3d5ab20f',\n                type: 'reminders',\n                label: 'Team follow ups',\n                time: dayjs(date).set('hour', 15).set('minute', 0).toDate(),\n            },\n        ],\n    }\n    return events[eventsSet] || []\n}\n\nexport const isToday = (someDate: Date) => {\n    const today = new Date()\n    return (\n        someDate.getDate() === today.getDate() &&\n        someDate.getMonth() === today.getMonth() &&\n        someDate.getFullYear() === today.getFullYear()\n    )\n}\n\nconst isWeekend = (someDate: Date) => {\n    const dayOfWeek = someDate.getDay()\n    return dayOfWeek === 6 || dayOfWeek === 0\n}\n\nexport const eventGenerator = (date: Date) => {\n    if (isToday(date)) {\n        return getEvents(date, 'today')\n    }\n\n    if (isWeekend(date)) {\n        return getEvents(date, 'weekends')\n    }\n\n    if ([2, 5, 11, 14, 16, 23, 27].includes(date.getDate())) {\n        return getEvents(date, 'occasionA')\n    }\n\n    if ([3, 6, 7, 12, 15, 21, 25, 28].includes(date.getDate())) {\n        return getEvents(date, 'occasionB')\n    }\n\n    return getEvents(date, 'daily')\n}\n"],"names":["getEvents","date","eventsSet","dayjs","isToday","someDate","today","isWeekend","dayOfWeek","eventGenerator"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../lib/@ecme/views/dashboards/ProjectDashboard/utils.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport type { Event } from './types'\n\ntype EventSet = 'today' | 'daily' | 'weekends' | 'occasionA' | 'occasionB'\n\nconst getEvents = (date: Date, eventsSet: EventSet) => {\n    const events: Record<\n        EventSet,\n        {\n            id: string\n            type: Event\n            label: string\n            time?: Date\n        }[]\n    > = {\n        today: [\n            {\n                id: '519bd1ca-c604-4985-a25b-b17f6bb829a7',\n                type: 'meeting',\n                label: 'Daily standup',\n                time: dayjs(date).set('hour', 10).set('minute', 0).toDate(),\n            },\n            {\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\n                type: 'task',\n                label: 'Write daily report',\n                time: dayjs(date).set('hour', 17).set('minute', 0).toDate(),\n            },\n            {\n                id: '3f3ee64a-f639-44b8-9a64-1ff586b467e1',\n                type: 'event',\n                label: 'Townhall',\n                time: dayjs(date).set('hour', 15).set('minute', 0).toDate(),\n            },\n            {\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\n                type: 'breaks',\n                label: 'Lunch break',\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\n            },\n        ],\n        daily: [\n            {\n                id: '519bd1ca-c604-4985-a25b-b17f6bb829a7',\n                type: 'meeting',\n                label: 'Stand up',\n                time: dayjs(date).set('hour', 10).set('minute', 0).toDate(),\n            },\n            {\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\n                type: 'breaks',\n                label: 'Lunch break',\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\n            },\n            {\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\n                type: 'task',\n                label: 'Write daily report',\n                time: dayjs(date).set('hour', 17).set('minute', 0).toDate(),\n            },\n        ],\n        weekends: [\n            {\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\n                type: 'holiday',\n                label: 'Holiday',\n            },\n        ],\n        occasionA: [\n            {\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\n                type: 'breaks',\n                label: 'Lunch break',\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\n            },\n            {\n                id: '13404e47-2e68-44e4-a60a-588d6e62fe49',\n                type: 'workshops',\n                label: 'Training sessions',\n                time: dayjs(date).set('hour', 14).set('minute', 0).toDate(),\n            },\n            {\n                id: '65af2b08-eb8c-4a6a-aa49-44ad7f7d30af',\n                type: 'task',\n                label: 'Write daily report',\n                time: dayjs(date).set('hour', 17).set('minute', 0).toDate(),\n            },\n        ],\n        occasionB: [\n            {\n                id: 'c6cb8f7a-b726-4749-a3ae-7125202786b5',\n                type: 'breaks',\n                label: 'Lunch break',\n                time: dayjs(date).set('hour', 12).set('minute', 0).toDate(),\n            },\n            {\n                id: '13404e47-2e68-44e4-a60a-588d6e62fe49',\n                type: 'workshops',\n                label: 'Training sessions',\n                time: dayjs(date).set('hour', 14).set('minute', 0).toDate(),\n            },\n            {\n                id: '519bd1ca-c604-4985-a25b-b17f6bb829a7',\n                type: 'meeting',\n                label: 'Stand up',\n                time: dayjs(date).set('hour', 13).set('minute', 0).toDate(),\n            },\n            {\n                id: '54199930-814a-4a90-9738-c50e3d5ab20f',\n                type: 'reminders',\n                label: 'Team follow ups',\n                time: dayjs(date).set('hour', 15).set('minute', 0).toDate(),\n            },\n        ],\n    }\n    return events[eventsSet] || []\n}\n\nexport const isToday = (someDate: Date) => {\n    const today = new Date()\n    return (\n        someDate.getDate() === today.getDate() &&\n        someDate.getMonth() === today.getMonth() &&\n        someDate.getFullYear() === today.getFullYear()\n    )\n}\n\nconst isWeekend = (someDate: Date) => {\n    const dayOfWeek = someDate.getDay()\n    return dayOfWeek === 6 || dayOfWeek === 0\n}\n\nexport const eventGenerator = (date: Date) => {\n    if (isToday(date)) {\n        return getEvents(date, 'today')\n    }\n\n    if (isWeekend(date)) {\n        return getEvents(date, 'weekends')\n    }\n\n    if ([2, 5, 11, 14, 16, 23, 27].includes(date.getDate())) {\n        return getEvents(date, 'occasionA')\n    }\n\n    if ([3, 6, 7, 12, 15, 21, 25, 28].includes(date.getDate())) {\n        return getEvents(date, 'occasionB')\n    }\n\n    return getEvents(date, 'daily')\n}\n"],"names":["getEvents","date","eventsSet","dayjs","isToday","someDate","today","isWeekend","dayOfWeek","eventGenerator"],"mappings":"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"}

package/dist/@ecme/views/guide/ChangeLog/ChangeLog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeLog.js","sources":["../../../../../lib/@ecme/views/guide/ChangeLog/ChangeLog.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport type { ReactNode } from 'react'\n\ntype Log = {\n    version: string\n    date: string\n    updateContent: string[]\n}\n\ntype LogProps = Omit<Log, 'updateContent'> & {\n    border?: boolean\n    children?: ReactNode\n}\n\nconst logData: Log[] = [\n    {\n        version: '1.1.1',\n        date: '08 Jan 2025',\n        updateContent: [\n            `[Fixed] SideNav menu item not highlighted in collapsed mode.`,\n        ],\n    },\n    {\n        version: '1.1.0',\n        date: '07 Jan 2025',\n        updateContent: [\n            `[Updated] React to version 19.`,\n            `[Updated] Various dependencies to their latest versions.`,\n            `[Fixed] Vertical menu collapsed issue in Mobile view`,\n            `[Fixed] Uncovered auth check in VeritcalMenuContent component`,\n            `[Fixed] Select option disabled appearance looks identical to the normal state`,\n            `[Fixed] Eslint no longer working after upgraded to v9`,\n        ],\n    },\n    {\n        version: '1.0.8',\n        date: '15 Dec 2024',\n        updateContent: [\n            `[Updated] Various dependencies to their latest versions.`,\n            `[Added] New field 'activeNavTranslation' to app config.tsx to control navigation translation activation.`,\n            `[Fixed] Translation key typo and missing translation in demo`,\n            `[Fixed] fullWidth prop warning from DatePicker component`,\n            `[Changes] Locales module no longer included in starter pack by default.`,\n            `[Changes] Rename hook 'useTheme' to 'useThemeSchema'`,\n        ],\n    },\n    {\n        version: '1.0.7',\n        date: '17 Nov 2024',\n        updateContent: [`[Fixed] Extra rerender in PostLoginLayout component`],\n    },\n    {\n        version: '1.0.6',\n        date: '08 Nov 2024',\n        updateContent: [\n            `[Fixed] Missing useDirection hook initialization in Theme component.`,\n        ],\n    },\n    {\n        version: '1.0.5',\n        date: '01 Nov 2024',\n        updateContent: [\n            `[Added] OtpInput component.`,\n            `[Added] Otp verification auth pages.`,\n            `[Fixed] Redundant classes in Button & Pagination components.`,\n            `[Fixed] Minor typing issues in DateTable componet.`,\n        ],\n    },\n    {\n        version: '1.0.4',\n        date: '18 Oct 2024',\n        updateContent: [\n            `[Fixed] missing .env file in both starter & demo version.`,\n            `[Fixed] error message overflows the border when the content is too long in all auth pages.`,\n        ],\n    },\n    {\n        version: '1.0.3',\n        date: '07 Oct 2024',\n        updateContent: [`[Fixed] chart not resize when parent element resize.`],\n    },\n    {\n        version: '1.0.2',\n        date: '01 Oct 2024',\n        updateContent: [\n            `[Fixed] invisible configuration panel in blank layout.`,\n        ],\n    },\n    {\n        version: '1.0.1',\n        date: '28 Sep 2024',\n        updateContent: [\n            `[Fixed] token retrieve from localStorage instead of sessionStorage when accessTokenPersistStrategy is 'sessionStorage'.`,\n        ],\n    },\n    {\n        version: '1.0.0',\n        date: '27 Sep 2024',\n        updateContent: ['[Release] Initial Release.'],\n    },\n]\n\nconst Log = (props: LogProps) => {\n    return (\n        <div className={`py-4 ${props.border && 'border-bottom'}`}>\n            <div className=\"flex items-center\">\n                <h5 className=\"font-weight-normal mb-0 mr-3\">\n                    {props.version}\n                </h5>\n                <code>{props.date}</code>\n            </div>\n            <div className=\"api-container p-0 border-0 mt-3\">\n                {props.children}\n            </div>\n        </div>\n    )\n}\n\nconst Changelog = () => {\n    return (\n        <Container>\n            <div>\n                <h4>Changelog</h4>\n                {logData.map((elm) => (\n                    <Log\n                        key={elm.version}\n                        version={`v${elm.version}`}\n                        date={elm.date}\n                    >\n                        {elm.updateContent.length > 0 ? (\n                            <ul>\n                                {elm.updateContent.map((item, i) => (\n                                    <li key={i}>- {item}</li>\n                                ))}\n                            </ul>\n                        ) : null}\n                    </Log>\n                ))}\n            </div>\n        </Container>\n    )\n}\n\nexport default Changelog\n"],"names":["logData","Log","props","jsxs","jsx","Changelog","Container","elm","item"],"mappings":";;AAcA,MAAMA,IAAiB;AAAA,EACnB;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe,CAAC,qDAAqD;AAAA,EAAA;AAAA,EAEzE;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe,CAAC,sDAAsD;AAAA,EAAA;AAAA,EAE1E;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe,CAAC,4BAA4B;AAAA,EAAA;AAEpD,GAEMC,IAAM,CAACC,wBAEJ,OAAA,EAAI,WAAW,QAAQA,EAAM,UAAU,eAAe,IACnD,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,gCACT,UAAAF,EAAM,SACX;AAAA,IACA,gBAAAE,EAAC,QAAA,EAAM,UAAAF,EAAM,KAAA,CAAK;AAAA,EAAA,GACtB;AAAA,EACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mCACV,YAAM,SAAA,CACX;AAAA,GACJ,GAIFC,IAAY,MAEV,gBAAAD,EAACE,GAAA,EACG,UAAA,gBAAAH,EAAC,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAG,UAAA,YAAA,CAAS;AAAA,EACZJ,EAAQ,IAAI,CAACO,MACV,gBAAAH;AAAA,IAACH;AAAA,IAAA;AAAA,MAEG,SAAS,IAAIM,EAAI,OAAO;AAAA,MACxB,MAAMA,EAAI;AAAA,MAET,UAAAA,EAAI,cAAc,SAAS,IACxB,gBAAAH,EAAC,MAAA,EACI,UAAAG,EAAI,cAAc,IAAI,CAACC,GAAM,wBACzB,MAAA,EAAW,UAAA;AAAA,QAAA;AAAA,QAAGA;AAAA,MAAA,KAAN,CAAW,CACvB,EAAA,CACL,IACA;AAAA,IAAA;AAAA,IAVCD,EAAI;AAAA,EAAA,CAYhB;AAAA,EAAA,CACL,EAAA,CACJ;"}
+{"version":3,"file":"ChangeLog.js","sources":["../../../../../lib/@ecme/views/guide/ChangeLog/ChangeLog.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport type { ReactNode } from 'react'\n\ntype Log = {\n    version: string\n    date: string\n    updateContent: string[]\n}\n\ntype LogProps = Omit<Log, 'updateContent'> & {\n    border?: boolean\n    children?: ReactNode\n}\n\nconst logData: Log[] = [\n    {\n        version: '1.1.1',\n        date: '08 Jan 2025',\n        updateContent: [\n            `[Fixed] SideNav menu item not highlighted in collapsed mode.`,\n        ],\n    },\n    {\n        version: '1.1.0',\n        date: '07 Jan 2025',\n        updateContent: [\n            `[Updated] React to version 19.`,\n            `[Updated] Various dependencies to their latest versions.`,\n            `[Fixed] Vertical menu collapsed issue in Mobile view`,\n            `[Fixed] Uncovered auth check in VeritcalMenuContent component`,\n            `[Fixed] Select option disabled appearance looks identical to the normal state`,\n            `[Fixed] Eslint no longer working after upgraded to v9`,\n        ],\n    },\n    {\n        version: '1.0.8',\n        date: '15 Dec 2024',\n        updateContent: [\n            `[Updated] Various dependencies to their latest versions.`,\n            `[Added] New field 'activeNavTranslation' to app config.tsx to control navigation translation activation.`,\n            `[Fixed] Translation key typo and missing translation in demo`,\n            `[Fixed] fullWidth prop warning from DatePicker component`,\n            `[Changes] Locales module no longer included in starter pack by default.`,\n            `[Changes] Rename hook 'useTheme' to 'useThemeSchema'`,\n        ],\n    },\n    {\n        version: '1.0.7',\n        date: '17 Nov 2024',\n        updateContent: [`[Fixed] Extra rerender in PostLoginLayout component`],\n    },\n    {\n        version: '1.0.6',\n        date: '08 Nov 2024',\n        updateContent: [\n            `[Fixed] Missing useDirection hook initialization in Theme component.`,\n        ],\n    },\n    {\n        version: '1.0.5',\n        date: '01 Nov 2024',\n        updateContent: [\n            `[Added] OtpInput component.`,\n            `[Added] Otp verification auth pages.`,\n            `[Fixed] Redundant classes in Button & Pagination components.`,\n            `[Fixed] Minor typing issues in DateTable componet.`,\n        ],\n    },\n    {\n        version: '1.0.4',\n        date: '18 Oct 2024',\n        updateContent: [\n            `[Fixed] missing .env file in both starter & demo version.`,\n            `[Fixed] error message overflows the border when the content is too long in all auth pages.`,\n        ],\n    },\n    {\n        version: '1.0.3',\n        date: '07 Oct 2024',\n        updateContent: [`[Fixed] chart not resize when parent element resize.`],\n    },\n    {\n        version: '1.0.2',\n        date: '01 Oct 2024',\n        updateContent: [\n            `[Fixed] invisible configuration panel in blank layout.`,\n        ],\n    },\n    {\n        version: '1.0.1',\n        date: '28 Sep 2024',\n        updateContent: [\n            `[Fixed] token retrieve from localStorage instead of sessionStorage when accessTokenPersistStrategy is 'sessionStorage'.`,\n        ],\n    },\n    {\n        version: '1.0.0',\n        date: '27 Sep 2024',\n        updateContent: ['[Release] Initial Release.'],\n    },\n]\n\nconst Log = (props: LogProps) => {\n    return (\n        <div className={`py-4 ${props.border && 'border-bottom'}`}>\n            <div className=\"flex items-center\">\n                <h5 className=\"font-weight-normal mb-0 mr-3\">\n                    {props.version}\n                </h5>\n                <code>{props.date}</code>\n            </div>\n            <div className=\"api-container p-0 border-0 mt-3\">\n                {props.children}\n            </div>\n        </div>\n    )\n}\n\nconst Changelog = () => {\n    return (\n        <Container>\n            <div>\n                <h4>Changelog</h4>\n                {logData.map((elm) => (\n                    <Log\n                        key={elm.version}\n                        version={`v${elm.version}`}\n                        date={elm.date}\n                    >\n                        {elm.updateContent.length > 0 ? (\n                            <ul>\n                                {elm.updateContent.map((item, i) => (\n                                    <li key={i}>- {item}</li>\n                                ))}\n                            </ul>\n                        ) : null}\n                    </Log>\n                ))}\n            </div>\n        </Container>\n    )\n}\n\nexport default Changelog\n"],"names":["logData","Log","props","jsxs","jsx","Changelog","Container","elm","item"],"mappings":";;AAcA,MAAMA,IAAiB;AAAA,EACnB;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe,CAAC,qDAAqD;AAAA,EACzE;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe,CAAC,sDAAsD;AAAA,EAC1E;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,MACX;AAAA,IAAA;AAAA,EAER;AAAA,EACA;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe,CAAC,4BAA4B;AAAA,EAAA;AAEpD,GAEMC,IAAM,CAACC,wBAEJ,OAAI,EAAA,WAAW,QAAQA,EAAM,UAAU,eAAe,IACnD,UAAA;AAAA,EAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAG,EAAA,WAAU,gCACT,UAAAF,EAAM,SACX;AAAA,IACA,gBAAAE,EAAC,QAAM,EAAA,UAAAF,EAAM,KAAK,CAAA;AAAA,EAAA,GACtB;AAAA,EACC,gBAAAE,EAAA,OAAA,EAAI,WAAU,mCACV,YAAM,SACX,CAAA;AAAA,GACJ,GAIFC,IAAY,MAEV,gBAAAD,EAACE,GACG,EAAA,UAAA,gBAAAH,EAAC,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAG,UAAS,YAAA,CAAA;AAAA,EACZJ,EAAQ,IAAI,CAACO,MACV,gBAAAH;AAAA,IAACH;AAAA,IAAA;AAAA,MAEG,SAAS,IAAIM,EAAI,OAAO;AAAA,MACxB,MAAMA,EAAI;AAAA,MAET,UAAIA,EAAA,cAAc,SAAS,IACvB,gBAAAH,EAAA,MAAA,EACI,UAAIG,EAAA,cAAc,IAAI,CAACC,GAAM,wBACzB,MAAW,EAAA,UAAA;AAAA,QAAA;AAAA,QAAGA;AAAA,MAAA,KAAN,CAAW,CACvB,EAAA,CACL,IACA;AAAA,IAAA;AAAA,IAVCD,EAAI;AAAA,EAYhB,CAAA;AAAA,EAAA,CACL,EACJ,CAAA;"}

package/dist/@ecme/views/guide/Documentations/DocumentationView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentationView.js","sources":["../../../../../lib/@ecme/views/guide/Documentations/DocumentationView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport documentationRoutes from './documentationRoutes'\nimport DocumentationWrapper from './DocumentationWrapper'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nconst DocumentationView = () => {\n    return (\n        <Routes>\n            {documentationRoutes.map((group) => (\n                <Fragment key={group.groupName}>\n                    {group.nav.map(({ path, component: Component, label }) => (\n                        <Route\n                            key={label}\n                            path={path}\n                            element={\n                                <Suspense\n                                    fallback={\n                                        <div className=\"h-full w-full flex items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <DocumentationWrapper title={label}>\n                                        <Component />\n                                    </DocumentationWrapper>\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default DocumentationView\n"],"names":["DocumentationView","Routes","documentationRoutes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","DocumentationWrapper","Navigate"],"mappings":";;;;;;;AAMA,MAAMA,IAAoB,wBAEjBC,GAAA,EACI,UAAA;AAAA,EAAAC,EAAoB,IAAI,CAACC,MACtB,gBAAAC,EAACC,KACI,UAAAF,EAAM,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MAEG,MAAAH;AAAA,MACA,SACI,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,4BACK,OAAA,EAAI,WAAU,kDACX,UAAA,gBAAAN,EAACO,GAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACvB;AAAA,UAGJ,4BAACC,GAAA,EAAqB,OAAOJ,GACzB,UAAA,gBAAAJ,EAACG,KAAU,EAAA,CACf;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IAbCC;AAAA,EAAA,CAgBZ,EAAA,GAnBUL,EAAM,SAoBrB,CACH;AAAA,EACD,gBAAAC,EAACK,GAAA,EAAM,MAAK,KAAI,SAAS,gBAAAL,EAACS,GAAA,EAAS,SAAO,IAAC,IAAG,IAAA,CAAI,EAAA,CAAI;AAAA,GAC1D;"}
+{"version":3,"file":"DocumentationView.js","sources":["../../../../../lib/@ecme/views/guide/Documentations/DocumentationView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport documentationRoutes from './documentationRoutes'\nimport DocumentationWrapper from './DocumentationWrapper'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nconst DocumentationView = () => {\n    return (\n        <Routes>\n            {documentationRoutes.map((group) => (\n                <Fragment key={group.groupName}>\n                    {group.nav.map(({ path, component: Component, label }) => (\n                        <Route\n                            key={label}\n                            path={path}\n                            element={\n                                <Suspense\n                                    fallback={\n                                        <div className=\"h-full w-full flex items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <DocumentationWrapper title={label}>\n                                        <Component />\n                                    </DocumentationWrapper>\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default DocumentationView\n"],"names":["DocumentationView","Routes","documentationRoutes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","DocumentationWrapper","Navigate"],"mappings":";;;;;;;AAMA,MAAMA,IAAoB,wBAEjBC,GACI,EAAA,UAAA;AAAA,EAAAC,EAAoB,IAAI,CAACC,MACtB,gBAAAC,EAACC,KACI,UAAMF,EAAA,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MAEG,MAAAH;AAAA,MACA,SACI,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,4BACK,OAAI,EAAA,WAAU,kDACX,UAAC,gBAAAN,EAAAO,GAAA,EAAQ,MAAM,GAAA,CAAI,EACvB,CAAA;AAAA,UAGJ,4BAACC,GAAqB,EAAA,OAAOJ,GACzB,UAAA,gBAAAJ,EAACG,KAAU,EACf,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IAbCC;AAAA,EAAA,CAgBZ,EAAA,GAnBUL,EAAM,SAoBrB,CACH;AAAA,EACD,gBAAAC,EAACK,GAAM,EAAA,MAAK,KAAI,SAAU,gBAAAL,EAAAS,GAAA,EAAS,SAAO,IAAC,IAAG,IAAI,CAAA,EAAI,CAAA;AAAA,GAC1D;"}

package/dist/@ecme/views/guide/Documentations/DocumentationWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentationWrapper.js","sources":["../../../../../lib/@ecme/views/guide/Documentations/DocumentationWrapper.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\ntype DocumentationWrapper = {\n    children: ReactNode\n    title: string\n}\n\nconst DocumentationWrapper = ({ children, title }: DocumentationWrapper) => {\n    return (\n        <div className=\"h-full w-full\">\n            <h3 className=\"mb-6\">{title}</h3>\n            <div className=\"prose dark:prose-invert max-w-[800px]\">\n                {children}\n            </div>\n        </div>\n    )\n}\n\nexport default DocumentationWrapper\n"],"names":["DocumentationWrapper","children","title","jsxs","jsx"],"mappings":";AAOA,MAAMA,IAAuB,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAElC,gBAAAC,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAF,GAAM;AAAA,EAC5B,gBAAAE,EAAC,OAAA,EAAI,WAAU,yCACV,UAAAH,EAAA,CACL;AAAA,GACJ;"}
+{"version":3,"file":"DocumentationWrapper.js","sources":["../../../../../lib/@ecme/views/guide/Documentations/DocumentationWrapper.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\ntype DocumentationWrapper = {\n    children: ReactNode\n    title: string\n}\n\nconst DocumentationWrapper = ({ children, title }: DocumentationWrapper) => {\n    return (\n        <div className=\"h-full w-full\">\n            <h3 className=\"mb-6\">{title}</h3>\n            <div className=\"prose dark:prose-invert max-w-[800px]\">\n                {children}\n            </div>\n        </div>\n    )\n}\n\nexport default DocumentationWrapper\n"],"names":["DocumentationWrapper","children","title","jsxs","jsx"],"mappings":";AAOA,MAAMA,IAAuB,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAElC,gBAAAC,EAAC,OAAI,EAAA,WAAU,iBACX,UAAA;AAAA,EAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAQ,UAAMF,GAAA;AAAA,EAC3B,gBAAAE,EAAA,OAAA,EAAI,WAAU,yCACV,UAAAH,EACL,CAAA;AAAA,GACJ;"}

package/dist/@ecme/views/guide/Documentations/Documentations.js.map

@@ -1 +1 @@
-{"version":3,"file":"Documentations.js","sources":["../../../../../lib/@ecme/views/guide/Documentations/Documentations.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\nimport documentationRoutes from './documentationRoutes'\nimport DocumentationView from './DocumentationView'\n\nconst Documentations = () => {\n    return (\n        <div className=\"lg:flex h-full gap-8\">\n            <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\n                <DocumentationNav routes={documentationRoutes} />\n            </div>\n            <div className=\"w-full\">\n                <DocumentationView />\n            </div>\n        </div>\n    )\n}\n\nexport default Documentations\n"],"names":["Documentations","jsxs","jsx","DocumentationNav","documentationRoutes","DocumentationView"],"mappings":";;;;AAIA,MAAMA,IAAiB,MAEf,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,0GACX,4BAACC,GAAA,EAAiB,QAAQC,GAAqB,EAAA,CACnD;AAAA,oBACC,OAAA,EAAI,WAAU,UACX,UAAA,gBAAAF,EAACG,KAAkB,EAAA,CACvB;AAAA,GACJ;"}
+{"version":3,"file":"Documentations.js","sources":["../../../../../lib/@ecme/views/guide/Documentations/Documentations.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\nimport documentationRoutes from './documentationRoutes'\nimport DocumentationView from './DocumentationView'\n\nconst Documentations = () => {\n    return (\n        <div className=\"lg:flex h-full gap-8\">\n            <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\n                <DocumentationNav routes={documentationRoutes} />\n            </div>\n            <div className=\"w-full\">\n                <DocumentationView />\n            </div>\n        </div>\n    )\n}\n\nexport default Documentations\n"],"names":["Documentations","jsxs","jsx","DocumentationNav","documentationRoutes","DocumentationView"],"mappings":";;;;AAIA,MAAMA,IAAiB,MAEf,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,0GACX,4BAACC,GAAiB,EAAA,QAAQC,GAAqB,EACnD,CAAA;AAAA,oBACC,OAAI,EAAA,WAAU,UACX,UAAA,gBAAAF,EAACG,KAAkB,EACvB,CAAA;AAAA,GACJ;"}