@orbe-agro/client-core 5.3.147 → 5.3.156

package/dist/@ecme/views/concepts/products/ProductList/store/productListStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"productListStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/store/productListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Product, Filter } from '../types'\n\nexport const initialTableData: TableQueries = {\n    pageIndex: 1,\n    pageSize: 10,\n    query: '',\n    sort: {\n        order: '',\n        key: '',\n    },\n}\n\nexport const initialFilterData = {\n    minAmount: 0,\n    maxAmount: 5000,\n    productStatus: 'published',\n    productType: ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches'],\n}\n\nexport type ProductsListState = {\n    tableData: TableQueries\n    filterData: Filter\n    selectedProduct: Partial<Product>[]\n}\n\ntype ProductsListAction = {\n    setFilterData: (payload: Filter) => void\n    setTableData: (payload: TableQueries) => void\n    setSelectedProduct: (checked: boolean, customer: Product) => void\n    setSelectAllProduct: (customer: Product[]) => void\n}\n\nconst initialState: ProductsListState = {\n    tableData: initialTableData,\n    filterData: initialFilterData,\n    selectedProduct: [],\n}\n\nexport const useProductListStore = create<\n    ProductsListState & ProductsListAction\n>((set) => ({\n    ...initialState,\n    setFilterData: (payload) => set(() => ({ filterData: payload })),\n    setTableData: (payload) => set(() => ({ tableData: payload })),\n    setSelectedProduct: (checked, row) =>\n        set((state) => {\n            const prevData = state.selectedProduct\n            if (checked) {\n                return { selectedProduct: [...prevData, ...[row]] }\n            } else {\n                if (prevData.some((prevProduct) => row.id === prevProduct.id)) {\n                    return {\n                        selectedProduct: prevData.filter(\n                            (prevProduct) => prevProduct.id !== row.id,\n                        ),\n                    }\n                }\n                return { selectedProduct: prevData }\n            }\n        }),\n    setSelectAllProduct: (row) => set(() => ({ selectedProduct: row })),\n}))\n"],"names":["initialTableData","initialFilterData","initialState","useProductListStore","create","set","payload","checked","row","state","prevData","prevProduct"],"mappings":";AAIO,MAAMA,IAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb,GAEaC,IAAoB;AAAA,EAC7B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa,CAAC,QAAQ,UAAU,WAAW,SAAS,SAAS;AACjE,GAeMC,IAAkC;AAAA,EACpC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,iBAAiB,CAAA;AACrB,GAEaE,IAAsBC,EAEjC,CAACC,OAAS;AAAA,EACR,GAAGH;AAAA,EACH,eAAe,CAACI,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAC/D,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EAC7D,oBAAoB,CAACC,GAASC,MAC1BH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,iBAAiB,CAAC,GAAGG,GAAcF,CAAI,EAAA,IAE5CE,EAAS,KAAK,CAACC,MAAgBH,EAAI,OAAOG,EAAY,EAAE,IACjD;AAAA,MACH,iBAAiBD,EAAS;AAAA,QACtB,CAACC,MAAgBA,EAAY,OAAOH,EAAI;AAAA,MAAA;AAAA,IAC5C,IAGD,EAAE,iBAAiBE,EAAA;AAAA,EAElC,CAAC;AAAA,EACL,qBAAqB,CAACF,MAAQH,EAAI,OAAO,EAAE,iBAAiBG,IAAM;AACtE,EAAE;"}
+{"version":3,"file":"productListStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/store/productListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Product, Filter } from '../types'\n\nexport const initialTableData: TableQueries = {\n    pageIndex: 1,\n    pageSize: 10,\n    query: '',\n    sort: {\n        order: '',\n        key: '',\n    },\n}\n\nexport const initialFilterData = {\n    minAmount: 0,\n    maxAmount: 5000,\n    productStatus: 'published',\n    productType: ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches'],\n}\n\nexport type ProductsListState = {\n    tableData: TableQueries\n    filterData: Filter\n    selectedProduct: Partial<Product>[]\n}\n\ntype ProductsListAction = {\n    setFilterData: (payload: Filter) => void\n    setTableData: (payload: TableQueries) => void\n    setSelectedProduct: (checked: boolean, customer: Product) => void\n    setSelectAllProduct: (customer: Product[]) => void\n}\n\nconst initialState: ProductsListState = {\n    tableData: initialTableData,\n    filterData: initialFilterData,\n    selectedProduct: [],\n}\n\nexport const useProductListStore = create<\n    ProductsListState & ProductsListAction\n>((set) => ({\n    ...initialState,\n    setFilterData: (payload) => set(() => ({ filterData: payload })),\n    setTableData: (payload) => set(() => ({ tableData: payload })),\n    setSelectedProduct: (checked, row) =>\n        set((state) => {\n            const prevData = state.selectedProduct\n            if (checked) {\n                return { selectedProduct: [...prevData, ...[row]] }\n            } else {\n                if (prevData.some((prevProduct) => row.id === prevProduct.id)) {\n                    return {\n                        selectedProduct: prevData.filter(\n                            (prevProduct) => prevProduct.id !== row.id,\n                        ),\n                    }\n                }\n                return { selectedProduct: prevData }\n            }\n        }),\n    setSelectAllProduct: (row) => set(() => ({ selectedProduct: row })),\n}))\n"],"names":["initialTableData","initialFilterData","initialState","useProductListStore","create","set","payload","checked","row","state","prevData","prevProduct"],"mappings":";AAIO,MAAMA,IAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb,GAEaC,IAAoB;AAAA,EAC7B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa,CAAC,QAAQ,UAAU,WAAW,SAAS,SAAS;AACjE,GAeMC,IAAkC;AAAA,EACpC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,iBAAiB,CAAA;AACrB,GAEaE,IAAsBC,EAEjC,CAACC,OAAS;AAAA,EACR,GAAGH;AAAA,EACH,eAAe,CAACI,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAC/D,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EAC7D,oBAAoB,CAACC,GAASC,MAC1BH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,iBAAiB,CAAC,GAAGG,GAAcF,CAAI,EAAE,IAE9CE,EAAS,KAAK,CAACC,MAAgBH,EAAI,OAAOG,EAAY,EAAE,IACjD;AAAA,MACH,iBAAiBD,EAAS;AAAA,QACtB,CAACC,MAAgBA,EAAY,OAAOH,EAAI;AAAA,MAAA;AAAA,IAEhD,IAEG,EAAE,iBAAiBE,EAAS;AAAA,EACvC,CACH;AAAA,EACL,qBAAqB,CAACF,MAAQH,EAAI,OAAO,EAAE,iBAAiBG,IAAM;AACtE,EAAE;"}

