@orbe-agro/client-core 5.3.147 → 5.3.156

package/dist/@ecme/views/concepts/files/FileManager/components/UploadFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadFile.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/UploadFile.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Upload from '@/components/ui/Upload'\nimport toast from '@/components/ui/toast'\nimport Notification from '@/components/ui/Notification'\nimport UploadMedia from '@/assets/svg/UploadMedia'\nimport sleep from '@/utils/sleep'\n\nconst UploadFile = () => {\n    const [uploadDialogOpen, setUploadDialogOpen] = useState(false)\n    const [isUploading, setIsUploading] = useState(false)\n    const [uploadedFiles, setUploadedFiles] = useState<File[]>([])\n\n    const handleUploadDialogClose = () => {\n        setUploadDialogOpen(false)\n    }\n\n    const handleUpload = async () => {\n        setIsUploading(true)\n        await sleep(500)\n        handleUploadDialogClose()\n        setIsUploading(false)\n        toast.push(\n            <Notification title={'Successfully uploaded'} type=\"success\" />,\n            { placement: 'top-center' },\n        )\n    }\n\n    return (\n        <>\n            <Button variant=\"solid\" onClick={() => setUploadDialogOpen(true)}>\n                Upload\n            </Button>\n            <Dialog\n                isOpen={uploadDialogOpen}\n                onClose={handleUploadDialogClose}\n                onRequestClose={handleUploadDialogClose}\n            >\n                <h4>Upload Files</h4>\n                <Upload\n                    draggable\n                    className=\"mt-6 bg-gray-100\"\n                    onChange={setUploadedFiles}\n                    onFileRemove={setUploadedFiles}\n                >\n                    <div className=\"my-4 text-center\">\n                        <div className=\"text-6xl mb-4 flex justify-center\">\n                            <UploadMedia height={150} width={200} />\n                        </div>\n                        <p className=\"font-semibold\">\n                            <span className=\"text-gray-800 dark:text-white\">\n                                Drop your files here, or{' '}\n                            </span>\n                            <span className=\"text-blue-500\">browse</span>\n                        </p>\n                        <p className=\"mt-1 font-semibold opacity-60 dark:text-white\">\n                            through your machine\n                        </p>\n                    </div>\n                </Upload>\n                <div className=\"mt-4\">\n                    <Button\n                        block\n                        loading={isUploading}\n                        variant=\"solid\"\n                        disabled={uploadedFiles.length === 0}\n                        onClick={handleUpload}\n                    >\n                        Upload\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default UploadFile\n"],"names":["UploadFile","uploadDialogOpen","setUploadDialogOpen","useState","isUploading","setIsUploading","uploadedFiles","setUploadedFiles","handleUploadDialogClose","handleUpload","sleep","toast","jsx","Notification","jsxs","Fragment","Button","Dialog","Upload","UploadMedia"],"mappings":";;;;;;;;;;;;;;AASA,MAAMA,IAAa,MAAM;AACrB,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxD,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAC9C,CAACG,GAAeC,CAAgB,IAAIJ,EAAiB,CAAA,CAAE,GAEvDK,IAA0B,MAAM;AAClC,IAAAN,EAAoB,EAAK;AAAA,EAC7B,GAEMO,IAAe,YAAY;AAC7B,IAAAJ,EAAe,EAAI,GACnB,MAAMK,EAAM,GAAG,GACfF,EAAA,GACAH,EAAe,EAAK,GACpBM,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,OAAO,yBAAyB,MAAK,WAAU;AAAA,MAC7D,EAAE,WAAW,aAAA;AAAA,IAAa;AAAA,EAElC;AAEA,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAO,SAAQ,SAAQ,SAAS,MAAMd,EAAoB,EAAI,GAAG,UAAA,SAAA,CAElE;AAAA,IACA,gBAAAY;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,QAAQhB;AAAA,QACR,SAASO;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAI,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,UAChB,gBAAAA;AAAA,YAACM;AAAA,YAAA;AAAA,cACG,WAAS;AAAA,cACT,WAAU;AAAA,cACV,UAAUX;AAAA,cACV,cAAcA;AAAA,cAEd,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,gBAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA,gBAAAA,EAACO,KAAY,QAAQ,KAAK,OAAO,IAAA,CAAK,EAAA,CAC1C;AAAA,gBACA,gBAAAL,EAAC,KAAA,EAAE,WAAU,iBACT,UAAA;AAAA,kBAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,oBAAA;AAAA,oBACnB;AAAA,kBAAA,GAC7B;AAAA,kBACA,gBAAAF,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,SAAA,CAAM;AAAA,gBAAA,GAC1C;AAAA,gBACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,iDAAgD,UAAA,uBAAA,CAE7D;AAAA,cAAA,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJ,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,OAAK;AAAA,cACL,SAASZ;AAAA,cACT,SAAQ;AAAA,cACR,UAAUE,EAAc,WAAW;AAAA,cACnC,SAASG;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAED,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"UploadFile.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/UploadFile.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Upload from '@/components/ui/Upload'\nimport toast from '@/components/ui/toast'\nimport Notification from '@/components/ui/Notification'\nimport UploadMedia from '@/assets/svg/UploadMedia'\nimport sleep from '@/utils/sleep'\n\nconst UploadFile = () => {\n    const [uploadDialogOpen, setUploadDialogOpen] = useState(false)\n    const [isUploading, setIsUploading] = useState(false)\n    const [uploadedFiles, setUploadedFiles] = useState<File[]>([])\n\n    const handleUploadDialogClose = () => {\n        setUploadDialogOpen(false)\n    }\n\n    const handleUpload = async () => {\n        setIsUploading(true)\n        await sleep(500)\n        handleUploadDialogClose()\n        setIsUploading(false)\n        toast.push(\n            <Notification title={'Successfully uploaded'} type=\"success\" />,\n            { placement: 'top-center' },\n        )\n    }\n\n    return (\n        <>\n            <Button variant=\"solid\" onClick={() => setUploadDialogOpen(true)}>\n                Upload\n            </Button>\n            <Dialog\n                isOpen={uploadDialogOpen}\n                onClose={handleUploadDialogClose}\n                onRequestClose={handleUploadDialogClose}\n            >\n                <h4>Upload Files</h4>\n                <Upload\n                    draggable\n                    className=\"mt-6 bg-gray-100\"\n                    onChange={setUploadedFiles}\n                    onFileRemove={setUploadedFiles}\n                >\n                    <div className=\"my-4 text-center\">\n                        <div className=\"text-6xl mb-4 flex justify-center\">\n                            <UploadMedia height={150} width={200} />\n                        </div>\n                        <p className=\"font-semibold\">\n                            <span className=\"text-gray-800 dark:text-white\">\n                                Drop your files here, or{' '}\n                            </span>\n                            <span className=\"text-blue-500\">browse</span>\n                        </p>\n                        <p className=\"mt-1 font-semibold opacity-60 dark:text-white\">\n                            through your machine\n                        </p>\n                    </div>\n                </Upload>\n                <div className=\"mt-4\">\n                    <Button\n                        block\n                        loading={isUploading}\n                        variant=\"solid\"\n                        disabled={uploadedFiles.length === 0}\n                        onClick={handleUpload}\n                    >\n                        Upload\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default UploadFile\n"],"names":["UploadFile","uploadDialogOpen","setUploadDialogOpen","useState","isUploading","setIsUploading","uploadedFiles","setUploadedFiles","handleUploadDialogClose","handleUpload","sleep","toast","jsx","Notification","jsxs","Fragment","Button","Dialog","Upload","UploadMedia"],"mappings":";;;;;;;;;;;;;;AASA,MAAMA,IAAa,MAAM;AACrB,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxD,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAC9C,CAACG,GAAeC,CAAgB,IAAIJ,EAAiB,CAAA,CAAE,GAEvDK,IAA0B,MAAM;AAClC,IAAAN,EAAoB,EAAK;AAAA,EAC7B,GAEMO,IAAe,YAAY;AAC7B,IAAAJ,EAAe,EAAI,GACnB,MAAMK,EAAM,GAAG,GACSF,EAAA,GACxBH,EAAe,EAAK,GACdM,EAAA;AAAA,MACD,gBAAAC,EAAAC,GAAA,EAAa,OAAO,yBAAyB,MAAK,WAAU;AAAA,MAC7D,EAAE,WAAW,aAAa;AAAA,IAC9B;AAAA,EACJ;AAEA,SAEQ,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAO,SAAQ,SAAQ,SAAS,MAAMd,EAAoB,EAAI,GAAG,UAElE,SAAA,CAAA;AAAA,IACA,gBAAAY;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,QAAQhB;AAAA,QACR,SAASO;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAI,EAAC,QAAG,UAAY,eAAA,CAAA;AAAA,UAChB,gBAAAA;AAAA,YAACM;AAAA,YAAA;AAAA,cACG,WAAS;AAAA,cACT,WAAU;AAAA,cACV,UAAUX;AAAA,cACV,cAAcA;AAAA,cAEd,UAAA,gBAAAO,EAAC,OAAI,EAAA,WAAU,oBACX,UAAA;AAAA,gBAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA,gBAAAA,EAACO,KAAY,QAAQ,KAAK,OAAO,IAAA,CAAK,EAC1C,CAAA;AAAA,gBACA,gBAAAL,EAAC,KAAE,EAAA,WAAU,iBACT,UAAA;AAAA,kBAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,oBAAA;AAAA,oBACnB;AAAA,kBAAA,GAC7B;AAAA,kBACC,gBAAAF,EAAA,QAAA,EAAK,WAAU,iBAAgB,UAAM,SAAA,CAAA;AAAA,gBAAA,GAC1C;AAAA,gBACC,gBAAAA,EAAA,KAAA,EAAE,WAAU,iDAAgD,UAE7D,uBAAA,CAAA;AAAA,cAAA,EACJ,CAAA;AAAA,YAAA;AAAA,UACJ;AAAA,UACA,gBAAAA,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,OAAK;AAAA,cACL,SAASZ;AAAA,cACT,SAAQ;AAAA,cACR,UAAUE,EAAc,WAAW;AAAA,cACnC,SAASG;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAGL,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/files/FileManager/store/useFileManagerStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFileManagerStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/store/useFileManagerStore.tsx"],"sourcesContent":["import { create } from 'zustand'\nimport type { Files, Directories, Layout } from '../types'\n\ntype DialogProps = { id: string; open: boolean }\n\nexport type FileManagerState = {\n    fileList: Files\n    layout: Layout\n    selectedFile: string\n    openedDirectoryId: string\n    directories: Directories\n    deleteDialog: DialogProps\n    inviteDialog: DialogProps\n    renameDialog: DialogProps\n}\n\ntype FileManagerAction = {\n    setFileList: (payload: Files) => void\n    setLayout: (payload: Layout) => void\n    setOpenedDirectoryId: (payload: string) => void\n    setDirectories: (payload: Directories) => void\n    setSelectedFile: (payload: string) => void\n    setDeleteDialog: (paload: DialogProps) => void\n    setInviteDialog: (paload: DialogProps) => void\n    setRenameDialog: (paload: DialogProps) => void\n    deleteFile: (payload: string) => void\n    renameFile: (payload: { id: string; fileName: string }) => void\n}\n\nconst initialState: FileManagerState = {\n    fileList: [],\n    layout: 'grid',\n    selectedFile: '',\n    openedDirectoryId: '',\n    directories: [],\n    deleteDialog: { open: false, id: '' },\n    inviteDialog: { open: false, id: '' },\n    renameDialog: { open: false, id: '' },\n}\n\nexport const useFileManagerStore = create<FileManagerState & FileManagerAction>(\n    (set, get) => ({\n        ...initialState,\n        setFileList: (payload) => set(() => ({ fileList: payload })),\n        setLayout: (payload: Layout) => set(() => ({ layout: payload })),\n        setOpenedDirectoryId: (payload) =>\n            set(() => ({ openedDirectoryId: payload })),\n        setSelectedFile: (payload) => set(() => ({ selectedFile: payload })),\n        setDirectories: (payload) => set(() => ({ directories: payload })),\n        setDeleteDialog: (payload) => set(() => ({ deleteDialog: payload })),\n        setInviteDialog: (payload) => set(() => ({ inviteDialog: payload })),\n        setRenameDialog: (payload) => set(() => ({ renameDialog: payload })),\n        deleteFile: (payload) =>\n            set(() => ({\n                fileList: get().fileList.filter((file) => file.id !== payload),\n            })),\n        renameFile: (payload) =>\n            set(() => ({\n                fileList: get().fileList.map((file) => {\n                    if (file.id === payload.id) {\n                        const fileAbbreviationArr = file.name.split('.')\n                        const fileAbbreviation =\n                            fileAbbreviationArr[fileAbbreviationArr.length - 1]\n\n                        if (fileAbbreviationArr.length > 1) {\n                            file.name = `${payload.fileName}.${fileAbbreviation}`\n                        } else {\n                            file.name = payload.fileName\n                        }\n                    }\n                    return file\n                }),\n            })),\n    }),\n)\n"],"names":["initialState","useFileManagerStore","create","set","get","payload","file","fileAbbreviationArr","fileAbbreviation"],"mappings":";AA6BA,MAAMA,IAAiC;AAAA,EACnC,UAAU,CAAA;AAAA,EACV,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,aAAa,CAAA;AAAA,EACb,cAAc,EAAE,MAAM,IAAO,IAAI,GAAA;AAAA,EACjC,cAAc,EAAE,MAAM,IAAO,IAAI,GAAA;AAAA,EACjC,cAAc,EAAE,MAAM,IAAO,IAAI,GAAA;AACrC,GAEaC,IAAsBC;AAAA,EAC/B,CAACC,GAAKC,OAAS;AAAA,IACX,GAAGJ;AAAA,IACH,aAAa,CAACK,MAAYF,EAAI,OAAO,EAAE,UAAUE,IAAU;AAAA,IAC3D,WAAW,CAACA,MAAoBF,EAAI,OAAO,EAAE,QAAQE,IAAU;AAAA,IAC/D,sBAAsB,CAACA,MACnBF,EAAI,OAAO,EAAE,mBAAmBE,IAAU;AAAA,IAC9C,iBAAiB,CAACA,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,IACnE,gBAAgB,CAACA,MAAYF,EAAI,OAAO,EAAE,aAAaE,IAAU;AAAA,IACjE,iBAAiB,CAACA,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,IACnE,iBAAiB,CAACA,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,IACnE,iBAAiB,CAACA,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,IACnE,YAAY,CAACA,MACTF,EAAI,OAAO;AAAA,MACP,UAAUC,IAAM,SAAS,OAAO,CAACE,MAASA,EAAK,OAAOD,CAAO;AAAA,IAAA,EAC/D;AAAA,IACN,YAAY,CAACA,MACTF,EAAI,OAAO;AAAA,MACP,UAAUC,EAAA,EAAM,SAAS,IAAI,CAACE,MAAS;AACnC,YAAIA,EAAK,OAAOD,EAAQ,IAAI;AACxB,gBAAME,IAAsBD,EAAK,KAAK,MAAM,GAAG,GACzCE,IACFD,EAAoBA,EAAoB,SAAS,CAAC;AAEtD,UAAIA,EAAoB,SAAS,IAC7BD,EAAK,OAAO,GAAGD,EAAQ,QAAQ,IAAIG,CAAgB,KAEnDF,EAAK,OAAOD,EAAQ;AAAA,QAE5B;AACA,eAAOC;AAAA,MACX,CAAC;AAAA,IAAA,EACH;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"useFileManagerStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/store/useFileManagerStore.tsx"],"sourcesContent":["import { create } from 'zustand'\nimport type { Files, Directories, Layout } from '../types'\n\ntype DialogProps = { id: string; open: boolean }\n\nexport type FileManagerState = {\n    fileList: Files\n    layout: Layout\n    selectedFile: string\n    openedDirectoryId: string\n    directories: Directories\n    deleteDialog: DialogProps\n    inviteDialog: DialogProps\n    renameDialog: DialogProps\n}\n\ntype FileManagerAction = {\n    setFileList: (payload: Files) => void\n    setLayout: (payload: Layout) => void\n    setOpenedDirectoryId: (payload: string) => void\n    setDirectories: (payload: Directories) => void\n    setSelectedFile: (payload: string) => void\n    setDeleteDialog: (paload: DialogProps) => void\n    setInviteDialog: (paload: DialogProps) => void\n    setRenameDialog: (paload: DialogProps) => void\n    deleteFile: (payload: string) => void\n    renameFile: (payload: { id: string; fileName: string }) => void\n}\n\nconst initialState: FileManagerState = {\n    fileList: [],\n    layout: 'grid',\n    selectedFile: '',\n    openedDirectoryId: '',\n    directories: [],\n    deleteDialog: { open: false, id: '' },\n    inviteDialog: { open: false, id: '' },\n    renameDialog: { open: false, id: '' },\n}\n\nexport const useFileManagerStore = create<FileManagerState & FileManagerAction>(\n    (set, get) => ({\n        ...initialState,\n        setFileList: (payload) => set(() => ({ fileList: payload })),\n        setLayout: (payload: Layout) => set(() => ({ layout: payload })),\n        setOpenedDirectoryId: (payload) =>\n            set(() => ({ openedDirectoryId: payload })),\n        setSelectedFile: (payload) => set(() => ({ selectedFile: payload })),\n        setDirectories: (payload) => set(() => ({ directories: payload })),\n        setDeleteDialog: (payload) => set(() => ({ deleteDialog: payload })),\n        setInviteDialog: (payload) => set(() => ({ inviteDialog: payload })),\n        setRenameDialog: (payload) => set(() => ({ renameDialog: payload })),\n        deleteFile: (payload) =>\n            set(() => ({\n                fileList: get().fileList.filter((file) => file.id !== payload),\n            })),\n        renameFile: (payload) =>\n            set(() => ({\n                fileList: get().fileList.map((file) => {\n                    if (file.id === payload.id) {\n                        const fileAbbreviationArr = file.name.split('.')\n                        const fileAbbreviation =\n                            fileAbbreviationArr[fileAbbreviationArr.length - 1]\n\n                        if (fileAbbreviationArr.length > 1) {\n                            file.name = `${payload.fileName}.${fileAbbreviation}`\n                        } else {\n                            file.name = payload.fileName\n                        }\n                    }\n                    return file\n                }),\n            })),\n    }),\n)\n"],"names":["initialState","useFileManagerStore","create","set","get","payload","file","fileAbbreviationArr","fileAbbreviation"],"mappings":";AA6BA,MAAMA,IAAiC;AAAA,EACnC,UAAU,CAAC;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,aAAa,CAAC;AAAA,EACd,cAAc,EAAE,MAAM,IAAO,IAAI,GAAG;AAAA,EACpC,cAAc,EAAE,MAAM,IAAO,IAAI,GAAG;AAAA,EACpC,cAAc,EAAE,MAAM,IAAO,IAAI,GAAG;AACxC,GAEaC,IAAsBC;AAAA,EAC/B,CAACC,GAAKC,OAAS;AAAA,IACX,GAAGJ;AAAA,IACH,aAAa,CAACK,MAAYF,EAAI,OAAO,EAAE,UAAUE,IAAU;AAAA,IAC3D,WAAW,CAACA,MAAoBF,EAAI,OAAO,EAAE,QAAQE,IAAU;AAAA,IAC/D,sBAAsB,CAACA,MACnBF,EAAI,OAAO,EAAE,mBAAmBE,IAAU;AAAA,IAC9C,iBAAiB,CAACA,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,IACnE,gBAAgB,CAACA,MAAYF,EAAI,OAAO,EAAE,aAAaE,IAAU;AAAA,IACjE,iBAAiB,CAACA,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,IACnE,iBAAiB,CAACA,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,IACnE,iBAAiB,CAACA,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,IACnE,YAAY,CAACA,MACTF,EAAI,OAAO;AAAA,MACP,UAAUC,EAAM,EAAA,SAAS,OAAO,CAACE,MAASA,EAAK,OAAOD,CAAO;AAAA,IAAA,EAC/D;AAAA,IACN,YAAY,CAACA,MACTF,EAAI,OAAO;AAAA,MACP,UAAUC,EAAI,EAAE,SAAS,IAAI,CAACE,MAAS;AAC/B,YAAAA,EAAK,OAAOD,EAAQ,IAAI;AACxB,gBAAME,IAAsBD,EAAK,KAAK,MAAM,GAAG,GACzCE,IACFD,EAAoBA,EAAoB,SAAS,CAAC;AAElD,UAAAA,EAAoB,SAAS,IAC7BD,EAAK,OAAO,GAAGD,EAAQ,QAAQ,IAAIG,CAAgB,KAEnDF,EAAK,OAAOD,EAAQ;AAAA,QACxB;AAEG,eAAAC;AAAA,MACV,CAAA;AAAA,IAAA,EACH;AAAA,EACV;AACJ;"}

package/dist/@ecme/views/concepts/help-center/Article/Article.js.map

@@ -1 +1 @@
-{"version":3,"file":"Article.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/Article/Article.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport Container from '@/components/shared/Container'\nimport MediaSkeleton from '@/components/shared/loaders/MediaSkeleton'\nimport TextBlockSkeleton from '@/components/shared/loaders/TextBlockSkeleton'\nimport ArticleBody from './components/ArticleBody'\nimport ArticleAction from './components/ArticleAction'\nimport ArticleTableOfContent from './components/ArticleTableOfContent'\nimport { apiGetSupportHubArticle } from '@/services/HelpCenterService'\nimport { useParams } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { GetSupportHubArticleResponse } from './types'\n\nconst Article = () => {\n    const { id } = useParams()\n\n    const { data, isLoading } = useSWR(\n        [`/api/helps/articles/${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetSupportHubArticle<GetSupportHubArticleResponse>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            evalidateOnFocus: false,\n        },\n    )\n\n    return (\n        <Container>\n            <div className=\"lg:flex gap-4\">\n                <div className=\"my-6 max-w-[800px] w-full mx-auto\">\n                    <Loading\n                        loading={isLoading}\n                        customLoader={\n                            <div className=\"flex flex-col gap-8\">\n                                <MediaSkeleton />\n                                <TextBlockSkeleton rowCount={6} />\n                                <TextBlockSkeleton rowCount={4} />\n                                <TextBlockSkeleton rowCount={8} />\n                            </div>\n                        }\n                    >\n                        {data && <ArticleBody data={data} />}\n                    </Loading>\n                    <ArticleAction />\n                </div>\n                {data && (\n                    <ArticleTableOfContent content={data.tableOfContent} />\n                )}\n            </div>\n        </Container>\n    )\n}\n\nexport default Article\n"],"names":["Article","id","useParams","data","isLoading","useSWR","_","params","apiGetSupportHubArticle","jsx","Container","jsxs","Loading","MediaSkeleton","TextBlockSkeleton","ArticleBody","ArticleAction","ArticleTableOfContent"],"mappings":";;;;;;;;;;;AAYA,MAAMA,IAAU,MAAM;AAClB,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,uBAAuBJ,CAAE,IAAI,EAAE,IAAAA,GAAkB;AAAA;AAAA,IAElD,CAAC,CAACK,GAAGC,CAAM,MACPC,EAAsDD,CAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,EACtB;AAGJ,SACI,gBAAAE,EAACC,GAAA,EACG,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,SAASR;AAAA,UACT,cACI,gBAAAO,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,YAAA,gBAAAF,EAACI,GAAA,EAAc;AAAA,YACf,gBAAAJ,EAACK,GAAA,EAAkB,UAAU,EAAA,CAAG;AAAA,YAChC,gBAAAL,EAACK,GAAA,EAAkB,UAAU,EAAA,CAAG;AAAA,YAChC,gBAAAL,EAACK,GAAA,EAAkB,UAAU,EAAA,CAAG;AAAA,UAAA,GACpC;AAAA,UAGH,UAAAX,KAAQ,gBAAAM,EAACM,GAAA,EAAY,MAAAZ,EAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,wBAErCa,GAAA,CAAA,CAAc;AAAA,IAAA,GACnB;AAAA,IACCb,KACG,gBAAAM,EAACQ,GAAA,EAAsB,SAASd,EAAK,eAAA,CAAgB;AAAA,EAAA,EAAA,CAE7D,EAAA,CACJ;AAER;"}
+{"version":3,"file":"Article.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/Article/Article.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport Container from '@/components/shared/Container'\nimport MediaSkeleton from '@/components/shared/loaders/MediaSkeleton'\nimport TextBlockSkeleton from '@/components/shared/loaders/TextBlockSkeleton'\nimport ArticleBody from './components/ArticleBody'\nimport ArticleAction from './components/ArticleAction'\nimport ArticleTableOfContent from './components/ArticleTableOfContent'\nimport { apiGetSupportHubArticle } from '@/services/HelpCenterService'\nimport { useParams } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { GetSupportHubArticleResponse } from './types'\n\nconst Article = () => {\n    const { id } = useParams()\n\n    const { data, isLoading } = useSWR(\n        [`/api/helps/articles/${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetSupportHubArticle<GetSupportHubArticleResponse>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            evalidateOnFocus: false,\n        },\n    )\n\n    return (\n        <Container>\n            <div className=\"lg:flex gap-4\">\n                <div className=\"my-6 max-w-[800px] w-full mx-auto\">\n                    <Loading\n                        loading={isLoading}\n                        customLoader={\n                            <div className=\"flex flex-col gap-8\">\n                                <MediaSkeleton />\n                                <TextBlockSkeleton rowCount={6} />\n                                <TextBlockSkeleton rowCount={4} />\n                                <TextBlockSkeleton rowCount={8} />\n                            </div>\n                        }\n                    >\n                        {data && <ArticleBody data={data} />}\n                    </Loading>\n                    <ArticleAction />\n                </div>\n                {data && (\n                    <ArticleTableOfContent content={data.tableOfContent} />\n                )}\n            </div>\n        </Container>\n    )\n}\n\nexport default Article\n"],"names":["Article","id","useParams","data","isLoading","useSWR","_","params","apiGetSupportHubArticle","jsx","Container","jsxs","Loading","MediaSkeleton","TextBlockSkeleton","ArticleBody","ArticleAction","ArticleTableOfContent"],"mappings":";;;;;;;;;;;AAYA,MAAMA,IAAU,MAAM;AACZ,QAAA,EAAE,IAAAC,EAAG,IAAIC,EAAU,GAEnB,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,uBAAuBJ,CAAE,IAAI,EAAE,IAAAA,GAAkB;AAAA;AAAA,IAElD,CAAC,CAACK,GAAGC,CAAM,MACPC,EAAsDD,CAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,EAE1B;AAEA,SACK,gBAAAE,EAAAC,GAAA,EACG,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,SAASR;AAAA,UACT,cACI,gBAAAO,EAAC,OAAI,EAAA,WAAU,uBACX,UAAA;AAAA,YAAA,gBAAAF,EAACI,GAAc,EAAA;AAAA,YACf,gBAAAJ,EAACK,GAAkB,EAAA,UAAU,EAAG,CAAA;AAAA,YAChC,gBAAAL,EAACK,GAAkB,EAAA,UAAU,EAAG,CAAA;AAAA,YAChC,gBAAAL,EAACK,GAAkB,EAAA,UAAU,EAAG,CAAA;AAAA,UAAA,GACpC;AAAA,UAGH,UAAAX,KAAS,gBAAAM,EAAAM,GAAA,EAAY,MAAAZ,EAAY,CAAA;AAAA,QAAA;AAAA,MACtC;AAAA,wBACCa,GAAc,CAAA,CAAA;AAAA,IAAA,GACnB;AAAA,IACCb,KACG,gBAAAM,EAACQ,GAAsB,EAAA,SAASd,EAAK,eAAgB,CAAA;AAAA,EAAA,EAAA,CAE7D,EACJ,CAAA;AAER;"}

package/dist/@ecme/views/concepts/help-center/Article/components/ArticleAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/Article/components/ArticleAction.tsx"],"sourcesContent":["import { useState, useRef, useCallback } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport { TbCheck, TbX } from 'react-icons/tb'\n\nconst ArticleAction = () => {\n    const commentInput = useRef<HTMLInputElement>(null)\n\n    const [helpful, setHelpful] = useState('')\n\n    const onHelpfulClick = useCallback((val: string) => {\n        setHelpful(val)\n    }, [])\n\n    const onCommentSubmit = () => {\n        if (commentInput.current) {\n            commentInput.current.value = ''\n        }\n    }\n\n    return (\n        <>\n            <Card\n                bordered\n                className=\"mt-8\"\n                bodyClass=\"flex items-center justify-between\"\n            >\n                <div>\n                    <h5>Was this article helpful?</h5>\n                    <p>\n                        {helpful === 'Y' ? '1' : '0'} out of{' '}\n                        {helpful === 'Y' ? '1' : '0'} found this helpful\n                    </p>\n                </div>\n                <div className=\"flex gap-2\">\n                    <Button\n                        icon={helpful === 'Y' && <TbCheck />}\n                        variant={helpful === 'Y' ? 'solid' : 'default'}\n                        onClick={() => onHelpfulClick('Y')}\n                    >\n                        <span>Yes</span>\n                    </Button>\n                    <Button\n                        icon={helpful === 'N' && <TbX />}\n                        variant={helpful === 'N' ? 'solid' : 'default'}\n                        onClick={() => onHelpfulClick('N')}\n                    >\n                        <span>No</span>\n                    </Button>\n                </div>\n            </Card>\n            <div className=\"mt-12\">\n                <h3 className=\"mb-4\">Comments</h3>\n                <Input\n                    ref={commentInput}\n                    textArea\n                    placeholder=\"Enter your comment here...\"\n                />\n                <div className=\"mt-3 flex justify-end\">\n                    <Button variant=\"solid\" onClick={onCommentSubmit}>\n                        Submit\n                    </Button>\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport default ArticleAction\n"],"names":["ArticleAction","commentInput","useRef","helpful","setHelpful","useState","onHelpfulClick","useCallback","val","jsxs","Fragment","Card","jsx","Button","TbCheck","TbX","Input"],"mappings":";;;;;;;;;AAMA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAAeC,EAAyB,IAAI,GAE5C,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAE,GAEnCC,IAAiBC,EAAY,CAACC,MAAgB;AAChD,IAAAJ,EAAWI,CAAG;AAAA,EAClB,GAAG,CAAA,CAAE;AAQL,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,WAAU;AAAA,QACV,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAF,EAAC,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAG,EAAC,QAAG,UAAA,4BAAA,CAAyB;AAAA,8BAC5B,KAAA,EACI,UAAA;AAAA,cAAAT,MAAY,MAAM,MAAM;AAAA,cAAI;AAAA,cAAQ;AAAA,cACpCA,MAAY,MAAM,MAAM;AAAA,cAAI;AAAA,YAAA,EAAA,CACjC;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,YAAA,gBAAAG;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,MAAMV,MAAY,OAAO,gBAAAS,EAACE,GAAA,CAAA,CAAQ;AAAA,gBAClC,SAASX,MAAY,MAAM,UAAU;AAAA,gBACrC,SAAS,MAAMG,EAAe,GAAG;AAAA,gBAEjC,UAAA,gBAAAM,EAAC,UAAK,UAAA,MAAA,CAAG;AAAA,cAAA;AAAA,YAAA;AAAA,YAEb,gBAAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,MAAMV,MAAY,OAAO,gBAAAS,EAACG,GAAA,CAAA,CAAI;AAAA,gBAC9B,SAASZ,MAAY,MAAM,UAAU;AAAA,gBACrC,SAAS,MAAMG,EAAe,GAAG;AAAA,gBAEjC,UAAA,gBAAAM,EAAC,UAAK,UAAA,KAAA,CAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAH,EAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,MAAA,gBAAAG,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,YAAQ;AAAA,MAC7B,gBAAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,KAAKf;AAAA,UACL,UAAQ;AAAA,UACR,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEhB,gBAAAW,EAAC,OAAA,EAAI,WAAU,yBACX,UAAA,gBAAAA,EAACC,GAAA,EAAO,SAAQ,SAAQ,SA7ChB,MAAM;AAC1B,QAAIZ,EAAa,YACbA,EAAa,QAAQ,QAAQ;AAAA,MAErC,GAyCkE,UAAA,SAAA,CAElD,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ArticleAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/Article/components/ArticleAction.tsx"],"sourcesContent":["import { useState, useRef, useCallback } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport { TbCheck, TbX } from 'react-icons/tb'\n\nconst ArticleAction = () => {\n    const commentInput = useRef<HTMLInputElement>(null)\n\n    const [helpful, setHelpful] = useState('')\n\n    const onHelpfulClick = useCallback((val: string) => {\n        setHelpful(val)\n    }, [])\n\n    const onCommentSubmit = () => {\n        if (commentInput.current) {\n            commentInput.current.value = ''\n        }\n    }\n\n    return (\n        <>\n            <Card\n                bordered\n                className=\"mt-8\"\n                bodyClass=\"flex items-center justify-between\"\n            >\n                <div>\n                    <h5>Was this article helpful?</h5>\n                    <p>\n                        {helpful === 'Y' ? '1' : '0'} out of{' '}\n                        {helpful === 'Y' ? '1' : '0'} found this helpful\n                    </p>\n                </div>\n                <div className=\"flex gap-2\">\n                    <Button\n                        icon={helpful === 'Y' && <TbCheck />}\n                        variant={helpful === 'Y' ? 'solid' : 'default'}\n                        onClick={() => onHelpfulClick('Y')}\n                    >\n                        <span>Yes</span>\n                    </Button>\n                    <Button\n                        icon={helpful === 'N' && <TbX />}\n                        variant={helpful === 'N' ? 'solid' : 'default'}\n                        onClick={() => onHelpfulClick('N')}\n                    >\n                        <span>No</span>\n                    </Button>\n                </div>\n            </Card>\n            <div className=\"mt-12\">\n                <h3 className=\"mb-4\">Comments</h3>\n                <Input\n                    ref={commentInput}\n                    textArea\n                    placeholder=\"Enter your comment here...\"\n                />\n                <div className=\"mt-3 flex justify-end\">\n                    <Button variant=\"solid\" onClick={onCommentSubmit}>\n                        Submit\n                    </Button>\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport default ArticleAction\n"],"names":["ArticleAction","commentInput","useRef","helpful","setHelpful","useState","onHelpfulClick","useCallback","val","jsxs","Fragment","Card","jsx","Button","TbCheck","TbX","Input"],"mappings":";;;;;;;;;AAMA,MAAMA,IAAgB,MAAM;AAClB,QAAAC,IAAeC,EAAyB,IAAI,GAE5C,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAE,GAEnCC,IAAiBC,EAAY,CAACC,MAAgB;AAChD,IAAAJ,EAAWI,CAAG;AAAA,EAClB,GAAG,EAAE;AAQL,SAEQ,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,WAAU;AAAA,QACV,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAF,EAAC,OACG,EAAA,UAAA;AAAA,YAAA,gBAAAG,EAAC,QAAG,UAAyB,4BAAA,CAAA;AAAA,8BAC5B,KACI,EAAA,UAAA;AAAA,cAAAT,MAAY,MAAM,MAAM;AAAA,cAAI;AAAA,cAAQ;AAAA,cACpCA,MAAY,MAAM,MAAM;AAAA,cAAI;AAAA,YAAA,EACjC,CAAA;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAM,EAAC,OAAI,EAAA,WAAU,cACX,UAAA;AAAA,YAAA,gBAAAG;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,MAAMV,MAAY,OAAO,gBAAAS,EAACE,GAAQ,CAAA,CAAA;AAAA,gBAClC,SAASX,MAAY,MAAM,UAAU;AAAA,gBACrC,SAAS,MAAMG,EAAe,GAAG;AAAA,gBAEjC,UAAA,gBAAAM,EAAC,UAAK,UAAG,MAAA,CAAA;AAAA,cAAA;AAAA,YACb;AAAA,YACA,gBAAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,MAAMV,MAAY,OAAO,gBAAAS,EAACG,GAAI,CAAA,CAAA;AAAA,gBAC9B,SAASZ,MAAY,MAAM,UAAU;AAAA,gBACrC,SAAS,MAAMG,EAAe,GAAG;AAAA,gBAEjC,UAAA,gBAAAM,EAAC,UAAK,UAAE,KAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IACA,gBAAAH,EAAC,OAAI,EAAA,WAAU,SACX,UAAA;AAAA,MAAC,gBAAAG,EAAA,MAAA,EAAG,WAAU,QAAO,UAAQ,YAAA;AAAA,MAC7B,gBAAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,KAAKf;AAAA,UACL,UAAQ;AAAA,UACR,aAAY;AAAA,QAAA;AAAA,MAChB;AAAA,MACA,gBAAAW,EAAC,OAAI,EAAA,WAAU,yBACX,UAAA,gBAAAA,EAACC,GAAO,EAAA,SAAQ,SAAQ,SA7ChB,MAAM;AAC1B,QAAIZ,EAAa,YACbA,EAAa,QAAQ,QAAQ;AAAA,MAErC,GAyCkE,UAAA,SAAA,CAElD,EACJ,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/help-center/Article/components/ArticleBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/Article/components/ArticleBody.tsx"],"sourcesContent":["import UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport ReactHtmlParser from 'html-react-parser'\nimport type { ArticleContent } from '../types'\n\ntype ArticleProps = {\n    data: ArticleContent\n}\n\nconst ArticleBody = ({ data }: ArticleProps) => {\n    return (\n        <>\n            <h3>{data.title}</h3>\n            <div className=\"flex items-center mt-6 gap-4\">\n                <UsersAvatarGroup\n                    avatarProps={{ size: 40 }}\n                    users={data.authors || []}\n                />\n                <div className=\"text-xs\">\n                    <div className=\"mb-1\">\n                        Created by:\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            {data.createdBy}\n                        </span>\n                    </div>\n                    <div>\n                        <span>Last updated: {data.updateTime}</span>\n                        <span className=\"mx-2\">•</span>\n                        <span>{data.timeToRead} min read</span>\n                        <span className=\"mx-2\">•</span>\n                        <span>{data.viewCount} viewed</span>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-8 prose dark:prose-invert max-w-none prose-p:mt-2 prose-headings:font-bold\">\n                {ReactHtmlParser(data.content || '')}\n            </div>\n        </>\n    )\n}\n\nexport default ArticleBody\n"],"names":["ArticleBody","data","jsxs","Fragment","jsx","UsersAvatarGroup"],"mappings":";;;AAQA,MAAMA,IAAc,CAAC,EAAE,MAAAC,QAEf,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAI,YAAK,MAAA,CAAM;AAAA,EAChB,gBAAAF,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,aAAa,EAAE,MAAM,GAAA;AAAA,QACrB,OAAOJ,EAAK,WAAW,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,IAE5B,gBAAAC,EAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,QAAA;AAAA,QAElB,gBAAAE,EAAC,QAAA,EAAK,WAAU,kDACX,YAAK,UAAA,CACV;AAAA,MAAA,GACJ;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAF,EAAC,QAAA,EAAK,UAAA;AAAA,UAAA;AAAA,UAAeD,EAAK;AAAA,QAAA,GAAW;AAAA,QACrC,gBAAAG,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,KAAC;AAAA,0BACvB,QAAA,EAAM,UAAA;AAAA,UAAAH,EAAK;AAAA,UAAW;AAAA,QAAA,GAAS;AAAA,QAChC,gBAAAG,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,KAAC;AAAA,0BACvB,QAAA,EAAM,UAAA;AAAA,UAAAH,EAAK;AAAA,UAAU;AAAA,QAAA,EAAA,CAAO;AAAA,MAAA,EAAA,CACjC;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAAA,EACA,gBAAAG,EAAC,SAAI,WAAU,iFACV,YAAgBH,EAAK,WAAW,EAAE,EAAA,CACvC;AAAA,GACJ;"}
+{"version":3,"file":"ArticleBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/Article/components/ArticleBody.tsx"],"sourcesContent":["import UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport ReactHtmlParser from 'html-react-parser'\nimport type { ArticleContent } from '../types'\n\ntype ArticleProps = {\n    data: ArticleContent\n}\n\nconst ArticleBody = ({ data }: ArticleProps) => {\n    return (\n        <>\n            <h3>{data.title}</h3>\n            <div className=\"flex items-center mt-6 gap-4\">\n                <UsersAvatarGroup\n                    avatarProps={{ size: 40 }}\n                    users={data.authors || []}\n                />\n                <div className=\"text-xs\">\n                    <div className=\"mb-1\">\n                        Created by:\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            {data.createdBy}\n                        </span>\n                    </div>\n                    <div>\n                        <span>Last updated: {data.updateTime}</span>\n                        <span className=\"mx-2\">•</span>\n                        <span>{data.timeToRead} min read</span>\n                        <span className=\"mx-2\">•</span>\n                        <span>{data.viewCount} viewed</span>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-8 prose dark:prose-invert max-w-none prose-p:mt-2 prose-headings:font-bold\">\n                {ReactHtmlParser(data.content || '')}\n            </div>\n        </>\n    )\n}\n\nexport default ArticleBody\n"],"names":["ArticleBody","data","jsxs","Fragment","jsx","UsersAvatarGroup"],"mappings":";;;AAQA,MAAMA,IAAc,CAAC,EAAE,MAAAC,QAGX,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,MAAA,EAAI,YAAK,MAAM,CAAA;AAAA,EAChB,gBAAAF,EAAC,OAAI,EAAA,WAAU,gCACX,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,aAAa,EAAE,MAAM,GAAG;AAAA,QACxB,OAAOJ,EAAK,WAAW,CAAA;AAAA,MAAC;AAAA,IAC5B;AAAA,IACA,gBAAAC,EAAC,OAAI,EAAA,WAAU,WACX,UAAA;AAAA,MAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,QAAA;AAAA,QAEjB,gBAAAE,EAAA,QAAA,EAAK,WAAU,kDACX,YAAK,UACV,CAAA;AAAA,MAAA,GACJ;AAAA,wBACC,OACG,EAAA,UAAA;AAAA,QAAA,gBAAAF,EAAC,QAAK,EAAA,UAAA;AAAA,UAAA;AAAA,UAAeD,EAAK;AAAA,QAAA,GAAW;AAAA,QACpC,gBAAAG,EAAA,QAAA,EAAK,WAAU,QAAO,UAAC,KAAA;AAAA,0BACvB,QAAM,EAAA,UAAA;AAAA,UAAKH,EAAA;AAAA,UAAW;AAAA,QAAA,GAAS;AAAA,QAC/B,gBAAAG,EAAA,QAAA,EAAK,WAAU,QAAO,UAAC,KAAA;AAAA,0BACvB,QAAM,EAAA,UAAA;AAAA,UAAKH,EAAA;AAAA,UAAU;AAAA,QAAA,EAAO,CAAA;AAAA,MAAA,EACjC,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,GACJ;AAAA,EACA,gBAAAG,EAAC,SAAI,WAAU,iFACV,YAAgBH,EAAK,WAAW,EAAE,EACvC,CAAA;AAAA,GACJ;"}

