@orbe-agro/client-core 5.6.0 → 5.6.6

package/dist/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Drawer from '@/components/ui/Drawer'\r\nimport Checkbox from '@/components/ui/Checkbox'\r\nimport Badge from '@/components/ui/Badge'\r\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\r\nimport { components } from 'react-select'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport NumericInput from '@/components/shared/NumericInput'\r\nimport useProductList from '../hooks/useProductList'\r\nimport { TbFilter, TbMinus } from 'react-icons/tb'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\nimport type { ControlProps, OptionProps } from 'react-select'\r\nimport classNames from '@/utils/classNames'\r\n\r\ntype FormSchema = {\r\n    minAmount: number | string\r\n    maxAmount: number | string\r\n    productStatus: string\r\n    productType: Array<string>\r\n}\r\n\r\ntype Option = {\r\n    value: string\r\n    label: string\r\n    className: string\r\n}\r\n\r\nconst { Control } = components\r\n\r\nconst productStatusOption: Option[] = [\r\n    { value: 'published', label: 'Published', className: 'bg-emerald-500' },\r\n    { value: 'inactive', label: 'Inactive', className: 'bg-red-500' },\r\n    { value: 'scheduled', label: 'Scheduled', className: 'bg-amber-500' },\r\n    { value: 'draft', label: 'Draft', className: 'bg-gray-400' },\r\n]\r\n\r\nconst productTypeList = ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches']\r\n\r\nconst CustomSelectOption = (props: OptionProps<Option>) => {\r\n    return (\r\n        <DefaultOption<Option>\r\n            {...props}\r\n            customLabel={(data, label) => (\r\n                <span className=\"flex items-center gap-2\">\r\n                    <Badge className={data.className} />\r\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\r\n                </span>\r\n            )}\r\n        />\r\n    )\r\n}\r\n\r\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\r\n    const selected = props.getValue()[0]\r\n    return (\r\n        <Control {...props}>\r\n            {selected && (\r\n                <Badge className={classNames('ml-4', selected.className)} />\r\n            )}\r\n            {children}\r\n        </Control>\r\n    )\r\n}\r\n\r\nconst validationSchema: ZodType<FormSchema> = z.object({\r\n    minAmount: z.union([z.string(), z.number()]),\r\n    maxAmount: z.union([z.string(), z.number()]),\r\n    productStatus: z.string(),\r\n    productType: z.array(z.string()),\r\n})\r\n\r\nconst ProductTableFilter = () => {\r\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\r\n\r\n    const { filterData, setFilterData } = useProductList()\r\n\r\n    const { handleSubmit, control, getValues } = useForm<FormSchema>({\r\n        defaultValues: filterData,\r\n        resolver: zodResolver(validationSchema),\r\n    })\r\n\r\n    const onSubmit = (values: FormSchema) => {\r\n        setFilterData(values)\r\n        setFilterIsOpen(false)\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\r\n                Filter\r\n            </Button>\r\n            <Drawer\r\n                title=\"Filter\"\r\n                isOpen={filterIsOpen}\r\n                onClose={() => setFilterIsOpen(false)}\r\n                onRequestClose={() => setFilterIsOpen(false)}\r\n            >\r\n                <Form\r\n                    className=\"h-full\"\r\n                    containerClassName=\"flex flex-col justify-between h-full\"\r\n                    onSubmit={handleSubmit(onSubmit)}\r\n                >\r\n                    <div>\r\n                        <FormItem label=\"Product price\">\r\n                            <div className=\"flex items-center gap-2\">\r\n                                <Controller\r\n                                    name=\"minAmount\"\r\n                                    control={control}\r\n                                    render={({ field }) => (\r\n                                        <NumericInput\r\n                                            thousandSeparator\r\n                                            type=\"text\"\r\n                                            inputPrefix=\"$\"\r\n                                            autoComplete=\"off\"\r\n                                            placeholder=\"0.00\"\r\n                                            value={field.value}\r\n                                            max={getValues('maxAmount')}\r\n                                            isAllowed={(values) => {\r\n                                                const { floatValue } = values\r\n                                                return (\r\n                                                    (floatValue || 0) <=\r\n                                                    (getValues(\r\n                                                        'maxAmount',\r\n                                                    ) as number)\r\n                                                )\r\n                                            }}\r\n                                            onChange={(e) =>\r\n                                                field.onChange(e.target.value)\r\n                                            }\r\n                                        />\r\n                                    )}\r\n                                />\r\n                                <span>\r\n                                    <TbMinus />\r\n                                </span>\r\n                                <Controller\r\n                                    name=\"maxAmount\"\r\n                                    control={control}\r\n                                    render={({ field }) => (\r\n                                        <NumericInput\r\n                                            thousandSeparator\r\n                                            type=\"text\"\r\n                                            inputPrefix=\"$\"\r\n                                            autoComplete=\"off\"\r\n                                            placeholder=\"0.00\"\r\n                                            value={field.value}\r\n                                            onChange={field.onChange}\r\n                                        />\r\n                                    )}\r\n                                />\r\n                            </div>\r\n                        </FormItem>\r\n                        <FormItem label=\"Product status\">\r\n                            <Controller\r\n                                name=\"productStatus\"\r\n                                control={control}\r\n                                render={({ field }) => (\r\n                                    <Select<Option>\r\n                                        options={productStatusOption}\r\n                                        {...field}\r\n                                        value={productStatusOption.filter(\r\n                                            (option) =>\r\n                                                option.value === field.value,\r\n                                        )}\r\n                                        components={{\r\n                                            Option: CustomSelectOption,\r\n                                            Control: CustomControl,\r\n                                        }}\r\n                                        onChange={(option) =>\r\n                                            field.onChange(option?.value)\r\n                                        }\r\n                                    />\r\n                                )}\r\n                            />\r\n                        </FormItem>\r\n                        <FormItem label=\"Product type\">\r\n                            <div className=\"mt-4\">\r\n                                <Controller\r\n                                    name=\"productType\"\r\n                                    control={control}\r\n                                    render={({ field }) => (\r\n                                        <Checkbox.Group\r\n                                            vertical\r\n                                            className=\"flex\"\r\n                                            {...field}\r\n                                        >\r\n                                            {productTypeList.map(\r\n                                                (type, index) => (\r\n                                                    <Checkbox\r\n                                                        key={type + index}\r\n                                                        name={field.name}\r\n                                                        value={type}\r\n                                                        className=\"justify-between flex-row-reverse heading-text\"\r\n                                                    >\r\n                                                        {type}\r\n                                                    </Checkbox>\r\n                                                ),\r\n                                            )}\r\n                                        </Checkbox.Group>\r\n                                    )}\r\n                                />\r\n                            </div>\r\n                        </FormItem>\r\n                    </div>\r\n                    <Button variant=\"solid\" type=\"submit\">\r\n                        Query\r\n                    </Button>\r\n                </Form>\r\n            </Drawer>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ProductTableFilter\r\n"],"names":["DefaultOption"],"mappings":"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"}
+{"version":3,"file":"ProductTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { components } from 'react-select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport useProductList from '../hooks/useProductList'\nimport { TbFilter, TbMinus } from 'react-icons/tb'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport classNames from '@/utils/classNames'\n\ntype FormSchema = {\n    minAmount: number | string\n    maxAmount: number | string\n    productStatus: string\n    productType: Array<string>\n}\n\ntype Option = {\n    value: string\n    label: string\n    className: string\n}\n\nconst { Control } = components\n\nconst productStatusOption: Option[] = [\n    { value: 'published', label: 'Published', className: 'bg-emerald-500' },\n    { value: 'inactive', label: 'Inactive', className: 'bg-red-500' },\n    { value: 'scheduled', label: 'Scheduled', className: 'bg-amber-500' },\n    { value: 'draft', label: 'Draft', className: 'bg-gray-400' },\n]\n\nconst productTypeList = ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches']\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n    return (\n        <DefaultOption<Option>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Badge className={data.className} />\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Badge className={classNames('ml-4', selected.className)} />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    minAmount: z.union([z.string(), z.number()]),\n    maxAmount: z.union([z.string(), z.number()]),\n    productStatus: z.string(),\n    productType: z.array(z.string()),\n})\n\nconst ProductTableFilter = () => {\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\n\n    const { filterData, setFilterData } = useProductList()\n\n    const { handleSubmit, control, getValues } = useForm<FormSchema>({\n        defaultValues: filterData,\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setFilterData(values)\n        setFilterIsOpen(false)\n    }\n\n    return (\n        <>\n            <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\n                Filter\n            </Button>\n            <Drawer\n                title=\"Filter\"\n                isOpen={filterIsOpen}\n                onClose={() => setFilterIsOpen(false)}\n                onRequestClose={() => setFilterIsOpen(false)}\n            >\n                <Form\n                    className=\"h-full\"\n                    containerClassName=\"flex flex-col justify-between h-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <div>\n                        <FormItem label=\"Product price\">\n                            <div className=\"flex items-center gap-2\">\n                                <Controller\n                                    name=\"minAmount\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <NumericInput\n                                            thousandSeparator\n                                            type=\"text\"\n                                            inputPrefix=\"$\"\n                                            autoComplete=\"off\"\n                                            placeholder=\"0.00\"\n                                            value={field.value}\n                                            max={getValues('maxAmount')}\n                                            isAllowed={(values) => {\n                                                const { floatValue } = values\n                                                return (\n                                                    (floatValue || 0) <=\n                                                    (getValues(\n                                                        'maxAmount',\n                                                    ) as number)\n                                                )\n                                            }}\n                                            onChange={(e) =>\n                                                field.onChange(e.target.value)\n                                            }\n                                        />\n                                    )}\n                                />\n                                <span>\n                                    <TbMinus />\n                                </span>\n                                <Controller\n                                    name=\"maxAmount\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <NumericInput\n                                            thousandSeparator\n                                            type=\"text\"\n                                            inputPrefix=\"$\"\n                                            autoComplete=\"off\"\n                                            placeholder=\"0.00\"\n                                            value={field.value}\n                                            onChange={field.onChange}\n                                        />\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                        <FormItem label=\"Product status\">\n                            <Controller\n                                name=\"productStatus\"\n                                control={control}\n                                render={({ field }) => (\n                                    <Select<Option>\n                                        options={productStatusOption}\n                                        {...field}\n                                        value={productStatusOption.filter(\n                                            (option) =>\n                                                option.value === field.value,\n                                        )}\n                                        components={{\n                                            Option: CustomSelectOption,\n                                            Control: CustomControl,\n                                        }}\n                                        onChange={(option) =>\n                                            field.onChange(option?.value)\n                                        }\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <FormItem label=\"Product type\">\n                            <div className=\"mt-4\">\n                                <Controller\n                                    name=\"productType\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <Checkbox.Group\n                                            vertical\n                                            className=\"flex\"\n                                            {...field}\n                                        >\n                                            {productTypeList.map(\n                                                (type, index) => (\n                                                    <Checkbox\n                                                        key={type + index}\n                                                        name={field.name}\n                                                        value={type}\n                                                        className=\"justify-between flex-row-reverse heading-text\"\n                                                    >\n                                                        {type}\n                                                    </Checkbox>\n                                                ),\n                                            )}\n                                        </Checkbox.Group>\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                    </div>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Query\n                    </Button>\n                </Form>\n            </Drawer>\n        </>\n    )\n}\n\nexport default ProductTableFilter\n"],"names":["DefaultOption"],"mappings":"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"}

