@orbe-agro/client-core 5.5.3 → 5.5.8

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailsHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ProjectDetailsNavigation from './ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProjectMembers } from '@/services/ProjectService'\nimport { components } from 'react-select'\nimport { TbChecks } from 'react-icons/tb'\nimport useSWRMutation from 'swr/mutation'\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\ntype ProjectDetailsHeaderProps = {\n    title: string\n    isContentEdit: boolean\n    onEdit: (value: boolean) => void\n    selected: string\n    onChange: (value: string) => void\n}\n\ntype Member = {\n    id: string\n    name: string\n    img: string\n}\n\ntype MemberOption = {\n    label: string\n    value: string\n    img: string\n}\n\ntype GetProjectMembersResponse = {\n    participantMembers: Member[]\n    allMembers: Member[]\n}\n\nconst { MultiValueLabel } = components\n\nconst CustomSelectOption = ({\n    innerProps,\n    label,\n    data,\n    isSelected,\n}: OptionProps<MemberOption>) => {\n    return (\n        <div\n            className={`flex items-center justify-between p-2 ${\n                isSelected\n                    ? 'bg-gray-100 dark:bg-gray-500'\n                    : 'hover:bg-gray-50 dark:hover:bg-gray-600'\n            }`}\n            {...innerProps}\n        >\n            <div className=\"flex items-center gap-2\">\n                <Avatar shape=\"circle\" size={20} src={data.img} />\n                <span className=\"font-semibold heading-text\">{label}</span>\n            </div>\n            {isSelected && <TbChecks className=\"text-emerald-500 text-xl\" />}\n        </div>\n    )\n}\n\nconst CustomControlMulti = ({ children, ...props }: MultiValueGenericProps) => {\n    const { img } = props.data\n\n    return (\n        <MultiValueLabel {...props}>\n            <div className=\"inline-flex items-center\">\n                <Avatar\n                    className=\"mr-2 rtl:ml-2\"\n                    shape=\"circle\"\n                    size={15}\n                    src={img}\n                />\n                {children}\n            </div>\n        </MultiValueLabel>\n    )\n}\n\nconst ProjectDetailsHeader = (props: ProjectDetailsHeaderProps) => {\n    const { title, isContentEdit, onEdit, onChange, selected } = props\n\n    const [isDialogOpen, setIsDialogOpen] = useState(false)\n\n    const [loading, setLoading] = useState(false)\n\n    const [copied, setCopied] = useState(false)\n\n    const [memberOptions, setMemberOptions] = useState<MemberOption[]>([])\n\n    const drawerRef = useRef<ToggleDrawerRef>(null)\n\n    const { smaller } = useResponsive()\n\n    const { trigger } = useSWRMutation(\n        ['/api/projects/members'],\n        () => apiGetProjectMembers<GetProjectMembersResponse>(),\n        {\n            onSuccess: (data) => {\n                const members = data?.allMembers.map((item) => ({\n                    value: item.id,\n                    label: item.name,\n                    img: item.img,\n                }))\n                setMemberOptions(members)\n            },\n        },\n    )\n\n    const handleFocus = async () => {\n        if (memberOptions.length === 0) {\n            setLoading(true)\n            await trigger()\n            setLoading(false)\n        }\n    }\n\n    useEffect(() => {\n        if (copied) {\n            const copyFeedbackInterval = setTimeout(\n                () => setCopied(false),\n                2000,\n            )\n\n            return () => {\n                clearTimeout(copyFeedbackInterval)\n            }\n        }\n    }, [copied])\n\n    const handleNavigationChange = (val: string) => {\n        onChange(val)\n        drawerRef.current?.handleCloseDrawer()\n    }\n\n    return (\n        <>\n            <div className=\"flex items-center justify-between border-b border-gray-200 dark:border-gray-700 mb-6 pb-4\">\n                <div className=\"flex items-center gap-4\">\n                    {smaller.xl && (\n                        <ToggleDrawer ref={drawerRef} title=\"Navigation\">\n                            <ProjectDetailsNavigation\n                                selected={selected}\n                                onChange={handleNavigationChange}\n                            />\n                        </ToggleDrawer>\n                    )}\n                    <h3>{title}</h3>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                    <Button onClick={() => setIsDialogOpen(true)}>Share</Button>\n                    <Button\n                        disabled={isContentEdit}\n                        variant=\"solid\"\n                        onClick={() => onEdit(!isContentEdit)}\n                    >\n                        {isContentEdit ? 'Editing' : 'Edit'}\n                    </Button>\n                </div>\n            </div>\n            <Dialog\n                isOpen={isDialogOpen}\n                width={640}\n                onClose={() => setIsDialogOpen(false)}\n                onRequestClose={() => setIsDialogOpen(false)}\n            >\n                <h5>Share this project</h5>\n                <Form className=\"my-6\">\n                    <FormItem label=\"Copy link\">\n                        <Input\n                            readOnly\n                            value=\"https://edge.themenate.net/concepts/projects/project-details/27\"\n                            suffix={\n                                <Button\n                                    type=\"button\"\n                                    variant=\"solid\"\n                                    size=\"sm\"\n                                    customColorClass={() =>\n                                        'bg-gray-900 hover:bg-gray-800 dark:bg-gray-100 dark:hover:bg-gray-200'\n                                    }\n                                    onClick={() => setCopied(true)}\n                                >\n                                    {copied ? 'Copied' : 'Copy'}\n                                </Button>\n                            }\n                        />\n                    </FormItem>\n                    <FormItem label=\"Or share to members\">\n                        <Select<MemberOption, true>\n                            isMulti\n                            className=\"min-w-[120px]\"\n                            components={{\n                                Option: CustomSelectOption,\n                                MultiValueLabel: CustomControlMulti,\n                            }}\n                            options={memberOptions}\n                            isLoading={loading}\n                            onFocus={handleFocus}\n                        />\n                    </FormItem>\n                </Form>\n                <div className=\"flex items-center justify-end gap-2\">\n                    <Button onClick={() => setIsDialogOpen(false)}>\n                        Cancel\n                    </Button>\n                    <Button\n                        variant=\"solid\"\n                        onClick={() => setIsDialogOpen(false)}\n                    >\n                        Share\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default ProjectDetailsHeader\n"],"names":[],"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":";;;;;;;;;;;;;;;;;;;;;AA0CA,MAAM,EAAE,oBAAoB;AAE5B,MAAM,qBAAqB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAiC;AAC7B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,yCACP,aACM,iCACA,yCACV;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,oBAAC,UAAO,OAAM,UAAS,MAAM,IAAI,KAAK,KAAK,KAAK;AAAA,UAChD,oBAAC,QAAA,EAAK,WAAU,8BAA8B,UAAA,MAAA,CAAM;AAAA,QAAA,GACxD;AAAA,QACC,cAAc,oBAAC,UAAA,EAAS,WAAU,2BAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1E;AAEA,MAAM,qBAAqB,CAAC,EAAE,UAAU,GAAG,YAAoC;AAC3E,QAAM,EAAE,QAAQ,MAAM;AAEtB,6BACK,iBAAA,EAAiB,GAAG,OACjB,UAAA,qBAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,EAAA,EAAA,CACL,EAAA,CACJ;AAER;AAEA,MAAM,uBAAuB,CAAC,UAAqC;AAC/D,QAAM,EAAE,OAAO,eAAe,QAAQ,UAAU,aAAa;AAE7D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAyB,CAAA,CAAE;AAErE,QAAM,YAAY,OAAwB,IAAI;AAE9C,QAAM,EAAE,QAAA,IAAY,cAAA;AAEpB,QAAM,EAAE,YAAY;AAAA,IAChB,CAAC,uBAAuB;AAAA,IACxB,MAAM,qBAAA;AAAA,IACN;AAAA,MACI,WAAW,CAAC,SAAS;AACjB,cAAM,UAAU,MAAM,WAAW,IAAI,CAAC,UAAU;AAAA,UAC5C,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,UACZ,KAAK,KAAK;AAAA,QAAA,EACZ;AACF,yBAAiB,OAAO;AAAA,MAC5B;AAAA,IAAA;AAAA,EACJ;AAGJ,QAAM,cAAc,YAAY;AAC5B,QAAI,cAAc,WAAW,GAAG;AAC5B,iBAAW,IAAI;AACf,YAAM,QAAA;AACN,iBAAW,KAAK;AAAA,IACpB;AAAA,EACJ;AAEA,YAAU,MAAM;AACZ,QAAI,QAAQ;AACR,YAAM,uBAAuB;AAAA,QACzB,MAAM,UAAU,KAAK;AAAA,QACrB;AAAA,MAAA;AAGJ,aAAO,MAAM;AACT,qBAAa,oBAAoB;AAAA,MACrC;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,yBAAyB,CAAC,QAAgB;AAC5C,aAAS,GAAG;AACZ,cAAU,SAAS,kBAAA;AAAA,EACvB;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,6FACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAA,QAAQ,MACL,oBAAC,cAAA,EAAa,KAAK,WAAW,OAAM,cAChC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA,UAAU;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAEJ,oBAAC,QAAI,UAAA,MAAA,CAAM;AAAA,MAAA,GACf;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA,oBAAC,UAAO,SAAS,MAAM,gBAAgB,IAAI,GAAG,UAAA,SAAK;AAAA,QACnD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,UAAU;AAAA,YACV,SAAQ;AAAA,YACR,SAAS,MAAM,OAAO,CAAC,aAAa;AAAA,YAEnC,0BAAgB,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACjC,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS,MAAM,gBAAgB,KAAK;AAAA,QACpC,gBAAgB,MAAM,gBAAgB,KAAK;AAAA,QAE3C,UAAA;AAAA,UAAA,oBAAC,QAAG,UAAA,qBAAA,CAAkB;AAAA,UACtB,qBAAC,MAAA,EAAK,WAAU,QACZ,UAAA;AAAA,YAAA,oBAAC,UAAA,EAAS,OAAM,aACZ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,UAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,QACI;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,kBAAkB,MACd;AAAA,oBAEJ,SAAS,MAAM,UAAU,IAAI;AAAA,oBAE5B,mBAAS,WAAW;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACzB;AAAA,YAAA,GAGZ;AAAA,YACA,oBAAC,UAAA,EAAS,OAAM,uBACZ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAO;AAAA,gBACP,WAAU;AAAA,gBACV,YAAY;AAAA,kBACR,QAAQ;AAAA,kBACR,iBAAiB;AAAA,gBAAA;AAAA,gBAErB,SAAS;AAAA,gBACT,WAAW;AAAA,gBACX,SAAS;AAAA,cAAA;AAAA,YAAA,EACb,CACJ;AAAA,UAAA,GACJ;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,YAAA,oBAAC,UAAO,SAAS,MAAM,gBAAgB,KAAK,GAAG,UAAA,UAE/C;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,SAAS,MAAM,gBAAgB,KAAK;AAAA,gBACvC,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailsNavigation.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsNavigation.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport {\n    TbFileInfo,\n    TbChecklist,\n    TbSettings,\n    TbCalendarStats,\n    TbPaperclip,\n} from 'react-icons/tb'\n\ntype ProjectDetailsNavigationProps = {\n    selected: string\n    onChange: (value: string) => void\n}\n\nconst navigation = [\n    { label: 'Overview', value: 'overview', icon: <TbFileInfo /> },\n    { label: 'Tasks', value: 'tasks', icon: <TbChecklist /> },\n    { label: 'Attachments', value: 'attachments', icon: <TbPaperclip /> },\n    { label: 'Activities', value: 'activity', icon: <TbCalendarStats /> },\n    { label: 'Settings', value: 'settings', icon: <TbSettings /> },\n]\n\nconst ProjectDetailsNavigation = ({\n    selected,\n    onChange,\n}: ProjectDetailsNavigationProps) => {\n    const handleClick = (value: string) => {\n        onChange(value)\n    }\n\n    return (\n        <div className=\"w-[250px]\">\n            <div className=\"flex flex-col gap-2\">\n                {navigation.map((nav) => (\n                    <div key={nav.value}>\n                        <button\n                            className={classNames(\n                                'flex items-center gap-2 w-full px-3.5 py-2.5 rounded-full border-2 border-transparent font-semibold transition-colors dark:hover:text-gray-100 text-gray-900 dark:text-white',\n                                selected === nav.value\n                                    ? 'border-primary'\n                                    : 'hover:bg-gray-100 dark:hover:bg-gray-800',\n                            )}\n                            onClick={() => handleClick(nav.value)}\n                        >\n                            <span className=\"text-xl\">{nav.icon}</span>\n                            <span>{nav.label}</span>\n                        </button>\n                    </div>\n                ))}\n            </div>\n        </div>\n    )\n}\n\nexport default ProjectDetailsNavigation\n"],"names":[],"mappings":";;;AAcA,MAAM,aAAa;AAAA,EACf,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,oBAAC,cAAW,EAAG;AAAA,EAC7D,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,oBAAC,eAAY,EAAG;AAAA,EACxD,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,oBAAC,eAAY,EAAG;AAAA,EACpE,EAAE,OAAO,cAAc,OAAO,YAAY,MAAM,oBAAC,mBAAgB,EAAG;AAAA,EACpE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,oBAAC,cAAW,EAAG;AACjE;AAEA,MAAM,2BAA2B,CAAC;AAAA,EAC9B;AAAA,EACA;AACJ,MAAqC;AAC3B,QAAA,cAAc,CAAC,UAAkB;AACnC,aAAS,KAAK;AAAA,EAClB;AAEA,SACK,oBAAA,OAAA,EAAI,WAAU,aACX,UAAC,oBAAA,OAAA,EAAI,WAAU,uBACV,UAAW,WAAA,IAAI,CAAC,4BACZ,OACG,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,IAAI,QACX,mBACA;AAAA,MACV;AAAA,MACA,SAAS,MAAM,YAAY,IAAI,KAAK;AAAA,MAEpC,UAAA;AAAA,QAAA,oBAAC,QAAK,EAAA,WAAU,WAAW,UAAA,IAAI,MAAK;AAAA,QACpC,oBAAC,QAAM,EAAA,UAAA,IAAI,MAAM,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAXf,EAAA,GAAA,IAAI,KAad,CACH,GACL,EACJ,CAAA;AAER;"}
+{"version":3,"file":"ProjectDetailsNavigation.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsNavigation.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport {\n    TbFileInfo,\n    TbChecklist,\n    TbSettings,\n    TbCalendarStats,\n    TbPaperclip,\n} from 'react-icons/tb'\n\ntype ProjectDetailsNavigationProps = {\n    selected: string\n    onChange: (value: string) => void\n}\n\nconst navigation = [\n    { label: 'Overview', value: 'overview', icon: <TbFileInfo /> },\n    { label: 'Tasks', value: 'tasks', icon: <TbChecklist /> },\n    { label: 'Attachments', value: 'attachments', icon: <TbPaperclip /> },\n    { label: 'Activities', value: 'activity', icon: <TbCalendarStats /> },\n    { label: 'Settings', value: 'settings', icon: <TbSettings /> },\n]\n\nconst ProjectDetailsNavigation = ({\n    selected,\n    onChange,\n}: ProjectDetailsNavigationProps) => {\n    const handleClick = (value: string) => {\n        onChange(value)\n    }\n\n    return (\n        <div className=\"w-[250px]\">\n            <div className=\"flex flex-col gap-2\">\n                {navigation.map((nav) => (\n                    <div key={nav.value}>\n                        <button\n                            className={classNames(\n                                'flex items-center gap-2 w-full px-3.5 py-2.5 rounded-full border-2 border-transparent font-semibold transition-colors dark:hover:text-gray-100 text-gray-900 dark:text-white',\n                                selected === nav.value\n                                    ? 'border-primary'\n                                    : 'hover:bg-gray-100 dark:hover:bg-gray-800',\n                            )}\n                            onClick={() => handleClick(nav.value)}\n                        >\n                            <span className=\"text-xl\">{nav.icon}</span>\n                            <span>{nav.label}</span>\n                        </button>\n                    </div>\n                ))}\n            </div>\n        </div>\n    )\n}\n\nexport default ProjectDetailsNavigation\n"],"names":[],"mappings":";;;AAcA,MAAM,aAAa;AAAA,EACf,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,oBAAC,cAAW,EAAA;AAAA,EAC1D,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,oBAAC,eAAY,EAAA;AAAA,EACrD,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,oBAAC,eAAY,EAAA;AAAA,EACjE,EAAE,OAAO,cAAc,OAAO,YAAY,MAAM,oBAAC,mBAAgB,EAAA;AAAA,EACjE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,oBAAC,cAAW,EAAA;AAC9D;AAEA,MAAM,2BAA2B,CAAC;AAAA,EAC9B;AAAA,EACA;AACJ,MAAqC;AACjC,QAAM,cAAc,CAAC,UAAkB;AACnC,aAAS,KAAK;AAAA,EAClB;AAEA,SACI,oBAAC,OAAA,EAAI,WAAU,aACX,UAAA,oBAAC,OAAA,EAAI,WAAU,uBACV,UAAA,WAAW,IAAI,CAAC,4BACZ,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,IAAI,QACX,mBACA;AAAA,MAAA;AAAA,MAEV,SAAS,MAAM,YAAY,IAAI,KAAK;AAAA,MAEpC,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,WAAW,UAAA,IAAI,MAAK;AAAA,QACpC,oBAAC,QAAA,EAAM,UAAA,IAAI,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EACrB,GAZM,IAAI,KAad,CACH,GACL,EAAA,CACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailsOverview.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsOverview.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Avatar from '@/components/ui/Avatar'\nimport Progress from '@/components/ui/Progress'\nimport Tag from '@/components/ui/Tag'\nimport ReactHtmlParser from 'html-react-parser'\nimport dayjs from 'dayjs'\n\ntype ProjectDetailsOverviewProps = {\n    content: string\n    isContentEdit: boolean\n    onContentChange: (content: string) => void\n    setIsContentEdit: (isEdit: boolean) => void\n    client: Partial<{\n        clientName: string\n        skateHolder: {\n            name: string\n            img: string\n        }\n        projectManager: {\n            name: string\n            img: string\n        }\n    }>\n    schedule: Partial<{\n        startDate: number\n        dueDate: number\n        status: string\n        completion: number\n    }>\n}\n\nconst ProjectDetailsOverview = (props: ProjectDetailsOverviewProps) => {\n    const { content = '', client = {}, schedule = {} } = props\n\n    return (\n        <div className=\"flex flex-col lg:flex-row flex-auto gap-12\">\n            <div className=\"prose max-w-full\">{ReactHtmlParser(content)}</div>\n            <div className=\"lg:min-w-[320px] lg:w-[350px]\">\n                <Card\n                    bordered={false}\n                    className=\"bg-gray-100 dark:bg-gray-800 shadow-none\"\n                >\n                    <h5>Client information</h5>\n                    <div className=\"flex flex-col gap-5 mt-6\">\n                        <div>\n                            <span className=\"font-semibold heading-text\">\n                                Client:\n                            </span>\n                            <span className=\"font-semibold\">\n                                {' '}\n                                {client.clientName}\n                            </span>\n                        </div>\n                        <div className=\"flex flex-col gap-3\">\n                            <div className=\"font-semibold heading-text\">\n                                Skate holder:\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <Avatar\n                                    size={25}\n                                    src={client.skateHolder?.img}\n                                    alt=\"\"\n                                />\n                                <span className=\"font-semibold\">\n                                    {client.skateHolder?.name}\n                                </span>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-3\">\n                            <div className=\"font-semibold heading-text\">\n                                Project manager:\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <Avatar\n                                    size={25}\n                                    src={client.projectManager?.img}\n                                    alt=\"\"\n                                />\n                                <span className=\"font-semibold\">\n                                    {client.projectManager?.name}\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n                </Card>\n                <Card\n                    bordered={false}\n                    className=\"bg-gray-100 dark:bg-gray-800 shadow-none mt-6\"\n                >\n                    <h5>Schedule</h5>\n                    <div className=\"flex flex-col gap-5 mt-6\">\n                        <div>\n                            <span className=\"font-semibold heading-text\">\n                                Start date:\n                            </span>\n                            <span className=\"font-semibold\">\n                                {' '}\n                                {dayjs\n                                    .unix(schedule.startDate as number)\n                                    .format('ddd, DD MMM YYYY')}\n                            </span>\n                        </div>\n                        <div>\n                            <span className=\"font-semibold heading-text\">\n                                Due date:\n                            </span>\n                            <span className=\"font-semibold\">\n                                {' '}\n                                {dayjs\n                                    .unix(schedule.dueDate as number)\n                                    .format('ddd, DD MMM YYYY')}\n                            </span>\n                        </div>\n                        <div className=\"flex items-center gap-2\">\n                            <span className=\"font-semibold heading-text\">\n                                Status:\n                            </span>\n                            <Tag className=\"border-2 bg-transparent text-green-600 border-green-600 dark:bg-transparent dark:text-green-600 dark:border-green-600 rounded-full\">\n                                {schedule.status}\n                            </Tag>\n                        </div>\n\n                        <div className=\"flex flex-col gap-3\">\n                            <span className=\"font-semibold heading-text\">\n                                Completion:\n                            </span>\n                            <Progress\n                                percent={schedule.completion}\n                                trailClass=\"bg-gray-200 dark:bg-gray-600\"\n                                size=\"sm\"\n                            />\n                        </div>\n                    </div>\n                </Card>\n            </div>\n        </div>\n    )\n}\n\nexport default ProjectDetailsOverview\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProjectDetailsOverview.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsOverview.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Avatar from '@/components/ui/Avatar'\nimport Progress from '@/components/ui/Progress'\nimport Tag from '@/components/ui/Tag'\nimport ReactHtmlParser from 'html-react-parser'\nimport dayjs from 'dayjs'\n\ntype ProjectDetailsOverviewProps = {\n    content: string\n    isContentEdit: boolean\n    onContentChange: (content: string) => void\n    setIsContentEdit: (isEdit: boolean) => void\n    client: Partial<{\n        clientName: string\n        skateHolder: {\n            name: string\n            img: string\n        }\n        projectManager: {\n            name: string\n            img: string\n        }\n    }>\n    schedule: Partial<{\n        startDate: number\n        dueDate: number\n        status: string\n        completion: number\n    }>\n}\n\nconst ProjectDetailsOverview = (props: ProjectDetailsOverviewProps) => {\n    const { content = '', client = {}, schedule = {} } = props\n\n    return (\n        <div className=\"flex flex-col lg:flex-row flex-auto gap-12\">\n            <div className=\"prose max-w-full\">{ReactHtmlParser(content)}</div>\n            <div className=\"lg:min-w-[320px] lg:w-[350px]\">\n                <Card\n                    bordered={false}\n                    className=\"bg-gray-100 dark:bg-gray-800 shadow-none\"\n                >\n                    <h5>Client information</h5>\n                    <div className=\"flex flex-col gap-5 mt-6\">\n                        <div>\n                            <span className=\"font-semibold heading-text\">\n                                Client:\n                            </span>\n                            <span className=\"font-semibold\">\n                                {' '}\n                                {client.clientName}\n                            </span>\n                        </div>\n                        <div className=\"flex flex-col gap-3\">\n                            <div className=\"font-semibold heading-text\">\n                                Skate holder:\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <Avatar\n                                    size={25}\n                                    src={client.skateHolder?.img}\n                                    alt=\"\"\n                                />\n                                <span className=\"font-semibold\">\n                                    {client.skateHolder?.name}\n                                </span>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-3\">\n                            <div className=\"font-semibold heading-text\">\n                                Project manager:\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <Avatar\n                                    size={25}\n                                    src={client.projectManager?.img}\n                                    alt=\"\"\n                                />\n                                <span className=\"font-semibold\">\n                                    {client.projectManager?.name}\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n                </Card>\n                <Card\n                    bordered={false}\n                    className=\"bg-gray-100 dark:bg-gray-800 shadow-none mt-6\"\n                >\n                    <h5>Schedule</h5>\n                    <div className=\"flex flex-col gap-5 mt-6\">\n                        <div>\n                            <span className=\"font-semibold heading-text\">\n                                Start date:\n                            </span>\n                            <span className=\"font-semibold\">\n                                {' '}\n                                {dayjs\n                                    .unix(schedule.startDate as number)\n                                    .format('ddd, DD MMM YYYY')}\n                            </span>\n                        </div>\n                        <div>\n                            <span className=\"font-semibold heading-text\">\n                                Due date:\n                            </span>\n                            <span className=\"font-semibold\">\n                                {' '}\n                                {dayjs\n                                    .unix(schedule.dueDate as number)\n                                    .format('ddd, DD MMM YYYY')}\n                            </span>\n                        </div>\n                        <div className=\"flex items-center gap-2\">\n                            <span className=\"font-semibold heading-text\">\n                                Status:\n                            </span>\n                            <Tag className=\"border-2 bg-transparent text-green-600 border-green-600 dark:bg-transparent dark:text-green-600 dark:border-green-600 rounded-full\">\n                                {schedule.status}\n                            </Tag>\n                        </div>\n\n                        <div className=\"flex flex-col gap-3\">\n                            <span className=\"font-semibold heading-text\">\n                                Completion:\n                            </span>\n                            <Progress\n                                percent={schedule.completion}\n                                trailClass=\"bg-gray-200 dark:bg-gray-600\"\n                                size=\"sm\"\n                            />\n                        </div>\n                    </div>\n                </Card>\n            </div>\n        </div>\n    )\n}\n\nexport default ProjectDetailsOverview\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailsSetting.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsSetting.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Switcher from '@/components/ui/Switcher'\nimport Checkbox from '@/components/ui/Checkbox'\nimport DatePicker from '@/components/ui/DatePicker'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport dayjs from 'dayjs'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    name: string\n    content: string\n    dueDate?: number\n    notification?: string[]\n    active?: boolean\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    name: z.string().min(1, { message: 'Email Required' }),\n    content: z.string().min(1, { message: 'Email Required' }),\n})\n\ntype ProjectDetailBase = {\n    name: string\n    content: string\n    dueDate: number\n}\n\ntype ProjectDetailsSettingProps = {\n    onUpdate: (values: ProjectDetailBase) => void\n} & ProjectDetailBase\n\nconst ProjectDetailsSetting = ({\n    name,\n    content,\n    dueDate,\n    onUpdate,\n}: ProjectDetailsSettingProps) => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            name,\n            content,\n            dueDate,\n            notification: ['Email'],\n            active: true,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const { smaller } = useResponsive()\n\n    const onSubmit = ({ name, content, dueDate }: FormSchema) => {\n        onUpdate({\n            name,\n            content,\n            dueDate: dueDate as number,\n        })\n    }\n\n    return (\n        <Form\n            layout={smaller.lg ? 'vertical' : 'horizontal'}\n            labelWidth={250}\n            onSubmit={handleSubmit(onSubmit)}\n        >\n            <FormItem\n                label=\"Project name\"\n                invalid={Boolean(errors.name)}\n                errorMessage={errors.name?.message}\n            >\n                <Controller\n                    name=\"name\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Project description\"\n                invalid={Boolean(errors.content)}\n                errorMessage={errors.content?.message}\n                className=\"items-start\"\n            >\n                <Controller\n                    name=\"content\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.content)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Project due date\"\n                invalid={Boolean(errors.dueDate)}\n                errorMessage={errors.dueDate?.message}\n            >\n                <Controller\n                    name=\"dueDate\"\n                    control={control}\n                    render={({ field }) => (\n                        <DatePicker\n                            {...field}\n                            value={dayjs.unix(field.value as number).toDate()}\n                            onChange={(date) =>\n                                field.onChange(dayjs(date).unix())\n                            }\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem label=\"Notification\">\n                <Controller\n                    name=\"notification\"\n                    control={control}\n                    render={({ field }) => (\n                        <Checkbox.Group\n                            value={field.value}\n                            onChange={(val) => field.onChange(val)}\n                        >\n                            {['Email', 'Push notification'].map(\n                                (notification) => (\n                                    <Checkbox\n                                        key={notification}\n                                        value={notification}\n                                    >\n                                        {notification}\n                                    </Checkbox>\n                                ),\n                            )}\n                        </Checkbox.Group>\n                    )}\n                />\n            </FormItem>\n            <FormItem label=\"Status\">\n                <Controller\n                    name=\"active\"\n                    control={control}\n                    render={({ field }) => (\n                        <div className=\"flex items-center gap-2\">\n                            <Switcher\n                                checked={field.value}\n                                onChange={(val) => field.onChange(!val)}\n                            />\n                            <span className=\"font-semibold\">\n                                {field.value ? 'Active' : 'Inactive'}\n                            </span>\n                        </div>\n                    )}\n                />\n            </FormItem>\n            <div className=\"flex justify-end\">\n                <Button type=\"submit\" variant=\"solid\">\n                    Update\n                </Button>\n            </div>\n        </Form>\n    )\n}\n\nexport default ProjectDetailsSetting\n"],"names":["name","content","dueDate"],"mappings":"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"}
+{"version":3,"file":"ProjectDetailsSetting.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsSetting.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Switcher from '@/components/ui/Switcher'\nimport Checkbox from '@/components/ui/Checkbox'\nimport DatePicker from '@/components/ui/DatePicker'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport dayjs from 'dayjs'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    name: string\n    content: string\n    dueDate?: number\n    notification?: string[]\n    active?: boolean\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    name: z.string().min(1, { message: 'Email Required' }),\n    content: z.string().min(1, { message: 'Email Required' }),\n})\n\ntype ProjectDetailBase = {\n    name: string\n    content: string\n    dueDate: number\n}\n\ntype ProjectDetailsSettingProps = {\n    onUpdate: (values: ProjectDetailBase) => void\n} & ProjectDetailBase\n\nconst ProjectDetailsSetting = ({\n    name,\n    content,\n    dueDate,\n    onUpdate,\n}: ProjectDetailsSettingProps) => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            name,\n            content,\n            dueDate,\n            notification: ['Email'],\n            active: true,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const { smaller } = useResponsive()\n\n    const onSubmit = ({ name, content, dueDate }: FormSchema) => {\n        onUpdate({\n            name,\n            content,\n            dueDate: dueDate as number,\n        })\n    }\n\n    return (\n        <Form\n            layout={smaller.lg ? 'vertical' : 'horizontal'}\n            labelWidth={250}\n            onSubmit={handleSubmit(onSubmit)}\n        >\n            <FormItem\n                label=\"Project name\"\n                invalid={Boolean(errors.name)}\n                errorMessage={errors.name?.message}\n            >\n                <Controller\n                    name=\"name\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Project description\"\n                invalid={Boolean(errors.content)}\n                errorMessage={errors.content?.message}\n                className=\"items-start\"\n            >\n                <Controller\n                    name=\"content\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.content)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Project due date\"\n                invalid={Boolean(errors.dueDate)}\n                errorMessage={errors.dueDate?.message}\n            >\n                <Controller\n                    name=\"dueDate\"\n                    control={control}\n                    render={({ field }) => (\n                        <DatePicker\n                            {...field}\n                            value={dayjs.unix(field.value as number).toDate()}\n                            onChange={(date) =>\n                                field.onChange(dayjs(date).unix())\n                            }\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem label=\"Notification\">\n                <Controller\n                    name=\"notification\"\n                    control={control}\n                    render={({ field }) => (\n                        <Checkbox.Group\n                            value={field.value}\n                            onChange={(val) => field.onChange(val)}\n                        >\n                            {['Email', 'Push notification'].map(\n                                (notification) => (\n                                    <Checkbox\n                                        key={notification}\n                                        value={notification}\n                                    >\n                                        {notification}\n                                    </Checkbox>\n                                ),\n                            )}\n                        </Checkbox.Group>\n                    )}\n                />\n            </FormItem>\n            <FormItem label=\"Status\">\n                <Controller\n                    name=\"active\"\n                    control={control}\n                    render={({ field }) => (\n                        <div className=\"flex items-center gap-2\">\n                            <Switcher\n                                checked={field.value}\n                                onChange={(val) => field.onChange(!val)}\n                            />\n                            <span className=\"font-semibold\">\n                                {field.value ? 'Active' : 'Inactive'}\n                            </span>\n                        </div>\n                    )}\n                />\n            </FormItem>\n            <div className=\"flex justify-end\">\n                <Button type=\"submit\" variant=\"solid\">\n                    Update\n                </Button>\n            </div>\n        </Form>\n    )\n}\n\nexport default ProjectDetailsSetting\n"],"names":["name","content","dueDate"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailsTask.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsTask.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport Tag from '@/components/ui/Tag'\nimport Loading from '@/components/shared/Loading'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { apiGetScrumBoards } from '@/services/ProjectService'\nimport { TbCircleCheck, TbCircleCheckFilled } from 'react-icons/tb'\nimport useSWR from 'swr'\nimport dayjs from 'dayjs'\nimport type { GetProjectDetailsTaskResponse, Task } from '../types'\n\nconst ordered = ['To Do', 'In Progress', 'To Review', 'Completed']\n\nconst taskLabelColors: Record<string, string> = {\n    'Live issue': 'bg-rose-100 dark:bg-rose-100 dark:text-gray-900',\n    Task: 'bg-blue-100 dark:bg-blue-100 dark:text-gray-900',\n    Bug: 'bg-amber-100 dark:bg-amber-100 dark:text-gray-900',\n    'Low priority': 'bg-purple-100 dark:bg-purple-100 dark:text-gray-900',\n}\n\nconst { Td, Tr, TBody } = Table\n\nconst ProjectDetailsTask = () => {\n    const [selectedTask, setSelectedTask] = useState<{\n        key: string\n        id: string\n    } | null>(null)\n\n    const { data, isLoading, mutate } = useSWR(\n        ['/api/projects/scrum-board'],\n        () => apiGetScrumBoards<GetProjectDetailsTaskResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleCheckClick = (key: string, id: string) => {\n        if (key !== 'Completed') {\n            setSelectedTask({ key, id })\n        }\n    }\n\n    const handleDialogConfirmClick = () => {\n        if (selectedTask) {\n            const { key, id } = selectedTask\n            const newData = { ...data }\n            if (key !== 'Completed') {\n                let taskToMove = {}\n                newData[key] = newData[key].filter((task) => {\n                    if (task.id === id) {\n                        task.checked = true\n                        taskToMove = task\n                    }\n                    return task.id !== id\n                })\n                newData['Completed'].push(taskToMove as Task)\n                mutate(newData, false)\n                setSelectedTask(null)\n            }\n        }\n    }\n\n    const handleDialogClose = () => {\n        setSelectedTask(null)\n    }\n\n    return (\n        <>\n            <Loading loading={isLoading}>\n                <div className=\"flex flex-col gap-12\">\n                    {ordered.map((key, index) => (\n                        <div key={key + index}>\n                            <h4 className=\"mb-4\">{key}</h4>\n                            {data && (\n                                <Table compact hoverable={false}>\n                                    <TBody>\n                                        {data[key].map((task) => (\n                                            <Tr key={task.id}>\n                                                <Td className=\"w-[40px]\">\n                                                    <button\n                                                        className=\"text-2xl cursor-pointer pt-1\"\n                                                        role=\"button\"\n                                                        onClick={() =>\n                                                            handleCheckClick(\n                                                                key,\n                                                                task.id,\n                                                            )\n                                                        }\n                                                    >\n                                                        {task.checked ? (\n                                                            <TbCircleCheckFilled className=\"text-primary\" />\n                                                        ) : (\n                                                            <TbCircleCheck className=\"hover:text-primary\" />\n                                                        )}\n                                                    </button>\n                                                </Td>\n                                                <Td className=\"w-[500px]\">\n                                                    <span className=\"heading-text font-bold\">\n                                                        {task.name}\n                                                    </span>\n                                                </Td>\n                                                <Td className=\"w-[200px]\">\n                                                    {task.labels?.map(\n                                                        (label, index) => (\n                                                            <Tag\n                                                                key={\n                                                                    label +\n                                                                    index\n                                                                }\n                                                                className={`mr-2 rtl:ml-2 mb-2 ${taskLabelColors[label]}`}\n                                                            >\n                                                                {label}\n                                                            </Tag>\n                                                        ),\n                                                    )}\n                                                </Td>\n                                                <Td className=\"w-[150px]\">\n                                                    <span className=\"font-semibold\">\n                                                        {task.dueDate\n                                                            ? dayjs(\n                                                                  task.dueDate,\n                                                              ).format(\n                                                                  'MMMM DD',\n                                                              )\n                                                            : '-'}\n                                                    </span>\n                                                </Td>\n                                                <Td>\n                                                    <UsersAvatarGroup\n                                                        avatarProps={{\n                                                            size: 25,\n                                                        }}\n                                                        users={task.members}\n                                                    />\n                                                </Td>\n                                            </Tr>\n                                        ))}\n                                    </TBody>\n                                </Table>\n                            )}\n                        </div>\n                    ))}\n                </div>\n            </Loading>\n            <ConfirmDialog\n                isOpen={Boolean(selectedTask)}\n                type=\"info\"\n                title=\"Mark task as completed\"\n                onClose={handleDialogClose}\n                onRequestClose={handleDialogClose}\n                onCancel={handleDialogClose}\n                onConfirm={handleDialogConfirmClick}\n            >\n                <p>Are you sure you want mark this task as completed? </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProjectDetailsTask\n"],"names":["index"],"mappings":"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"}
+{"version":3,"file":"ProjectDetailsTask.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsTask.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport Tag from '@/components/ui/Tag'\nimport Loading from '@/components/shared/Loading'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { apiGetScrumBoards } from '@/services/ProjectService'\nimport { TbCircleCheck, TbCircleCheckFilled } from 'react-icons/tb'\nimport useSWR from 'swr'\nimport dayjs from 'dayjs'\nimport type { GetProjectDetailsTaskResponse, Task } from '../types'\n\nconst ordered = ['To Do', 'In Progress', 'To Review', 'Completed']\n\nconst taskLabelColors: Record<string, string> = {\n    'Live issue': 'bg-rose-100 dark:bg-rose-100 dark:text-gray-900',\n    Task: 'bg-blue-100 dark:bg-blue-100 dark:text-gray-900',\n    Bug: 'bg-amber-100 dark:bg-amber-100 dark:text-gray-900',\n    'Low priority': 'bg-purple-100 dark:bg-purple-100 dark:text-gray-900',\n}\n\nconst { Td, Tr, TBody } = Table\n\nconst ProjectDetailsTask = () => {\n    const [selectedTask, setSelectedTask] = useState<{\n        key: string\n        id: string\n    } | null>(null)\n\n    const { data, isLoading, mutate } = useSWR(\n        ['/api/projects/scrum-board'],\n        () => apiGetScrumBoards<GetProjectDetailsTaskResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleCheckClick = (key: string, id: string) => {\n        if (key !== 'Completed') {\n            setSelectedTask({ key, id })\n        }\n    }\n\n    const handleDialogConfirmClick = () => {\n        if (selectedTask) {\n            const { key, id } = selectedTask\n            const newData = { ...data }\n            if (key !== 'Completed') {\n                let taskToMove = {}\n                newData[key] = newData[key].filter((task) => {\n                    if (task.id === id) {\n                        task.checked = true\n                        taskToMove = task\n                    }\n                    return task.id !== id\n                })\n                newData['Completed'].push(taskToMove as Task)\n                mutate(newData, false)\n                setSelectedTask(null)\n            }\n        }\n    }\n\n    const handleDialogClose = () => {\n        setSelectedTask(null)\n    }\n\n    return (\n        <>\n            <Loading loading={isLoading}>\n                <div className=\"flex flex-col gap-12\">\n                    {ordered.map((key, index) => (\n                        <div key={key + index}>\n                            <h4 className=\"mb-4\">{key}</h4>\n                            {data && (\n                                <Table compact hoverable={false}>\n                                    <TBody>\n                                        {data[key].map((task) => (\n                                            <Tr key={task.id}>\n                                                <Td className=\"w-[40px]\">\n                                                    <button\n                                                        className=\"text-2xl cursor-pointer pt-1\"\n                                                        role=\"button\"\n                                                        onClick={() =>\n                                                            handleCheckClick(\n                                                                key,\n                                                                task.id,\n                                                            )\n                                                        }\n                                                    >\n                                                        {task.checked ? (\n                                                            <TbCircleCheckFilled className=\"text-primary\" />\n                                                        ) : (\n                                                            <TbCircleCheck className=\"hover:text-primary\" />\n                                                        )}\n                                                    </button>\n                                                </Td>\n                                                <Td className=\"w-[500px]\">\n                                                    <span className=\"heading-text font-bold\">\n                                                        {task.name}\n                                                    </span>\n                                                </Td>\n                                                <Td className=\"w-[200px]\">\n                                                    {task.labels?.map(\n                                                        (label, index) => (\n                                                            <Tag\n                                                                key={\n                                                                    label +\n                                                                    index\n                                                                }\n                                                                className={`mr-2 rtl:ml-2 mb-2 ${taskLabelColors[label]}`}\n                                                            >\n                                                                {label}\n                                                            </Tag>\n                                                        ),\n                                                    )}\n                                                </Td>\n                                                <Td className=\"w-[150px]\">\n                                                    <span className=\"font-semibold\">\n                                                        {task.dueDate\n                                                            ? dayjs(\n                                                                  task.dueDate,\n                                                              ).format(\n                                                                  'MMMM DD',\n                                                              )\n                                                            : '-'}\n                                                    </span>\n                                                </Td>\n                                                <Td>\n                                                    <UsersAvatarGroup\n                                                        avatarProps={{\n                                                            size: 25,\n                                                        }}\n                                                        users={task.members}\n                                                    />\n                                                </Td>\n                                            </Tr>\n                                        ))}\n                                    </TBody>\n                                </Table>\n                            )}\n                        </div>\n                    ))}\n                </div>\n            </Loading>\n            <ConfirmDialog\n                isOpen={Boolean(selectedTask)}\n                type=\"info\"\n                title=\"Mark task as completed\"\n                onClose={handleDialogClose}\n                onRequestClose={handleDialogClose}\n                onCancel={handleDialogClose}\n                onConfirm={handleDialogConfirmClick}\n            >\n                <p>Are you sure you want mark this task as completed? </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProjectDetailsTask\n"],"names":["index"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectList.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/ProjectList/ProjectList.tsx"],"sourcesContent":["import ProjectListHeader from './components/ProjectListHeader'\nimport ProjectListContent from './components/ProjectListContent'\n\nconst ProjectList = () => {\n    return (\n        <div>\n            <ProjectListHeader />\n            <ProjectListContent />\n        </div>\n    )\n}\n\nexport default ProjectList\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,MAAM;AACtB,8BACK,OACG,EAAA,UAAA;AAAA,IAAA,oBAAC,mBAAkB,EAAA;AAAA,wBAClB,oBAAmB,CAAA,CAAA;AAAA,EAAA,GACxB;AAER;"}
+{"version":3,"file":"ProjectList.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/ProjectList/ProjectList.tsx"],"sourcesContent":["import ProjectListHeader from './components/ProjectListHeader'\nimport ProjectListContent from './components/ProjectListContent'\n\nconst ProjectList = () => {\n    return (\n        <div>\n            <ProjectListHeader />\n            <ProjectListContent />\n        </div>\n    )\n}\n\nexport default ProjectList\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,MAAM;AACtB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,mBAAA,EAAkB;AAAA,wBAClB,oBAAA,CAAA,CAAmB;AAAA,EAAA,GACxB;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectList/components/NewProjectForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewProjectForm.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/NewProjectForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Select from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport hooks from '@/components/ui/hooks'\nimport NewTaskField from './NewTaskField'\nimport { useProjectListStore } from '../store/projectListStore'\nimport { useForm, Controller } from 'react-hook-form'\nimport { apiPostProject } from '@/services/ProjectService'\nimport { TbChecks } from 'react-icons/tb'\nimport { components } from 'react-select'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { MemberListOption, Member, Project } from '../types'\nimport type { ZodType } from 'zod'\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\n\ntype FormSchema = {\n    title: string\n    content: string\n    assignees: {\n        img: string\n        value: string\n        label: string\n    }[]\n}\n\ntype TaskCount = {\n    completedTask?: number\n    totalTask?: number\n}\n\nconst { MultiValueLabel } = components\n\nconst { useUniqueId } = hooks\n\nconst CustomSelectOption = ({\n    innerProps,\n    label,\n    data,\n    isSelected,\n}: OptionProps<MemberListOption>) => {\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 validationSchema: ZodType<FormSchema> = z.object({\n    title: z.string().min(1, { message: 'Title required' }),\n    content: z.string().min(1, { message: 'Content required' }),\n    assignees: z.array(\n        z.object({ value: z.string(), label: z.string(), img: z.string() }),\n    ),\n})\n\nconst NewProjectForm = ({ onClose }: { onClose: () => void }) => {\n    const { memberList, updateProjectList } = useProjectListStore()\n\n    const newId = useUniqueId()\n\n    const [taskCount, setTaskCount] = useState<TaskCount>({})\n    const [isSubmiting, setSubmiting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            title: '',\n            content: '',\n            assignees: [],\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const handleAddNewTask = (count: TaskCount) => {\n        setTaskCount(count)\n    }\n\n    const onSubmit = async (formValue: FormSchema) => {\n        setSubmiting(true)\n        const { title, content, assignees } = formValue\n\n        const { totalTask, completedTask } = taskCount\n\n        const member: Member[] = cloneDeep(assignees).map((assignee) => {\n            return {\n                name: assignee.label,\n                img: assignee.img,\n            }\n        })\n\n        const values: Project = {\n            id: newId,\n            name: title,\n            desc: content,\n            totalTask: totalTask as number,\n            completedTask: completedTask as number,\n            progression:\n                ((completedTask as number) / (totalTask as number)) * 100 || 0,\n            member,\n        }\n\n        updateProjectList(values)\n        await apiPostProject(values)\n        setSubmiting(false)\n        onClose()\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Title\"\n                invalid={Boolean(errors.title)}\n                errorMessage={errors.title?.message}\n            >\n                <Controller\n                    name=\"title\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input type=\"text\" autoComplete=\"off\" {...field} />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Assignees\"\n                invalid={Boolean(errors.assignees)}\n                errorMessage={errors.assignees?.message}\n            >\n                <Controller\n                    name=\"assignees\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<MemberListOption, true>\n                            isMulti\n                            className=\"min-w-[120px]\"\n                            components={{\n                                Option: CustomSelectOption,\n                                MultiValueLabel: CustomControlMulti,\n                            }}\n                            value={field.value}\n                            options={memberList as MemberListOption[]}\n                            onChange={field.onChange}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Content\"\n                invalid={Boolean(errors.content)}\n                errorMessage={errors.content?.message}\n            >\n                <Controller\n                    name=\"content\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input textArea autoComplete=\"off\" {...field} />\n                    )}\n                />\n            </FormItem>\n            <NewTaskField onAddNewTask={handleAddNewTask} />\n            <Button block variant=\"solid\" type=\"submit\" loading={isSubmiting}>\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default NewProjectForm\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"NewProjectForm.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/NewProjectForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Select from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport hooks from '@/components/ui/hooks'\nimport NewTaskField from './NewTaskField'\nimport { useProjectListStore } from '../store/projectListStore'\nimport { useForm, Controller } from 'react-hook-form'\nimport { apiPostProject } from '@/services/ProjectService'\nimport { TbChecks } from 'react-icons/tb'\nimport { components } from 'react-select'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { MemberListOption, Member, Project } from '../types'\nimport type { ZodType } from 'zod'\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\n\ntype FormSchema = {\n    title: string\n    content: string\n    assignees: {\n        img: string\n        value: string\n        label: string\n    }[]\n}\n\ntype TaskCount = {\n    completedTask?: number\n    totalTask?: number\n}\n\nconst { MultiValueLabel } = components\n\nconst { useUniqueId } = hooks\n\nconst CustomSelectOption = ({\n    innerProps,\n    label,\n    data,\n    isSelected,\n}: OptionProps<MemberListOption>) => {\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 validationSchema: ZodType<FormSchema> = z.object({\n    title: z.string().min(1, { message: 'Title required' }),\n    content: z.string().min(1, { message: 'Content required' }),\n    assignees: z.array(\n        z.object({ value: z.string(), label: z.string(), img: z.string() }),\n    ),\n})\n\nconst NewProjectForm = ({ onClose }: { onClose: () => void }) => {\n    const { memberList, updateProjectList } = useProjectListStore()\n\n    const newId = useUniqueId()\n\n    const [taskCount, setTaskCount] = useState<TaskCount>({})\n    const [isSubmiting, setSubmiting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            title: '',\n            content: '',\n            assignees: [],\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const handleAddNewTask = (count: TaskCount) => {\n        setTaskCount(count)\n    }\n\n    const onSubmit = async (formValue: FormSchema) => {\n        setSubmiting(true)\n        const { title, content, assignees } = formValue\n\n        const { totalTask, completedTask } = taskCount\n\n        const member: Member[] = cloneDeep(assignees).map((assignee) => {\n            return {\n                name: assignee.label,\n                img: assignee.img,\n            }\n        })\n\n        const values: Project = {\n            id: newId,\n            name: title,\n            desc: content,\n            totalTask: totalTask as number,\n            completedTask: completedTask as number,\n            progression:\n                ((completedTask as number) / (totalTask as number)) * 100 || 0,\n            member,\n        }\n\n        updateProjectList(values)\n        await apiPostProject(values)\n        setSubmiting(false)\n        onClose()\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Title\"\n                invalid={Boolean(errors.title)}\n                errorMessage={errors.title?.message}\n            >\n                <Controller\n                    name=\"title\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input type=\"text\" autoComplete=\"off\" {...field} />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Assignees\"\n                invalid={Boolean(errors.assignees)}\n                errorMessage={errors.assignees?.message}\n            >\n                <Controller\n                    name=\"assignees\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<MemberListOption, true>\n                            isMulti\n                            className=\"min-w-[120px]\"\n                            components={{\n                                Option: CustomSelectOption,\n                                MultiValueLabel: CustomControlMulti,\n                            }}\n                            value={field.value}\n                            options={memberList as MemberListOption[]}\n                            onChange={field.onChange}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Content\"\n                invalid={Boolean(errors.content)}\n                errorMessage={errors.content?.message}\n            >\n                <Controller\n                    name=\"content\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input textArea autoComplete=\"off\" {...field} />\n                    )}\n                />\n            </FormItem>\n            <NewTaskField onAddNewTask={handleAddNewTask} />\n            <Button block variant=\"solid\" type=\"submit\" loading={isSubmiting}>\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default NewProjectForm\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ProjectList/components/NewTaskField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewTaskField.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/NewTaskField.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useMemo } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Checkbox from '@/components/ui/Checkbox'\n\ntype Task = {\n    label?: string\n    checked: boolean\n}\n\ntype NewTaskFieldProps = {\n    onAddNewTask: (taskCount: {\n        completedTask: number\n        totalTask: number\n    }) => void\n}\n\nconst NewTaskField = ({ onAddNewTask }: NewTaskFieldProps) => {\n    const [newTaskEdit, setNewTaskEdit] = useState(false)\n    const [taskList, setTaskList] = useState<Task[]>([])\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (newTaskEdit) {\n            inputRef?.current?.focus()\n        }\n    }, [newTaskEdit])\n\n    const taskCount = useMemo(() => {\n        let completedTask = 0\n        const totalTask = taskList.length\n\n        taskList.forEach((task) => {\n            if (task.checked) {\n                completedTask = completedTask + 1\n            }\n        })\n\n        return {\n            completedTask,\n            totalTask,\n        }\n    }, [taskList])\n\n    useEffect(() => {\n        onAddNewTask(taskCount)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [taskList])\n\n    const onNewTaskEdit = () => {\n        setNewTaskEdit(true)\n    }\n\n    const onNewTaskAdd = () => {\n        const newTask = {\n            label: inputRef?.current?.value,\n            checked: false,\n        }\n        setTaskList((prevTask) => [...prevTask, newTask])\n        setNewTaskEdit(false)\n    }\n\n    const onTaskCheckChange = (checked: boolean, index: number) => {\n        setTaskList((prevTask) => {\n            const mutatedPrevTask = prevTask.map((task, taskIndex) => {\n                if (index === taskIndex) {\n                    task.checked = checked\n                }\n                return task\n            })\n            return [...mutatedPrevTask]\n        })\n    }\n\n    return (\n        <div className=\"mb-7\">\n            {taskList.length > 0 && (\n                <div className=\"flex flex-col mb-5 gap-4\">\n                    {taskList.map((task, index) => (\n                        <Checkbox\n                            key={index}\n                            defaultChecked={task.checked}\n                            onChange={(checked) =>\n                                onTaskCheckChange(checked as boolean, index)\n                            }\n                        >\n                            {task.label}\n                        </Checkbox>\n                    ))}\n                </div>\n            )}\n            {newTaskEdit ? (\n                <div className=\"flex items-center gap-2\">\n                    <Input ref={inputRef} placeholder=\"Add new task\" />\n                    <Button type=\"button\" onClick={onNewTaskAdd}>\n                        Add\n                    </Button>\n                </div>\n            ) : (\n                <Button block className=\"border-dashed\" onClick={onNewTaskEdit}>\n                    Create new task\n                </Button>\n            )}\n        </div>\n    )\n}\n\nexport default NewTaskField\n"],"names":[],"mappings":";;;;;;;AAiBA,MAAM,eAAe,CAAC,EAAE,mBAAsC;AAC1D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,CAAA,CAAE;AAE7C,QAAA,WAAW,OAAyB,IAAI;AAE9C,YAAU,MAAM;AACZ,QAAI,aAAa;AACb,gBAAU,SAAS,MAAM;AAAA,IAAA;AAAA,EAC7B,GACD,CAAC,WAAW,CAAC;AAEV,QAAA,YAAY,QAAQ,MAAM;AAC5B,QAAI,gBAAgB;AACpB,UAAM,YAAY,SAAS;AAElB,aAAA,QAAQ,CAAC,SAAS;AACvB,UAAI,KAAK,SAAS;AACd,wBAAgB,gBAAgB;AAAA,MAAA;AAAA,IACpC,CACH;AAEM,WAAA;AAAA,MACH;AAAA,MACA;AAAA,IACJ;AAAA,EAAA,GACD,CAAC,QAAQ,CAAC;AAEb,YAAU,MAAM;AACZ,iBAAa,SAAS;AAAA,EAAA,GAEvB,CAAC,QAAQ,CAAC;AAEb,QAAM,gBAAgB,MAAM;AACxB,mBAAe,IAAI;AAAA,EACvB;AAEA,QAAM,eAAe,MAAM;AACvB,UAAM,UAAU;AAAA,MACZ,OAAO,UAAU,SAAS;AAAA,MAC1B,SAAS;AAAA,IACb;AACA,gBAAY,CAAC,aAAa,CAAC,GAAG,UAAU,OAAO,CAAC;AAChD,mBAAe,KAAK;AAAA,EACxB;AAEM,QAAA,oBAAoB,CAAC,SAAkB,UAAkB;AAC3D,gBAAY,CAAC,aAAa;AACtB,YAAM,kBAAkB,SAAS,IAAI,CAAC,MAAM,cAAc;AACtD,YAAI,UAAU,WAAW;AACrB,eAAK,UAAU;AAAA,QAAA;AAEZ,eAAA;AAAA,MAAA,CACV;AACM,aAAA,CAAC,GAAG,eAAe;AAAA,IAAA,CAC7B;AAAA,EACL;AAGI,SAAA,qBAAC,OAAI,EAAA,WAAU,QACV,UAAA;AAAA,IAAS,SAAA,SAAS,KACf,oBAAC,OAAI,EAAA,WAAU,4BACV,UAAS,SAAA,IAAI,CAAC,MAAM,UACjB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,gBAAgB,KAAK;AAAA,QACrB,UAAU,CAAC,YACP,kBAAkB,SAAoB,KAAK;AAAA,QAG9C,UAAK,KAAA;AAAA,MAAA;AAAA,MAND;AAAA,IAQZ,CAAA,GACL;AAAA,IAEH,cACG,qBAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,MAAA,oBAAC,OAAM,EAAA,KAAK,UAAU,aAAY,gBAAe;AAAA,0BAChD,QAAO,EAAA,MAAK,UAAS,SAAS,cAAc,UAE7C,MAAA,CAAA;AAAA,IACJ,EAAA,CAAA,wBAEC,QAAO,EAAA,OAAK,MAAC,WAAU,iBAAgB,SAAS,eAAe,UAEhE,kBAAA,CAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"NewTaskField.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/NewTaskField.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useMemo } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Checkbox from '@/components/ui/Checkbox'\n\ntype Task = {\n    label?: string\n    checked: boolean\n}\n\ntype NewTaskFieldProps = {\n    onAddNewTask: (taskCount: {\n        completedTask: number\n        totalTask: number\n    }) => void\n}\n\nconst NewTaskField = ({ onAddNewTask }: NewTaskFieldProps) => {\n    const [newTaskEdit, setNewTaskEdit] = useState(false)\n    const [taskList, setTaskList] = useState<Task[]>([])\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (newTaskEdit) {\n            inputRef?.current?.focus()\n        }\n    }, [newTaskEdit])\n\n    const taskCount = useMemo(() => {\n        let completedTask = 0\n        const totalTask = taskList.length\n\n        taskList.forEach((task) => {\n            if (task.checked) {\n                completedTask = completedTask + 1\n            }\n        })\n\n        return {\n            completedTask,\n            totalTask,\n        }\n    }, [taskList])\n\n    useEffect(() => {\n        onAddNewTask(taskCount)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [taskList])\n\n    const onNewTaskEdit = () => {\n        setNewTaskEdit(true)\n    }\n\n    const onNewTaskAdd = () => {\n        const newTask = {\n            label: inputRef?.current?.value,\n            checked: false,\n        }\n        setTaskList((prevTask) => [...prevTask, newTask])\n        setNewTaskEdit(false)\n    }\n\n    const onTaskCheckChange = (checked: boolean, index: number) => {\n        setTaskList((prevTask) => {\n            const mutatedPrevTask = prevTask.map((task, taskIndex) => {\n                if (index === taskIndex) {\n                    task.checked = checked\n                }\n                return task\n            })\n            return [...mutatedPrevTask]\n        })\n    }\n\n    return (\n        <div className=\"mb-7\">\n            {taskList.length > 0 && (\n                <div className=\"flex flex-col mb-5 gap-4\">\n                    {taskList.map((task, index) => (\n                        <Checkbox\n                            key={index}\n                            defaultChecked={task.checked}\n                            onChange={(checked) =>\n                                onTaskCheckChange(checked as boolean, index)\n                            }\n                        >\n                            {task.label}\n                        </Checkbox>\n                    ))}\n                </div>\n            )}\n            {newTaskEdit ? (\n                <div className=\"flex items-center gap-2\">\n                    <Input ref={inputRef} placeholder=\"Add new task\" />\n                    <Button type=\"button\" onClick={onNewTaskAdd}>\n                        Add\n                    </Button>\n                </div>\n            ) : (\n                <Button block className=\"border-dashed\" onClick={onNewTaskEdit}>\n                    Create new task\n                </Button>\n            )}\n        </div>\n    )\n}\n\nexport default NewTaskField\n"],"names":[],"mappings":";;;;;;;AAiBA,MAAM,eAAe,CAAC,EAAE,mBAAsC;AAC1D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,CAAA,CAAE;AAEnD,QAAM,WAAW,OAAyB,IAAI;AAE9C,YAAU,MAAM;AACZ,QAAI,aAAa;AACb,gBAAU,SAAS,MAAA;AAAA,IACvB;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,YAAY,QAAQ,MAAM;AAC5B,QAAI,gBAAgB;AACpB,UAAM,YAAY,SAAS;AAE3B,aAAS,QAAQ,CAAC,SAAS;AACvB,UAAI,KAAK,SAAS;AACd,wBAAgB,gBAAgB;AAAA,MACpC;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,MACH;AAAA,MACA;AAAA,IAAA;AAAA,EAER,GAAG,CAAC,QAAQ,CAAC;AAEb,YAAU,MAAM;AACZ,iBAAa,SAAS;AAAA,EAE1B,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,gBAAgB,MAAM;AACxB,mBAAe,IAAI;AAAA,EACvB;AAEA,QAAM,eAAe,MAAM;AACvB,UAAM,UAAU;AAAA,MACZ,OAAO,UAAU,SAAS;AAAA,MAC1B,SAAS;AAAA,IAAA;AAEb,gBAAY,CAAC,aAAa,CAAC,GAAG,UAAU,OAAO,CAAC;AAChD,mBAAe,KAAK;AAAA,EACxB;AAEA,QAAM,oBAAoB,CAAC,SAAkB,UAAkB;AAC3D,gBAAY,CAAC,aAAa;AACtB,YAAM,kBAAkB,SAAS,IAAI,CAAC,MAAM,cAAc;AACtD,YAAI,UAAU,WAAW;AACrB,eAAK,UAAU;AAAA,QACnB;AACA,eAAO;AAAA,MACX,CAAC;AACD,aAAO,CAAC,GAAG,eAAe;AAAA,IAC9B,CAAC;AAAA,EACL;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,QACV,UAAA;AAAA,IAAA,SAAS,SAAS,KACf,oBAAC,OAAA,EAAI,WAAU,4BACV,UAAA,SAAS,IAAI,CAAC,MAAM,UACjB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,gBAAgB,KAAK;AAAA,QACrB,UAAU,CAAC,YACP,kBAAkB,SAAoB,KAAK;AAAA,QAG9C,UAAA,KAAK;AAAA,MAAA;AAAA,MAND;AAAA,IAAA,CAQZ,GACL;AAAA,IAEH,cACG,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAM,KAAK,UAAU,aAAY,gBAAe;AAAA,0BAChD,QAAA,EAAO,MAAK,UAAS,SAAS,cAAc,UAAA,MAAA,CAE7C;AAAA,IAAA,EAAA,CACJ,wBAEC,QAAA,EAAO,OAAK,MAAC,WAAU,iBAAgB,SAAS,eAAe,UAAA,kBAAA,CAEhE;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectList/components/ProgressionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressionBar.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/ProgressionBar.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Progress from '@/components/ui/Progress'\n\ntype ProgressionBarProps = {\n    progression: number\n}\n\nconst ProgressionBar = ({ progression }: ProgressionBarProps) => {\n    const progressExtraProps = useMemo(() => {\n        if (progression > 70) {\n            return { customColorClass: 'bg-success' }\n        }\n\n        if (progression < 40) {\n            return { customColorClass: 'bg-error' }\n        }\n\n        return { customColorClass: 'bg-amber-400' }\n    }, [progression])\n\n    return <Progress size=\"sm\" percent={progression} {...progressExtraProps} />\n}\n\nexport default ProgressionBar\n"],"names":[],"mappings":";;;;AAOA,MAAM,iBAAiB,CAAC,EAAE,kBAAuC;AACvD,QAAA,qBAAqB,QAAQ,MAAM;AACrC,QAAI,cAAc,IAAI;AACX,aAAA,EAAE,kBAAkB,aAAa;AAAA,IAAA;AAG5C,QAAI,cAAc,IAAI;AACX,aAAA,EAAE,kBAAkB,WAAW;AAAA,IAAA;AAGnC,WAAA,EAAE,kBAAkB,eAAe;AAAA,EAAA,GAC3C,CAAC,WAAW,CAAC;AAEhB,6BAAQ,UAAS,EAAA,MAAK,MAAK,SAAS,aAAc,GAAG,oBAAoB;AAC7E;"}
+{"version":3,"file":"ProgressionBar.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/ProgressionBar.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Progress from '@/components/ui/Progress'\n\ntype ProgressionBarProps = {\n    progression: number\n}\n\nconst ProgressionBar = ({ progression }: ProgressionBarProps) => {\n    const progressExtraProps = useMemo(() => {\n        if (progression > 70) {\n            return { customColorClass: 'bg-success' }\n        }\n\n        if (progression < 40) {\n            return { customColorClass: 'bg-error' }\n        }\n\n        return { customColorClass: 'bg-amber-400' }\n    }, [progression])\n\n    return <Progress size=\"sm\" percent={progression} {...progressExtraProps} />\n}\n\nexport default ProgressionBar\n"],"names":[],"mappings":";;;;AAOA,MAAM,iBAAiB,CAAC,EAAE,kBAAuC;AAC7D,QAAM,qBAAqB,QAAQ,MAAM;AACrC,QAAI,cAAc,IAAI;AAClB,aAAO,EAAE,kBAAkB,aAAA;AAAA,IAC/B;AAEA,QAAI,cAAc,IAAI;AAClB,aAAO,EAAE,kBAAkB,WAAA;AAAA,IAC/B;AAEA,WAAO,EAAE,kBAAkB,eAAA;AAAA,EAC/B,GAAG,CAAC,WAAW,CAAC;AAEhB,6BAAQ,UAAA,EAAS,MAAK,MAAK,SAAS,aAAc,GAAG,oBAAoB;AAC7E;"}

package/dist/@ecme/views/concepts/projects/ProjectList/components/ProjectListContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectListContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/ProjectListContent.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport { Link } from 'react-router-dom'\nimport ProgressionBar from './ProgressionBar'\nimport { useProjectListStore } from '../store/projectListStore'\nimport { apiGetProjects } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport { TbClipboardCheck, TbStarFilled, TbStar } from 'react-icons/tb'\nimport type { GetProjectListResponse } from '../types'\n\nconst ProjectListContent = () => {\n    const { projectList, updateProjectFavorite, setProjectList } =\n        useProjectListStore()\n\n    useSWR(['/api/projects'], () => apiGetProjects<GetProjectListResponse>(), {\n        revalidateOnFocus: false,\n        revalidateIfStale: false,\n        revalidateOnReconnect: false,\n        onSuccess: (data) => {\n            setProjectList(data)\n        },\n    })\n\n    const handleToggleFavorite = (id: string, value: boolean) => {\n        updateProjectFavorite({ id, value })\n    }\n\n    return (\n        <div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-3\">Favorite</h5>\n                <div className=\"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n                    {projectList\n                        ?.filter((project) => project.favourite)\n                        .map((project) => (\n                            <Card key={project.id} bodyClass=\"h-full\">\n                                <div className=\"flex flex-col justify-between h-full\">\n                                    <div className=\"flex justify-between items-center\">\n                                        <Link\n                                            to={`/concepts/projects/project-details/${project.id}`}\n                                        >\n                                            <h6 className=\"font-bold hover:text-primary\">\n                                                {project.name}\n                                            </h6>\n                                        </Link>\n                                        <div\n                                            className=\"text-amber-400 cursor-pointer text-lg\"\n                                            role=\"button\"\n                                            onClick={() =>\n                                                handleToggleFavorite(\n                                                    project.id,\n                                                    false,\n                                                )\n                                            }\n                                        >\n                                            <TbStarFilled />\n                                        </div>\n                                    </div>\n                                    <p className=\"mt-4\">{project.desc}</p>\n                                    <div className=\"mt-3\">\n                                        <ProgressionBar\n                                            progression={project.progression}\n                                        />\n                                        <div className=\"flex items-center justify-between mt-2\">\n                                            <UsersAvatarGroup\n                                                users={project.member}\n                                            />\n                                            <div className=\"flex items-center rounded-full font-semibold text-xs\">\n                                                <div className=\"flex items-center px-2 py-1 border border-gray-300 rounded-full\">\n                                                    <TbClipboardCheck className=\"text-base\" />\n                                                    <span className=\"ml-1 rtl:mr-1 whitespace-nowrap\">\n                                                        {project.completedTask}{' '}\n                                                        / {project.totalTask}\n                                                    </span>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </Card>\n                        ))}\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-3\">Other projects</h5>\n                <div className=\"flex flex-col gap-4\">\n                    {projectList\n                        ?.filter((project) => !project.favourite)\n                        .map((project) => (\n                            <Card key={project.id}>\n                                <div className=\"grid gap-x-4 grid-cols-12\">\n                                    <div className=\"my-1 sm:my-0 col-span-12 sm:col-span-2 md:col-span-3 lg:col-span-3 md:flex md:items-center\">\n                                        <div className=\"flex flex-col\">\n                                            <h6 className=\"font-bold hover:text-primary\">\n                                                <Link\n                                                    to={`/concepts/projects/project-details/${project.id}`}\n                                                >\n                                                    {project.name}\n                                                </Link>\n                                            </h6>\n                                            <span>{project.category}</span>\n                                        </div>\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 sm:col-span-2 md:col-span-2 lg:col-span-2 md:flex md:items-center md:justify-end\">\n                                        <div className=\"inline-flex items-center px-2 py-1 border border-gray-300 rounded-full\">\n                                            <TbClipboardCheck className=\"text-base\" />\n                                            <span className=\"ml-1 rtl:mr-1 whitespace-nowrap\">\n                                                {project.completedTask} /{' '}\n                                                {project.totalTask}\n                                            </span>\n                                        </div>\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 md:col-span-2 lg:col-span-3 md:flex md:items-center\">\n                                        <ProgressionBar\n                                            progression={project.progression}\n                                        />\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 md:col-span-3 lg:col-span-3 md:flex md:items-center\">\n                                        <UsersAvatarGroup\n                                            users={project.member}\n                                        />\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 sm:col-span-1 flex md:items-center justify-end\">\n                                        <div\n                                            className=\"cursor-pointer text-lg\"\n                                            role=\"button\"\n                                            onClick={() =>\n                                                handleToggleFavorite(\n                                                    project.id,\n                                                    true,\n                                                )\n                                            }\n                                        >\n                                            <TbStar />\n                                        </div>\n                                    </div>\n                                </div>\n                            </Card>\n                        ))}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default ProjectListContent\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProjectListContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/ProjectListContent.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport { Link } from 'react-router-dom'\nimport ProgressionBar from './ProgressionBar'\nimport { useProjectListStore } from '../store/projectListStore'\nimport { apiGetProjects } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport { TbClipboardCheck, TbStarFilled, TbStar } from 'react-icons/tb'\nimport type { GetProjectListResponse } from '../types'\n\nconst ProjectListContent = () => {\n    const { projectList, updateProjectFavorite, setProjectList } =\n        useProjectListStore()\n\n    useSWR(['/api/projects'], () => apiGetProjects<GetProjectListResponse>(), {\n        revalidateOnFocus: false,\n        revalidateIfStale: false,\n        revalidateOnReconnect: false,\n        onSuccess: (data) => {\n            setProjectList(data)\n        },\n    })\n\n    const handleToggleFavorite = (id: string, value: boolean) => {\n        updateProjectFavorite({ id, value })\n    }\n\n    return (\n        <div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-3\">Favorite</h5>\n                <div className=\"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n                    {projectList\n                        ?.filter((project) => project.favourite)\n                        .map((project) => (\n                            <Card key={project.id} bodyClass=\"h-full\">\n                                <div className=\"flex flex-col justify-between h-full\">\n                                    <div className=\"flex justify-between items-center\">\n                                        <Link\n                                            to={`/concepts/projects/project-details/${project.id}`}\n                                        >\n                                            <h6 className=\"font-bold hover:text-primary\">\n                                                {project.name}\n                                            </h6>\n                                        </Link>\n                                        <div\n                                            className=\"text-amber-400 cursor-pointer text-lg\"\n                                            role=\"button\"\n                                            onClick={() =>\n                                                handleToggleFavorite(\n                                                    project.id,\n                                                    false,\n                                                )\n                                            }\n                                        >\n                                            <TbStarFilled />\n                                        </div>\n                                    </div>\n                                    <p className=\"mt-4\">{project.desc}</p>\n                                    <div className=\"mt-3\">\n                                        <ProgressionBar\n                                            progression={project.progression}\n                                        />\n                                        <div className=\"flex items-center justify-between mt-2\">\n                                            <UsersAvatarGroup\n                                                users={project.member}\n                                            />\n                                            <div className=\"flex items-center rounded-full font-semibold text-xs\">\n                                                <div className=\"flex items-center px-2 py-1 border border-gray-300 rounded-full\">\n                                                    <TbClipboardCheck className=\"text-base\" />\n                                                    <span className=\"ml-1 rtl:mr-1 whitespace-nowrap\">\n                                                        {project.completedTask}{' '}\n                                                        / {project.totalTask}\n                                                    </span>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </Card>\n                        ))}\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-3\">Other projects</h5>\n                <div className=\"flex flex-col gap-4\">\n                    {projectList\n                        ?.filter((project) => !project.favourite)\n                        .map((project) => (\n                            <Card key={project.id}>\n                                <div className=\"grid gap-x-4 grid-cols-12\">\n                                    <div className=\"my-1 sm:my-0 col-span-12 sm:col-span-2 md:col-span-3 lg:col-span-3 md:flex md:items-center\">\n                                        <div className=\"flex flex-col\">\n                                            <h6 className=\"font-bold hover:text-primary\">\n                                                <Link\n                                                    to={`/concepts/projects/project-details/${project.id}`}\n                                                >\n                                                    {project.name}\n                                                </Link>\n                                            </h6>\n                                            <span>{project.category}</span>\n                                        </div>\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 sm:col-span-2 md:col-span-2 lg:col-span-2 md:flex md:items-center md:justify-end\">\n                                        <div className=\"inline-flex items-center px-2 py-1 border border-gray-300 rounded-full\">\n                                            <TbClipboardCheck className=\"text-base\" />\n                                            <span className=\"ml-1 rtl:mr-1 whitespace-nowrap\">\n                                                {project.completedTask} /{' '}\n                                                {project.totalTask}\n                                            </span>\n                                        </div>\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 md:col-span-2 lg:col-span-3 md:flex md:items-center\">\n                                        <ProgressionBar\n                                            progression={project.progression}\n                                        />\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 md:col-span-3 lg:col-span-3 md:flex md:items-center\">\n                                        <UsersAvatarGroup\n                                            users={project.member}\n                                        />\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 sm:col-span-1 flex md:items-center justify-end\">\n                                        <div\n                                            className=\"cursor-pointer text-lg\"\n                                            role=\"button\"\n                                            onClick={() =>\n                                                handleToggleFavorite(\n                                                    project.id,\n                                                    true,\n                                                )\n                                            }\n                                        >\n                                            <TbStar />\n                                        </div>\n                                    </div>\n                                </div>\n                            </Card>\n                        ))}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default ProjectListContent\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ProjectList/components/ProjectListHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectListHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/ProjectListHeader.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport NewProjectForm from './NewProjectForm'\nimport { useProjectListStore } from '../store/projectListStore'\nimport { apiGetProjectMembers } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport type { GetProjectMembersResponse } from '../types'\n\nconst ProjectListHeader = () => {\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const { setMembers } = useProjectListStore()\n\n    useSWR(\n        ['/api/projects/members'],\n        () => apiGetProjectMembers<GetProjectMembersResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n            onSuccess: (data) => {\n                const members = data?.allMembers.map((item) => ({\n                    value: item.id,\n                    label: item.name,\n                    img: item.img,\n                }))\n                setMembers(members)\n            },\n        },\n    )\n\n    return (\n        <>\n            <div className=\"flex items-center justify-between gap-4\">\n                <h3>Projects</h3>\n                <div>\n                    <Button variant=\"solid\" onClick={() => setDialogOpen(true)}>\n                        Create project\n                    </Button>\n                </div>\n            </div>\n            <Dialog isOpen={dialogOpen} onClose={() => setDialogOpen(false)}>\n                <h4>Add new project</h4>\n                <div className=\"mt-4\">\n                    <NewProjectForm onClose={() => setDialogOpen(false)} />\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default ProjectListHeader\n"],"names":[],"mappings":";;;;;;;;;;AASA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAE5C,QAAA,EAAE,WAAW,IAAI,oBAAoB;AAE3C;AAAA,IACI,CAAC,uBAAuB;AAAA,IACxB,MAAM,qBAAgD;AAAA,IACtD;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,cAAM,UAAU,MAAM,WAAW,IAAI,CAAC,UAAU;AAAA,UAC5C,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,UACZ,KAAK,KAAK;AAAA,QAAA,EACZ;AACF,mBAAW,OAAO;AAAA,MAAA;AAAA,IACtB;AAAA,EAER;AAEA,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAQ,WAAA,CAAA;AAAA,MACX,oBAAA,OAAA,EACG,UAAC,oBAAA,QAAA,EAAO,SAAQ,SAAQ,SAAS,MAAM,cAAc,IAAI,GAAG,UAAA,iBAAA,CAE5D,EACJ,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,UAAO,QAAQ,YAAY,SAAS,MAAM,cAAc,KAAK,GAC1D,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,MACnB,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA,oBAAC,gBAAe,EAAA,SAAS,MAAM,cAAc,KAAK,EAAG,CAAA,EACzD,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ProjectListHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/ProjectListHeader.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport NewProjectForm from './NewProjectForm'\nimport { useProjectListStore } from '../store/projectListStore'\nimport { apiGetProjectMembers } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport type { GetProjectMembersResponse } from '../types'\n\nconst ProjectListHeader = () => {\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const { setMembers } = useProjectListStore()\n\n    useSWR(\n        ['/api/projects/members'],\n        () => apiGetProjectMembers<GetProjectMembersResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n            onSuccess: (data) => {\n                const members = data?.allMembers.map((item) => ({\n                    value: item.id,\n                    label: item.name,\n                    img: item.img,\n                }))\n                setMembers(members)\n            },\n        },\n    )\n\n    return (\n        <>\n            <div className=\"flex items-center justify-between gap-4\">\n                <h3>Projects</h3>\n                <div>\n                    <Button variant=\"solid\" onClick={() => setDialogOpen(true)}>\n                        Create project\n                    </Button>\n                </div>\n            </div>\n            <Dialog isOpen={dialogOpen} onClose={() => setDialogOpen(false)}>\n                <h4>Add new project</h4>\n                <div className=\"mt-4\">\n                    <NewProjectForm onClose={() => setDialogOpen(false)} />\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default ProjectListHeader\n"],"names":[],"mappings":";;;;;;;;;;AASA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,EAAE,WAAA,IAAe,oBAAA;AAEvB;AAAA,IACI,CAAC,uBAAuB;AAAA,IACxB,MAAM,qBAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,cAAM,UAAU,MAAM,WAAW,IAAI,CAAC,UAAU;AAAA,UAC5C,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,UACZ,KAAK,KAAK;AAAA,QAAA,EACZ;AACF,mBAAW,OAAO;AAAA,MACtB;AAAA,IAAA;AAAA,EACJ;AAGJ,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,MACZ,oBAAC,OAAA,EACG,UAAA,oBAAC,QAAA,EAAO,SAAQ,SAAQ,SAAS,MAAM,cAAc,IAAI,GAAG,UAAA,iBAAA,CAE5D,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,UAAO,QAAQ,YAAY,SAAS,MAAM,cAAc,KAAK,GAC1D,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,MACnB,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,gBAAA,EAAe,SAAS,MAAM,cAAc,KAAK,EAAA,CAAG,EAAA,CACzD;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectList/hooks/useProjectList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProjectList.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/hooks/useProjectList.ts"],"sourcesContent":["import useSWR from 'swr'\nimport { apiGetProjects, apiGetProjectMembers } from '@/services/ProjectService'\nimport { useProjectListStore } from '../store/projectListStore'\nimport type {\n    GetProjectListResponse,\n    GetProjectMembersResponse,\n} from '../types'\n\nconst useProjectList = () => {\n    const { setProjectList, setMembers } = useProjectListStore()\n\n    const { isLoading: fetchingProjectList } = useSWR(\n        ['/api/projects/scrum-board'],\n        () => apiGetProjects<GetProjectListResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n            onSuccess: (data) => {\n                setProjectList(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                const members = data?.allMembers.map((item) => ({\n                    value: item.id,\n                    label: item.name,\n                    img: item.img,\n                }))\n                setMembers(members)\n            },\n        },\n    )\n\n    return {\n        fetchingProjectList,\n    }\n}\n\nexport default useProjectList\n"],"names":[],"mappings":";;;AAQA,MAAM,iBAAiB,MAAM;AACzB,QAAM,EAAE,gBAAgB,WAAW,IAAI,oBAAoB;AAErD,QAAA,EAAE,WAAW,oBAAA,IAAwB;AAAA,IACvC,CAAC,2BAA2B;AAAA,IAC5B,MAAM,eAAuC;AAAA,IAC7C;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,uBAAe,IAAI;AAAA,MAAA;AAAA,IACvB;AAAA,EAER;AAEA;AAAA,IACI,CAAC,mCAAmC;AAAA,IACpC,MAAM,qBAAgD;AAAA,IACtD;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,cAAM,UAAU,MAAM,WAAW,IAAI,CAAC,UAAU;AAAA,UAC5C,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,UACZ,KAAK,KAAK;AAAA,QAAA,EACZ;AACF,mBAAW,OAAO;AAAA,MAAA;AAAA,IACtB;AAAA,EAER;AAEO,SAAA;AAAA,IACH;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"useProjectList.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/hooks/useProjectList.ts"],"sourcesContent":["import useSWR from 'swr'\nimport { apiGetProjects, apiGetProjectMembers } from '@/services/ProjectService'\nimport { useProjectListStore } from '../store/projectListStore'\nimport type {\n    GetProjectListResponse,\n    GetProjectMembersResponse,\n} from '../types'\n\nconst useProjectList = () => {\n    const { setProjectList, setMembers } = useProjectListStore()\n\n    const { isLoading: fetchingProjectList } = useSWR(\n        ['/api/projects/scrum-board'],\n        () => apiGetProjects<GetProjectListResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n            onSuccess: (data) => {\n                setProjectList(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                const members = data?.allMembers.map((item) => ({\n                    value: item.id,\n                    label: item.name,\n                    img: item.img,\n                }))\n                setMembers(members)\n            },\n        },\n    )\n\n    return {\n        fetchingProjectList,\n    }\n}\n\nexport default useProjectList\n"],"names":[],"mappings":";;;AAQA,MAAM,iBAAiB,MAAM;AACzB,QAAM,EAAE,gBAAgB,WAAA,IAAe,oBAAA;AAEvC,QAAM,EAAE,WAAW,oBAAA,IAAwB;AAAA,IACvC,CAAC,2BAA2B;AAAA,IAC5B,MAAM,eAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAAC,SAAS;AACjB,uBAAe,IAAI;AAAA,MACvB;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,cAAM,UAAU,MAAM,WAAW,IAAI,CAAC,UAAU;AAAA,UAC5C,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,UACZ,KAAK,KAAK;AAAA,QAAA,EACZ;AACF,mBAAW,OAAO;AAAA,MACtB;AAAA,IAAA;AAAA,EACJ;AAGJ,SAAO;AAAA,IACH;AAAA,EAAA;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectList/store/projectListStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"projectListStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/store/projectListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { ProjectList, Project, MemberListOption } from '../types'\n\nexport type ProjectListState = {\n    projectList: ProjectList\n    memberList: MemberListOption[]\n    newProjectDialog: boolean\n}\n\ntype ProjectListAction = {\n    setProjectList: (payload: ProjectList) => void\n    updateProjectList: (payload: Project) => void\n    updateProjectFavorite: (payload: { id: string; value: boolean }) => void\n    setMembers: (payload: MemberListOption[]) => void\n}\n\nconst initialState: ProjectListState = {\n    projectList: [],\n    memberList: [],\n    newProjectDialog: false,\n}\n\nexport const useProjectListStore = create<ProjectListState & ProjectListAction>(\n    (set) => ({\n        ...initialState,\n        setProjectList: (payload) => set(() => ({ projectList: payload })),\n        updateProjectList: (payload) =>\n            set((state) => ({\n                projectList: [...state.projectList, ...[payload]],\n            })),\n        updateProjectFavorite: (payload) =>\n            set((state) => {\n                const { id, value } = payload\n                const newList = state.projectList.map((project) => {\n                    if (project.id === id) {\n                        project.favourite = value\n                    }\n                    return project\n                })\n\n                return {\n                    projectList: [...newList],\n                }\n            }),\n        setMembers: (payload) => set(() => ({ memberList: payload })),\n    }),\n)\n"],"names":[],"mappings":";AAgBA,MAAM,eAAiC;AAAA,EACnC,aAAa,CAAC;AAAA,EACd,YAAY,CAAC;AAAA,EACb,kBAAkB;AACtB;AAEO,MAAM,sBAAsB;AAAA,EAC/B,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,gBAAgB,CAAC,YAAY,IAAI,OAAO,EAAE,aAAa,UAAU;AAAA,IACjE,mBAAmB,CAAC,YAChB,IAAI,CAAC,WAAW;AAAA,MACZ,aAAa,CAAC,GAAG,MAAM,aAAa,GAAG,CAAC,OAAO,CAAC;AAAA,IAAA,EAClD;AAAA,IACN,uBAAuB,CAAC,YACpB,IAAI,CAAC,UAAU;AACL,YAAA,EAAE,IAAI,MAAA,IAAU;AACtB,YAAM,UAAU,MAAM,YAAY,IAAI,CAAC,YAAY;AAC3C,YAAA,QAAQ,OAAO,IAAI;AACnB,kBAAQ,YAAY;AAAA,QAAA;AAEjB,eAAA;AAAA,MAAA,CACV;AAEM,aAAA;AAAA,QACH,aAAa,CAAC,GAAG,OAAO;AAAA,MAC5B;AAAA,IAAA,CACH;AAAA,IACL,YAAY,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,EAChE;AACJ;"}
+{"version":3,"file":"projectListStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/store/projectListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { ProjectList, Project, MemberListOption } from '../types'\n\nexport type ProjectListState = {\n    projectList: ProjectList\n    memberList: MemberListOption[]\n    newProjectDialog: boolean\n}\n\ntype ProjectListAction = {\n    setProjectList: (payload: ProjectList) => void\n    updateProjectList: (payload: Project) => void\n    updateProjectFavorite: (payload: { id: string; value: boolean }) => void\n    setMembers: (payload: MemberListOption[]) => void\n}\n\nconst initialState: ProjectListState = {\n    projectList: [],\n    memberList: [],\n    newProjectDialog: false,\n}\n\nexport const useProjectListStore = create<ProjectListState & ProjectListAction>(\n    (set) => ({\n        ...initialState,\n        setProjectList: (payload) => set(() => ({ projectList: payload })),\n        updateProjectList: (payload) =>\n            set((state) => ({\n                projectList: [...state.projectList, ...[payload]],\n            })),\n        updateProjectFavorite: (payload) =>\n            set((state) => {\n                const { id, value } = payload\n                const newList = state.projectList.map((project) => {\n                    if (project.id === id) {\n                        project.favourite = value\n                    }\n                    return project\n                })\n\n                return {\n                    projectList: [...newList],\n                }\n            }),\n        setMembers: (payload) => set(() => ({ memberList: payload })),\n    }),\n)\n"],"names":[],"mappings":";AAgBA,MAAM,eAAiC;AAAA,EACnC,aAAa,CAAA;AAAA,EACb,YAAY,CAAA;AAAA,EACZ,kBAAkB;AACtB;AAEO,MAAM,sBAAsB;AAAA,EAC/B,CAAC,SAAS;AAAA,IACN,GAAG;AAAA,IACH,gBAAgB,CAAC,YAAY,IAAI,OAAO,EAAE,aAAa,UAAU;AAAA,IACjE,mBAAmB,CAAC,YAChB,IAAI,CAAC,WAAW;AAAA,MACZ,aAAa,CAAC,GAAG,MAAM,aAAa,GAAG,CAAC,OAAO,CAAC;AAAA,IAAA,EAClD;AAAA,IACN,uBAAuB,CAAC,YACpB,IAAI,CAAC,UAAU;AACX,YAAM,EAAE,IAAI,MAAA,IAAU;AACtB,YAAM,UAAU,MAAM,YAAY,IAAI,CAAC,YAAY;AAC/C,YAAI,QAAQ,OAAO,IAAI;AACnB,kBAAQ,YAAY;AAAA,QACxB;AACA,eAAO;AAAA,MACX,CAAC;AAED,aAAO;AAAA,QACH,aAAa,CAAC,GAAG,OAAO;AAAA,MAAA;AAAA,IAEhC,CAAC;AAAA,IACL,YAAY,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,EAAA;AAEpE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScrumBoard.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/ScrumBoard.tsx"],"sourcesContent":["import Board from './components/Board'\n\nconst ScrumBoard = () => <Board />\n\nexport default ScrumBoard\n"],"names":[],"mappings":";;AAEM,MAAA,aAAa,MAAM,oBAAC,OAAM,CAAA,CAAA;"}
+{"version":3,"file":"ScrumBoard.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/ScrumBoard.tsx"],"sourcesContent":["import Board from './components/Board'\n\nconst ScrumBoard = () => <Board />\n\nexport default ScrumBoard\n"],"names":[],"mappings":";;AAEA,MAAM,aAAa,MAAM,oBAAC,OAAA,CAAA,CAAM;"}