package/dist/@ecme/views/concepts/help-center/Article/components/ArticleTableOfContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleTableOfContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/Article/components/ArticleTableOfContent.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Affix from '@/components/shared/Affix'\nimport useLayoutGap from '@/utils/hooks/useLayoutGap'\nimport useResponsive from '@/utils/hooks/useResponsive'\n// eslint-disable-next-line import/named\nimport { Link } from 'react-scroll'\nimport type { TableContent } from '../types'\n\ntype ArticleTableOfContentProps = {\n    content: TableContent\n}\n\nconst ArticleTableOfContent = ({ content }: ArticleTableOfContentProps) => {\n    const { getTopGapValue } = useLayoutGap()\n\n    const { larger } = useResponsive()\n\n    return (\n        <>\n            {larger.lg && (\n                <div className=\"lg:w-[380px] mt-6 md:px-8\">\n                    <Affix offset={getTopGapValue()}>\n                        <Card>\n                            <h6 className=\"font-bold\">In this page</h6>\n                            <ul className=\"text-gray-500 dark:text-gray-400 font-medium mt-4 relative\">\n                                {content.map((link) => (\n                                    <li key={`anchor${link.id}`}>\n                                        <Link\n                                            activeClass=\"text-primary dark:text-gray-50 after:content-[''] after:absolute after:-left-5 after:bg-primary after:w-[2px] after:h-5\"\n                                            className=\"cursor-pointer block transform transition-colors duration-200 py-2 hover:text-primary dark:hover:text-gray-100 \"\n                                            to={link.id}\n                                            spy={true}\n                                            smooth={true}\n                                            duration={500}\n                                            offset={-80}\n                                        >\n                                            {link.label}\n                                        </Link>\n                                    </li>\n                                ))}\n                            </ul>\n                        </Card>\n                    </Affix>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default ArticleTableOfContent\n"],"names":["ArticleTableOfContent","content","getTopGapValue","useLayoutGap","larger","useResponsive","jsx","Fragment","Affix","Card","link","Link"],"mappings":";;;;;;;AAYA,MAAMA,IAAwB,CAAC,EAAE,SAAAC,QAA0C;AACvE,QAAM,EAAE,gBAAAC,EAAA,IAAmBC,EAAA,GAErB,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAAH,EAAO,MACJ,gBAAAE,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA,gBAAAA,EAACE,GAAA,EAAM,QAAQN,KACX,4BAACO,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,aAAY,UAAA,gBAAY;AAAA,IACtC,gBAAAA,EAAC,QAAG,WAAU,8DACT,YAAQ,IAAI,CAACI,MACV,gBAAAJ,EAAC,MAAA,EACG,UAAA,gBAAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,WAAU;AAAA,QACV,IAAID,EAAK;AAAA,QACT,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,QAAQ;AAAA,QAEP,UAAAA,EAAK;AAAA,MAAA;AAAA,IAAA,KAVL,SAASA,EAAK,EAAE,EAYzB,CACH,EAAA,CACL;AAAA,EAAA,GACJ,EAAA,CACJ,GACJ,GAER;AAER;"}
+{"version":3,"file":"ArticleTableOfContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/Article/components/ArticleTableOfContent.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Affix from '@/components/shared/Affix'\nimport useLayoutGap from '@/utils/hooks/useLayoutGap'\nimport useResponsive from '@/utils/hooks/useResponsive'\n// eslint-disable-next-line import/named\nimport { Link } from 'react-scroll'\nimport type { TableContent } from '../types'\n\ntype ArticleTableOfContentProps = {\n    content: TableContent\n}\n\nconst ArticleTableOfContent = ({ content }: ArticleTableOfContentProps) => {\n    const { getTopGapValue } = useLayoutGap()\n\n    const { larger } = useResponsive()\n\n    return (\n        <>\n            {larger.lg && (\n                <div className=\"lg:w-[380px] mt-6 md:px-8\">\n                    <Affix offset={getTopGapValue()}>\n                        <Card>\n                            <h6 className=\"font-bold\">In this page</h6>\n                            <ul className=\"text-gray-500 dark:text-gray-400 font-medium mt-4 relative\">\n                                {content.map((link) => (\n                                    <li key={`anchor${link.id}`}>\n                                        <Link\n                                            activeClass=\"text-primary dark:text-gray-50 after:content-[''] after:absolute after:-left-5 after:bg-primary after:w-[2px] after:h-5\"\n                                            className=\"cursor-pointer block transform transition-colors duration-200 py-2 hover:text-primary dark:hover:text-gray-100 \"\n                                            to={link.id}\n                                            spy={true}\n                                            smooth={true}\n                                            duration={500}\n                                            offset={-80}\n                                        >\n                                            {link.label}\n                                        </Link>\n                                    </li>\n                                ))}\n                            </ul>\n                        </Card>\n                    </Affix>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default ArticleTableOfContent\n"],"names":["ArticleTableOfContent","content","getTopGapValue","useLayoutGap","larger","useResponsive","jsx","Fragment","Affix","Card","link","Link"],"mappings":";;;;;;;AAYA,MAAMA,IAAwB,CAAC,EAAE,SAAAC,QAA0C;AACjE,QAAA,EAAE,gBAAAC,EAAe,IAAIC,EAAa,GAElC,EAAE,QAAAC,EAAO,IAAIC,EAAc;AAEjC,SAES,gBAAAC,EAAAC,GAAA,EAAA,UAAAH,EAAO,MACJ,gBAAAE,EAAC,OAAI,EAAA,WAAU,6BACX,UAAA,gBAAAA,EAACE,GAAM,EAAA,QAAQN,KACX,4BAACO,GACG,EAAA,UAAA;AAAA,IAAC,gBAAAH,EAAA,MAAA,EAAG,WAAU,aAAY,UAAY,gBAAA;AAAA,IACtC,gBAAAA,EAAC,QAAG,WAAU,8DACT,YAAQ,IAAI,CAACI,MACV,gBAAAJ,EAAC,MACG,EAAA,UAAA,gBAAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,WAAU;AAAA,QACV,IAAID,EAAK;AAAA,QACT,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,QAAQ;AAAA,QAEP,UAAKA,EAAA;AAAA,MAAA;AAAA,IAAA,KAVL,SAASA,EAAK,EAAE,EAYzB,CACH,EACL,CAAA;AAAA,EAAA,GACJ,EAAA,CACJ,EACJ,CAAA,GAER;AAER;"}