package/dist/@ecme/views/concepts/projects/Issue/Issue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Issue.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/Issue/Issue.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport IssueHeader from './components/IssueHeader'\nimport IssueBody from './components/IssueBody'\nimport IssueFooter from './components/IssueFooter'\nimport IssueActivity from './components/IssueActivity'\nimport {\n    apiGetProjectTask,\n    apiGetProjectMembers,\n} from '@/services/ProjectService'\nimport { useIssueStore } from './store/issueStore'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport type { GetIssueResponse, GetProjectMembersResponse } from './types'\n\nconst Issue = () => {\n    const { id } = useParams()\n\n    const { issueData, updateIssueData, setMembers } = useIssueStore()\n\n    const { isLoading } = useSWR(\n        [`/api/projects/tasks/${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetProjectTask<GetIssueResponse, { id: string }>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            onSuccess: (data) => {\n                updateIssueData(data)\n            },\n        },\n    )\n\n    useSWR(\n        ['/api/projects/scrum-board/members'],\n        () => apiGetProjectMembers<GetProjectMembersResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n            onSuccess: (data) => {\n                setMembers(data.participantMembers)\n            },\n        },\n    )\n\n    return (\n        <AdaptiveCard>\n            <Loading loading={isLoading}>\n                {issueData && (\n                    <div className=\"grid grid-cols-1 xl:grid-cols-3 gap-4\">\n                        <div className=\"lg:col-span-2\">\n                            <div className=\"px-6\">\n                                <IssueHeader />\n                                <div className=\"mt-8\">\n                                    <IssueBody />\n                                </div>\n                                <div className=\"mt-8\">\n                                    <IssueFooter />\n                                </div>\n                            </div>\n                        </div>\n                        <div>\n                            <IssueActivity />\n                        </div>\n                    </div>\n                )}\n            </Loading>\n        </AdaptiveCard>\n    )\n}\n\nexport default Issue\n"],"names":["Issue","id","useParams","issueData","updateIssueData","setMembers","useIssueStore","isLoading","useSWR","_","params","apiGetProjectTask","data","apiGetProjectMembers","jsx","AdaptiveCard","Loading","jsxs","IssueHeader","IssueBody","IssueFooter","IssueActivity"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAQ,MAAM;AAChB,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,EAAA,IAAeC,EAAA,GAE7C,EAAE,WAAAC,MAAcC;AAAA,IAClB,CAAC,uBAAuBP,CAAE,IAAI,EAAE,IAAAA,GAAkB;AAAA;AAAA,IAElD,CAAC,CAACQ,GAAGC,CAAM,MACPC,EAAoDD,CAAM;AAAA,IAC9D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,WAAW,CAACE,MAAS;AACjB,QAAAR,EAAgBQ,CAAI;AAAA,MACxB;AAAA,IAAA;AAAA,EACJ;AAGJ,SAAAJ;AAAA,IACI,CAAC,mCAAmC;AAAA,IACpC,MAAMK,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACD,MAAS;AACjB,QAAAP,EAAWO,EAAK,kBAAkB;AAAA,MACtC;AAAA,IAAA;AAAA,EACJ,GAIA,gBAAAE,EAACC,GAAA,EACG,UAAA,gBAAAD,EAACE,GAAA,EAAQ,SAAST,GACb,UAAAJ,KACG,gBAAAc,EAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAI,WAAU,iBACX,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAY;AAAA,wBACZ,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAJ,EAACK,KAAU,GACf;AAAA,wBACC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAL,EAACM,KAAY,EAAA,CACjB;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,gBAAAN,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACO,GAAA,CAAA,CAAc,EAAA,CACnB;AAAA,EAAA,EAAA,CACJ,GAER,GACJ;AAER;"}
+{"version":3,"file":"Issue.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/Issue/Issue.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport IssueHeader from './components/IssueHeader'\nimport IssueBody from './components/IssueBody'\nimport IssueFooter from './components/IssueFooter'\nimport IssueActivity from './components/IssueActivity'\nimport {\n    apiGetProjectTask,\n    apiGetProjectMembers,\n} from '@/services/ProjectService'\nimport { useIssueStore } from './store/issueStore'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport type { GetIssueResponse, GetProjectMembersResponse } from './types'\n\nconst Issue = () => {\n    const { id } = useParams()\n\n    const { issueData, updateIssueData, setMembers } = useIssueStore()\n\n    const { isLoading } = useSWR(\n        [`/api/projects/tasks/${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetProjectTask<GetIssueResponse, { id: string }>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            onSuccess: (data) => {\n                updateIssueData(data)\n            },\n        },\n    )\n\n    useSWR(\n        ['/api/projects/scrum-board/members'],\n        () => apiGetProjectMembers<GetProjectMembersResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n            onSuccess: (data) => {\n                setMembers(data.participantMembers)\n            },\n        },\n    )\n\n    return (\n        <AdaptiveCard>\n            <Loading loading={isLoading}>\n                {issueData && (\n                    <div className=\"grid grid-cols-1 xl:grid-cols-3 gap-4\">\n                        <div className=\"lg:col-span-2\">\n                            <div className=\"px-6\">\n                                <IssueHeader />\n                                <div className=\"mt-8\">\n                                    <IssueBody />\n                                </div>\n                                <div className=\"mt-8\">\n                                    <IssueFooter />\n                                </div>\n                            </div>\n                        </div>\n                        <div>\n                            <IssueActivity />\n                        </div>\n                    </div>\n                )}\n            </Loading>\n        </AdaptiveCard>\n    )\n}\n\nexport default Issue\n"],"names":["Issue","id","useParams","issueData","updateIssueData","setMembers","useIssueStore","isLoading","useSWR","_","params","apiGetProjectTask","data","apiGetProjectMembers","jsx","AdaptiveCard","Loading","jsxs","IssueHeader","IssueBody","IssueFooter","IssueActivity"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAQ,MAAM;AACV,QAAA,EAAE,IAAAC,EAAG,IAAIC,EAAU,GAEnB,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,EAAA,IAAeC,EAAc,GAE3D,EAAE,WAAAC,MAAcC;AAAA,IAClB,CAAC,uBAAuBP,CAAE,IAAI,EAAE,IAAAA,GAAkB;AAAA;AAAA,IAElD,CAAC,CAACQ,GAAGC,CAAM,MACPC,EAAoDD,CAAM;AAAA,IAC9D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,WAAW,CAACE,MAAS;AACjB,QAAAR,EAAgBQ,CAAI;AAAA,MAAA;AAAA,IACxB;AAAA,EAER;AAEA,SAAAJ;AAAA,IACI,CAAC,mCAAmC;AAAA,IACpC,MAAMK,EAAgD;AAAA,IACtD;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACD,MAAS;AACjB,QAAAP,EAAWO,EAAK,kBAAkB;AAAA,MAAA;AAAA,IACtC;AAAA,EAER,GAGI,gBAAAE,EAACC,GACG,EAAA,UAAA,gBAAAD,EAACE,GAAQ,EAAA,SAAST,GACb,UACGJ,KAAA,gBAAAc,EAAC,OAAI,EAAA,WAAU,yCACX,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAI,WAAU,iBACX,UAAC,gBAAAG,EAAA,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAY,EAAA;AAAA,wBACZ,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAJ,EAACK,IAAU,CAAA,GACf;AAAA,wBACC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAL,EAACM,KAAY,EACjB,CAAA;AAAA,IAAA,EAAA,CACJ,EACJ,CAAA;AAAA,IACC,gBAAAN,EAAA,OAAA,EACG,UAAC,gBAAAA,EAAAO,GAAA,CAAA,CAAc,EACnB,CAAA;AAAA,EAAA,EACJ,CAAA,EAER,CAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/Issue/components/IssueActivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"IssueActivity.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueActivity.tsx"],"sourcesContent":["import { useIssueStore } from '../store/issueStore'\nimport Timeline from '@/components/ui/Timeline'\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\nimport isEmpty from 'lodash/isEmpty'\n\nconst IssueActivity = () => {\n    const { issueData } = useIssueStore()\n\n    return (\n        <div className=\"lg:px-6\">\n            <h5 className=\"mb-4\">Activity</h5>\n            <Timeline>\n                {isEmpty(issueData.activity) ? (\n                    <Timeline.Item>No Activities</Timeline.Item>\n                ) : (\n                    issueData.activity.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        </div>\n    )\n}\n\nexport default IssueActivity\n"],"names":["IssueActivity","issueData","useIssueStore","jsxs","jsx","Timeline","isEmpty","event","index","ActivityAvatar","ActivityEvent"],"mappings":";;;;;;;AAKA,MAAMA,IAAgB,MAAM;AACxB,QAAM,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,YAAQ;AAAA,sBAC5BC,GAAA,EACI,UAAAC,EAAQL,EAAU,QAAQ,IACvB,gBAAAG,EAACC,EAAS,MAAT,EAAc,2BAAa,IAE5BJ,EAAU,SAAS,IAAI,CAACM,GAAOC,MAC3B,gBAAAJ;AAAA,MAACC,EAAS;AAAA,MAAT;AAAA,QAEG,OAAO,gBAAAD,EAACK,GAAA,EAAe,MAAMF,EAAA,CAAO;AAAA,QAEpC,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACM,KAAc,SAAO,IAAC,MAAMH,EAAA,CAAO,EAAA,CACxC;AAAA,MAAA;AAAA,MALKA,EAAM,OAAOC;AAAA,IAAA,CAOzB,EAAA,CAET;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"IssueActivity.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueActivity.tsx"],"sourcesContent":["import { useIssueStore } from '../store/issueStore'\nimport Timeline from '@/components/ui/Timeline'\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\nimport isEmpty from 'lodash/isEmpty'\n\nconst IssueActivity = () => {\n    const { issueData } = useIssueStore()\n\n    return (\n        <div className=\"lg:px-6\">\n            <h5 className=\"mb-4\">Activity</h5>\n            <Timeline>\n                {isEmpty(issueData.activity) ? (\n                    <Timeline.Item>No Activities</Timeline.Item>\n                ) : (\n                    issueData.activity.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        </div>\n    )\n}\n\nexport default IssueActivity\n"],"names":["IssueActivity","issueData","useIssueStore","jsxs","jsx","Timeline","isEmpty","event","index","ActivityAvatar","ActivityEvent"],"mappings":";;;;;;;AAKA,MAAMA,IAAgB,MAAM;AAClB,QAAA,EAAE,WAAAC,EAAU,IAAIC,EAAc;AAGhC,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,WACX,UAAA;AAAA,IAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAQ,YAAA;AAAA,sBAC5BC,GACI,EAAA,UAAAC,EAAQL,EAAU,QAAQ,IACtB,gBAAAG,EAAAC,EAAS,MAAT,EAAc,0BAAa,CAAA,IAE5BJ,EAAU,SAAS,IAAI,CAACM,GAAOC,MAC3B,gBAAAJ;AAAA,MAACC,EAAS;AAAA,MAAT;AAAA,QAEG,OAAO,gBAAAD,EAACK,GAAe,EAAA,MAAMF,EAAO,CAAA;AAAA,QAEpC,UAAA,gBAAAH,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA,EAACM,KAAc,SAAO,IAAC,MAAMH,EAAO,CAAA,EACxC,CAAA;AAAA,MAAA;AAAA,MALKA,EAAM,OAAOC;AAAA,IAAA,CAOzB,EAET,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/Issue/components/IssueBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"IssueBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueBody.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { useState, useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tag from '@/components/ui/Tag'\nimport Badge from '@/components/ui/Badge'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport IssueField from './IssueField'\nimport IssueFieldDropdown from './IssueFieldDropdown'\nimport classNames from '@/utils/classNames'\nimport dayjs from 'dayjs'\nimport ReactHtmlParser from 'html-react-parser'\nimport {\n    TbTag,\n    TbCircle,\n    TbFlag,\n    TbFlag2Filled,\n    TbUser,\n    TbClock,\n    TbCheck,\n} from 'react-icons/tb'\nimport { useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport type { RichTextEditorRef } from '@/components/shared/RichTextEditor'\n\nexport const labelList = [\n    { id: '1', title: 'Bug' },\n    { id: '2', title: 'Live issue' },\n    { id: '3', title: 'Task' },\n    { id: '4', title: 'Optimization' },\n]\n\nexport const taskLabelColors: Record<string, string> = {\n    'Live issue': 'bg-rose-200 dark:bg-rose-200 dark:text-gray-900',\n    Task: 'bg-blue-200 dark:bg-blue-200 dark:text-gray-900',\n    Bug: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n    Optimization: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\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}\n\nconst statusList: string[] = ['Pending', 'In progress', 'Completed']\n\nconst priorityList: string[] = ['Low', 'Medium', 'High']\n\nconst flagColors: Record<string, { text: string; bg: string }> = {\n    Low: {\n        text: 'text-success',\n        bg: 'bg-success',\n    },\n    Medium: {\n        text: 'text-warning',\n        bg: 'bg-warning',\n    },\n    High: {\n        text: 'text-error',\n        bg: 'bg-error',\n    },\n}\n\nconst IssueBody = () => {\n    const descriptionInput = useRef<RichTextEditorRef>(null)\n\n    const { issueData, updateIssueData, memberList } = useIssueStore()\n\n    const [editDescription, setEditDescription] = useState(false)\n\n    const createNewData = () => {\n        return { ...issueData }\n    }\n\n    const handleAddLabelClick = (value: string) => {\n        const newData = createNewData()\n        if (newData.labels.some((label) => label.id === value)) {\n            newData.labels = newData.labels.filter(\n                (label) => label.id !== value,\n            )\n        } else {\n            const label = labelList.find((label) => label.id === value)\n            if (label) {\n                newData.labels.push(label)\n            }\n        }\n        updateIssueData(newData)\n    }\n\n    const handleChangeStatusClick = (value: string) => {\n        const newData = createNewData()\n        newData.status = value\n        updateIssueData(newData)\n    }\n\n    const handlePriorityChange = (value: string) => {\n        const newData = createNewData()\n        newData.priority = value\n        updateIssueData(newData)\n    }\n\n    const handleAddMember = (value: string) => {\n        const newData = createNewData()\n        if (newData.assignees.some((member) => member.id === value)) {\n            newData.assignees = newData.assignees.filter(\n                (member) => member.id !== value,\n            )\n        } else {\n            const member = memberList.find((member) => member.id === value)\n            if (member) {\n                newData.assignees.push(member)\n            }\n        }\n        updateIssueData(newData)\n    }\n\n    const handleDueDateChange = (date: Date) => {\n        const newData = createNewData()\n        newData.dueDate = dayjs(date).unix()\n        updateIssueData(newData)\n    }\n\n    const handleDescriptionChange = (value: string) => {\n        const newData = createNewData()\n        newData.description = value\n        updateIssueData(newData)\n    }\n\n    const editor = useEditor({\n        extensions: [\n            StarterKit.configure({\n                bulletList: {\n                    keepMarks: true,\n                },\n                orderedList: {\n                    keepMarks: true,\n                },\n            }),\n        ],\n        editorProps: {\n            attributes: {\n                class: 'm-2 focus:outline-none',\n            },\n        },\n        content: issueData.description,\n        onUpdate({ editor }) {\n            handleDescriptionChange(editor.getHTML())\n        },\n    })\n\n    const handleDescriptionClick = () => {\n        setEditDescription(true)\n        editor?.chain().focus()\n    }\n\n    return (\n        <div>\n            <div className=\"grid grid-cols-1 xl:grid-cols-2 gap-x-4\">\n                <div className=\"flex flex-col\">\n                    <IssueFieldDropdown\n                        title=\"Label\"\n                        icon={<TbTag />}\n                        dropdownTrigger={\n                            <>\n                                {issueData.labels?.map((label, index) => (\n                                    <Tag\n                                        key={label.title + index}\n                                        className={`${\n                                            taskLabelColors[label.title]\n                                        }`}\n                                    >\n                                        {label.title}\n                                    </Tag>\n                                ))}\n                            </>\n                        }\n                    >\n                        {labelList.map((label) => (\n                            <Dropdown.Item\n                                key={label.title}\n                                eventKey={label.id}\n                                onSelect={handleAddLabelClick}\n                            >\n                                <div className=\"flex items-center relative\">\n                                    {issueData.labels.some(\n                                        (labelitem) =>\n                                            labelitem.id === label.id,\n                                    ) && (\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n                                    )}\n                                    <span\n                                        className={classNames(\n                                            issueData.labels.length > 0 &&\n                                                'mx-5',\n                                        )}\n                                    >\n                                        {label.title}\n                                    </span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueFieldDropdown\n                        title=\"Status\"\n                        icon={<TbCircle />}\n                        dropdownTrigger={\n                            <Tag\n                                className={`${\n                                    taskLabelColors[issueData.status || '']\n                                }`}\n                            >\n                                {issueData.status}\n                            </Tag>\n                        }\n                    >\n                        {statusList.map((status) => (\n                            <Dropdown.Item\n                                key={status}\n                                eventKey={status}\n                                active={status === issueData.status}\n                                onSelect={handleChangeStatusClick}\n                            >\n                                <div className=\"flex items-center relative\">\n                                    <span>{status}</span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueFieldDropdown\n                        title=\"Priority\"\n                        icon={<TbFlag />}\n                        dropdownTrigger={\n                            <div className=\"flex items-center gap-2\">\n                                <TbFlag2Filled\n                                    className={classNames(\n                                        'text-lg',\n                                        `${\n                                            flagColors[issueData.priority || '']\n                                                ?.text\n                                        }`,\n                                    )}\n                                />\n                                <span className=\"font-semibold\">\n                                    {issueData.priority}\n                                </span>\n                            </div>\n                        }\n                    >\n                        {priorityList.map((priority) => (\n                            <Dropdown.Item\n                                key={priority}\n                                eventKey={priority}\n                                active={priority === issueData.priority}\n                                onSelect={handlePriorityChange}\n                            >\n                                <div className=\"flex items-center\">\n                                    <Badge\n                                        innerClass={`${flagColors[priority]?.bg}`}\n                                    />\n                                    <span className=\"ml-2 rtl:mr-2\">\n                                        {priority}\n                                    </span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                </div>\n                <div className=\"flex flex-col\">\n                    <IssueFieldDropdown\n                        title=\"Assigned to\"\n                        icon={<TbUser />}\n                        dropdownTrigger={\n                            <UsersAvatarGroup\n                                className=\"gap-1\"\n                                avatarProps={{\n                                    className: 'cursor-pointer',\n                                }}\n                                avatarGroupProps={{ maxCount: 4 }}\n                                chained={false}\n                                users={issueData.assignees}\n                            />\n                        }\n                    >\n                        {memberList.map((member) => (\n                            <Dropdown.Item\n                                key={member.name}\n                                eventKey={member.id}\n                                onSelect={handleAddMember}\n                            >\n                                <div\n                                    className={classNames(\n                                        'flex items-center justify-between relative',\n                                    )}\n                                >\n                                    {issueData.assignees.some(\n                                        (assignee) => assignee.id === member.id,\n                                    ) && (\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n                                    )}\n                                    <div\n                                        className={classNames(\n                                            'flex items-center gap-2',\n                                            issueData.labels.length > 0 &&\n                                                'mx-5',\n                                        )}\n                                    >\n                                        <Avatar\n                                            shape=\"circle\"\n                                            size={22}\n                                            src={member.img}\n                                        />\n                                        <span>{member.name}</span>\n                                    </div>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueField title=\"Due date\" icon={<TbClock />}>\n                        <div className=\"flex items-center gap-1 px-3 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 cursor-pointer w-full min-h-[46px] relative\">\n                            <span className=\"font-semibold\">\n                                {dayjs\n                                    .unix(issueData.dueDate || 0)\n                                    .format('MMMM DD')}\n                            </span>\n                            <DatePicker\n                                className=\"opacity-0 cursor-pointer absolute\"\n                                value={dayjs\n                                    .unix(issueData.dueDate || dayjs().unix())\n                                    .toDate()}\n                                inputtable={false}\n                                inputPrefix={null}\n                                inputSuffix={null}\n                                clearable={false}\n                                onChange={(date) =>\n                                    handleDueDateChange(date as Date)\n                                }\n                            />\n                        </div>\n                    </IssueField>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-4\">Description</h5>\n                {editDescription ? (\n                    <RichTextEditor\n                        ref={descriptionInput}\n                        content={issueData.description}\n                        customEditor={editor}\n                        onBlur={() => setEditDescription(false)}\n                    />\n                ) : (\n                    <div\n                        className=\"mt-2 prose max-w-full cursor-pointer\"\n                        role=\"button\"\n                        onClick={handleDescriptionClick}\n                    >\n                        <div className=\"prose-p:text-sm prose-p:dark:text-gray-400\">\n                            {ReactHtmlParser(issueData.description || '')}\n                        </div>\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n\nexport default IssueBody\n"],"names":["labelList","taskLabelColors","statusList","priorityList","flagColors","IssueBody","descriptionInput","useRef","issueData","updateIssueData","memberList","useIssueStore","editDescription","setEditDescription","useState","createNewData","handleAddLabelClick","value","newData","label","handleChangeStatusClick","handlePriorityChange","handleAddMember","member","handleDueDateChange","date","dayjs","handleDescriptionChange","editor","useEditor","StarterKit","handleDescriptionClick","jsxs","jsx","IssueFieldDropdown","TbTag","Fragment","index","Tag","Dropdown","labelitem","TbCheck","classNames","TbCircle","status","TbFlag","TbFlag2Filled","priority","Badge","TbUser","UsersAvatarGroup","assignee","Avatar","IssueField","TbClock","DatePicker","RichTextEditor"],"mappings":"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"}
+{"version":3,"file":"IssueBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueBody.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { useState, useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tag from '@/components/ui/Tag'\nimport Badge from '@/components/ui/Badge'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport IssueField from './IssueField'\nimport IssueFieldDropdown from './IssueFieldDropdown'\nimport classNames from '@/utils/classNames'\nimport dayjs from 'dayjs'\nimport ReactHtmlParser from 'html-react-parser'\nimport {\n    TbTag,\n    TbCircle,\n    TbFlag,\n    TbFlag2Filled,\n    TbUser,\n    TbClock,\n    TbCheck,\n} from 'react-icons/tb'\nimport { useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport type { RichTextEditorRef } from '@/components/shared/RichTextEditor'\n\nexport const labelList = [\n    { id: '1', title: 'Bug' },\n    { id: '2', title: 'Live issue' },\n    { id: '3', title: 'Task' },\n    { id: '4', title: 'Optimization' },\n]\n\nexport const taskLabelColors: Record<string, string> = {\n    'Live issue': 'bg-rose-200 dark:bg-rose-200 dark:text-gray-900',\n    Task: 'bg-blue-200 dark:bg-blue-200 dark:text-gray-900',\n    Bug: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n    Optimization: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\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}\n\nconst statusList: string[] = ['Pending', 'In progress', 'Completed']\n\nconst priorityList: string[] = ['Low', 'Medium', 'High']\n\nconst flagColors: Record<string, { text: string; bg: string }> = {\n    Low: {\n        text: 'text-success',\n        bg: 'bg-success',\n    },\n    Medium: {\n        text: 'text-warning',\n        bg: 'bg-warning',\n    },\n    High: {\n        text: 'text-error',\n        bg: 'bg-error',\n    },\n}\n\nconst IssueBody = () => {\n    const descriptionInput = useRef<RichTextEditorRef>(null)\n\n    const { issueData, updateIssueData, memberList } = useIssueStore()\n\n    const [editDescription, setEditDescription] = useState(false)\n\n    const createNewData = () => {\n        return { ...issueData }\n    }\n\n    const handleAddLabelClick = (value: string) => {\n        const newData = createNewData()\n        if (newData.labels.some((label) => label.id === value)) {\n            newData.labels = newData.labels.filter(\n                (label) => label.id !== value,\n            )\n        } else {\n            const label = labelList.find((label) => label.id === value)\n            if (label) {\n                newData.labels.push(label)\n            }\n        }\n        updateIssueData(newData)\n    }\n\n    const handleChangeStatusClick = (value: string) => {\n        const newData = createNewData()\n        newData.status = value\n        updateIssueData(newData)\n    }\n\n    const handlePriorityChange = (value: string) => {\n        const newData = createNewData()\n        newData.priority = value\n        updateIssueData(newData)\n    }\n\n    const handleAddMember = (value: string) => {\n        const newData = createNewData()\n        if (newData.assignees.some((member) => member.id === value)) {\n            newData.assignees = newData.assignees.filter(\n                (member) => member.id !== value,\n            )\n        } else {\n            const member = memberList.find((member) => member.id === value)\n            if (member) {\n                newData.assignees.push(member)\n            }\n        }\n        updateIssueData(newData)\n    }\n\n    const handleDueDateChange = (date: Date) => {\n        const newData = createNewData()\n        newData.dueDate = dayjs(date).unix()\n        updateIssueData(newData)\n    }\n\n    const handleDescriptionChange = (value: string) => {\n        const newData = createNewData()\n        newData.description = value\n        updateIssueData(newData)\n    }\n\n    const editor = useEditor({\n        extensions: [\n            StarterKit.configure({\n                bulletList: {\n                    keepMarks: true,\n                },\n                orderedList: {\n                    keepMarks: true,\n                },\n            }),\n        ],\n        editorProps: {\n            attributes: {\n                class: 'm-2 focus:outline-none',\n            },\n        },\n        content: issueData.description,\n        onUpdate({ editor }) {\n            handleDescriptionChange(editor.getHTML())\n        },\n    })\n\n    const handleDescriptionClick = () => {\n        setEditDescription(true)\n        editor?.chain().focus()\n    }\n\n    return (\n        <div>\n            <div className=\"grid grid-cols-1 xl:grid-cols-2 gap-x-4\">\n                <div className=\"flex flex-col\">\n                    <IssueFieldDropdown\n                        title=\"Label\"\n                        icon={<TbTag />}\n                        dropdownTrigger={\n                            <>\n                                {issueData.labels?.map((label, index) => (\n                                    <Tag\n                                        key={label.title + index}\n                                        className={`${\n                                            taskLabelColors[label.title]\n                                        }`}\n                                    >\n                                        {label.title}\n                                    </Tag>\n                                ))}\n                            </>\n                        }\n                    >\n                        {labelList.map((label) => (\n                            <Dropdown.Item\n                                key={label.title}\n                                eventKey={label.id}\n                                onSelect={handleAddLabelClick}\n                            >\n                                <div className=\"flex items-center relative\">\n                                    {issueData.labels.some(\n                                        (labelitem) =>\n                                            labelitem.id === label.id,\n                                    ) && (\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n                                    )}\n                                    <span\n                                        className={classNames(\n                                            issueData.labels.length > 0 &&\n                                                'mx-5',\n                                        )}\n                                    >\n                                        {label.title}\n                                    </span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueFieldDropdown\n                        title=\"Status\"\n                        icon={<TbCircle />}\n                        dropdownTrigger={\n                            <Tag\n                                className={`${\n                                    taskLabelColors[issueData.status || '']\n                                }`}\n                            >\n                                {issueData.status}\n                            </Tag>\n                        }\n                    >\n                        {statusList.map((status) => (\n                            <Dropdown.Item\n                                key={status}\n                                eventKey={status}\n                                active={status === issueData.status}\n                                onSelect={handleChangeStatusClick}\n                            >\n                                <div className=\"flex items-center relative\">\n                                    <span>{status}</span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueFieldDropdown\n                        title=\"Priority\"\n                        icon={<TbFlag />}\n                        dropdownTrigger={\n                            <div className=\"flex items-center gap-2\">\n                                <TbFlag2Filled\n                                    className={classNames(\n                                        'text-lg',\n                                        `${\n                                            flagColors[issueData.priority || '']\n                                                ?.text\n                                        }`,\n                                    )}\n                                />\n                                <span className=\"font-semibold\">\n                                    {issueData.priority}\n                                </span>\n                            </div>\n                        }\n                    >\n                        {priorityList.map((priority) => (\n                            <Dropdown.Item\n                                key={priority}\n                                eventKey={priority}\n                                active={priority === issueData.priority}\n                                onSelect={handlePriorityChange}\n                            >\n                                <div className=\"flex items-center\">\n                                    <Badge\n                                        innerClass={`${flagColors[priority]?.bg}`}\n                                    />\n                                    <span className=\"ml-2 rtl:mr-2\">\n                                        {priority}\n                                    </span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                </div>\n                <div className=\"flex flex-col\">\n                    <IssueFieldDropdown\n                        title=\"Assigned to\"\n                        icon={<TbUser />}\n                        dropdownTrigger={\n                            <UsersAvatarGroup\n                                className=\"gap-1\"\n                                avatarProps={{\n                                    className: 'cursor-pointer',\n                                }}\n                                avatarGroupProps={{ maxCount: 4 }}\n                                chained={false}\n                                users={issueData.assignees}\n                            />\n                        }\n                    >\n                        {memberList.map((member) => (\n                            <Dropdown.Item\n                                key={member.name}\n                                eventKey={member.id}\n                                onSelect={handleAddMember}\n                            >\n                                <div\n                                    className={classNames(\n                                        'flex items-center justify-between relative',\n                                    )}\n                                >\n                                    {issueData.assignees.some(\n                                        (assignee) => assignee.id === member.id,\n                                    ) && (\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n                                    )}\n                                    <div\n                                        className={classNames(\n                                            'flex items-center gap-2',\n                                            issueData.labels.length > 0 &&\n                                                'mx-5',\n                                        )}\n                                    >\n                                        <Avatar\n                                            shape=\"circle\"\n                                            size={22}\n                                            src={member.img}\n                                        />\n                                        <span>{member.name}</span>\n                                    </div>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueField title=\"Due date\" icon={<TbClock />}>\n                        <div className=\"flex items-center gap-1 px-3 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 cursor-pointer w-full min-h-[46px] relative\">\n                            <span className=\"font-semibold\">\n                                {dayjs\n                                    .unix(issueData.dueDate || 0)\n                                    .format('MMMM DD')}\n                            </span>\n                            <DatePicker\n                                className=\"opacity-0 cursor-pointer absolute\"\n                                value={dayjs\n                                    .unix(issueData.dueDate || dayjs().unix())\n                                    .toDate()}\n                                inputtable={false}\n                                inputPrefix={null}\n                                inputSuffix={null}\n                                clearable={false}\n                                onChange={(date) =>\n                                    handleDueDateChange(date as Date)\n                                }\n                            />\n                        </div>\n                    </IssueField>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-4\">Description</h5>\n                {editDescription ? (\n                    <RichTextEditor\n                        ref={descriptionInput}\n                        content={issueData.description}\n                        customEditor={editor}\n                        onBlur={() => setEditDescription(false)}\n                    />\n                ) : (\n                    <div\n                        className=\"mt-2 prose max-w-full cursor-pointer\"\n                        role=\"button\"\n                        onClick={handleDescriptionClick}\n                    >\n                        <div className=\"prose-p:text-sm prose-p:dark:text-gray-400\">\n                            {ReactHtmlParser(issueData.description || '')}\n                        </div>\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n\nexport default IssueBody\n"],"names":["labelList","taskLabelColors","statusList","priorityList","flagColors","IssueBody","descriptionInput","useRef","issueData","updateIssueData","memberList","useIssueStore","editDescription","setEditDescription","useState","createNewData","handleAddLabelClick","value","newData","label","handleChangeStatusClick","handlePriorityChange","handleAddMember","member","handleDueDateChange","date","dayjs","handleDescriptionChange","editor","useEditor","StarterKit","handleDescriptionClick","jsxs","jsx","IssueFieldDropdown","TbTag","Fragment","index","Tag","Dropdown","labelitem","TbCheck","classNames","TbCircle","status","TbFlag","TbFlag2Filled","priority","Badge","TbUser","UsersAvatarGroup","assignee","Avatar","IssueField","TbClock","DatePicker","RichTextEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4BO,MAAMA,IAAY;AAAA,EACrB,EAAE,IAAI,KAAK,OAAO,MAAM;AAAA,EACxB,EAAE,IAAI,KAAK,OAAO,aAAa;AAAA,EAC/B,EAAE,IAAI,KAAK,OAAO,OAAO;AAAA,EACzB,EAAE,IAAI,KAAK,OAAO,eAAe;AACrC,GAEaC,IAA0C;AAAA,EACnD,cAAc;AAAA,EACd,MAAM;AAAA,EACN,KAAK;AAAA,EACL,cAAc;AAAA,EACd,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AACb,GAEMC,IAAuB,CAAC,WAAW,eAAe,WAAW,GAE7DC,IAAyB,CAAC,OAAO,UAAU,MAAM,GAEjDC,IAA2D;AAAA,EAC7D,KAAK;AAAA,IACD,MAAM;AAAA,IACN,IAAI;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,IAAI;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,IACN,IAAI;AAAA,EAAA;AAEZ,GAEMC,KAAY,MAAM;AACd,QAAAC,IAAmBC,EAA0B,IAAI,GAEjD,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,EAAA,IAAeC,EAAc,GAE3D,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GAEtDC,IAAgB,OACX,EAAE,GAAGP,EAAU,IAGpBQ,IAAsB,CAACC,MAAkB;AAC3C,UAAMC,IAAUH,EAAc;AAC1B,QAAAG,EAAQ,OAAO,KAAK,CAACC,MAAUA,EAAM,OAAOF,CAAK;AACzC,MAAAC,EAAA,SAASA,EAAQ,OAAO;AAAA,QAC5B,CAACC,MAAUA,EAAM,OAAOF;AAAA,MAC5B;AAAA,SACG;AACH,YAAME,IAAQnB,EAAU,KAAK,CAACmB,MAAUA,EAAM,OAAOF,CAAK;AAC1D,MAAIE,KACQD,EAAA,OAAO,KAAKC,CAAK;AAAA,IAC7B;AAEJ,IAAAV,EAAgBS,CAAO;AAAA,EAC3B,GAEME,IAA0B,CAACH,MAAkB;AAC/C,UAAMC,IAAUH,EAAc;AAC9B,IAAAG,EAAQ,SAASD,GACjBR,EAAgBS,CAAO;AAAA,EAC3B,GAEMG,IAAuB,CAACJ,MAAkB;AAC5C,UAAMC,IAAUH,EAAc;AAC9B,IAAAG,EAAQ,WAAWD,GACnBR,EAAgBS,CAAO;AAAA,EAC3B,GAEMI,IAAkB,CAACL,MAAkB;AACvC,UAAMC,IAAUH,EAAc;AAC1B,QAAAG,EAAQ,UAAU,KAAK,CAACK,MAAWA,EAAO,OAAON,CAAK;AAC9C,MAAAC,EAAA,YAAYA,EAAQ,UAAU;AAAA,QAClC,CAACK,MAAWA,EAAO,OAAON;AAAA,MAC9B;AAAA,SACG;AACH,YAAMM,IAASb,EAAW,KAAK,CAACa,MAAWA,EAAO,OAAON,CAAK;AAC9D,MAAIM,KACQL,EAAA,UAAU,KAAKK,CAAM;AAAA,IACjC;AAEJ,IAAAd,EAAgBS,CAAO;AAAA,EAC3B,GAEMM,IAAsB,CAACC,MAAe;AACxC,UAAMP,IAAUH,EAAc;AAC9B,IAAAG,EAAQ,UAAUQ,EAAMD,CAAI,EAAE,KAAK,GACnChB,EAAgBS,CAAO;AAAA,EAC3B,GAEMS,IAA0B,CAACV,MAAkB;AAC/C,UAAMC,IAAUH,EAAc;AAC9B,IAAAG,EAAQ,cAAcD,GACtBR,EAAgBS,CAAO;AAAA,EAC3B,GAEMU,IAASC,EAAU;AAAA,IACrB,YAAY;AAAA,MACRC,EAAW,UAAU;AAAA,QACjB,YAAY;AAAA,UACR,WAAW;AAAA,QACf;AAAA,QACA,aAAa;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MAElB,CAAA;AAAA,IACL;AAAA,IACA,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,IACA,SAAStB,EAAU;AAAA,IACnB,SAAS,EAAE,QAAAoB,KAAU;AACOA,MAAAA,EAAAA,EAAO,SAAS;AAAA,IAAA;AAAA,EAC5C,CACH,GAEKG,IAAyB,MAAM;AACjC,IAAAlB,EAAmB,EAAI,GACfe,GAAA,QAAQ,MAAM;AAAA,EAC1B;AAEA,2BACK,OACG,EAAA,UAAA;AAAA,IAAC,gBAAAI,EAAA,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,wBAAOC,GAAM,EAAA;AAAA,YACb,iBAES,gBAAAF,EAAAG,GAAA,EAAA,UAAA5B,EAAU,QAAQ,IAAI,CAACW,GAAOkB,MAC3B,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBAEG,WAAW,GACPrC,EAAgBkB,EAAM,KAAK,CAC/B;AAAA,gBAEC,UAAMA,EAAA;AAAA,cAAA;AAAA,cALFA,EAAM,QAAQkB;AAAA,YAO1B,CAAA,GACL;AAAA,YAGH,UAAArC,EAAU,IAAI,CAACmB,MACZ,gBAAAc;AAAA,cAACM,EAAS;AAAA,cAAT;AAAA,gBAEG,UAAUpB,EAAM;AAAA,gBAChB,UAAUH;AAAA,gBAEV,UAAA,gBAAAgB,EAAC,OAAI,EAAA,WAAU,8BACV,UAAA;AAAA,kBAAAxB,EAAU,OAAO;AAAA,oBACd,CAACgC,MACGA,EAAU,OAAOrB,EAAM;AAAA,kBAE3B,KAAA,gBAAAc,EAACQ,GAAQ,EAAA,WAAU,gDAAgD,CAAA;AAAA,kBAEvE,gBAAAR;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,WAAWS;AAAA,wBACPlC,EAAU,OAAO,SAAS,KACtB;AAAA,sBACR;AAAA,sBAEC,UAAMW,EAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACX,EACJ,CAAA;AAAA,cAAA;AAAA,cAnBKA,EAAM;AAAA,YAqBlB,CAAA;AAAA,UAAA;AAAA,QACL;AAAA,QACA,gBAAAc;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,wBAAOS,GAAS,EAAA;AAAA,YAChB,iBACI,gBAAAV;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,WAAW,GACPrC,EAAgBO,EAAU,UAAU,EAAE,CAC1C;AAAA,gBAEC,UAAUA,EAAA;AAAA,cAAA;AAAA,YACf;AAAA,YAGH,UAAAN,EAAW,IAAI,CAAC0C,MACb,gBAAAX;AAAA,cAACM,EAAS;AAAA,cAAT;AAAA,gBAEG,UAAUK;AAAA,gBACV,QAAQA,MAAWpC,EAAU;AAAA,gBAC7B,UAAUY;AAAA,gBAEV,4BAAC,OAAI,EAAA,WAAU,8BACX,UAAC,gBAAAa,EAAA,QAAA,EAAM,YAAO,CAAA,EAClB,CAAA;AAAA,cAAA;AAAA,cAPKW;AAAA,YASZ,CAAA;AAAA,UAAA;AAAA,QACL;AAAA,QACA,gBAAAX;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,wBAAOW,GAAO,EAAA;AAAA,YACd,iBACI,gBAAAb,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAACa;AAAA,gBAAA;AAAA,kBACG,WAAWJ;AAAA,oBACP;AAAA,oBACA,GACItC,EAAWI,EAAU,YAAY,EAAE,GAC7B,IACV;AAAA,kBAAA;AAAA,gBACJ;AAAA,cACJ;AAAA,cACC,gBAAAyB,EAAA,QAAA,EAAK,WAAU,iBACX,YAAU,SACf,CAAA;AAAA,YAAA,GACJ;AAAA,YAGH,UAAA9B,EAAa,IAAI,CAAC4C,MACf,gBAAAd;AAAA,cAACM,EAAS;AAAA,cAAT;AAAA,gBAEG,UAAUQ;AAAA,gBACV,QAAQA,MAAavC,EAAU;AAAA,gBAC/B,UAAUa;AAAA,gBAEV,UAAA,gBAAAW,EAAC,OAAI,EAAA,WAAU,qBACX,UAAA;AAAA,kBAAA,gBAAAC;AAAA,oBAACe;AAAA,oBAAA;AAAA,sBACG,YAAY,GAAG5C,EAAW2C,CAAQ,GAAG,EAAE;AAAA,oBAAA;AAAA,kBAC3C;AAAA,kBACC,gBAAAd,EAAA,QAAA,EAAK,WAAU,iBACX,UACLc,EAAA,CAAA;AAAA,gBAAA,EACJ,CAAA;AAAA,cAAA;AAAA,cAZKA;AAAA,YAcZ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,GACJ;AAAA,MACA,gBAAAf,EAAC,OAAI,EAAA,WAAU,iBACX,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,wBAAOe,GAAO,EAAA;AAAA,YACd,iBACI,gBAAAhB;AAAA,cAACiB;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,aAAa;AAAA,kBACT,WAAW;AAAA,gBACf;AAAA,gBACA,kBAAkB,EAAE,UAAU,EAAE;AAAA,gBAChC,SAAS;AAAA,gBACT,OAAO1C,EAAU;AAAA,cAAA;AAAA,YACrB;AAAA,YAGH,UAAAE,EAAW,IAAI,CAACa,MACb,gBAAAU;AAAA,cAACM,EAAS;AAAA,cAAT;AAAA,gBAEG,UAAUhB,EAAO;AAAA,gBACjB,UAAUD;AAAA,gBAEV,UAAA,gBAAAU;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWU;AAAA,sBACP;AAAA,oBACJ;AAAA,oBAEC,UAAA;AAAA,sBAAAlC,EAAU,UAAU;AAAA,wBACjB,CAAC2C,MAAaA,EAAS,OAAO5B,EAAO;AAAA,sBAErC,KAAA,gBAAAU,EAACQ,GAAQ,EAAA,WAAU,gDAAgD,CAAA;AAAA,sBAEvE,gBAAAT;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACG,WAAWU;AAAA,4BACP;AAAA,4BACAlC,EAAU,OAAO,SAAS,KACtB;AAAA,0BACR;AAAA,0BAEA,UAAA;AAAA,4BAAA,gBAAAyB;AAAA,8BAACmB;AAAA,8BAAA;AAAA,gCACG,OAAM;AAAA,gCACN,MAAM;AAAA,gCACN,KAAK7B,EAAO;AAAA,8BAAA;AAAA,4BAChB;AAAA,4BACA,gBAAAU,EAAC,QAAM,EAAA,UAAAV,EAAO,KAAK,CAAA;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACvB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACJ;AAAA,cA5BKA,EAAO;AAAA,YA8BnB,CAAA;AAAA,UAAA;AAAA,QACL;AAAA,QACA,gBAAAU,EAACoB,GAAW,EAAA,OAAM,YAAW,MAAO,gBAAApB,EAAAqB,GAAA,CAAQ,CAAA,GACxC,UAAA,gBAAAtB,EAAC,OAAI,EAAA,WAAU,yKACX,UAAA;AAAA,UAAC,gBAAAC,EAAA,QAAA,EAAK,WAAU,iBACX,UACIP,EAAA,KAAKlB,EAAU,WAAW,CAAC,EAC3B,OAAO,SAAS,EACzB,CAAA;AAAA,UACA,gBAAAyB;AAAA,YAACsB;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO7B,EACF,KAAKlB,EAAU,WAAWkB,IAAQ,MAAM,EACxC,OAAO;AAAA,cACZ,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,aAAa;AAAA,cACb,WAAW;AAAA,cACX,UAAU,CAACD,MACPD,EAAoBC,CAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QAExC,EAAA,CACJ,EACJ,CAAA;AAAA,MAAA,EACJ,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAO,EAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,MAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAW,eAAA;AAAA,MAC/BrB,IACG,gBAAAqB;AAAA,QAACuB;AAAA,QAAA;AAAA,UACG,KAAKlD;AAAA,UACL,SAASE,EAAU;AAAA,UACnB,cAAcoB;AAAA,UACd,QAAQ,MAAMf,EAAmB,EAAK;AAAA,QAAA;AAAA,MAAA,IAG1C,gBAAAoB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAASF;AAAA,UAET,UAAA,gBAAAE,EAAC,SAAI,WAAU,8CACV,YAAgBzB,EAAU,eAAe,EAAE,EAChD,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,EAER,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/Issue/components/IssueField.js.map

@@ -1 +1 @@
-{"version":3,"file":"IssueField.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueField.tsx"],"sourcesContent":["import type { CommonProps } from '@/@types/common'\nimport type { ReactNode } from 'react'\n\nexport interface IssueFieldProps extends CommonProps {\n    title: string\n    icon: ReactNode\n}\n\nconst IssueField = (props: IssueFieldProps) => {\n    const { title, icon, children } = props\n\n    return (\n        <div className=\"flex items-center mb-2\">\n            <div className=\"flex items-center gap-2 font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\n                <span className=\"text-lg\">{icon}</span>\n                <span>{title}</span>\n            </div>\n            {children}\n        </div>\n    )\n}\n\nexport default IssueField\n"],"names":["IssueField","props","title","icon","children","jsxs","jsx"],"mappings":";AAQA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAA,IAAaH;AAElC,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,wFACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAH,GAAK;AAAA,MAChC,gBAAAG,EAAC,UAAM,UAAAJ,EAAA,CAAM;AAAA,IAAA,GACjB;AAAA,IACCE;AAAA,EAAA,GACL;AAER;"}
+{"version":3,"file":"IssueField.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueField.tsx"],"sourcesContent":["import type { CommonProps } from '@/@types/common'\nimport type { ReactNode } from 'react'\n\nexport interface IssueFieldProps extends CommonProps {\n    title: string\n    icon: ReactNode\n}\n\nconst IssueField = (props: IssueFieldProps) => {\n    const { title, icon, children } = props\n\n    return (\n        <div className=\"flex items-center mb-2\">\n            <div className=\"flex items-center gap-2 font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\n                <span className=\"text-lg\">{icon}</span>\n                <span>{title}</span>\n            </div>\n            {children}\n        </div>\n    )\n}\n\nexport default IssueField\n"],"names":["IssueField","props","title","icon","children","jsxs","jsx"],"mappings":";AAQM,MAAAA,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAa,IAAAH;AAG9B,SAAA,gBAAAI,EAAC,OAAI,EAAA,WAAU,0BACX,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,wFACX,UAAA;AAAA,MAAC,gBAAAC,EAAA,QAAA,EAAK,WAAU,WAAW,UAAKH,GAAA;AAAA,MAChC,gBAAAG,EAAC,UAAM,UAAMJ,EAAA,CAAA;AAAA,IAAA,GACjB;AAAA,IACCE;AAAA,EAAA,GACL;AAER;"}

package/dist/@ecme/views/concepts/projects/Issue/components/IssueFieldDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"IssueFieldDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFieldDropdown.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\nimport IssueField from './IssueField'\nimport type { IssueFieldProps } from './IssueField'\nimport type { ReactNode } from 'react'\n\ninterface IssueFieldDropdownProps extends IssueFieldProps {\n    dropdownTrigger: ReactNode\n}\nconst IssueFieldDropdown = (props: IssueFieldDropdownProps) => {\n    const { title, children, icon, dropdownTrigger } = props\n\n    return (\n        <IssueField title={title} icon={icon}>\n            <Dropdown\n                className=\"w-full h-full\"\n                toggleClassName=\"hover:bg-gray-100 dark:hover:bg-gray-700 flex px-3 focus:bg-gray-100 cursor-pointer rounded-xl min-h-[46px] w-full\"\n                placement=\"bottom-start\"\n                renderTitle={\n                    <div className=\"inline-flex items-center gap-1\">\n                        {dropdownTrigger}\n                    </div>\n                }\n            >\n                {children}\n            </Dropdown>\n        </IssueField>\n    )\n}\n\nexport default IssueFieldDropdown\n"],"names":["IssueFieldDropdown","props","title","children","icon","dropdownTrigger","jsx","IssueField","Dropdown"],"mappings":";;;AAQA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,iBAAAC,MAAoBJ;AAEnD,SACI,gBAAAK,EAACC,GAAA,EAAW,OAAAL,GAAc,MAAAE,GACtB,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,aACI,gBAAAF,EAAC,OAAA,EAAI,WAAU,kCACV,UAAAD,GACL;AAAA,MAGH,UAAAF;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}
+{"version":3,"file":"IssueFieldDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFieldDropdown.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\nimport IssueField from './IssueField'\nimport type { IssueFieldProps } from './IssueField'\nimport type { ReactNode } from 'react'\n\ninterface IssueFieldDropdownProps extends IssueFieldProps {\n    dropdownTrigger: ReactNode\n}\nconst IssueFieldDropdown = (props: IssueFieldDropdownProps) => {\n    const { title, children, icon, dropdownTrigger } = props\n\n    return (\n        <IssueField title={title} icon={icon}>\n            <Dropdown\n                className=\"w-full h-full\"\n                toggleClassName=\"hover:bg-gray-100 dark:hover:bg-gray-700 flex px-3 focus:bg-gray-100 cursor-pointer rounded-xl min-h-[46px] w-full\"\n                placement=\"bottom-start\"\n                renderTitle={\n                    <div className=\"inline-flex items-center gap-1\">\n                        {dropdownTrigger}\n                    </div>\n                }\n            >\n                {children}\n            </Dropdown>\n        </IssueField>\n    )\n}\n\nexport default IssueFieldDropdown\n"],"names":["IssueFieldDropdown","props","title","children","icon","dropdownTrigger","jsx","IssueField","Dropdown"],"mappings":";;;AAQM,MAAAA,IAAqB,CAACC,MAAmC;AAC3D,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,iBAAAC,EAAoB,IAAAJ;AAG/C,SAAA,gBAAAK,EAACC,GAAW,EAAA,OAAAL,GAAc,MAAAE,GACtB,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,aACI,gBAAAF,EAAC,OAAI,EAAA,WAAU,kCACV,UACLD,GAAA;AAAA,MAGH,UAAAF;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}

package/dist/@ecme/views/concepts/projects/Issue/components/IssueFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"IssueFooter.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFooter.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport Avatar from '@/components/ui/Avatar'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Tabs from '@/components/ui/Tabs'\nimport NoMedia from '@/assets/svg/NoMedia'\nimport dayjs from 'dayjs'\nimport cloneDeep from 'lodash/cloneDeep'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactHtmlParser from 'html-react-parser'\nimport { TbDownload, TbTrash } from 'react-icons/tb'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst createCommentObject = (message: string) => {\n    return {\n        id: uniqueId('comment'),\n        name: 'Angelina Gotelli',\n        src: '/img/avatars/thumb-1.jpg',\n        message: message,\n        date: dayjs().format('DD MMM YYYY'),\n    }\n}\n\nconst IssueFooter = () => {\n    const { issueData, updateIssueData } = useIssueStore()\n\n    const commentInput = useRef<HTMLInputElement>(null)\n\n    const submitComment = () => {\n        if (commentInput.current) {\n            const message = commentInput.current.value\n            const comment = createCommentObject(message)\n            const comments = cloneDeep(issueData.comments)\n            comments?.push(comment)\n            issueData.comments = comments\n            updateIssueData(issueData)\n            commentInput.current.value = ''\n        }\n    }\n\n    return (\n        <Tabs className=\"mt-6\" defaultValue=\"comments\">\n            <TabList>\n                <TabNav value=\"comments\">Comments</TabNav>\n                <TabNav value=\"attachments\">Attachments</TabNav>\n            </TabList>\n            <div className=\"p-4\">\n                <TabContent value=\"comments\">\n                    <div className=\"w-full\">\n                        {issueData.comments &&\n                            issueData?.comments?.length > 0 && (\n                                <>\n                                    {issueData.comments.map((comment) => (\n                                        <div\n                                            key={comment.id}\n                                            className=\"mb-3 flex\"\n                                        >\n                                            <div className=\"mt-2\">\n                                                <Avatar\n                                                    shape=\"circle\"\n                                                    src={comment.src}\n                                                />\n                                            </div>\n                                            <div className=\"ml-2 rtl:mr-2 p-3 rounded w-100\">\n                                                <div className=\"flex items-center mb-2\">\n                                                    <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                                        {comment.name}\n                                                    </span>\n                                                    <span className=\"mx-1\">\n                                                        {' '}\n                                                        |{' '}\n                                                    </span>\n                                                    <span>\n                                                        {dayjs(\n                                                            comment.date,\n                                                        ).format(\n                                                            'DD MMMM YYYY',\n                                                        )}\n                                                    </span>\n                                                </div>\n                                                <div>\n                                                    {ReactHtmlParser(\n                                                        comment.message || '',\n                                                    )}\n                                                </div>\n                                            </div>\n                                        </div>\n                                    ))}\n                                </>\n                            )}\n                        <div className=\"mb-3 flex gap-2\">\n                            <Avatar\n                                shape=\"circle\"\n                                src=\"/img/avatars/thumb-1.jpg\"\n                            />\n                            <div className=\"w-full relative\">\n                                <Input\n                                    ref={commentInput}\n                                    textArea\n                                    placeholder=\"Write comment\"\n                                />\n                                <div className=\"absolute bottom-4 right-4\">\n                                    <div\n                                        className=\"cursor-pointer font-semibold text-primary \"\n                                        onClick={() => submitComment()}\n                                    >\n                                        Send\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </TabContent>\n                <TabContent value=\"attachments\">\n                    {issueData.attachments &&\n                    issueData?.attachments?.length > 0 ? (\n                        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-2\">\n                            {issueData.attachments.map((file) => (\n                                <Card\n                                    key={file.id}\n                                    bodyClass=\"px-3 pt-3 pb-1\"\n                                    className=\"bg-gray-100 dark:bg-gray-700 shadow-none\"\n                                    bordered={false}\n                                >\n                                    <img\n                                        className=\"max-w-full rounded-lg\"\n                                        alt={file.name}\n                                        src={file.src}\n                                    />\n                                    <div className=\"mt-1 flex justify-between items-center\">\n                                        <div>\n                                            <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                                {file.name}\n                                            </div>\n                                            <span className=\"text-xs\">\n                                                {file.size}\n                                            </span>\n                                        </div>\n                                        <div className=\"flex items-center\">\n                                            <Tooltip title=\"Download\">\n                                                <Button\n                                                    variant=\"plain\"\n                                                    size=\"xs\"\n                                                    icon={<TbDownload />}\n                                                />\n                                            </Tooltip>\n                                            <Tooltip title=\"Delete\">\n                                                <Button\n                                                    variant=\"plain\"\n                                                    size=\"xs\"\n                                                    icon={<TbTrash />}\n                                                />\n                                            </Tooltip>\n                                        </div>\n                                    </div>\n                                </Card>\n                            ))}\n                        </div>\n                    ) : (\n                        <div className=\"flex flex-col gap-2 items-center justify-center\">\n                            <NoMedia height={150} width={150} />\n                            <p className=\"font-semibold\">No attachments</p>\n                        </div>\n                    )}\n                </TabContent>\n            </div>\n        </Tabs>\n    )\n}\n\nexport default IssueFooter\n"],"names":["TabNav","TabList","TabContent","Tabs","createCommentObject","message","uniqueId","dayjs","IssueFooter","issueData","updateIssueData","useIssueStore","commentInput","useRef","submitComment","comment","comments","cloneDeep","jsxs","jsx","Avatar","ReactHtmlParser","Input","file","Card","Tooltip","Button","TbDownload","TbTrash","NoMedia"],"mappings":"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"}
+{"version":3,"file":"IssueFooter.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFooter.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport Avatar from '@/components/ui/Avatar'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Tabs from '@/components/ui/Tabs'\nimport NoMedia from '@/assets/svg/NoMedia'\nimport dayjs from 'dayjs'\nimport cloneDeep from 'lodash/cloneDeep'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactHtmlParser from 'html-react-parser'\nimport { TbDownload, TbTrash } from 'react-icons/tb'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst createCommentObject = (message: string) => {\n    return {\n        id: uniqueId('comment'),\n        name: 'Angelina Gotelli',\n        src: '/img/avatars/thumb-1.jpg',\n        message: message,\n        date: dayjs().format('DD MMM YYYY'),\n    }\n}\n\nconst IssueFooter = () => {\n    const { issueData, updateIssueData } = useIssueStore()\n\n    const commentInput = useRef<HTMLInputElement>(null)\n\n    const submitComment = () => {\n        if (commentInput.current) {\n            const message = commentInput.current.value\n            const comment = createCommentObject(message)\n            const comments = cloneDeep(issueData.comments)\n            comments?.push(comment)\n            issueData.comments = comments\n            updateIssueData(issueData)\n            commentInput.current.value = ''\n        }\n    }\n\n    return (\n        <Tabs className=\"mt-6\" defaultValue=\"comments\">\n            <TabList>\n                <TabNav value=\"comments\">Comments</TabNav>\n                <TabNav value=\"attachments\">Attachments</TabNav>\n            </TabList>\n            <div className=\"p-4\">\n                <TabContent value=\"comments\">\n                    <div className=\"w-full\">\n                        {issueData.comments &&\n                            issueData?.comments?.length > 0 && (\n                                <>\n                                    {issueData.comments.map((comment) => (\n                                        <div\n                                            key={comment.id}\n                                            className=\"mb-3 flex\"\n                                        >\n                                            <div className=\"mt-2\">\n                                                <Avatar\n                                                    shape=\"circle\"\n                                                    src={comment.src}\n                                                />\n                                            </div>\n                                            <div className=\"ml-2 rtl:mr-2 p-3 rounded w-100\">\n                                                <div className=\"flex items-center mb-2\">\n                                                    <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                                        {comment.name}\n                                                    </span>\n                                                    <span className=\"mx-1\">\n                                                        {' '}\n                                                        |{' '}\n                                                    </span>\n                                                    <span>\n                                                        {dayjs(\n                                                            comment.date,\n                                                        ).format(\n                                                            'DD MMMM YYYY',\n                                                        )}\n                                                    </span>\n                                                </div>\n                                                <div>\n                                                    {ReactHtmlParser(\n                                                        comment.message || '',\n                                                    )}\n                                                </div>\n                                            </div>\n                                        </div>\n                                    ))}\n                                </>\n                            )}\n                        <div className=\"mb-3 flex gap-2\">\n                            <Avatar\n                                shape=\"circle\"\n                                src=\"/img/avatars/thumb-1.jpg\"\n                            />\n                            <div className=\"w-full relative\">\n                                <Input\n                                    ref={commentInput}\n                                    textArea\n                                    placeholder=\"Write comment\"\n                                />\n                                <div className=\"absolute bottom-4 right-4\">\n                                    <div\n                                        className=\"cursor-pointer font-semibold text-primary \"\n                                        onClick={() => submitComment()}\n                                    >\n                                        Send\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </TabContent>\n                <TabContent value=\"attachments\">\n                    {issueData.attachments &&\n                    issueData?.attachments?.length > 0 ? (\n                        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-2\">\n                            {issueData.attachments.map((file) => (\n                                <Card\n                                    key={file.id}\n                                    bodyClass=\"px-3 pt-3 pb-1\"\n                                    className=\"bg-gray-100 dark:bg-gray-700 shadow-none\"\n                                    bordered={false}\n                                >\n                                    <img\n                                        className=\"max-w-full rounded-lg\"\n                                        alt={file.name}\n                                        src={file.src}\n                                    />\n                                    <div className=\"mt-1 flex justify-between items-center\">\n                                        <div>\n                                            <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                                {file.name}\n                                            </div>\n                                            <span className=\"text-xs\">\n                                                {file.size}\n                                            </span>\n                                        </div>\n                                        <div className=\"flex items-center\">\n                                            <Tooltip title=\"Download\">\n                                                <Button\n                                                    variant=\"plain\"\n                                                    size=\"xs\"\n                                                    icon={<TbDownload />}\n                                                />\n                                            </Tooltip>\n                                            <Tooltip title=\"Delete\">\n                                                <Button\n                                                    variant=\"plain\"\n                                                    size=\"xs\"\n                                                    icon={<TbTrash />}\n                                                />\n                                            </Tooltip>\n                                        </div>\n                                    </div>\n                                </Card>\n                            ))}\n                        </div>\n                    ) : (\n                        <div className=\"flex flex-col gap-2 items-center justify-center\">\n                            <NoMedia height={150} width={150} />\n                            <p className=\"font-semibold\">No attachments</p>\n                        </div>\n                    )}\n                </TabContent>\n            </div>\n        </Tabs>\n    )\n}\n\nexport default IssueFooter\n"],"names":["TabNav","TabList","TabContent","Tabs","createCommentObject","message","uniqueId","dayjs","IssueFooter","issueData","updateIssueData","useIssueStore","commentInput","useRef","submitComment","comment","comments","cloneDeep","jsxs","jsx","Avatar","ReactHtmlParser","Input","file","Card","Tooltip","Button","TbDownload","TbTrash","NoMedia"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/Issue/components/IssueHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"IssueHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueHeader.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\nimport { useIssueStore } from '../store/issueStore'\n\nconst IssueHeader = () => {\n    const { issueData, updateIssueData } = useIssueStore()\n\n    const handleTitleChange = (value: string) => {\n        const newData = { ...issueData }\n        newData.title = value\n        updateIssueData(newData)\n    }\n\n    return (\n        <div className=\"flex flex-col gap-2\">\n            <div>\n                <Tag>{issueData.ticketId}</Tag>\n            </div>\n            <input\n                className=\"h3 font-bold outline-none bg-transparent\"\n                defaultValue={issueData.title}\n                onBlur={(e) => handleTitleChange(e.target.value)}\n            />\n        </div>\n    )\n}\n\nexport default IssueHeader\n"],"names":["IssueHeader","issueData","updateIssueData","useIssueStore","handleTitleChange","value","newData","jsxs","jsx","Tag","e"],"mappings":";;;;AAGA,MAAMA,IAAc,MAAM;AACtB,QAAM,EAAE,WAAAC,GAAW,iBAAAC,EAAA,IAAoBC,EAAA,GAEjCC,IAAoB,CAACC,MAAkB;AACzC,UAAMC,IAAU,EAAE,GAAGL,EAAA;AACrB,IAAAK,EAAQ,QAAQD,GAChBH,EAAgBI,CAAO;AAAA,EAC3B;AAEA,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAK,UAAAR,EAAU,UAAS,GAC7B;AAAA,IACA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,cAAcP,EAAU;AAAA,QACxB,QAAQ,CAACS,MAAMN,EAAkBM,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,GACJ;AAER;"}
+{"version":3,"file":"IssueHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueHeader.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\nimport { useIssueStore } from '../store/issueStore'\n\nconst IssueHeader = () => {\n    const { issueData, updateIssueData } = useIssueStore()\n\n    const handleTitleChange = (value: string) => {\n        const newData = { ...issueData }\n        newData.title = value\n        updateIssueData(newData)\n    }\n\n    return (\n        <div className=\"flex flex-col gap-2\">\n            <div>\n                <Tag>{issueData.ticketId}</Tag>\n            </div>\n            <input\n                className=\"h3 font-bold outline-none bg-transparent\"\n                defaultValue={issueData.title}\n                onBlur={(e) => handleTitleChange(e.target.value)}\n            />\n        </div>\n    )\n}\n\nexport default IssueHeader\n"],"names":["IssueHeader","issueData","updateIssueData","useIssueStore","handleTitleChange","value","newData","jsxs","jsx","Tag","e"],"mappings":";;;;AAGA,MAAMA,IAAc,MAAM;AACtB,QAAM,EAAE,WAAAC,GAAW,iBAAAC,EAAgB,IAAIC,EAAc,GAE/CC,IAAoB,CAACC,MAAkB;AACnC,UAAAC,IAAU,EAAE,GAAGL,EAAU;AAC/B,IAAAK,EAAQ,QAAQD,GAChBH,EAAgBI,CAAO;AAAA,EAC3B;AAGI,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OACG,EAAA,UAAA,gBAAAA,EAACC,GAAK,EAAA,UAAAR,EAAU,SAAS,CAAA,GAC7B;AAAA,IACA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,cAAcP,EAAU;AAAA,QACxB,QAAQ,CAACS,MAAMN,EAAkBM,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,GACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/Issue/store/issueStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"issueStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/store/issueStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { IssueDetail, Members } from '../types'\n\nexport type ProjectListState = {\n    issueData: IssueDetail\n    memberList: Members\n}\n\ntype ProjectListAction = {\n    updateIssueData: (payload: IssueDetail) => void\n    setMembers: (payload: Members) => void\n}\n\nconst initialState: ProjectListState = {\n    issueData: {\n        assignees: [],\n        labels: [],\n        comments: [],\n        attachments: [],\n        activity: [],\n    },\n    memberList: [],\n}\n\nexport const useIssueStore = create<ProjectListState & ProjectListAction>(\n    (set) => ({\n        ...initialState,\n        updateIssueData: (payload) => set(() => ({ issueData: payload })),\n        setMembers: (payload) => set(() => ({ memberList: payload })),\n    }),\n)\n"],"names":["initialState","useIssueStore","create","set","payload"],"mappings":";AAaA,MAAMA,IAAiC;AAAA,EACnC,WAAW;AAAA,IACP,WAAW,CAAA;AAAA,IACX,QAAQ,CAAA;AAAA,IACR,UAAU,CAAA;AAAA,IACV,aAAa,CAAA;AAAA,IACb,UAAU,CAAA;AAAA,EAAC;AAAA,EAEf,YAAY,CAAA;AAChB,GAEaC,IAAgBC;AAAA,EACzB,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,iBAAiB,CAACI,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,IAChE,YAAY,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAAA;AAEpE;"}
+{"version":3,"file":"issueStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/store/issueStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { IssueDetail, Members } from '../types'\n\nexport type ProjectListState = {\n    issueData: IssueDetail\n    memberList: Members\n}\n\ntype ProjectListAction = {\n    updateIssueData: (payload: IssueDetail) => void\n    setMembers: (payload: Members) => void\n}\n\nconst initialState: ProjectListState = {\n    issueData: {\n        assignees: [],\n        labels: [],\n        comments: [],\n        attachments: [],\n        activity: [],\n    },\n    memberList: [],\n}\n\nexport const useIssueStore = create<ProjectListState & ProjectListAction>(\n    (set) => ({\n        ...initialState,\n        updateIssueData: (payload) => set(() => ({ issueData: payload })),\n        setMembers: (payload) => set(() => ({ memberList: payload })),\n    }),\n)\n"],"names":["initialState","useIssueStore","create","set","payload"],"mappings":";AAaA,MAAMA,IAAiC;AAAA,EACnC,WAAW;AAAA,IACP,WAAW,CAAC;AAAA,IACZ,QAAQ,CAAC;AAAA,IACT,UAAU,CAAC;AAAA,IACX,aAAa,CAAC;AAAA,IACd,UAAU,CAAA;AAAA,EACd;AAAA,EACA,YAAY,CAAA;AAChB,GAEaC,IAAgBC;AAAA,EACzB,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,iBAAiB,CAACI,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,IAChE,YAAY,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAChE;AACJ;"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/ProjectDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetails.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/ProjectDetails.tsx"],"sourcesContent":["import { useState, lazy, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport ProjectDetailsHeader from './components/ProjectDetailsHeader'\nimport ProjectDetailsNavigation from './components/ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProject } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport type { GetProjectDetailsResponse } from './types'\n\nconst defaultNavValue = 'overview'\nconst settingsNavValue = 'settings'\n\nconst ProjectDetailsOverview = lazy(\n    () => import('./components/ProjectDetailsOverview'),\n)\nconst ProjectDetailsTask = lazy(() => import('./components/ProjectDetailsTask'))\nconst ProjectDetailsAttachments = lazy(\n    () => import('./components/ProjectDetailsAttachments'),\n)\nconst ProjectDetailsActivity = lazy(\n    () => import('./components/ProjectDetailsActivity'),\n)\nconst ProjectDetailsSetting = lazy(\n    () => import('./components/ProjectDetailsSetting'),\n)\n\nconst ProjectDetails = () => {\n    const { id } = useParams()\n\n    const { data, mutate } = useSWR<GetProjectDetailsResponse, { id: string }>(\n        [`/api/project/${id}`],\n        () => apiGetProject({ id }),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const { larger } = useResponsive()\n\n    const [selectedNav, setSelectedNav] = useState(defaultNavValue)\n    const [isContentEdit, setIsContentEdit] = useState(false)\n\n    const handleEdit = (isEdit: boolean) => {\n        setSelectedNav(settingsNavValue)\n        setIsContentEdit(isEdit)\n    }\n\n    const handleContentChange = (content: string) => {\n        mutate({ ...(data as GetProjectDetailsResponse), content }, false)\n        setIsContentEdit(false)\n    }\n\n    const handleUpdate = ({\n        name,\n        content,\n        dueDate,\n    }: {\n        name: string\n        content: string\n        dueDate: number\n    }) => {\n        const newData = { ...data }\n        newData.name = name\n        newData.content = content\n        if (newData.schedule) {\n            newData.schedule.dueDate = dueDate\n        }\n\n        mutate({ ...(newData as GetProjectDetailsResponse) }, false)\n        setIsContentEdit(false)\n        setSelectedNav(defaultNavValue)\n    }\n\n    const handleNavigationChange = (val: string) => {\n        if (val === settingsNavValue) {\n            setIsContentEdit(true)\n        } else {\n            setIsContentEdit(false)\n        }\n        setSelectedNav(val)\n    }\n\n    return (\n        <div>\n            {data && (\n                <>\n                    <ProjectDetailsHeader\n                        title={data.name}\n                        isContentEdit={isContentEdit}\n                        selected={selectedNav}\n                        onEdit={handleEdit}\n                        onChange={handleNavigationChange}\n                    />\n                    <div className=\"mt-6 flex gap-12\">\n                        {larger.xl && (\n                            <ProjectDetailsNavigation\n                                selected={selectedNav}\n                                onChange={handleNavigationChange}\n                            />\n                        )}\n                        <div className=\"w-full\">\n                            <Suspense\n                                fallback={\n                                    <div className=\"my-4 mx-auto text-center flex justify-center\">\n                                        <Spinner size={40} />\n                                    </div>\n                                }\n                            >\n                                {selectedNav === defaultNavValue && (\n                                    <ProjectDetailsOverview\n                                        content={data.content}\n                                        client={data.client}\n                                        schedule={data.schedule}\n                                        isContentEdit={isContentEdit}\n                                        setIsContentEdit={setIsContentEdit}\n                                        onContentChange={handleContentChange}\n                                    />\n                                )}\n                                {selectedNav === 'tasks' && (\n                                    <ProjectDetailsTask />\n                                )}\n                                {selectedNav === 'attachments' && (\n                                    <ProjectDetailsAttachments />\n                                )}\n                                {selectedNav === 'activity' && (\n                                    <ProjectDetailsActivity />\n                                )}\n                                {selectedNav === 'settings' && (\n                                    <ProjectDetailsSetting\n                                        name={data.name}\n                                        content={data.content}\n                                        dueDate={data.schedule.dueDate}\n                                        onUpdate={handleUpdate}\n                                    />\n                                )}\n                            </Suspense>\n                        </div>\n                    </div>\n                </>\n            )}\n        </div>\n    )\n}\n\nexport default ProjectDetails\n"],"names":["defaultNavValue","settingsNavValue","ProjectDetailsOverview","lazy","ProjectDetailsTask","ProjectDetailsAttachments","ProjectDetailsActivity","ProjectDetailsSetting","ProjectDetails","id","useParams","data","mutate","useSWR","apiGetProject","larger","useResponsive","selectedNav","setSelectedNav","useState","isContentEdit","setIsContentEdit","handleEdit","isEdit","handleContentChange","content","handleUpdate","name","dueDate","newData","handleNavigationChange","val","jsx","jsxs","Fragment","ProjectDetailsHeader","ProjectDetailsNavigation","Suspense","Spinner"],"mappings":"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"}
+{"version":3,"file":"ProjectDetails.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/ProjectDetails.tsx"],"sourcesContent":["import { useState, lazy, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport ProjectDetailsHeader from './components/ProjectDetailsHeader'\nimport ProjectDetailsNavigation from './components/ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProject } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport type { GetProjectDetailsResponse } from './types'\n\nconst defaultNavValue = 'overview'\nconst settingsNavValue = 'settings'\n\nconst ProjectDetailsOverview = lazy(\n    () => import('./components/ProjectDetailsOverview'),\n)\nconst ProjectDetailsTask = lazy(() => import('./components/ProjectDetailsTask'))\nconst ProjectDetailsAttachments = lazy(\n    () => import('./components/ProjectDetailsAttachments'),\n)\nconst ProjectDetailsActivity = lazy(\n    () => import('./components/ProjectDetailsActivity'),\n)\nconst ProjectDetailsSetting = lazy(\n    () => import('./components/ProjectDetailsSetting'),\n)\n\nconst ProjectDetails = () => {\n    const { id } = useParams()\n\n    const { data, mutate } = useSWR<GetProjectDetailsResponse, { id: string }>(\n        [`/api/project/${id}`],\n        () => apiGetProject({ id }),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const { larger } = useResponsive()\n\n    const [selectedNav, setSelectedNav] = useState(defaultNavValue)\n    const [isContentEdit, setIsContentEdit] = useState(false)\n\n    const handleEdit = (isEdit: boolean) => {\n        setSelectedNav(settingsNavValue)\n        setIsContentEdit(isEdit)\n    }\n\n    const handleContentChange = (content: string) => {\n        mutate({ ...(data as GetProjectDetailsResponse), content }, false)\n        setIsContentEdit(false)\n    }\n\n    const handleUpdate = ({\n        name,\n        content,\n        dueDate,\n    }: {\n        name: string\n        content: string\n        dueDate: number\n    }) => {\n        const newData = { ...data }\n        newData.name = name\n        newData.content = content\n        if (newData.schedule) {\n            newData.schedule.dueDate = dueDate\n        }\n\n        mutate({ ...(newData as GetProjectDetailsResponse) }, false)\n        setIsContentEdit(false)\n        setSelectedNav(defaultNavValue)\n    }\n\n    const handleNavigationChange = (val: string) => {\n        if (val === settingsNavValue) {\n            setIsContentEdit(true)\n        } else {\n            setIsContentEdit(false)\n        }\n        setSelectedNav(val)\n    }\n\n    return (\n        <div>\n            {data && (\n                <>\n                    <ProjectDetailsHeader\n                        title={data.name}\n                        isContentEdit={isContentEdit}\n                        selected={selectedNav}\n                        onEdit={handleEdit}\n                        onChange={handleNavigationChange}\n                    />\n                    <div className=\"mt-6 flex gap-12\">\n                        {larger.xl && (\n                            <ProjectDetailsNavigation\n                                selected={selectedNav}\n                                onChange={handleNavigationChange}\n                            />\n                        )}\n                        <div className=\"w-full\">\n                            <Suspense\n                                fallback={\n                                    <div className=\"my-4 mx-auto text-center flex justify-center\">\n                                        <Spinner size={40} />\n                                    </div>\n                                }\n                            >\n                                {selectedNav === defaultNavValue && (\n                                    <ProjectDetailsOverview\n                                        content={data.content}\n                                        client={data.client}\n                                        schedule={data.schedule}\n                                        isContentEdit={isContentEdit}\n                                        setIsContentEdit={setIsContentEdit}\n                                        onContentChange={handleContentChange}\n                                    />\n                                )}\n                                {selectedNav === 'tasks' && (\n                                    <ProjectDetailsTask />\n                                )}\n                                {selectedNav === 'attachments' && (\n                                    <ProjectDetailsAttachments />\n                                )}\n                                {selectedNav === 'activity' && (\n                                    <ProjectDetailsActivity />\n                                )}\n                                {selectedNav === 'settings' && (\n                                    <ProjectDetailsSetting\n                                        name={data.name}\n                                        content={data.content}\n                                        dueDate={data.schedule.dueDate}\n                                        onUpdate={handleUpdate}\n                                    />\n                                )}\n                            </Suspense>\n                        </div>\n                    </div>\n                </>\n            )}\n        </div>\n    )\n}\n\nexport default ProjectDetails\n"],"names":["defaultNavValue","settingsNavValue","ProjectDetailsOverview","lazy","ProjectDetailsTask","ProjectDetailsAttachments","ProjectDetailsActivity","ProjectDetailsSetting","ProjectDetails","id","useParams","data","mutate","useSWR","apiGetProject","larger","useResponsive","selectedNav","setSelectedNav","useState","isContentEdit","setIsContentEdit","handleEdit","isEdit","handleContentChange","content","handleUpdate","name","dueDate","newData","handleNavigationChange","val","jsx","jsxs","Fragment","ProjectDetailsHeader","ProjectDetailsNavigation","Suspense","Spinner"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsActivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailsActivity.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsActivity.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport Timeline from '@/components/ui/Timeline'\nimport Button from '@/components/ui/Button'\nimport Loading from '@/components/shared/Loading'\nimport { apiGetLogs } from '@/services/LogService'\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\nimport isEmpty from 'lodash/isEmpty'\nimport dayjs from 'dayjs'\nimport type { GetProjectDetailsActitvityResponse } from '../types'\n\nconst ProjectDetailsActivity = () => {\n    const [isLoading, setIsLoading] = useState(false)\n    const [activityIndex, setActivityIndex] = useState(1)\n    const [loadable, seLoadable] = useState(true)\n    const [activities, setActivities] = useState<\n        Array<{\n            id: string\n            date: number\n            events: Array<{\n                type: string\n                dateTime: number\n                ticket?: string\n                status?: number\n                userName: string\n                userImg?: string\n                comment?: string\n                tags?: string[]\n                files?: string[]\n                assignee?: string\n            }>\n        }>\n    >([])\n\n    const getLogs = async () => {\n        setIsLoading(true)\n        const resp = await apiGetLogs<\n            GetProjectDetailsActitvityResponse,\n            { activityIndex: number }\n        >({ activityIndex })\n        setActivities((prevActivities) => [...prevActivities, ...resp.data])\n        seLoadable(resp.loadable)\n        setIsLoading(false)\n    }\n\n    useEffect(() => {\n        getLogs()\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    const onLoadMore = () => {\n        setActivityIndex((prevIndex) => prevIndex + 1)\n        getLogs()\n    }\n\n    return (\n        <Loading loading={isLoading}>\n            <div>\n                {activities.map((log, index) => (\n                    <div key={log.id + index} className=\"mb-8\">\n                        <div className=\"mb-4 font-semibold uppercase\">\n                            {dayjs.unix(log.date).format('dddd, DD MMMM')}\n                        </div>\n                        <Timeline>\n                            {isEmpty(log.events) ? (\n                                <Timeline.Item>No Activities</Timeline.Item>\n                            ) : (\n                                log.events.map((event, index) => (\n                                    <Timeline.Item\n                                        key={log.id + event.type + index}\n                                        media={<ActivityAvatar data={event} />}\n                                    >\n                                        <div className=\"mt-1\">\n                                            <ActivityEvent data={event} />\n                                        </div>\n                                    </Timeline.Item>\n                                ))\n                            )}\n                        </Timeline>\n                    </div>\n                ))}\n                <div className=\"text-center\">\n                    {loadable ? (\n                        <Button loading={isLoading} onClick={onLoadMore}>\n                            Load More\n                        </Button>\n                    ) : (\n                        'No more activity to load'\n                    )}\n                </div>\n            </div>\n        </Loading>\n    )\n}\n\nexport default ProjectDetailsActivity\n"],"names":["ProjectDetailsActivity","isLoading","setIsLoading","useState","activityIndex","setActivityIndex","loadable","seLoadable","activities","setActivities","getLogs","resp","apiGetLogs","prevActivities","useEffect","onLoadMore","prevIndex","jsx","Loading","log","index","jsxs","dayjs","Timeline","isEmpty","event","ActivityAvatar","ActivityEvent","Button"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,IAAyB,MAAM;AACjC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAeC,CAAgB,IAAIF,EAAS,CAAC,GAC9C,CAACG,GAAUC,CAAU,IAAIJ,EAAS,EAAI,GACtC,CAACK,GAAYC,CAAa,IAAIN,EAiBlC,CAAA,CAAE,GAEEO,IAAU,YAAY;AACxB,IAAAR,EAAa,EAAI;AACjB,UAAMS,IAAO,MAAMC,EAGjB,EAAE,eAAAR,GAAe;AACnB,IAAAK,EAAc,CAACI,MAAmB,CAAC,GAAGA,GAAgB,GAAGF,EAAK,IAAI,CAAC,GACnEJ,EAAWI,EAAK,QAAQ,GACxBT,EAAa,EAAK;AAAA,EACtB;AAEA,EAAAY,EAAU,MAAM;AACZ,IAAAJ,EAAA;AAAA,EAEJ,GAAG,CAAA,CAAE;AAEL,QAAMK,IAAa,MAAM;AACrB,IAAAV,EAAiB,CAACW,MAAcA,IAAY,CAAC,GAC7CN,EAAA;AAAA,EACJ;AAEA,SACI,gBAAAO,EAACC,GAAA,EAAQ,SAASjB,GACd,4BAAC,OAAA,EACI,UAAA;AAAA,IAAAO,EAAW,IAAI,CAACW,GAAKC,MAClB,gBAAAC,EAAC,OAAA,EAAyB,WAAU,QAChC,UAAA;AAAA,MAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gCACV,UAAAK,EAAM,KAAKH,EAAI,IAAI,EAAE,OAAO,eAAe,EAAA,CAChD;AAAA,wBACCI,GAAA,EACI,UAAAC,EAAQL,EAAI,MAAM,IACf,gBAAAF,EAACM,EAAS,MAAT,EAAc,2BAAa,IAE5BJ,EAAI,OAAO,IAAI,CAACM,GAAOL,MACnB,gBAAAH;AAAA,QAACM,EAAS;AAAA,QAAT;AAAA,UAEG,OAAO,gBAAAN,EAACS,GAAA,EAAe,MAAMD,EAAA,CAAO;AAAA,UAEpC,UAAA,gBAAAR,EAAC,SAAI,WAAU,QACX,4BAACU,GAAA,EAAc,MAAMF,GAAO,EAAA,CAChC;AAAA,QAAA;AAAA,QALKN,EAAI,KAAKM,EAAM,OAAOL;AAAAA,MAAA,CAOlC,EAAA,CAET;AAAA,IAAA,EAAA,GAnBMD,EAAI,KAAKC,CAoBnB,CACH;AAAA,IACD,gBAAAH,EAAC,OAAA,EAAI,WAAU,eACV,UAAAX,IACG,gBAAAW,EAACW,GAAA,EAAO,SAAS3B,GAAW,SAASc,GAAY,UAAA,YAAA,CAEjD,IAEA,2BAAA,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"ProjectDetailsActivity.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsActivity.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport Timeline from '@/components/ui/Timeline'\nimport Button from '@/components/ui/Button'\nimport Loading from '@/components/shared/Loading'\nimport { apiGetLogs } from '@/services/LogService'\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\nimport isEmpty from 'lodash/isEmpty'\nimport dayjs from 'dayjs'\nimport type { GetProjectDetailsActitvityResponse } from '../types'\n\nconst ProjectDetailsActivity = () => {\n    const [isLoading, setIsLoading] = useState(false)\n    const [activityIndex, setActivityIndex] = useState(1)\n    const [loadable, seLoadable] = useState(true)\n    const [activities, setActivities] = useState<\n        Array<{\n            id: string\n            date: number\n            events: Array<{\n                type: string\n                dateTime: number\n                ticket?: string\n                status?: number\n                userName: string\n                userImg?: string\n                comment?: string\n                tags?: string[]\n                files?: string[]\n                assignee?: string\n            }>\n        }>\n    >([])\n\n    const getLogs = async () => {\n        setIsLoading(true)\n        const resp = await apiGetLogs<\n            GetProjectDetailsActitvityResponse,\n            { activityIndex: number }\n        >({ activityIndex })\n        setActivities((prevActivities) => [...prevActivities, ...resp.data])\n        seLoadable(resp.loadable)\n        setIsLoading(false)\n    }\n\n    useEffect(() => {\n        getLogs()\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    const onLoadMore = () => {\n        setActivityIndex((prevIndex) => prevIndex + 1)\n        getLogs()\n    }\n\n    return (\n        <Loading loading={isLoading}>\n            <div>\n                {activities.map((log, index) => (\n                    <div key={log.id + index} className=\"mb-8\">\n                        <div className=\"mb-4 font-semibold uppercase\">\n                            {dayjs.unix(log.date).format('dddd, DD MMMM')}\n                        </div>\n                        <Timeline>\n                            {isEmpty(log.events) ? (\n                                <Timeline.Item>No Activities</Timeline.Item>\n                            ) : (\n                                log.events.map((event, index) => (\n                                    <Timeline.Item\n                                        key={log.id + event.type + index}\n                                        media={<ActivityAvatar data={event} />}\n                                    >\n                                        <div className=\"mt-1\">\n                                            <ActivityEvent data={event} />\n                                        </div>\n                                    </Timeline.Item>\n                                ))\n                            )}\n                        </Timeline>\n                    </div>\n                ))}\n                <div className=\"text-center\">\n                    {loadable ? (\n                        <Button loading={isLoading} onClick={onLoadMore}>\n                            Load More\n                        </Button>\n                    ) : (\n                        'No more activity to load'\n                    )}\n                </div>\n            </div>\n        </Loading>\n    )\n}\n\nexport default ProjectDetailsActivity\n"],"names":["ProjectDetailsActivity","isLoading","setIsLoading","useState","activityIndex","setActivityIndex","loadable","seLoadable","activities","setActivities","getLogs","resp","apiGetLogs","prevActivities","useEffect","onLoadMore","prevIndex","jsx","Loading","log","index","jsxs","dayjs","Timeline","isEmpty","event","ActivityAvatar","ActivityEvent","Button"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,IAAyB,MAAM;AACjC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAeC,CAAgB,IAAIF,EAAS,CAAC,GAC9C,CAACG,GAAUC,CAAU,IAAIJ,EAAS,EAAI,GACtC,CAACK,GAAYC,CAAa,IAAIN,EAiBlC,CAAA,CAAE,GAEEO,IAAU,YAAY;AACxB,IAAAR,EAAa,EAAI;AACjB,UAAMS,IAAO,MAAMC,EAGjB,EAAE,eAAAR,GAAe;AACL,IAAAK,EAAA,CAACI,MAAmB,CAAC,GAAGA,GAAgB,GAAGF,EAAK,IAAI,CAAC,GACnEJ,EAAWI,EAAK,QAAQ,GACxBT,EAAa,EAAK;AAAA,EACtB;AAEA,EAAAY,EAAU,MAAM;AACJ,IAAAJ,EAAA;AAAA,EAEZ,GAAG,EAAE;AAEL,QAAMK,IAAa,MAAM;AACJ,IAAAV,EAAA,CAACW,MAAcA,IAAY,CAAC,GACrCN,EAAA;AAAA,EACZ;AAEA,SACK,gBAAAO,EAAAC,GAAA,EAAQ,SAASjB,GACd,4BAAC,OACI,EAAA,UAAA;AAAA,IAAAO,EAAW,IAAI,CAACW,GAAKC,MACjB,gBAAAC,EAAA,OAAA,EAAyB,WAAU,QAChC,UAAA;AAAA,MAAC,gBAAAJ,EAAA,OAAA,EAAI,WAAU,gCACV,UAAMK,EAAA,KAAKH,EAAI,IAAI,EAAE,OAAO,eAAe,EAChD,CAAA;AAAA,wBACCI,GACI,EAAA,UAAAC,EAAQL,EAAI,MAAM,IACd,gBAAAF,EAAAM,EAAS,MAAT,EAAc,0BAAa,CAAA,IAE5BJ,EAAI,OAAO,IAAI,CAACM,GAAOL,MACnB,gBAAAH;AAAA,QAACM,EAAS;AAAA,QAAT;AAAA,UAEG,OAAO,gBAAAN,EAACS,GAAe,EAAA,MAAMD,EAAO,CAAA;AAAA,UAEpC,UAAA,gBAAAR,EAAC,SAAI,WAAU,QACX,4BAACU,GAAc,EAAA,MAAMF,EAAO,CAAA,EAChC,CAAA;AAAA,QAAA;AAAA,QALKN,EAAI,KAAKM,EAAM,OAAOL;AAAAA,MAAA,CAOlC,EAET,CAAA;AAAA,IAnBM,EAAA,GAAAD,EAAI,KAAKC,CAoBnB,CACH;AAAA,IACA,gBAAAH,EAAA,OAAA,EAAI,WAAU,eACV,UACGX,IAAA,gBAAAW,EAACW,GAAO,EAAA,SAAS3B,GAAW,SAASc,GAAY,UAAA,YAAA,CAEjD,IAEA,2BAER,CAAA;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsAttachments.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailsAttachments.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsAttachments.tsx"],"sourcesContent":["import useSWR from 'swr'\nimport { apiGetFiles } from '@/services/FileService'\nimport Table from '@/components/ui/Table'\nimport Avatar from '@/components/ui/Avatar'\nimport Loading from '@/components/shared/Loading'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport FileIcon from '@/components/view/FileIcon'\nimport dayjs from 'dayjs'\nimport type { GetProjectDetailsAttachmentResponse } from '../types'\n\ntype FileSegmentProps = {\n    name: string\n    fileType: string\n    size: number\n}\n\nconst { TBody, THead, Th, Tr, Td } = Table\n\nconst FileSegment = ({ fileType, size, name }: FileSegmentProps) => {\n    return (\n        <div\n            className=\"bg-white rounded-2xl dark:bg-gray-800 border border-gray-200 dark:border-transparent p-2.5 lg:p-3.5 flex items-center gap-2 transition-all hover:shadow-[0_0_1rem_0.25rem_rgba(0,0,0,0.04),0px_2rem_1.5rem_-1rem_rgba(0,0,0,0.12)] cursor-pointer\"\n            role=\"button\"\n        >\n            <div className=\"text-3xl\">\n                <FileIcon type={fileType} size={35} />\n            </div>\n            <div>\n                <div className=\"font-bold heading-text\">{name}</div>\n                <span className=\"text-xs\">{fileSizeUnit(size)}</span>\n            </div>\n        </div>\n    )\n}\n\nconst ProjectDetailsAttachments = () => {\n    const { data, isLoading } = useSWR(\n        ['/api/fles'],\n        () =>\n            apiGetFiles<\n                GetProjectDetailsAttachmentResponse,\n                Record<string, never>\n            >({}),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    return (\n        <Loading loading={isLoading}>\n            <div>\n                <h4>Recently added</h4>\n                <div className=\"grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 mt-4 gap-4 lg:gap-6\">\n                    {data &&\n                        data.list\n                            .filter((file) => file.recent)\n                            .map((file) => (\n                                <FileSegment\n                                    key={file.id}\n                                    fileType={file.fileType}\n                                    size={file.size}\n                                    name={file.name}\n                                />\n                            ))}\n                </div>\n            </div>\n            <div className=\"mt-10\">\n                <h4>Others files</h4>\n                <Table className=\"mt-6\">\n                    <THead>\n                        <Tr>\n                            <Th>File</Th>\n                            <Th>Size</Th>\n                            <Th>Upload date</Th>\n                            <Th>Last modified</Th>\n                            <Th>Uploaded by</Th>\n                        </Tr>\n                    </THead>\n                    <TBody>\n                        {data &&\n                            data.list\n                                .filter((file) => !file.recent)\n                                .map((file) => (\n                                    <Tr\n                                        key={file.id}\n                                        className=\"cursor-pointer\"\n                                    >\n                                        <Td>\n                                            <div className=\"flex items-center gap-2\">\n                                                <div className=\"text-2xl\">\n                                                    <FileIcon\n                                                        type={file.fileType}\n                                                        size={35}\n                                                    />\n                                                </div>\n                                                <div className=\"font-bold heading-text\">\n                                                    {file.name}\n                                                </div>\n                                            </div>\n                                        </Td>\n                                        <Td className=\"font-semibold text-nowrap\">\n                                            {fileSizeUnit(file.size)}\n                                        </Td>\n                                        <Td className=\"font-semibold text-nowrap\">\n                                            {dayjs\n                                                .unix(file.uploadDate)\n                                                .format('DD MMM YYYY')}\n                                        </Td>\n                                        <Td className=\"font-semibold\">\n                                            {dayjs\n                                                .unix(\n                                                    file.activities[0]\n                                                        .timestamp,\n                                                )\n                                                .format('DD MMM YYYY')}\n                                        </Td>\n                                        <Td>\n                                            <div className=\"flex items-center gap-2\">\n                                                <Avatar\n                                                    size={28}\n                                                    src={file.author.img}\n                                                />\n                                                <span className=\"heading-text font-bold\">\n                                                    {file.author.name}\n                                                </span>\n                                            </div>\n                                        </Td>\n                                    </Tr>\n                                ))}\n                    </TBody>\n                </Table>\n            </div>\n        </Loading>\n    )\n}\n\nexport default ProjectDetailsAttachments\n"],"names":["TBody","THead","Th","Tr","Td","Table","FileSegment","fileType","size","name","jsxs","jsx","FileIcon","fileSizeUnit","ProjectDetailsAttachments","data","isLoading","useSWR","apiGetFiles","Loading","file","dayjs","Avatar"],"mappings":"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"}
+{"version":3,"file":"ProjectDetailsAttachments.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsAttachments.tsx"],"sourcesContent":["import useSWR from 'swr'\nimport { apiGetFiles } from '@/services/FileService'\nimport Table from '@/components/ui/Table'\nimport Avatar from '@/components/ui/Avatar'\nimport Loading from '@/components/shared/Loading'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport FileIcon from '@/components/view/FileIcon'\nimport dayjs from 'dayjs'\nimport type { GetProjectDetailsAttachmentResponse } from '../types'\n\ntype FileSegmentProps = {\n    name: string\n    fileType: string\n    size: number\n}\n\nconst { TBody, THead, Th, Tr, Td } = Table\n\nconst FileSegment = ({ fileType, size, name }: FileSegmentProps) => {\n    return (\n        <div\n            className=\"bg-white rounded-2xl dark:bg-gray-800 border border-gray-200 dark:border-transparent p-2.5 lg:p-3.5 flex items-center gap-2 transition-all hover:shadow-[0_0_1rem_0.25rem_rgba(0,0,0,0.04),0px_2rem_1.5rem_-1rem_rgba(0,0,0,0.12)] cursor-pointer\"\n            role=\"button\"\n        >\n            <div className=\"text-3xl\">\n                <FileIcon type={fileType} size={35} />\n            </div>\n            <div>\n                <div className=\"font-bold heading-text\">{name}</div>\n                <span className=\"text-xs\">{fileSizeUnit(size)}</span>\n            </div>\n        </div>\n    )\n}\n\nconst ProjectDetailsAttachments = () => {\n    const { data, isLoading } = useSWR(\n        ['/api/fles'],\n        () =>\n            apiGetFiles<\n                GetProjectDetailsAttachmentResponse,\n                Record<string, never>\n            >({}),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    return (\n        <Loading loading={isLoading}>\n            <div>\n                <h4>Recently added</h4>\n                <div className=\"grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 mt-4 gap-4 lg:gap-6\">\n                    {data &&\n                        data.list\n                            .filter((file) => file.recent)\n                            .map((file) => (\n                                <FileSegment\n                                    key={file.id}\n                                    fileType={file.fileType}\n                                    size={file.size}\n                                    name={file.name}\n                                />\n                            ))}\n                </div>\n            </div>\n            <div className=\"mt-10\">\n                <h4>Others files</h4>\n                <Table className=\"mt-6\">\n                    <THead>\n                        <Tr>\n                            <Th>File</Th>\n                            <Th>Size</Th>\n                            <Th>Upload date</Th>\n                            <Th>Last modified</Th>\n                            <Th>Uploaded by</Th>\n                        </Tr>\n                    </THead>\n                    <TBody>\n                        {data &&\n                            data.list\n                                .filter((file) => !file.recent)\n                                .map((file) => (\n                                    <Tr\n                                        key={file.id}\n                                        className=\"cursor-pointer\"\n                                    >\n                                        <Td>\n                                            <div className=\"flex items-center gap-2\">\n                                                <div className=\"text-2xl\">\n                                                    <FileIcon\n                                                        type={file.fileType}\n                                                        size={35}\n                                                    />\n                                                </div>\n                                                <div className=\"font-bold heading-text\">\n                                                    {file.name}\n                                                </div>\n                                            </div>\n                                        </Td>\n                                        <Td className=\"font-semibold text-nowrap\">\n                                            {fileSizeUnit(file.size)}\n                                        </Td>\n                                        <Td className=\"font-semibold text-nowrap\">\n                                            {dayjs\n                                                .unix(file.uploadDate)\n                                                .format('DD MMM YYYY')}\n                                        </Td>\n                                        <Td className=\"font-semibold\">\n                                            {dayjs\n                                                .unix(\n                                                    file.activities[0]\n                                                        .timestamp,\n                                                )\n                                                .format('DD MMM YYYY')}\n                                        </Td>\n                                        <Td>\n                                            <div className=\"flex items-center gap-2\">\n                                                <Avatar\n                                                    size={28}\n                                                    src={file.author.img}\n                                                />\n                                                <span className=\"heading-text font-bold\">\n                                                    {file.author.name}\n                                                </span>\n                                            </div>\n                                        </Td>\n                                    </Tr>\n                                ))}\n                    </TBody>\n                </Table>\n            </div>\n        </Loading>\n    )\n}\n\nexport default ProjectDetailsAttachments\n"],"names":["TBody","THead","Th","Tr","Td","Table","FileSegment","fileType","size","name","jsxs","jsx","FileIcon","fileSizeUnit","ProjectDetailsAttachments","data","isLoading","useSWR","apiGetFiles","Loading","file","dayjs","Avatar"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailsHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ProjectDetailsNavigation from './ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProjectMembers } from '@/services/ProjectService'\nimport { components } from 'react-select'\nimport { TbChecks } from 'react-icons/tb'\nimport useSWRMutation from 'swr/mutation'\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\ntype ProjectDetailsHeaderProps = {\n    title: string\n    isContentEdit: boolean\n    onEdit: (value: boolean) => void\n    selected: string\n    onChange: (value: string) => void\n}\n\ntype Member = {\n    id: string\n    name: string\n    img: string\n}\n\ntype MemberOption = {\n    label: string\n    value: string\n    img: string\n}\n\ntype GetProjectMembersResponse = {\n    participantMembers: Member[]\n    allMembers: Member[]\n}\n\nconst { MultiValueLabel } = components\n\nconst CustomSelectOption = ({\n    innerProps,\n    label,\n    data,\n    isSelected,\n}: OptionProps<MemberOption>) => {\n    return (\n        <div\n            className={`flex items-center justify-between p-2 ${\n                isSelected\n                    ? 'bg-gray-100 dark:bg-gray-500'\n                    : 'hover:bg-gray-50 dark:hover:bg-gray-600'\n            }`}\n            {...innerProps}\n        >\n            <div className=\"flex items-center gap-2\">\n                <Avatar shape=\"circle\" size={20} src={data.img} />\n                <span className=\"font-semibold heading-text\">{label}</span>\n            </div>\n            {isSelected && <TbChecks className=\"text-emerald-500 text-xl\" />}\n        </div>\n    )\n}\n\nconst CustomControlMulti = ({ children, ...props }: MultiValueGenericProps) => {\n    const { img } = props.data\n\n    return (\n        <MultiValueLabel {...props}>\n            <div className=\"inline-flex items-center\">\n                <Avatar\n                    className=\"mr-2 rtl:ml-2\"\n                    shape=\"circle\"\n                    size={15}\n                    src={img}\n                />\n                {children}\n            </div>\n        </MultiValueLabel>\n    )\n}\n\nconst ProjectDetailsHeader = (props: ProjectDetailsHeaderProps) => {\n    const { title, isContentEdit, onEdit, onChange, selected } = props\n\n    const [isDialogOpen, setIsDialogOpen] = useState(false)\n\n    const [loading, setLoading] = useState(false)\n\n    const [copied, setCopied] = useState(false)\n\n    const [memberOptions, setMemberOptions] = useState<MemberOption[]>([])\n\n    const drawerRef = useRef<ToggleDrawerRef>(null)\n\n    const { smaller } = useResponsive()\n\n    const { trigger } = useSWRMutation(\n        ['/api/projects/members'],\n        () => apiGetProjectMembers<GetProjectMembersResponse>(),\n        {\n            onSuccess: (data) => {\n                const members = data?.allMembers.map((item) => ({\n                    value: item.id,\n                    label: item.name,\n                    img: item.img,\n                }))\n                setMemberOptions(members)\n            },\n        },\n    )\n\n    const handleFocus = async () => {\n        if (memberOptions.length === 0) {\n            setLoading(true)\n            await trigger()\n            setLoading(false)\n        }\n    }\n\n    useEffect(() => {\n        if (copied) {\n            const copyFeedbackInterval = setTimeout(\n                () => setCopied(false),\n                2000,\n            )\n\n            return () => {\n                clearTimeout(copyFeedbackInterval)\n            }\n        }\n    }, [copied])\n\n    const handleNavigationChange = (val: string) => {\n        onChange(val)\n        drawerRef.current?.handleCloseDrawer()\n    }\n\n    return (\n        <>\n            <div className=\"flex items-center justify-between border-b border-gray-200 dark:border-gray-700 mb-6 pb-4\">\n                <div className=\"flex items-center gap-4\">\n                    {smaller.xl && (\n                        <ToggleDrawer ref={drawerRef} title=\"Navigation\">\n                            <ProjectDetailsNavigation\n                                selected={selected}\n                                onChange={handleNavigationChange}\n                            />\n                        </ToggleDrawer>\n                    )}\n                    <h3>{title}</h3>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                    <Button onClick={() => setIsDialogOpen(true)}>Share</Button>\n                    <Button\n                        disabled={isContentEdit}\n                        variant=\"solid\"\n                        onClick={() => onEdit(!isContentEdit)}\n                    >\n                        {isContentEdit ? 'Editing' : 'Edit'}\n                    </Button>\n                </div>\n            </div>\n            <Dialog\n                isOpen={isDialogOpen}\n                width={640}\n                onClose={() => setIsDialogOpen(false)}\n                onRequestClose={() => setIsDialogOpen(false)}\n            >\n                <h5>Share this project</h5>\n                <Form className=\"my-6\">\n                    <FormItem label=\"Copy link\">\n                        <Input\n                            readOnly\n                            value=\"https://edge.themenate.net/concepts/projects/project-details/27\"\n                            suffix={\n                                <Button\n                                    type=\"button\"\n                                    variant=\"solid\"\n                                    size=\"sm\"\n                                    customColorClass={() =>\n                                        'bg-gray-900 hover:bg-gray-800 dark:bg-gray-100 dark:hover:bg-gray-200'\n                                    }\n                                    onClick={() => setCopied(true)}\n                                >\n                                    {copied ? 'Copied' : 'Copy'}\n                                </Button>\n                            }\n                        />\n                    </FormItem>\n                    <FormItem label=\"Or share to members\">\n                        <Select<MemberOption, true>\n                            isMulti\n                            className=\"min-w-[120px]\"\n                            components={{\n                                Option: CustomSelectOption,\n                                MultiValueLabel: CustomControlMulti,\n                            }}\n                            options={memberOptions}\n                            isLoading={loading}\n                            onFocus={handleFocus}\n                        />\n                    </FormItem>\n                </Form>\n                <div className=\"flex items-center justify-end gap-2\">\n                    <Button onClick={() => setIsDialogOpen(false)}>\n                        Cancel\n                    </Button>\n                    <Button\n                        variant=\"solid\"\n                        onClick={() => setIsDialogOpen(false)}\n                    >\n                        Share\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default ProjectDetailsHeader\n"],"names":["MultiValueLabel","components","CustomSelectOption","innerProps","label","data","isSelected","jsxs","jsx","Avatar","TbChecks","CustomControlMulti","children","props","img","ProjectDetailsHeader","title","isContentEdit","onEdit","onChange","selected","isDialogOpen","setIsDialogOpen","useState","loading","setLoading","copied","setCopied","memberOptions","setMemberOptions","drawerRef","useRef","smaller","useResponsive","trigger","useSWRMutation","apiGetProjectMembers","members","item","handleFocus","useEffect","copyFeedbackInterval","handleNavigationChange","val","Fragment","ToggleDrawer","ProjectDetailsNavigation","Button","Dialog","Form","FormItem","Input","Select"],"mappings":"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"}
+{"version":3,"file":"ProjectDetailsHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ProjectDetailsNavigation from './ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProjectMembers } from '@/services/ProjectService'\nimport { components } from 'react-select'\nimport { TbChecks } from 'react-icons/tb'\nimport useSWRMutation from 'swr/mutation'\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\ntype ProjectDetailsHeaderProps = {\n    title: string\n    isContentEdit: boolean\n    onEdit: (value: boolean) => void\n    selected: string\n    onChange: (value: string) => void\n}\n\ntype Member = {\n    id: string\n    name: string\n    img: string\n}\n\ntype MemberOption = {\n    label: string\n    value: string\n    img: string\n}\n\ntype GetProjectMembersResponse = {\n    participantMembers: Member[]\n    allMembers: Member[]\n}\n\nconst { MultiValueLabel } = components\n\nconst CustomSelectOption = ({\n    innerProps,\n    label,\n    data,\n    isSelected,\n}: OptionProps<MemberOption>) => {\n    return (\n        <div\n            className={`flex items-center justify-between p-2 ${\n                isSelected\n                    ? 'bg-gray-100 dark:bg-gray-500'\n                    : 'hover:bg-gray-50 dark:hover:bg-gray-600'\n            }`}\n            {...innerProps}\n        >\n            <div className=\"flex items-center gap-2\">\n                <Avatar shape=\"circle\" size={20} src={data.img} />\n                <span className=\"font-semibold heading-text\">{label}</span>\n            </div>\n            {isSelected && <TbChecks className=\"text-emerald-500 text-xl\" />}\n        </div>\n    )\n}\n\nconst CustomControlMulti = ({ children, ...props }: MultiValueGenericProps) => {\n    const { img } = props.data\n\n    return (\n        <MultiValueLabel {...props}>\n            <div className=\"inline-flex items-center\">\n                <Avatar\n                    className=\"mr-2 rtl:ml-2\"\n                    shape=\"circle\"\n                    size={15}\n                    src={img}\n                />\n                {children}\n            </div>\n        </MultiValueLabel>\n    )\n}\n\nconst ProjectDetailsHeader = (props: ProjectDetailsHeaderProps) => {\n    const { title, isContentEdit, onEdit, onChange, selected } = props\n\n    const [isDialogOpen, setIsDialogOpen] = useState(false)\n\n    const [loading, setLoading] = useState(false)\n\n    const [copied, setCopied] = useState(false)\n\n    const [memberOptions, setMemberOptions] = useState<MemberOption[]>([])\n\n    const drawerRef = useRef<ToggleDrawerRef>(null)\n\n    const { smaller } = useResponsive()\n\n    const { trigger } = useSWRMutation(\n        ['/api/projects/members'],\n        () => apiGetProjectMembers<GetProjectMembersResponse>(),\n        {\n            onSuccess: (data) => {\n                const members = data?.allMembers.map((item) => ({\n                    value: item.id,\n                    label: item.name,\n                    img: item.img,\n                }))\n                setMemberOptions(members)\n            },\n        },\n    )\n\n    const handleFocus = async () => {\n        if (memberOptions.length === 0) {\n            setLoading(true)\n            await trigger()\n            setLoading(false)\n        }\n    }\n\n    useEffect(() => {\n        if (copied) {\n            const copyFeedbackInterval = setTimeout(\n                () => setCopied(false),\n                2000,\n            )\n\n            return () => {\n                clearTimeout(copyFeedbackInterval)\n            }\n        }\n    }, [copied])\n\n    const handleNavigationChange = (val: string) => {\n        onChange(val)\n        drawerRef.current?.handleCloseDrawer()\n    }\n\n    return (\n        <>\n            <div className=\"flex items-center justify-between border-b border-gray-200 dark:border-gray-700 mb-6 pb-4\">\n                <div className=\"flex items-center gap-4\">\n                    {smaller.xl && (\n                        <ToggleDrawer ref={drawerRef} title=\"Navigation\">\n                            <ProjectDetailsNavigation\n                                selected={selected}\n                                onChange={handleNavigationChange}\n                            />\n                        </ToggleDrawer>\n                    )}\n                    <h3>{title}</h3>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                    <Button onClick={() => setIsDialogOpen(true)}>Share</Button>\n                    <Button\n                        disabled={isContentEdit}\n                        variant=\"solid\"\n                        onClick={() => onEdit(!isContentEdit)}\n                    >\n                        {isContentEdit ? 'Editing' : 'Edit'}\n                    </Button>\n                </div>\n            </div>\n            <Dialog\n                isOpen={isDialogOpen}\n                width={640}\n                onClose={() => setIsDialogOpen(false)}\n                onRequestClose={() => setIsDialogOpen(false)}\n            >\n                <h5>Share this project</h5>\n                <Form className=\"my-6\">\n                    <FormItem label=\"Copy link\">\n                        <Input\n                            readOnly\n                            value=\"https://edge.themenate.net/concepts/projects/project-details/27\"\n                            suffix={\n                                <Button\n                                    type=\"button\"\n                                    variant=\"solid\"\n                                    size=\"sm\"\n                                    customColorClass={() =>\n                                        'bg-gray-900 hover:bg-gray-800 dark:bg-gray-100 dark:hover:bg-gray-200'\n                                    }\n                                    onClick={() => setCopied(true)}\n                                >\n                                    {copied ? 'Copied' : 'Copy'}\n                                </Button>\n                            }\n                        />\n                    </FormItem>\n                    <FormItem label=\"Or share to members\">\n                        <Select<MemberOption, true>\n                            isMulti\n                            className=\"min-w-[120px]\"\n                            components={{\n                                Option: CustomSelectOption,\n                                MultiValueLabel: CustomControlMulti,\n                            }}\n                            options={memberOptions}\n                            isLoading={loading}\n                            onFocus={handleFocus}\n                        />\n                    </FormItem>\n                </Form>\n                <div className=\"flex items-center justify-end gap-2\">\n                    <Button onClick={() => setIsDialogOpen(false)}>\n                        Cancel\n                    </Button>\n                    <Button\n                        variant=\"solid\"\n                        onClick={() => setIsDialogOpen(false)}\n                    >\n                        Share\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default ProjectDetailsHeader\n"],"names":["MultiValueLabel","components","CustomSelectOption","innerProps","label","data","isSelected","jsxs","jsx","Avatar","TbChecks","CustomControlMulti","children","props","img","ProjectDetailsHeader","title","isContentEdit","onEdit","onChange","selected","isDialogOpen","setIsDialogOpen","useState","loading","setLoading","copied","setCopied","memberOptions","setMemberOptions","drawerRef","useRef","smaller","useResponsive","trigger","useSWRMutation","apiGetProjectMembers","members","item","handleFocus","useEffect","copyFeedbackInterval","handleNavigationChange","val","Fragment","ToggleDrawer","ProjectDetailsNavigation","Button","Dialog","Form","FormItem","Input","Select"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailsNavigation.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsNavigation.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport {\n    TbFileInfo,\n    TbChecklist,\n    TbSettings,\n    TbCalendarStats,\n    TbPaperclip,\n} from 'react-icons/tb'\n\ntype ProjectDetailsNavigationProps = {\n    selected: string\n    onChange: (value: string) => void\n}\n\nconst navigation = [\n    { label: 'Overview', value: 'overview', icon: <TbFileInfo /> },\n    { label: 'Tasks', value: 'tasks', icon: <TbChecklist /> },\n    { label: 'Attachments', value: 'attachments', icon: <TbPaperclip /> },\n    { label: 'Activities', value: 'activity', icon: <TbCalendarStats /> },\n    { label: 'Settings', value: 'settings', icon: <TbSettings /> },\n]\n\nconst ProjectDetailsNavigation = ({\n    selected,\n    onChange,\n}: ProjectDetailsNavigationProps) => {\n    const handleClick = (value: string) => {\n        onChange(value)\n    }\n\n    return (\n        <div className=\"w-[250px]\">\n            <div className=\"flex flex-col gap-2\">\n                {navigation.map((nav) => (\n                    <div key={nav.value}>\n                        <button\n                            className={classNames(\n                                'flex items-center gap-2 w-full px-3.5 py-2.5 rounded-full border-2 border-transparent font-semibold transition-colors dark:hover:text-gray-100 text-gray-900 dark:text-white',\n                                selected === nav.value\n                                    ? 'border-primary'\n                                    : 'hover:bg-gray-100 dark:hover:bg-gray-800',\n                            )}\n                            onClick={() => handleClick(nav.value)}\n                        >\n                            <span className=\"text-xl\">{nav.icon}</span>\n                            <span>{nav.label}</span>\n                        </button>\n                    </div>\n                ))}\n            </div>\n        </div>\n    )\n}\n\nexport default ProjectDetailsNavigation\n"],"names":["navigation","jsx","TbFileInfo","TbChecklist","TbPaperclip","TbCalendarStats","TbSettings","ProjectDetailsNavigation","selected","onChange","handleClick","value","nav","jsxs","classNames"],"mappings":";;;AAcA,MAAMA,IAAa;AAAA,EACf,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAC,EAACC,KAAW,EAAA;AAAA,EAC1D,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,gBAAAD,EAACE,KAAY,EAAA;AAAA,EACrD,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,gBAAAF,EAACG,KAAY,EAAA;AAAA,EACjE,EAAE,OAAO,cAAc,OAAO,YAAY,MAAM,gBAAAH,EAACI,KAAgB,EAAA;AAAA,EACjE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAJ,EAACK,KAAW,EAAA;AAC9D,GAEMC,IAA2B,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,UAAAC;AACJ,MAAqC;AACjC,QAAMC,IAAc,CAACC,MAAkB;AACnC,IAAAF,EAASE,CAAK;AAAA,EAClB;AAEA,SACI,gBAAAV,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uBACV,UAAAD,EAAW,IAAI,CAACY,wBACZ,OAAA,EACG,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAN,MAAaI,EAAI,QACX,mBACA;AAAA,MAAA;AAAA,MAEV,SAAS,MAAMF,EAAYE,EAAI,KAAK;AAAA,MAEpC,UAAA;AAAA,QAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAW,EAAI,MAAK;AAAA,QACpC,gBAAAX,EAAC,QAAA,EAAM,UAAAW,EAAI,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EACrB,GAZMA,EAAI,KAad,CACH,GACL,EAAA,CACJ;AAER;"}
+{"version":3,"file":"ProjectDetailsNavigation.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsNavigation.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport {\n    TbFileInfo,\n    TbChecklist,\n    TbSettings,\n    TbCalendarStats,\n    TbPaperclip,\n} from 'react-icons/tb'\n\ntype ProjectDetailsNavigationProps = {\n    selected: string\n    onChange: (value: string) => void\n}\n\nconst navigation = [\n    { label: 'Overview', value: 'overview', icon: <TbFileInfo /> },\n    { label: 'Tasks', value: 'tasks', icon: <TbChecklist /> },\n    { label: 'Attachments', value: 'attachments', icon: <TbPaperclip /> },\n    { label: 'Activities', value: 'activity', icon: <TbCalendarStats /> },\n    { label: 'Settings', value: 'settings', icon: <TbSettings /> },\n]\n\nconst ProjectDetailsNavigation = ({\n    selected,\n    onChange,\n}: ProjectDetailsNavigationProps) => {\n    const handleClick = (value: string) => {\n        onChange(value)\n    }\n\n    return (\n        <div className=\"w-[250px]\">\n            <div className=\"flex flex-col gap-2\">\n                {navigation.map((nav) => (\n                    <div key={nav.value}>\n                        <button\n                            className={classNames(\n                                'flex items-center gap-2 w-full px-3.5 py-2.5 rounded-full border-2 border-transparent font-semibold transition-colors dark:hover:text-gray-100 text-gray-900 dark:text-white',\n                                selected === nav.value\n                                    ? 'border-primary'\n                                    : 'hover:bg-gray-100 dark:hover:bg-gray-800',\n                            )}\n                            onClick={() => handleClick(nav.value)}\n                        >\n                            <span className=\"text-xl\">{nav.icon}</span>\n                            <span>{nav.label}</span>\n                        </button>\n                    </div>\n                ))}\n            </div>\n        </div>\n    )\n}\n\nexport default ProjectDetailsNavigation\n"],"names":["navigation","jsx","TbFileInfo","TbChecklist","TbPaperclip","TbCalendarStats","TbSettings","ProjectDetailsNavigation","selected","onChange","handleClick","value","nav","jsxs","classNames"],"mappings":";;;AAcA,MAAMA,IAAa;AAAA,EACf,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAC,EAACC,KAAW,EAAG;AAAA,EAC7D,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,gBAAAD,EAACE,KAAY,EAAG;AAAA,EACxD,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,gBAAAF,EAACG,KAAY,EAAG;AAAA,EACpE,EAAE,OAAO,cAAc,OAAO,YAAY,MAAM,gBAAAH,EAACI,KAAgB,EAAG;AAAA,EACpE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAJ,EAACK,KAAW,EAAG;AACjE,GAEMC,IAA2B,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,UAAAC;AACJ,MAAqC;AAC3B,QAAAC,IAAc,CAACC,MAAkB;AACnC,IAAAF,EAASE,CAAK;AAAA,EAClB;AAEA,SACK,gBAAAV,EAAA,OAAA,EAAI,WAAU,aACX,UAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,uBACV,UAAWD,EAAA,IAAI,CAACY,wBACZ,OACG,EAAA,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAN,MAAaI,EAAI,QACX,mBACA;AAAA,MACV;AAAA,MACA,SAAS,MAAMF,EAAYE,EAAI,KAAK;AAAA,MAEpC,UAAA;AAAA,QAAA,gBAAAX,EAAC,QAAK,EAAA,WAAU,WAAW,UAAAW,EAAI,MAAK;AAAA,QACpC,gBAAAX,EAAC,QAAM,EAAA,UAAAW,EAAI,MAAM,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAXf,EAAA,GAAAA,EAAI,KAad,CACH,GACL,EACJ,CAAA;AAER;"}