package/dist/@ecme/views/concepts/projects/ScrumBoard/components/AddNewColumnContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddNewColumnContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/AddNewColumnContent.tsx"],"sourcesContent":["import { Form, FormItem } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { useScrumBoardStore } from '../store/scrumBoardStore'\nimport sleep from '@/utils/sleep'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport cloneDeep from 'lodash/cloneDeep'\nimport type { ZodType } from 'zod'\nimport type { Columns } from '../types'\n\ntype FormSchema = {\n    title: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    title: z.string().min(1, 'Column title is required!'),\n})\n\nconst AddNewColumnContent = () => {\n    const {\n        columns,\n        ordered,\n        closeDialog,\n        updateColumns,\n        resetView,\n        updateOrdered,\n    } = useScrumBoardStore()\n\n    const {\n        control,\n        formState: { errors },\n        handleSubmit,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            title: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onFormSubmit = async ({ title }: FormSchema) => {\n        const data = cloneDeep(columns)\n        data[title ? title : 'Untitled Board'] = []\n        const newOrdered = [...ordered, ...[title ? title : 'Untitled Board']]\n        const newColumns: Columns = {}\n\n        newOrdered.forEach((elm) => {\n            newColumns[elm] = data[elm]\n        })\n\n        updateColumns(newColumns)\n        updateOrdered(newOrdered)\n        closeDialog()\n        await sleep(500)\n        resetView()\n    }\n\n    return (\n        <div>\n            <h5>Add New Column</h5>\n            <div className=\"mt-8\">\n                <Form layout=\"inline\" onSubmit={handleSubmit(onFormSubmit)}>\n                    <FormItem\n                        label=\"Column title\"\n                        invalid={Boolean(errors.title)}\n                        errorMessage={errors.title?.message}\n                    >\n                        <Controller\n                            name=\"title\"\n                            control={control}\n                            rules={{ required: true }}\n                            render={({ field }) => (\n                                <Input\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem>\n                        <Button variant=\"solid\" type=\"submit\">\n                            Add\n                        </Button>\n                    </FormItem>\n                </Form>\n            </div>\n        </div>\n    )\n}\n\nexport default AddNewColumnContent\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,OAAO,EAAE,OAAS,EAAA,IAAI,GAAG,2BAA2B;AACxD,CAAC;AAED,MAAM,sBAAsB,MAAM;AACxB,QAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACA,mBAAmB;AAEjB,QAAA;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,IACpB;AAAA,MACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO;AAAA,IACX;AAAA,IACA,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,QAAM,eAAe,OAAO,EAAE,YAAwB;AAC5C,UAAA,OAAO,UAAU,OAAO;AAC9B,SAAK,QAAQ,QAAQ,gBAAgB,IAAI,CAAC;AACpC,UAAA,aAAa,CAAC,GAAG,SAAS,GAAG,CAAC,QAAQ,QAAQ,gBAAgB,CAAC;AACrE,UAAM,aAAsB,CAAC;AAElB,eAAA,QAAQ,CAAC,QAAQ;AACb,iBAAA,GAAG,IAAI,KAAK,GAAG;AAAA,IAAA,CAC7B;AAED,kBAAc,UAAU;AACxB,kBAAc,UAAU;AACZ,gBAAA;AACZ,UAAM,MAAM,GAAG;AACL,cAAA;AAAA,EACd;AAEA,8BACK,OACG,EAAA,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAc,iBAAA,CAAA;AAAA,IAClB,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA,qBAAC,MAAK,EAAA,QAAO,UAAS,UAAU,aAAa,YAAY,GACrD,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,KAAK;AAAA,UAC7B,cAAc,OAAO,OAAO;AAAA,UAE5B,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,OAAO,EAAE,UAAU,KAAK;AAAA,cACxB,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,cAAa;AAAA,kBACZ,GAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAER;AAAA,MACJ;AAAA,MACA,oBAAC,YACG,UAAC,oBAAA,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,MAEtC,CAAA,EACJ,CAAA;AAAA,IAAA,EAAA,CACJ,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"AddNewColumnContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ScrumBoard/components/AddNewColumnContent.tsx"],"sourcesContent":["import { Form, FormItem } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { useScrumBoardStore } from '../store/scrumBoardStore'\nimport sleep from '@/utils/sleep'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport cloneDeep from 'lodash/cloneDeep'\nimport type { ZodType } from 'zod'\nimport type { Columns } from '../types'\n\ntype FormSchema = {\n    title: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    title: z.string().min(1, 'Column title is required!'),\n})\n\nconst AddNewColumnContent = () => {\n    const {\n        columns,\n        ordered,\n        closeDialog,\n        updateColumns,\n        resetView,\n        updateOrdered,\n    } = useScrumBoardStore()\n\n    const {\n        control,\n        formState: { errors },\n        handleSubmit,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            title: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onFormSubmit = async ({ title }: FormSchema) => {\n        const data = cloneDeep(columns)\n        data[title ? title : 'Untitled Board'] = []\n        const newOrdered = [...ordered, ...[title ? title : 'Untitled Board']]\n        const newColumns: Columns = {}\n\n        newOrdered.forEach((elm) => {\n            newColumns[elm] = data[elm]\n        })\n\n        updateColumns(newColumns)\n        updateOrdered(newOrdered)\n        closeDialog()\n        await sleep(500)\n        resetView()\n    }\n\n    return (\n        <div>\n            <h5>Add New Column</h5>\n            <div className=\"mt-8\">\n                <Form layout=\"inline\" onSubmit={handleSubmit(onFormSubmit)}>\n                    <FormItem\n                        label=\"Column title\"\n                        invalid={Boolean(errors.title)}\n                        errorMessage={errors.title?.message}\n                    >\n                        <Controller\n                            name=\"title\"\n                            control={control}\n                            rules={{ required: true }}\n                            render={({ field }) => (\n                                <Input\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem>\n                        <Button variant=\"solid\" type=\"submit\">\n                            Add\n                        </Button>\n                    </FormItem>\n                </Form>\n            </div>\n        </div>\n    )\n}\n\nexport default AddNewColumnContent\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,OAAO,EAAE,OAAA,EAAS,IAAI,GAAG,2BAA2B;AACxD,CAAC;AAED,MAAM,sBAAsB,MAAM;AAC9B,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,mBAAA;AAEJ,QAAM;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,EAAA,IACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO;AAAA,IAAA;AAAA,IAEX,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,QAAM,eAAe,OAAO,EAAE,YAAwB;AAClD,UAAM,OAAO,UAAU,OAAO;AAC9B,SAAK,QAAQ,QAAQ,gBAAgB,IAAI,CAAA;AACzC,UAAM,aAAa,CAAC,GAAG,SAAS,GAAG,CAAC,QAAQ,QAAQ,gBAAgB,CAAC;AACrE,UAAM,aAAsB,CAAA;AAE5B,eAAW,QAAQ,CAAC,QAAQ;AACxB,iBAAW,GAAG,IAAI,KAAK,GAAG;AAAA,IAC9B,CAAC;AAED,kBAAc,UAAU;AACxB,kBAAc,UAAU;AACxB,gBAAA;AACA,UAAM,MAAM,GAAG;AACf,cAAA;AAAA,EACJ;AAEA,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,iBAAA,CAAc;AAAA,IAClB,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,qBAAC,MAAA,EAAK,QAAO,UAAS,UAAU,aAAa,YAAY,GACrD,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,QAAQ,OAAO,KAAK;AAAA,UAC7B,cAAc,OAAO,OAAO;AAAA,UAE5B,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,OAAO,EAAE,UAAU,KAAA;AAAA,cACnB,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,cAAa;AAAA,kBACZ,GAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,MAEJ,oBAAC,YACG,UAAA,oBAAC,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,MAAA,CAEtC,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}