package/dist/@ecme/views/concepts/help-center/EditArticle/EditArticle.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditArticle.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/EditArticle.tsx"],"sourcesContent":["import EditArticleHeader from './components/EditArticleHeader'\nimport EditArticleBody from './components/EditArticleBody'\nimport EditArticleFooter from './components/EditArticleFooter'\nimport { apiGetSupportHubArticle } from '@/services/HelpCenterService'\nimport { useParams } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { GetSupportHubArticleResponse } from './types'\n\nconst EditArticle = () => {\n    const { id } = useParams()\n\n    const { data } = useSWR(\n        [`/api/helps/articles/${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetSupportHubArticle<GetSupportHubArticleResponse>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            evalidateOnFocus: false,\n        },\n    )\n\n    return (\n        <>\n            <div className=\"max-w-[1200px] mx-auto\">\n                {data && (\n                    <div className=\"flex flex-col gap-2\">\n                        <EditArticleHeader {...data} />\n                        <EditArticleBody content={data.content} />\n                    </div>\n                )}\n            </div>\n            <EditArticleFooter />\n        </>\n    )\n}\n\nexport default EditArticle\n"],"names":["EditArticle","id","useParams","data","useSWR","_","params","apiGetSupportHubArticle","jsxs","Fragment","jsx","EditArticleHeader","EditArticleBody","EditArticleFooter"],"mappings":";;;;;;;AAQA,MAAMA,IAAc,MAAM;AACtB,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET,EAAE,MAAAC,MAASC;AAAA,IACb,CAAC,uBAAuBH,CAAE,IAAI,EAAE,IAAAA,GAAkB;AAAA;AAAA,IAElD,CAAC,CAACI,GAAGC,CAAM,MACPC,EAAsDD,CAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,EACtB;AAGJ,SACI,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAU,0BACV,eACG,gBAAAF,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAA,gBAAAE,EAACC,GAAA,EAAmB,GAAGR,GAAM;AAAA,MAC7B,gBAAAO,EAACE,GAAA,EAAgB,SAAST,EAAK,QAAA,CAAS;AAAA,IAAA,EAAA,CAC5C,EAAA,CAER;AAAA,sBACCU,GAAA,CAAA,CAAkB;AAAA,EAAA,GACvB;AAER;"}
+{"version":3,"file":"EditArticle.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/EditArticle.tsx"],"sourcesContent":["import EditArticleHeader from './components/EditArticleHeader'\nimport EditArticleBody from './components/EditArticleBody'\nimport EditArticleFooter from './components/EditArticleFooter'\nimport { apiGetSupportHubArticle } from '@/services/HelpCenterService'\nimport { useParams } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { GetSupportHubArticleResponse } from './types'\n\nconst EditArticle = () => {\n    const { id } = useParams()\n\n    const { data } = useSWR(\n        [`/api/helps/articles/${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetSupportHubArticle<GetSupportHubArticleResponse>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            evalidateOnFocus: false,\n        },\n    )\n\n    return (\n        <>\n            <div className=\"max-w-[1200px] mx-auto\">\n                {data && (\n                    <div className=\"flex flex-col gap-2\">\n                        <EditArticleHeader {...data} />\n                        <EditArticleBody content={data.content} />\n                    </div>\n                )}\n            </div>\n            <EditArticleFooter />\n        </>\n    )\n}\n\nexport default EditArticle\n"],"names":["EditArticle","id","useParams","data","useSWR","_","params","apiGetSupportHubArticle","jsxs","Fragment","jsx","EditArticleHeader","EditArticleBody","EditArticleFooter"],"mappings":";;;;;;;AAQA,MAAMA,IAAc,MAAM;AAChB,QAAA,EAAE,IAAAC,EAAG,IAAIC,EAAU,GAEnB,EAAE,MAAAC,MAASC;AAAA,IACb,CAAC,uBAAuBH,CAAE,IAAI,EAAE,IAAAA,GAAkB;AAAA;AAAA,IAElD,CAAC,CAACI,GAAGC,CAAM,MACPC,EAAsDD,CAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,EAE1B;AAEA,SAEQ,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAU,0BACV,eACI,gBAAAF,EAAA,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAC,gBAAAE,EAAAC,GAAA,EAAmB,GAAGR,GAAM;AAAA,MAC5B,gBAAAO,EAAAE,GAAA,EAAgB,SAAST,EAAK,QAAS,CAAA;AAAA,IAAA,EAAA,CAC5C,EAER,CAAA;AAAA,sBACCU,GAAkB,CAAA,CAAA;AAAA,EAAA,GACvB;AAER;"}

package/dist/@ecme/views/concepts/help-center/EditArticle/components/EditArticleBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditArticleBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleBody.tsx"],"sourcesContent":["import ToolButtonBold from '@/components/shared/RichTextEditor/toolButtons/ToolButtonBold'\nimport ToolButtonItalic from '@/components/shared/RichTextEditor/toolButtons/ToolButtonItalic'\nimport ToolButtonStrike from '@/components/shared/RichTextEditor/toolButtons/ToolButtonStrike'\nimport ToolButtonCode from '@/components/shared/RichTextEditor/toolButtons/ToolButtonCode'\nimport ToolButtonOrderedList from '@/components/shared/RichTextEditor/toolButtons/ToolButtonOrderedList'\nimport ToolButtonCodeBlock from '@/components/shared/RichTextEditor/toolButtons/ToolButtonCodeBlock'\nimport ToolButtonBlockquote from '@/components/shared/RichTextEditor/toolButtons/ToolButtonBlockquote'\nimport ToolButtonHorizontalRule from '@/components/shared/RichTextEditor/toolButtons/ToolButtonHorizontalRule'\nimport ToolButtonHeading from '@/components/shared/RichTextEditor/toolButtons/ToolButtonHeading'\nimport ToolButtonBulletList from '@/components/shared/RichTextEditor/toolButtons/ToolButtonBulletList'\nimport { EditorContent, useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\n\ntype EditArticleBodyProps = {\n    content?: string\n}\n\nconst EditArticleBody = ({ content }: EditArticleBodyProps) => {\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,\n    })\n\n    if (!editor) return null\n\n    return (\n        <div>\n            <div className=\"flex gap-x-1 gap-y-2 p-2 border-t border-b border-gray-200 dark:border-gray-700\">\n                <ToolButtonBold editor={editor} />\n                <ToolButtonItalic editor={editor} />\n                <ToolButtonStrike editor={editor} />\n                <ToolButtonCode editor={editor} />\n                <ToolButtonBlockquote editor={editor} />\n                <ToolButtonHeading editor={editor} />\n                <ToolButtonBulletList editor={editor} />\n                <ToolButtonOrderedList editor={editor} />\n                <ToolButtonCodeBlock editor={editor} />\n                <ToolButtonHorizontalRule editor={editor} />\n            </div>\n            <EditorContent\n                className=\"min-h-[200px] overflow-auto px-2 prose max-w-full\"\n                editor={editor}\n            />\n        </div>\n    )\n}\n\nexport default EditArticleBody\n"],"names":["EditArticleBody","content","editor","useEditor","StarterKit","jsxs","jsx","ToolButtonBold","ToolButtonItalic","ToolButtonStrike","ToolButtonCode","ToolButtonBlockquote","ToolButtonHeading","ToolButtonBulletList","ToolButtonOrderedList","ToolButtonCodeBlock","ToolButtonHorizontalRule","EditorContent"],"mappings":";;;;;;;;;;;;;AAiBA,MAAMA,IAAkB,CAAC,EAAE,SAAAC,QAAoC;AAC3D,QAAMC,IAASC,EAAU;AAAA,IACrB,YAAY;AAAA,MACRC,EAAW,UAAU;AAAA,QACjB,YAAY;AAAA,UACR,WAAW;AAAA,QAAA;AAAA,QAEf,aAAa;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACf,CACH;AAAA,IAAA;AAAA,IAEL,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,SAAAH;AAAA,EAAA,CACH;AAED,SAAKC,sBAGA,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mFACX,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAe,QAAAL,GAAgB;AAAA,MAChC,gBAAAI,EAACE,KAAiB,QAAAN,GAAgB;AAAA,MAClC,gBAAAI,EAACG,KAAiB,QAAAP,GAAgB;AAAA,MAClC,gBAAAI,EAACI,KAAe,QAAAR,GAAgB;AAAA,MAChC,gBAAAI,EAACK,KAAqB,QAAAT,GAAgB;AAAA,MACtC,gBAAAI,EAACM,KAAkB,QAAAV,GAAgB;AAAA,MACnC,gBAAAI,EAACO,KAAqB,QAAAX,GAAgB;AAAA,MACtC,gBAAAI,EAACQ,KAAsB,QAAAZ,GAAgB;AAAA,MACvC,gBAAAI,EAACS,KAAoB,QAAAb,GAAgB;AAAA,MACrC,gBAAAI,EAACU,KAAyB,QAAAd,EAAA,CAAgB;AAAA,IAAA,GAC9C;AAAA,IACA,gBAAAI;AAAA,MAACW;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,QAAAf;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ,IApBgB;AAsBxB;"}
+{"version":3,"file":"EditArticleBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleBody.tsx"],"sourcesContent":["import ToolButtonBold from '@/components/shared/RichTextEditor/toolButtons/ToolButtonBold'\nimport ToolButtonItalic from '@/components/shared/RichTextEditor/toolButtons/ToolButtonItalic'\nimport ToolButtonStrike from '@/components/shared/RichTextEditor/toolButtons/ToolButtonStrike'\nimport ToolButtonCode from '@/components/shared/RichTextEditor/toolButtons/ToolButtonCode'\nimport ToolButtonOrderedList from '@/components/shared/RichTextEditor/toolButtons/ToolButtonOrderedList'\nimport ToolButtonCodeBlock from '@/components/shared/RichTextEditor/toolButtons/ToolButtonCodeBlock'\nimport ToolButtonBlockquote from '@/components/shared/RichTextEditor/toolButtons/ToolButtonBlockquote'\nimport ToolButtonHorizontalRule from '@/components/shared/RichTextEditor/toolButtons/ToolButtonHorizontalRule'\nimport ToolButtonHeading from '@/components/shared/RichTextEditor/toolButtons/ToolButtonHeading'\nimport ToolButtonBulletList from '@/components/shared/RichTextEditor/toolButtons/ToolButtonBulletList'\nimport { EditorContent, useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\n\ntype EditArticleBodyProps = {\n    content?: string\n}\n\nconst EditArticleBody = ({ content }: EditArticleBodyProps) => {\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,\n    })\n\n    if (!editor) return null\n\n    return (\n        <div>\n            <div className=\"flex gap-x-1 gap-y-2 p-2 border-t border-b border-gray-200 dark:border-gray-700\">\n                <ToolButtonBold editor={editor} />\n                <ToolButtonItalic editor={editor} />\n                <ToolButtonStrike editor={editor} />\n                <ToolButtonCode editor={editor} />\n                <ToolButtonBlockquote editor={editor} />\n                <ToolButtonHeading editor={editor} />\n                <ToolButtonBulletList editor={editor} />\n                <ToolButtonOrderedList editor={editor} />\n                <ToolButtonCodeBlock editor={editor} />\n                <ToolButtonHorizontalRule editor={editor} />\n            </div>\n            <EditorContent\n                className=\"min-h-[200px] overflow-auto px-2 prose max-w-full\"\n                editor={editor}\n            />\n        </div>\n    )\n}\n\nexport default EditArticleBody\n"],"names":["EditArticleBody","content","editor","useEditor","StarterKit","jsxs","jsx","ToolButtonBold","ToolButtonItalic","ToolButtonStrike","ToolButtonCode","ToolButtonBlockquote","ToolButtonHeading","ToolButtonBulletList","ToolButtonOrderedList","ToolButtonCodeBlock","ToolButtonHorizontalRule","EditorContent"],"mappings":";;;;;;;;;;;;;AAiBA,MAAMA,IAAkB,CAAC,EAAE,SAAAC,QAAoC;AAC3D,QAAMC,IAASC,EAAU;AAAA,IACrB,YAAY;AAAA,MACRC,EAAW,UAAU;AAAA,QACjB,YAAY;AAAA,UACR,WAAW;AAAA,QACf;AAAA,QACA,aAAa;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MAElB,CAAA;AAAA,IACL;AAAA,IACA,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,IACA,SAAAH;AAAA,EAAA,CACH;AAEG,SAACC,sBAGA,OACG,EAAA,UAAA;AAAA,IAAC,gBAAAG,EAAA,OAAA,EAAI,WAAU,mFACX,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAe,QAAAL,GAAgB;AAAA,MAChC,gBAAAI,EAACE,KAAiB,QAAAN,GAAgB;AAAA,MAClC,gBAAAI,EAACG,KAAiB,QAAAP,GAAgB;AAAA,MAClC,gBAAAI,EAACI,KAAe,QAAAR,GAAgB;AAAA,MAChC,gBAAAI,EAACK,KAAqB,QAAAT,GAAgB;AAAA,MACtC,gBAAAI,EAACM,KAAkB,QAAAV,GAAgB;AAAA,MACnC,gBAAAI,EAACO,KAAqB,QAAAX,GAAgB;AAAA,MACtC,gBAAAI,EAACQ,KAAsB,QAAAZ,GAAgB;AAAA,MACvC,gBAAAI,EAACS,KAAoB,QAAAb,GAAgB;AAAA,MACrC,gBAAAI,EAACU,KAAyB,QAAAd,EAAgB,CAAA;AAAA,IAAA,GAC9C;AAAA,IACA,gBAAAI;AAAA,MAACW;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,QAAAf;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ,IApBgB;AAsBxB;"}