package/dist/@ecme/views/concepts/products/ProductList/hooks/useProductList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProductList.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/hooks/useProductList.ts"],"sourcesContent":["import { apiGetProductList } from '@/services/ProductService'\r\nimport useSWR from 'swr'\r\nimport { useProductListStore } from '../store/productListStore'\r\nimport type { GetProductListResponse } from '../types'\r\nimport type { TableQueries } from '@/@types/common'\r\n\r\nconst useProductList = () => {\r\n    const {\r\n        tableData,\r\n        filterData,\r\n        setTableData,\r\n        setFilterData,\r\n        selectedProduct,\r\n        setSelectedProduct,\r\n        setSelectAllProduct,\r\n    } = useProductListStore((state) => state)\r\n\r\n    const { data, error, isLoading, mutate } = useSWR(\r\n        ['/api/products', { ...tableData, ...filterData }],\r\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n        ([_, params]) =>\r\n            apiGetProductList<GetProductListResponse, TableQueries>(params),\r\n        {\r\n            revalidateOnFocus: false,\r\n        },\r\n    )\r\n\r\n    const productList = data?.list || []\r\n\r\n    const productListTotal = data?.total || 0\r\n\r\n    return {\r\n        error,\r\n        isLoading,\r\n        tableData,\r\n        filterData,\r\n        mutate,\r\n        productList,\r\n        productListTotal,\r\n        setTableData,\r\n        selectedProduct,\r\n        setSelectedProduct,\r\n        setSelectAllProduct,\r\n        setFilterData,\r\n    }\r\n}\r\n\r\nexport default useProductList\r\n"],"names":[],"mappings":";;;AAMA,MAAM,iBAAiB,MAAM;AACzB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,oBAAoB,CAAC,UAAU,KAAK;AAExC,QAAM,EAAE,MAAM,OAAO,WAAW,WAAW;AAAA,IACvC,CAAC,iBAAiB,EAAE,GAAG,WAAW,GAAG,YAAY;AAAA;AAAA,IAEjD,CAAC,CAAC,GAAG,MAAM,MACP,kBAAwD,MAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB;AAGJ,QAAM,cAAc,MAAM,QAAQ,CAAA;AAElC,QAAM,mBAAmB,MAAM,SAAS;AAExC,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useProductList.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/hooks/useProductList.ts"],"sourcesContent":["import { apiGetProductList } from '@/services/ProductService'\nimport useSWR from 'swr'\nimport { useProductListStore } from '../store/productListStore'\nimport type { GetProductListResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst useProductList = () => {\n    const {\n        tableData,\n        filterData,\n        setTableData,\n        setFilterData,\n        selectedProduct,\n        setSelectedProduct,\n        setSelectAllProduct,\n    } = useProductListStore((state) => state)\n\n    const { data, error, isLoading, mutate } = useSWR(\n        ['/api/products', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetProductList<GetProductListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    const productList = data?.list || []\n\n    const productListTotal = data?.total || 0\n\n    return {\n        error,\n        isLoading,\n        tableData,\n        filterData,\n        mutate,\n        productList,\n        productListTotal,\n        setTableData,\n        selectedProduct,\n        setSelectedProduct,\n        setSelectAllProduct,\n        setFilterData,\n    }\n}\n\nexport default useProductList\n"],"names":[],"mappings":";;;AAMA,MAAM,iBAAiB,MAAM;AACzB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,oBAAoB,CAAC,UAAU,KAAK;AAExC,QAAM,EAAE,MAAM,OAAO,WAAW,WAAW;AAAA,IACvC,CAAC,iBAAiB,EAAE,GAAG,WAAW,GAAG,YAAY;AAAA;AAAA,IAEjD,CAAC,CAAC,GAAG,MAAM,MACP,kBAAwD,MAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB;AAGJ,QAAM,cAAc,MAAM,QAAQ,CAAA;AAElC,QAAM,mBAAmB,MAAM,SAAS;AAExC,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

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'\r\nimport type { TableQueries } from '@/@types/common'\r\nimport type { Product, Filter } from '../types'\r\n\r\nexport const initialTableData: TableQueries = {\r\n    pageIndex: 1,\r\n    pageSize: 10,\r\n    query: '',\r\n    sort: {\r\n        order: '',\r\n        key: '',\r\n    },\r\n}\r\n\r\nexport const initialFilterData = {\r\n    minAmount: 0,\r\n    maxAmount: 5000,\r\n    productStatus: 'published',\r\n    productType: ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches'],\r\n}\r\n\r\nexport type ProductsListState = {\r\n    tableData: TableQueries\r\n    filterData: Filter\r\n    selectedProduct: Partial<Product>[]\r\n}\r\n\r\ntype ProductsListAction = {\r\n    setFilterData: (payload: Filter) => void\r\n    setTableData: (payload: TableQueries) => void\r\n    setSelectedProduct: (checked: boolean, customer: Product) => void\r\n    setSelectAllProduct: (customer: Product[]) => void\r\n}\r\n\r\nconst initialState: ProductsListState = {\r\n    tableData: initialTableData,\r\n    filterData: initialFilterData,\r\n    selectedProduct: [],\r\n}\r\n\r\nexport const useProductListStore = create<\r\n    ProductsListState & ProductsListAction\r\n>((set) => ({\r\n    ...initialState,\r\n    setFilterData: (payload) => set(() => ({ filterData: payload })),\r\n    setTableData: (payload) => set(() => ({ tableData: payload })),\r\n    setSelectedProduct: (checked, row) =>\r\n        set((state) => {\r\n            const prevData = state.selectedProduct\r\n            if (checked) {\r\n                return { selectedProduct: [...prevData, ...[row]] }\r\n            } else {\r\n                if (prevData.some((prevProduct) => row.id === prevProduct.id)) {\r\n                    return {\r\n                        selectedProduct: prevData.filter(\r\n                            (prevProduct) => prevProduct.id !== row.id,\r\n                        ),\r\n                    }\r\n                }\r\n                return { selectedProduct: prevData }\r\n            }\r\n        }),\r\n    setSelectAllProduct: (row) => set(() => ({ selectedProduct: row })),\r\n}))\r\n"],"names":[],"mappings":";AAIO,MAAM,mBAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb;AAEO,MAAM,oBAAoB;AAAA,EAC7B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa,CAAC,QAAQ,UAAU,WAAW,SAAS,SAAS;AACjE;AAeA,MAAM,eAAkC;AAAA,EACpC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,iBAAiB,CAAA;AACrB;AAEO,MAAM,sBAAsB,OAEjC,CAAC,SAAS;AAAA,EACR,GAAG;AAAA,EACH,eAAe,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,EAC/D,cAAc,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,UAAU;AAAA,EAC7D,oBAAoB,CAAC,SAAS,QAC1B,IAAI,CAAC,UAAU;AACX,UAAM,WAAW,MAAM;AACvB,QAAI,SAAS;AACT,aAAO,EAAE,iBAAiB,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,CAAC,EAAA;AAAA,IACpD,OAAO;AACH,UAAI,SAAS,KAAK,CAAC,gBAAgB,IAAI,OAAO,YAAY,EAAE,GAAG;AAC3D,eAAO;AAAA,UACH,iBAAiB,SAAS;AAAA,YACtB,CAAC,gBAAgB,YAAY,OAAO,IAAI;AAAA,UAAA;AAAA,QAC5C;AAAA,MAER;AACA,aAAO,EAAE,iBAAiB,SAAA;AAAA,IAC9B;AAAA,EACJ,CAAC;AAAA,EACL,qBAAqB,CAAC,QAAQ,IAAI,OAAO,EAAE,iBAAiB,MAAM;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":[],"mappings":";AAIO,MAAM,mBAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb;AAEO,MAAM,oBAAoB;AAAA,EAC7B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa,CAAC,QAAQ,UAAU,WAAW,SAAS,SAAS;AACjE;AAeA,MAAM,eAAkC;AAAA,EACpC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,iBAAiB,CAAA;AACrB;AAEO,MAAM,sBAAsB,OAEjC,CAAC,SAAS;AAAA,EACR,GAAG;AAAA,EACH,eAAe,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,EAC/D,cAAc,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,UAAU;AAAA,EAC7D,oBAAoB,CAAC,SAAS,QAC1B,IAAI,CAAC,UAAU;AACX,UAAM,WAAW,MAAM;AACvB,QAAI,SAAS;AACT,aAAO,EAAE,iBAAiB,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,CAAC,EAAA;AAAA,IACpD,OAAO;AACH,UAAI,SAAS,KAAK,CAAC,gBAAgB,IAAI,OAAO,YAAY,EAAE,GAAG;AAC3D,eAAO;AAAA,UACH,iBAAiB,SAAS;AAAA,YACtB,CAAC,gBAAgB,YAAY,OAAO,IAAI;AAAA,UAAA;AAAA,QAC5C;AAAA,MAER;AACA,aAAO,EAAE,iBAAiB,SAAA;AAAA,IAC9B;AAAA,EACJ,CAAC;AAAA,EACL,qBAAqB,CAAC,QAAQ,IAAI,OAAO,EAAE,iBAAiB,MAAM;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'\r\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\r\nimport IssueHeader from './components/IssueHeader'\r\nimport IssueBody from './components/IssueBody'\r\nimport IssueFooter from './components/IssueFooter'\r\nimport IssueActivity from './components/IssueActivity'\r\nimport {\r\n    apiGetProjectTask,\r\n    apiGetProjectMembers,\r\n} from '@/services/ProjectService'\r\nimport { useIssueStore } from './store/issueStore'\r\nimport useSWR from 'swr'\r\nimport { useParams } from 'react-router-dom'\r\nimport type { GetIssueResponse, GetProjectMembersResponse } from './types'\r\n\r\nconst Issue = () => {\r\n    const { id } = useParams()\r\n\r\n    const { issueData, updateIssueData, setMembers } = useIssueStore()\r\n\r\n    const { isLoading } = useSWR(\r\n        [`/api/projects/tasks/${id}`, { id: id as string }],\r\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n        ([_, params]) =>\r\n            apiGetProjectTask<GetIssueResponse, { id: string }>(params),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            onSuccess: (data) => {\r\n                updateIssueData(data)\r\n            },\r\n        },\r\n    )\r\n\r\n    useSWR(\r\n        ['/api/projects/scrum-board/members'],\r\n        () => apiGetProjectMembers<GetProjectMembersResponse>(),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n            onSuccess: (data) => {\r\n                setMembers(data.participantMembers)\r\n            },\r\n        },\r\n    )\r\n\r\n    return (\r\n        <AdaptiveCard>\r\n            <Loading loading={isLoading}>\r\n                {issueData && (\r\n                    <div className=\"grid grid-cols-1 xl:grid-cols-3 gap-4\">\r\n                        <div className=\"lg:col-span-2\">\r\n                            <div className=\"px-6\">\r\n                                <IssueHeader />\r\n                                <div className=\"mt-8\">\r\n                                    <IssueBody />\r\n                                </div>\r\n                                <div className=\"mt-8\">\r\n                                    <IssueFooter />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div>\r\n                            <IssueActivity />\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </Loading>\r\n        </AdaptiveCard>\r\n    )\r\n}\r\n\r\nexport default Issue\r\n"],"names":[],"mappings":";;;;;;;;;;;AAeA,MAAM,QAAQ,MAAM;AAChB,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,EAAE,WAAW,iBAAiB,WAAA,IAAe,cAAA;AAEnD,QAAM,EAAE,cAAc;AAAA,IAClB,CAAC,uBAAuB,EAAE,IAAI,EAAE,IAAkB;AAAA;AAAA,IAElD,CAAC,CAAC,GAAG,MAAM,MACP,kBAAoD,MAAM;AAAA,IAC9D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,WAAW,CAAC,SAAS;AACjB,wBAAgB,IAAI;AAAA,MACxB;AAAA,IAAA;AAAA,EACJ;AAGJ;AAAA,IACI,CAAC,mCAAmC;AAAA,IACpC,MAAM,qBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,mBAAW,KAAK,kBAAkB;AAAA,MACtC;AAAA,IAAA;AAAA,EACJ;AAGJ,SACI,oBAAC,cAAA,EACG,UAAA,oBAAC,SAAA,EAAQ,SAAS,WACb,UAAA,aACG,qBAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,iBACX,UAAA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,oBAAC,aAAA,EAAY;AAAA,0BACZ,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,aAAU,GACf;AAAA,0BACC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,eAAY,EAAA,CACjB;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,oBAAC,OAAA,EACG,UAAA,oBAAC,eAAA,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":[],"mappings":";;;;;;;;;;;AAeA,MAAM,QAAQ,MAAM;AAChB,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,EAAE,WAAW,iBAAiB,WAAA,IAAe,cAAA;AAEnD,QAAM,EAAE,cAAc;AAAA,IAClB,CAAC,uBAAuB,EAAE,IAAI,EAAE,IAAkB;AAAA;AAAA,IAElD,CAAC,CAAC,GAAG,MAAM,MACP,kBAAoD,MAAM;AAAA,IAC9D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,WAAW,CAAC,SAAS;AACjB,wBAAgB,IAAI;AAAA,MACxB;AAAA,IAAA;AAAA,EACJ;AAGJ;AAAA,IACI,CAAC,mCAAmC;AAAA,IACpC,MAAM,qBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,mBAAW,KAAK,kBAAkB;AAAA,MACtC;AAAA,IAAA;AAAA,EACJ;AAGJ,SACI,oBAAC,cAAA,EACG,UAAA,oBAAC,SAAA,EAAQ,SAAS,WACb,UAAA,aACG,qBAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,iBACX,UAAA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,oBAAC,aAAA,EAAY;AAAA,0BACZ,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,aAAU,GACf;AAAA,0BACC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,eAAY,EAAA,CACjB;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,oBAAC,OAAA,EACG,UAAA,oBAAC,eAAA,CAAA,CAAc,EAAA,CACnB;AAAA,EAAA,EAAA,CACJ,GAER,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'\r\nimport Timeline from '@/components/ui/Timeline'\r\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\r\nimport isEmpty from 'lodash/isEmpty'\r\n\r\nconst IssueActivity = () => {\r\n    const { issueData } = useIssueStore()\r\n\r\n    return (\r\n        <div className=\"lg:px-6\">\r\n            <h5 className=\"mb-4\">Activity</h5>\r\n            <Timeline>\r\n                {isEmpty(issueData.activity) ? (\r\n                    <Timeline.Item>No Activities</Timeline.Item>\r\n                ) : (\r\n                    issueData.activity.map((event, index) => (\r\n                        <Timeline.Item\r\n                            key={event.type + index}\r\n                            media={<ActivityAvatar data={event} />}\r\n                        >\r\n                            <div className=\"mt-1\">\r\n                                <ActivityEvent compact data={event} />\r\n                            </div>\r\n                        </Timeline.Item>\r\n                    ))\r\n                )}\r\n            </Timeline>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default IssueActivity\r\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,gBAAgB,MAAM;AACxB,QAAM,EAAE,UAAA,IAAc,cAAA;AAEtB,SACI,qBAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,YAAQ;AAAA,wBAC5B,UAAA,EACI,UAAA,QAAQ,UAAU,QAAQ,IACvB,oBAAC,SAAS,MAAT,EAAc,2BAAa,IAE5B,UAAU,SAAS,IAAI,CAAC,OAAO,UAC3B;AAAA,MAAC,SAAS;AAAA,MAAT;AAAA,QAEG,OAAO,oBAAC,gBAAA,EAAe,MAAM,MAAA,CAAO;AAAA,QAEpC,UAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,iBAAc,SAAO,MAAC,MAAM,MAAA,CAAO,EAAA,CACxC;AAAA,MAAA;AAAA,MALK,MAAM,OAAO;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":[],"mappings":";;;;;;;AAKA,MAAM,gBAAgB,MAAM;AACxB,QAAM,EAAE,UAAA,IAAc,cAAA;AAEtB,SACI,qBAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,YAAQ;AAAA,wBAC5B,UAAA,EACI,UAAA,QAAQ,UAAU,QAAQ,IACvB,oBAAC,SAAS,MAAT,EAAc,2BAAa,IAE5B,UAAU,SAAS,IAAI,CAAC,OAAO,UAC3B;AAAA,MAAC,SAAS;AAAA,MAAT;AAAA,QAEG,OAAO,oBAAC,gBAAA,EAAe,MAAM,MAAA,CAAO;AAAA,QAEpC,UAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,iBAAc,SAAO,MAAC,MAAM,MAAA,CAAO,EAAA,CACxC;AAAA,MAAA;AAAA,MALK,MAAM,OAAO;AAAA,IAAA,CAOzB,EAAA,CAET;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 */\r\nimport { useState, useRef } from 'react'\r\nimport { useIssueStore } from '../store/issueStore'\r\nimport DatePicker from '@/components/ui/DatePicker'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport Tag from '@/components/ui/Tag'\r\nimport Badge from '@/components/ui/Badge'\r\nimport RichTextEditor from '@/components/shared/RichTextEditor'\r\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\r\nimport IssueField from './IssueField'\r\nimport IssueFieldDropdown from './IssueFieldDropdown'\r\nimport classNames from '@/utils/classNames'\r\nimport dayjs from 'dayjs'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport {\r\n    TbTag,\r\n    TbCircle,\r\n    TbFlag,\r\n    TbFlag2Filled,\r\n    TbUser,\r\n    TbClock,\r\n    TbCheck,\r\n} from 'react-icons/tb'\r\nimport { useEditor } from '@tiptap/react'\r\nimport StarterKit from '@tiptap/starter-kit'\r\nimport type { RichTextEditorRef } from '@/components/shared/RichTextEditor'\r\n\r\nexport const labelList = [\r\n    { id: '1', title: 'Bug' },\r\n    { id: '2', title: 'Live issue' },\r\n    { id: '3', title: 'Task' },\r\n    { id: '4', title: 'Optimization' },\r\n]\r\n\r\nexport const taskLabelColors: Record<string, string> = {\r\n    'Live issue': 'bg-rose-200 dark:bg-rose-200 dark:text-gray-900',\r\n    Task: 'bg-blue-200 dark:bg-blue-200 dark:text-gray-900',\r\n    Bug: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\r\n    Optimization: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\r\n    'In progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\r\n    Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\r\n    Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\r\n}\r\n\r\nconst statusList: string[] = ['Pending', 'In progress', 'Completed']\r\n\r\nconst priorityList: string[] = ['Low', 'Medium', 'High']\r\n\r\nconst flagColors: Record<string, { text: string; bg: string }> = {\r\n    Low: {\r\n        text: 'text-success',\r\n        bg: 'bg-success',\r\n    },\r\n    Medium: {\r\n        text: 'text-warning',\r\n        bg: 'bg-warning',\r\n    },\r\n    High: {\r\n        text: 'text-error',\r\n        bg: 'bg-error',\r\n    },\r\n}\r\n\r\nconst IssueBody = () => {\r\n    const descriptionInput = useRef<RichTextEditorRef>(null)\r\n\r\n    const { issueData, updateIssueData, memberList } = useIssueStore()\r\n\r\n    const [editDescription, setEditDescription] = useState(false)\r\n\r\n    const createNewData = () => {\r\n        return { ...issueData }\r\n    }\r\n\r\n    const handleAddLabelClick = (value: string) => {\r\n        const newData = createNewData()\r\n        if (newData.labels.some((label) => label.id === value)) {\r\n            newData.labels = newData.labels.filter(\r\n                (label) => label.id !== value,\r\n            )\r\n        } else {\r\n            const label = labelList.find((label) => label.id === value)\r\n            if (label) {\r\n                newData.labels.push(label)\r\n            }\r\n        }\r\n        updateIssueData(newData)\r\n    }\r\n\r\n    const handleChangeStatusClick = (value: string) => {\r\n        const newData = createNewData()\r\n        newData.status = value\r\n        updateIssueData(newData)\r\n    }\r\n\r\n    const handlePriorityChange = (value: string) => {\r\n        const newData = createNewData()\r\n        newData.priority = value\r\n        updateIssueData(newData)\r\n    }\r\n\r\n    const handleAddMember = (value: string) => {\r\n        const newData = createNewData()\r\n        if (newData.assignees.some((member) => member.id === value)) {\r\n            newData.assignees = newData.assignees.filter(\r\n                (member) => member.id !== value,\r\n            )\r\n        } else {\r\n            const member = memberList.find((member) => member.id === value)\r\n            if (member) {\r\n                newData.assignees.push(member)\r\n            }\r\n        }\r\n        updateIssueData(newData)\r\n    }\r\n\r\n    const handleDueDateChange = (date: Date) => {\r\n        const newData = createNewData()\r\n        newData.dueDate = dayjs(date).unix()\r\n        updateIssueData(newData)\r\n    }\r\n\r\n    const handleDescriptionChange = (value: string) => {\r\n        const newData = createNewData()\r\n        newData.description = value\r\n        updateIssueData(newData)\r\n    }\r\n\r\n    const editor = useEditor({\r\n        extensions: [\r\n            StarterKit.configure({\r\n                bulletList: {\r\n                    keepMarks: true,\r\n                },\r\n                orderedList: {\r\n                    keepMarks: true,\r\n                },\r\n            }),\r\n        ],\r\n        editorProps: {\r\n            attributes: {\r\n                class: 'm-2 focus:outline-none',\r\n            },\r\n        },\r\n        content: issueData.description,\r\n        onUpdate({ editor }) {\r\n            handleDescriptionChange(editor.getHTML())\r\n        },\r\n    })\r\n\r\n    const handleDescriptionClick = () => {\r\n        setEditDescription(true)\r\n        editor?.chain().focus()\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <div className=\"grid grid-cols-1 xl:grid-cols-2 gap-x-4\">\r\n                <div className=\"flex flex-col\">\r\n                    <IssueFieldDropdown\r\n                        title=\"Label\"\r\n                        icon={<TbTag />}\r\n                        dropdownTrigger={\r\n                            <>\r\n                                {issueData.labels?.map((label, index) => (\r\n                                    <Tag\r\n                                        key={label.title + index}\r\n                                        className={`${\r\n                                            taskLabelColors[label.title]\r\n                                        }`}\r\n                                    >\r\n                                        {label.title}\r\n                                    </Tag>\r\n                                ))}\r\n                            </>\r\n                        }\r\n                    >\r\n                        {labelList.map((label) => (\r\n                            <Dropdown.Item\r\n                                key={label.title}\r\n                                eventKey={label.id}\r\n                                onSelect={handleAddLabelClick}\r\n                            >\r\n                                <div className=\"flex items-center relative\">\r\n                                    {issueData.labels.some(\r\n                                        (labelitem) =>\r\n                                            labelitem.id === label.id,\r\n                                    ) && (\r\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\r\n                                    )}\r\n                                    <span\r\n                                        className={classNames(\r\n                                            issueData.labels.length > 0 &&\r\n                                                'mx-5',\r\n                                        )}\r\n                                    >\r\n                                        {label.title}\r\n                                    </span>\r\n                                </div>\r\n                            </Dropdown.Item>\r\n                        ))}\r\n                    </IssueFieldDropdown>\r\n                    <IssueFieldDropdown\r\n                        title=\"Status\"\r\n                        icon={<TbCircle />}\r\n                        dropdownTrigger={\r\n                            <Tag\r\n                                className={`${\r\n                                    taskLabelColors[issueData.status || '']\r\n                                }`}\r\n                            >\r\n                                {issueData.status}\r\n                            </Tag>\r\n                        }\r\n                    >\r\n                        {statusList.map((status) => (\r\n                            <Dropdown.Item\r\n                                key={status}\r\n                                eventKey={status}\r\n                                active={status === issueData.status}\r\n                                onSelect={handleChangeStatusClick}\r\n                            >\r\n                                <div className=\"flex items-center relative\">\r\n                                    <span>{status}</span>\r\n                                </div>\r\n                            </Dropdown.Item>\r\n                        ))}\r\n                    </IssueFieldDropdown>\r\n                    <IssueFieldDropdown\r\n                        title=\"Priority\"\r\n                        icon={<TbFlag />}\r\n                        dropdownTrigger={\r\n                            <div className=\"flex items-center gap-2\">\r\n                                <TbFlag2Filled\r\n                                    className={classNames(\r\n                                        'text-lg',\r\n                                        `${\r\n                                            flagColors[issueData.priority || '']\r\n                                                ?.text\r\n                                        }`,\r\n                                    )}\r\n                                />\r\n                                <span className=\"font-semibold\">\r\n                                    {issueData.priority}\r\n                                </span>\r\n                            </div>\r\n                        }\r\n                    >\r\n                        {priorityList.map((priority) => (\r\n                            <Dropdown.Item\r\n                                key={priority}\r\n                                eventKey={priority}\r\n                                active={priority === issueData.priority}\r\n                                onSelect={handlePriorityChange}\r\n                            >\r\n                                <div className=\"flex items-center\">\r\n                                    <Badge\r\n                                        innerClass={`${flagColors[priority]?.bg}`}\r\n                                    />\r\n                                    <span className=\"ml-2 rtl:mr-2\">\r\n                                        {priority}\r\n                                    </span>\r\n                                </div>\r\n                            </Dropdown.Item>\r\n                        ))}\r\n                    </IssueFieldDropdown>\r\n                </div>\r\n                <div className=\"flex flex-col\">\r\n                    <IssueFieldDropdown\r\n                        title=\"Assigned to\"\r\n                        icon={<TbUser />}\r\n                        dropdownTrigger={\r\n                            <UsersAvatarGroup\r\n                                className=\"gap-1\"\r\n                                avatarProps={{\r\n                                    className: 'cursor-pointer',\r\n                                }}\r\n                                avatarGroupProps={{ maxCount: 4 }}\r\n                                chained={false}\r\n                                users={issueData.assignees}\r\n                            />\r\n                        }\r\n                    >\r\n                        {memberList.map((member) => (\r\n                            <Dropdown.Item\r\n                                key={member.name}\r\n                                eventKey={member.id}\r\n                                onSelect={handleAddMember}\r\n                            >\r\n                                <div\r\n                                    className={classNames(\r\n                                        'flex items-center justify-between relative',\r\n                                    )}\r\n                                >\r\n                                    {issueData.assignees.some(\r\n                                        (assignee) => assignee.id === member.id,\r\n                                    ) && (\r\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\r\n                                    )}\r\n                                    <div\r\n                                        className={classNames(\r\n                                            'flex items-center gap-2',\r\n                                            issueData.labels.length > 0 &&\r\n                                                'mx-5',\r\n                                        )}\r\n                                    >\r\n                                        <Avatar\r\n                                            shape=\"circle\"\r\n                                            size={22}\r\n                                            src={member.img}\r\n                                        />\r\n                                        <span>{member.name}</span>\r\n                                    </div>\r\n                                </div>\r\n                            </Dropdown.Item>\r\n                        ))}\r\n                    </IssueFieldDropdown>\r\n                    <IssueField title=\"Due date\" icon={<TbClock />}>\r\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\">\r\n                            <span className=\"font-semibold\">\r\n                                {dayjs\r\n                                    .unix(issueData.dueDate || 0)\r\n                                    .format('MMMM DD')}\r\n                            </span>\r\n                            <DatePicker\r\n                                className=\"opacity-0 cursor-pointer absolute\"\r\n                                value={dayjs\r\n                                    .unix(issueData.dueDate || dayjs().unix())\r\n                                    .toDate()}\r\n                                inputtable={false}\r\n                                inputPrefix={null}\r\n                                inputSuffix={null}\r\n                                clearable={false}\r\n                                onChange={(date) =>\r\n                                    handleDueDateChange(date as Date)\r\n                                }\r\n                            />\r\n                        </div>\r\n                    </IssueField>\r\n                </div>\r\n            </div>\r\n            <div className=\"mt-8\">\r\n                <h5 className=\"mb-4\">Description</h5>\r\n                {editDescription ? (\r\n                    <RichTextEditor\r\n                        ref={descriptionInput}\r\n                        content={issueData.description}\r\n                        customEditor={editor}\r\n                        onBlur={() => setEditDescription(false)}\r\n                    />\r\n                ) : (\r\n                    <div\r\n                        className=\"mt-2 prose max-w-full cursor-pointer\"\r\n                        role=\"button\"\r\n                        onClick={handleDescriptionClick}\r\n                    >\r\n                        <div className=\"prose-p:text-sm prose-p:dark:text-gray-400\">\r\n                            {ReactHtmlParser(issueData.description || '')}\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default IssueBody\r\n"],"names":["label","member","editor"],"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":["label","member","editor"],"mappings":"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"}

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'\r\nimport type { ReactNode } from 'react'\r\n\r\nexport interface IssueFieldProps extends CommonProps {\r\n    title: string\r\n    icon: ReactNode\r\n}\r\n\r\nconst IssueField = (props: IssueFieldProps) => {\r\n    const { title, icon, children } = props\r\n\r\n    return (\r\n        <div className=\"flex items-center mb-2\">\r\n            <div className=\"flex items-center gap-2 font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\r\n                <span className=\"text-lg\">{icon}</span>\r\n                <span>{title}</span>\r\n            </div>\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default IssueField\r\n"],"names":[],"mappings":";AAQA,MAAM,aAAa,CAAC,UAA2B;AAC3C,QAAM,EAAE,OAAO,MAAM,SAAA,IAAa;AAElC,SACI,qBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,wFACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,WAAW,UAAA,MAAK;AAAA,MAChC,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,IAAA,GACjB;AAAA,IACC;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":[],"mappings":";AAQA,MAAM,aAAa,CAAC,UAA2B;AAC3C,QAAM,EAAE,OAAO,MAAM,SAAA,IAAa;AAElC,SACI,qBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,wFACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,WAAW,UAAA,MAAK;AAAA,MAChC,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,IAAA,GACjB;AAAA,IACC;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'\r\nimport IssueField from './IssueField'\r\nimport type { IssueFieldProps } from './IssueField'\r\nimport type { ReactNode } from 'react'\r\n\r\ninterface IssueFieldDropdownProps extends IssueFieldProps {\r\n    dropdownTrigger: ReactNode\r\n}\r\nconst IssueFieldDropdown = (props: IssueFieldDropdownProps) => {\r\n    const { title, children, icon, dropdownTrigger } = props\r\n\r\n    return (\r\n        <IssueField title={title} icon={icon}>\r\n            <Dropdown\r\n                className=\"w-full h-full\"\r\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\"\r\n                placement=\"bottom-start\"\r\n                renderTitle={\r\n                    <div className=\"inline-flex items-center gap-1\">\r\n                        {dropdownTrigger}\r\n                    </div>\r\n                }\r\n            >\r\n                {children}\r\n            </Dropdown>\r\n        </IssueField>\r\n    )\r\n}\r\n\r\nexport default IssueFieldDropdown\r\n"],"names":[],"mappings":";;;AAQA,MAAM,qBAAqB,CAAC,UAAmC;AAC3D,QAAM,EAAE,OAAO,UAAU,MAAM,oBAAoB;AAEnD,SACI,oBAAC,YAAA,EAAW,OAAc,MACtB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,aACI,oBAAC,OAAA,EAAI,WAAU,kCACV,UAAA,iBACL;AAAA,MAGH;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":[],"mappings":";;;AAQA,MAAM,qBAAqB,CAAC,UAAmC;AAC3D,QAAM,EAAE,OAAO,UAAU,MAAM,oBAAoB;AAEnD,SACI,oBAAC,YAAA,EAAW,OAAc,MACtB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,aACI,oBAAC,OAAA,EAAI,WAAU,kCACV,UAAA,iBACL;AAAA,MAGH;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'\r\nimport { useIssueStore } from '../store/issueStore'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport Card from '@/components/ui/Card'\r\nimport Button from '@/components/ui/Button'\r\nimport Input from '@/components/ui/Input'\r\nimport Tabs from '@/components/ui/Tabs'\r\nimport NoMedia from '@/assets/svg/NoMedia'\r\nimport dayjs from 'dayjs'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport uniqueId from 'lodash/uniqueId'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport { TbDownload, TbTrash } from 'react-icons/tb'\r\n\r\nconst { TabNav, TabList, TabContent } = Tabs\r\n\r\nconst createCommentObject = (message: string) => {\r\n    return {\r\n        id: uniqueId('comment'),\r\n        name: 'Angelina Gotelli',\r\n        src: '/img/avatars/thumb-1.jpg',\r\n        message: message,\r\n        date: dayjs().format('DD MMM YYYY'),\r\n    }\r\n}\r\n\r\nconst IssueFooter = () => {\r\n    const { issueData, updateIssueData } = useIssueStore()\r\n\r\n    const commentInput = useRef<HTMLInputElement>(null)\r\n\r\n    const submitComment = () => {\r\n        if (commentInput.current) {\r\n            const message = commentInput.current.value\r\n            const comment = createCommentObject(message)\r\n            const comments = cloneDeep(issueData.comments)\r\n            comments?.push(comment)\r\n            issueData.comments = comments\r\n            updateIssueData(issueData)\r\n            commentInput.current.value = ''\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Tabs className=\"mt-6\" defaultValue=\"comments\">\r\n            <TabList>\r\n                <TabNav value=\"comments\">Comments</TabNav>\r\n                <TabNav value=\"attachments\">Attachments</TabNav>\r\n            </TabList>\r\n            <div className=\"p-4\">\r\n                <TabContent value=\"comments\">\r\n                    <div className=\"w-full\">\r\n                        {issueData.comments &&\r\n                            issueData?.comments?.length > 0 && (\r\n                                <>\r\n                                    {issueData.comments.map((comment) => (\r\n                                        <div\r\n                                            key={comment.id}\r\n                                            className=\"mb-3 flex\"\r\n                                        >\r\n                                            <div className=\"mt-2\">\r\n                                                <Avatar\r\n                                                    shape=\"circle\"\r\n                                                    src={comment.src}\r\n                                                />\r\n                                            </div>\r\n                                            <div className=\"ml-2 rtl:mr-2 p-3 rounded w-100\">\r\n                                                <div className=\"flex items-center mb-2\">\r\n                                                    <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\r\n                                                        {comment.name}\r\n                                                    </span>\r\n                                                    <span className=\"mx-1\">\r\n                                                        {' '}\r\n                                                        |{' '}\r\n                                                    </span>\r\n                                                    <span>\r\n                                                        {dayjs(\r\n                                                            comment.date,\r\n                                                        ).format(\r\n                                                            'DD MMMM YYYY',\r\n                                                        )}\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div>\r\n                                                    {ReactHtmlParser(\r\n                                                        comment.message || '',\r\n                                                    )}\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    ))}\r\n                                </>\r\n                            )}\r\n                        <div className=\"mb-3 flex gap-2\">\r\n                            <Avatar\r\n                                shape=\"circle\"\r\n                                src=\"/img/avatars/thumb-1.jpg\"\r\n                            />\r\n                            <div className=\"w-full relative\">\r\n                                <Input\r\n                                    ref={commentInput}\r\n                                    textArea\r\n                                    placeholder=\"Write comment\"\r\n                                />\r\n                                <div className=\"absolute bottom-4 right-4\">\r\n                                    <div\r\n                                        className=\"cursor-pointer font-semibold text-primary \"\r\n                                        onClick={() => submitComment()}\r\n                                    >\r\n                                        Send\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </TabContent>\r\n                <TabContent value=\"attachments\">\r\n                    {issueData.attachments &&\r\n                    issueData?.attachments?.length > 0 ? (\r\n                        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-2\">\r\n                            {issueData.attachments.map((file) => (\r\n                                <Card\r\n                                    key={file.id}\r\n                                    bodyClass=\"px-3 pt-3 pb-1\"\r\n                                    className=\"bg-gray-100 dark:bg-gray-700 shadow-none\"\r\n                                    bordered={false}\r\n                                >\r\n                                    <img\r\n                                        className=\"max-w-full rounded-lg\"\r\n                                        alt={file.name}\r\n                                        src={file.src}\r\n                                    />\r\n                                    <div className=\"mt-1 flex justify-between items-center\">\r\n                                        <div>\r\n                                            <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\r\n                                                {file.name}\r\n                                            </div>\r\n                                            <span className=\"text-xs\">\r\n                                                {file.size}\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"flex items-center\">\r\n                                            <Tooltip title=\"Download\">\r\n                                                <Button\r\n                                                    variant=\"plain\"\r\n                                                    size=\"xs\"\r\n                                                    icon={<TbDownload />}\r\n                                                />\r\n                                            </Tooltip>\r\n                                            <Tooltip title=\"Delete\">\r\n                                                <Button\r\n                                                    variant=\"plain\"\r\n                                                    size=\"xs\"\r\n                                                    icon={<TbTrash />}\r\n                                                />\r\n                                            </Tooltip>\r\n                                        </div>\r\n                                    </div>\r\n                                </Card>\r\n                            ))}\r\n                        </div>\r\n                    ) : (\r\n                        <div className=\"flex flex-col gap-2 items-center justify-center\">\r\n                            <NoMedia height={150} width={150} />\r\n                            <p className=\"font-semibold\">No attachments</p>\r\n                        </div>\r\n                    )}\r\n                </TabContent>\r\n            </div>\r\n        </Tabs>\r\n    )\r\n}\r\n\r\nexport default IssueFooter\r\n"],"names":[],"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":[],"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'\r\nimport { useIssueStore } from '../store/issueStore'\r\n\r\nconst IssueHeader = () => {\r\n    const { issueData, updateIssueData } = useIssueStore()\r\n\r\n    const handleTitleChange = (value: string) => {\r\n        const newData = { ...issueData }\r\n        newData.title = value\r\n        updateIssueData(newData)\r\n    }\r\n\r\n    return (\r\n        <div className=\"flex flex-col gap-2\">\r\n            <div>\r\n                <Tag>{issueData.ticketId}</Tag>\r\n            </div>\r\n            <input\r\n                className=\"h3 font-bold outline-none bg-transparent\"\r\n                defaultValue={issueData.title}\r\n                onBlur={(e) => handleTitleChange(e.target.value)}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default IssueHeader\r\n"],"names":[],"mappings":";;;;AAGA,MAAM,cAAc,MAAM;AACtB,QAAM,EAAE,WAAW,gBAAA,IAAoB,cAAA;AAEvC,QAAM,oBAAoB,CAAC,UAAkB;AACzC,UAAM,UAAU,EAAE,GAAG,UAAA;AACrB,YAAQ,QAAQ;AAChB,oBAAgB,OAAO;AAAA,EAC3B;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,oBAAC,OAAA,EACG,UAAA,oBAAC,KAAA,EAAK,UAAA,UAAU,UAAS,GAC7B;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,cAAc,UAAU;AAAA,QACxB,QAAQ,CAAC,MAAM,kBAAkB,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":[],"mappings":";;;;AAGA,MAAM,cAAc,MAAM;AACtB,QAAM,EAAE,WAAW,gBAAA,IAAoB,cAAA;AAEvC,QAAM,oBAAoB,CAAC,UAAkB;AACzC,UAAM,UAAU,EAAE,GAAG,UAAA;AACrB,YAAQ,QAAQ;AAChB,oBAAgB,OAAO;AAAA,EAC3B;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,oBAAC,OAAA,EACG,UAAA,oBAAC,KAAA,EAAK,UAAA,UAAU,UAAS,GAC7B;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,cAAc,UAAU;AAAA,QACxB,QAAQ,CAAC,MAAM,kBAAkB,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'\r\nimport type { IssueDetail, Members } from '../types'\r\n\r\nexport type ProjectListState = {\r\n    issueData: IssueDetail\r\n    memberList: Members\r\n}\r\n\r\ntype ProjectListAction = {\r\n    updateIssueData: (payload: IssueDetail) => void\r\n    setMembers: (payload: Members) => void\r\n}\r\n\r\nconst initialState: ProjectListState = {\r\n    issueData: {\r\n        assignees: [],\r\n        labels: [],\r\n        comments: [],\r\n        attachments: [],\r\n        activity: [],\r\n    },\r\n    memberList: [],\r\n}\r\n\r\nexport const useIssueStore = create<ProjectListState & ProjectListAction>(\r\n    (set) => ({\r\n        ...initialState,\r\n        updateIssueData: (payload) => set(() => ({ issueData: payload })),\r\n        setMembers: (payload) => set(() => ({ memberList: payload })),\r\n    }),\r\n)\r\n"],"names":[],"mappings":";AAaA,MAAM,eAAiC;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;AAEO,MAAM,gBAAgB;AAAA,EACzB,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,UAAU;AAAA,IAChE,YAAY,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;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":[],"mappings":";AAaA,MAAM,eAAiC;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;AAEO,MAAM,gBAAgB;AAAA,EACzB,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,UAAU;AAAA,IAChE,YAAY,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,EAAA;AAEpE;"}

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'\r\nimport Spinner from '@/components/ui/Spinner'\r\nimport ProjectDetailsHeader from './components/ProjectDetailsHeader'\r\nimport ProjectDetailsNavigation from './components/ProjectDetailsNavigation'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport { apiGetProject } from '@/services/ProjectService'\r\nimport useSWR from 'swr'\r\nimport { useParams } from 'react-router-dom'\r\nimport type { GetProjectDetailsResponse } from './types'\r\n\r\nconst defaultNavValue = 'overview'\r\nconst settingsNavValue = 'settings'\r\n\r\nconst ProjectDetailsOverview = lazy(\r\n    () => import('./components/ProjectDetailsOverview'),\r\n)\r\nconst ProjectDetailsTask = lazy(() => import('./components/ProjectDetailsTask'))\r\nconst ProjectDetailsAttachments = lazy(\r\n    () => import('./components/ProjectDetailsAttachments'),\r\n)\r\nconst ProjectDetailsActivity = lazy(\r\n    () => import('./components/ProjectDetailsActivity'),\r\n)\r\nconst ProjectDetailsSetting = lazy(\r\n    () => import('./components/ProjectDetailsSetting'),\r\n)\r\n\r\nconst ProjectDetails = () => {\r\n    const { id } = useParams()\r\n\r\n    const { data, mutate } = useSWR<GetProjectDetailsResponse, { id: string }>(\r\n        [`/api/project/${id}`],\r\n        () => apiGetProject({ id }),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    const { larger } = useResponsive()\r\n\r\n    const [selectedNav, setSelectedNav] = useState(defaultNavValue)\r\n    const [isContentEdit, setIsContentEdit] = useState(false)\r\n\r\n    const handleEdit = (isEdit: boolean) => {\r\n        setSelectedNav(settingsNavValue)\r\n        setIsContentEdit(isEdit)\r\n    }\r\n\r\n    const handleContentChange = (content: string) => {\r\n        mutate({ ...(data as GetProjectDetailsResponse), content }, false)\r\n        setIsContentEdit(false)\r\n    }\r\n\r\n    const handleUpdate = ({\r\n        name,\r\n        content,\r\n        dueDate,\r\n    }: {\r\n        name: string\r\n        content: string\r\n        dueDate: number\r\n    }) => {\r\n        const newData = { ...data }\r\n        newData.name = name\r\n        newData.content = content\r\n        if (newData.schedule) {\r\n            newData.schedule.dueDate = dueDate\r\n        }\r\n\r\n        mutate({ ...(newData as GetProjectDetailsResponse) }, false)\r\n        setIsContentEdit(false)\r\n        setSelectedNav(defaultNavValue)\r\n    }\r\n\r\n    const handleNavigationChange = (val: string) => {\r\n        if (val === settingsNavValue) {\r\n            setIsContentEdit(true)\r\n        } else {\r\n            setIsContentEdit(false)\r\n        }\r\n        setSelectedNav(val)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            {data && (\r\n                <>\r\n                    <ProjectDetailsHeader\r\n                        title={data.name}\r\n                        isContentEdit={isContentEdit}\r\n                        selected={selectedNav}\r\n                        onEdit={handleEdit}\r\n                        onChange={handleNavigationChange}\r\n                    />\r\n                    <div className=\"mt-6 flex gap-12\">\r\n                        {larger.xl && (\r\n                            <ProjectDetailsNavigation\r\n                                selected={selectedNav}\r\n                                onChange={handleNavigationChange}\r\n                            />\r\n                        )}\r\n                        <div className=\"w-full\">\r\n                            <Suspense\r\n                                fallback={\r\n                                    <div className=\"my-4 mx-auto text-center flex justify-center\">\r\n                                        <Spinner size={40} />\r\n                                    </div>\r\n                                }\r\n                            >\r\n                                {selectedNav === defaultNavValue && (\r\n                                    <ProjectDetailsOverview\r\n                                        content={data.content}\r\n                                        client={data.client}\r\n                                        schedule={data.schedule}\r\n                                        isContentEdit={isContentEdit}\r\n                                        setIsContentEdit={setIsContentEdit}\r\n                                        onContentChange={handleContentChange}\r\n                                    />\r\n                                )}\r\n                                {selectedNav === 'tasks' && (\r\n                                    <ProjectDetailsTask />\r\n                                )}\r\n                                {selectedNav === 'attachments' && (\r\n                                    <ProjectDetailsAttachments />\r\n                                )}\r\n                                {selectedNav === 'activity' && (\r\n                                    <ProjectDetailsActivity />\r\n                                )}\r\n                                {selectedNav === 'settings' && (\r\n                                    <ProjectDetailsSetting\r\n                                        name={data.name}\r\n                                        content={data.content}\r\n                                        dueDate={data.schedule.dueDate}\r\n                                        onUpdate={handleUpdate}\r\n                                    />\r\n                                )}\r\n                            </Suspense>\r\n                        </div>\r\n                    </div>\r\n                </>\r\n            )}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ProjectDetails\r\n"],"names":[],"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":[],"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'\r\nimport Timeline from '@/components/ui/Timeline'\r\nimport Button from '@/components/ui/Button'\r\nimport Loading from '@/components/shared/Loading'\r\nimport { apiGetLogs } from '@/services/LogService'\r\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\r\nimport isEmpty from 'lodash/isEmpty'\r\nimport dayjs from 'dayjs'\r\nimport type { GetProjectDetailsActitvityResponse } from '../types'\r\n\r\nconst ProjectDetailsActivity = () => {\r\n    const [isLoading, setIsLoading] = useState(false)\r\n    const [activityIndex, setActivityIndex] = useState(1)\r\n    const [loadable, seLoadable] = useState(true)\r\n    const [activities, setActivities] = useState<\r\n        Array<{\r\n            id: string\r\n            date: number\r\n            events: Array<{\r\n                type: string\r\n                dateTime: number\r\n                ticket?: string\r\n                status?: number\r\n                userName: string\r\n                userImg?: string\r\n                comment?: string\r\n                tags?: string[]\r\n                files?: string[]\r\n                assignee?: string\r\n            }>\r\n        }>\r\n    >([])\r\n\r\n    const getLogs = async () => {\r\n        setIsLoading(true)\r\n        const resp = await apiGetLogs<\r\n            GetProjectDetailsActitvityResponse,\r\n            { activityIndex: number }\r\n        >({ activityIndex })\r\n        setActivities((prevActivities) => [...prevActivities, ...resp.data])\r\n        seLoadable(resp.loadable)\r\n        setIsLoading(false)\r\n    }\r\n\r\n    useEffect(() => {\r\n        getLogs()\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [])\r\n\r\n    const onLoadMore = () => {\r\n        setActivityIndex((prevIndex) => prevIndex + 1)\r\n        getLogs()\r\n    }\r\n\r\n    return (\r\n        <Loading loading={isLoading}>\r\n            <div>\r\n                {activities.map((log, index) => (\r\n                    <div key={log.id + index} className=\"mb-8\">\r\n                        <div className=\"mb-4 font-semibold uppercase\">\r\n                            {dayjs.unix(log.date).format('dddd, DD MMMM')}\r\n                        </div>\r\n                        <Timeline>\r\n                            {isEmpty(log.events) ? (\r\n                                <Timeline.Item>No Activities</Timeline.Item>\r\n                            ) : (\r\n                                log.events.map((event, index) => (\r\n                                    <Timeline.Item\r\n                                        key={log.id + event.type + index}\r\n                                        media={<ActivityAvatar data={event} />}\r\n                                    >\r\n                                        <div className=\"mt-1\">\r\n                                            <ActivityEvent data={event} />\r\n                                        </div>\r\n                                    </Timeline.Item>\r\n                                ))\r\n                            )}\r\n                        </Timeline>\r\n                    </div>\r\n                ))}\r\n                <div className=\"text-center\">\r\n                    {loadable ? (\r\n                        <Button loading={isLoading} onClick={onLoadMore}>\r\n                            Load More\r\n                        </Button>\r\n                    ) : (\r\n                        'No more activity to load'\r\n                    )}\r\n                </div>\r\n            </div>\r\n        </Loading>\r\n    )\r\n}\r\n\r\nexport default ProjectDetailsActivity\r\n"],"names":["index"],"mappings":";;;;;;;;;;;;AAUA,MAAM,yBAAyB,MAAM;AACjC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,QAAM,CAAC,UAAU,UAAU,IAAI,SAAS,IAAI;AAC5C,QAAM,CAAC,YAAY,aAAa,IAAI,SAiBlC,CAAA,CAAE;AAEJ,QAAM,UAAU,YAAY;AACxB,iBAAa,IAAI;AACjB,UAAM,OAAO,MAAM,WAGjB,EAAE,eAAe;AACnB,kBAAc,CAAC,mBAAmB,CAAC,GAAG,gBAAgB,GAAG,KAAK,IAAI,CAAC;AACnE,eAAW,KAAK,QAAQ;AACxB,iBAAa,KAAK;AAAA,EACtB;AAEA,YAAU,MAAM;AACZ,YAAA;AAAA,EAEJ,GAAG,CAAA,CAAE;AAEL,QAAM,aAAa,MAAM;AACrB,qBAAiB,CAAC,cAAc,YAAY,CAAC;AAC7C,YAAA;AAAA,EACJ;AAEA,SACI,oBAAC,SAAA,EAAQ,SAAS,WACd,+BAAC,OAAA,EACI,UAAA;AAAA,IAAA,WAAW,IAAI,CAAC,KAAK,UAClB,qBAAC,OAAA,EAAyB,WAAU,QAChC,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,gCACV,UAAA,MAAM,KAAK,IAAI,IAAI,EAAE,OAAO,eAAe,EAAA,CAChD;AAAA,0BACC,UAAA,EACI,UAAA,QAAQ,IAAI,MAAM,IACf,oBAAC,SAAS,MAAT,EAAc,2BAAa,IAE5B,IAAI,OAAO,IAAI,CAAC,OAAOA,WACnB;AAAA,QAAC,SAAS;AAAA,QAAT;AAAA,UAEG,OAAO,oBAAC,gBAAA,EAAe,MAAM,MAAA,CAAO;AAAA,UAEpC,UAAA,oBAAC,SAAI,WAAU,QACX,8BAAC,eAAA,EAAc,MAAM,OAAO,EAAA,CAChC;AAAA,QAAA;AAAA,QALK,IAAI,KAAK,MAAM,OAAOA;AAAAA,MAAA,CAOlC,EAAA,CAET;AAAA,IAAA,EAAA,GAnBM,IAAI,KAAK,KAoBnB,CACH;AAAA,IACD,oBAAC,OAAA,EAAI,WAAU,eACV,UAAA,WACG,oBAAC,QAAA,EAAO,SAAS,WAAW,SAAS,YAAY,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":["index"],"mappings":";;;;;;;;;;;;AAUA,MAAM,yBAAyB,MAAM;AACjC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,QAAM,CAAC,UAAU,UAAU,IAAI,SAAS,IAAI;AAC5C,QAAM,CAAC,YAAY,aAAa,IAAI,SAiBlC,CAAA,CAAE;AAEJ,QAAM,UAAU,YAAY;AACxB,iBAAa,IAAI;AACjB,UAAM,OAAO,MAAM,WAGjB,EAAE,eAAe;AACnB,kBAAc,CAAC,mBAAmB,CAAC,GAAG,gBAAgB,GAAG,KAAK,IAAI,CAAC;AACnE,eAAW,KAAK,QAAQ;AACxB,iBAAa,KAAK;AAAA,EACtB;AAEA,YAAU,MAAM;AACZ,YAAA;AAAA,EAEJ,GAAG,CAAA,CAAE;AAEL,QAAM,aAAa,MAAM;AACrB,qBAAiB,CAAC,cAAc,YAAY,CAAC;AAC7C,YAAA;AAAA,EACJ;AAEA,SACI,oBAAC,SAAA,EAAQ,SAAS,WACd,+BAAC,OAAA,EACI,UAAA;AAAA,IAAA,WAAW,IAAI,CAAC,KAAK,UAClB,qBAAC,OAAA,EAAyB,WAAU,QAChC,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,gCACV,UAAA,MAAM,KAAK,IAAI,IAAI,EAAE,OAAO,eAAe,EAAA,CAChD;AAAA,0BACC,UAAA,EACI,UAAA,QAAQ,IAAI,MAAM,IACf,oBAAC,SAAS,MAAT,EAAc,2BAAa,IAE5B,IAAI,OAAO,IAAI,CAAC,OAAOA,WACnB;AAAA,QAAC,SAAS;AAAA,QAAT;AAAA,UAEG,OAAO,oBAAC,gBAAA,EAAe,MAAM,MAAA,CAAO;AAAA,UAEpC,UAAA,oBAAC,SAAI,WAAU,QACX,8BAAC,eAAA,EAAc,MAAM,OAAO,EAAA,CAChC;AAAA,QAAA;AAAA,QALK,IAAI,KAAK,MAAM,OAAOA;AAAAA,MAAA,CAOlC,EAAA,CAET;AAAA,IAAA,EAAA,GAnBM,IAAI,KAAK,KAoBnB,CACH;AAAA,IACD,oBAAC,OAAA,EAAI,WAAU,eACV,UAAA,WACG,oBAAC,QAAA,EAAO,SAAS,WAAW,SAAS,YAAY,UAAA,YAAA,CAEjD,IAEA,2BAAA,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;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'\r\nimport { apiGetFiles } from '@/services/FileService'\r\nimport Table from '@/components/ui/Table'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Loading from '@/components/shared/Loading'\r\nimport fileSizeUnit from '@/utils/fileSizeUnit'\r\nimport FileIcon from '@/components/view/FileIcon'\r\nimport dayjs from 'dayjs'\r\nimport type { GetProjectDetailsAttachmentResponse } from '../types'\r\n\r\ntype FileSegmentProps = {\r\n    name: string\r\n    fileType: string\r\n    size: number\r\n}\r\n\r\nconst { TBody, THead, Th, Tr, Td } = Table\r\n\r\nconst FileSegment = ({ fileType, size, name }: FileSegmentProps) => {\r\n    return (\r\n        <div\r\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\"\r\n            role=\"button\"\r\n        >\r\n            <div className=\"text-3xl\">\r\n                <FileIcon type={fileType} size={35} />\r\n            </div>\r\n            <div>\r\n                <div className=\"font-bold heading-text\">{name}</div>\r\n                <span className=\"text-xs\">{fileSizeUnit(size)}</span>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nconst ProjectDetailsAttachments = () => {\r\n    const { data, isLoading } = useSWR(\r\n        ['/api/fles'],\r\n        () =>\r\n            apiGetFiles<\r\n                GetProjectDetailsAttachmentResponse,\r\n                Record<string, never>\r\n            >({}),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            revalidateOnReconnect: false,\r\n        },\r\n    )\r\n\r\n    return (\r\n        <Loading loading={isLoading}>\r\n            <div>\r\n                <h4>Recently added</h4>\r\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\">\r\n                    {data &&\r\n                        data.list\r\n                            .filter((file) => file.recent)\r\n                            .map((file) => (\r\n                                <FileSegment\r\n                                    key={file.id}\r\n                                    fileType={file.fileType}\r\n                                    size={file.size}\r\n                                    name={file.name}\r\n                                />\r\n                            ))}\r\n                </div>\r\n            </div>\r\n            <div className=\"mt-10\">\r\n                <h4>Others files</h4>\r\n                <Table className=\"mt-6\">\r\n                    <THead>\r\n                        <Tr>\r\n                            <Th>File</Th>\r\n                            <Th>Size</Th>\r\n                            <Th>Upload date</Th>\r\n                            <Th>Last modified</Th>\r\n                            <Th>Uploaded by</Th>\r\n                        </Tr>\r\n                    </THead>\r\n                    <TBody>\r\n                        {data &&\r\n                            data.list\r\n                                .filter((file) => !file.recent)\r\n                                .map((file) => (\r\n                                    <Tr\r\n                                        key={file.id}\r\n                                        className=\"cursor-pointer\"\r\n                                    >\r\n                                        <Td>\r\n                                            <div className=\"flex items-center gap-2\">\r\n                                                <div className=\"text-2xl\">\r\n                                                    <FileIcon\r\n                                                        type={file.fileType}\r\n                                                        size={35}\r\n                                                    />\r\n                                                </div>\r\n                                                <div className=\"font-bold heading-text\">\r\n                                                    {file.name}\r\n                                                </div>\r\n                                            </div>\r\n                                        </Td>\r\n                                        <Td className=\"font-semibold text-nowrap\">\r\n                                            {fileSizeUnit(file.size)}\r\n                                        </Td>\r\n                                        <Td className=\"font-semibold text-nowrap\">\r\n                                            {dayjs\r\n                                                .unix(file.uploadDate)\r\n                                                .format('DD MMM YYYY')}\r\n                                        </Td>\r\n                                        <Td className=\"font-semibold\">\r\n                                            {dayjs\r\n                                                .unix(\r\n                                                    file.activities[0]\r\n                                                        .timestamp,\r\n                                                )\r\n                                                .format('DD MMM YYYY')}\r\n                                        </Td>\r\n                                        <Td>\r\n                                            <div className=\"flex items-center gap-2\">\r\n                                                <Avatar\r\n                                                    size={28}\r\n                                                    src={file.author.img}\r\n                                                />\r\n                                                <span className=\"heading-text font-bold\">\r\n                                                    {file.author.name}\r\n                                                </span>\r\n                                            </div>\r\n                                        </Td>\r\n                                    </Tr>\r\n                                ))}\r\n                    </TBody>\r\n                </Table>\r\n            </div>\r\n        </Loading>\r\n    )\r\n}\r\n\r\nexport default ProjectDetailsAttachments\r\n"],"names":[],"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":[],"mappings":";;;;;;;;;;AAgBA,MAAM,EAAE,OAAO,OAAO,IAAI,IAAI,OAAO;AAErC,MAAM,cAAc,CAAC,EAAE,UAAU,MAAM,WAA6B;AAChE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,MAAK;AAAA,MAEL,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,YACX,UAAA,oBAAC,YAAS,MAAM,UAAU,MAAM,GAAA,CAAI,EAAA,CACxC;AAAA,6BACC,OAAA,EACG,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,0BAA0B,UAAA,MAAK;AAAA,8BAC7C,QAAA,EAAK,WAAU,WAAW,UAAA,aAAa,IAAI,EAAA,CAAE;AAAA,QAAA,EAAA,CAClD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,MAAM,4BAA4B,MAAM;AACpC,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,WAAW;AAAA,IACZ,MACI,YAGE,CAAA,CAAE;AAAA,IACR;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AAGJ,SACI,qBAAC,SAAA,EAAQ,SAAS,WACd,UAAA;AAAA,IAAA,qBAAC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,iBAAA,CAAc;AAAA,MAClB,oBAAC,OAAA,EAAI,WAAU,sFACV,kBACG,KAAK,KACA,OAAO,CAAC,SAAS,KAAK,MAAM,EAC5B,IAAI,CAAC,SACF;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,UAAU,KAAK;AAAA,UACf,MAAM,KAAK;AAAA,UACX,MAAM,KAAK;AAAA,QAAA;AAAA,QAHN,KAAK;AAAA,MAAA,CAKjB,EAAA,CACb;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,eAAA,CAAY;AAAA,MAChB,qBAAC,OAAA,EAAM,WAAU,QACb,UAAA;AAAA,QAAA,oBAAC,OAAA,EACG,+BAAC,IAAA,EACG,UAAA;AAAA,UAAA,oBAAC,MAAG,UAAA,OAAA,CAAI;AAAA,UACR,oBAAC,MAAG,UAAA,OAAA,CAAI;AAAA,UACR,oBAAC,MAAG,UAAA,cAAA,CAAW;AAAA,UACf,oBAAC,MAAG,UAAA,gBAAA,CAAa;AAAA,UACjB,oBAAC,MAAG,UAAA,cAAA,CAAW;AAAA,QAAA,EAAA,CACnB,EAAA,CACJ;AAAA,QACA,oBAAC,OAAA,EACI,UAAA,QACG,KAAK,KACA,OAAO,CAAC,SAAS,CAAC,KAAK,MAAM,EAC7B,IAAI,CAAC,SACF;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,oBAAC,IAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAI,WAAU,YACX,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAM,KAAK;AAAA,oBACX,MAAM;AAAA,kBAAA;AAAA,gBAAA,GAEd;AAAA,gBACA,oBAAC,OAAA,EAAI,WAAU,0BACV,eAAK,KAAA,CACV;AAAA,cAAA,EAAA,CACJ,EAAA,CACJ;AAAA,kCACC,IAAA,EAAG,WAAU,6BACT,UAAA,aAAa,KAAK,IAAI,GAC3B;AAAA,cACA,oBAAC,IAAA,EAAG,WAAU,6BACT,UAAA,MACI,KAAK,KAAK,UAAU,EACpB,OAAO,aAAa,EAAA,CAC7B;AAAA,cACA,oBAAC,IAAA,EAAG,WAAU,iBACT,UAAA,MACI;AAAA,gBACG,KAAK,WAAW,CAAC,EACZ;AAAA,cAAA,EAER,OAAO,aAAa,GAC7B;AAAA,cACA,oBAAC,IAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAM;AAAA,oBACN,KAAK,KAAK,OAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,oCAEpB,QAAA,EAAK,WAAU,0BACX,UAAA,KAAK,OAAO,KAAA,CACjB;AAAA,cAAA,EAAA,CACJ,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UA1CK,KAAK;AAAA,QAAA,CA4CjB,EAAA,CACb;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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