npm - @orbe-agro/client-core - Versions diffs - 5.3.9 → 5.3.11 - Mend

@orbe-agro/client-core 5.3.9 → 5.3.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (859) hide show

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

	@@ -1 +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,~~EAAA~~,~~GAGvBO~~,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,~~EAC9B~~;~~AAGJ~~,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;"}
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;"}

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

	@@ -1 +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,~~QACxB~~;~~AAEJ~~,eAAOC;AAAA,~~MAAA~~,~~CACV~~;AAAA,IAAA,EACH;AAAA,EAAA;AAEd;"}
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;"}

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

	@@ -1 +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,~~EAAA~~,~~GACf~~,~~EAAE~~;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,~~MACjC~~,~~GA0C8D~~,UAAA,SAAA,CAElD,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
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;"}

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

	@@ -1 +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,~~QAAK~~;AAAA,~~QAiCA~~,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,~~UAAA~~;AAAA,~~UAkCA~~,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,~~UAAA~~;AAAA,~~UA+B9B~~,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,GACJ,GACJ;AAER;"}
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;"}

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

	@@ -1 +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","_a"],"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,~~EAC7B~~,~~GACD~~,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,~~gBAAA~~,~~CACV~~,IACDE,IAAAX,EAAS,YAAT,QAAAW,EAAkB;AAAA,~~cAAK~~;~~AAG3B~~,cACIJ,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,WAAW,KAEhBR,EAAe,CAACM,MAAQ;AACpB,sBAAMI,IAAU,gBAAgBJ,CAAG;AACnC,uBAAAI,EAAQ,IAAA,GACDA;AAAA,~~cAAA~~,~~CACV~~;AAAA,~~YACL~~;AAAA,~~UACJ~~;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
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","_a"],"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,IACDE,IAAAX,EAAS,YAAT,QAAAW,EAAkB;AAAA,cACtB;AAEA,cACIJ,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;"}

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

	@@ -1 +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,~~EAC7B~~;~~AAGJ~~,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;"}
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;"}

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

	@@ -1 +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'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,~~EAAA~~,~~GAG5BG~~,IAAe,MAAM;AACvB,IAAAH,EAA0B,EAAK;AAAA,~~EAAA~~,~~GAG7BI~~,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,~~EAAA~~;~~AAGnC~~,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,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;"}
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'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;"}

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

	@@ -1 +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":"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"}
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":"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"}

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

	@@ -1 +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,~~YAAA~~,~~CAiBsB~~;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;"}
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;"}

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

	@@ -1 +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,~~EAC9B~~,~~CACH~~;AAAA,EACL,qBAAqB,CAACF,MAAQH,EAAI,OAAO,EAAE,iBAAiBG,IAAM;AACtE,EAAE;"}
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;"}

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

	@@ -1 +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,~~EAAA~~;~~AAGlD~~,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;"}
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;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/components/ArticleList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArticleList.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/ArticleList.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Article from './Article'\nimport { categoryLabel } from '../utils'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\nimport { apiGetSupportHubArticles } from '@/services/HelpCenterService'\nimport isLastChild from '@/utils/isLastChild'\nimport NoDataFound from '@/assets/svg/NoDataFound'\nimport useSWRMutation from 'swr/mutation'\nimport { TbArrowNarrowLeft } from 'react-icons/tb'\nimport type { GetSupportHubArticlesResponse } from '../types'\n\ntype ArticlesProps = {\n query: string\n topic: string\n}\n\nconst Articles = ({ query, topic }: ArticlesProps) => {\n const { trigger, data } = useSWRMutation(\n [`/api/helps/articles`, { query, topic }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetSupportHubArticles<\n GetSupportHubArticlesResponse,\n { query: string; topic: string }\n >(params),\n )\n\n const setQueryText = useHelpCenterStore((state) => state.setQueryText)\n const setSelectedTopic = useHelpCenterStore(\n (state) => state.setSelectedTopic,\n )\n\n useEffect(() => {\n if (topic \|\| query) {\n trigger()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [topic, query])\n\n const handleBack = () => {\n setQueryText('')\n setSelectedTopic('')\n }\n\n return (\n <div>\n {query && data && data.length > 0 && (\n <div className=\"mb-6\">\n <h3>\n <span className=\"font-normal\">Result of: </span>\n <span className=\"font-semibold\"> {query}</span>\n </h3>\n </div>\n )}\n {query && data && data.length === 0 && (\n <div className=\"text-center mt-20\">\n <div className=\"flex justify-center\">\n <NoDataFound height={280} width={280} />\n </div>\n <h3 className=\"mt-8\">No article found!</h3>\n </div>\n )}\n {topic && data && (\n <div className=\"mb-6\">\n <h4 className=\"flex items-center gap-4\">\n <button\n className=\"outline-none rounded-full p-2 text-xl bg-white hover:bg-gray-200 hover:text-gray-800 dark:hover:text-gray-100\"\n onClick={handleBack}\n >\n <TbArrowNarrowLeft />\n </button>\n {categoryLabel[topic]}\n </h4>\n </div>\n )}\n {data &&\n data.map((article, index) => (\n <Article\n key={article.id}\n id={article.id}\n category={article.category}\n title={article.title}\n timeToRead={article.timeToRead}\n viewCount={article.viewCount}\n commentCount={article.commentCount}\n isLastChild={!isLastChild(data, index)}\n />\n ))}\n </div>\n )\n}\n\nexport default Articles\n"],"names":["Articles","query","topic","trigger","data","useSWRMutation","_","params","apiGetSupportHubArticles","setQueryText","useHelpCenterStore","state","setSelectedTopic","useEffect","handleBack","jsxs","jsx","NoDataFound","TbArrowNarrowLeft","categoryLabel","article","index","Article","isLastChild"],"mappings":";;;;;;;;;;AAgBA,MAAMA,IAAW,CAAC,EAAE,OAAAC,GAAO,OAAAC,QAA2B;AAClD,QAAM,EAAE,SAAAC,GAAS,MAAAC,EAAA,IAASC;AAAA,IACtB,CAAC,uBAAuB,EAAE,OAAAJ,GAAO,OAAAC,GAAO;AAAA;AAAA,IAExC,CAAC,CAACI,GAAGC,CAAM,MACPC,EAGED,CAAM;AAAA,EAAA,GAGVE,IAAeC,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAC/DC,IAAmBF;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EAAA;AAGrB,EAAAE,EAAU,MAAM;AACZ,KAAIX,KAASD,MACTE,EAAA;AAAA,~~EACJ~~,~~GAED~~,CAACD,GAAOD,CAAK,CAAC;AAEjB,QAAMa,IAAa,MAAM;AACrB,IAAAL,EAAa,EAAE,GACfG,EAAiB,EAAE;AAAA,~~EAAA~~;~~AAGvB~~,2BACK,OAAA,EACI,UAAA;AAAA,IAAAX,KAASG,KAAQA,EAAK,SAAS,uBAC3B,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAW,EAAC,MAAA,EACG,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,eAAc,UAAA,eAAW;AAAA,MACzC,gBAAAD,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QAAEd;AAAA,MAAA,EAAA,CAAM;AAAA,IAAA,EAAA,CAC5C,EAAA,CACJ;AAAA,IAEHA,KAASG,KAAQA,EAAK,WAAW,KAC9B,gBAAAW,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA,gBAAAA,EAACC,KAAY,QAAQ,KAAK,OAAO,IAAA,CAAK,EAAA,CAC1C;AAAA,MACA,gBAAAD,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAA,CAAiB;AAAA,IAAA,GAC1C;AAAA,IAEHd,KAASE,KACN,gBAAAY,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,2BACV,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAASF;AAAA,UAET,4BAACI,GAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtBC,EAAcjB,CAAK;AAAA,IAAA,EAAA,CACxB,EAAA,CACJ;AAAA,IAEHE,KACGA,EAAK,IAAI,CAACgB,GAASC,MACf,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QAEG,IAAIF,EAAQ;AAAA,QACZ,UAAUA,EAAQ;AAAA,QAClB,OAAOA,EAAQ;AAAA,QACf,YAAYA,EAAQ;AAAA,QACpB,WAAWA,EAAQ;AAAA,QACnB,cAAcA,EAAQ;AAAA,QACtB,aAAa,CAACG,EAAYnB,GAAMiB,CAAK;AAAA,MAAA;AAAA,MAPhCD,EAAQ;AAAA,IAAA,CASpB;AAAA,EAAA,GACT;AAER;"}
1	+ {"version":3,"file":"ArticleList.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/ArticleList.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Article from './Article'\nimport { categoryLabel } from '../utils'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\nimport { apiGetSupportHubArticles } from '@/services/HelpCenterService'\nimport isLastChild from '@/utils/isLastChild'\nimport NoDataFound from '@/assets/svg/NoDataFound'\nimport useSWRMutation from 'swr/mutation'\nimport { TbArrowNarrowLeft } from 'react-icons/tb'\nimport type { GetSupportHubArticlesResponse } from '../types'\n\ntype ArticlesProps = {\n query: string\n topic: string\n}\n\nconst Articles = ({ query, topic }: ArticlesProps) => {\n const { trigger, data } = useSWRMutation(\n [`/api/helps/articles`, { query, topic }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetSupportHubArticles<\n GetSupportHubArticlesResponse,\n { query: string; topic: string }\n >(params),\n )\n\n const setQueryText = useHelpCenterStore((state) => state.setQueryText)\n const setSelectedTopic = useHelpCenterStore(\n (state) => state.setSelectedTopic,\n )\n\n useEffect(() => {\n if (topic \|\| query) {\n trigger()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [topic, query])\n\n const handleBack = () => {\n setQueryText('')\n setSelectedTopic('')\n }\n\n return (\n <div>\n {query && data && data.length > 0 && (\n <div className=\"mb-6\">\n <h3>\n <span className=\"font-normal\">Result of: </span>\n <span className=\"font-semibold\"> {query}</span>\n </h3>\n </div>\n )}\n {query && data && data.length === 0 && (\n <div className=\"text-center mt-20\">\n <div className=\"flex justify-center\">\n <NoDataFound height={280} width={280} />\n </div>\n <h3 className=\"mt-8\">No article found!</h3>\n </div>\n )}\n {topic && data && (\n <div className=\"mb-6\">\n <h4 className=\"flex items-center gap-4\">\n <button\n className=\"outline-none rounded-full p-2 text-xl bg-white hover:bg-gray-200 hover:text-gray-800 dark:hover:text-gray-100\"\n onClick={handleBack}\n >\n <TbArrowNarrowLeft />\n </button>\n {categoryLabel[topic]}\n </h4>\n </div>\n )}\n {data &&\n data.map((article, index) => (\n <Article\n key={article.id}\n id={article.id}\n category={article.category}\n title={article.title}\n timeToRead={article.timeToRead}\n viewCount={article.viewCount}\n commentCount={article.commentCount}\n isLastChild={!isLastChild(data, index)}\n />\n ))}\n </div>\n )\n}\n\nexport default Articles\n"],"names":["Articles","query","topic","trigger","data","useSWRMutation","_","params","apiGetSupportHubArticles","setQueryText","useHelpCenterStore","state","setSelectedTopic","useEffect","handleBack","jsxs","jsx","NoDataFound","TbArrowNarrowLeft","categoryLabel","article","index","Article","isLastChild"],"mappings":";;;;;;;;;;AAgBA,MAAMA,IAAW,CAAC,EAAE,OAAAC,GAAO,OAAAC,QAA2B;AAClD,QAAM,EAAE,SAAAC,GAAS,MAAAC,EAAA,IAASC;AAAA,IACtB,CAAC,uBAAuB,EAAE,OAAAJ,GAAO,OAAAC,GAAO;AAAA;AAAA,IAExC,CAAC,CAACI,GAAGC,CAAM,MACPC,EAGED,CAAM;AAAA,EAAA,GAGVE,IAAeC,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAC/DC,IAAmBF;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EAAA;AAGrB,EAAAE,EAAU,MAAM;AACZ,KAAIX,KAASD,MACTE,EAAA;AAAA,EAGR,GAAG,CAACD,GAAOD,CAAK,CAAC;AAEjB,QAAMa,IAAa,MAAM;AACrB,IAAAL,EAAa,EAAE,GACfG,EAAiB,EAAE;AAAA,EACvB;AAEA,2BACK,OAAA,EACI,UAAA;AAAA,IAAAX,KAASG,KAAQA,EAAK,SAAS,uBAC3B,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAW,EAAC,MAAA,EACG,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,eAAc,UAAA,eAAW;AAAA,MACzC,gBAAAD,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QAAEd;AAAA,MAAA,EAAA,CAAM;AAAA,IAAA,EAAA,CAC5C,EAAA,CACJ;AAAA,IAEHA,KAASG,KAAQA,EAAK,WAAW,KAC9B,gBAAAW,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA,gBAAAA,EAACC,KAAY,QAAQ,KAAK,OAAO,IAAA,CAAK,EAAA,CAC1C;AAAA,MACA,gBAAAD,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAA,CAAiB;AAAA,IAAA,GAC1C;AAAA,IAEHd,KAASE,KACN,gBAAAY,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,2BACV,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAASF;AAAA,UAET,4BAACI,GAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtBC,EAAcjB,CAAK;AAAA,IAAA,EAAA,CACxB,EAAA,CACJ;AAAA,IAEHE,KACGA,EAAK,IAAI,CAACgB,GAASC,MACf,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QAEG,IAAIF,EAAQ;AAAA,QACZ,UAAUA,EAAQ;AAAA,QAClB,OAAOA,EAAQ;AAAA,QACf,YAAYA,EAAQ;AAAA,QACpB,WAAWA,EAAQ;AAAA,QACnB,cAAcA,EAAQ;AAAA,QACtB,aAAa,CAACG,EAAYnB,GAAMiB,CAAK;AAAA,MAAA;AAAA,MAPhCD,EAAQ;AAAA,IAAA,CASpB;AAAA,EAAA,GACT;AAER;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/components/Categories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Categories.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/Categories.tsx"],"sourcesContent":["import Article from './Article'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\nimport { categoryIcon } from '../utils'\nimport { apiGetSupportHubCategories } from '@/services/HelpCenterService'\nimport isLastChild from '@/utils/isLastChild'\nimport useSWR from 'swr'\n\nimport type { GetSupportHubCategoriesResponse } from '../types'\n\nconst Categories = () => {\n const { data } = useSWR(\n ['/helps/categories'],\n () => apiGetSupportHubCategories<GetSupportHubCategoriesResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const setSelectedTopic = useHelpCenterStore(\n (state) => state.setSelectedTopic,\n )\n const setQueryText = useHelpCenterStore((state) => state.setQueryText)\n\n const handleTopicClick = (topic: string) => {\n setSelectedTopic(topic)\n setQueryText('')\n }\n\n return (\n <div className=\"flex flex-col gap-16\">\n {data &&\n data.categories.map((category) => (\n <div key={category.name}>\n <h3 className=\"mb-6\">{category.name}</h3>\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-4\">\n {category.topics.map((topic) => (\n <div\n key={topic.id}\n className=\"cursor-pointer rounded-xl bg-gray-100 dark:bg-gray-700 p-8 group hover:bg-primary transition-colors\"\n role=\"button\"\n onClick={() => handleTopicClick(topic.id)}\n >\n <div className=\"flex flex-col items-center gap-3\">\n <div className=\"rounded-full p-4 bg-neutral group-hover:bg-white/25 transition-colors\">\n <span className=\"text-2xl text-primary group-hover:text-neutral transition-colors\">\n {categoryIcon[topic.id]}\n </span>\n </div>\n <h4 className=\"font-bold mt-3 group-hover:text-neutral transition-colors\">\n {topic.name}\n </h4>\n <p className=\"text-center max-w-[250px] min-h-[50px] group-hover:text-neutral transition-colors\">\n {topic.description}\n </p>\n <div className=\"font-bold text-primary group-hover:text-neutral transition-colors\">\n {topic.articleCounts} Articles\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n ))}\n {data && (\n <div>\n <h3 className=\"mb-6\">Popular Articles</h3>\n <div>\n {data.popularArticles.map((article, index) => (\n <Article\n key={article.id}\n id={article.id}\n category={article.category}\n title={article.title}\n timeToRead={article.timeToRead}\n viewCount={article.viewCount}\n commentCount={article.commentCount}\n isLastChild={\n !isLastChild(data.popularArticles, index)\n }\n />\n ))}\n </div>\n </div>\n )}\n </div>\n )\n}\n\nexport default Categories\n"],"names":["Categories","data","useSWR","apiGetSupportHubCategories","setSelectedTopic","useHelpCenterStore","state","setQueryText","handleTopicClick","topic","jsxs","category","jsx","categoryIcon","article","index","Article","isLastChild"],"mappings":";;;;;;;AASA,MAAMA,IAAa,MAAM;AACrB,QAAM,EAAE,MAAAC,MAASC;AAAA,IACb,CAAC,mBAAmB;AAAA,IACpB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B,GAGEC,IAAmBC;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAEfC,IAAeF,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAE/DE,IAAmB,CAACC,MAAkB;AACxC,IAAAL,EAAiBK,CAAK,GACtBF,EAAa,EAAE;AAAA,~~EAAA~~;~~AAGnB~~,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,wBACV,UAAA;AAAA,IAAAT,KACGA,EAAK,WAAW,IAAI,CAACU,wBAChB,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAD,EAAS,MAAK;AAAA,MACpC,gBAAAC,EAAC,SAAI,WAAU,yCACV,YAAS,OAAO,IAAI,CAACH,MAClB,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,MAAMJ,EAAiBC,EAAM,EAAE;AAAA,UAExC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,YAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,yEACX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,oEACX,UAAAC,EAAaJ,EAAM,EAAE,EAAA,CAC1B,GACJ;AAAA,YACA,gBAAAG,EAAC,MAAA,EAAG,WAAU,6DACT,YAAM,MACX;AAAA,YACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,qFACR,YAAM,aACX;AAAA,YACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,qEACV,UAAA;AAAA,cAAAD,EAAM;AAAA,cAAc;AAAA,YAAA,EAAA,CACzB;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,QApBKA,EAAM;AAAA,MAAA,CAsBlB,EAAA,CACL;AAAA,IAAA,KA5BME,EAAS,IA6BnB,CACH;AAAA,IACJV,uBACI,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAW,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,wBACpC,OAAA,EACI,UAAAX,EAAK,gBAAgB,IAAI,CAACa,GAASC,MAChC,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,IAAIF,EAAQ;AAAA,UACZ,UAAUA,EAAQ;AAAA,UAClB,OAAOA,EAAQ;AAAA,UACf,YAAYA,EAAQ;AAAA,UACpB,WAAWA,EAAQ;AAAA,UACnB,cAAcA,EAAQ;AAAA,UACtB,aACI,CAACG,EAAYhB,EAAK,iBAAiBc,CAAK;AAAA,QAAA;AAAA,QARvCD,EAAQ;AAAA,MAAA,CAWpB,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GAER;AAER;"}
1	+ {"version":3,"file":"Categories.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/Categories.tsx"],"sourcesContent":["import Article from './Article'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\nimport { categoryIcon } from '../utils'\nimport { apiGetSupportHubCategories } from '@/services/HelpCenterService'\nimport isLastChild from '@/utils/isLastChild'\nimport useSWR from 'swr'\n\nimport type { GetSupportHubCategoriesResponse } from '../types'\n\nconst Categories = () => {\n const { data } = useSWR(\n ['/helps/categories'],\n () => apiGetSupportHubCategories<GetSupportHubCategoriesResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const setSelectedTopic = useHelpCenterStore(\n (state) => state.setSelectedTopic,\n )\n const setQueryText = useHelpCenterStore((state) => state.setQueryText)\n\n const handleTopicClick = (topic: string) => {\n setSelectedTopic(topic)\n setQueryText('')\n }\n\n return (\n <div className=\"flex flex-col gap-16\">\n {data &&\n data.categories.map((category) => (\n <div key={category.name}>\n <h3 className=\"mb-6\">{category.name}</h3>\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-4\">\n {category.topics.map((topic) => (\n <div\n key={topic.id}\n className=\"cursor-pointer rounded-xl bg-gray-100 dark:bg-gray-700 p-8 group hover:bg-primary transition-colors\"\n role=\"button\"\n onClick={() => handleTopicClick(topic.id)}\n >\n <div className=\"flex flex-col items-center gap-3\">\n <div className=\"rounded-full p-4 bg-neutral group-hover:bg-white/25 transition-colors\">\n <span className=\"text-2xl text-primary group-hover:text-neutral transition-colors\">\n {categoryIcon[topic.id]}\n </span>\n </div>\n <h4 className=\"font-bold mt-3 group-hover:text-neutral transition-colors\">\n {topic.name}\n </h4>\n <p className=\"text-center max-w-[250px] min-h-[50px] group-hover:text-neutral transition-colors\">\n {topic.description}\n </p>\n <div className=\"font-bold text-primary group-hover:text-neutral transition-colors\">\n {topic.articleCounts} Articles\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n ))}\n {data && (\n <div>\n <h3 className=\"mb-6\">Popular Articles</h3>\n <div>\n {data.popularArticles.map((article, index) => (\n <Article\n key={article.id}\n id={article.id}\n category={article.category}\n title={article.title}\n timeToRead={article.timeToRead}\n viewCount={article.viewCount}\n commentCount={article.commentCount}\n isLastChild={\n !isLastChild(data.popularArticles, index)\n }\n />\n ))}\n </div>\n </div>\n )}\n </div>\n )\n}\n\nexport default Categories\n"],"names":["Categories","data","useSWR","apiGetSupportHubCategories","setSelectedTopic","useHelpCenterStore","state","setQueryText","handleTopicClick","topic","jsxs","category","jsx","categoryIcon","article","index","Article","isLastChild"],"mappings":";;;;;;;AASA,MAAMA,IAAa,MAAM;AACrB,QAAM,EAAE,MAAAC,MAASC;AAAA,IACb,CAAC,mBAAmB;AAAA,IACpB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B,GAGEC,IAAmBC;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAEfC,IAAeF,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAE/DE,IAAmB,CAACC,MAAkB;AACxC,IAAAL,EAAiBK,CAAK,GACtBF,EAAa,EAAE;AAAA,EACnB;AAEA,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,wBACV,UAAA;AAAA,IAAAT,KACGA,EAAK,WAAW,IAAI,CAACU,wBAChB,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAD,EAAS,MAAK;AAAA,MACpC,gBAAAC,EAAC,SAAI,WAAU,yCACV,YAAS,OAAO,IAAI,CAACH,MAClB,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,MAAMJ,EAAiBC,EAAM,EAAE;AAAA,UAExC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,YAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,yEACX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,oEACX,UAAAC,EAAaJ,EAAM,EAAE,EAAA,CAC1B,GACJ;AAAA,YACA,gBAAAG,EAAC,MAAA,EAAG,WAAU,6DACT,YAAM,MACX;AAAA,YACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,qFACR,YAAM,aACX;AAAA,YACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,qEACV,UAAA;AAAA,cAAAD,EAAM;AAAA,cAAc;AAAA,YAAA,EAAA,CACzB;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,QApBKA,EAAM;AAAA,MAAA,CAsBlB,EAAA,CACL;AAAA,IAAA,KA5BME,EAAS,IA6BnB,CACH;AAAA,IACJV,uBACI,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAW,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,wBACpC,OAAA,EACI,UAAAX,EAAK,gBAAgB,IAAI,CAACa,GAASC,MAChC,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,IAAIF,EAAQ;AAAA,UACZ,UAAUA,EAAQ;AAAA,UAClB,OAAOA,EAAQ;AAAA,UACf,YAAYA,EAAQ;AAAA,UACpB,WAAWA,EAAQ;AAAA,UACnB,cAAcA,EAAQ;AAAA,UACtB,aACI,CAACG,EAAYhB,EAAK,iBAAiBc,CAAK;AAAA,QAAA;AAAA,QARvCD,EAAQ;AAAA,MAAA,CAWpB,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/views/concepts/help-center/SupportHub/components/TopSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TopSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/TopSection.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Container from '@/components/shared/Container'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\nimport { TbSearch } from 'react-icons/tb'\n\nconst TopSection = () => {\n const inputRef = useRef<HTMLInputElement>(null)\n\n const setQueryText = useHelpCenterStore((state) => state.setQueryText)\n const setSelectedTopic = useHelpCenterStore(\n (state) => state.setSelectedTopic,\n )\n\n const handleSetQueryText = () => {\n const value = inputRef.current?.value\n\n if (value) {\n setQueryText(inputRef.current?.value as string)\n setSelectedTopic('')\n }\n }\n\n return (\n <section className=\"flex flex-col justify-center h-[300px] bg-gradient-to-tr from-cyan-100 via-violet-100 to-fuchsia-100 dark:from-cyan-500 dark:via-violet-500 dark:to-fuchsia-500\">\n <Container className=\"flex flex-col items-center px-4\">\n <div className=\"mb-6 flex flex-col items-center\">\n <h2 className=\"mb-4 text-center\">\n Assistance & Support Center\n </h2>\n <p className=\"max-w-[350px] dark:text-gray-200 text-center\">\n Search for answers, browse our FAQs, and access support\n resources all in one place.\n </p>\n </div>\n <div className=\"border border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col bg-white max-w-[800px] w-full\">\n <div className=\"flex items-center gap-2 w-full h-[56px]\">\n <input\n ref={inputRef}\n className=\"flex-1 h-full placeholder:text-gray-400 placeholder:font-semibold font-semibold bg-transparent focus:outline-none heading-text\"\n placeholder=\"Type to search an article\"\n onKeyDown={(event) => {\n if (event.key === 'Enter') {\n handleSetQueryText()\n }\n\n if (\n event.key === 'Backspace' &&\n (event.target as HTMLInputElement).value\n .length <= 1\n ) {\n setQueryText('')\n }\n }}\n />\n <Button\n size=\"xs\"\n shape=\"circle\"\n variant=\"solid\"\n icon={<TbSearch />}\n onClick={handleSetQueryText}\n />\n </div>\n </div>\n </Container>\n </section>\n )\n}\n\nexport default TopSection\n"],"names":["TopSection","inputRef","useRef","setQueryText","useHelpCenterStore","state","setSelectedTopic","handleSetQueryText","_a","_b","jsxs","Container","jsx","event","Button","TbSearch"],"mappings":";;;;;;;AAMA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAWC,EAAyB,IAAI,GAExCC,IAAeC,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAC/DC,IAAmBF;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAGfE,IAAqB,MAAM;;AAG7B,MAFcC,IAAAP,EAAS,YAAT,gBAAAO,EAAkB,WAG5BL,GAAaM,IAAAR,EAAS,YAAT,gBAAAQ,EAAkB,KAAe,GAC9CH,EAAiB,EAAE;AAAA,~~EACvB~~;~~AAGJ~~,2BACK,WAAA,EAAQ,WAAU,mKACf,UAAA,gBAAAI,EAACC,GAAA,EAAU,WAAU,mCACjB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,oBAAmB,UAAA,+BAEjC;AAAA,MACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,gDAA+C,UAAA,sFAAA,CAG5D;AAAA,IAAA,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,wHACX,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKX;AAAA,UACL,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAW,CAACY,MAAU;AAClB,YAAIA,EAAM,QAAQ,WACdN,EAAA,GAIAM,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,UAAU,KAEfV,EAAa,EAAE;AAAA,~~UACnB~~;AAAA,~~QACJ~~;AAAA,MAAA;AAAA,MAEJ,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAA,EAAS;AAAA,UAChB,SAASR;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
1	+ {"version":3,"file":"TopSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/SupportHub/components/TopSection.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Container from '@/components/shared/Container'\nimport { useHelpCenterStore } from '../store/helpCenterStore'\nimport { TbSearch } from 'react-icons/tb'\n\nconst TopSection = () => {\n const inputRef = useRef<HTMLInputElement>(null)\n\n const setQueryText = useHelpCenterStore((state) => state.setQueryText)\n const setSelectedTopic = useHelpCenterStore(\n (state) => state.setSelectedTopic,\n )\n\n const handleSetQueryText = () => {\n const value = inputRef.current?.value\n\n if (value) {\n setQueryText(inputRef.current?.value as string)\n setSelectedTopic('')\n }\n }\n\n return (\n <section className=\"flex flex-col justify-center h-[300px] bg-gradient-to-tr from-cyan-100 via-violet-100 to-fuchsia-100 dark:from-cyan-500 dark:via-violet-500 dark:to-fuchsia-500\">\n <Container className=\"flex flex-col items-center px-4\">\n <div className=\"mb-6 flex flex-col items-center\">\n <h2 className=\"mb-4 text-center\">\n Assistance & Support Center\n </h2>\n <p className=\"max-w-[350px] dark:text-gray-200 text-center\">\n Search for answers, browse our FAQs, and access support\n resources all in one place.\n </p>\n </div>\n <div className=\"border border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col bg-white max-w-[800px] w-full\">\n <div className=\"flex items-center gap-2 w-full h-[56px]\">\n <input\n ref={inputRef}\n className=\"flex-1 h-full placeholder:text-gray-400 placeholder:font-semibold font-semibold bg-transparent focus:outline-none heading-text\"\n placeholder=\"Type to search an article\"\n onKeyDown={(event) => {\n if (event.key === 'Enter') {\n handleSetQueryText()\n }\n\n if (\n event.key === 'Backspace' &&\n (event.target as HTMLInputElement).value\n .length <= 1\n ) {\n setQueryText('')\n }\n }}\n />\n <Button\n size=\"xs\"\n shape=\"circle\"\n variant=\"solid\"\n icon={<TbSearch />}\n onClick={handleSetQueryText}\n />\n </div>\n </div>\n </Container>\n </section>\n )\n}\n\nexport default TopSection\n"],"names":["TopSection","inputRef","useRef","setQueryText","useHelpCenterStore","state","setSelectedTopic","handleSetQueryText","_a","_b","jsxs","Container","jsx","event","Button","TbSearch"],"mappings":";;;;;;;AAMA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAWC,EAAyB,IAAI,GAExCC,IAAeC,EAAmB,CAACC,MAAUA,EAAM,YAAY,GAC/DC,IAAmBF;AAAA,IACrB,CAACC,MAAUA,EAAM;AAAA,EAAA,GAGfE,IAAqB,MAAM;;AAG7B,MAFcC,IAAAP,EAAS,YAAT,gBAAAO,EAAkB,WAG5BL,GAAaM,IAAAR,EAAS,YAAT,gBAAAQ,EAAkB,KAAe,GAC9CH,EAAiB,EAAE;AAAA,EAE3B;AAEA,2BACK,WAAA,EAAQ,WAAU,mKACf,UAAA,gBAAAI,EAACC,GAAA,EAAU,WAAU,mCACjB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,oBAAmB,UAAA,+BAEjC;AAAA,MACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,gDAA+C,UAAA,sFAAA,CAG5D;AAAA,IAAA,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,wHACX,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKX;AAAA,UACL,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAW,CAACY,MAAU;AAClB,YAAIA,EAAM,QAAQ,WACdN,EAAA,GAIAM,EAAM,QAAQ,eACbA,EAAM,OAA4B,MAC9B,UAAU,KAEfV,EAAa,EAAE;AAAA,UAEvB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAA,EAAS;AAAA,UAChB,SAASR;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MailBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBody.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport MailList from './MailList'\nimport MailSidebar from './MailSidebar'\nimport MailDetail from './MailDetail'\nimport MailBodyTop from './MailBodyTop'\nimport useMail from '../hooks/useMail'\nimport useQuery from '@/utils/hooks/useQuery'\nimport { useMailStore } from '../store/mailStore'\nimport isEmpty from 'lodash/isEmpty'\n\nconst MailBody = () => {\n const query = useQuery()\n\n const id = query.get('mail')\n\n const { fetchMail } = useMail()\n\n const { mail } = useMailStore()\n\n useEffect(() => {\n if (id && isEmpty(mail)) {\n fetchMail(id)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [id])\n\n return (\n <AdaptiveCard\n className=\"h-full border-0\"\n bodyClass=\"h-full flex flex-col\"\n >\n <div className=\"flex flex-auto h-full\">\n <MailSidebar />\n <div className=\"ltr:lg:pl-6 rtl:lg:pr-6 flex-1\">\n <MailBodyTop />\n <div className=\"relative h-[calc(100%-70px)]\">\n {isEmpty(mail) ? (\n <MailList />\n ) : (\n <MailDetail mail={mail} />\n )}\n </div>\n </div>\n </div>\n </AdaptiveCard>\n )\n}\n\nexport default MailBody\n"],"names":["MailBody","id","useQuery","fetchMail","useMail","mail","useMailStore","useEffect","isEmpty","jsx","AdaptiveCard","jsxs","MailSidebar","MailBodyTop","MailList","MailDetail"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAAW,MAAM;AAGnB,QAAMC,IAFQC,EAAA,EAEG,IAAI,MAAM,GAErB,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,SAAAC,EAAU,MAAM;AACZ,IAAIN,KAAMO,EAAQH,CAAI,KAClBF,EAAUF,CAAE;AAAA,~~EAChB~~,~~GAED~~,CAACA,CAAE,CAAC,GAGH,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAY;AAAA,QACb,gBAAAD,EAAC,OAAA,EAAI,WAAU,kCACX,UAAA;AAAA,UAAA,gBAAAF,EAACI,GAAA,EAAY;AAAA,UACb,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gCACV,UAAAD,EAAQH,CAAI,IACT,gBAAAI,EAACK,GAAA,CAAA,CAAS,IAEV,gBAAAL,EAACM,GAAA,EAAW,MAAAV,GAAY,EAAA,CAEhC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"MailBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBody.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport MailList from './MailList'\nimport MailSidebar from './MailSidebar'\nimport MailDetail from './MailDetail'\nimport MailBodyTop from './MailBodyTop'\nimport useMail from '../hooks/useMail'\nimport useQuery from '@/utils/hooks/useQuery'\nimport { useMailStore } from '../store/mailStore'\nimport isEmpty from 'lodash/isEmpty'\n\nconst MailBody = () => {\n const query = useQuery()\n\n const id = query.get('mail')\n\n const { fetchMail } = useMail()\n\n const { mail } = useMailStore()\n\n useEffect(() => {\n if (id && isEmpty(mail)) {\n fetchMail(id)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [id])\n\n return (\n <AdaptiveCard\n className=\"h-full border-0\"\n bodyClass=\"h-full flex flex-col\"\n >\n <div className=\"flex flex-auto h-full\">\n <MailSidebar />\n <div className=\"ltr:lg:pl-6 rtl:lg:pr-6 flex-1\">\n <MailBodyTop />\n <div className=\"relative h-[calc(100%-70px)]\">\n {isEmpty(mail) ? (\n <MailList />\n ) : (\n <MailDetail mail={mail} />\n )}\n </div>\n </div>\n </div>\n </AdaptiveCard>\n )\n}\n\nexport default MailBody\n"],"names":["MailBody","id","useQuery","fetchMail","useMail","mail","useMailStore","useEffect","isEmpty","jsx","AdaptiveCard","jsxs","MailSidebar","MailBodyTop","MailList","MailDetail"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAAW,MAAM;AAGnB,QAAMC,IAFQC,EAAA,EAEG,IAAI,MAAM,GAErB,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,SAAAC,EAAU,MAAM;AACZ,IAAIN,KAAMO,EAAQH,CAAI,KAClBF,EAAUF,CAAE;AAAA,EAGpB,GAAG,CAACA,CAAE,CAAC,GAGH,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAY;AAAA,QACb,gBAAAD,EAAC,OAAA,EAAI,WAAU,kCACX,UAAA;AAAA,UAAA,gBAAAF,EAACI,GAAA,EAAY;AAAA,UACb,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gCACV,UAAAD,EAAQH,CAAI,IACT,gBAAAI,EAACK,GAAA,CAAA,CAAS,IAEV,gBAAAL,EAACM,GAAA,EAAW,MAAAV,GAAY,EAAA,CAEhC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailBodyTop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MailBodyTop.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBodyTop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Badge from '@/components/ui/Badge'\nimport MailDeleteConfimation from './MailDeleteConfimation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport { TbMail, TbTrash, TbMenu2 } from 'react-icons/tb'\n\nconst MailBodyTop = () => {\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n const { selectedMailId, toggleMessageDialog, toggleMobileSidebar } =\n useMailStore()\n\n const { onMailDelete, onBatchMoveMailClick } = useMailAction()\n\n const { smaller } = useResponsive()\n\n const hasMailSelected = selectedMailId.length > 0\n\n const handleClose = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleConfirmDelete = () => {\n onMailDelete(selectedMailId)\n handleClose()\n }\n\n const handleMoveMailClick = (destination: string) => {\n onBatchMoveMailClick(selectedMailId, destination)\n }\n\n return (\n <>\n <div className=\"flex items-center justify-between mb-6\">\n <div className=\"flex items-center gap-2\">\n {smaller.xl && (\n <button\n className=\"close-button\"\n type=\"button\"\n onClick={() => toggleMobileSidebar(true)}\n >\n <TbMenu2 />\n </button>\n )}\n {hasMailSelected && (\n <h5>{selectedMailId.length} items selected</h5>\n )}\n </div>\n <div className=\"inline-flex items-center gap-2\">\n {hasMailSelected ? (\n <>\n <Dropdown\n renderTitle={<Button size=\"sm\">Move to</Button>}\n placement=\"bottom-end\"\n >\n {labelList.map((item) => (\n <Dropdown.Item\n key={item.value}\n onClick={() =>\n handleMoveMailClick(item.value)\n }\n >\n <Badge className={item.dotClass} />\n <span>{item.label}</span>\n </Dropdown.Item>\n ))}\n </Dropdown>\n <Button\n size=\"sm\"\n type=\"button\"\n customColorClass={() =>\n 'border-error ring-0 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n }\n icon={<TbTrash />}\n onClick={() => setDeleteConfirmationOpen(true)}\n >\n Delete\n </Button>\n </>\n ) : (\n <Button\n variant=\"solid\"\n icon={<TbMail />}\n size=\"sm\"\n onClick={() =>\n toggleMessageDialog({\n open: true,\n mode: 'new',\n })\n }\n >\n New email\n </Button>\n )}\n </div>\n </div>\n <MailDeleteConfimation\n isOpen={deleteConfirmationOpen}\n selectedMailCount={selectedMailId.length}\n onClose={handleClose}\n onConfirmDelete={handleConfirmDelete}\n />\n </>\n )\n}\n\nexport default MailBodyTop\n"],"names":["MailBodyTop","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","selectedMailId","toggleMessageDialog","toggleMobileSidebar","useMailStore","onMailDelete","onBatchMoveMailClick","useMailAction","smaller","useResponsive","hasMailSelected","handleClose","handleConfirmDelete","handleMoveMailClick","destination","jsxs","Fragment","jsx","TbMenu2","Dropdown","Button","labelList","item","Badge","TbTrash","TbMail","MailDeleteConfimation"],"mappings":";;;;;;;;;;;;;AAWA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpE,EAAE,gBAAAC,GAAgB,qBAAAC,GAAqB,qBAAAC,EAAA,IACzCC,EAAA,GAEE,EAAE,cAAAC,GAAc,sBAAAC,EAAA,IAAyBC,EAAA,GAEzC,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAkBT,EAAe,SAAS,GAE1CU,IAAc,MAAM;AACtB,IAAAZ,EAA0B,EAAK;AAAA,~~EAAA~~,~~GAG7Ba~~,IAAsB,MAAM;AAC9B,IAAAP,EAAaJ,CAAc,GAC3BU,EAAA;AAAA,~~EAAY~~,~~GAGVE~~,IAAsB,CAACC,MAAwB;AACjD,IAAAR,EAAqBL,GAAgBa,CAAW;AAAA,~~EAAA~~;~~AAGpD~~,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAAP,EAAQ,MACL,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMd,EAAoB,EAAI;AAAA,YAEvC,4BAACe,GAAA,CAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhBR,uBACI,MAAA,EAAI,UAAA;AAAA,UAAAT,EAAe;AAAA,UAAO;AAAA,QAAA,EAAA,CAAe;AAAA,MAAA,GAElD;AAAA,MACA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,kCACV,cACG,gBAAAF,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,aAAa,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,UAAA,WAAO;AAAA,YACtC,WAAU;AAAA,YAET,UAAAC,EAAU,IAAI,CAACC,MACZ,gBAAAP;AAAA,cAACI,EAAS;AAAA,cAAT;AAAA,gBAEG,SAAS,MACLN,EAAoBS,EAAK,KAAK;AAAA,gBAGlC,UAAA;AAAA,kBAAA,gBAAAL,EAACM,GAAA,EAAM,WAAWD,EAAK,SAAA,CAAU;AAAA,kBACjC,gBAAAL,EAAC,QAAA,EAAM,UAAAK,EAAK,MAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cANbA,EAAK;AAAA,YAAA,CAQjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,gBAAAL;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,wBAAOI,GAAA,EAAQ;AAAA,YACf,SAAS,MAAMzB,EAA0B,EAAI;AAAA,YAChD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ,IAEA,gBAAAkB;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,wBAAOK,GAAA,EAAO;AAAA,UACd,MAAK;AAAA,UACL,SAAS,MACLvB,EAAoB;AAAA,YAChB,MAAM;AAAA,YACN,MAAM;AAAA,UAAA,CACT;AAAA,UAER,UAAA;AAAA,QAAA;AAAA,MAAA,EAED,CAER;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAe;AAAA,MAACS;AAAA,MAAA;AAAA,QACG,QAAQ5B;AAAA,QACR,mBAAmBG,EAAe;AAAA,QAClC,SAASU;AAAA,QACT,iBAAiBC;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACJ;AAER;"}
1	+ {"version":3,"file":"MailBodyTop.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailBodyTop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Badge from '@/components/ui/Badge'\nimport MailDeleteConfimation from './MailDeleteConfimation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport { TbMail, TbTrash, TbMenu2 } from 'react-icons/tb'\n\nconst MailBodyTop = () => {\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n const { selectedMailId, toggleMessageDialog, toggleMobileSidebar } =\n useMailStore()\n\n const { onMailDelete, onBatchMoveMailClick } = useMailAction()\n\n const { smaller } = useResponsive()\n\n const hasMailSelected = selectedMailId.length > 0\n\n const handleClose = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleConfirmDelete = () => {\n onMailDelete(selectedMailId)\n handleClose()\n }\n\n const handleMoveMailClick = (destination: string) => {\n onBatchMoveMailClick(selectedMailId, destination)\n }\n\n return (\n <>\n <div className=\"flex items-center justify-between mb-6\">\n <div className=\"flex items-center gap-2\">\n {smaller.xl && (\n <button\n className=\"close-button\"\n type=\"button\"\n onClick={() => toggleMobileSidebar(true)}\n >\n <TbMenu2 />\n </button>\n )}\n {hasMailSelected && (\n <h5>{selectedMailId.length} items selected</h5>\n )}\n </div>\n <div className=\"inline-flex items-center gap-2\">\n {hasMailSelected ? (\n <>\n <Dropdown\n renderTitle={<Button size=\"sm\">Move to</Button>}\n placement=\"bottom-end\"\n >\n {labelList.map((item) => (\n <Dropdown.Item\n key={item.value}\n onClick={() =>\n handleMoveMailClick(item.value)\n }\n >\n <Badge className={item.dotClass} />\n <span>{item.label}</span>\n </Dropdown.Item>\n ))}\n </Dropdown>\n <Button\n size=\"sm\"\n type=\"button\"\n customColorClass={() =>\n 'border-error ring-0 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n }\n icon={<TbTrash />}\n onClick={() => setDeleteConfirmationOpen(true)}\n >\n Delete\n </Button>\n </>\n ) : (\n <Button\n variant=\"solid\"\n icon={<TbMail />}\n size=\"sm\"\n onClick={() =>\n toggleMessageDialog({\n open: true,\n mode: 'new',\n })\n }\n >\n New email\n </Button>\n )}\n </div>\n </div>\n <MailDeleteConfimation\n isOpen={deleteConfirmationOpen}\n selectedMailCount={selectedMailId.length}\n onClose={handleClose}\n onConfirmDelete={handleConfirmDelete}\n />\n </>\n )\n}\n\nexport default MailBodyTop\n"],"names":["MailBodyTop","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","selectedMailId","toggleMessageDialog","toggleMobileSidebar","useMailStore","onMailDelete","onBatchMoveMailClick","useMailAction","smaller","useResponsive","hasMailSelected","handleClose","handleConfirmDelete","handleMoveMailClick","destination","jsxs","Fragment","jsx","TbMenu2","Dropdown","Button","labelList","item","Badge","TbTrash","TbMail","MailDeleteConfimation"],"mappings":";;;;;;;;;;;;;AAWA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpE,EAAE,gBAAAC,GAAgB,qBAAAC,GAAqB,qBAAAC,EAAA,IACzCC,EAAA,GAEE,EAAE,cAAAC,GAAc,sBAAAC,EAAA,IAAyBC,EAAA,GAEzC,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAkBT,EAAe,SAAS,GAE1CU,IAAc,MAAM;AACtB,IAAAZ,EAA0B,EAAK;AAAA,EACnC,GAEMa,IAAsB,MAAM;AAC9B,IAAAP,EAAaJ,CAAc,GAC3BU,EAAA;AAAA,EACJ,GAEME,IAAsB,CAACC,MAAwB;AACjD,IAAAR,EAAqBL,GAAgBa,CAAW;AAAA,EACpD;AAEA,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,QAAAP,EAAQ,MACL,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMd,EAAoB,EAAI;AAAA,YAEvC,4BAACe,GAAA,CAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhBR,uBACI,MAAA,EAAI,UAAA;AAAA,UAAAT,EAAe;AAAA,UAAO;AAAA,QAAA,EAAA,CAAe;AAAA,MAAA,GAElD;AAAA,MACA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,kCACV,cACG,gBAAAF,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,aAAa,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,UAAA,WAAO;AAAA,YACtC,WAAU;AAAA,YAET,UAAAC,EAAU,IAAI,CAACC,MACZ,gBAAAP;AAAA,cAACI,EAAS;AAAA,cAAT;AAAA,gBAEG,SAAS,MACLN,EAAoBS,EAAK,KAAK;AAAA,gBAGlC,UAAA;AAAA,kBAAA,gBAAAL,EAACM,GAAA,EAAM,WAAWD,EAAK,SAAA,CAAU;AAAA,kBACjC,gBAAAL,EAAC,QAAA,EAAM,UAAAK,EAAK,MAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cANbA,EAAK;AAAA,YAAA,CAQjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,gBAAAL;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,kBAAkB,MACd;AAAA,YAEJ,wBAAOI,GAAA,EAAQ;AAAA,YACf,SAAS,MAAMzB,EAA0B,EAAI;AAAA,YAChD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ,IAEA,gBAAAkB;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,wBAAOK,GAAA,EAAO;AAAA,UACd,MAAK;AAAA,UACL,SAAS,MACLvB,EAAoB;AAAA,YAChB,MAAM;AAAA,YACN,MAAM;AAAA,UAAA,CACT;AAAA,UAER,UAAA;AAAA,QAAA;AAAA,MAAA,EAED,CAER;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAe;AAAA,MAACS;AAAA,MAAA;AAAA,QACG,QAAQ5B;AAAA,QACR,mBAAmBG,EAAe;AAAA,QAClC,SAASU;AAAA,QACT,iBAAiBC;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACJ;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailDetailAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MailDetailAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailAction.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Badge from '@/components/ui/Badge'\nimport ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport classNames from '@/utils/classNames'\nimport {\n TbDotsVertical,\n TbArrowBackUp,\n TbStarFilled,\n TbFlag,\n TbFolderSymlink,\n TbStar,\n} from 'react-icons/tb'\nimport type { Mail } from '../types'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\ntype MailDetailAction = {\n onMailReplyClick: () => void\n}\n\nconst MailDetailAction = () => {\n const dropdownRef = useRef<DropdownRef>(null)\n\n const { mail, toggleMessageDialog } = useMailStore()\n\n const { onFlagToggle, onMoveMailClick, onStarToggle } = useMailAction()\n\n const handleMoveMailClick = (destination: string) => {\n onMoveMailClick(mail as Mail, destination)\n dropdownRef.current?.handleDropdownClose()\n }\n\n const handleReplyClick = () => {\n toggleMessageDialog({\n mode: 'reply',\n open: true,\n })\n }\n\n return (\n <div className=\"flex items-center gap-2\">\n <Tooltip title=\"Reply\">\n <ActionButton onClick={handleReplyClick}>\n <TbArrowBackUp />\n </ActionButton>\n </Tooltip>\n <Dropdown\n ref={dropdownRef}\n placement=\"bottom-end\"\n renderTitle={\n <ActionButton>\n <TbDotsVertical />\n </ActionButton>\n }\n >\n <Dropdown.Item\n eventKey=\"star\"\n onClick={() => onStarToggle(mail as Mail)}\n >\n <span className=\"text-lg\">\n {mail.starred ? (\n <TbStarFilled className=\"text-amber-500\" />\n ) : (\n <TbStar />\n )}\n </span>\n <span>Star</span>\n </Dropdown.Item>\n <Dropdown.Item\n eventKey=\"flag\"\n onClick={() => onFlagToggle(mail as Mail)}\n >\n <TbFlag\n className={classNames(\n 'text-lg',\n mail.flagged && 'text-red-500',\n )}\n />\n <span>Flag</span>\n </Dropdown.Item>\n <Dropdown.Menu\n renderTitle={\n <>\n <span className=\"flex items-center gap-2\">\n <TbFolderSymlink className=\"text-lg\" />\n <span>Move to</span>\n </span>\n </>\n }\n placement=\"left-start\"\n >\n {labelList.map((item) => (\n <Dropdown.Item\n key={item.value}\n onClick={() => handleMoveMailClick(item.value)}\n >\n <Badge className={item.dotClass} />\n <span>{item.label}</span>\n </Dropdown.Item>\n ))}\n </Dropdown.Menu>\n </Dropdown>\n </div>\n )\n}\n\nexport default MailDetailAction\n"],"names":["MailDetailAction","dropdownRef","useRef","mail","toggleMessageDialog","useMailStore","onFlagToggle","onMoveMailClick","onStarToggle","useMailAction","handleMoveMailClick","destination","_a","jsxs","jsx","Tooltip","ActionButton","TbArrowBackUp","Dropdown","TbDotsVertical","TbStarFilled","TbStar","TbFlag","classNames","Fragment","TbFolderSymlink","labelList","item","Badge"],"mappings":";;;;;;;;;;;;;AAwBA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAcC,EAAoB,IAAI,GAEtC,EAAE,MAAAC,GAAM,qBAAAC,EAAA,IAAwBC,EAAA,GAEhC,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,cAAAC,EAAA,IAAiBC,EAAA,GAElDC,IAAsB,CAACC,MAAwB;;AACjD,IAAAJ,EAAgBJ,GAAcQ,CAAW,IACzCC,IAAAX,EAAY,YAAZ,QAAAW,EAAqB;AAAA,~~EAAoB~~;~~AAU7C~~,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,OAAM,SACX,UAAA,gBAAAD,EAACE,GAAA,EAAa,SAVD,MAAM;AAC3B,MAAAZ,EAAoB;AAAA,QAChB,MAAM;AAAA,QACN,MAAM;AAAA,MAAA,CACT;AAAA,~~IAAA~~,~~GAOW~~,UAAA,gBAAAU,EAACG,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,IACA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,KAAKjB;AAAA,QACL,WAAU;AAAA,QACV,aACI,gBAAAa,EAACE,GAAA,EACG,UAAA,gBAAAF,EAACK,KAAe,GACpB;AAAA,QAGJ,UAAA;AAAA,UAAA,gBAAAN;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMV,EAAaL,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAW,EAAC,QAAA,EAAK,WAAU,WACX,UAAAX,EAAK,UACF,gBAAAW,EAACM,GAAA,EAAa,WAAU,iBAAA,CAAiB,IAEzC,gBAAAN,EAACO,GAAA,CAAA,CAAO,GAEhB;AAAA,gBACA,gBAAAP,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAD;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMZ,EAAaH,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAW;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACG,WAAWC;AAAA,sBACP;AAAA,sBACApB,EAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,gBAAA;AAAA,gBAEJ,gBAAAW,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAA;AAAA,YAACI,EAAS;AAAA,YAAT;AAAA,cACG,aACI,gBAAAJ,EAAAU,GAAA,EACI,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,gBAAA,gBAAAC,EAACW,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,gBACrC,gBAAAX,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,cAAA,EAAA,CACjB,EAAA,CACJ;AAAA,cAEJ,WAAU;AAAA,cAET,UAAAY,EAAU,IAAI,CAACC,MACZ,gBAAAd;AAAA,gBAACK,EAAS;AAAA,gBAAT;AAAA,kBAEG,SAAS,MAAMR,EAAoBiB,EAAK,KAAK;AAAA,kBAE7C,UAAA;AAAA,oBAAA,gBAAAb,EAACc,GAAA,EAAM,WAAWD,EAAK,SAAA,CAAU;AAAA,oBACjC,gBAAAb,EAAC,QAAA,EAAM,UAAAa,EAAK,MAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAJbA,EAAK;AAAA,cAAA,CAMjB;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"MailDetailAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailAction.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Badge from '@/components/ui/Badge'\nimport ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport useMailAction from '../hooks/useMailAction'\nimport { labelList } from '../constants'\nimport classNames from '@/utils/classNames'\nimport {\n TbDotsVertical,\n TbArrowBackUp,\n TbStarFilled,\n TbFlag,\n TbFolderSymlink,\n TbStar,\n} from 'react-icons/tb'\nimport type { Mail } from '../types'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\ntype MailDetailAction = {\n onMailReplyClick: () => void\n}\n\nconst MailDetailAction = () => {\n const dropdownRef = useRef<DropdownRef>(null)\n\n const { mail, toggleMessageDialog } = useMailStore()\n\n const { onFlagToggle, onMoveMailClick, onStarToggle } = useMailAction()\n\n const handleMoveMailClick = (destination: string) => {\n onMoveMailClick(mail as Mail, destination)\n dropdownRef.current?.handleDropdownClose()\n }\n\n const handleReplyClick = () => {\n toggleMessageDialog({\n mode: 'reply',\n open: true,\n })\n }\n\n return (\n <div className=\"flex items-center gap-2\">\n <Tooltip title=\"Reply\">\n <ActionButton onClick={handleReplyClick}>\n <TbArrowBackUp />\n </ActionButton>\n </Tooltip>\n <Dropdown\n ref={dropdownRef}\n placement=\"bottom-end\"\n renderTitle={\n <ActionButton>\n <TbDotsVertical />\n </ActionButton>\n }\n >\n <Dropdown.Item\n eventKey=\"star\"\n onClick={() => onStarToggle(mail as Mail)}\n >\n <span className=\"text-lg\">\n {mail.starred ? (\n <TbStarFilled className=\"text-amber-500\" />\n ) : (\n <TbStar />\n )}\n </span>\n <span>Star</span>\n </Dropdown.Item>\n <Dropdown.Item\n eventKey=\"flag\"\n onClick={() => onFlagToggle(mail as Mail)}\n >\n <TbFlag\n className={classNames(\n 'text-lg',\n mail.flagged && 'text-red-500',\n )}\n />\n <span>Flag</span>\n </Dropdown.Item>\n <Dropdown.Menu\n renderTitle={\n <>\n <span className=\"flex items-center gap-2\">\n <TbFolderSymlink className=\"text-lg\" />\n <span>Move to</span>\n </span>\n </>\n }\n placement=\"left-start\"\n >\n {labelList.map((item) => (\n <Dropdown.Item\n key={item.value}\n onClick={() => handleMoveMailClick(item.value)}\n >\n <Badge className={item.dotClass} />\n <span>{item.label}</span>\n </Dropdown.Item>\n ))}\n </Dropdown.Menu>\n </Dropdown>\n </div>\n )\n}\n\nexport default MailDetailAction\n"],"names":["MailDetailAction","dropdownRef","useRef","mail","toggleMessageDialog","useMailStore","onFlagToggle","onMoveMailClick","onStarToggle","useMailAction","handleMoveMailClick","destination","_a","jsxs","jsx","Tooltip","ActionButton","TbArrowBackUp","Dropdown","TbDotsVertical","TbStarFilled","TbStar","TbFlag","classNames","Fragment","TbFolderSymlink","labelList","item","Badge"],"mappings":";;;;;;;;;;;;;AAwBA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAcC,EAAoB,IAAI,GAEtC,EAAE,MAAAC,GAAM,qBAAAC,EAAA,IAAwBC,EAAA,GAEhC,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,cAAAC,EAAA,IAAiBC,EAAA,GAElDC,IAAsB,CAACC,MAAwB;;AACjD,IAAAJ,EAAgBJ,GAAcQ,CAAW,IACzCC,IAAAX,EAAY,YAAZ,QAAAW,EAAqB;AAAA,EACzB;AASA,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,OAAM,SACX,UAAA,gBAAAD,EAACE,GAAA,EAAa,SAVD,MAAM;AAC3B,MAAAZ,EAAoB;AAAA,QAChB,MAAM;AAAA,QACN,MAAM;AAAA,MAAA,CACT;AAAA,IACL,GAMgB,UAAA,gBAAAU,EAACG,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,IACA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,KAAKjB;AAAA,QACL,WAAU;AAAA,QACV,aACI,gBAAAa,EAACE,GAAA,EACG,UAAA,gBAAAF,EAACK,KAAe,GACpB;AAAA,QAGJ,UAAA;AAAA,UAAA,gBAAAN;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMV,EAAaL,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAW,EAAC,QAAA,EAAK,WAAU,WACX,UAAAX,EAAK,UACF,gBAAAW,EAACM,GAAA,EAAa,WAAU,iBAAA,CAAiB,IAEzC,gBAAAN,EAACO,GAAA,CAAA,CAAO,GAEhB;AAAA,gBACA,gBAAAP,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAD;AAAA,YAACK,EAAS;AAAA,YAAT;AAAA,cACG,UAAS;AAAA,cACT,SAAS,MAAMZ,EAAaH,CAAY;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAW;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACG,WAAWC;AAAA,sBACP;AAAA,sBACApB,EAAK,WAAW;AAAA,oBAAA;AAAA,kBACpB;AAAA,gBAAA;AAAA,gBAEJ,gBAAAW,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAA;AAAA,YAACI,EAAS;AAAA,YAAT;AAAA,cACG,aACI,gBAAAJ,EAAAU,GAAA,EACI,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,gBAAA,gBAAAC,EAACW,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,gBACrC,gBAAAX,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,cAAA,EAAA,CACjB,EAAA,CACJ;AAAA,cAEJ,WAAU;AAAA,cAET,UAAAY,EAAU,IAAI,CAACC,MACZ,gBAAAd;AAAA,gBAACK,EAAS;AAAA,gBAAT;AAAA,kBAEG,SAAS,MAAMR,EAAoBiB,EAAK,KAAK;AAAA,kBAE7C,UAAA;AAAA,oBAAA,gBAAAb,EAACc,GAAA,EAAM,WAAWD,EAAK,SAAA,CAAU;AAAA,oBACjC,gBAAAb,EAAC,QAAA,EAAM,UAAAa,EAAK,MAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAJbA,EAAK;AAAA,cAAA,CAMjB;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MailDetailTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.tsx"],"sourcesContent":["import ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport { TbArrowLeft } from 'react-icons/tb'\nimport { useSearchParams } from 'react-router-dom'\n\nconst MailDetailTitle = () => {\n const { mail, setMail } = useMailStore()\n\n const [searchParams, setSearchParams] = useSearchParams()\n\n const handleBackButtonClick = () => {\n if (searchParams.has('mail')) {\n searchParams.delete('mail')\n setSearchParams(searchParams)\n }\n setMail({})\n }\n\n return (\n <div className=\"flex items-center gap-2\">\n <ActionButton onClick={handleBackButtonClick}>\n <TbArrowLeft />\n </ActionButton>\n <h4>{mail?.title}</h4>\n </div>\n )\n}\n\nexport default MailDetailTitle\n"],"names":["MailDetailTitle","mail","setMail","useMailStore","searchParams","setSearchParams","useSearchParams","jsxs","jsx","ActionButton","TbArrowLeft"],"mappings":";;;;;AAKA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAA,GAEpB,CAACC,GAAcC,CAAe,IAAIC,EAAA;AAUxC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAa,SAVQ,MAAM;AAChC,MAAIL,EAAa,IAAI,MAAM,MACvBA,EAAa,OAAO,MAAM,GAC1BC,EAAgBD,CAAY,IAEhCF,EAAQ,CAAA,CAAE;AAAA,~~IAAA~~,~~GAMF~~,UAAA,gBAAAM,EAACE,KAAY,GACjB;AAAA,IACA,gBAAAF,EAAC,MAAA,EAAI,UAAAP,KAAA,gBAAAA,EAAM,MAAA,CAAM;AAAA,EAAA,GACrB;AAER;"}
1	+ {"version":3,"file":"MailDetailTitle.js","sources":["../../../../../../../lib/@ecme/views/concepts/mail/Mail/components/MailDetailTitle.tsx"],"sourcesContent":["import ActionButton from './ActionButton'\nimport { useMailStore } from '../store/mailStore'\nimport { TbArrowLeft } from 'react-icons/tb'\nimport { useSearchParams } from 'react-router-dom'\n\nconst MailDetailTitle = () => {\n const { mail, setMail } = useMailStore()\n\n const [searchParams, setSearchParams] = useSearchParams()\n\n const handleBackButtonClick = () => {\n if (searchParams.has('mail')) {\n searchParams.delete('mail')\n setSearchParams(searchParams)\n }\n setMail({})\n }\n\n return (\n <div className=\"flex items-center gap-2\">\n <ActionButton onClick={handleBackButtonClick}>\n <TbArrowLeft />\n </ActionButton>\n <h4>{mail?.title}</h4>\n </div>\n )\n}\n\nexport default MailDetailTitle\n"],"names":["MailDetailTitle","mail","setMail","useMailStore","searchParams","setSearchParams","useSearchParams","jsxs","jsx","ActionButton","TbArrowLeft"],"mappings":";;;;;AAKA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAA,GAEpB,CAACC,GAAcC,CAAe,IAAIC,EAAA;AAUxC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAa,SAVQ,MAAM;AAChC,MAAIL,EAAa,IAAI,MAAM,MACvBA,EAAa,OAAO,MAAM,GAC1BC,EAAgBD,CAAY,IAEhCF,EAAQ,CAAA,CAAE;AAAA,IACd,GAKY,UAAA,gBAAAM,EAACE,KAAY,GACjB;AAAA,IACA,gBAAAF,EAAC,MAAA,EAAI,UAAAP,KAAA,gBAAAA,EAAM,MAAA,CAAM;AAAA,EAAA,GACrB;AAER;"}