package/dist/@ecme/views/concepts/help-center/EditArticle/components/EditArticleFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditArticleFooter.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleFooter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport { useNavigate } from 'react-router-dom'\nimport sleep from '@/utils/sleep'\nimport { TbDeviceFloppy, TbArrowNarrowLeft } from 'react-icons/tb'\n\nconst EditArticleFooter = () => {\n    const [isPublishing, setIsPublishing] = useState(false)\n\n    const [isSaving, setIsSaving] = useState(false)\n\n    const navigate = useNavigate()\n\n    const handleBack = () => {\n        history.back()\n    }\n\n    const handleSave = async () => {\n        setIsSaving(true)\n        await sleep(1000)\n        toast.push(<Notification type=\"success\">Saved as draft</Notification>, {\n            placement: 'top-center',\n        })\n        setIsSaving(false)\n    }\n\n    const handlePublish = async () => {\n        setIsPublishing(true)\n        await sleep(1000)\n        toast.push(\n            <Notification type=\"success\">Article published</Notification>,\n            { placement: 'top-center' },\n        )\n        setIsPublishing(false)\n        navigate('/concepts/help-center/manage-article')\n    }\n\n    return (\n        <div className=\"sticky bottom-0 left-0 right-0 z-10 mt-8 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 -mx-4 sm:-mx-8 py-4\">\n            <div className=\"max-w-[1200px] mx-auto\">\n                <div className=\"flex items-center justify-between px-8\">\n                    <Button\n                        className=\"ltr:mr-3 rtl:ml-3\"\n                        type=\"button\"\n                        variant=\"plain\"\n                        icon={<TbArrowNarrowLeft />}\n                        onClick={handleBack}\n                    >\n                        Back\n                    </Button>\n                    <div className=\"flex items-center\">\n                        <Button\n                            className=\"ltr:mr-3 rtl:ml-3\"\n                            type=\"button\"\n                            icon={<TbDeviceFloppy />}\n                            loading={isSaving}\n                            onClick={handleSave}\n                        >\n                            Save\n                        </Button>\n                        <Button\n                            variant=\"solid\"\n                            type=\"button\"\n                            loading={isPublishing}\n                            onClick={handlePublish}\n                        >\n                            Publish\n                        </Button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default EditArticleFooter\n"],"names":["EditArticleFooter","isPublishing","setIsPublishing","useState","isSaving","setIsSaving","navigate","useNavigate","jsx","jsxs","Button","TbArrowNarrowLeft","TbDeviceFloppy","sleep","toast","Notification"],"mappings":";;;;;;;;;;;AAQA,MAAMA,IAAoB,MAAM;AAC5B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhD,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GAExCG,IAAWC,EAAA;AA0BjB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,wIACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,wBAAOC,GAAA,EAAkB;AAAA,QACzB,SAjCD,MAAM;AACrB,kBAAQ,KAAA;AAAA,QACZ;AAAA,QAgCiB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAF,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,wBAAOE,GAAA,EAAe;AAAA,UACtB,SAASR;AAAA,UACT,SAvCL,YAAY;AAC3B,YAAAC,EAAY,EAAI,GAChB,MAAMQ,EAAM,GAAI,GAChBC,EAAM,KAAK,gBAAAN,EAACO,GAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,cACnE,WAAW;AAAA,YAAA,CACd,GACDV,EAAY,EAAK;AAAA,UACrB;AAAA,UAiCqB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAST;AAAA,UACT,SAtCF,YAAY;AAC9B,YAAAC,EAAgB,EAAI,GACpB,MAAMW,EAAM,GAAI,GAChBC,EAAM;AAAA,cACF,gBAAAN,EAACO,GAAA,EAAa,MAAK,WAAU,UAAA,qBAAiB;AAAA,cAC9C,EAAE,WAAW,aAAA;AAAA,YAAa,GAE9Bb,EAAgB,EAAK,GACrBI,EAAS,sCAAsC;AAAA,UACnD;AAAA,UA8BqB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,GACJ,GACJ;AAER;"}
+{"version":3,"file":"EditArticleFooter.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleFooter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport { useNavigate } from 'react-router-dom'\nimport sleep from '@/utils/sleep'\nimport { TbDeviceFloppy, TbArrowNarrowLeft } from 'react-icons/tb'\n\nconst EditArticleFooter = () => {\n    const [isPublishing, setIsPublishing] = useState(false)\n\n    const [isSaving, setIsSaving] = useState(false)\n\n    const navigate = useNavigate()\n\n    const handleBack = () => {\n        history.back()\n    }\n\n    const handleSave = async () => {\n        setIsSaving(true)\n        await sleep(1000)\n        toast.push(<Notification type=\"success\">Saved as draft</Notification>, {\n            placement: 'top-center',\n        })\n        setIsSaving(false)\n    }\n\n    const handlePublish = async () => {\n        setIsPublishing(true)\n        await sleep(1000)\n        toast.push(\n            <Notification type=\"success\">Article published</Notification>,\n            { placement: 'top-center' },\n        )\n        setIsPublishing(false)\n        navigate('/concepts/help-center/manage-article')\n    }\n\n    return (\n        <div className=\"sticky bottom-0 left-0 right-0 z-10 mt-8 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 -mx-4 sm:-mx-8 py-4\">\n            <div className=\"max-w-[1200px] mx-auto\">\n                <div className=\"flex items-center justify-between px-8\">\n                    <Button\n                        className=\"ltr:mr-3 rtl:ml-3\"\n                        type=\"button\"\n                        variant=\"plain\"\n                        icon={<TbArrowNarrowLeft />}\n                        onClick={handleBack}\n                    >\n                        Back\n                    </Button>\n                    <div className=\"flex items-center\">\n                        <Button\n                            className=\"ltr:mr-3 rtl:ml-3\"\n                            type=\"button\"\n                            icon={<TbDeviceFloppy />}\n                            loading={isSaving}\n                            onClick={handleSave}\n                        >\n                            Save\n                        </Button>\n                        <Button\n                            variant=\"solid\"\n                            type=\"button\"\n                            loading={isPublishing}\n                            onClick={handlePublish}\n                        >\n                            Publish\n                        </Button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default EditArticleFooter\n"],"names":["EditArticleFooter","isPublishing","setIsPublishing","useState","isSaving","setIsSaving","navigate","useNavigate","jsx","jsxs","Button","TbArrowNarrowLeft","TbDeviceFloppy","sleep","toast","Notification"],"mappings":";;;;;;;;;;;AAQA,MAAMA,IAAoB,MAAM;AAC5B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhD,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GAExCG,IAAWC,EAAY;AA2BzB,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,wIACX,UAAA,gBAAAA,EAAC,OAAI,EAAA,WAAU,0BACX,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,0CACX,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,wBAAOC,GAAkB,EAAA;AAAA,QACzB,SAjCD,MAAM;AACrB,kBAAQ,KAAK;AAAA,QACjB;AAAA,QAgCiB,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACA,gBAAAF,EAAC,OAAI,EAAA,WAAU,qBACX,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,wBAAOE,GAAe,EAAA;AAAA,UACtB,SAASR;AAAA,UACT,SAvCL,YAAY;AAC3B,YAAAC,EAAY,EAAI,GAChB,MAAMQ,EAAM,GAAI,GAChBC,EAAM,KAAM,gBAAAN,EAAAO,GAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,cACnE,WAAW;AAAA,YAAA,CACd,GACDV,EAAY,EAAK;AAAA,UACrB;AAAA,UAiCqB,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACA,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAST;AAAA,UACT,SAtCF,YAAY;AAC9B,YAAAC,EAAgB,EAAI,GACpB,MAAMW,EAAM,GAAI,GACVC,EAAA;AAAA,cACD,gBAAAN,EAAAO,GAAA,EAAa,MAAK,WAAU,UAAiB,qBAAA;AAAA,cAC9C,EAAE,WAAW,aAAa;AAAA,YAC9B,GACAb,EAAgB,EAAK,GACrBI,EAAS,sCAAsC;AAAA,UACnD;AAAA,UA8BqB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EACJ,CAAA;AAAA,EAAA,EACJ,CAAA,EACJ,CAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/help-center/EditArticle/components/EditArticleHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditArticleHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleHeader.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport uniqueId from 'lodash/uniqueId'\nimport type { ArticleContent } from '../types'\nimport type { CommonProps } from '@/@types/common'\nimport type { ReactNode } from 'react'\n\ntype EditArticleHeaderProps = Pick<\n    ArticleContent,\n    'title' | 'category' | 'tags' | 'authors' | 'updateTime'\n>\n\nexport interface FieldProps extends CommonProps {\n    title: string\n    icon?: ReactNode\n}\n\nconst Field = (props: FieldProps) => {\n    const { title, icon, children } = props\n\n    return (\n        <div className=\"flex items-center mb-2\">\n            <div className=\"flex items-center gap-2 font-semibold min-w-[150px]\">\n                <span className=\"text-lg\">{icon}</span>\n                <span>{title}</span>\n            </div>\n            {children}\n        </div>\n    )\n}\n\nconst EditArticleHeader = (props: EditArticleHeaderProps) => {\n    const { title, authors, updateTime, tags } = props\n\n    const [articleTitle, setArticleTitle] = useState(title)\n    const [articleTags, setArticleTags] = useState(tags)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.value = ''\n        }\n    }, [articleTags])\n\n    return (\n        <div>\n            <input\n                className=\"ring-0 outline-none block w-full p-2 bg-transparent heading-text h3\"\n                placeholder=\"Untitle article\"\n                value={articleTitle}\n                onChange={(e) => setArticleTitle(e.target.value)}\n            />\n            <div className=\"mt-3 flex flex-col gap-6 border-t border-gray-200 dark:border-gray-700 py-6\">\n                <Field title=\"Created by:\">\n                    {authors.length > 0 && (\n                        <div className=\"flex items-center gap-2\">\n                            <Avatar size={25} src={authors[0].img} />\n                            <span className=\"heading-text font-bold\">\n                                {authors[0].name}\n                            </span>\n                        </div>\n                    )}\n                </Field>\n                <Field title=\"Last updated:\">\n                    <span className=\"heading-text font-bold\">{updateTime}</span>\n                </Field>\n                <Field title=\"Tags:\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                        {articleTags.map((tag) => (\n                            <Tag key={tag.id}>{tag.label}</Tag>\n                        ))}\n                        <input\n                            ref={inputRef}\n                            className=\"ring-0 outline-none block py-2 bg-transparent heading-text text-sm\"\n                            type=\"text\"\n                            onKeyDown={(event) => {\n                                if (event.key === 'Enter') {\n                                    const eventTarget =\n                                        event.target as HTMLInputElement\n                                    setArticleTags((tag) => {\n                                        const newTags = structuredClone(tag)\n\n                                        newTags.push({\n                                            id: uniqueId('article-tag-'),\n                                            label: eventTarget.value,\n                                        })\n                                        return newTags\n                                    })\n                                    inputRef.current?.blur()\n                                }\n\n                                if (\n                                    event.key === 'Backspace' &&\n                                    (event.target as HTMLInputElement).value\n                                        .length === 0\n                                ) {\n                                    setArticleTags((tag) => {\n                                        const newTags = structuredClone(tag)\n                                        newTags.pop()\n                                        return newTags\n                                    })\n                                }\n                            }}\n                        />\n                    </div>\n                </Field>\n            </div>\n        </div>\n    )\n}\n\nexport default EditArticleHeader\n"],"names":["Field","props","title","icon","children","jsxs","jsx","EditArticleHeader","authors","updateTime","tags","articleTitle","setArticleTitle","useState","articleTags","setArticleTags","inputRef","useRef","useEffect","e","Avatar","tag","Tag","event","eventTarget","newTags","uniqueId"],"mappings":";;;;;;AAkBA,MAAMA,IAAQ,CAACC,MAAsB;AACjC,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAA,IAAaH;AAElC,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uDACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAH,GAAK;AAAA,MAChC,gBAAAG,EAAC,UAAM,UAAAJ,EAAA,CAAM;AAAA,IAAA,GACjB;AAAA,IACCE;AAAA,EAAA,GACL;AAER,GAEMG,IAAoB,CAACN,MAAkC;AACzD,QAAM,EAAE,OAAAC,GAAO,SAAAM,GAAS,YAAAC,GAAY,MAAAC,MAAST,GAEvC,CAACU,GAAcC,CAAe,IAAIC,EAASX,CAAK,GAChD,CAACY,GAAaC,CAAc,IAAIF,EAASH,CAAI,GAE7CM,IAAWC,EAAyB,IAAI;AAE9C,SAAAC,EAAU,MAAM;AACZ,IAAIF,EAAS,YACTA,EAAS,QAAQ,QAAQ;AAAA,EAEjC,GAAG,CAACF,CAAW,CAAC,qBAGX,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAR;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,OAAOK;AAAA,QACP,UAAU,CAACQ,MAAMP,EAAgBO,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnD,gBAAAd,EAAC,OAAA,EAAI,WAAU,+EACX,UAAA;AAAA,MAAA,gBAAAC,EAACN,GAAA,EAAM,OAAM,eACR,UAAAQ,EAAQ,SAAS,KACd,gBAAAH,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA,gBAAAC,EAACc,KAAO,MAAM,IAAI,KAAKZ,EAAQ,CAAC,EAAE,KAAK;AAAA,0BACtC,QAAA,EAAK,WAAU,0BACX,UAAAA,EAAQ,CAAC,EAAE,KAAA,CAChB;AAAA,MAAA,EAAA,CACJ,EAAA,CAER;AAAA,MACA,gBAAAF,EAACN,KAAM,OAAM,iBACT,4BAAC,QAAA,EAAK,WAAU,0BAA0B,UAAAS,EAAA,CAAW,EAAA,CACzD;AAAA,wBACCT,GAAA,EAAM,OAAM,SACT,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,QAAAS,EAAY,IAAI,CAACO,MACd,gBAAAf,EAACgB,KAAkB,UAAAD,EAAI,MAAA,GAAbA,EAAI,EAAe,CAChC;AAAA,QACD,gBAAAf;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKU;AAAA,YACL,WAAU;AAAA,YACV,MAAK;AAAA,YACL,WAAW,CAACO,MAAU;AAClB,kBAAIA,EAAM,QAAQ,SAAS;AACvB,sBAAMC,IACFD,EAAM;AACV,gBAAAR,EAAe,CAACM,MAAQ;AACpB,wBAAMI,IAAU,gBAAgBJ,CAAG;AAEnC,yBAAAI,EAAQ,KAAK;AAAA,oBACT,IAAIC,EAAS,cAAc;AAAA,oBAC3B,OAAOF,EAAY;AAAA,kBAAA,CACtB,GACMC;AAAA,gBACX,CAAC,GACDT,EAAS,SAAS,KAAA;AAAA,cACtB;AAEA,cACIO,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,WAAW,KAEhBR,EAAe,CAACM,MAAQ;AACpB,sBAAMI,IAAU,gBAAgBJ,CAAG;AACnC,uBAAAI,EAAQ,IAAA,GACDA;AAAA,cACX,CAAC;AAAA,YAET;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"EditArticleHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleHeader.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport uniqueId from 'lodash/uniqueId'\nimport type { ArticleContent } from '../types'\nimport type { CommonProps } from '@/@types/common'\nimport type { ReactNode } from 'react'\n\ntype EditArticleHeaderProps = Pick<\n    ArticleContent,\n    'title' | 'category' | 'tags' | 'authors' | 'updateTime'\n>\n\nexport interface FieldProps extends CommonProps {\n    title: string\n    icon?: ReactNode\n}\n\nconst Field = (props: FieldProps) => {\n    const { title, icon, children } = props\n\n    return (\n        <div className=\"flex items-center mb-2\">\n            <div className=\"flex items-center gap-2 font-semibold min-w-[150px]\">\n                <span className=\"text-lg\">{icon}</span>\n                <span>{title}</span>\n            </div>\n            {children}\n        </div>\n    )\n}\n\nconst EditArticleHeader = (props: EditArticleHeaderProps) => {\n    const { title, authors, updateTime, tags } = props\n\n    const [articleTitle, setArticleTitle] = useState(title)\n    const [articleTags, setArticleTags] = useState(tags)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.value = ''\n        }\n    }, [articleTags])\n\n    return (\n        <div>\n            <input\n                className=\"ring-0 outline-none block w-full p-2 bg-transparent heading-text h3\"\n                placeholder=\"Untitle article\"\n                value={articleTitle}\n                onChange={(e) => setArticleTitle(e.target.value)}\n            />\n            <div className=\"mt-3 flex flex-col gap-6 border-t border-gray-200 dark:border-gray-700 py-6\">\n                <Field title=\"Created by:\">\n                    {authors.length > 0 && (\n                        <div className=\"flex items-center gap-2\">\n                            <Avatar size={25} src={authors[0].img} />\n                            <span className=\"heading-text font-bold\">\n                                {authors[0].name}\n                            </span>\n                        </div>\n                    )}\n                </Field>\n                <Field title=\"Last updated:\">\n                    <span className=\"heading-text font-bold\">{updateTime}</span>\n                </Field>\n                <Field title=\"Tags:\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                        {articleTags.map((tag) => (\n                            <Tag key={tag.id}>{tag.label}</Tag>\n                        ))}\n                        <input\n                            ref={inputRef}\n                            className=\"ring-0 outline-none block py-2 bg-transparent heading-text text-sm\"\n                            type=\"text\"\n                            onKeyDown={(event) => {\n                                if (event.key === 'Enter') {\n                                    const eventTarget =\n                                        event.target as HTMLInputElement\n                                    setArticleTags((tag) => {\n                                        const newTags = structuredClone(tag)\n\n                                        newTags.push({\n                                            id: uniqueId('article-tag-'),\n                                            label: eventTarget.value,\n                                        })\n                                        return newTags\n                                    })\n                                    inputRef.current?.blur()\n                                }\n\n                                if (\n                                    event.key === 'Backspace' &&\n                                    (event.target as HTMLInputElement).value\n                                        .length === 0\n                                ) {\n                                    setArticleTags((tag) => {\n                                        const newTags = structuredClone(tag)\n                                        newTags.pop()\n                                        return newTags\n                                    })\n                                }\n                            }}\n                        />\n                    </div>\n                </Field>\n            </div>\n        </div>\n    )\n}\n\nexport default EditArticleHeader\n"],"names":["Field","props","title","icon","children","jsxs","jsx","EditArticleHeader","authors","updateTime","tags","articleTitle","setArticleTitle","useState","articleTags","setArticleTags","inputRef","useRef","useEffect","e","Avatar","tag","Tag","event","eventTarget","newTags","uniqueId"],"mappings":";;;;;;AAkBA,MAAMA,IAAQ,CAACC,MAAsB;AACjC,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAa,IAAAH;AAG9B,SAAA,gBAAAI,EAAC,OAAI,EAAA,WAAU,0BACX,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,uDACX,UAAA;AAAA,MAAC,gBAAAC,EAAA,QAAA,EAAK,WAAU,WAAW,UAAKH,GAAA;AAAA,MAChC,gBAAAG,EAAC,UAAM,UAAMJ,EAAA,CAAA;AAAA,IAAA,GACjB;AAAA,IACCE;AAAA,EAAA,GACL;AAER,GAEMG,IAAoB,CAACN,MAAkC;AACzD,QAAM,EAAE,OAAAC,GAAO,SAAAM,GAAS,YAAAC,GAAY,MAAAC,EAAS,IAAAT,GAEvC,CAACU,GAAcC,CAAe,IAAIC,EAASX,CAAK,GAChD,CAACY,GAAaC,CAAc,IAAIF,EAASH,CAAI,GAE7CM,IAAWC,EAAyB,IAAI;AAE9C,SAAAC,EAAU,MAAM;AACZ,IAAIF,EAAS,YACTA,EAAS,QAAQ,QAAQ;AAAA,EAC7B,GACD,CAACF,CAAW,CAAC,qBAGX,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAR;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,OAAOK;AAAA,QACP,UAAU,CAACQ,MAAMP,EAAgBO,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IACnD;AAAA,IACA,gBAAAd,EAAC,OAAI,EAAA,WAAU,+EACX,UAAA;AAAA,MAAC,gBAAAC,EAAAN,GAAA,EAAM,OAAM,eACR,UAAAQ,EAAQ,SAAS,KACd,gBAAAH,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,QAAA,gBAAAC,EAACc,KAAO,MAAM,IAAI,KAAKZ,EAAQ,CAAC,EAAE,KAAK;AAAA,0BACtC,QAAK,EAAA,WAAU,0BACX,UAAQA,EAAA,CAAC,EAAE,KAChB,CAAA;AAAA,MAAA,EAAA,CACJ,EAER,CAAA;AAAA,MACA,gBAAAF,EAACN,KAAM,OAAM,iBACT,4BAAC,QAAK,EAAA,WAAU,0BAA0B,UAAAS,EAAA,CAAW,EACzD,CAAA;AAAA,wBACCT,GAAM,EAAA,OAAM,SACT,UAAC,gBAAAK,EAAA,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,QAAYS,EAAA,IAAI,CAACO,MACd,gBAAAf,EAACgB,KAAkB,UAAID,EAAA,MAAA,GAAbA,EAAI,EAAe,CAChC;AAAA,QACD,gBAAAf;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKU;AAAA,YACL,WAAU;AAAA,YACV,MAAK;AAAA,YACL,WAAW,CAACO,MAAU;AACd,kBAAAA,EAAM,QAAQ,SAAS;AACvB,sBAAMC,IACFD,EAAM;AACV,gBAAAR,EAAe,CAACM,MAAQ;AACd,wBAAAI,IAAU,gBAAgBJ,CAAG;AAEnC,yBAAAI,EAAQ,KAAK;AAAA,oBACT,IAAIC,EAAS,cAAc;AAAA,oBAC3B,OAAOF,EAAY;AAAA,kBAAA,CACtB,GACMC;AAAA,gBAAA,CACV,GACDT,EAAS,SAAS,KAAK;AAAA,cAAA;AAG3B,cACIO,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,WAAW,KAEhBR,EAAe,CAACM,MAAQ;AACd,sBAAAI,IAAU,gBAAgBJ,CAAG;AACnC,uBAAAI,EAAQ,IAAI,GACLA;AAAA,cAAA,CACV;AAAA,YACL;AAAA,UACJ;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,EACJ,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/help-center/ManageArticle/ManageArticle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManageArticle.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/ManageArticle.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport ManageArticleHeader from './components/ManageArticleHeader'\nimport ArticleListTable from './components/ArticleListTable'\nimport ArticleListSelected from './components/ArticleListSelected'\n\nconst ManageArticle = () => {\n    return (\n        <>\n            <Container>\n                <ManageArticleHeader />\n                <ArticleListTable />\n            </Container>\n            <ArticleListSelected />\n            <div className=\"h-6\"></div>\n        </>\n    )\n}\n\nexport default ManageArticle\n"],"names":["ManageArticle","jsxs","Fragment","Container","jsx","ManageArticleHeader","ArticleListTable","ArticleListSelected"],"mappings":";;;;;AAKA,MAAMA,IAAgB,MAEd,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAD,EAACE,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAoB;AAAA,sBACpBC,GAAA,CAAA,CAAiB;AAAA,EAAA,GACtB;AAAA,oBACCC,GAAA,EAAoB;AAAA,EACrB,gBAAAH,EAAC,OAAA,EAAI,WAAU,MAAA,CAAM;AAAA,GACzB;"}
+{"version":3,"file":"ManageArticle.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/ManageArticle.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport ManageArticleHeader from './components/ManageArticleHeader'\nimport ArticleListTable from './components/ArticleListTable'\nimport ArticleListSelected from './components/ArticleListSelected'\n\nconst ManageArticle = () => {\n    return (\n        <>\n            <Container>\n                <ManageArticleHeader />\n                <ArticleListTable />\n            </Container>\n            <ArticleListSelected />\n            <div className=\"h-6\"></div>\n        </>\n    )\n}\n\nexport default ManageArticle\n"],"names":["ManageArticle","jsxs","Fragment","Container","jsx","ManageArticleHeader","ArticleListTable","ArticleListSelected"],"mappings":";;;;;AAKA,MAAMA,IAAgB,MAGV,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAD,EAACE,GACG,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAoB,EAAA;AAAA,sBACpBC,GAAiB,CAAA,CAAA;AAAA,EAAA,GACtB;AAAA,oBACCC,GAAoB,EAAA;AAAA,EACrB,gBAAAH,EAAC,OAAI,EAAA,WAAU,MAAM,CAAA;AAAA,GACzB;"}

