@orbe-agro/client-core 5.3.9 → 5.3.11

package/dist/@ecme/views/concepts/products/ProductForm/components/ImageSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/ImageSection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Upload from '@/components/ui/Upload'\nimport { FormItem } from '@/components/ui/Form'\nimport Dialog from '@/components/ui/Dialog'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { Controller } from 'react-hook-form'\nimport { HiEye, HiTrash } from 'react-icons/hi'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { PiImagesThin } from 'react-icons/pi'\n\nimport type { FormSectionBaseProps } from '../types'\n\ntype ImageSectionProps = FormSectionBaseProps\n\ntype Image = {\n    id: string\n    name: string\n    img: string\n}\n\ntype ImageListProps = {\n    imgList: Image[]\n    onImageDelete: (img: Image) => void\n}\n\nconst ImageList = (props: ImageListProps) => {\n    const { imgList, onImageDelete } = props\n\n    const [selectedImg, setSelectedImg] = useState<Image>({} as Image)\n    const [viewOpen, setViewOpen] = useState(false)\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const onViewOpen = (img: Image) => {\n        setSelectedImg(img)\n        setViewOpen(true)\n    }\n\n    const onDialogClose = () => {\n        setViewOpen(false)\n        setTimeout(() => {\n            setSelectedImg({} as Image)\n        }, 300)\n    }\n\n    const onDeleteConfirmation = (img: Image) => {\n        setSelectedImg(img)\n        setDeleteConfirmationOpen(true)\n    }\n\n    const onDeleteConfirmationClose = () => {\n        setSelectedImg({} as Image)\n        setDeleteConfirmationOpen(false)\n    }\n\n    const onDelete = () => {\n        onImageDelete?.(selectedImg)\n        setDeleteConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            {imgList.map((img) => (\n                <div\n                    key={img.id}\n                    className=\"group relative rounded-xl border border-gray-200 dark:border-gray-600 p-2 flex\"\n                >\n                    <img\n                        className=\"rounded-lg max-h-[140px] mx-auto max-w-full dark:bg-transparent\"\n                        src={img.img}\n                        alt={img.name}\n                    />\n                    <div className=\"absolute inset-2 bg-[#000000ba] group-hover:flex hidden text-xl items-center justify-center\">\n                        <span\n                            className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\n                            onClick={() => onViewOpen(img)}\n                        >\n                            <HiEye />\n                        </span>\n                        <span\n                            className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\n                            onClick={() => onDeleteConfirmation(img)}\n                        >\n                            <HiTrash />\n                        </span>\n                    </div>\n                </div>\n            ))}\n            <Dialog\n                isOpen={viewOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">{selectedImg.name}</h5>\n                <img\n                    className=\"w-full\"\n                    src={selectedImg.img}\n                    alt={selectedImg.name}\n                />\n            </Dialog>\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove image\"\n                onClose={onDeleteConfirmationClose}\n                onRequestClose={onDeleteConfirmationClose}\n                onCancel={onDeleteConfirmationClose}\n                onConfirm={onDelete}\n            >\n                <p> Are you sure you want to remove this image? </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nconst ImageSection = ({ control, errors }: ImageSectionProps) => {\n    const beforeUpload = (file: FileList | null) => {\n        let valid: boolean | string = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        const maxFileSize = 500000\n\n        if (file) {\n            for (const f of file) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n\n                if (f.size >= maxFileSize) {\n                    valid = 'Upload image cannot more then 500kb!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const handleUpload = (\n        onChange: (images: Image[]) => void,\n        originalImageList: Image[] = [],\n        files: File[],\n    ) => {\n        let imageId = '1-img-0'\n        const latestUpload = files.length - 1\n        if (originalImageList.length > 0) {\n            const prevImgId = originalImageList[originalImageList.length - 1].id\n            const splitImgId = prevImgId.split('-')\n            const newIdNumber = parseInt(splitImgId[splitImgId.length - 1]) + 1\n            splitImgId.pop()\n            const newIdArr = [...splitImgId, ...[newIdNumber]]\n            imageId = newIdArr.join('-')\n        }\n        const image = {\n            id: imageId,\n            name: files[latestUpload].name,\n            img: URL.createObjectURL(files[latestUpload]),\n        }\n        const imageList = [...originalImageList, ...[image]]\n        onChange(imageList)\n    }\n\n    const handleImageDelete = (\n        onChange: (images: Image[]) => void,\n        originalImageList: Image[] = [],\n        deletedImg: Image,\n    ) => {\n        let imgList = cloneDeep(originalImageList)\n        imgList = imgList.filter((img) => img.id !== deletedImg.id)\n        onChange(imgList)\n    }\n\n    return (\n        <Card>\n            <h4 className=\"mb-2\">Product Image</h4>\n            <p>\n                Choose a product photo or simply drag and drop up to 5 photos\n                here.\n            </p>\n            <div className=\"mt-4\">\n                <FormItem\n                    invalid={Boolean(errors.imgList)}\n                    errorMessage={errors.imgList?.message}\n                    className=\"mb-4\"\n                >\n                    <Controller\n                        name=\"imgList\"\n                        control={control}\n                        render={({ field }) => (\n                            <>\n                                {field.value && field.value.length ? (\n                                    <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-2 xl:grid-cols-3 gap-2\">\n                                        <ImageList\n                                            imgList={field.value}\n                                            onImageDelete={(img: Image) =>\n                                                handleImageDelete(\n                                                    field.onChange,\n                                                    field.value,\n                                                    img,\n                                                )\n                                            }\n                                        />\n                                        <Upload\n                                            draggable\n                                            className=\"min-h-fit\"\n                                            beforeUpload={beforeUpload}\n                                            showList={false}\n                                            onChange={(files) =>\n                                                handleUpload(\n                                                    field.onChange,\n                                                    field.value,\n                                                    files,\n                                                )\n                                            }\n                                        >\n                                            <div className=\"max-w-full flex flex-col px-4 py-2 justify-center items-center min-h-[130px]\">\n                                                <div className=\"text-[50px]\">\n                                                    <PiImagesThin />\n                                                </div>\n                                                <p className=\"text-center mt-1 text-xs\">\n                                                    <span className=\"text-gray-800 dark:text-white\">\n                                                        Drop your image here, or{' '}\n                                                        {''}\n                                                    </span>\n                                                    <span className=\"text-primary\">\n                                                        Click to browse\n                                                    </span>\n                                                </p>\n                                            </div>\n                                        </Upload>\n                                    </div>\n                                ) : (\n                                    <Upload\n                                        draggable\n                                        beforeUpload={beforeUpload}\n                                        showList={false}\n                                        onChange={(files) =>\n                                            handleUpload(\n                                                field.onChange,\n                                                field.value,\n                                                files,\n                                            )\n                                        }\n                                    >\n                                        <div className=\"max-w-full flex flex-col px-4 py-8 justify-center items-center\">\n                                            <div className=\"text-[60px]\">\n                                                <PiImagesThin />\n                                            </div>\n                                            <p className=\"flex flex-col items-center mt-2\">\n                                                <span className=\"text-gray-800 dark:text-white\">\n                                                    Drop your image here, or{' '}\n                                                    {''}\n                                                </span>\n                                                <span className=\"text-primary\">\n                                                    Click to browse\n                                                </span>\n                                            </p>\n                                        </div>\n                                    </Upload>\n                                )}\n                            </>\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <p>\n                Image formats: .jpg, .jpeg, .png, preferred size: 1:1, file size\n                is restricted to a maximum of 500kb.\n            </p>\n        </Card>\n    )\n}\n\nexport default ImageSection\n"],"names":["ImageList","props","imgList","onImageDelete","selectedImg","setSelectedImg","useState","viewOpen","setViewOpen","deleteConfirmationOpen","setDeleteConfirmationOpen","onViewOpen","img","onDialogClose","onDeleteConfirmation","onDeleteConfirmationClose","onDelete","jsxs","Fragment","jsx","HiEye","HiTrash","Dialog","ConfirmDialog","ImageSection","control","errors","beforeUpload","file","valid","allowedFileType","maxFileSize","f","handleUpload","onChange","originalImageList","files","imageId","latestUpload","splitImgId","newIdNumber","image","imageList","handleImageDelete","deletedImg","cloneDeep","Card","FormItem","_a","Controller","field","Upload","PiImagesThin"],"mappings":";;;;;;;;;;;;;;;AA0BA,MAAMA,IAAY,CAACC,MAA0B;AACzC,QAAM,EAAE,SAAAC,GAAS,eAAAC,EAAA,IAAkBF,GAE7B,CAACG,GAAaC,CAAc,IAAIC,EAAgB,CAAA,CAAW,GAC3D,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxC,CAACG,GAAwBC,CAAyB,IAAIJ,EAAS,EAAK,GAEpEK,IAAa,CAACC,MAAe;AAC/B,IAAAP,EAAeO,CAAG,GAClBJ,EAAY,EAAI;AAAA,EAAA,GAGdK,IAAgB,MAAM;AACxB,IAAAL,EAAY,EAAK,GACjB,WAAW,MAAM;AACb,MAAAH,EAAe,CAAA,CAAW;AAAA,IAAA,GAC3B,GAAG;AAAA,EAAA,GAGJS,IAAuB,CAACF,MAAe;AACzC,IAAAP,EAAeO,CAAG,GAClBF,EAA0B,EAAI;AAAA,EAAA,GAG5BK,IAA4B,MAAM;AACpC,IAAAV,EAAe,CAAA,CAAW,GAC1BK,EAA0B,EAAK;AAAA,EAAA,GAG7BM,IAAW,MAAM;AACnB,IAAAb,KAAA,QAAAA,EAAgBC,IAChBM,EAA0B,EAAK;AAAA,EAAA;AAGnC,SACI,gBAAAO,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAhB,EAAQ,IAAI,CAACU,MACV,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,KAAKP,EAAI;AAAA,cACT,KAAKA,EAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAEb,gBAAAK,EAAC,OAAA,EAAI,WAAU,+FACX,UAAA;AAAA,YAAA,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAS,MAAMR,EAAWC,CAAG;AAAA,gBAE7B,4BAACQ,GAAA,CAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,YAEX,gBAAAD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAS,MAAML,EAAqBF,CAAG;AAAA,gBAEvC,4BAACS,GAAA,CAAA,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACb,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MArBKT,EAAI;AAAA,IAAA,CAuBhB;AAAA,IACD,gBAAAK;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,QAAQf;AAAA,QACR,SAASM;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAM,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAf,EAAY,MAAK;AAAA,UACvC,gBAAAe;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,KAAKf,EAAY;AAAA,cACjB,KAAKA,EAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACrB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAe;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,QAAQd;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASM;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,UAAA,gBAAAG,EAAC,OAAE,UAAA,gDAAA,CAA6C;AAAA,MAAA;AAAA,IAAA;AAAA,EACpD,GACJ;AAER,GAEMK,IAAe,CAAC,EAAE,SAAAC,GAAS,QAAAC,QAAgC;;AAC7D,QAAMC,IAAe,CAACC,MAA0B;AAC5C,QAAIC,IAA0B;AAE9B,UAAMC,IAAkB,CAAC,cAAc,WAAW,GAC5CC,IAAc;AAEpB,QAAIH;AACA,iBAAWI,KAAKJ;AACZ,QAAKE,EAAgB,SAASE,EAAE,IAAI,MAChCH,IAAQ,wCAGRG,EAAE,QAAQD,MACVF,IAAQ;AAKpB,WAAOA;AAAA,EAAA,GAGLI,IAAe,CACjBC,GACAC,IAA6B,CAAA,GAC7BC,MACC;AACD,QAAIC,IAAU;AACd,UAAMC,IAAeF,EAAM,SAAS;AACpC,QAAID,EAAkB,SAAS,GAAG;AAE9B,YAAMI,IADYJ,EAAkBA,EAAkB,SAAS,CAAC,EAAE,GACrC,MAAM,GAAG,GAChCK,IAAc,SAASD,EAAWA,EAAW,SAAS,CAAC,CAAC,IAAI;AAClE,MAAAA,EAAW,IAAA,GAEXF,IADiB,CAAC,GAAGE,GAAgBC,CAAY,EAC9B,KAAK,GAAG;AAAA,IAAA;AAE/B,UAAMC,IAAQ;AAAA,MACV,IAAIJ;AAAA,MACJ,MAAMD,EAAME,CAAY,EAAE;AAAA,MAC1B,KAAK,IAAI,gBAAgBF,EAAME,CAAY,CAAC;AAAA,IAAA,GAE1CI,IAAY,CAAC,GAAGP,GAAuBM,CAAM;AACnD,IAAAP,EAASQ,CAAS;AAAA,EAAA,GAGhBC,IAAoB,CACtBT,GACAC,IAA6B,CAAA,GAC7BS,MACC;AACD,QAAI1C,IAAU2C,EAAUV,CAAiB;AACzC,IAAAjC,IAAUA,EAAQ,OAAO,CAACU,MAAQA,EAAI,OAAOgC,EAAW,EAAE,GAC1DV,EAAShC,CAAO;AAAA,EAAA;AAGpB,2BACK4C,GAAA,EACG,UAAA;AAAA,IAAA,gBAAA3B,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,iBAAa;AAAA,IAClC,gBAAAA,EAAC,OAAE,UAAA,sEAAA,CAGH;AAAA,IACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,MAAC4B;AAAA,MAAA;AAAA,QACG,SAAS,EAAQrB,EAAO;AAAA,QACxB,eAAcsB,IAAAtB,EAAO,YAAP,gBAAAsB,EAAgB;AAAA,QAC9B,WAAU;AAAA,QAEV,UAAA,gBAAA7B;AAAA,UAAC8B;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAxB;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAyB,EAAA,MACP,gBAAA/B,EAAAD,GAAA,EACK,UAAAgC,EAAM,SAASA,EAAM,MAAM,SACxB,gBAAAjC,EAAC,OAAA,EAAI,WAAU,uEACX,UAAA;AAAA,cAAA,gBAAAE;AAAA,gBAACnB;AAAA,gBAAA;AAAA,kBACG,SAASkD,EAAM;AAAA,kBACf,eAAe,CAACtC,MACZ+B;AAAA,oBACIO,EAAM;AAAA,oBACNA,EAAM;AAAA,oBACNtC;AAAA,kBAAA;AAAA,gBACJ;AAAA,cAAA;AAAA,cAGR,gBAAAO;AAAA,gBAACgC;AAAA,gBAAA;AAAA,kBACG,WAAS;AAAA,kBACT,WAAU;AAAA,kBACV,cAAAxB;AAAA,kBACA,UAAU;AAAA,kBACV,UAAU,CAACS,MACPH;AAAA,oBACIiB,EAAM;AAAA,oBACNA,EAAM;AAAA,oBACNd;AAAA,kBAAA;AAAA,kBAIR,UAAA,gBAAAnB,EAAC,OAAA,EAAI,WAAU,gFACX,UAAA;AAAA,oBAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,eACX,UAAA,gBAAAA,EAACiC,KAAa,GAClB;AAAA,oBACA,gBAAAnC,EAAC,KAAA,EAAE,WAAU,4BACT,UAAA;AAAA,sBAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,wBAAA;AAAA,wBACnB;AAAA,wBACxB;AAAA,sBAAA,GACL;AAAA,sBACA,gBAAAE,EAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,kBAAA,CAE/B;AAAA,oBAAA,EAAA,CACJ;AAAA,kBAAA,EAAA,CACJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ,EAAA,CACJ,IAEA,gBAAAA;AAAA,cAACgC;AAAA,cAAA;AAAA,gBACG,WAAS;AAAA,gBACT,cAAAxB;AAAA,gBACA,UAAU;AAAA,gBACV,UAAU,CAACS,MACPH;AAAA,kBACIiB,EAAM;AAAA,kBACNA,EAAM;AAAA,kBACNd;AAAA,gBAAA;AAAA,gBAIR,UAAA,gBAAAnB,EAAC,OAAA,EAAI,WAAU,kEACX,UAAA;AAAA,kBAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,eACX,UAAA,gBAAAA,EAACiC,KAAa,GAClB;AAAA,kBACA,gBAAAnC,EAAC,KAAA,EAAE,WAAU,mCACT,UAAA;AAAA,oBAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,sBAAA;AAAA,sBACnB;AAAA,sBACxB;AAAA,oBAAA,GACL;AAAA,oBACA,gBAAAE,EAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,kBAAA,CAE/B;AAAA,kBAAA,EAAA,CACJ;AAAA,gBAAA,EAAA,CACJ;AAAA,cAAA;AAAA,YAAA,EACJ,CAER;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,IAAA,GAER;AAAA,IACA,gBAAAA,EAAC,OAAE,UAAA,wGAAA,CAGH;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ImageSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/ImageSection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Upload from '@/components/ui/Upload'\nimport { FormItem } from '@/components/ui/Form'\nimport Dialog from '@/components/ui/Dialog'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { Controller } from 'react-hook-form'\nimport { HiEye, HiTrash } from 'react-icons/hi'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { PiImagesThin } from 'react-icons/pi'\n\nimport type { FormSectionBaseProps } from '../types'\n\ntype ImageSectionProps = FormSectionBaseProps\n\ntype Image = {\n    id: string\n    name: string\n    img: string\n}\n\ntype ImageListProps = {\n    imgList: Image[]\n    onImageDelete: (img: Image) => void\n}\n\nconst ImageList = (props: ImageListProps) => {\n    const { imgList, onImageDelete } = props\n\n    const [selectedImg, setSelectedImg] = useState<Image>({} as Image)\n    const [viewOpen, setViewOpen] = useState(false)\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const onViewOpen = (img: Image) => {\n        setSelectedImg(img)\n        setViewOpen(true)\n    }\n\n    const onDialogClose = () => {\n        setViewOpen(false)\n        setTimeout(() => {\n            setSelectedImg({} as Image)\n        }, 300)\n    }\n\n    const onDeleteConfirmation = (img: Image) => {\n        setSelectedImg(img)\n        setDeleteConfirmationOpen(true)\n    }\n\n    const onDeleteConfirmationClose = () => {\n        setSelectedImg({} as Image)\n        setDeleteConfirmationOpen(false)\n    }\n\n    const onDelete = () => {\n        onImageDelete?.(selectedImg)\n        setDeleteConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            {imgList.map((img) => (\n                <div\n                    key={img.id}\n                    className=\"group relative rounded-xl border border-gray-200 dark:border-gray-600 p-2 flex\"\n                >\n                    <img\n                        className=\"rounded-lg max-h-[140px] mx-auto max-w-full dark:bg-transparent\"\n                        src={img.img}\n                        alt={img.name}\n                    />\n                    <div className=\"absolute inset-2 bg-[#000000ba] group-hover:flex hidden text-xl items-center justify-center\">\n                        <span\n                            className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\n                            onClick={() => onViewOpen(img)}\n                        >\n                            <HiEye />\n                        </span>\n                        <span\n                            className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\n                            onClick={() => onDeleteConfirmation(img)}\n                        >\n                            <HiTrash />\n                        </span>\n                    </div>\n                </div>\n            ))}\n            <Dialog\n                isOpen={viewOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">{selectedImg.name}</h5>\n                <img\n                    className=\"w-full\"\n                    src={selectedImg.img}\n                    alt={selectedImg.name}\n                />\n            </Dialog>\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove image\"\n                onClose={onDeleteConfirmationClose}\n                onRequestClose={onDeleteConfirmationClose}\n                onCancel={onDeleteConfirmationClose}\n                onConfirm={onDelete}\n            >\n                <p> Are you sure you want to remove this image? </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nconst ImageSection = ({ control, errors }: ImageSectionProps) => {\n    const beforeUpload = (file: FileList | null) => {\n        let valid: boolean | string = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        const maxFileSize = 500000\n\n        if (file) {\n            for (const f of file) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n\n                if (f.size >= maxFileSize) {\n                    valid = 'Upload image cannot more then 500kb!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const handleUpload = (\n        onChange: (images: Image[]) => void,\n        originalImageList: Image[] = [],\n        files: File[],\n    ) => {\n        let imageId = '1-img-0'\n        const latestUpload = files.length - 1\n        if (originalImageList.length > 0) {\n            const prevImgId = originalImageList[originalImageList.length - 1].id\n            const splitImgId = prevImgId.split('-')\n            const newIdNumber = parseInt(splitImgId[splitImgId.length - 1]) + 1\n            splitImgId.pop()\n            const newIdArr = [...splitImgId, ...[newIdNumber]]\n            imageId = newIdArr.join('-')\n        }\n        const image = {\n            id: imageId,\n            name: files[latestUpload].name,\n            img: URL.createObjectURL(files[latestUpload]),\n        }\n        const imageList = [...originalImageList, ...[image]]\n        onChange(imageList)\n    }\n\n    const handleImageDelete = (\n        onChange: (images: Image[]) => void,\n        originalImageList: Image[] = [],\n        deletedImg: Image,\n    ) => {\n        let imgList = cloneDeep(originalImageList)\n        imgList = imgList.filter((img) => img.id !== deletedImg.id)\n        onChange(imgList)\n    }\n\n    return (\n        <Card>\n            <h4 className=\"mb-2\">Product Image</h4>\n            <p>\n                Choose a product photo or simply drag and drop up to 5 photos\n                here.\n            </p>\n            <div className=\"mt-4\">\n                <FormItem\n                    invalid={Boolean(errors.imgList)}\n                    errorMessage={errors.imgList?.message}\n                    className=\"mb-4\"\n                >\n                    <Controller\n                        name=\"imgList\"\n                        control={control}\n                        render={({ field }) => (\n                            <>\n                                {field.value && field.value.length ? (\n                                    <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-2 xl:grid-cols-3 gap-2\">\n                                        <ImageList\n                                            imgList={field.value}\n                                            onImageDelete={(img: Image) =>\n                                                handleImageDelete(\n                                                    field.onChange,\n                                                    field.value,\n                                                    img,\n                                                )\n                                            }\n                                        />\n                                        <Upload\n                                            draggable\n                                            className=\"min-h-fit\"\n                                            beforeUpload={beforeUpload}\n                                            showList={false}\n                                            onChange={(files) =>\n                                                handleUpload(\n                                                    field.onChange,\n                                                    field.value,\n                                                    files,\n                                                )\n                                            }\n                                        >\n                                            <div className=\"max-w-full flex flex-col px-4 py-2 justify-center items-center min-h-[130px]\">\n                                                <div className=\"text-[50px]\">\n                                                    <PiImagesThin />\n                                                </div>\n                                                <p className=\"text-center mt-1 text-xs\">\n                                                    <span className=\"text-gray-800 dark:text-white\">\n                                                        Drop your image here, or{' '}\n                                                        {''}\n                                                    </span>\n                                                    <span className=\"text-primary\">\n                                                        Click to browse\n                                                    </span>\n                                                </p>\n                                            </div>\n                                        </Upload>\n                                    </div>\n                                ) : (\n                                    <Upload\n                                        draggable\n                                        beforeUpload={beforeUpload}\n                                        showList={false}\n                                        onChange={(files) =>\n                                            handleUpload(\n                                                field.onChange,\n                                                field.value,\n                                                files,\n                                            )\n                                        }\n                                    >\n                                        <div className=\"max-w-full flex flex-col px-4 py-8 justify-center items-center\">\n                                            <div className=\"text-[60px]\">\n                                                <PiImagesThin />\n                                            </div>\n                                            <p className=\"flex flex-col items-center mt-2\">\n                                                <span className=\"text-gray-800 dark:text-white\">\n                                                    Drop your image here, or{' '}\n                                                    {''}\n                                                </span>\n                                                <span className=\"text-primary\">\n                                                    Click to browse\n                                                </span>\n                                            </p>\n                                        </div>\n                                    </Upload>\n                                )}\n                            </>\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <p>\n                Image formats: .jpg, .jpeg, .png, preferred size: 1:1, file size\n                is restricted to a maximum of 500kb.\n            </p>\n        </Card>\n    )\n}\n\nexport default ImageSection\n"],"names":["ImageList","props","imgList","onImageDelete","selectedImg","setSelectedImg","useState","viewOpen","setViewOpen","deleteConfirmationOpen","setDeleteConfirmationOpen","onViewOpen","img","onDialogClose","onDeleteConfirmation","onDeleteConfirmationClose","onDelete","jsxs","Fragment","jsx","HiEye","HiTrash","Dialog","ConfirmDialog","ImageSection","control","errors","beforeUpload","file","valid","allowedFileType","maxFileSize","f","handleUpload","onChange","originalImageList","files","imageId","latestUpload","splitImgId","newIdNumber","image","imageList","handleImageDelete","deletedImg","cloneDeep","Card","FormItem","_a","Controller","field","Upload","PiImagesThin"],"mappings":"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"}

package/dist/@ecme/views/concepts/products/ProductForm/components/PricingSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"PricingSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/PricingSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport { FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from '../types'\n\ntype PricingSectionProps = FormSectionBaseProps\n\nconst PricingSection = ({ control, errors }: PricingSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Pricing</h4>\n            <div>\n                <FormItem\n                    label=\"Price\"\n                    invalid={Boolean(errors.price)}\n                    errorMessage={errors.price?.message}\n                >\n                    <Controller\n                        name=\"price\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Cost price\"\n                    invalid={Boolean(errors.costPerItem)}\n                    errorMessage={errors.costPerItem?.message}\n                >\n                    <Controller\n                        name=\"costPerItem\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <div className=\"md:flex gap-4\">\n                <FormItem\n                    label=\"Bulk discount price\"\n                    invalid={Boolean(errors.bulkDiscountPrice)}\n                    errorMessage={errors.bulkDiscountPrice?.message}\n                    className=\"w-full\"\n                >\n                    <Controller\n                        name=\"bulkDiscountPrice\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Tax rate(%)\"\n                    invalid={Boolean(errors.taxRate)}\n                    errorMessage={errors.taxRate?.message}\n                    className=\"w-full\"\n                >\n                    <Controller\n                        name=\"taxRate\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"0\"\n                                value={field.value}\n                                isAllowed={(values) => {\n                                    const { floatValue } = values\n                                    return (floatValue || 0) <= 100\n                                }}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default PricingSection\n"],"names":["PricingSection","control","errors","Card","jsx","FormItem","_a","Controller","field","NumericInput","_b","jsxs","_c","_d","values","floatValue"],"mappings":"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"}
+{"version":3,"file":"PricingSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/PricingSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport { FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from '../types'\n\ntype PricingSectionProps = FormSectionBaseProps\n\nconst PricingSection = ({ control, errors }: PricingSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Pricing</h4>\n            <div>\n                <FormItem\n                    label=\"Price\"\n                    invalid={Boolean(errors.price)}\n                    errorMessage={errors.price?.message}\n                >\n                    <Controller\n                        name=\"price\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Cost price\"\n                    invalid={Boolean(errors.costPerItem)}\n                    errorMessage={errors.costPerItem?.message}\n                >\n                    <Controller\n                        name=\"costPerItem\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <div className=\"md:flex gap-4\">\n                <FormItem\n                    label=\"Bulk discount price\"\n                    invalid={Boolean(errors.bulkDiscountPrice)}\n                    errorMessage={errors.bulkDiscountPrice?.message}\n                    className=\"w-full\"\n                >\n                    <Controller\n                        name=\"bulkDiscountPrice\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Tax rate(%)\"\n                    invalid={Boolean(errors.taxRate)}\n                    errorMessage={errors.taxRate?.message}\n                    className=\"w-full\"\n                >\n                    <Controller\n                        name=\"taxRate\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"0\"\n                                value={field.value}\n                                isAllowed={(values) => {\n                                    const { floatValue } = values\n                                    return (floatValue || 0) <= 100\n                                }}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default PricingSection\n"],"names":["PricingSection","control","errors","Card","jsx","FormItem","_a","Controller","field","NumericInput","_b","jsxs","_c","_d","values","floatValue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProducListTableTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProducListTableTools.tsx"],"sourcesContent":["import ProductListSearch from './ProductListSearch'\nimport ProductTableFilter from './ProductTableFilter'\nimport useProducList from '../hooks/useProductList'\nimport cloneDeep from 'lodash/cloneDeep'\n\nconst ProducListTableTools = () => {\n    const { tableData, setTableData } = useProducList()\n\n    const handleInputChange = (val: string) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.query = val\n        newTableData.pageIndex = 1\n        if (typeof val === 'string' && val.length > 1) {\n            setTableData(newTableData)\n        }\n\n        if (typeof val === 'string' && val.length === 0) {\n            setTableData(newTableData)\n        }\n    }\n\n    return (\n        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n            <ProductListSearch onInputChange={handleInputChange} />\n            <ProductTableFilter />\n        </div>\n    )\n}\n\nexport default ProducListTableTools\n"],"names":["ProducListTableTools","tableData","setTableData","useProducList","jsxs","jsx","ProductListSearch","val","newTableData","cloneDeep","ProductTableFilter"],"mappings":";;;;;AAKA,MAAMA,IAAuB,MAAM;AAC/B,QAAM,EAAE,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAA;AAepC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAkB,eAfD,CAACC,MAAgB;AACvC,YAAMC,IAAeC,EAAUR,CAAS;AACxC,MAAAO,EAAa,QAAQD,GACrBC,EAAa,YAAY,GACrB,OAAOD,KAAQ,YAAYA,EAAI,SAAS,KACxCL,EAAaM,CAAY,GAGzB,OAAOD,KAAQ,YAAYA,EAAI,WAAW,KAC1CL,EAAaM,CAAY;AAAA,IAC7B,EAKsC,CAAmB;AAAA,sBACpDE,GAAA,CAAA,CAAmB;AAAA,EAAA,GACxB;AAER;"}
+{"version":3,"file":"ProducListTableTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProducListTableTools.tsx"],"sourcesContent":["import ProductListSearch from './ProductListSearch'\nimport ProductTableFilter from './ProductTableFilter'\nimport useProducList from '../hooks/useProductList'\nimport cloneDeep from 'lodash/cloneDeep'\n\nconst ProducListTableTools = () => {\n    const { tableData, setTableData } = useProducList()\n\n    const handleInputChange = (val: string) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.query = val\n        newTableData.pageIndex = 1\n        if (typeof val === 'string' && val.length > 1) {\n            setTableData(newTableData)\n        }\n\n        if (typeof val === 'string' && val.length === 0) {\n            setTableData(newTableData)\n        }\n    }\n\n    return (\n        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n            <ProductListSearch onInputChange={handleInputChange} />\n            <ProductTableFilter />\n        </div>\n    )\n}\n\nexport default ProducListTableTools\n"],"names":["ProducListTableTools","tableData","setTableData","useProducList","jsxs","jsx","ProductListSearch","val","newTableData","cloneDeep","ProductTableFilter"],"mappings":";;;;;AAKA,MAAMA,IAAuB,MAAM;AAC/B,QAAM,EAAE,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAA;AAepC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAkB,eAfD,CAACC,MAAgB;AACvC,YAAMC,IAAeC,EAAUR,CAAS;AACxC,MAAAO,EAAa,QAAQD,GACrBC,EAAa,YAAY,GACrB,OAAOD,KAAQ,YAAYA,EAAI,SAAS,KACxCL,EAAaM,CAAY,GAGzB,OAAOD,KAAQ,YAAYA,EAAI,WAAW,KAC1CL,EAAaM,CAAY;AAAA,IAEjC,EAI0C,CAAmB;AAAA,sBACpDE,GAAA,CAAA,CAAmB;AAAA,EAAA,GACxB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductListSearch.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListSearch.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport { TbSearch } from 'react-icons/tb'\nimport type { ChangeEvent } from 'react'\n\ntype ProductListSearchProps = {\n    onInputChange: (value: string) => void\n}\n\nconst ProductListSearch = (props: ProductListSearchProps) => {\n    const { onInputChange } = props\n\n    function handleDebounceFn(value: string) {\n        onInputChange?.(value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, 500)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e.target.value)\n    }\n\n    return (\n        <Input\n            placeholder=\"Search\"\n            suffix={<TbSearch className=\"text-lg\" />}\n            onChange={handleInputChange}\n        />\n    )\n}\n\nexport default ProductListSearch\n"],"names":["ProductListSearch","props","onInputChange","handleDebounceFn","value","debounceFn","useDebounce","jsx","Input","TbSearch","e"],"mappings":";;;;;AASA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM,EAAE,eAAAC,MAAkBD;AAE1B,WAASE,EAAiBC,GAAe;AACrC,IAAAF,KAAA,QAAAA,EAAgBE;AAAA,EAAK;AAGzB,QAAMC,IAAaC,EAAYH,GAAkB,GAAG;AAMpD,SACI,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,QAAQ,gBAAAD,EAACE,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,MACtC,UARkB,CAACC,MAAqC;AAC5D,QAAAL,EAAWK,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAOX;AAAA,EAAA;AAGtB;"}
+{"version":3,"file":"ProductListSearch.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListSearch.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport { TbSearch } from 'react-icons/tb'\nimport type { ChangeEvent } from 'react'\n\ntype ProductListSearchProps = {\n    onInputChange: (value: string) => void\n}\n\nconst ProductListSearch = (props: ProductListSearchProps) => {\n    const { onInputChange } = props\n\n    function handleDebounceFn(value: string) {\n        onInputChange?.(value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, 500)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e.target.value)\n    }\n\n    return (\n        <Input\n            placeholder=\"Search\"\n            suffix={<TbSearch className=\"text-lg\" />}\n            onChange={handleInputChange}\n        />\n    )\n}\n\nexport default ProductListSearch\n"],"names":["ProductListSearch","props","onInputChange","handleDebounceFn","value","debounceFn","useDebounce","jsx","Input","TbSearch","e"],"mappings":";;;;;AASA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM,EAAE,eAAAC,MAAkBD;AAE1B,WAASE,EAAiBC,GAAe;AACrC,IAAAF,KAAA,QAAAA,EAAgBE;AAAA,EACpB;AAEA,QAAMC,IAAaC,EAAYH,GAAkB,GAAG;AAMpD,SACI,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,QAAQ,gBAAAD,EAACE,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,MACtC,UARkB,CAACC,MAAqC;AAC5D,QAAAL,EAAWK,EAAE,OAAO,KAAK;AAAA,MAC7B;AAAA,IAMkB;AAAA,EAAA;AAGtB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductListSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListSelected.tsx"],"sourcesContent":["import { useState } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useProductList from '../hooks/useProductList'\nimport { TbChecks } from 'react-icons/tb'\n\nconst ProductListSelected = () => {\n    const {\n        selectedProduct,\n        productList,\n        mutate,\n        productListTotal,\n        setSelectAllProduct,\n    } = useProductList()\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleConfirmDelete = () => {\n        const newProductList = productList.filter((product) => {\n            return !selectedProduct.some(\n                (selected) => selected.id === product.id,\n            )\n        })\n        setSelectAllProduct([])\n        mutate(\n            {\n                list: newProductList,\n                total: productListTotal - selectedProduct.length,\n            },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            {selectedProduct.length > 0 && (\n                <StickyFooter\n                    className=\"flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\n                    stickyClass=\"-mx-4 sm:-mx-8 border-t border-gray-200 dark:border-gray-700 px-8\"\n                    defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\n                >\n                    <div className=\"container mx-auto\">\n                        <div className=\"flex items-center justify-between\">\n                            <span>\n                                {selectedProduct.length > 0 && (\n                                    <span className=\"flex items-center gap-2\">\n                                        <span className=\"text-lg text-primary\">\n                                            <TbChecks />\n                                        </span>\n                                        <span className=\"font-semibold flex items-center gap-1\">\n                                            <span className=\"heading-text\">\n                                                {selectedProduct.length}{' '}\n                                                Products\n                                            </span>\n                                            <span>selected</span>\n                                        </span>\n                                    </span>\n                                )}\n                            </span>\n\n                            <div className=\"flex items-center\">\n                                <Button\n                                    size=\"sm\"\n                                    className=\"ltr:mr-3 rtl:ml-3\"\n                                    type=\"button\"\n                                    customColorClass={() =>\n                                        'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\n                                    }\n                                    onClick={handleDelete}\n                                >\n                                    Delete\n                                </Button>\n                            </div>\n                        </div>\n                    </div>\n                </StickyFooter>\n            )}\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove products\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDelete}\n            >\n                <p>\n                    {' '}\n                    Are you sure you want to remove these products? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProductListSelected\n"],"names":["ProductListSelected","selectedProduct","productList","mutate","productListTotal","setSelectAllProduct","useProductList","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","handleDelete","handleCancel","handleConfirmDelete","newProductList","product","selected","jsxs","Fragment","jsx","StickyFooter","TbChecks","Button","ConfirmDialog"],"mappings":";;;;;;;;AAOA,MAAMA,IAAsB,MAAM;AAC9B,QAAM;AAAA,IACF,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACAC,EAAA,GAEE,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpEC,IAAe,MAAM;AACvB,IAAAF,EAA0B,EAAI;AAAA,EAAA,GAG5BG,IAAe,MAAM;AACvB,IAAAH,EAA0B,EAAK;AAAA,EAAA,GAG7BI,IAAsB,MAAM;AAC9B,UAAMC,IAAiBX,EAAY,OAAO,CAACY,MAChC,CAACb,EAAgB;AAAA,MACpB,CAACc,MAAaA,EAAS,OAAOD,EAAQ;AAAA,IAAA,CAE7C;AACD,IAAAT,EAAoB,CAAA,CAAE,GACtBF;AAAA,MACI;AAAA,QACI,MAAMU;AAAA,QACN,OAAOT,IAAmBH,EAAgB;AAAA,MAAA;AAAA,MAE9C;AAAA,IAAA,GAEJO,EAA0B,EAAK;AAAA,EAAA;AAGnC,SACI,gBAAAQ,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAhB,EAAgB,SAAS,KACtB,gBAAAiB;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,4BAAC,OAAA,EAAI,WAAU,qBACX,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,gBAAAE,EAAC,UACI,UAAAjB,EAAgB,SAAS,KACtB,gBAAAe,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,wBACZ,UAAA,gBAAAA,EAACE,KAAS,GACd;AAAA,YACA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,yCACZ,UAAA;AAAA,cAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,gBAAAf,EAAgB;AAAA,gBAAQ;AAAA,gBAAI;AAAA,cAAA,GAEjC;AAAA,cACA,gBAAAiB,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,YAAA,EAAA,CAClB;AAAA,UAAA,EAAA,CACJ,EAAA,CAER;AAAA,UAEA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,MAAK;AAAA,cACL,kBAAkB,MACd;AAAA,cAEJ,SAASX;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAED,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGR,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,QAAQf;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,4BAAC,KAAA,EACI,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,EAAA,CACxB;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"ProductListSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListSelected.tsx"],"sourcesContent":["import { useState } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useProductList from '../hooks/useProductList'\nimport { TbChecks } from 'react-icons/tb'\n\nconst ProductListSelected = () => {\n    const {\n        selectedProduct,\n        productList,\n        mutate,\n        productListTotal,\n        setSelectAllProduct,\n    } = useProductList()\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleConfirmDelete = () => {\n        const newProductList = productList.filter((product) => {\n            return !selectedProduct.some(\n                (selected) => selected.id === product.id,\n            )\n        })\n        setSelectAllProduct([])\n        mutate(\n            {\n                list: newProductList,\n                total: productListTotal - selectedProduct.length,\n            },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            {selectedProduct.length > 0 && (\n                <StickyFooter\n                    className=\"flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\n                    stickyClass=\"-mx-4 sm:-mx-8 border-t border-gray-200 dark:border-gray-700 px-8\"\n                    defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\n                >\n                    <div className=\"container mx-auto\">\n                        <div className=\"flex items-center justify-between\">\n                            <span>\n                                {selectedProduct.length > 0 && (\n                                    <span className=\"flex items-center gap-2\">\n                                        <span className=\"text-lg text-primary\">\n                                            <TbChecks />\n                                        </span>\n                                        <span className=\"font-semibold flex items-center gap-1\">\n                                            <span className=\"heading-text\">\n                                                {selectedProduct.length}{' '}\n                                                Products\n                                            </span>\n                                            <span>selected</span>\n                                        </span>\n                                    </span>\n                                )}\n                            </span>\n\n                            <div className=\"flex items-center\">\n                                <Button\n                                    size=\"sm\"\n                                    className=\"ltr:mr-3 rtl:ml-3\"\n                                    type=\"button\"\n                                    customColorClass={() =>\n                                        'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\n                                    }\n                                    onClick={handleDelete}\n                                >\n                                    Delete\n                                </Button>\n                            </div>\n                        </div>\n                    </div>\n                </StickyFooter>\n            )}\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove products\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDelete}\n            >\n                <p>\n                    {' '}\n                    Are you sure you want to remove these products? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProductListSelected\n"],"names":["ProductListSelected","selectedProduct","productList","mutate","productListTotal","setSelectAllProduct","useProductList","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","handleDelete","handleCancel","handleConfirmDelete","newProductList","product","selected","jsxs","Fragment","jsx","StickyFooter","TbChecks","Button","ConfirmDialog"],"mappings":";;;;;;;;AAOA,MAAMA,IAAsB,MAAM;AAC9B,QAAM;AAAA,IACF,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACAC,EAAA,GAEE,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpEC,IAAe,MAAM;AACvB,IAAAF,EAA0B,EAAI;AAAA,EAClC,GAEMG,IAAe,MAAM;AACvB,IAAAH,EAA0B,EAAK;AAAA,EACnC,GAEMI,IAAsB,MAAM;AAC9B,UAAMC,IAAiBX,EAAY,OAAO,CAACY,MAChC,CAACb,EAAgB;AAAA,MACpB,CAACc,MAAaA,EAAS,OAAOD,EAAQ;AAAA,IAAA,CAE7C;AACD,IAAAT,EAAoB,CAAA,CAAE,GACtBF;AAAA,MACI;AAAA,QACI,MAAMU;AAAA,QACN,OAAOT,IAAmBH,EAAgB;AAAA,MAAA;AAAA,MAE9C;AAAA,IAAA,GAEJO,EAA0B,EAAK;AAAA,EACnC;AAEA,SACI,gBAAAQ,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAhB,EAAgB,SAAS,KACtB,gBAAAiB;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,4BAAC,OAAA,EAAI,WAAU,qBACX,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,gBAAAE,EAAC,UACI,UAAAjB,EAAgB,SAAS,KACtB,gBAAAe,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,wBACZ,UAAA,gBAAAA,EAACE,KAAS,GACd;AAAA,YACA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,yCACZ,UAAA;AAAA,cAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,gBAAAf,EAAgB;AAAA,gBAAQ;AAAA,gBAAI;AAAA,cAAA,GAEjC;AAAA,cACA,gBAAAiB,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,YAAA,EAAA,CAClB;AAAA,UAAA,EAAA,CACJ,EAAA,CAER;AAAA,UAEA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,MAAK;AAAA,cACL,kBAAkB,MACd;AAAA,cAEJ,SAASX;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAED,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGR,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,QAAQf;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,4BAAC,KAAA,EACI,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,EAAA,CACxB;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListTable.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Progress from '@/components/ui/Progress'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useProductList from '../hooks/useProductList'\nimport classNames from '@/utils/classNames'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { useNavigate } from 'react-router-dom'\nimport { TbPencil, TbTrash } from 'react-icons/tb'\nimport { FiPackage } from 'react-icons/fi'\nimport { NumericFormat } from 'react-number-format'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { Product } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst ProductColumn = ({ row }: { row: Product }) => {\n    return (\n        <div className=\"flex items-center gap-2\">\n            <Avatar\n                shape=\"round\"\n                size={60}\n                {...(row.img ? { src: row.img } : { icon: <FiPackage /> })}\n            />\n            <div>\n                <div className=\"font-bold heading-text mb-1\">{row.name}</div>\n                <span>ID: {row.productCode}</span>\n            </div>\n        </div>\n    )\n}\n\nconst ActionColumn = ({\n    onEdit,\n    onDelete,\n}: {\n    onEdit: () => void\n    onDelete: () => void\n}) => {\n    return (\n        <div className=\"flex items-center justify-end gap-3\">\n            <Tooltip title=\"Edit\">\n                <div\n                    className={`text-xl cursor-pointer select-none font-semibold`}\n                    role=\"button\"\n                    onClick={onEdit}\n                >\n                    <TbPencil />\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Delete\">\n                <div\n                    className={`text-xl cursor-pointer select-none font-semibold`}\n                    role=\"button\"\n                    onClick={onDelete}\n                >\n                    <TbTrash />\n                </div>\n            </Tooltip>\n        </div>\n    )\n}\n\nconst ProductListTable = () => {\n    const navigate = useNavigate()\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n    const [toDeleteId, setToDeleteId] = useState('')\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleDelete = (product: Product) => {\n        setDeleteConfirmationOpen(true)\n        setToDeleteId(product.id)\n    }\n\n    const handleEdit = (product: Product) => {\n        navigate(`/concepts/products/product-edit/${product.id}`)\n    }\n\n    const handleConfirmDelete = () => {\n        const newProductList = productList.filter((product) => {\n            return !(toDeleteId === product.id)\n        })\n        setSelectAllProduct([])\n        mutate(\n            {\n                list: newProductList,\n                total: productListTotal - selectedProduct.length,\n            },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n        setToDeleteId('')\n    }\n\n    const {\n        productList,\n        productListTotal,\n        tableData,\n        isLoading,\n        setTableData,\n        setSelectAllProduct,\n        setSelectedProduct,\n        selectedProduct,\n        mutate,\n    } = useProductList()\n\n    const columns: ColumnDef<Product>[] = useMemo(\n        () => [\n            {\n                header: 'Product',\n                accessorKey: 'name',\n                cell: (props) => {\n                    const row = props.row.original\n                    return <ProductColumn row={row} />\n                },\n            },\n            {\n                header: 'Price',\n                accessorKey: 'price',\n                cell: (props) => {\n                    const { price } = props.row.original\n                    return (\n                        <span className=\"font-bold heading-text\">\n                            <NumericFormat\n                                fixedDecimalScale\n                                prefix=\"$\"\n                                displayType=\"text\"\n                                value={price}\n                                decimalScale={2}\n                                thousandSeparator={true}\n                            />\n                        </span>\n                    )\n                },\n            },\n            {\n                header: 'Quantity',\n                accessorKey: 'stock',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <span className=\"font-bold heading-text\">\n                            {row.stock}\n                        </span>\n                    )\n                },\n            },\n            {\n                header: 'Sales',\n                accessorKey: 'status',\n                cell: (props) => {\n                    const { salesPercentage, sales } = props.row.original\n                    return (\n                        <div className=\"flex flex-col gap-1\">\n                            <span className=\"flex gap-1\">\n                                <span className=\"font-semibold\">\n                                    <NumericFormat\n                                        displayType=\"text\"\n                                        value={sales}\n                                        thousandSeparator={true}\n                                    />\n                                </span>\n                                <span>Sales</span>\n                            </span>\n                            <Progress\n                                percent={salesPercentage}\n                                showInfo={false}\n                                customColorClass={classNames(\n                                    'bg-error',\n                                    salesPercentage > 40 && 'bg-warning',\n                                    salesPercentage > 70 && 'bg-success',\n                                )}\n                            />\n                        </div>\n                    )\n                },\n            },\n            {\n                header: '',\n                id: 'action',\n                cell: (props) => (\n                    <ActionColumn\n                        onEdit={() => handleEdit(props.row.original)}\n                        onDelete={() => handleDelete(props.row.original)}\n                    />\n                ),\n            },\n        ],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    )\n\n    const handleSetTableData = (data: TableQueries) => {\n        setTableData(data)\n        if (selectedProduct.length > 0) {\n            setSelectAllProduct([])\n        }\n    }\n\n    const handlePaginationChange = (page: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageIndex = page\n        handleSetTableData(newTableData)\n    }\n\n    const handleSelectChange = (value: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageSize = Number(value)\n        newTableData.pageIndex = 1\n        handleSetTableData(newTableData)\n    }\n\n    const handleSort = (sort: OnSortParam) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.sort = sort\n        handleSetTableData(newTableData)\n    }\n\n    const handleRowSelect = (checked: boolean, row: Product) => {\n        setSelectedProduct(checked, row)\n    }\n\n    const handleAllRowSelect = (checked: boolean, rows: Row<Product>[]) => {\n        if (checked) {\n            const originalRows = rows.map((row) => row.original)\n            setSelectAllProduct(originalRows)\n        } else {\n            setSelectAllProduct([])\n        }\n    }\n\n    return (\n        <>\n            <DataTable\n                selectable\n                columns={columns}\n                data={productList}\n                noData={!isLoading && productList.length === 0}\n                skeletonAvatarColumns={[0]}\n                skeletonAvatarProps={{ width: 28, height: 28 }}\n                loading={isLoading}\n                pagingData={{\n                    total: productListTotal,\n                    pageIndex: tableData.pageIndex as number,\n                    pageSize: tableData.pageSize as number,\n                }}\n                checkboxChecked={(row) =>\n                    selectedProduct.some((selected) => selected.id === row.id)\n                }\n                onPaginationChange={handlePaginationChange}\n                onSelectChange={handleSelectChange}\n                onSort={handleSort}\n                onCheckBoxChange={handleRowSelect}\n                onIndeterminateCheckBoxChange={handleAllRowSelect}\n            />\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove products\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDelete}\n            >\n                <p>\n                    {' '}\n                    Are you sure you want to remove this product? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProductListTable\n"],"names":["ProductColumn","row","jsxs","jsx","Avatar","FiPackage","ActionColumn","onEdit","onDelete","Tooltip","TbPencil","TbTrash","ProductListTable","navigate","useNavigate","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","toDeleteId","setToDeleteId","handleCancel","handleDelete","product","handleEdit","handleConfirmDelete","newProductList","productList","setSelectAllProduct","mutate","productListTotal","selectedProduct","tableData","isLoading","setTableData","setSelectedProduct","useProductList","columns","useMemo","props","price","NumericFormat","salesPercentage","sales","Progress","classNames","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","handleAllRowSelect","rows","originalRows","Fragment","DataTable","selected","ConfirmDialog"],"mappings":"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"}
+{"version":3,"file":"ProductListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListTable.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Progress from '@/components/ui/Progress'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useProductList from '../hooks/useProductList'\nimport classNames from '@/utils/classNames'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { useNavigate } from 'react-router-dom'\nimport { TbPencil, TbTrash } from 'react-icons/tb'\nimport { FiPackage } from 'react-icons/fi'\nimport { NumericFormat } from 'react-number-format'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { Product } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst ProductColumn = ({ row }: { row: Product }) => {\n    return (\n        <div className=\"flex items-center gap-2\">\n            <Avatar\n                shape=\"round\"\n                size={60}\n                {...(row.img ? { src: row.img } : { icon: <FiPackage /> })}\n            />\n            <div>\n                <div className=\"font-bold heading-text mb-1\">{row.name}</div>\n                <span>ID: {row.productCode}</span>\n            </div>\n        </div>\n    )\n}\n\nconst ActionColumn = ({\n    onEdit,\n    onDelete,\n}: {\n    onEdit: () => void\n    onDelete: () => void\n}) => {\n    return (\n        <div className=\"flex items-center justify-end gap-3\">\n            <Tooltip title=\"Edit\">\n                <div\n                    className={`text-xl cursor-pointer select-none font-semibold`}\n                    role=\"button\"\n                    onClick={onEdit}\n                >\n                    <TbPencil />\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Delete\">\n                <div\n                    className={`text-xl cursor-pointer select-none font-semibold`}\n                    role=\"button\"\n                    onClick={onDelete}\n                >\n                    <TbTrash />\n                </div>\n            </Tooltip>\n        </div>\n    )\n}\n\nconst ProductListTable = () => {\n    const navigate = useNavigate()\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n    const [toDeleteId, setToDeleteId] = useState('')\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleDelete = (product: Product) => {\n        setDeleteConfirmationOpen(true)\n        setToDeleteId(product.id)\n    }\n\n    const handleEdit = (product: Product) => {\n        navigate(`/concepts/products/product-edit/${product.id}`)\n    }\n\n    const handleConfirmDelete = () => {\n        const newProductList = productList.filter((product) => {\n            return !(toDeleteId === product.id)\n        })\n        setSelectAllProduct([])\n        mutate(\n            {\n                list: newProductList,\n                total: productListTotal - selectedProduct.length,\n            },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n        setToDeleteId('')\n    }\n\n    const {\n        productList,\n        productListTotal,\n        tableData,\n        isLoading,\n        setTableData,\n        setSelectAllProduct,\n        setSelectedProduct,\n        selectedProduct,\n        mutate,\n    } = useProductList()\n\n    const columns: ColumnDef<Product>[] = useMemo(\n        () => [\n            {\n                header: 'Product',\n                accessorKey: 'name',\n                cell: (props) => {\n                    const row = props.row.original\n                    return <ProductColumn row={row} />\n                },\n            },\n            {\n                header: 'Price',\n                accessorKey: 'price',\n                cell: (props) => {\n                    const { price } = props.row.original\n                    return (\n                        <span className=\"font-bold heading-text\">\n                            <NumericFormat\n                                fixedDecimalScale\n                                prefix=\"$\"\n                                displayType=\"text\"\n                                value={price}\n                                decimalScale={2}\n                                thousandSeparator={true}\n                            />\n                        </span>\n                    )\n                },\n            },\n            {\n                header: 'Quantity',\n                accessorKey: 'stock',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <span className=\"font-bold heading-text\">\n                            {row.stock}\n                        </span>\n                    )\n                },\n            },\n            {\n                header: 'Sales',\n                accessorKey: 'status',\n                cell: (props) => {\n                    const { salesPercentage, sales } = props.row.original\n                    return (\n                        <div className=\"flex flex-col gap-1\">\n                            <span className=\"flex gap-1\">\n                                <span className=\"font-semibold\">\n                                    <NumericFormat\n                                        displayType=\"text\"\n                                        value={sales}\n                                        thousandSeparator={true}\n                                    />\n                                </span>\n                                <span>Sales</span>\n                            </span>\n                            <Progress\n                                percent={salesPercentage}\n                                showInfo={false}\n                                customColorClass={classNames(\n                                    'bg-error',\n                                    salesPercentage > 40 && 'bg-warning',\n                                    salesPercentage > 70 && 'bg-success',\n                                )}\n                            />\n                        </div>\n                    )\n                },\n            },\n            {\n                header: '',\n                id: 'action',\n                cell: (props) => (\n                    <ActionColumn\n                        onEdit={() => handleEdit(props.row.original)}\n                        onDelete={() => handleDelete(props.row.original)}\n                    />\n                ),\n            },\n        ],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    )\n\n    const handleSetTableData = (data: TableQueries) => {\n        setTableData(data)\n        if (selectedProduct.length > 0) {\n            setSelectAllProduct([])\n        }\n    }\n\n    const handlePaginationChange = (page: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageIndex = page\n        handleSetTableData(newTableData)\n    }\n\n    const handleSelectChange = (value: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageSize = Number(value)\n        newTableData.pageIndex = 1\n        handleSetTableData(newTableData)\n    }\n\n    const handleSort = (sort: OnSortParam) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.sort = sort\n        handleSetTableData(newTableData)\n    }\n\n    const handleRowSelect = (checked: boolean, row: Product) => {\n        setSelectedProduct(checked, row)\n    }\n\n    const handleAllRowSelect = (checked: boolean, rows: Row<Product>[]) => {\n        if (checked) {\n            const originalRows = rows.map((row) => row.original)\n            setSelectAllProduct(originalRows)\n        } else {\n            setSelectAllProduct([])\n        }\n    }\n\n    return (\n        <>\n            <DataTable\n                selectable\n                columns={columns}\n                data={productList}\n                noData={!isLoading && productList.length === 0}\n                skeletonAvatarColumns={[0]}\n                skeletonAvatarProps={{ width: 28, height: 28 }}\n                loading={isLoading}\n                pagingData={{\n                    total: productListTotal,\n                    pageIndex: tableData.pageIndex as number,\n                    pageSize: tableData.pageSize as number,\n                }}\n                checkboxChecked={(row) =>\n                    selectedProduct.some((selected) => selected.id === row.id)\n                }\n                onPaginationChange={handlePaginationChange}\n                onSelectChange={handleSelectChange}\n                onSort={handleSort}\n                onCheckBoxChange={handleRowSelect}\n                onIndeterminateCheckBoxChange={handleAllRowSelect}\n            />\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove products\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDelete}\n            >\n                <p>\n                    {' '}\n                    Are you sure you want to remove this product? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProductListTable\n"],"names":["ProductColumn","row","jsxs","jsx","Avatar","FiPackage","ActionColumn","onEdit","onDelete","Tooltip","TbPencil","TbTrash","ProductListTable","navigate","useNavigate","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","toDeleteId","setToDeleteId","handleCancel","handleDelete","product","handleEdit","handleConfirmDelete","newProductList","productList","setSelectAllProduct","mutate","productListTotal","selectedProduct","tableData","isLoading","setTableData","setSelectedProduct","useProductList","columns","useMemo","props","price","NumericFormat","salesPercentage","sales","Progress","classNames","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","handleAllRowSelect","rows","originalRows","Fragment","DataTable","selected","ConfirmDialog"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { components } from 'react-select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport useProductList from '../hooks/useProductList'\nimport { TbFilter, TbMinus } from 'react-icons/tb'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport classNames from '@/utils/classNames'\n\ntype FormSchema = {\n    minAmount: number | string\n    maxAmount: number | string\n    productStatus: string\n    productType: Array<string>\n}\n\ntype Option = {\n    value: string\n    label: string\n    className: string\n}\n\nconst { Control } = components\n\nconst productStatusOption: Option[] = [\n    { value: 'published', label: 'Published', className: 'bg-emerald-500' },\n    { value: 'inactive', label: 'Inactive', className: 'bg-red-500' },\n    { value: 'scheduled', label: 'Scheduled', className: 'bg-amber-500' },\n    { value: 'draft', label: 'Draft', className: 'bg-gray-400' },\n]\n\nconst productTypeList = ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches']\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n    return (\n        <DefaultOption<Option>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Badge className={data.className} />\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Badge className={classNames('ml-4', selected.className)} />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    minAmount: z.union([z.string(), z.number()]),\n    maxAmount: z.union([z.string(), z.number()]),\n    productStatus: z.string(),\n    productType: z.array(z.string()),\n})\n\nconst ProductTableFilter = () => {\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\n\n    const { filterData, setFilterData } = useProductList()\n\n    const { handleSubmit, control, getValues } = useForm<FormSchema>({\n        defaultValues: filterData,\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setFilterData(values)\n        setFilterIsOpen(false)\n    }\n\n    return (\n        <>\n            <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\n                Filter\n            </Button>\n            <Drawer\n                title=\"Filter\"\n                isOpen={filterIsOpen}\n                onClose={() => setFilterIsOpen(false)}\n                onRequestClose={() => setFilterIsOpen(false)}\n            >\n                <Form\n                    className=\"h-full\"\n                    containerClassName=\"flex flex-col justify-between h-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <div>\n                        <FormItem label=\"Product price\">\n                            <div className=\"flex items-center gap-2\">\n                                <Controller\n                                    name=\"minAmount\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <NumericInput\n                                            thousandSeparator\n                                            type=\"text\"\n                                            inputPrefix=\"$\"\n                                            autoComplete=\"off\"\n                                            placeholder=\"0.00\"\n                                            value={field.value}\n                                            max={getValues('maxAmount')}\n                                            isAllowed={(values) => {\n                                                const { floatValue } = values\n                                                return (\n                                                    (floatValue || 0) <=\n                                                    (getValues(\n                                                        'maxAmount',\n                                                    ) as number)\n                                                )\n                                            }}\n                                            onChange={(e) =>\n                                                field.onChange(e.target.value)\n                                            }\n                                        />\n                                    )}\n                                />\n                                <span>\n                                    <TbMinus />\n                                </span>\n                                <Controller\n                                    name=\"maxAmount\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <NumericInput\n                                            thousandSeparator\n                                            type=\"text\"\n                                            inputPrefix=\"$\"\n                                            autoComplete=\"off\"\n                                            placeholder=\"0.00\"\n                                            value={field.value}\n                                            onChange={field.onChange}\n                                        />\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                        <FormItem label=\"Product status\">\n                            <Controller\n                                name=\"productStatus\"\n                                control={control}\n                                render={({ field }) => (\n                                    <Select<Option>\n                                        options={productStatusOption}\n                                        {...field}\n                                        value={productStatusOption.filter(\n                                            (option) =>\n                                                option.value === field.value,\n                                        )}\n                                        components={{\n                                            Option: CustomSelectOption,\n                                            Control: CustomControl,\n                                        }}\n                                        onChange={(option) =>\n                                            field.onChange(option?.value)\n                                        }\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <FormItem label=\"Product type\">\n                            <div className=\"mt-4\">\n                                <Controller\n                                    name=\"productType\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <Checkbox.Group\n                                            vertical\n                                            className=\"flex\"\n                                            {...field}\n                                        >\n                                            {productTypeList.map(\n                                                (type, index) => (\n                                                    <Checkbox\n                                                        key={type + index}\n                                                        name={field.name}\n                                                        value={type}\n                                                        className=\"justify-between flex-row-reverse heading-text\"\n                                                    >\n                                                        {type}\n                                                    </Checkbox>\n                                                ),\n                                            )}\n                                        </Checkbox.Group>\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                    </div>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Query\n                    </Button>\n                </Form>\n            </Drawer>\n        </>\n    )\n}\n\nexport default ProductTableFilter\n"],"names":["Control","components","productStatusOption","productTypeList","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Badge","CustomControl","children","selected","classNames","validationSchema","z","ProductTableFilter","filterIsOpen","setFilterIsOpen","useState","filterData","setFilterData","useProductList","handleSubmit","control","getValues","useForm","zodResolver","Fragment","Button","TbFilter","Drawer","Form","values","FormItem","Controller","field","NumericInput","floatValue","e","TbMinus","Select","option","Checkbox","type","index"],"mappings":"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"}
+{"version":3,"file":"ProductTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { components } from 'react-select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport useProductList from '../hooks/useProductList'\nimport { TbFilter, TbMinus } from 'react-icons/tb'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport classNames from '@/utils/classNames'\n\ntype FormSchema = {\n    minAmount: number | string\n    maxAmount: number | string\n    productStatus: string\n    productType: Array<string>\n}\n\ntype Option = {\n    value: string\n    label: string\n    className: string\n}\n\nconst { Control } = components\n\nconst productStatusOption: Option[] = [\n    { value: 'published', label: 'Published', className: 'bg-emerald-500' },\n    { value: 'inactive', label: 'Inactive', className: 'bg-red-500' },\n    { value: 'scheduled', label: 'Scheduled', className: 'bg-amber-500' },\n    { value: 'draft', label: 'Draft', className: 'bg-gray-400' },\n]\n\nconst productTypeList = ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches']\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n    return (\n        <DefaultOption<Option>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Badge className={data.className} />\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Badge className={classNames('ml-4', selected.className)} />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    minAmount: z.union([z.string(), z.number()]),\n    maxAmount: z.union([z.string(), z.number()]),\n    productStatus: z.string(),\n    productType: z.array(z.string()),\n})\n\nconst ProductTableFilter = () => {\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\n\n    const { filterData, setFilterData } = useProductList()\n\n    const { handleSubmit, control, getValues } = useForm<FormSchema>({\n        defaultValues: filterData,\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setFilterData(values)\n        setFilterIsOpen(false)\n    }\n\n    return (\n        <>\n            <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\n                Filter\n            </Button>\n            <Drawer\n                title=\"Filter\"\n                isOpen={filterIsOpen}\n                onClose={() => setFilterIsOpen(false)}\n                onRequestClose={() => setFilterIsOpen(false)}\n            >\n                <Form\n                    className=\"h-full\"\n                    containerClassName=\"flex flex-col justify-between h-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <div>\n                        <FormItem label=\"Product price\">\n                            <div className=\"flex items-center gap-2\">\n                                <Controller\n                                    name=\"minAmount\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <NumericInput\n                                            thousandSeparator\n                                            type=\"text\"\n                                            inputPrefix=\"$\"\n                                            autoComplete=\"off\"\n                                            placeholder=\"0.00\"\n                                            value={field.value}\n                                            max={getValues('maxAmount')}\n                                            isAllowed={(values) => {\n                                                const { floatValue } = values\n                                                return (\n                                                    (floatValue || 0) <=\n                                                    (getValues(\n                                                        'maxAmount',\n                                                    ) as number)\n                                                )\n                                            }}\n                                            onChange={(e) =>\n                                                field.onChange(e.target.value)\n                                            }\n                                        />\n                                    )}\n                                />\n                                <span>\n                                    <TbMinus />\n                                </span>\n                                <Controller\n                                    name=\"maxAmount\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <NumericInput\n                                            thousandSeparator\n                                            type=\"text\"\n                                            inputPrefix=\"$\"\n                                            autoComplete=\"off\"\n                                            placeholder=\"0.00\"\n                                            value={field.value}\n                                            onChange={field.onChange}\n                                        />\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                        <FormItem label=\"Product status\">\n                            <Controller\n                                name=\"productStatus\"\n                                control={control}\n                                render={({ field }) => (\n                                    <Select<Option>\n                                        options={productStatusOption}\n                                        {...field}\n                                        value={productStatusOption.filter(\n                                            (option) =>\n                                                option.value === field.value,\n                                        )}\n                                        components={{\n                                            Option: CustomSelectOption,\n                                            Control: CustomControl,\n                                        }}\n                                        onChange={(option) =>\n                                            field.onChange(option?.value)\n                                        }\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <FormItem label=\"Product type\">\n                            <div className=\"mt-4\">\n                                <Controller\n                                    name=\"productType\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <Checkbox.Group\n                                            vertical\n                                            className=\"flex\"\n                                            {...field}\n                                        >\n                                            {productTypeList.map(\n                                                (type, index) => (\n                                                    <Checkbox\n                                                        key={type + index}\n                                                        name={field.name}\n                                                        value={type}\n                                                        className=\"justify-between flex-row-reverse heading-text\"\n                                                    >\n                                                        {type}\n                                                    </Checkbox>\n                                                ),\n                                            )}\n                                        </Checkbox.Group>\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                    </div>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Query\n                    </Button>\n                </Form>\n            </Drawer>\n        </>\n    )\n}\n\nexport default ProductTableFilter\n"],"names":["Control","components","productStatusOption","productTypeList","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Badge","CustomControl","children","selected","classNames","validationSchema","z","ProductTableFilter","filterIsOpen","setFilterIsOpen","useState","filterData","setFilterData","useProductList","handleSubmit","control","getValues","useForm","zodResolver","Fragment","Button","TbFilter","Drawer","Form","values","FormItem","Controller","field","NumericInput","floatValue","e","TbMinus","Select","option","Checkbox","type","index"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM,EAAE,SAAAA,MAAYC,GAEdC,IAAgC;AAAA,EAClC,EAAE,OAAO,aAAa,OAAO,aAAa,WAAW,iBAAA;AAAA,EACrD,EAAE,OAAO,YAAY,OAAO,YAAY,WAAW,aAAA;AAAA,EACnD,EAAE,OAAO,aAAa,OAAO,aAAa,WAAW,eAAA;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,WAAW,cAAA;AACjD,GAEMC,IAAkB,CAAC,QAAQ,UAAU,WAAW,SAAS,SAAS,GAElEC,IAAqB,CAACC,MAEpB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,aAAa,CAACG,GAAMC,MAChB,gBAAAC,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAA,EAAM,WAAWH,EAAK,UAAA,CAAW;AAAA,MAClC,gBAAAF,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAG,EAAA,CAAM;AAAA,IAAA,EAAA,CAC3C;AAAA,EAAA;AAAA,GAMVG,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGR,QAAkC;AACpE,QAAMS,IAAWT,EAAM,SAAA,EAAW,CAAC;AACnC,SACI,gBAAAK,EAACV,GAAA,EAAS,GAAGK,GACR,UAAA;AAAA,IAAAS,uBACIH,GAAA,EAAM,WAAWI,EAAW,QAAQD,EAAS,SAAS,GAAG;AAAA,IAE7DD;AAAA,EAAA,GACL;AAER,GAEMG,IAAwCC,EAAE,OAAO;AAAA,EACnD,WAAWA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAA,CAAQ,CAAC;AAAA,EAC3C,WAAWA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAA,CAAQ,CAAC;AAAA,EAC3C,eAAeA,EAAE,OAAA;AAAA,EACjB,aAAaA,EAAE,MAAMA,EAAE,QAAQ;AACnC,CAAC,GAEKC,KAAqB,MAAM;AAC7B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhD,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC,EAAA,GAEhC,EAAE,cAAAC,GAAc,SAAAC,GAAS,WAAAC,EAAA,IAAcC,EAAoB;AAAA,IAC7D,eAAeN;AAAA,IACf,UAAUO,EAAYb,CAAgB;AAAA,EAAA,CACzC;AAOD,SACI,gBAAAN,EAAAoB,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAxB,EAACyB,GAAA,EAAO,MAAM,gBAAAzB,EAAC0B,GAAA,CAAA,CAAS,GAAI,SAAS,MAAMZ,EAAgB,EAAI,GAAG,UAAA,SAAA,CAElE;AAAA,IACA,gBAAAd;AAAA,MAAC2B;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAQd;AAAA,QACR,SAAS,MAAMC,EAAgB,EAAK;AAAA,QACpC,gBAAgB,MAAMA,EAAgB,EAAK;AAAA,QAE3C,UAAA,gBAAAV;AAAA,UAACwB;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,oBAAmB;AAAA,YACnB,UAAUT,EAnBT,CAACU,MAAuB;AACrC,cAAAZ,EAAcY,CAAM,GACpBf,EAAgB,EAAK;AAAA,YACzB,CAgB+C;AAAA,YAE/B,UAAA;AAAA,cAAA,gBAAAV,EAAC,OAAA,EACG,UAAA;AAAA,gBAAA,gBAAAJ,EAAC8B,KAAS,OAAM,iBACZ,UAAA,gBAAA1B,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,kBAAA,gBAAAJ;AAAA,oBAAC+B;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAX;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAhC;AAAA,wBAACiC;AAAA,wBAAA;AAAA,0BACG,mBAAiB;AAAA,0BACjB,MAAK;AAAA,0BACL,aAAY;AAAA,0BACZ,cAAa;AAAA,0BACb,aAAY;AAAA,0BACZ,OAAOD,EAAM;AAAA,0BACb,KAAKX,EAAU,WAAW;AAAA,0BAC1B,WAAW,CAACQ,MAAW;AACnB,kCAAM,EAAE,YAAAK,MAAeL;AACvB,oCACKK,KAAc,MACdb;AAAA,8BACG;AAAA,4BAAA;AAAA,0BAGZ;AAAA,0BACA,UAAU,CAACc,MACPH,EAAM,SAASG,EAAE,OAAO,KAAK;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAErC;AAAA,kBAAA;AAAA,kBAGR,gBAAAnC,EAAC,QAAA,EACG,UAAA,gBAAAA,EAACoC,GAAA,CAAA,CAAQ,GACb;AAAA,kBACA,gBAAApC;AAAA,oBAAC+B;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAX;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAhC;AAAA,wBAACiC;AAAA,wBAAA;AAAA,0BACG,mBAAiB;AAAA,0BACjB,MAAK;AAAA,0BACL,aAAY;AAAA,0BACZ,cAAa;AAAA,0BACb,aAAY;AAAA,0BACZ,OAAOD,EAAM;AAAA,0BACb,UAAUA,EAAM;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACpB;AAAA,kBAAA;AAAA,gBAER,EAAA,CACJ,EAAA,CACJ;AAAA,gBACA,gBAAAhC,EAAC8B,GAAA,EAAS,OAAM,kBACZ,UAAA,gBAAA9B;AAAA,kBAAC+B;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAX;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAhC;AAAA,sBAACqC;AAAA,sBAAA;AAAA,wBACG,SAASzC;AAAA,wBACR,GAAGoC;AAAA,wBACJ,OAAOpC,EAAoB;AAAA,0BACvB,CAAC0C,MACGA,EAAO,UAAUN,EAAM;AAAA,wBAAA;AAAA,wBAE/B,YAAY;AAAA,0BACR,QAAQlC;AAAA,0BACR,SAASQ;AAAA,wBAAA;AAAA,wBAEb,UAAU,CAACgC,MACPN,EAAM,SAASM,KAAA,gBAAAA,EAAQ,KAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAEpC;AAAA,gBAAA,GAGZ;AAAA,kCACCR,GAAA,EAAS,OAAM,gBACZ,UAAA,gBAAA9B,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,kBAAC+B;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAX;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAhC;AAAA,sBAACuC,EAAS;AAAA,sBAAT;AAAA,wBACG,UAAQ;AAAA,wBACR,WAAU;AAAA,wBACT,GAAGP;AAAA,wBAEH,UAAAnC,EAAgB;AAAA,0BACb,CAAC2C,GAAMC,MACH,gBAAAzC;AAAA,4BAACuC;AAAA,4BAAA;AAAA,8BAEG,MAAMP,EAAM;AAAA,8BACZ,OAAOQ;AAAA,8BACP,WAAU;AAAA,8BAET,UAAAA;AAAA,4BAAA;AAAA,4BALIA,IAAOC;AAAA,0BAAA;AAAA,wBAMhB;AAAA,sBAER;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBAAA,GAGZ,EAAA,CACJ;AAAA,cAAA,GACJ;AAAA,gCACChB,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,QAAA,CAEtC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"IssueBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueBody.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { useState, useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tag from '@/components/ui/Tag'\nimport Badge from '@/components/ui/Badge'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport IssueField from './IssueField'\nimport IssueFieldDropdown from './IssueFieldDropdown'\nimport classNames from '@/utils/classNames'\nimport dayjs from 'dayjs'\nimport ReactHtmlParser from 'html-react-parser'\nimport {\n    TbTag,\n    TbCircle,\n    TbFlag,\n    TbFlag2Filled,\n    TbUser,\n    TbClock,\n    TbCheck,\n} from 'react-icons/tb'\nimport { useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport type { RichTextEditorRef } from '@/components/shared/RichTextEditor'\n\nexport const labelList = [\n    { id: '1', title: 'Bug' },\n    { id: '2', title: 'Live issue' },\n    { id: '3', title: 'Task' },\n    { id: '4', title: 'Optimization' },\n]\n\nexport const taskLabelColors: Record<string, string> = {\n    'Live issue': 'bg-rose-200 dark:bg-rose-200 dark:text-gray-900',\n    Task: 'bg-blue-200 dark:bg-blue-200 dark:text-gray-900',\n    Bug: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n    Optimization: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\n    'In progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\n    Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\n    Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n}\n\nconst statusList: string[] = ['Pending', 'In progress', 'Completed']\n\nconst priorityList: string[] = ['Low', 'Medium', 'High']\n\nconst flagColors: Record<string, { text: string; bg: string }> = {\n    Low: {\n        text: 'text-success',\n        bg: 'bg-success',\n    },\n    Medium: {\n        text: 'text-warning',\n        bg: 'bg-warning',\n    },\n    High: {\n        text: 'text-error',\n        bg: 'bg-error',\n    },\n}\n\nconst IssueBody = () => {\n    const descriptionInput = useRef<RichTextEditorRef>(null)\n\n    const { issueData, updateIssueData, memberList } = useIssueStore()\n\n    const [editDescription, setEditDescription] = useState(false)\n\n    const createNewData = () => {\n        return { ...issueData }\n    }\n\n    const handleAddLabelClick = (value: string) => {\n        const newData = createNewData()\n        if (newData.labels.some((label) => label.id === value)) {\n            newData.labels = newData.labels.filter(\n                (label) => label.id !== value,\n            )\n        } else {\n            const label = labelList.find((label) => label.id === value)\n            if (label) {\n                newData.labels.push(label)\n            }\n        }\n        updateIssueData(newData)\n    }\n\n    const handleChangeStatusClick = (value: string) => {\n        const newData = createNewData()\n        newData.status = value\n        updateIssueData(newData)\n    }\n\n    const handlePriorityChange = (value: string) => {\n        const newData = createNewData()\n        newData.priority = value\n        updateIssueData(newData)\n    }\n\n    const handleAddMember = (value: string) => {\n        const newData = createNewData()\n        if (newData.assignees.some((member) => member.id === value)) {\n            newData.assignees = newData.assignees.filter(\n                (member) => member.id !== value,\n            )\n        } else {\n            const member = memberList.find((member) => member.id === value)\n            if (member) {\n                newData.assignees.push(member)\n            }\n        }\n        updateIssueData(newData)\n    }\n\n    const handleDueDateChange = (date: Date) => {\n        const newData = createNewData()\n        newData.dueDate = dayjs(date).unix()\n        updateIssueData(newData)\n    }\n\n    const handleDescriptionChange = (value: string) => {\n        const newData = createNewData()\n        newData.description = value\n        updateIssueData(newData)\n    }\n\n    const editor = useEditor({\n        extensions: [\n            StarterKit.configure({\n                bulletList: {\n                    keepMarks: true,\n                },\n                orderedList: {\n                    keepMarks: true,\n                },\n            }),\n        ],\n        editorProps: {\n            attributes: {\n                class: 'm-2 focus:outline-none',\n            },\n        },\n        content: issueData.description,\n        onUpdate({ editor }) {\n            handleDescriptionChange(editor.getHTML())\n        },\n    })\n\n    const handleDescriptionClick = () => {\n        setEditDescription(true)\n        editor?.chain().focus()\n    }\n\n    return (\n        <div>\n            <div className=\"grid grid-cols-1 xl:grid-cols-2 gap-x-4\">\n                <div className=\"flex flex-col\">\n                    <IssueFieldDropdown\n                        title=\"Label\"\n                        icon={<TbTag />}\n                        dropdownTrigger={\n                            <>\n                                {issueData.labels?.map((label, index) => (\n                                    <Tag\n                                        key={label.title + index}\n                                        className={`${\n                                            taskLabelColors[label.title]\n                                        }`}\n                                    >\n                                        {label.title}\n                                    </Tag>\n                                ))}\n                            </>\n                        }\n                    >\n                        {labelList.map((label) => (\n                            <Dropdown.Item\n                                key={label.title}\n                                eventKey={label.id}\n                                onSelect={handleAddLabelClick}\n                            >\n                                <div className=\"flex items-center relative\">\n                                    {issueData.labels.some(\n                                        (labelitem) =>\n                                            labelitem.id === label.id,\n                                    ) && (\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n                                    )}\n                                    <span\n                                        className={classNames(\n                                            issueData.labels.length > 0 &&\n                                                'mx-5',\n                                        )}\n                                    >\n                                        {label.title}\n                                    </span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueFieldDropdown\n                        title=\"Status\"\n                        icon={<TbCircle />}\n                        dropdownTrigger={\n                            <Tag\n                                className={`${\n                                    taskLabelColors[issueData.status || '']\n                                }`}\n                            >\n                                {issueData.status}\n                            </Tag>\n                        }\n                    >\n                        {statusList.map((status) => (\n                            <Dropdown.Item\n                                key={status}\n                                eventKey={status}\n                                active={status === issueData.status}\n                                onSelect={handleChangeStatusClick}\n                            >\n                                <div className=\"flex items-center relative\">\n                                    <span>{status}</span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueFieldDropdown\n                        title=\"Priority\"\n                        icon={<TbFlag />}\n                        dropdownTrigger={\n                            <div className=\"flex items-center gap-2\">\n                                <TbFlag2Filled\n                                    className={classNames(\n                                        'text-lg',\n                                        `${\n                                            flagColors[issueData.priority || '']\n                                                ?.text\n                                        }`,\n                                    )}\n                                />\n                                <span className=\"font-semibold\">\n                                    {issueData.priority}\n                                </span>\n                            </div>\n                        }\n                    >\n                        {priorityList.map((priority) => (\n                            <Dropdown.Item\n                                key={priority}\n                                eventKey={priority}\n                                active={priority === issueData.priority}\n                                onSelect={handlePriorityChange}\n                            >\n                                <div className=\"flex items-center\">\n                                    <Badge\n                                        innerClass={`${flagColors[priority]?.bg}`}\n                                    />\n                                    <span className=\"ml-2 rtl:mr-2\">\n                                        {priority}\n                                    </span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                </div>\n                <div className=\"flex flex-col\">\n                    <IssueFieldDropdown\n                        title=\"Assigned to\"\n                        icon={<TbUser />}\n                        dropdownTrigger={\n                            <UsersAvatarGroup\n                                className=\"gap-1\"\n                                avatarProps={{\n                                    className: 'cursor-pointer',\n                                }}\n                                avatarGroupProps={{ maxCount: 4 }}\n                                chained={false}\n                                users={issueData.assignees}\n                            />\n                        }\n                    >\n                        {memberList.map((member) => (\n                            <Dropdown.Item\n                                key={member.name}\n                                eventKey={member.id}\n                                onSelect={handleAddMember}\n                            >\n                                <div\n                                    className={classNames(\n                                        'flex items-center justify-between relative',\n                                    )}\n                                >\n                                    {issueData.assignees.some(\n                                        (assignee) => assignee.id === member.id,\n                                    ) && (\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n                                    )}\n                                    <div\n                                        className={classNames(\n                                            'flex items-center gap-2',\n                                            issueData.labels.length > 0 &&\n                                                'mx-5',\n                                        )}\n                                    >\n                                        <Avatar\n                                            shape=\"circle\"\n                                            size={22}\n                                            src={member.img}\n                                        />\n                                        <span>{member.name}</span>\n                                    </div>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueField title=\"Due date\" icon={<TbClock />}>\n                        <div className=\"flex items-center gap-1 px-3 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 cursor-pointer w-full min-h-[46px] relative\">\n                            <span className=\"font-semibold\">\n                                {dayjs\n                                    .unix(issueData.dueDate || 0)\n                                    .format('MMMM DD')}\n                            </span>\n                            <DatePicker\n                                className=\"opacity-0 cursor-pointer absolute\"\n                                value={dayjs\n                                    .unix(issueData.dueDate || dayjs().unix())\n                                    .toDate()}\n                                inputtable={false}\n                                inputPrefix={null}\n                                inputSuffix={null}\n                                clearable={false}\n                                onChange={(date) =>\n                                    handleDueDateChange(date as Date)\n                                }\n                            />\n                        </div>\n                    </IssueField>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-4\">Description</h5>\n                {editDescription ? (\n                    <RichTextEditor\n                        ref={descriptionInput}\n                        content={issueData.description}\n                        customEditor={editor}\n                        onBlur={() => setEditDescription(false)}\n                    />\n                ) : (\n                    <div\n                        className=\"mt-2 prose max-w-full cursor-pointer\"\n                        role=\"button\"\n                        onClick={handleDescriptionClick}\n                    >\n                        <div className=\"prose-p:text-sm prose-p:dark:text-gray-400\">\n                            {ReactHtmlParser(issueData.description || '')}\n                        </div>\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n\nexport default IssueBody\n"],"names":["labelList","taskLabelColors","statusList","priorityList","flagColors","IssueBody","descriptionInput","useRef","issueData","updateIssueData","memberList","useIssueStore","editDescription","setEditDescription","useState","createNewData","handleAddLabelClick","value","newData","label","handleChangeStatusClick","handlePriorityChange","handleAddMember","member","handleDueDateChange","date","dayjs","handleDescriptionChange","editor","useEditor","StarterKit","handleDescriptionClick","jsxs","jsx","IssueFieldDropdown","TbTag","Fragment","_a","index","Tag","Dropdown","labelitem","TbCheck","classNames","TbCircle","status","TbFlag","TbFlag2Filled","_b","priority","Badge","TbUser","UsersAvatarGroup","assignee","Avatar","IssueField","TbClock","DatePicker","RichTextEditor"],"mappings":"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"}
+{"version":3,"file":"IssueBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueBody.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { useState, useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tag from '@/components/ui/Tag'\nimport Badge from '@/components/ui/Badge'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport IssueField from './IssueField'\nimport IssueFieldDropdown from './IssueFieldDropdown'\nimport classNames from '@/utils/classNames'\nimport dayjs from 'dayjs'\nimport ReactHtmlParser from 'html-react-parser'\nimport {\n    TbTag,\n    TbCircle,\n    TbFlag,\n    TbFlag2Filled,\n    TbUser,\n    TbClock,\n    TbCheck,\n} from 'react-icons/tb'\nimport { useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport type { RichTextEditorRef } from '@/components/shared/RichTextEditor'\n\nexport const labelList = [\n    { id: '1', title: 'Bug' },\n    { id: '2', title: 'Live issue' },\n    { id: '3', title: 'Task' },\n    { id: '4', title: 'Optimization' },\n]\n\nexport const taskLabelColors: Record<string, string> = {\n    'Live issue': 'bg-rose-200 dark:bg-rose-200 dark:text-gray-900',\n    Task: 'bg-blue-200 dark:bg-blue-200 dark:text-gray-900',\n    Bug: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n    Optimization: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\n    'In progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\n    Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\n    Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n}\n\nconst statusList: string[] = ['Pending', 'In progress', 'Completed']\n\nconst priorityList: string[] = ['Low', 'Medium', 'High']\n\nconst flagColors: Record<string, { text: string; bg: string }> = {\n    Low: {\n        text: 'text-success',\n        bg: 'bg-success',\n    },\n    Medium: {\n        text: 'text-warning',\n        bg: 'bg-warning',\n    },\n    High: {\n        text: 'text-error',\n        bg: 'bg-error',\n    },\n}\n\nconst IssueBody = () => {\n    const descriptionInput = useRef<RichTextEditorRef>(null)\n\n    const { issueData, updateIssueData, memberList } = useIssueStore()\n\n    const [editDescription, setEditDescription] = useState(false)\n\n    const createNewData = () => {\n        return { ...issueData }\n    }\n\n    const handleAddLabelClick = (value: string) => {\n        const newData = createNewData()\n        if (newData.labels.some((label) => label.id === value)) {\n            newData.labels = newData.labels.filter(\n                (label) => label.id !== value,\n            )\n        } else {\n            const label = labelList.find((label) => label.id === value)\n            if (label) {\n                newData.labels.push(label)\n            }\n        }\n        updateIssueData(newData)\n    }\n\n    const handleChangeStatusClick = (value: string) => {\n        const newData = createNewData()\n        newData.status = value\n        updateIssueData(newData)\n    }\n\n    const handlePriorityChange = (value: string) => {\n        const newData = createNewData()\n        newData.priority = value\n        updateIssueData(newData)\n    }\n\n    const handleAddMember = (value: string) => {\n        const newData = createNewData()\n        if (newData.assignees.some((member) => member.id === value)) {\n            newData.assignees = newData.assignees.filter(\n                (member) => member.id !== value,\n            )\n        } else {\n            const member = memberList.find((member) => member.id === value)\n            if (member) {\n                newData.assignees.push(member)\n            }\n        }\n        updateIssueData(newData)\n    }\n\n    const handleDueDateChange = (date: Date) => {\n        const newData = createNewData()\n        newData.dueDate = dayjs(date).unix()\n        updateIssueData(newData)\n    }\n\n    const handleDescriptionChange = (value: string) => {\n        const newData = createNewData()\n        newData.description = value\n        updateIssueData(newData)\n    }\n\n    const editor = useEditor({\n        extensions: [\n            StarterKit.configure({\n                bulletList: {\n                    keepMarks: true,\n                },\n                orderedList: {\n                    keepMarks: true,\n                },\n            }),\n        ],\n        editorProps: {\n            attributes: {\n                class: 'm-2 focus:outline-none',\n            },\n        },\n        content: issueData.description,\n        onUpdate({ editor }) {\n            handleDescriptionChange(editor.getHTML())\n        },\n    })\n\n    const handleDescriptionClick = () => {\n        setEditDescription(true)\n        editor?.chain().focus()\n    }\n\n    return (\n        <div>\n            <div className=\"grid grid-cols-1 xl:grid-cols-2 gap-x-4\">\n                <div className=\"flex flex-col\">\n                    <IssueFieldDropdown\n                        title=\"Label\"\n                        icon={<TbTag />}\n                        dropdownTrigger={\n                            <>\n                                {issueData.labels?.map((label, index) => (\n                                    <Tag\n                                        key={label.title + index}\n                                        className={`${\n                                            taskLabelColors[label.title]\n                                        }`}\n                                    >\n                                        {label.title}\n                                    </Tag>\n                                ))}\n                            </>\n                        }\n                    >\n                        {labelList.map((label) => (\n                            <Dropdown.Item\n                                key={label.title}\n                                eventKey={label.id}\n                                onSelect={handleAddLabelClick}\n                            >\n                                <div className=\"flex items-center relative\">\n                                    {issueData.labels.some(\n                                        (labelitem) =>\n                                            labelitem.id === label.id,\n                                    ) && (\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n                                    )}\n                                    <span\n                                        className={classNames(\n                                            issueData.labels.length > 0 &&\n                                                'mx-5',\n                                        )}\n                                    >\n                                        {label.title}\n                                    </span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueFieldDropdown\n                        title=\"Status\"\n                        icon={<TbCircle />}\n                        dropdownTrigger={\n                            <Tag\n                                className={`${\n                                    taskLabelColors[issueData.status || '']\n                                }`}\n                            >\n                                {issueData.status}\n                            </Tag>\n                        }\n                    >\n                        {statusList.map((status) => (\n                            <Dropdown.Item\n                                key={status}\n                                eventKey={status}\n                                active={status === issueData.status}\n                                onSelect={handleChangeStatusClick}\n                            >\n                                <div className=\"flex items-center relative\">\n                                    <span>{status}</span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueFieldDropdown\n                        title=\"Priority\"\n                        icon={<TbFlag />}\n                        dropdownTrigger={\n                            <div className=\"flex items-center gap-2\">\n                                <TbFlag2Filled\n                                    className={classNames(\n                                        'text-lg',\n                                        `${\n                                            flagColors[issueData.priority || '']\n                                                ?.text\n                                        }`,\n                                    )}\n                                />\n                                <span className=\"font-semibold\">\n                                    {issueData.priority}\n                                </span>\n                            </div>\n                        }\n                    >\n                        {priorityList.map((priority) => (\n                            <Dropdown.Item\n                                key={priority}\n                                eventKey={priority}\n                                active={priority === issueData.priority}\n                                onSelect={handlePriorityChange}\n                            >\n                                <div className=\"flex items-center\">\n                                    <Badge\n                                        innerClass={`${flagColors[priority]?.bg}`}\n                                    />\n                                    <span className=\"ml-2 rtl:mr-2\">\n                                        {priority}\n                                    </span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                </div>\n                <div className=\"flex flex-col\">\n                    <IssueFieldDropdown\n                        title=\"Assigned to\"\n                        icon={<TbUser />}\n                        dropdownTrigger={\n                            <UsersAvatarGroup\n                                className=\"gap-1\"\n                                avatarProps={{\n                                    className: 'cursor-pointer',\n                                }}\n                                avatarGroupProps={{ maxCount: 4 }}\n                                chained={false}\n                                users={issueData.assignees}\n                            />\n                        }\n                    >\n                        {memberList.map((member) => (\n                            <Dropdown.Item\n                                key={member.name}\n                                eventKey={member.id}\n                                onSelect={handleAddMember}\n                            >\n                                <div\n                                    className={classNames(\n                                        'flex items-center justify-between relative',\n                                    )}\n                                >\n                                    {issueData.assignees.some(\n                                        (assignee) => assignee.id === member.id,\n                                    ) && (\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n                                    )}\n                                    <div\n                                        className={classNames(\n                                            'flex items-center gap-2',\n                                            issueData.labels.length > 0 &&\n                                                'mx-5',\n                                        )}\n                                    >\n                                        <Avatar\n                                            shape=\"circle\"\n                                            size={22}\n                                            src={member.img}\n                                        />\n                                        <span>{member.name}</span>\n                                    </div>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueField title=\"Due date\" icon={<TbClock />}>\n                        <div className=\"flex items-center gap-1 px-3 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 cursor-pointer w-full min-h-[46px] relative\">\n                            <span className=\"font-semibold\">\n                                {dayjs\n                                    .unix(issueData.dueDate || 0)\n                                    .format('MMMM DD')}\n                            </span>\n                            <DatePicker\n                                className=\"opacity-0 cursor-pointer absolute\"\n                                value={dayjs\n                                    .unix(issueData.dueDate || dayjs().unix())\n                                    .toDate()}\n                                inputtable={false}\n                                inputPrefix={null}\n                                inputSuffix={null}\n                                clearable={false}\n                                onChange={(date) =>\n                                    handleDueDateChange(date as Date)\n                                }\n                            />\n                        </div>\n                    </IssueField>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-4\">Description</h5>\n                {editDescription ? (\n                    <RichTextEditor\n                        ref={descriptionInput}\n                        content={issueData.description}\n                        customEditor={editor}\n                        onBlur={() => setEditDescription(false)}\n                    />\n                ) : (\n                    <div\n                        className=\"mt-2 prose max-w-full cursor-pointer\"\n                        role=\"button\"\n                        onClick={handleDescriptionClick}\n                    >\n                        <div className=\"prose-p:text-sm prose-p:dark:text-gray-400\">\n                            {ReactHtmlParser(issueData.description || '')}\n                        </div>\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n\nexport default IssueBody\n"],"names":["labelList","taskLabelColors","statusList","priorityList","flagColors","IssueBody","descriptionInput","useRef","issueData","updateIssueData","memberList","useIssueStore","editDescription","setEditDescription","useState","createNewData","handleAddLabelClick","value","newData","label","handleChangeStatusClick","handlePriorityChange","handleAddMember","member","handleDueDateChange","date","dayjs","handleDescriptionChange","editor","useEditor","StarterKit","handleDescriptionClick","jsxs","jsx","IssueFieldDropdown","TbTag","Fragment","_a","index","Tag","Dropdown","labelitem","TbCheck","classNames","TbCircle","status","TbFlag","TbFlag2Filled","_b","priority","Badge","TbUser","UsersAvatarGroup","assignee","Avatar","IssueField","TbClock","DatePicker","RichTextEditor"],"mappings":"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"}