package/dist/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleListSearch.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListSearch.tsx"],"sourcesContent":["import DebounceInput from '@/components/shared/DebounceInput'\nimport { useManageArticleStore } from '../store/manageArticleStore'\nimport { TbSearch } from 'react-icons/tb'\n\nconst ArticleListSearch = () => {\n    const tableData = useManageArticleStore((state) => state.tableData)\n    const setTableData = useManageArticleStore((state) => state.setTableData)\n\n    const handleInputChange = (value: string) => {\n        const newTableData = structuredClone(tableData)\n        newTableData.query = value\n        newTableData.pageIndex = 1\n        if (typeof value === 'string' && value.length > 1) {\n            setTableData(newTableData)\n        }\n\n        if (typeof value === 'string' && value.length === 0) {\n            setTableData(newTableData)\n        }\n    }\n\n    return (\n        <DebounceInput\n            placeholder=\"Search...\"\n            type=\"text\"\n            prefix={<TbSearch className=\"text-lg\" />}\n            onChange={(e) => handleInputChange(e.target.value)}\n        />\n    )\n}\n\nexport default ArticleListSearch\n"],"names":["ArticleListSearch","tableData","useManageArticleStore","state","setTableData","handleInputChange","value","newTableData","jsx","DebounceInput","TbSearch","e"],"mappings":";;;;AAIA,MAAMA,IAAoB,MAAM;AAC5B,QAAMC,IAAYC,EAAsB,CAACC,MAAUA,EAAM,SAAS,GAC5DC,IAAeF,EAAsB,CAACC,MAAUA,EAAM,YAAY,GAElEE,IAAoB,CAACC,MAAkB;AACzC,UAAMC,IAAe,gBAAgBN,CAAS;AAC9C,IAAAM,EAAa,QAAQD,GACrBC,EAAa,YAAY,GACrB,OAAOD,KAAU,YAAYA,EAAM,SAAS,KAC5CF,EAAaG,CAAY,GAGzB,OAAOD,KAAU,YAAYA,EAAM,WAAW,KAC9CF,EAAaG,CAAY;AAAA,EAEjC;AAEA,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,MAAK;AAAA,MACL,QAAQ,gBAAAD,EAACE,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,MACtC,UAAU,CAACC,MAAMN,EAAkBM,EAAE,OAAO,KAAK;AAAA,IAAA;AAAA,EAAA;AAG7D;"}
+{"version":3,"file":"ArticleListSearch.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListSearch.tsx"],"sourcesContent":["import DebounceInput from '@/components/shared/DebounceInput'\nimport { useManageArticleStore } from '../store/manageArticleStore'\nimport { TbSearch } from 'react-icons/tb'\n\nconst ArticleListSearch = () => {\n    const tableData = useManageArticleStore((state) => state.tableData)\n    const setTableData = useManageArticleStore((state) => state.setTableData)\n\n    const handleInputChange = (value: string) => {\n        const newTableData = structuredClone(tableData)\n        newTableData.query = value\n        newTableData.pageIndex = 1\n        if (typeof value === 'string' && value.length > 1) {\n            setTableData(newTableData)\n        }\n\n        if (typeof value === 'string' && value.length === 0) {\n            setTableData(newTableData)\n        }\n    }\n\n    return (\n        <DebounceInput\n            placeholder=\"Search...\"\n            type=\"text\"\n            prefix={<TbSearch className=\"text-lg\" />}\n            onChange={(e) => handleInputChange(e.target.value)}\n        />\n    )\n}\n\nexport default ArticleListSearch\n"],"names":["ArticleListSearch","tableData","useManageArticleStore","state","setTableData","handleInputChange","value","newTableData","jsx","DebounceInput","TbSearch","e"],"mappings":";;;;AAIA,MAAMA,IAAoB,MAAM;AAC5B,QAAMC,IAAYC,EAAsB,CAACC,MAAUA,EAAM,SAAS,GAC5DC,IAAeF,EAAsB,CAACC,MAAUA,EAAM,YAAY,GAElEE,IAAoB,CAACC,MAAkB;AACnC,UAAAC,IAAe,gBAAgBN,CAAS;AAC9C,IAAAM,EAAa,QAAQD,GACrBC,EAAa,YAAY,GACrB,OAAOD,KAAU,YAAYA,EAAM,SAAS,KAC5CF,EAAaG,CAAY,GAGzB,OAAOD,KAAU,YAAYA,EAAM,WAAW,KAC9CF,EAAaG,CAAY;AAAA,EAEjC;AAGI,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,MAAK;AAAA,MACL,QAAQ,gBAAAD,EAACE,GAAS,EAAA,WAAU,UAAU,CAAA;AAAA,MACtC,UAAU,CAACC,MAAMN,EAAkBM,EAAE,OAAO,KAAK;AAAA,IAAA;AAAA,EACrD;AAER;"}

package/dist/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListSelected.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleListSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListSelected.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { useManageArticleStore } from '../store/manageArticleStore'\nimport useManageArticle from '../hooks/useManageArticle'\nimport { TbChecks } from 'react-icons/tb'\nimport classNames from '@/utils/classNames'\n\nconst ArticleListSelected = () => {\n    const { articleList, mutate, articleTotal } = useManageArticle()\n\n    const selectedArticle = useManageArticleStore(\n        (state) => state.selectedArticle,\n    )\n    const setSelectAllArticle = useManageArticleStore(\n        (state) => state.setSelectAllArticle,\n    )\n\n    const hasSelectedArticle = selectedArticle.length > 0\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 newArticleList = articleList.filter((article) => {\n            return !selectedArticle.some(\n                (selected) => selected.id === article.id,\n            )\n        })\n        setSelectAllArticle([])\n        mutate(\n            {\n                list: newArticleList,\n                total: articleTotal - selectedArticle.length,\n            },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n    }\n\n    useEffect(() => {\n        if (hasSelectedArticle) {\n            window.scrollBy({\n                top: 20,\n                left: 0,\n                behavior: 'smooth',\n            })\n        }\n    }, [hasSelectedArticle])\n\n    return (\n        <>\n            <StickyFooter\n                className={classNames(\n                    'flex items-center justify-between py-4 bg-white dark:bg-gray-800',\n                    !hasSelectedArticle && 'hidden',\n                )}\n                stickyClass=\"border-t border-gray-200 dark:border-gray-700 px-8 -mx-4 sm:-mx-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                            {selectedArticle.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                                            {selectedArticle.length} Articles\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            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove articles\"\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 articles? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ArticleListSelected\n"],"names":["ArticleListSelected","articleList","mutate","articleTotal","useManageArticle","selectedArticle","useManageArticleStore","state","setSelectAllArticle","hasSelectedArticle","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","handleDelete","handleCancel","handleConfirmDelete","newArticleList","article","selected","useEffect","jsxs","Fragment","jsx","StickyFooter","classNames","TbChecks","Button","ConfirmDialog"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAsB,MAAM;AAC9B,QAAM,EAAE,aAAAC,GAAa,QAAAC,GAAQ,cAAAC,EAAA,IAAiBC,EAAA,GAExCC,IAAkBC;AAAA,IACpB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAEfC,IAAsBF;AAAA,IACxB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAGfE,IAAqBJ,EAAgB,SAAS,GAE9C,CAACK,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,IAAiBf,EAAY,OAAO,CAACgB,MAChC,CAACZ,EAAgB;AAAA,MACpB,CAACa,MAAaA,EAAS,OAAOD,EAAQ;AAAA,IAAA,CAE7C;AACD,IAAAT,EAAoB,CAAA,CAAE,GACtBN;AAAA,MACI;AAAA,QACI,MAAMc;AAAA,QACN,OAAOb,IAAeE,EAAgB;AAAA,MAAA;AAAA,MAE1C;AAAA,IAAA,GAEJM,EAA0B,EAAK;AAAA,EACnC;AAEA,SAAAQ,EAAU,MAAM;AACZ,IAAIV,KACA,OAAO,SAAS;AAAA,MACZ,KAAK;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IAAA,CACb;AAAA,EAET,GAAG,CAACA,CAAkB,CAAC,GAGnB,gBAAAW,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAWC;AAAA,UACP;AAAA,UACA,CAACf,KAAsB;AAAA,QAAA;AAAA,QAE3B,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,4BAAC,OAAA,EAAI,WAAU,qBACX,UAAA,gBAAAW,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,EAACG,KAAS,GACd;AAAA,YACA,gBAAAL,EAAC,QAAA,EAAK,WAAU,yCACZ,UAAA;AAAA,cAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,gBAAAf,EAAgB;AAAA,gBAAO;AAAA,cAAA,GAC5B;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,YAACI;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,MAAK;AAAA,cACL,kBAAkB,MACd;AAAA,cAEJ,SAASb;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAED,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAS;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,QAAQjB;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":"ArticleListSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListSelected.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { useManageArticleStore } from '../store/manageArticleStore'\nimport useManageArticle from '../hooks/useManageArticle'\nimport { TbChecks } from 'react-icons/tb'\nimport classNames from '@/utils/classNames'\n\nconst ArticleListSelected = () => {\n    const { articleList, mutate, articleTotal } = useManageArticle()\n\n    const selectedArticle = useManageArticleStore(\n        (state) => state.selectedArticle,\n    )\n    const setSelectAllArticle = useManageArticleStore(\n        (state) => state.setSelectAllArticle,\n    )\n\n    const hasSelectedArticle = selectedArticle.length > 0\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 newArticleList = articleList.filter((article) => {\n            return !selectedArticle.some(\n                (selected) => selected.id === article.id,\n            )\n        })\n        setSelectAllArticle([])\n        mutate(\n            {\n                list: newArticleList,\n                total: articleTotal - selectedArticle.length,\n            },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n    }\n\n    useEffect(() => {\n        if (hasSelectedArticle) {\n            window.scrollBy({\n                top: 20,\n                left: 0,\n                behavior: 'smooth',\n            })\n        }\n    }, [hasSelectedArticle])\n\n    return (\n        <>\n            <StickyFooter\n                className={classNames(\n                    'flex items-center justify-between py-4 bg-white dark:bg-gray-800',\n                    !hasSelectedArticle && 'hidden',\n                )}\n                stickyClass=\"border-t border-gray-200 dark:border-gray-700 px-8 -mx-4 sm:-mx-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                            {selectedArticle.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                                            {selectedArticle.length} Articles\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            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove articles\"\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 articles? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ArticleListSelected\n"],"names":["ArticleListSelected","articleList","mutate","articleTotal","useManageArticle","selectedArticle","useManageArticleStore","state","setSelectAllArticle","hasSelectedArticle","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","handleDelete","handleCancel","handleConfirmDelete","newArticleList","article","selected","useEffect","jsxs","Fragment","jsx","StickyFooter","classNames","TbChecks","Button","ConfirmDialog"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAsB,MAAM;AAC9B,QAAM,EAAE,aAAAC,GAAa,QAAAC,GAAQ,cAAAC,EAAA,IAAiBC,EAAiB,GAEzDC,IAAkBC;AAAA,IACpB,CAACC,MAAUA,EAAM;AAAA,EACrB,GACMC,IAAsBF;AAAA,IACxB,CAACC,MAAUA,EAAM;AAAA,EACrB,GAEME,IAAqBJ,EAAgB,SAAS,GAE9C,CAACK,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,IAAiBf,EAAY,OAAO,CAACgB,MAChC,CAACZ,EAAgB;AAAA,MACpB,CAACa,MAAaA,EAAS,OAAOD,EAAQ;AAAA,IAC1C,CACH;AACD,IAAAT,EAAoB,CAAA,CAAE,GACtBN;AAAA,MACI;AAAA,QACI,MAAMc;AAAA,QACN,OAAOb,IAAeE,EAAgB;AAAA,MAC1C;AAAA,MACA;AAAA,IACJ,GACAM,EAA0B,EAAK;AAAA,EACnC;AAEA,SAAAQ,EAAU,MAAM;AACZ,IAAIV,KACA,OAAO,SAAS;AAAA,MACZ,KAAK;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IAAA,CACb;AAAA,EACL,GACD,CAACA,CAAkB,CAAC,GAIf,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAWC;AAAA,UACP;AAAA,UACA,CAACf,KAAsB;AAAA,QAC3B;AAAA,QACA,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,4BAAC,OAAI,EAAA,WAAU,qBACX,UAAC,gBAAAW,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,gBAAAE,EAAC,UACI,UAAgBjB,EAAA,SAAS,KACrB,gBAAAe,EAAA,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAK,EAAA,WAAU,wBACZ,UAAA,gBAAAA,EAACG,IAAS,CAAA,GACd;AAAA,YACA,gBAAAL,EAAC,QAAK,EAAA,WAAU,yCACZ,UAAA;AAAA,cAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,gBAAgBf,EAAA;AAAA,gBAAO;AAAA,cAAA,GAC5B;AAAA,cACA,gBAAAiB,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,YAAA,EAClB,CAAA;AAAA,UAAA,EAAA,CACJ,EAER,CAAA;AAAA,UAEA,gBAAAA,EAAC,OAAI,EAAA,WAAU,qBACX,UAAA,gBAAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,MAAK;AAAA,cACL,kBAAkB,MACd;AAAA,cAEJ,SAASb;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAGL,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IACA,gBAAAS;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,QAAQjB;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,4BAAC,KACI,EAAA,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,EACxB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport Switcher from '@/components/ui/Switcher'\nimport { UsersAvatarGroup } from '@/components/shared'\nimport DataTable from '@/components/shared/DataTable'\nimport { useManageArticleStore } from '../store/manageArticleStore'\nimport useManageArticle from '../hooks/useManageArticle'\nimport { categoryIcon, categoryClass } from '../utils'\nimport classNames from '@/utils/classNames'\nimport { Link } from 'react-router-dom'\nimport type { TableQueries } from '@/@types/common'\nimport type { Article } from '../types'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\n\nconst ArticleListTable = () => {\n    const tableData = useManageArticleStore((state) => state.tableData)\n    const selectedArticle = useManageArticleStore(\n        (state) => state.selectedArticle,\n    )\n    const setSelectedArticle = useManageArticleStore(\n        (state) => state.setSelectedArticle,\n    )\n    const setSelectAllArticle = useManageArticleStore(\n        (state) => state.setSelectAllArticle,\n    )\n    const setTableData = useManageArticleStore((state) => state.setTableData)\n\n    const { articleList, articleTotal, isLoading } = useManageArticle()\n\n    const columns: ColumnDef<Article>[] = useMemo(\n        () => [\n            {\n                header: 'Title',\n                accessorKey: 'title',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"flex items-center gap-4\">\n                            <Avatar\n                                icon={categoryIcon[row.category]}\n                                shape=\"round\"\n                                className={classNames(\n                                    'text-gray-900',\n                                    categoryClass[row.category],\n                                )}\n                            />\n                            <div>\n                                <div className=\"mb-2\">\n                                    <Link\n                                        to={`/concepts/help-center/edit-article/${row.id}`}\n                                        className=\"font-bold heading-text hover:text-primary\"\n                                    >\n                                        {row.title}\n                                    </Link>\n                                </div>\n                                <div className=\"flex items-center gap-1\">\n                                    {row.tags.map((tag) => (\n                                        <Tag key={tag.id}>{tag.label}</Tag>\n                                    ))}\n                                </div>\n                            </div>\n                        </div>\n                    )\n                },\n            },\n            {\n                header: 'Authors',\n                accessorKey: 'authors',\n                enableSorting: false,\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <UsersAvatarGroup\n                            avatarProps={{ size: 25 }}\n                            users={row.authors || []}\n                        />\n                    )\n                },\n            },\n            {\n                header: 'Last update',\n                accessorKey: 'updateTimeStamp',\n                cell: (props) => {\n                    const row = props.row.original\n                    return <div>{row.updateTime}</div>\n                },\n            },\n            {\n                header: 'Published',\n                accessorKey: 'published',\n                enableSorting: false,\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"px-4\">\n                            <Switcher defaultChecked={row.published} />\n                        </div>\n                    )\n                },\n            },\n        ],\n        [],\n    )\n\n    const handleSetTableData = (articleList: TableQueries) => {\n        setTableData(articleList)\n        if (selectedArticle.length > 0) {\n            setSelectAllArticle([])\n        }\n    }\n\n    const handlePaginationChange = (page: number) => {\n        const newTableData = structuredClone(tableData)\n        newTableData.pageIndex = page\n        handleSetTableData(newTableData)\n    }\n\n    const handleSelectChange = (value: number) => {\n        const newTableData = structuredClone(tableData)\n        newTableData.pageSize = Number(value)\n        newTableData.pageIndex = 1\n        handleSetTableData(newTableData)\n    }\n\n    const handleSort = (sort: OnSortParam) => {\n        const newTableData = structuredClone(tableData)\n        newTableData.sort = sort\n        handleSetTableData(newTableData)\n    }\n\n    const handleRowSelect = (checked: boolean, row: Article) => {\n        setSelectedArticle(checked, row)\n    }\n\n    const handleAllRowSelect = (checked: boolean, rows: Row<Article>[]) => {\n        if (checked) {\n            const originalRows = rows.map((row) => row.original)\n            setSelectAllArticle(originalRows)\n        } else {\n            setSelectAllArticle([])\n        }\n    }\n\n    return (\n        <div>\n            <DataTable\n                selectable\n                hoverable={false}\n                columns={columns}\n                data={articleList}\n                noData={!isLoading && articleList.length === 0}\n                skeletonAvatarColumns={[0]}\n                skeletonAvatarProps={{ width: 28, height: 28 }}\n                loading={isLoading}\n                pagingData={{\n                    total: articleTotal || 0,\n                    pageIndex: tableData.pageIndex as number,\n                    pageSize: tableData.pageSize as number,\n                }}\n                checkboxChecked={(row) =>\n                    selectedArticle.some((selected) => selected.id === row.id)\n                }\n                onPaginationChange={handlePaginationChange}\n                onSelectChange={handleSelectChange}\n                onSort={handleSort}\n                onCheckBoxChange={handleRowSelect}\n                onIndeterminateCheckBoxChange={handleAllRowSelect}\n            />\n        </div>\n    )\n}\n\nexport default ArticleListTable\n"],"names":["ArticleListTable","tableData","useManageArticleStore","state","selectedArticle","setSelectedArticle","setSelectAllArticle","setTableData","articleList","articleTotal","isLoading","useManageArticle","columns","useMemo","props","row","jsxs","jsx","Avatar","categoryIcon","classNames","categoryClass","Link","tag","Tag","UsersAvatarGroup","Switcher","handleSetTableData","handlePaginationChange","page","newTableData","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","handleAllRowSelect","rows","originalRows","DataTable","selected"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAYC,EAAsB,CAACC,MAAUA,EAAM,SAAS,GAC5DC,IAAkBF;AAAA,IACpB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAEfE,IAAqBH;AAAA,IACvB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAEfG,IAAsBJ;AAAA,IACxB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAEfI,IAAeL,EAAsB,CAACC,MAAUA,EAAM,YAAY,GAElE,EAAE,aAAAK,GAAa,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAE3CC,IAAgCC;AAAA,IAClC,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACC,MAAU;AACb,gBAAMC,IAAMD,EAAM,IAAI;AACtB,iBACI,gBAAAE,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,MAAMC,EAAaJ,EAAI,QAAQ;AAAA,gBAC/B,OAAM;AAAA,gBACN,WAAWK;AAAA,kBACP;AAAA,kBACAC,EAAcN,EAAI,QAAQ;AAAA,gBAAA;AAAA,cAC9B;AAAA,YAAA;AAAA,8BAEH,OAAA,EACG,UAAA;AAAA,cAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACG,IAAI,sCAAsCP,EAAI,EAAE;AAAA,kBAChD,WAAU;AAAA,kBAET,UAAAA,EAAI;AAAA,gBAAA;AAAA,cAAA,GAEb;AAAA,gCACC,OAAA,EAAI,WAAU,2BACV,UAAAA,EAAI,KAAK,IAAI,CAACQ,MACX,gBAAAN,EAACO,KAAkB,UAAAD,EAAI,SAAbA,EAAI,EAAe,CAChC,EAAA,CACL;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,GACJ;AAAA,QAER;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,eAAe;AAAA,QACf,MAAM,CAACT,MAAU;AACb,gBAAMC,IAAMD,EAAM,IAAI;AACtB,iBACI,gBAAAG;AAAA,YAACQ;AAAA,YAAA;AAAA,cACG,aAAa,EAAE,MAAM,GAAA;AAAA,cACrB,OAAOV,EAAI,WAAW,CAAA;AAAA,YAAC;AAAA,UAAA;AAAA,QAGnC;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACD,MAAU;AACb,gBAAMC,IAAMD,EAAM,IAAI;AACtB,iBAAO,gBAAAG,EAAC,OAAA,EAAK,UAAAF,EAAI,WAAA,CAAW;AAAA,QAChC;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,eAAe;AAAA,QACf,MAAM,CAACD,MAAU;AACb,gBAAMC,IAAMD,EAAM,IAAI;AACtB,iBACI,gBAAAG,EAAC,SAAI,WAAU,QACX,4BAACS,GAAA,EAAS,gBAAgBX,EAAI,UAAA,CAAW,EAAA,CAC7C;AAAA,QAER;AAAA,MAAA;AAAA,IACJ;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGCY,IAAqB,CAACnB,MAA8B;AACtD,IAAAD,EAAaC,CAAW,GACpBJ,EAAgB,SAAS,KACzBE,EAAoB,CAAA,CAAE;AAAA,EAE9B,GAEMsB,IAAyB,CAACC,MAAiB;AAC7C,UAAMC,IAAe,gBAAgB7B,CAAS;AAC9C,IAAA6B,EAAa,YAAYD,GACzBF,EAAmBG,CAAY;AAAA,EACnC,GAEMC,IAAqB,CAACC,MAAkB;AAC1C,UAAMF,IAAe,gBAAgB7B,CAAS;AAC9C,IAAA6B,EAAa,WAAW,OAAOE,CAAK,GACpCF,EAAa,YAAY,GACzBH,EAAmBG,CAAY;AAAA,EACnC,GAEMG,IAAa,CAACC,MAAsB;AACtC,UAAMJ,IAAe,gBAAgB7B,CAAS;AAC9C,IAAA6B,EAAa,OAAOI,GACpBP,EAAmBG,CAAY;AAAA,EACnC,GAEMK,IAAkB,CAACC,GAAkBrB,MAAiB;AACxD,IAAAV,EAAmB+B,GAASrB,CAAG;AAAA,EACnC,GAEMsB,IAAqB,CAACD,GAAkBE,MAAyB;AACnE,QAAIF,GAAS;AACT,YAAMG,IAAeD,EAAK,IAAI,CAACvB,MAAQA,EAAI,QAAQ;AACnD,MAAAT,EAAoBiC,CAAY;AAAA,IACpC;AACI,MAAAjC,EAAoB,CAAA,CAAE;AAAA,EAE9B;AAEA,2BACK,OAAA,EACG,UAAA,gBAAAW;AAAA,IAACuB;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAA5B;AAAA,MACA,MAAMJ;AAAA,MACN,QAAQ,CAACE,KAAaF,EAAY,WAAW;AAAA,MAC7C,uBAAuB,CAAC,CAAC;AAAA,MACzB,qBAAqB,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,MAC1C,SAASE;AAAA,MACT,YAAY;AAAA,QACR,OAAOD,KAAgB;AAAA,QACvB,WAAWR,EAAU;AAAA,QACrB,UAAUA,EAAU;AAAA,MAAA;AAAA,MAExB,iBAAiB,CAACc,MACdX,EAAgB,KAAK,CAACqC,MAAaA,EAAS,OAAO1B,EAAI,EAAE;AAAA,MAE7D,oBAAoBa;AAAA,MACpB,gBAAgBG;AAAA,MAChB,QAAQE;AAAA,MACR,kBAAkBE;AAAA,MAClB,+BAA+BE;AAAA,IAAA;AAAA,EAAA,GAEvC;AAER;"}
+{"version":3,"file":"ArticleListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport Switcher from '@/components/ui/Switcher'\nimport { UsersAvatarGroup } from '@/components/shared'\nimport DataTable from '@/components/shared/DataTable'\nimport { useManageArticleStore } from '../store/manageArticleStore'\nimport useManageArticle from '../hooks/useManageArticle'\nimport { categoryIcon, categoryClass } from '../utils'\nimport classNames from '@/utils/classNames'\nimport { Link } from 'react-router-dom'\nimport type { TableQueries } from '@/@types/common'\nimport type { Article } from '../types'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\n\nconst ArticleListTable = () => {\n    const tableData = useManageArticleStore((state) => state.tableData)\n    const selectedArticle = useManageArticleStore(\n        (state) => state.selectedArticle,\n    )\n    const setSelectedArticle = useManageArticleStore(\n        (state) => state.setSelectedArticle,\n    )\n    const setSelectAllArticle = useManageArticleStore(\n        (state) => state.setSelectAllArticle,\n    )\n    const setTableData = useManageArticleStore((state) => state.setTableData)\n\n    const { articleList, articleTotal, isLoading } = useManageArticle()\n\n    const columns: ColumnDef<Article>[] = useMemo(\n        () => [\n            {\n                header: 'Title',\n                accessorKey: 'title',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"flex items-center gap-4\">\n                            <Avatar\n                                icon={categoryIcon[row.category]}\n                                shape=\"round\"\n                                className={classNames(\n                                    'text-gray-900',\n                                    categoryClass[row.category],\n                                )}\n                            />\n                            <div>\n                                <div className=\"mb-2\">\n                                    <Link\n                                        to={`/concepts/help-center/edit-article/${row.id}`}\n                                        className=\"font-bold heading-text hover:text-primary\"\n                                    >\n                                        {row.title}\n                                    </Link>\n                                </div>\n                                <div className=\"flex items-center gap-1\">\n                                    {row.tags.map((tag) => (\n                                        <Tag key={tag.id}>{tag.label}</Tag>\n                                    ))}\n                                </div>\n                            </div>\n                        </div>\n                    )\n                },\n            },\n            {\n                header: 'Authors',\n                accessorKey: 'authors',\n                enableSorting: false,\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <UsersAvatarGroup\n                            avatarProps={{ size: 25 }}\n                            users={row.authors || []}\n                        />\n                    )\n                },\n            },\n            {\n                header: 'Last update',\n                accessorKey: 'updateTimeStamp',\n                cell: (props) => {\n                    const row = props.row.original\n                    return <div>{row.updateTime}</div>\n                },\n            },\n            {\n                header: 'Published',\n                accessorKey: 'published',\n                enableSorting: false,\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"px-4\">\n                            <Switcher defaultChecked={row.published} />\n                        </div>\n                    )\n                },\n            },\n        ],\n        [],\n    )\n\n    const handleSetTableData = (articleList: TableQueries) => {\n        setTableData(articleList)\n        if (selectedArticle.length > 0) {\n            setSelectAllArticle([])\n        }\n    }\n\n    const handlePaginationChange = (page: number) => {\n        const newTableData = structuredClone(tableData)\n        newTableData.pageIndex = page\n        handleSetTableData(newTableData)\n    }\n\n    const handleSelectChange = (value: number) => {\n        const newTableData = structuredClone(tableData)\n        newTableData.pageSize = Number(value)\n        newTableData.pageIndex = 1\n        handleSetTableData(newTableData)\n    }\n\n    const handleSort = (sort: OnSortParam) => {\n        const newTableData = structuredClone(tableData)\n        newTableData.sort = sort\n        handleSetTableData(newTableData)\n    }\n\n    const handleRowSelect = (checked: boolean, row: Article) => {\n        setSelectedArticle(checked, row)\n    }\n\n    const handleAllRowSelect = (checked: boolean, rows: Row<Article>[]) => {\n        if (checked) {\n            const originalRows = rows.map((row) => row.original)\n            setSelectAllArticle(originalRows)\n        } else {\n            setSelectAllArticle([])\n        }\n    }\n\n    return (\n        <div>\n            <DataTable\n                selectable\n                hoverable={false}\n                columns={columns}\n                data={articleList}\n                noData={!isLoading && articleList.length === 0}\n                skeletonAvatarColumns={[0]}\n                skeletonAvatarProps={{ width: 28, height: 28 }}\n                loading={isLoading}\n                pagingData={{\n                    total: articleTotal || 0,\n                    pageIndex: tableData.pageIndex as number,\n                    pageSize: tableData.pageSize as number,\n                }}\n                checkboxChecked={(row) =>\n                    selectedArticle.some((selected) => selected.id === row.id)\n                }\n                onPaginationChange={handlePaginationChange}\n                onSelectChange={handleSelectChange}\n                onSort={handleSort}\n                onCheckBoxChange={handleRowSelect}\n                onIndeterminateCheckBoxChange={handleAllRowSelect}\n            />\n        </div>\n    )\n}\n\nexport default ArticleListTable\n"],"names":["ArticleListTable","tableData","useManageArticleStore","state","selectedArticle","setSelectedArticle","setSelectAllArticle","setTableData","articleList","articleTotal","isLoading","useManageArticle","columns","useMemo","props","row","jsxs","jsx","Avatar","categoryIcon","classNames","categoryClass","Link","tag","Tag","UsersAvatarGroup","Switcher","handleSetTableData","handlePaginationChange","page","newTableData","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","handleAllRowSelect","rows","originalRows","DataTable","selected"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAYC,EAAsB,CAACC,MAAUA,EAAM,SAAS,GAC5DC,IAAkBF;AAAA,IACpB,CAACC,MAAUA,EAAM;AAAA,EACrB,GACME,IAAqBH;AAAA,IACvB,CAACC,MAAUA,EAAM;AAAA,EACrB,GACMG,IAAsBJ;AAAA,IACxB,CAACC,MAAUA,EAAM;AAAA,EACrB,GACMI,IAAeL,EAAsB,CAACC,MAAUA,EAAM,YAAY,GAElE,EAAE,aAAAK,GAAa,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAiB,GAE5DC,IAAgCC;AAAA,IAClC,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACC,MAAU;AACP,gBAAAC,IAAMD,EAAM,IAAI;AAElB,iBAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,MAAMC,EAAaJ,EAAI,QAAQ;AAAA,gBAC/B,OAAM;AAAA,gBACN,WAAWK;AAAA,kBACP;AAAA,kBACAC,EAAcN,EAAI,QAAQ;AAAA,gBAAA;AAAA,cAC9B;AAAA,YACJ;AAAA,8BACC,OACG,EAAA,UAAA;AAAA,cAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACG,IAAI,sCAAsCP,EAAI,EAAE;AAAA,kBAChD,WAAU;AAAA,kBAET,UAAIA,EAAA;AAAA,gBAAA;AAAA,cAAA,GAEb;AAAA,gCACC,OAAI,EAAA,WAAU,2BACV,UAAAA,EAAI,KAAK,IAAI,CAACQ,MACX,gBAAAN,EAACO,KAAkB,UAAID,EAAA,SAAbA,EAAI,EAAe,CAChC,EACL,CAAA;AAAA,YAAA,EACJ,CAAA;AAAA,UAAA,GACJ;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,eAAe;AAAA,QACf,MAAM,CAACT,MAAU;AACP,gBAAAC,IAAMD,EAAM,IAAI;AAElB,iBAAA,gBAAAG;AAAA,YAACQ;AAAA,YAAA;AAAA,cACG,aAAa,EAAE,MAAM,GAAG;AAAA,cACxB,OAAOV,EAAI,WAAW,CAAA;AAAA,YAAC;AAAA,UAC3B;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACD,MAAU;AACP,gBAAAC,IAAMD,EAAM,IAAI;AACf,iBAAA,gBAAAG,EAAC,OAAK,EAAA,UAAAF,EAAI,WAAW,CAAA;AAAA,QAAA;AAAA,MAEpC;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,eAAe;AAAA,QACf,MAAM,CAACD,MAAU;AACP,gBAAAC,IAAMD,EAAM,IAAI;AAElB,iBAAA,gBAAAG,EAAC,SAAI,WAAU,QACX,4BAACS,GAAS,EAAA,gBAAgBX,EAAI,UAAA,CAAW,EAC7C,CAAA;AAAA,QAAA;AAAA,MAER;AAAA,IAER;AAAA,IACA,CAAA;AAAA,EACJ,GAEMY,IAAqB,CAACnB,MAA8B;AACtD,IAAAD,EAAaC,CAAW,GACpBJ,EAAgB,SAAS,KACzBE,EAAoB,CAAA,CAAE;AAAA,EAE9B,GAEMsB,IAAyB,CAACC,MAAiB;AACvC,UAAAC,IAAe,gBAAgB7B,CAAS;AAC9C,IAAA6B,EAAa,YAAYD,GACzBF,EAAmBG,CAAY;AAAA,EACnC,GAEMC,IAAqB,CAACC,MAAkB;AACpC,UAAAF,IAAe,gBAAgB7B,CAAS;AACjC,IAAA6B,EAAA,WAAW,OAAOE,CAAK,GACpCF,EAAa,YAAY,GACzBH,EAAmBG,CAAY;AAAA,EACnC,GAEMG,IAAa,CAACC,MAAsB;AAChC,UAAAJ,IAAe,gBAAgB7B,CAAS;AAC9C,IAAA6B,EAAa,OAAOI,GACpBP,EAAmBG,CAAY;AAAA,EACnC,GAEMK,IAAkB,CAACC,GAAkBrB,MAAiB;AACxD,IAAAV,EAAmB+B,GAASrB,CAAG;AAAA,EACnC,GAEMsB,IAAqB,CAACD,GAAkBE,MAAyB;AACnE,QAAIF,GAAS;AACT,YAAMG,IAAeD,EAAK,IAAI,CAACvB,MAAQA,EAAI,QAAQ;AACnD,MAAAT,EAAoBiC,CAAY;AAAA,IAAA;AAEhC,MAAAjC,EAAoB,CAAA,CAAE;AAAA,EAE9B;AAEA,2BACK,OACG,EAAA,UAAA,gBAAAW;AAAA,IAACuB;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAA5B;AAAA,MACA,MAAMJ;AAAA,MACN,QAAQ,CAACE,KAAaF,EAAY,WAAW;AAAA,MAC7C,uBAAuB,CAAC,CAAC;AAAA,MACzB,qBAAqB,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA,MAC7C,SAASE;AAAA,MACT,YAAY;AAAA,QACR,OAAOD,KAAgB;AAAA,QACvB,WAAWR,EAAU;AAAA,QACrB,UAAUA,EAAU;AAAA,MACxB;AAAA,MACA,iBAAiB,CAACc,MACdX,EAAgB,KAAK,CAACqC,MAAaA,EAAS,OAAO1B,EAAI,EAAE;AAAA,MAE7D,oBAAoBa;AAAA,MACpB,gBAAgBG;AAAA,MAChB,QAAQE;AAAA,MACR,kBAAkBE;AAAA,MAClB,+BAA+BE;AAAA,IAAA;AAAA,EAAA,GAEvC;AAER;"}

package/dist/@ecme/views/concepts/help-center/ManageArticle/components/ArticleTableFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleTableFilter.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 { Form, FormItem } from '@/components/ui/Form'\nimport { useManageArticleStore } from '../store/manageArticleStore'\nimport { categoryOption } from '../utils'\nimport { TbFilter } 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'\n\ntype FormSchema = {\n    category: Array<string>\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    category: z.array(z.string()),\n})\n\nconst ArticleTableFilter = () => {\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\n    const filterData = useManageArticleStore((state) => state.filterData)\n    const setFilterData = useManageArticleStore((state) => state.setFilterData)\n\n    const { handleSubmit, control } = 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=\"Showing category\">\n                            <div className=\"mt-4\">\n                                <Controller\n                                    name=\"category\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <Checkbox.Group\n                                            vertical\n                                            className=\"flex\"\n                                            {...field}\n                                        >\n                                            {categoryOption.map((category) => (\n                                                <Checkbox\n                                                    key={category.value}\n                                                    name={field.name}\n                                                    value={category.value}\n                                                    className=\"justify-between flex-row-reverse heading-text\"\n                                                >\n                                                    {category.label}\n                                                </Checkbox>\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 ArticleTableFilter\n"],"names":["validationSchema","z","ArticleTableFilter","filterIsOpen","setFilterIsOpen","useState","filterData","useManageArticleStore","state","setFilterData","handleSubmit","control","useForm","zodResolver","jsxs","Fragment","jsx","Button","TbFilter","Drawer","Form","values","FormItem","Controller","field","Checkbox","categoryOption","category"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,UAAUA,EAAE,MAAMA,EAAE,QAAQ;AAChC,CAAC,GAEKC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChDC,IAAaC,EAAsB,CAACC,MAAUA,EAAM,UAAU,GAC9DC,IAAgBF,EAAsB,CAACC,MAAUA,EAAM,aAAa,GAEpE,EAAE,cAAAE,GAAc,SAAAC,EAAA,IAAYC,EAAoB;AAAA,IAClD,eAAeN;AAAA,IACf,UAAUO,EAAYb,CAAgB;AAAA,EAAA,CACzC;AAOD,SACI,gBAAAc,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAS,GAAI,SAAS,MAAMd,EAAgB,EAAI,GAAG,UAAA,SAAA,CAElE;AAAA,IACA,gBAAAY;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAQhB;AAAA,QACR,SAAS,MAAMC,EAAgB,EAAK;AAAA,QACpC,gBAAgB,MAAMA,EAAgB,EAAK;AAAA,QAE3C,UAAA,gBAAAU;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,oBAAmB;AAAA,YACnB,UAAUV,EAnBT,CAACW,MAAuB;AACrC,cAAAZ,EAAcY,CAAM,GACpBjB,EAAgB,EAAK;AAAA,YACzB,CAgB+C;AAAA,YAE/B,UAAA;AAAA,cAAA,gBAAAY,EAAC,OAAA,EACG,4BAACM,GAAA,EAAS,OAAM,oBACZ,UAAA,gBAAAN,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,SAAAZ;AAAA,kBACA,QAAQ,CAAC,EAAE,OAAAa,EAAA,MACP,gBAAAR;AAAA,oBAACS,EAAS;AAAA,oBAAT;AAAA,sBACG,UAAQ;AAAA,sBACR,WAAU;AAAA,sBACT,GAAGD;AAAA,sBAEH,UAAAE,EAAe,IAAI,CAACC,MACjB,gBAAAX;AAAA,wBAACS;AAAA,wBAAA;AAAA,0BAEG,MAAMD,EAAM;AAAA,0BACZ,OAAOG,EAAS;AAAA,0BAChB,WAAU;AAAA,0BAET,UAAAA,EAAS;AAAA,wBAAA;AAAA,wBALLA,EAAS;AAAA,sBAAA,CAOrB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACL;AAAA,cAAA,EAER,CACJ,GACJ,GACJ;AAAA,gCACCV,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,QAAA,CAEtC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"ArticleTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleTableFilter.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 { Form, FormItem } from '@/components/ui/Form'\nimport { useManageArticleStore } from '../store/manageArticleStore'\nimport { categoryOption } from '../utils'\nimport { TbFilter } 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'\n\ntype FormSchema = {\n    category: Array<string>\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    category: z.array(z.string()),\n})\n\nconst ArticleTableFilter = () => {\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\n    const filterData = useManageArticleStore((state) => state.filterData)\n    const setFilterData = useManageArticleStore((state) => state.setFilterData)\n\n    const { handleSubmit, control } = 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=\"Showing category\">\n                            <div className=\"mt-4\">\n                                <Controller\n                                    name=\"category\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <Checkbox.Group\n                                            vertical\n                                            className=\"flex\"\n                                            {...field}\n                                        >\n                                            {categoryOption.map((category) => (\n                                                <Checkbox\n                                                    key={category.value}\n                                                    name={field.name}\n                                                    value={category.value}\n                                                    className=\"justify-between flex-row-reverse heading-text\"\n                                                >\n                                                    {category.label}\n                                                </Checkbox>\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 ArticleTableFilter\n"],"names":["validationSchema","z","ArticleTableFilter","filterIsOpen","setFilterIsOpen","useState","filterData","useManageArticleStore","state","setFilterData","handleSubmit","control","useForm","zodResolver","jsxs","Fragment","jsx","Button","TbFilter","Drawer","Form","values","FormItem","Controller","field","Checkbox","categoryOption","category"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,UAAUA,EAAE,MAAMA,EAAE,OAAQ,CAAA;AAChC,CAAC,GAEKC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChDC,IAAaC,EAAsB,CAACC,MAAUA,EAAM,UAAU,GAC9DC,IAAgBF,EAAsB,CAACC,MAAUA,EAAM,aAAa,GAEpE,EAAE,cAAAE,GAAc,SAAAC,EAAQ,IAAIC,EAAoB;AAAA,IAClD,eAAeN;AAAA,IACf,UAAUO,EAAYb,CAAgB;AAAA,EAAA,CACzC;AAOD,SAEQ,gBAAAc,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAO,MAAM,gBAAAD,EAACE,GAAS,CAAA,CAAA,GAAI,SAAS,MAAMd,EAAgB,EAAI,GAAG,UAElE,SAAA,CAAA;AAAA,IACA,gBAAAY;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAQhB;AAAA,QACR,SAAS,MAAMC,EAAgB,EAAK;AAAA,QACpC,gBAAgB,MAAMA,EAAgB,EAAK;AAAA,QAE3C,UAAA,gBAAAU;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,oBAAmB;AAAA,YACnB,UAAUV,EAnBT,CAACW,MAAuB;AACrC,cAAAZ,EAAcY,CAAM,GACpBjB,EAAgB,EAAK;AAAA,YACzB,CAgB+C;AAAA,YAE/B,UAAA;AAAA,cAAC,gBAAAY,EAAA,OAAA,EACG,4BAACM,GAAS,EAAA,OAAM,oBACZ,UAAC,gBAAAN,EAAA,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,SAAAZ;AAAA,kBACA,QAAQ,CAAC,EAAE,OAAAa,EAAA,MACP,gBAAAR;AAAA,oBAACS,EAAS;AAAA,oBAAT;AAAA,sBACG,UAAQ;AAAA,sBACR,WAAU;AAAA,sBACT,GAAGD;AAAA,sBAEH,UAAAE,EAAe,IAAI,CAACC,MACjB,gBAAAX;AAAA,wBAACS;AAAA,wBAAA;AAAA,0BAEG,MAAMD,EAAM;AAAA,0BACZ,OAAOG,EAAS;AAAA,0BAChB,WAAU;AAAA,0BAET,UAASA,EAAA;AAAA,wBAAA;AAAA,wBALLA,EAAS;AAAA,sBAOrB,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACL;AAAA,cAAA,EAGZ,CAAA,EACJ,CAAA,GACJ;AAAA,gCACCV,GAAO,EAAA,SAAQ,SAAQ,MAAK,UAAS,UAEtC,QAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/help-center/ManageArticle/components/ManageArticleHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManageArticleHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ManageArticleHeader.tsx"],"sourcesContent":["import ArticleListSearch from './ArticleListSearch'\nimport ArticleTableFilter from './ArticleTableFilter'\n\nconst ManageArticleHeader = () => {\n    return (\n        <div className=\"mb-6\">\n            <h3>Manage article</h3>\n            <div className=\"flex items-center justify-between gap-4 mt-4\">\n                <ArticleListSearch />\n                <ArticleTableFilter />\n            </div>\n        </div>\n    )\n}\n\nexport default ManageArticleHeader\n"],"names":["ManageArticleHeader","jsxs","jsx","ArticleListSearch","ArticleTableFilter"],"mappings":";;;AAGA,MAAMA,IAAsB,MAEpB,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAG,UAAA,iBAAA,CAAc;AAAA,EAClB,gBAAAD,EAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAkB;AAAA,sBAClBC,GAAA,CAAA,CAAmB;AAAA,EAAA,EAAA,CACxB;AAAA,GACJ;"}
+{"version":3,"file":"ManageArticleHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ManageArticleHeader.tsx"],"sourcesContent":["import ArticleListSearch from './ArticleListSearch'\nimport ArticleTableFilter from './ArticleTableFilter'\n\nconst ManageArticleHeader = () => {\n    return (\n        <div className=\"mb-6\">\n            <h3>Manage article</h3>\n            <div className=\"flex items-center justify-between gap-4 mt-4\">\n                <ArticleListSearch />\n                <ArticleTableFilter />\n            </div>\n        </div>\n    )\n}\n\nexport default ManageArticleHeader\n"],"names":["ManageArticleHeader","jsxs","jsx","ArticleListSearch","ArticleTableFilter"],"mappings":";;;AAGA,MAAMA,IAAsB,MAEpB,gBAAAC,EAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAG,UAAc,iBAAA,CAAA;AAAA,EAClB,gBAAAD,EAAC,OAAI,EAAA,WAAU,gDACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAkB,EAAA;AAAA,sBAClBC,GAAmB,CAAA,CAAA;AAAA,EAAA,EACxB,CAAA;AAAA,GACJ;"}

package/dist/@ecme/views/concepts/help-center/ManageArticle/hooks/useManageArticle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useManageArticle.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/hooks/useManageArticle.ts"],"sourcesContent":["import { useManageArticleStore } from '../store/manageArticleStore'\nimport { apiGetArticleList } from '@/services/HelpCenterService'\nimport useSWR from 'swr'\nimport type { TableQueries } from '@/@types/common'\nimport type { GetArticleListResponse } from '../types'\n\nconst useManageArticle = () => {\n    const tableData = useManageArticleStore((state) => state.tableData)\n    const filterData = useManageArticleStore((state) => state.filterData)\n\n    const { data, isLoading, mutate } = useSWR(\n        ['/helps/manage/articles', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetArticleList<GetArticleListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    return {\n        articleList: data?.list || [],\n        articleTotal: data?.total || 0,\n        isLoading,\n        mutate,\n    }\n}\n\nexport default useManageArticle\n"],"names":["useManageArticle","tableData","useManageArticleStore","state","filterData","data","isLoading","mutate","useSWR","_","params","apiGetArticleList"],"mappings":";;;AAMA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAYC,EAAsB,CAACC,MAAUA,EAAM,SAAS,GAC5DC,IAAaF,EAAsB,CAACC,MAAUA,EAAM,UAAU,GAE9D,EAAE,MAAAE,GAAM,WAAAC,GAAW,QAAAC,EAAA,IAAWC;AAAA,IAChC,CAAC,0BAA0B,EAAE,GAAGP,GAAW,GAAGG,GAAY;AAAA;AAAA,IAE1D,CAAC,CAACK,GAAGC,CAAM,MACPC,EAAwDD,CAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB;AAGJ,SAAO;AAAA,IACH,aAAaL,GAAM,QAAQ,CAAA;AAAA,IAC3B,cAAcA,GAAM,SAAS;AAAA,IAC7B,WAAAC;AAAA,IACA,QAAAC;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useManageArticle.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/hooks/useManageArticle.ts"],"sourcesContent":["import { useManageArticleStore } from '../store/manageArticleStore'\nimport { apiGetArticleList } from '@/services/HelpCenterService'\nimport useSWR from 'swr'\nimport type { TableQueries } from '@/@types/common'\nimport type { GetArticleListResponse } from '../types'\n\nconst useManageArticle = () => {\n    const tableData = useManageArticleStore((state) => state.tableData)\n    const filterData = useManageArticleStore((state) => state.filterData)\n\n    const { data, isLoading, mutate } = useSWR(\n        ['/helps/manage/articles', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetArticleList<GetArticleListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    return {\n        articleList: data?.list || [],\n        articleTotal: data?.total || 0,\n        isLoading,\n        mutate,\n    }\n}\n\nexport default useManageArticle\n"],"names":["useManageArticle","tableData","useManageArticleStore","state","filterData","data","isLoading","mutate","useSWR","_","params","apiGetArticleList"],"mappings":";;;AAMA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAYC,EAAsB,CAACC,MAAUA,EAAM,SAAS,GAC5DC,IAAaF,EAAsB,CAACC,MAAUA,EAAM,UAAU,GAE9D,EAAE,MAAAE,GAAM,WAAAC,GAAW,QAAAC,EAAW,IAAAC;AAAA,IAChC,CAAC,0BAA0B,EAAE,GAAGP,GAAW,GAAGG,GAAY;AAAA;AAAA,IAE1D,CAAC,CAACK,GAAGC,CAAM,MACPC,EAAwDD,CAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EAE3B;AAEO,SAAA;AAAA,IACH,aAAaL,GAAM,QAAQ,CAAC;AAAA,IAC5B,cAAcA,GAAM,SAAS;AAAA,IAC7B,WAAAC;AAAA,IACA,QAAAC;AAAA,EACJ;AACJ;"}

package/dist/@ecme/views/concepts/help-center/ManageArticle/store/manageArticleStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"manageArticleStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/store/manageArticleStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Article, Articles, 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    category: [\n        'introduction',\n        'setupGuide',\n        'basicFeatures',\n        'survey',\n        'analytic',\n        'dataVisualization',\n        'chatbot',\n        'media',\n        'security',\n        'integration',\n        'themes',\n        'commission',\n    ],\n}\n\nexport type ManageArticleState = {\n    tableData: TableQueries\n    filterData: Filter\n    selectedArticle: Partial<Article>[]\n}\n\ntype ManageArticleAction = {\n    setFilterData: (payload: Filter) => void\n    setTableData: (payload: TableQueries) => void\n    setSelectedArticle: (checked: boolean, customer: Article) => void\n    setSelectAllArticle: (customer: Articles) => void\n}\n\nconst initialState: ManageArticleState = {\n    tableData: initialTableData,\n    filterData: initialFilterData,\n    selectedArticle: [],\n}\n\nexport const useManageArticleStore = create<\n    ManageArticleState & ManageArticleAction\n>((set) => ({\n    ...initialState,\n    setFilterData: (payload) => set(() => ({ filterData: payload })),\n    setTableData: (payload) => set(() => ({ tableData: payload })),\n    setSelectedArticle: (checked, row) =>\n        set((state) => {\n            const prevData = state.selectedArticle\n            if (checked) {\n                return { selectedArticle: [...prevData, ...[row]] }\n            } else {\n                if (prevData.some((prevArticle) => row.id === prevArticle.id)) {\n                    return {\n                        selectedArticle: prevData.filter(\n                            (prevArticle) => prevArticle.id !== row.id,\n                        ),\n                    }\n                }\n                return { selectedArticle: prevData }\n            }\n        }),\n    setSelectAllArticle: (row) => set(() => ({ selectedArticle: row })),\n}))\n"],"names":["initialTableData","initialFilterData","initialState","useManageArticleStore","create","set","payload","checked","row","state","prevData","prevArticle"],"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,UAAU;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER,GAeMC,IAAmC;AAAA,EACrC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,iBAAiB,CAAA;AACrB,GAEaE,IAAwBC,EAEnC,CAACC,OAAS;AAAA,EACR,GAAGH;AAAA,EACH,eAAe,CAACI,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAC/D,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EAC7D,oBAAoB,CAACC,GAASC,MAC1BH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,iBAAiB,CAAC,GAAGG,GAAcF,CAAI,EAAA,IAE5CE,EAAS,KAAK,CAACC,MAAgBH,EAAI,OAAOG,EAAY,EAAE,IACjD;AAAA,MACH,iBAAiBD,EAAS;AAAA,QACtB,CAACC,MAAgBA,EAAY,OAAOH,EAAI;AAAA,MAAA;AAAA,IAC5C,IAGD,EAAE,iBAAiBE,EAAA;AAAA,EAElC,CAAC;AAAA,EACL,qBAAqB,CAACF,MAAQH,EAAI,OAAO,EAAE,iBAAiBG,IAAM;AACtE,EAAE;"}
+{"version":3,"file":"manageArticleStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/store/manageArticleStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Article, Articles, 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    category: [\n        'introduction',\n        'setupGuide',\n        'basicFeatures',\n        'survey',\n        'analytic',\n        'dataVisualization',\n        'chatbot',\n        'media',\n        'security',\n        'integration',\n        'themes',\n        'commission',\n    ],\n}\n\nexport type ManageArticleState = {\n    tableData: TableQueries\n    filterData: Filter\n    selectedArticle: Partial<Article>[]\n}\n\ntype ManageArticleAction = {\n    setFilterData: (payload: Filter) => void\n    setTableData: (payload: TableQueries) => void\n    setSelectedArticle: (checked: boolean, customer: Article) => void\n    setSelectAllArticle: (customer: Articles) => void\n}\n\nconst initialState: ManageArticleState = {\n    tableData: initialTableData,\n    filterData: initialFilterData,\n    selectedArticle: [],\n}\n\nexport const useManageArticleStore = create<\n    ManageArticleState & ManageArticleAction\n>((set) => ({\n    ...initialState,\n    setFilterData: (payload) => set(() => ({ filterData: payload })),\n    setTableData: (payload) => set(() => ({ tableData: payload })),\n    setSelectedArticle: (checked, row) =>\n        set((state) => {\n            const prevData = state.selectedArticle\n            if (checked) {\n                return { selectedArticle: [...prevData, ...[row]] }\n            } else {\n                if (prevData.some((prevArticle) => row.id === prevArticle.id)) {\n                    return {\n                        selectedArticle: prevData.filter(\n                            (prevArticle) => prevArticle.id !== row.id,\n                        ),\n                    }\n                }\n                return { selectedArticle: prevData }\n            }\n        }),\n    setSelectAllArticle: (row) => set(() => ({ selectedArticle: row })),\n}))\n"],"names":["initialTableData","initialFilterData","initialState","useManageArticleStore","create","set","payload","checked","row","state","prevData","prevArticle"],"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,UAAU;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER,GAeMC,IAAmC;AAAA,EACrC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,iBAAiB,CAAA;AACrB,GAEaE,IAAwBC,EAEnC,CAACC,OAAS;AAAA,EACR,GAAGH;AAAA,EACH,eAAe,CAACI,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAC/D,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EAC7D,oBAAoB,CAACC,GAASC,MAC1BH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,iBAAiB,CAAC,GAAGG,GAAcF,CAAI,EAAE,IAE9CE,EAAS,KAAK,CAACC,MAAgBH,EAAI,OAAOG,EAAY,EAAE,IACjD;AAAA,MACH,iBAAiBD,EAAS;AAAA,QACtB,CAACC,MAAgBA,EAAY,OAAOH,EAAI;AAAA,MAAA;AAAA,IAEhD,IAEG,EAAE,iBAAiBE,EAAS;AAAA,EACvC,CACH;AAAA,EACL,qBAAqB,CAACF,MAAQH,EAAI,OAAO,EAAE,iBAAiBG,IAAM;AACtE,EAAE;"}

package/dist/@ecme/views/concepts/help-center/ManageArticle/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport {\n    TbPresentation,\n    TbSettings,\n    TbStar,\n    TbLicense,\n    TbChartHistogram,\n    TbChartPie,\n    TbRobotFace,\n    TbLibraryPhoto,\n    TbShieldCheck,\n    TbRefreshDot,\n    TbPalette,\n    TbCoins,\n} from 'react-icons/tb'\n\nexport const categoryIcon: Record<string, ReactNode> = {\n    introduction: <TbPresentation />,\n    setupGuide: <TbSettings />,\n    basicFeatures: <TbStar />,\n    survey: <TbLicense />,\n    analytic: <TbChartHistogram />,\n    dataVisualization: <TbChartPie />,\n    chatbot: <TbRobotFace />,\n    media: <TbLibraryPhoto />,\n    security: <TbShieldCheck />,\n    integration: <TbRefreshDot />,\n    themes: <TbPalette />,\n    commission: <TbCoins />,\n}\n\nexport const categoryLabel: Record<string, string> = {\n    introduction: 'Introduction',\n    setupGuide: 'Setup Guide',\n    basicFeatures: 'Basic Features',\n    survey: 'Survey',\n    analytic: 'Analytic',\n    dataVisualization: 'Data Visualization',\n    chatbot: 'Chatbot',\n    media: 'Media',\n    security: 'Security',\n    integration: 'Integration',\n    themes: 'Themes',\n    commission: 'Commission',\n}\n\nexport const categoryClass: Record<string, string> = {\n    introduction: 'bg-sky-200 dark:bg-sky-200',\n    setupGuide: 'bg-red-200 dark:bg-red-200',\n    basicFeatures: 'bg-amber-200 dark:bg-amber-200',\n    survey: 'bg-orange-200 dark:bg-orange-200',\n    analytic: 'bg-teal-200 dark:bg-teal-200',\n    dataVisualization: 'bg-cyan-200 dark:bg-cyan-200',\n    chatbot: 'bg-yellow-200 dark:bg-yellow-200',\n    media: 'bg-rose-200 dark:bg-rose-200',\n    security: 'bg-emerald-200 dark:bg-emerald-200',\n    integration: ' bg-purple-200 dark:bg-purple-200',\n    themes: 'bg-sky-200 dark:bg-sky-200',\n    commission: 'bg-indigo-200 dark:bg-indigo-200',\n}\n\nexport const categoryOption = [\n    { label: 'Introduction', value: 'introduction' },\n    { label: 'Setup Guide', value: 'setupGuide' },\n    { label: 'Basic Features', value: 'basicFeatures' },\n    { label: 'Survey', value: 'survey' },\n    { label: 'Analytic', value: 'analytic' },\n    { label: 'Data Visualization', value: 'dataVisualization' },\n    { label: 'Chatbot', value: 'chatbot' },\n    { label: 'Media', value: 'media' },\n    { label: 'Security', value: 'security' },\n    { label: 'Integration', value: 'integration' },\n    { label: 'Themes', value: 'themes' },\n    { label: 'Commission', value: 'commission' },\n]\n"],"names":["categoryIcon","TbPresentation","TbSettings","TbStar","TbLicense","TbChartHistogram","TbChartPie","TbRobotFace","TbLibraryPhoto","TbShieldCheck","TbRefreshDot","TbPalette","TbCoins","categoryLabel","categoryClass","categoryOption"],"mappings":";;AAgBO,MAAMA,IAA0C;AAAA,EACnD,gCAAeC,GAAA,EAAe;AAAA,EAC9B,8BAAaC,GAAA,EAAW;AAAA,EACxB,iCAAgBC,GAAA,EAAO;AAAA,EACvB,0BAASC,GAAA,EAAU;AAAA,EACnB,4BAAWC,GAAA,EAAiB;AAAA,EAC5B,qCAAoBC,GAAA,EAAW;AAAA,EAC/B,2BAAUC,GAAA,EAAY;AAAA,EACtB,yBAAQC,GAAA,EAAe;AAAA,EACvB,4BAAWC,GAAA,EAAc;AAAA,EACzB,+BAAcC,GAAA,EAAa;AAAA,EAC3B,0BAASC,GAAA,EAAU;AAAA,EACnB,8BAAaC,GAAA,CAAA,CAAQ;AACzB,GAEaC,IAAwC;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAChB,GAEaC,IAAwC;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAChB,GAEaC,IAAiB;AAAA,EAC1B,EAAE,OAAO,gBAAgB,OAAO,eAAA;AAAA,EAChC,EAAE,OAAO,eAAe,OAAO,aAAA;AAAA,EAC/B,EAAE,OAAO,kBAAkB,OAAO,gBAAA;AAAA,EAClC,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,EAC1B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EAC5B,EAAE,OAAO,sBAAsB,OAAO,oBAAA;AAAA,EACtC,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,EAC3B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,EACzB,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EAC5B,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAC/B,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,EAC1B,EAAE,OAAO,cAAc,OAAO,aAAA;AAClC;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport {\n    TbPresentation,\n    TbSettings,\n    TbStar,\n    TbLicense,\n    TbChartHistogram,\n    TbChartPie,\n    TbRobotFace,\n    TbLibraryPhoto,\n    TbShieldCheck,\n    TbRefreshDot,\n    TbPalette,\n    TbCoins,\n} from 'react-icons/tb'\n\nexport const categoryIcon: Record<string, ReactNode> = {\n    introduction: <TbPresentation />,\n    setupGuide: <TbSettings />,\n    basicFeatures: <TbStar />,\n    survey: <TbLicense />,\n    analytic: <TbChartHistogram />,\n    dataVisualization: <TbChartPie />,\n    chatbot: <TbRobotFace />,\n    media: <TbLibraryPhoto />,\n    security: <TbShieldCheck />,\n    integration: <TbRefreshDot />,\n    themes: <TbPalette />,\n    commission: <TbCoins />,\n}\n\nexport const categoryLabel: Record<string, string> = {\n    introduction: 'Introduction',\n    setupGuide: 'Setup Guide',\n    basicFeatures: 'Basic Features',\n    survey: 'Survey',\n    analytic: 'Analytic',\n    dataVisualization: 'Data Visualization',\n    chatbot: 'Chatbot',\n    media: 'Media',\n    security: 'Security',\n    integration: 'Integration',\n    themes: 'Themes',\n    commission: 'Commission',\n}\n\nexport const categoryClass: Record<string, string> = {\n    introduction: 'bg-sky-200 dark:bg-sky-200',\n    setupGuide: 'bg-red-200 dark:bg-red-200',\n    basicFeatures: 'bg-amber-200 dark:bg-amber-200',\n    survey: 'bg-orange-200 dark:bg-orange-200',\n    analytic: 'bg-teal-200 dark:bg-teal-200',\n    dataVisualization: 'bg-cyan-200 dark:bg-cyan-200',\n    chatbot: 'bg-yellow-200 dark:bg-yellow-200',\n    media: 'bg-rose-200 dark:bg-rose-200',\n    security: 'bg-emerald-200 dark:bg-emerald-200',\n    integration: ' bg-purple-200 dark:bg-purple-200',\n    themes: 'bg-sky-200 dark:bg-sky-200',\n    commission: 'bg-indigo-200 dark:bg-indigo-200',\n}\n\nexport const categoryOption = [\n    { label: 'Introduction', value: 'introduction' },\n    { label: 'Setup Guide', value: 'setupGuide' },\n    { label: 'Basic Features', value: 'basicFeatures' },\n    { label: 'Survey', value: 'survey' },\n    { label: 'Analytic', value: 'analytic' },\n    { label: 'Data Visualization', value: 'dataVisualization' },\n    { label: 'Chatbot', value: 'chatbot' },\n    { label: 'Media', value: 'media' },\n    { label: 'Security', value: 'security' },\n    { label: 'Integration', value: 'integration' },\n    { label: 'Themes', value: 'themes' },\n    { label: 'Commission', value: 'commission' },\n]\n"],"names":["categoryIcon","TbPresentation","TbSettings","TbStar","TbLicense","TbChartHistogram","TbChartPie","TbRobotFace","TbLibraryPhoto","TbShieldCheck","TbRefreshDot","TbPalette","TbCoins","categoryLabel","categoryClass","categoryOption"],"mappings":";;AAgBO,MAAMA,IAA0C;AAAA,EACnD,gCAAeC,GAAe,EAAA;AAAA,EAC9B,8BAAaC,GAAW,EAAA;AAAA,EACxB,iCAAgBC,GAAO,EAAA;AAAA,EACvB,0BAASC,GAAU,EAAA;AAAA,EACnB,4BAAWC,GAAiB,EAAA;AAAA,EAC5B,qCAAoBC,GAAW,EAAA;AAAA,EAC/B,2BAAUC,GAAY,EAAA;AAAA,EACtB,yBAAQC,GAAe,EAAA;AAAA,EACvB,4BAAWC,GAAc,EAAA;AAAA,EACzB,+BAAcC,GAAa,EAAA;AAAA,EAC3B,0BAASC,GAAU,EAAA;AAAA,EACnB,8BAAaC,GAAQ,CAAA,CAAA;AACzB,GAEaC,IAAwC;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAChB,GAEaC,IAAwC;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAChB,GAEaC,IAAiB;AAAA,EAC1B,EAAE,OAAO,gBAAgB,OAAO,eAAe;AAAA,EAC/C,EAAE,OAAO,eAAe,OAAO,aAAa;AAAA,EAC5C,EAAE,OAAO,kBAAkB,OAAO,gBAAgB;AAAA,EAClD,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,EACnC,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,EACvC,EAAE,OAAO,sBAAsB,OAAO,oBAAoB;AAAA,EAC1D,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,EACrC,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,EACjC,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,EACvC,EAAE,OAAO,eAAe,OAAO,cAAc;AAAA,EAC7C,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,EACnC,EAAE,OAAO,cAAc,OAAO,aAAa;AAC/C;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/SupportHub.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportHub.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/SupportHub.tsx"],"sourcesContent":["import TopSection from './components/TopSection'\nimport BodySection from './components/BodySection'\n\nconst SupportHub = () => {\n    return (\n        <>\n            <TopSection />\n            <BodySection />\n        </>\n    )\n}\n\nexport default SupportHub\n"],"names":["SupportHub","jsxs","Fragment","jsx","TopSection","BodySection"],"mappings":";;;AAGA,MAAMA,IAAa,MAEX,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAW;AAAA,oBACXC,GAAA,CAAA,CAAY;AAAA,GACjB;"}
+{"version":3,"file":"SupportHub.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/SupportHub.tsx"],"sourcesContent":["import TopSection from './components/TopSection'\nimport BodySection from './components/BodySection'\n\nconst SupportHub = () => {\n    return (\n        <>\n            <TopSection />\n            <BodySection />\n        </>\n    )\n}\n\nexport default SupportHub\n"],"names":["SupportHub","jsxs","Fragment","jsx","TopSection","BodySection"],"mappings":";;;AAGA,MAAMA,IAAa,MAGP,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAW,EAAA;AAAA,oBACXC,GAAY,CAAA,CAAA;AAAA,GACjB;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/components/Article.js.map

@@ -1 +1 @@
-{"version":3,"file":"Article.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/Article.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport IconText from '@/components/shared/IconText'\nimport { categoryIcon } from '../utils'\nimport classNames from '@/utils/classNames'\nimport { useNavigate } from 'react-router-dom'\nimport { TbEye, TbMessage } from 'react-icons/tb'\n\ntype ArticleProps = {\n    id: string\n    isLastChild: boolean\n    category: string\n    title: string\n    timeToRead: number\n    viewCount: number\n    commentCount: number\n}\n\nconst Article = ({\n    id,\n    isLastChild,\n    category,\n    title,\n    timeToRead,\n    viewCount,\n    commentCount,\n}: ArticleProps) => {\n    const navigate = useNavigate()\n\n    const handleArticleClick = () => {\n        navigate(`/concepts/help-center/article/${id}`)\n    }\n\n    return (\n        <div\n            className={classNames(\n                'flex items-center justify-between py-6 border-gray-200 dark:border-gray-700 group cursor-pointer',\n                isLastChild && 'border-b',\n            )}\n            role=\"buttton\"\n            onClick={handleArticleClick}\n        >\n            <div className=\"flex items-center gap-4\">\n                <Avatar\n                    className=\"bg-gray-100 dark:bg-gray-700\"\n                    size={50}\n                    icon={\n                        <span className=\"heading-text\">\n                            {categoryIcon[category]}\n                        </span>\n                    }\n                    shape=\"round\"\n                />\n                <div>\n                    <h6 className=\"font-bold group-hover:text-primary\">\n                        {title}\n                    </h6>\n                    <div className=\"flex items-center gap-2\">\n                        <span>{timeToRead} min read</span>\n                        <span>•</span>\n                        <span>{category}</span>\n                    </div>\n                </div>\n            </div>\n            <div className=\"flex items-center gap-3\">\n                <IconText\n                    className=\"font-semibold\"\n                    icon={<TbEye className=\"text-xl\" />}\n                >\n                    {viewCount}\n                </IconText>\n                <IconText\n                    className=\"font-semibold\"\n                    icon={<TbMessage className=\"text-xl\" />}\n                >\n                    {commentCount}\n                </IconText>\n            </div>\n        </div>\n    )\n}\n\nexport default Article\n"],"names":["Article","id","isLastChild","category","title","timeToRead","viewCount","commentCount","navigate","useNavigate","handleArticleClick","jsxs","classNames","jsx","Avatar","categoryIcon","IconText","TbEye","TbMessage"],"mappings":";;;;;;;AAiBA,MAAMA,IAAU,CAAC;AAAA,EACb,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACJ,MAAoB;AAChB,QAAMC,IAAWC,EAAA,GAEXC,IAAqB,MAAM;AAC7B,IAAAF,EAAS,iCAAiCP,CAAE,EAAE;AAAA,EAClD;AAEA,SACI,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAV,KAAe;AAAA,MAAA;AAAA,MAEnB,MAAK;AAAA,MACL,SAASQ;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM;AAAA,cACN,MACI,gBAAAD,EAAC,QAAA,EAAK,WAAU,gBACX,UAAAE,EAAaZ,CAAQ,GAC1B;AAAA,cAEJ,OAAM;AAAA,YAAA;AAAA,UAAA;AAAA,4BAET,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAU,EAAC,MAAA,EAAG,WAAU,sCACT,UAAAT,GACL;AAAA,YACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,cAAA,gBAAAA,EAAC,QAAA,EAAM,UAAA;AAAA,gBAAAN;AAAA,gBAAW;AAAA,cAAA,GAAS;AAAA,cAC3B,gBAAAQ,EAAC,UAAK,UAAA,IAAA,CAAC;AAAA,cACP,gBAAAA,EAAC,UAAM,UAAAV,EAAA,CAAS;AAAA,YAAA,EAAA,CACpB;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM,gBAAAH,EAACI,GAAA,EAAM,WAAU,UAAA,CAAU;AAAA,cAEhC,UAAAX;AAAA,YAAA;AAAA,UAAA;AAAA,UAEL,gBAAAO;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM,gBAAAH,EAACK,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,cAEpC,UAAAX;AAAA,YAAA;AAAA,UAAA;AAAA,QACL,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"Article.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/Article.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport IconText from '@/components/shared/IconText'\nimport { categoryIcon } from '../utils'\nimport classNames from '@/utils/classNames'\nimport { useNavigate } from 'react-router-dom'\nimport { TbEye, TbMessage } from 'react-icons/tb'\n\ntype ArticleProps = {\n    id: string\n    isLastChild: boolean\n    category: string\n    title: string\n    timeToRead: number\n    viewCount: number\n    commentCount: number\n}\n\nconst Article = ({\n    id,\n    isLastChild,\n    category,\n    title,\n    timeToRead,\n    viewCount,\n    commentCount,\n}: ArticleProps) => {\n    const navigate = useNavigate()\n\n    const handleArticleClick = () => {\n        navigate(`/concepts/help-center/article/${id}`)\n    }\n\n    return (\n        <div\n            className={classNames(\n                'flex items-center justify-between py-6 border-gray-200 dark:border-gray-700 group cursor-pointer',\n                isLastChild && 'border-b',\n            )}\n            role=\"buttton\"\n            onClick={handleArticleClick}\n        >\n            <div className=\"flex items-center gap-4\">\n                <Avatar\n                    className=\"bg-gray-100 dark:bg-gray-700\"\n                    size={50}\n                    icon={\n                        <span className=\"heading-text\">\n                            {categoryIcon[category]}\n                        </span>\n                    }\n                    shape=\"round\"\n                />\n                <div>\n                    <h6 className=\"font-bold group-hover:text-primary\">\n                        {title}\n                    </h6>\n                    <div className=\"flex items-center gap-2\">\n                        <span>{timeToRead} min read</span>\n                        <span>•</span>\n                        <span>{category}</span>\n                    </div>\n                </div>\n            </div>\n            <div className=\"flex items-center gap-3\">\n                <IconText\n                    className=\"font-semibold\"\n                    icon={<TbEye className=\"text-xl\" />}\n                >\n                    {viewCount}\n                </IconText>\n                <IconText\n                    className=\"font-semibold\"\n                    icon={<TbMessage className=\"text-xl\" />}\n                >\n                    {commentCount}\n                </IconText>\n            </div>\n        </div>\n    )\n}\n\nexport default Article\n"],"names":["Article","id","isLastChild","category","title","timeToRead","viewCount","commentCount","navigate","useNavigate","handleArticleClick","jsxs","classNames","jsx","Avatar","categoryIcon","IconText","TbEye","TbMessage"],"mappings":";;;;;;;AAiBA,MAAMA,IAAU,CAAC;AAAA,EACb,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACJ,MAAoB;AAChB,QAAMC,IAAWC,EAAY,GAEvBC,IAAqB,MAAM;AACpB,IAAAF,EAAA,iCAAiCP,CAAE,EAAE;AAAA,EAClD;AAGI,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAV,KAAe;AAAA,MACnB;AAAA,MACA,MAAK;AAAA,MACL,SAASQ;AAAA,MAET,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM;AAAA,cACN,MACK,gBAAAD,EAAA,QAAA,EAAK,WAAU,gBACX,UAAAE,EAAaZ,CAAQ,GAC1B;AAAA,cAEJ,OAAM;AAAA,YAAA;AAAA,UACV;AAAA,4BACC,OACG,EAAA,UAAA;AAAA,YAAC,gBAAAU,EAAA,MAAA,EAAG,WAAU,sCACT,UACLT,GAAA;AAAA,YACA,gBAAAO,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,cAAA,gBAAAA,EAAC,QAAM,EAAA,UAAA;AAAA,gBAAAN;AAAA,gBAAW;AAAA,cAAA,GAAS;AAAA,cAC3B,gBAAAQ,EAAC,UAAK,UAAC,IAAA,CAAA;AAAA,cACP,gBAAAA,EAAC,UAAM,UAASV,EAAA,CAAA;AAAA,YAAA,EACpB,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAQ,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM,gBAAAH,EAACI,GAAM,EAAA,WAAU,UAAU,CAAA;AAAA,cAEhC,UAAAX;AAAA,YAAA;AAAA,UACL;AAAA,UACA,gBAAAO;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAM,gBAAAH,EAACK,GAAU,EAAA,WAAU,UAAU,CAAA;AAAA,cAEpC,UAAAX;AAAA,YAAA;AAAA,UAAA;AAAA,QACL,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}