@orbe-agro/client-core 5.6.0 → 5.6.6

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

@@ -1 +1 @@
-{"version":3,"file":"FileManagerInviteDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerInviteDialog.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Button from '@/components/ui/Button'\r\nimport Input from '@/components/ui/Input'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport { useFileManagerStore } from '../store/useFileManagerStore'\r\nimport sleep from '@/utils/sleep'\r\nimport classNames from '@/utils/classNames'\r\nimport { TbLink } from 'react-icons/tb'\r\n\r\nconst FileManagerInviteDialog = () => {\r\n    const { inviteDialog, setInviteDialog } = useFileManagerStore()\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n    const [inviting, setInviting] = useState(false)\r\n\r\n    const handleDialogClose = () => {\r\n        setInviteDialog({ id: '', open: false })\r\n    }\r\n\r\n    const handleInvite = async () => {\r\n        setInviting(true)\r\n        await sleep(500)\r\n        toast.push(\r\n            <Notification\r\n                type=\"success\"\r\n                title=\"Invitation send!\"\r\n            ></Notification>,\r\n            { placement: 'top-end' },\r\n        )\r\n        setInviting(false)\r\n    }\r\n\r\n    const handleCopy = async () => {\r\n        toast.push(\r\n            <Notification type=\"success\" title=\"Copied!\"></Notification>,\r\n            { placement: 'top-end' },\r\n        )\r\n        navigator.clipboard.writeText(window.location.href)\r\n    }\r\n\r\n    return (\r\n        <Dialog\r\n            isOpen={inviteDialog.open}\r\n            contentClassName=\"mt-[50%]\"\r\n            onClose={handleDialogClose}\r\n            onRequestClose={handleDialogClose}\r\n        >\r\n            <h4>Share this file</h4>\r\n            <div className=\"mt-6\">\r\n                <Input\r\n                    ref={inputRef}\r\n                    placeholder=\"Email\"\r\n                    type=\"email\"\r\n                    suffix={\r\n                        <Button\r\n                            type=\"button\"\r\n                            variant=\"solid\"\r\n                            size=\"sm\"\r\n                            customColorClass={({ unclickable }) =>\r\n                                classNames(\r\n                                    'bg-gray-900 dark:bg-gray-100 dark:hover:bg-gray-200',\r\n                                    !unclickable\r\n                                        ? 'hover:bg-gray-800'\r\n                                        : 'hover:bg-gray-900',\r\n                                )\r\n                            }\r\n                            loading={inviting}\r\n                            onClick={handleInvite}\r\n                        >\r\n                            Invite\r\n                        </Button>\r\n                    }\r\n                />\r\n            </div>\r\n            <div className=\"mt-6 flex justify-between items-center\">\r\n                <Button\r\n                    variant=\"plain\"\r\n                    size=\"sm\"\r\n                    icon={<TbLink />}\r\n                    onClick={handleCopy}\r\n                >\r\n                    Copy link\r\n                </Button>\r\n                <Button variant=\"solid\" size=\"sm\" onClick={handleDialogClose}>\r\n                    Done\r\n                </Button>\r\n            </div>\r\n        </Dialog>\r\n    )\r\n}\r\n\r\nexport default FileManagerInviteDialog\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA,MAAM,0BAA0B,MAAM;AAClC,QAAM,EAAE,cAAc,gBAAA,IAAoB,oBAAA;AAE1C,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,oBAAoB,MAAM;AAC5B,oBAAgB,EAAE,IAAI,IAAI,MAAM,OAAO;AAAA,EAC3C;AAEA,QAAM,eAAe,YAAY;AAC7B,gBAAY,IAAI;AAChB,UAAM,MAAM,GAAG;AACf,UAAM;AAAA,MACF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAEV,EAAE,WAAW,UAAA;AAAA,IAAU;AAE3B,gBAAY,KAAK;AAAA,EACrB;AAEA,QAAM,aAAa,YAAY;AAC3B,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,MAAK,WAAU,OAAM,WAAU;AAAA,MAC7C,EAAE,WAAW,UAAA;AAAA,IAAU;AAE3B,cAAU,UAAU,UAAU,OAAO,SAAS,IAAI;AAAA,EACtD;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB,kBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,QACnB,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,aAAY;AAAA,YACZ,MAAK;AAAA,YACL,QACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,kBAAkB,CAAC,EAAE,YAAA,MACjB;AAAA,kBACI;AAAA,kBACA,CAAC,cACK,sBACA;AAAA,gBAAA;AAAA,gBAGd,SAAS;AAAA,gBACT,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED;AAAA,QAAA,GAGZ;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,0BAAO,QAAA,EAAO;AAAA,cACd,SAAS;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD,oBAAC,UAAO,SAAQ,SAAQ,MAAK,MAAK,SAAS,mBAAmB,UAAA,OAAA,CAE9D;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"FileManagerInviteDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerInviteDialog.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\nimport sleep from '@/utils/sleep'\nimport classNames from '@/utils/classNames'\nimport { TbLink } from 'react-icons/tb'\n\nconst FileManagerInviteDialog = () => {\n    const { inviteDialog, setInviteDialog } = useFileManagerStore()\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [inviting, setInviting] = useState(false)\n\n    const handleDialogClose = () => {\n        setInviteDialog({ id: '', open: false })\n    }\n\n    const handleInvite = async () => {\n        setInviting(true)\n        await sleep(500)\n        toast.push(\n            <Notification\n                type=\"success\"\n                title=\"Invitation send!\"\n            ></Notification>,\n            { placement: 'top-end' },\n        )\n        setInviting(false)\n    }\n\n    const handleCopy = async () => {\n        toast.push(\n            <Notification type=\"success\" title=\"Copied!\"></Notification>,\n            { placement: 'top-end' },\n        )\n        navigator.clipboard.writeText(window.location.href)\n    }\n\n    return (\n        <Dialog\n            isOpen={inviteDialog.open}\n            contentClassName=\"mt-[50%]\"\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <h4>Share this file</h4>\n            <div className=\"mt-6\">\n                <Input\n                    ref={inputRef}\n                    placeholder=\"Email\"\n                    type=\"email\"\n                    suffix={\n                        <Button\n                            type=\"button\"\n                            variant=\"solid\"\n                            size=\"sm\"\n                            customColorClass={({ unclickable }) =>\n                                classNames(\n                                    'bg-gray-900 dark:bg-gray-100 dark:hover:bg-gray-200',\n                                    !unclickable\n                                        ? 'hover:bg-gray-800'\n                                        : 'hover:bg-gray-900',\n                                )\n                            }\n                            loading={inviting}\n                            onClick={handleInvite}\n                        >\n                            Invite\n                        </Button>\n                    }\n                />\n            </div>\n            <div className=\"mt-6 flex justify-between items-center\">\n                <Button\n                    variant=\"plain\"\n                    size=\"sm\"\n                    icon={<TbLink />}\n                    onClick={handleCopy}\n                >\n                    Copy link\n                </Button>\n                <Button variant=\"solid\" size=\"sm\" onClick={handleDialogClose}>\n                    Done\n                </Button>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default FileManagerInviteDialog\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA,MAAM,0BAA0B,MAAM;AAClC,QAAM,EAAE,cAAc,gBAAA,IAAoB,oBAAA;AAE1C,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,oBAAoB,MAAM;AAC5B,oBAAgB,EAAE,IAAI,IAAI,MAAM,OAAO;AAAA,EAC3C;AAEA,QAAM,eAAe,YAAY;AAC7B,gBAAY,IAAI;AAChB,UAAM,MAAM,GAAG;AACf,UAAM;AAAA,MACF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAEV,EAAE,WAAW,UAAA;AAAA,IAAU;AAE3B,gBAAY,KAAK;AAAA,EACrB;AAEA,QAAM,aAAa,YAAY;AAC3B,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,MAAK,WAAU,OAAM,WAAU;AAAA,MAC7C,EAAE,WAAW,UAAA;AAAA,IAAU;AAE3B,cAAU,UAAU,UAAU,OAAO,SAAS,IAAI;AAAA,EACtD;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB,kBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,QACnB,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,aAAY;AAAA,YACZ,MAAK;AAAA,YACL,QACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,kBAAkB,CAAC,EAAE,YAAA,MACjB;AAAA,kBACI;AAAA,kBACA,CAAC,cACK,sBACA;AAAA,gBAAA;AAAA,gBAGd,SAAS;AAAA,gBACT,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED;AAAA,QAAA,GAGZ;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,0BAAO,QAAA,EAAO;AAAA,cACd,SAAS;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD,oBAAC,UAAO,SAAQ,SAAQ,MAAK,MAAK,SAAS,mBAAmB,UAAA,OAAA,CAE9D;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileManagerRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerRenameDialog.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Button from '@/components/ui/Button'\r\nimport DebounceInput from '@/components/shared/DebounceInput'\r\nimport { useFileManagerStore } from '../store/useFileManagerStore'\r\n\r\nconst FileManagerRenameDialog = () => {\r\n    const { renameDialog, setRenameDialog, renameFile } = useFileManagerStore()\r\n\r\n    const [newName, setNewName] = useState('')\r\n\r\n    const handleDialogClose = () => {\r\n        setRenameDialog({ id: '', open: false })\r\n    }\r\n\r\n    const handleSubmit = () => {\r\n        renameFile({ id: renameDialog.id, fileName: newName })\r\n        setRenameDialog({ id: '', open: false })\r\n    }\r\n\r\n    return (\r\n        <Dialog\r\n            isOpen={renameDialog.open}\r\n            contentClassName=\"mt-[50%]\"\r\n            onClose={handleDialogClose}\r\n            onRequestClose={handleDialogClose}\r\n        >\r\n            <h4>Rename</h4>\r\n            <div className=\"mt-6\">\r\n                <DebounceInput\r\n                    placeholder=\"New name\"\r\n                    type=\"text\"\r\n                    onChange={(e) => setNewName(e.target.value)}\r\n                />\r\n            </div>\r\n            <div className=\"mt-6 flex justify-end items-center gap-2\">\r\n                <Button size=\"sm\" onClick={handleDialogClose}>\r\n                    Close\r\n                </Button>\r\n                <Button\r\n                    variant=\"solid\"\r\n                    size=\"sm\"\r\n                    disabled={newName.length === 0}\r\n                    onClick={handleSubmit}\r\n                >\r\n                    <span className=\"flex justify-center min-w-10\">Ok</span>\r\n                </Button>\r\n            </div>\r\n        </Dialog>\r\n    )\r\n}\r\n\r\nexport default FileManagerRenameDialog\r\n"],"names":[],"mappings":";;;;;;;;AAMA,MAAM,0BAA0B,MAAM;AAClC,QAAM,EAAE,cAAc,iBAAiB,WAAA,IAAe,oBAAA;AAEtD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,EAAE;AAEzC,QAAM,oBAAoB,MAAM;AAC5B,oBAAgB,EAAE,IAAI,IAAI,MAAM,OAAO;AAAA,EAC3C;AAEA,QAAM,eAAe,MAAM;AACvB,eAAW,EAAE,IAAI,aAAa,IAAI,UAAU,SAAS;AACrD,oBAAgB,EAAE,IAAI,IAAI,MAAM,OAAO;AAAA,EAC3C;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB,kBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAA,SAAA,CAAM;AAAA,QACV,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,aAAY;AAAA,YACZ,MAAK;AAAA,YACL,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA,GAElD;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,MAAK,MAAK,SAAS,mBAAmB,UAAA,SAE9C;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,UAAU,QAAQ,WAAW;AAAA,cAC7B,SAAS;AAAA,cAET,UAAA,oBAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,KAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QACrD,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"FileManagerRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerRenameDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport Button from '@/components/ui/Button'\nimport DebounceInput from '@/components/shared/DebounceInput'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\n\nconst FileManagerRenameDialog = () => {\n    const { renameDialog, setRenameDialog, renameFile } = useFileManagerStore()\n\n    const [newName, setNewName] = useState('')\n\n    const handleDialogClose = () => {\n        setRenameDialog({ id: '', open: false })\n    }\n\n    const handleSubmit = () => {\n        renameFile({ id: renameDialog.id, fileName: newName })\n        setRenameDialog({ id: '', open: false })\n    }\n\n    return (\n        <Dialog\n            isOpen={renameDialog.open}\n            contentClassName=\"mt-[50%]\"\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <h4>Rename</h4>\n            <div className=\"mt-6\">\n                <DebounceInput\n                    placeholder=\"New name\"\n                    type=\"text\"\n                    onChange={(e) => setNewName(e.target.value)}\n                />\n            </div>\n            <div className=\"mt-6 flex justify-end items-center gap-2\">\n                <Button size=\"sm\" onClick={handleDialogClose}>\n                    Close\n                </Button>\n                <Button\n                    variant=\"solid\"\n                    size=\"sm\"\n                    disabled={newName.length === 0}\n                    onClick={handleSubmit}\n                >\n                    <span className=\"flex justify-center min-w-10\">Ok</span>\n                </Button>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default FileManagerRenameDialog\n"],"names":[],"mappings":";;;;;;;;AAMA,MAAM,0BAA0B,MAAM;AAClC,QAAM,EAAE,cAAc,iBAAiB,WAAA,IAAe,oBAAA;AAEtD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,EAAE;AAEzC,QAAM,oBAAoB,MAAM;AAC5B,oBAAgB,EAAE,IAAI,IAAI,MAAM,OAAO;AAAA,EAC3C;AAEA,QAAM,eAAe,MAAM;AACvB,eAAW,EAAE,IAAI,aAAa,IAAI,UAAU,SAAS;AACrD,oBAAgB,EAAE,IAAI,IAAI,MAAM,OAAO;AAAA,EAC3C;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB,kBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAA,SAAA,CAAM;AAAA,QACV,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,aAAY;AAAA,YACZ,MAAK;AAAA,YACL,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA,GAElD;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,MAAK,MAAK,SAAS,mBAAmB,UAAA,SAE9C;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,UAAU,QAAQ,WAAW;AAAA,cAC7B,SAAS;AAAA,cAET,UAAA,oBAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,KAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QACrD,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileRow.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileRow.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\r\nimport FileType from './FileType'\r\nimport FileItemDropdown from './FileItemDropdown'\r\nimport fileSizeUnit from '@/utils/fileSizeUnit'\r\nimport FileIcon from '@/components/view/FileIcon'\r\nimport type { BaseFileItemProps } from '../types'\r\n\r\ntype FileRowProps = BaseFileItemProps\r\n\r\nconst { Tr, Td } = Table\r\n\r\nconst FileRow = (props: FileRowProps) => {\r\n    const { fileType, size, name, onClick, ...rest } = props\r\n\r\n    return (\r\n        <Tr>\r\n            <Td width=\"70%\">\r\n                <div\r\n                    className=\"inline-flex items-center gap-2 cursor-pointer group\"\r\n                    role=\"button\"\r\n                    onClick={onClick}\r\n                >\r\n                    <div className=\"text-3xl\">\r\n                        <FileIcon type={fileType || ''} />\r\n                    </div>\r\n                    <div className=\"font-bold heading-text group-hover:text-primary\">\r\n                        {name}\r\n                    </div>\r\n                </div>\r\n            </Td>\r\n            <Td>{fileSizeUnit(size || 0)}</Td>\r\n            <Td>\r\n                <FileType type={fileType || ''} />\r\n            </Td>\r\n            <Td>\r\n                <div className=\"flex justify-end\">\r\n                    <FileItemDropdown {...rest} />\r\n                </div>\r\n            </Td>\r\n        </Tr>\r\n    )\r\n}\r\n\r\nexport default FileRow\r\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,EAAE,IAAI,GAAA,IAAO;AAEnB,MAAM,UAAU,CAAC,UAAwB;AACrC,QAAM,EAAE,UAAU,MAAM,MAAM,SAAS,GAAG,SAAS;AAEnD,8BACK,IAAA,EACG,UAAA;AAAA,IAAA,oBAAC,IAAA,EAAG,OAAM,OACN,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL;AAAA,QAEA,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,YACX,UAAA,oBAAC,YAAS,MAAM,YAAY,IAAI,EAAA,CACpC;AAAA,UACA,oBAAC,OAAA,EAAI,WAAU,mDACV,UAAA,KAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IACA,oBAAC,IAAA,EAAI,UAAA,aAAa,QAAQ,CAAC,GAAE;AAAA,wBAC5B,IAAA,EACG,UAAA,oBAAC,YAAS,MAAM,YAAY,IAAI,GACpC;AAAA,IACA,oBAAC,IAAA,EACG,UAAA,oBAAC,OAAA,EAAI,WAAU,oBACX,UAAA,oBAAC,kBAAA,EAAkB,GAAG,KAAA,CAAM,EAAA,CAChC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"FileRow.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileRow.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\nimport FileType from './FileType'\nimport FileItemDropdown from './FileItemDropdown'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport FileIcon from '@/components/view/FileIcon'\nimport type { BaseFileItemProps } from '../types'\n\ntype FileRowProps = BaseFileItemProps\n\nconst { Tr, Td } = Table\n\nconst FileRow = (props: FileRowProps) => {\n    const { fileType, size, name, onClick, ...rest } = props\n\n    return (\n        <Tr>\n            <Td width=\"70%\">\n                <div\n                    className=\"inline-flex items-center gap-2 cursor-pointer group\"\n                    role=\"button\"\n                    onClick={onClick}\n                >\n                    <div className=\"text-3xl\">\n                        <FileIcon type={fileType || ''} />\n                    </div>\n                    <div className=\"font-bold heading-text group-hover:text-primary\">\n                        {name}\n                    </div>\n                </div>\n            </Td>\n            <Td>{fileSizeUnit(size || 0)}</Td>\n            <Td>\n                <FileType type={fileType || ''} />\n            </Td>\n            <Td>\n                <div className=\"flex justify-end\">\n                    <FileItemDropdown {...rest} />\n                </div>\n            </Td>\n        </Tr>\n    )\n}\n\nexport default FileRow\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,EAAE,IAAI,GAAA,IAAO;AAEnB,MAAM,UAAU,CAAC,UAAwB;AACrC,QAAM,EAAE,UAAU,MAAM,MAAM,SAAS,GAAG,SAAS;AAEnD,8BACK,IAAA,EACG,UAAA;AAAA,IAAA,oBAAC,IAAA,EAAG,OAAM,OACN,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL;AAAA,QAEA,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,YACX,UAAA,oBAAC,YAAS,MAAM,YAAY,IAAI,EAAA,CACpC;AAAA,UACA,oBAAC,OAAA,EAAI,WAAU,mDACV,UAAA,KAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IACA,oBAAC,IAAA,EAAI,UAAA,aAAa,QAAQ,CAAC,GAAE;AAAA,wBAC5B,IAAA,EACG,UAAA,oBAAC,YAAS,MAAM,YAAY,IAAI,GACpC;AAAA,IACA,oBAAC,IAAA,EACG,UAAA,oBAAC,OAAA,EAAI,WAAU,oBACX,UAAA,oBAAC,kBAAA,EAAkB,GAAG,KAAA,CAAM,EAAA,CAChC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileSegment.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileSegment.tsx"],"sourcesContent":["import FileItemDropdown from \"./FileItemDropdown\";\r\nimport fileSizeUnit from \"@/utils/fileSizeUnit\";\r\nimport MediaSkeleton from \"@/components/shared/loaders/MediaSkeleton\";\r\nimport FileIcon from \"@/components/view/FileIcon\";\r\nimport type { BaseFileItemProps } from \"../types\";\r\n\r\ntype FileSegmentProps = BaseFileItemProps;\r\n\r\nconst FileSegment = (props: FileSegmentProps) => {\r\n  const { fileType, size, name, onClick, loading, onShowSize, ...rest } = props;\r\n\r\n  return (\r\n    <div\r\n      className=\"bg-white rounded-2xl dark:bg-gray-800 border border-gray-200 dark:border-transparent py-4 px-3.5 flex items-center justify-between gap-2 transition-all hover:shadow-[0_0_1rem_0.25rem_rgba(0,0,0,0.04),0px_2rem_1.5rem_-1rem_rgba(0,0,0,0.12)] cursor-pointer\"\r\n      role=\"button\"\r\n      onClick={onClick}\r\n    >\r\n      {loading ? (\r\n        <MediaSkeleton\r\n          avatarProps={{\r\n            width: 33,\r\n            height: 33,\r\n          }}\r\n        />\r\n      ) : (\r\n        <>\r\n          <div className=\"flex items-center gap-2\">\r\n            <div className=\"text-3xl\">\r\n              <FileIcon type={fileType || \"\"} />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-bold heading-text\">{name}</div>\r\n              <span className=\"text-xs\">\r\n                {onShowSize && fileSizeUnit(size || 0)}\r\n              </span>\r\n            </div>\r\n          </div>\r\n          <FileItemDropdown {...rest} />\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default FileSegment;\r\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,cAAc,CAAC,UAA4B;AAC/C,QAAM,EAAE,UAAU,MAAM,MAAM,SAAS,SAAS,YAAY,GAAG,KAAA,IAAS;AAExE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL;AAAA,MAEC,UAAA,UACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa;AAAA,YACX,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAAA,IAGF,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,YACb,UAAA,oBAAC,YAAS,MAAM,YAAY,IAAI,EAAA,CAClC;AAAA,+BACC,OAAA,EACC,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,0BAA0B,UAAA,MAAK;AAAA,YAC9C,oBAAC,UAAK,WAAU,WACb,wBAAc,aAAa,QAAQ,CAAC,EAAA,CACvC;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,kBAAA,EAAkB,GAAG,KAAA,CAAM;AAAA,MAAA,EAAA,CAC9B;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"FileSegment.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileSegment.tsx"],"sourcesContent":["import FileItemDropdown from \"./FileItemDropdown\";\nimport fileSizeUnit from \"@/utils/fileSizeUnit\";\nimport MediaSkeleton from \"@/components/shared/loaders/MediaSkeleton\";\nimport FileIcon from \"@/components/view/FileIcon\";\nimport type { BaseFileItemProps } from \"../types\";\n\ntype FileSegmentProps = BaseFileItemProps;\n\nconst FileSegment = (props: FileSegmentProps) => {\n  const { fileType, size, name, onClick, loading, onShowSize, ...rest } = props;\n\n  return (\n    <div\n      className=\"bg-white rounded-2xl dark:bg-gray-800 border border-gray-200 dark:border-transparent py-4 px-3.5 flex items-center justify-between gap-2 transition-all hover:shadow-[0_0_1rem_0.25rem_rgba(0,0,0,0.04),0px_2rem_1.5rem_-1rem_rgba(0,0,0,0.12)] cursor-pointer\"\n      role=\"button\"\n      onClick={onClick}\n    >\n      {loading ? (\n        <MediaSkeleton\n          avatarProps={{\n            width: 33,\n            height: 33,\n          }}\n        />\n      ) : (\n        <>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"text-3xl\">\n              <FileIcon type={fileType || \"\"} />\n            </div>\n            <div>\n              <div className=\"font-bold heading-text\">{name}</div>\n              <span className=\"text-xs\">\n                {onShowSize && fileSizeUnit(size || 0)}\n              </span>\n            </div>\n          </div>\n          <FileItemDropdown {...rest} />\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default FileSegment;\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,cAAc,CAAC,UAA4B;AAC/C,QAAM,EAAE,UAAU,MAAM,MAAM,SAAS,SAAS,YAAY,GAAG,KAAA,IAAS;AAExE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL;AAAA,MAEC,UAAA,UACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa;AAAA,YACX,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAAA,IAGF,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,YACb,UAAA,oBAAC,YAAS,MAAM,YAAY,IAAI,EAAA,CAClC;AAAA,+BACC,OAAA,EACC,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,0BAA0B,UAAA,MAAK;AAAA,YAC9C,oBAAC,UAAK,WAAU,WACb,wBAAc,aAAa,QAAQ,CAAC,EAAA,CACvC;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,kBAAA,EAAkB,GAAG,KAAA,CAAM;AAAA,MAAA,EAAA,CAC9B;AAAA,IAAA;AAAA,EAAA;AAIR;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileType.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileType.tsx"],"sourcesContent":["const getFileType = (type: string) => {\r\n    switch (type) {\r\n        case 'pdf':\r\n            return 'PDF'\r\n        case 'xls':\r\n            return 'XLS'\r\n        case 'doc':\r\n            return 'DOC'\r\n        case 'ppt':\r\n            return 'PPT'\r\n        case 'figma':\r\n            return 'Figma'\r\n        case 'image/jpeg':\r\n            return 'JPEG'\r\n        case 'directory':\r\n            return 'Folder'\r\n        default:\r\n            return <></>\r\n    }\r\n}\r\n\r\nconst FileType = ({ type }: { type: string }) => {\r\n    return <>{getFileType(type)}</>\r\n}\r\n\r\nexport default FileType\r\n"],"names":[],"mappings":";AAAA,MAAM,cAAc,CAAC,SAAiB;AAClC,UAAQ,MAAA;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX;AACI,aAAO,oBAAA,UAAA,EAAE;AAAA,EAAA;AAErB;AAEA,MAAM,WAAW,CAAC,EAAE,WAA6B;AAC7C,SAAO,oBAAA,UAAA,EAAG,UAAA,YAAY,IAAI,GAAE;AAChC;"}
+{"version":3,"file":"FileType.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileType.tsx"],"sourcesContent":["const getFileType = (type: string) => {\n    switch (type) {\n        case 'pdf':\n            return 'PDF'\n        case 'xls':\n            return 'XLS'\n        case 'doc':\n            return 'DOC'\n        case 'ppt':\n            return 'PPT'\n        case 'figma':\n            return 'Figma'\n        case 'image/jpeg':\n            return 'JPEG'\n        case 'directory':\n            return 'Folder'\n        default:\n            return <></>\n    }\n}\n\nconst FileType = ({ type }: { type: string }) => {\n    return <>{getFileType(type)}</>\n}\n\nexport default FileType\n"],"names":[],"mappings":";AAAA,MAAM,cAAc,CAAC,SAAiB;AAClC,UAAQ,MAAA;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX;AACI,aAAO,oBAAA,UAAA,EAAE;AAAA,EAAA;AAErB;AAEA,MAAM,WAAW,CAAC,EAAE,WAA6B;AAC7C,SAAO,oBAAA,UAAA,EAAG,UAAA,YAAY,IAAI,GAAE;AAChC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"UploadFile.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/UploadFile.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Upload from '@/components/ui/Upload'\r\nimport toast from '@/components/ui/toast'\r\nimport Notification from '@/components/ui/Notification'\r\nimport UploadMedia from '@/assets/svg/UploadMedia'\r\nimport sleep from '@/utils/sleep'\r\n\r\nconst UploadFile = () => {\r\n    const [uploadDialogOpen, setUploadDialogOpen] = useState(false)\r\n    const [isUploading, setIsUploading] = useState(false)\r\n    const [uploadedFiles, setUploadedFiles] = useState<File[]>([])\r\n\r\n    const handleUploadDialogClose = () => {\r\n        setUploadDialogOpen(false)\r\n    }\r\n\r\n    const handleUpload = async () => {\r\n        setIsUploading(true)\r\n        await sleep(500)\r\n        handleUploadDialogClose()\r\n        setIsUploading(false)\r\n        toast.push(\r\n            <Notification title={'Successfully uploaded'} type=\"success\" />,\r\n            { placement: 'top-center' },\r\n        )\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Button variant=\"solid\" onClick={() => setUploadDialogOpen(true)}>\r\n                Upload\r\n            </Button>\r\n            <Dialog\r\n                isOpen={uploadDialogOpen}\r\n                onClose={handleUploadDialogClose}\r\n                onRequestClose={handleUploadDialogClose}\r\n            >\r\n                <h4>Upload Files</h4>\r\n                <Upload\r\n                    draggable\r\n                    className=\"mt-6 bg-gray-100\"\r\n                    onChange={setUploadedFiles}\r\n                    onFileRemove={setUploadedFiles}\r\n                >\r\n                    <div className=\"my-4 text-center\">\r\n                        <div className=\"text-6xl mb-4 flex justify-center\">\r\n                            <UploadMedia height={150} width={200} />\r\n                        </div>\r\n                        <p className=\"font-semibold\">\r\n                            <span className=\"text-gray-800 dark:text-white\">\r\n                                Drop your files here, or{' '}\r\n                            </span>\r\n                            <span className=\"text-blue-500\">browse</span>\r\n                        </p>\r\n                        <p className=\"mt-1 font-semibold opacity-60 dark:text-white\">\r\n                            through your machine\r\n                        </p>\r\n                    </div>\r\n                </Upload>\r\n                <div className=\"mt-4\">\r\n                    <Button\r\n                        block\r\n                        loading={isUploading}\r\n                        variant=\"solid\"\r\n                        disabled={uploadedFiles.length === 0}\r\n                        onClick={handleUpload}\r\n                    >\r\n                        Upload\r\n                    </Button>\r\n                </div>\r\n            </Dialog>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default UploadFile\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;AASA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAiB,CAAA,CAAE;AAE7D,QAAM,0BAA0B,MAAM;AAClC,wBAAoB,KAAK;AAAA,EAC7B;AAEA,QAAM,eAAe,YAAY;AAC7B,mBAAe,IAAI;AACnB,UAAM,MAAM,GAAG;AACf,4BAAA;AACA,mBAAe,KAAK;AACpB,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,OAAO,yBAAyB,MAAK,WAAU;AAAA,MAC7D,EAAE,WAAW,aAAA;AAAA,IAAa;AAAA,EAElC;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,SAAQ,SAAQ,SAAS,MAAM,oBAAoB,IAAI,GAAG,UAAA,SAAA,CAElE;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,gBAAgB;AAAA,QAEhB,UAAA;AAAA,UAAA,oBAAC,QAAG,UAAA,eAAA,CAAY;AAAA,UAChB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAS;AAAA,cACT,WAAU;AAAA,cACV,UAAU;AAAA,cACV,cAAc;AAAA,cAEd,UAAA,qBAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAI,WAAU,qCACX,UAAA,oBAAC,eAAY,QAAQ,KAAK,OAAO,IAAA,CAAK,EAAA,CAC1C;AAAA,gBACA,qBAAC,KAAA,EAAE,WAAU,iBACT,UAAA;AAAA,kBAAA,qBAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,oBAAA;AAAA,oBACnB;AAAA,kBAAA,GAC7B;AAAA,kBACA,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,SAAA,CAAM;AAAA,gBAAA,GAC1C;AAAA,gBACA,oBAAC,KAAA,EAAE,WAAU,iDAAgD,UAAA,uBAAA,CAE7D;AAAA,cAAA,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJ,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAK;AAAA,cACL,SAAS;AAAA,cACT,SAAQ;AAAA,cACR,UAAU,cAAc,WAAW;AAAA,cACnC,SAAS;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAED,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"UploadFile.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/UploadFile.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Upload from '@/components/ui/Upload'\nimport toast from '@/components/ui/toast'\nimport Notification from '@/components/ui/Notification'\nimport UploadMedia from '@/assets/svg/UploadMedia'\nimport sleep from '@/utils/sleep'\n\nconst UploadFile = () => {\n    const [uploadDialogOpen, setUploadDialogOpen] = useState(false)\n    const [isUploading, setIsUploading] = useState(false)\n    const [uploadedFiles, setUploadedFiles] = useState<File[]>([])\n\n    const handleUploadDialogClose = () => {\n        setUploadDialogOpen(false)\n    }\n\n    const handleUpload = async () => {\n        setIsUploading(true)\n        await sleep(500)\n        handleUploadDialogClose()\n        setIsUploading(false)\n        toast.push(\n            <Notification title={'Successfully uploaded'} type=\"success\" />,\n            { placement: 'top-center' },\n        )\n    }\n\n    return (\n        <>\n            <Button variant=\"solid\" onClick={() => setUploadDialogOpen(true)}>\n                Upload\n            </Button>\n            <Dialog\n                isOpen={uploadDialogOpen}\n                onClose={handleUploadDialogClose}\n                onRequestClose={handleUploadDialogClose}\n            >\n                <h4>Upload Files</h4>\n                <Upload\n                    draggable\n                    className=\"mt-6 bg-gray-100\"\n                    onChange={setUploadedFiles}\n                    onFileRemove={setUploadedFiles}\n                >\n                    <div className=\"my-4 text-center\">\n                        <div className=\"text-6xl mb-4 flex justify-center\">\n                            <UploadMedia height={150} width={200} />\n                        </div>\n                        <p className=\"font-semibold\">\n                            <span className=\"text-gray-800 dark:text-white\">\n                                Drop your files here, or{' '}\n                            </span>\n                            <span className=\"text-blue-500\">browse</span>\n                        </p>\n                        <p className=\"mt-1 font-semibold opacity-60 dark:text-white\">\n                            through your machine\n                        </p>\n                    </div>\n                </Upload>\n                <div className=\"mt-4\">\n                    <Button\n                        block\n                        loading={isUploading}\n                        variant=\"solid\"\n                        disabled={uploadedFiles.length === 0}\n                        onClick={handleUpload}\n                    >\n                        Upload\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default UploadFile\n"],"names":[],"mappings":";;;;;;;;;;;;;;AASA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAiB,CAAA,CAAE;AAE7D,QAAM,0BAA0B,MAAM;AAClC,wBAAoB,KAAK;AAAA,EAC7B;AAEA,QAAM,eAAe,YAAY;AAC7B,mBAAe,IAAI;AACnB,UAAM,MAAM,GAAG;AACf,4BAAA;AACA,mBAAe,KAAK;AACpB,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,OAAO,yBAAyB,MAAK,WAAU;AAAA,MAC7D,EAAE,WAAW,aAAA;AAAA,IAAa;AAAA,EAElC;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,SAAQ,SAAQ,SAAS,MAAM,oBAAoB,IAAI,GAAG,UAAA,SAAA,CAElE;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,gBAAgB;AAAA,QAEhB,UAAA;AAAA,UAAA,oBAAC,QAAG,UAAA,eAAA,CAAY;AAAA,UAChB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAS;AAAA,cACT,WAAU;AAAA,cACV,UAAU;AAAA,cACV,cAAc;AAAA,cAEd,UAAA,qBAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAI,WAAU,qCACX,UAAA,oBAAC,eAAY,QAAQ,KAAK,OAAO,IAAA,CAAK,EAAA,CAC1C;AAAA,gBACA,qBAAC,KAAA,EAAE,WAAU,iBACT,UAAA;AAAA,kBAAA,qBAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,oBAAA;AAAA,oBACnB;AAAA,kBAAA,GAC7B;AAAA,kBACA,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,SAAA,CAAM;AAAA,gBAAA,GAC1C;AAAA,gBACA,oBAAC,KAAA,EAAE,WAAU,iDAAgD,UAAA,uBAAA,CAE7D;AAAA,cAAA,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJ,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAK;AAAA,cACL,SAAS;AAAA,cACT,SAAQ;AAAA,cACR,UAAU,cAAc,WAAW;AAAA,cACnC,SAAS;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

@@ -1 +1 @@
-{"version":3,"file":"useFileManagerStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/store/useFileManagerStore.tsx"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { Files, Directories, Layout } from '../types'\r\n\r\ntype DialogProps = { id: string; open: boolean }\r\n\r\nexport type FileManagerState = {\r\n    fileList: Files\r\n    layout: Layout\r\n    selectedFile: string\r\n    openedDirectoryId: string\r\n    directories: Directories\r\n    deleteDialog: DialogProps\r\n    inviteDialog: DialogProps\r\n    renameDialog: DialogProps\r\n}\r\n\r\ntype FileManagerAction = {\r\n    setFileList: (payload: Files) => void\r\n    setLayout: (payload: Layout) => void\r\n    setOpenedDirectoryId: (payload: string) => void\r\n    setDirectories: (payload: Directories) => void\r\n    setSelectedFile: (payload: string) => void\r\n    setDeleteDialog: (paload: DialogProps) => void\r\n    setInviteDialog: (paload: DialogProps) => void\r\n    setRenameDialog: (paload: DialogProps) => void\r\n    deleteFile: (payload: string) => void\r\n    renameFile: (payload: { id: string; fileName: string }) => void\r\n}\r\n\r\nconst initialState: FileManagerState = {\r\n    fileList: [],\r\n    layout: 'grid',\r\n    selectedFile: '',\r\n    openedDirectoryId: '',\r\n    directories: [],\r\n    deleteDialog: { open: false, id: '' },\r\n    inviteDialog: { open: false, id: '' },\r\n    renameDialog: { open: false, id: '' },\r\n}\r\n\r\nexport const useFileManagerStore = create<FileManagerState & FileManagerAction>(\r\n    (set, get) => ({\r\n        ...initialState,\r\n        setFileList: (payload) => set(() => ({ fileList: payload })),\r\n        setLayout: (payload: Layout) => set(() => ({ layout: payload })),\r\n        setOpenedDirectoryId: (payload) =>\r\n            set(() => ({ openedDirectoryId: payload })),\r\n        setSelectedFile: (payload) => set(() => ({ selectedFile: payload })),\r\n        setDirectories: (payload) => set(() => ({ directories: payload })),\r\n        setDeleteDialog: (payload) => set(() => ({ deleteDialog: payload })),\r\n        setInviteDialog: (payload) => set(() => ({ inviteDialog: payload })),\r\n        setRenameDialog: (payload) => set(() => ({ renameDialog: payload })),\r\n        deleteFile: (payload) =>\r\n            set(() => ({\r\n                fileList: get().fileList.filter((file) => file.id !== payload),\r\n            })),\r\n        renameFile: (payload) =>\r\n            set(() => ({\r\n                fileList: get().fileList.map((file) => {\r\n                    if (file.id === payload.id) {\r\n                        const fileAbbreviationArr = file.name.split('.')\r\n                        const fileAbbreviation =\r\n                            fileAbbreviationArr[fileAbbreviationArr.length - 1]\r\n\r\n                        if (fileAbbreviationArr.length > 1) {\r\n                            file.name = `${payload.fileName}.${fileAbbreviation}`\r\n                        } else {\r\n                            file.name = payload.fileName\r\n                        }\r\n                    }\r\n                    return file\r\n                }),\r\n            })),\r\n    }),\r\n)\r\n"],"names":[],"mappings":";AA6BA,MAAM,eAAiC;AAAA,EACnC,UAAU,CAAA;AAAA,EACV,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,aAAa,CAAA;AAAA,EACb,cAAc,EAAE,MAAM,OAAO,IAAI,GAAA;AAAA,EACjC,cAAc,EAAE,MAAM,OAAO,IAAI,GAAA;AAAA,EACjC,cAAc,EAAE,MAAM,OAAO,IAAI,GAAA;AACrC;AAEO,MAAM,sBAAsB;AAAA,EAC/B,CAAC,KAAK,SAAS;AAAA,IACX,GAAG;AAAA,IACH,aAAa,CAAC,YAAY,IAAI,OAAO,EAAE,UAAU,UAAU;AAAA,IAC3D,WAAW,CAAC,YAAoB,IAAI,OAAO,EAAE,QAAQ,UAAU;AAAA,IAC/D,sBAAsB,CAAC,YACnB,IAAI,OAAO,EAAE,mBAAmB,UAAU;AAAA,IAC9C,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,IACnE,gBAAgB,CAAC,YAAY,IAAI,OAAO,EAAE,aAAa,UAAU;AAAA,IACjE,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,IACnE,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,IACnE,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,IACnE,YAAY,CAAC,YACT,IAAI,OAAO;AAAA,MACP,UAAU,MAAM,SAAS,OAAO,CAAC,SAAS,KAAK,OAAO,OAAO;AAAA,IAAA,EAC/D;AAAA,IACN,YAAY,CAAC,YACT,IAAI,OAAO;AAAA,MACP,UAAU,IAAA,EAAM,SAAS,IAAI,CAAC,SAAS;AACnC,YAAI,KAAK,OAAO,QAAQ,IAAI;AACxB,gBAAM,sBAAsB,KAAK,KAAK,MAAM,GAAG;AAC/C,gBAAM,mBACF,oBAAoB,oBAAoB,SAAS,CAAC;AAEtD,cAAI,oBAAoB,SAAS,GAAG;AAChC,iBAAK,OAAO,GAAG,QAAQ,QAAQ,IAAI,gBAAgB;AAAA,UACvD,OAAO;AACH,iBAAK,OAAO,QAAQ;AAAA,UACxB;AAAA,QACJ;AACA,eAAO;AAAA,MACX,CAAC;AAAA,IAAA,EACH;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"useFileManagerStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/store/useFileManagerStore.tsx"],"sourcesContent":["import { create } from 'zustand'\nimport type { Files, Directories, Layout } from '../types'\n\ntype DialogProps = { id: string; open: boolean }\n\nexport type FileManagerState = {\n    fileList: Files\n    layout: Layout\n    selectedFile: string\n    openedDirectoryId: string\n    directories: Directories\n    deleteDialog: DialogProps\n    inviteDialog: DialogProps\n    renameDialog: DialogProps\n}\n\ntype FileManagerAction = {\n    setFileList: (payload: Files) => void\n    setLayout: (payload: Layout) => void\n    setOpenedDirectoryId: (payload: string) => void\n    setDirectories: (payload: Directories) => void\n    setSelectedFile: (payload: string) => void\n    setDeleteDialog: (paload: DialogProps) => void\n    setInviteDialog: (paload: DialogProps) => void\n    setRenameDialog: (paload: DialogProps) => void\n    deleteFile: (payload: string) => void\n    renameFile: (payload: { id: string; fileName: string }) => void\n}\n\nconst initialState: FileManagerState = {\n    fileList: [],\n    layout: 'grid',\n    selectedFile: '',\n    openedDirectoryId: '',\n    directories: [],\n    deleteDialog: { open: false, id: '' },\n    inviteDialog: { open: false, id: '' },\n    renameDialog: { open: false, id: '' },\n}\n\nexport const useFileManagerStore = create<FileManagerState & FileManagerAction>(\n    (set, get) => ({\n        ...initialState,\n        setFileList: (payload) => set(() => ({ fileList: payload })),\n        setLayout: (payload: Layout) => set(() => ({ layout: payload })),\n        setOpenedDirectoryId: (payload) =>\n            set(() => ({ openedDirectoryId: payload })),\n        setSelectedFile: (payload) => set(() => ({ selectedFile: payload })),\n        setDirectories: (payload) => set(() => ({ directories: payload })),\n        setDeleteDialog: (payload) => set(() => ({ deleteDialog: payload })),\n        setInviteDialog: (payload) => set(() => ({ inviteDialog: payload })),\n        setRenameDialog: (payload) => set(() => ({ renameDialog: payload })),\n        deleteFile: (payload) =>\n            set(() => ({\n                fileList: get().fileList.filter((file) => file.id !== payload),\n            })),\n        renameFile: (payload) =>\n            set(() => ({\n                fileList: get().fileList.map((file) => {\n                    if (file.id === payload.id) {\n                        const fileAbbreviationArr = file.name.split('.')\n                        const fileAbbreviation =\n                            fileAbbreviationArr[fileAbbreviationArr.length - 1]\n\n                        if (fileAbbreviationArr.length > 1) {\n                            file.name = `${payload.fileName}.${fileAbbreviation}`\n                        } else {\n                            file.name = payload.fileName\n                        }\n                    }\n                    return file\n                }),\n            })),\n    }),\n)\n"],"names":[],"mappings":";AA6BA,MAAM,eAAiC;AAAA,EACnC,UAAU,CAAA;AAAA,EACV,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,aAAa,CAAA;AAAA,EACb,cAAc,EAAE,MAAM,OAAO,IAAI,GAAA;AAAA,EACjC,cAAc,EAAE,MAAM,OAAO,IAAI,GAAA;AAAA,EACjC,cAAc,EAAE,MAAM,OAAO,IAAI,GAAA;AACrC;AAEO,MAAM,sBAAsB;AAAA,EAC/B,CAAC,KAAK,SAAS;AAAA,IACX,GAAG;AAAA,IACH,aAAa,CAAC,YAAY,IAAI,OAAO,EAAE,UAAU,UAAU;AAAA,IAC3D,WAAW,CAAC,YAAoB,IAAI,OAAO,EAAE,QAAQ,UAAU;AAAA,IAC/D,sBAAsB,CAAC,YACnB,IAAI,OAAO,EAAE,mBAAmB,UAAU;AAAA,IAC9C,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,IACnE,gBAAgB,CAAC,YAAY,IAAI,OAAO,EAAE,aAAa,UAAU;AAAA,IACjE,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,IACnE,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,IACnE,iBAAiB,CAAC,YAAY,IAAI,OAAO,EAAE,cAAc,UAAU;AAAA,IACnE,YAAY,CAAC,YACT,IAAI,OAAO;AAAA,MACP,UAAU,MAAM,SAAS,OAAO,CAAC,SAAS,KAAK,OAAO,OAAO;AAAA,IAAA,EAC/D;AAAA,IACN,YAAY,CAAC,YACT,IAAI,OAAO;AAAA,MACP,UAAU,IAAA,EAAM,SAAS,IAAI,CAAC,SAAS;AACnC,YAAI,KAAK,OAAO,QAAQ,IAAI;AACxB,gBAAM,sBAAsB,KAAK,KAAK,MAAM,GAAG;AAC/C,gBAAM,mBACF,oBAAoB,oBAAoB,SAAS,CAAC;AAEtD,cAAI,oBAAoB,SAAS,GAAG;AAChC,iBAAK,OAAO,GAAG,QAAQ,QAAQ,IAAI,gBAAgB;AAAA,UACvD,OAAO;AACH,iBAAK,OAAO,QAAQ;AAAA,UACxB;AAAA,QACJ;AACA,eAAO;AAAA,MACX,CAAC;AAAA,IAAA,EACH;AAAA,EAAA;AAEd;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Article.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/Article/Article.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\r\nimport Container from '@/components/shared/Container'\r\nimport MediaSkeleton from '@/components/shared/loaders/MediaSkeleton'\r\nimport TextBlockSkeleton from '@/components/shared/loaders/TextBlockSkeleton'\r\nimport ArticleBody from './components/ArticleBody'\r\nimport ArticleAction from './components/ArticleAction'\r\nimport ArticleTableOfContent from './components/ArticleTableOfContent'\r\nimport { apiGetSupportHubArticle } from '@/services/HelpCenterService'\r\nimport { useParams } from 'react-router-dom'\r\nimport useSWR from 'swr'\r\nimport type { GetSupportHubArticleResponse } from './types'\r\n\r\nconst Article = () => {\r\n    const { id } = useParams()\r\n\r\n    const { data, isLoading } = useSWR(\r\n        [`/api/helps/articles/${id}`, { id: id as string }],\r\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n        ([_, params]) =>\r\n            apiGetSupportHubArticle<GetSupportHubArticleResponse>(params),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            evalidateOnFocus: false,\r\n        },\r\n    )\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"lg:flex gap-4\">\r\n                <div className=\"my-6 max-w-[800px] w-full mx-auto\">\r\n                    <Loading\r\n                        loading={isLoading}\r\n                        customLoader={\r\n                            <div className=\"flex flex-col gap-8\">\r\n                                <MediaSkeleton />\r\n                                <TextBlockSkeleton rowCount={6} />\r\n                                <TextBlockSkeleton rowCount={4} />\r\n                                <TextBlockSkeleton rowCount={8} />\r\n                            </div>\r\n                        }\r\n                    >\r\n                        {data && <ArticleBody data={data} />}\r\n                    </Loading>\r\n                    <ArticleAction />\r\n                </div>\r\n                {data && (\r\n                    <ArticleTableOfContent content={data.tableOfContent} />\r\n                )}\r\n            </div>\r\n        </Container>\r\n    )\r\n}\r\n\r\nexport default Article\r\n"],"names":[],"mappings":";;;;;;;;;;;AAYA,MAAM,UAAU,MAAM;AAClB,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,uBAAuB,EAAE,IAAI,EAAE,IAAkB;AAAA;AAAA,IAElD,CAAC,CAAC,GAAG,MAAM,MACP,wBAAsD,MAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,EACtB;AAGJ,SACI,oBAAC,WAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS;AAAA,UACT,cACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,YAAA,oBAAC,eAAA,EAAc;AAAA,YACf,oBAAC,mBAAA,EAAkB,UAAU,EAAA,CAAG;AAAA,YAChC,oBAAC,mBAAA,EAAkB,UAAU,EAAA,CAAG;AAAA,YAChC,oBAAC,mBAAA,EAAkB,UAAU,EAAA,CAAG;AAAA,UAAA,GACpC;AAAA,UAGH,UAAA,QAAQ,oBAAC,aAAA,EAAY,KAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,0BAErC,eAAA,CAAA,CAAc;AAAA,IAAA,GACnB;AAAA,IACC,QACG,oBAAC,uBAAA,EAAsB,SAAS,KAAK,eAAA,CAAgB;AAAA,EAAA,EAAA,CAE7D,EAAA,CACJ;AAER;"}
+{"version":3,"file":"Article.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/Article/Article.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport Container from '@/components/shared/Container'\nimport MediaSkeleton from '@/components/shared/loaders/MediaSkeleton'\nimport TextBlockSkeleton from '@/components/shared/loaders/TextBlockSkeleton'\nimport ArticleBody from './components/ArticleBody'\nimport ArticleAction from './components/ArticleAction'\nimport ArticleTableOfContent from './components/ArticleTableOfContent'\nimport { apiGetSupportHubArticle } from '@/services/HelpCenterService'\nimport { useParams } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { GetSupportHubArticleResponse } from './types'\n\nconst Article = () => {\n    const { id } = useParams()\n\n    const { data, isLoading } = useSWR(\n        [`/api/helps/articles/${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetSupportHubArticle<GetSupportHubArticleResponse>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            evalidateOnFocus: false,\n        },\n    )\n\n    return (\n        <Container>\n            <div className=\"lg:flex gap-4\">\n                <div className=\"my-6 max-w-[800px] w-full mx-auto\">\n                    <Loading\n                        loading={isLoading}\n                        customLoader={\n                            <div className=\"flex flex-col gap-8\">\n                                <MediaSkeleton />\n                                <TextBlockSkeleton rowCount={6} />\n                                <TextBlockSkeleton rowCount={4} />\n                                <TextBlockSkeleton rowCount={8} />\n                            </div>\n                        }\n                    >\n                        {data && <ArticleBody data={data} />}\n                    </Loading>\n                    <ArticleAction />\n                </div>\n                {data && (\n                    <ArticleTableOfContent content={data.tableOfContent} />\n                )}\n            </div>\n        </Container>\n    )\n}\n\nexport default Article\n"],"names":[],"mappings":";;;;;;;;;;;AAYA,MAAM,UAAU,MAAM;AAClB,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,EAAE,MAAM,UAAA,IAAc;AAAA,IACxB,CAAC,uBAAuB,EAAE,IAAI,EAAE,IAAkB;AAAA;AAAA,IAElD,CAAC,CAAC,GAAG,MAAM,MACP,wBAAsD,MAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,EACtB;AAGJ,SACI,oBAAC,WAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS;AAAA,UACT,cACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,YAAA,oBAAC,eAAA,EAAc;AAAA,YACf,oBAAC,mBAAA,EAAkB,UAAU,EAAA,CAAG;AAAA,YAChC,oBAAC,mBAAA,EAAkB,UAAU,EAAA,CAAG;AAAA,YAChC,oBAAC,mBAAA,EAAkB,UAAU,EAAA,CAAG;AAAA,UAAA,GACpC;AAAA,UAGH,UAAA,QAAQ,oBAAC,aAAA,EAAY,KAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,0BAErC,eAAA,CAAA,CAAc;AAAA,IAAA,GACnB;AAAA,IACC,QACG,oBAAC,uBAAA,EAAsB,SAAS,KAAK,eAAA,CAAgB;AAAA,EAAA,EAAA,CAE7D,EAAA,CACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/Article/components/ArticleAction.tsx"],"sourcesContent":["import { useState, useRef, useCallback } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport Button from '@/components/ui/Button'\r\nimport Input from '@/components/ui/Input'\r\nimport { TbCheck, TbX } from 'react-icons/tb'\r\n\r\nconst ArticleAction = () => {\r\n    const commentInput = useRef<HTMLInputElement>(null)\r\n\r\n    const [helpful, setHelpful] = useState('')\r\n\r\n    const onHelpfulClick = useCallback((val: string) => {\r\n        setHelpful(val)\r\n    }, [])\r\n\r\n    const onCommentSubmit = () => {\r\n        if (commentInput.current) {\r\n            commentInput.current.value = ''\r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Card\r\n                bordered\r\n                className=\"mt-8\"\r\n                bodyClass=\"flex items-center justify-between\"\r\n            >\r\n                <div>\r\n                    <h5>Was this article helpful?</h5>\r\n                    <p>\r\n                        {helpful === 'Y' ? '1' : '0'} out of{' '}\r\n                        {helpful === 'Y' ? '1' : '0'} found this helpful\r\n                    </p>\r\n                </div>\r\n                <div className=\"flex gap-2\">\r\n                    <Button\r\n                        icon={helpful === 'Y' && <TbCheck />}\r\n                        variant={helpful === 'Y' ? 'solid' : 'default'}\r\n                        onClick={() => onHelpfulClick('Y')}\r\n                    >\r\n                        <span>Yes</span>\r\n                    </Button>\r\n                    <Button\r\n                        icon={helpful === 'N' && <TbX />}\r\n                        variant={helpful === 'N' ? 'solid' : 'default'}\r\n                        onClick={() => onHelpfulClick('N')}\r\n                    >\r\n                        <span>No</span>\r\n                    </Button>\r\n                </div>\r\n            </Card>\r\n            <div className=\"mt-12\">\r\n                <h3 className=\"mb-4\">Comments</h3>\r\n                <Input\r\n                    ref={commentInput}\r\n                    textArea\r\n                    placeholder=\"Enter your comment here...\"\r\n                />\r\n                <div className=\"mt-3 flex justify-end\">\r\n                    <Button variant=\"solid\" onClick={onCommentSubmit}>\r\n                        Submit\r\n                    </Button>\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ArticleAction\r\n"],"names":[],"mappings":";;;;;;;;;AAMA,MAAM,gBAAgB,MAAM;AACxB,QAAM,eAAe,OAAyB,IAAI;AAElD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,EAAE;AAEzC,QAAM,iBAAiB,YAAY,CAAC,QAAgB;AAChD,eAAW,GAAG;AAAA,EAClB,GAAG,CAAA,CAAE;AAEL,QAAM,kBAAkB,MAAM;AAC1B,QAAI,aAAa,SAAS;AACtB,mBAAa,QAAQ,QAAQ;AAAA,IACjC;AAAA,EACJ;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,WAAU;AAAA,QACV,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,qBAAC,OAAA,EACG,UAAA;AAAA,YAAA,oBAAC,QAAG,UAAA,4BAAA,CAAyB;AAAA,iCAC5B,KAAA,EACI,UAAA;AAAA,cAAA,YAAY,MAAM,MAAM;AAAA,cAAI;AAAA,cAAQ;AAAA,cACpC,YAAY,MAAM,MAAM;AAAA,cAAI;AAAA,YAAA,EAAA,CACjC;AAAA,UAAA,GACJ;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAM,YAAY,OAAO,oBAAC,SAAA,CAAA,CAAQ;AAAA,gBAClC,SAAS,YAAY,MAAM,UAAU;AAAA,gBACrC,SAAS,MAAM,eAAe,GAAG;AAAA,gBAEjC,UAAA,oBAAC,UAAK,UAAA,MAAA,CAAG;AAAA,cAAA;AAAA,YAAA;AAAA,YAEb;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAM,YAAY,OAAO,oBAAC,KAAA,CAAA,CAAI;AAAA,gBAC9B,SAAS,YAAY,MAAM,UAAU;AAAA,gBACrC,SAAS,MAAM,eAAe,GAAG;AAAA,gBAEjC,UAAA,oBAAC,UAAK,UAAA,KAAA,CAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,qBAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,YAAQ;AAAA,MAC7B;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK;AAAA,UACL,UAAQ;AAAA,UACR,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEhB,oBAAC,OAAA,EAAI,WAAU,yBACX,UAAA,oBAAC,QAAA,EAAO,SAAQ,SAAQ,SAAS,iBAAiB,UAAA,SAAA,CAElD,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ArticleAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/Article/components/ArticleAction.tsx"],"sourcesContent":["import { useState, useRef, useCallback } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport { TbCheck, TbX } from 'react-icons/tb'\n\nconst ArticleAction = () => {\n    const commentInput = useRef<HTMLInputElement>(null)\n\n    const [helpful, setHelpful] = useState('')\n\n    const onHelpfulClick = useCallback((val: string) => {\n        setHelpful(val)\n    }, [])\n\n    const onCommentSubmit = () => {\n        if (commentInput.current) {\n            commentInput.current.value = ''\n        }\n    }\n\n    return (\n        <>\n            <Card\n                bordered\n                className=\"mt-8\"\n                bodyClass=\"flex items-center justify-between\"\n            >\n                <div>\n                    <h5>Was this article helpful?</h5>\n                    <p>\n                        {helpful === 'Y' ? '1' : '0'} out of{' '}\n                        {helpful === 'Y' ? '1' : '0'} found this helpful\n                    </p>\n                </div>\n                <div className=\"flex gap-2\">\n                    <Button\n                        icon={helpful === 'Y' && <TbCheck />}\n                        variant={helpful === 'Y' ? 'solid' : 'default'}\n                        onClick={() => onHelpfulClick('Y')}\n                    >\n                        <span>Yes</span>\n                    </Button>\n                    <Button\n                        icon={helpful === 'N' && <TbX />}\n                        variant={helpful === 'N' ? 'solid' : 'default'}\n                        onClick={() => onHelpfulClick('N')}\n                    >\n                        <span>No</span>\n                    </Button>\n                </div>\n            </Card>\n            <div className=\"mt-12\">\n                <h3 className=\"mb-4\">Comments</h3>\n                <Input\n                    ref={commentInput}\n                    textArea\n                    placeholder=\"Enter your comment here...\"\n                />\n                <div className=\"mt-3 flex justify-end\">\n                    <Button variant=\"solid\" onClick={onCommentSubmit}>\n                        Submit\n                    </Button>\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport default ArticleAction\n"],"names":[],"mappings":";;;;;;;;;AAMA,MAAM,gBAAgB,MAAM;AACxB,QAAM,eAAe,OAAyB,IAAI;AAElD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,EAAE;AAEzC,QAAM,iBAAiB,YAAY,CAAC,QAAgB;AAChD,eAAW,GAAG;AAAA,EAClB,GAAG,CAAA,CAAE;AAEL,QAAM,kBAAkB,MAAM;AAC1B,QAAI,aAAa,SAAS;AACtB,mBAAa,QAAQ,QAAQ;AAAA,IACjC;AAAA,EACJ;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,WAAU;AAAA,QACV,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,qBAAC,OAAA,EACG,UAAA;AAAA,YAAA,oBAAC,QAAG,UAAA,4BAAA,CAAyB;AAAA,iCAC5B,KAAA,EACI,UAAA;AAAA,cAAA,YAAY,MAAM,MAAM;AAAA,cAAI;AAAA,cAAQ;AAAA,cACpC,YAAY,MAAM,MAAM;AAAA,cAAI;AAAA,YAAA,EAAA,CACjC;AAAA,UAAA,GACJ;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAM,YAAY,OAAO,oBAAC,SAAA,CAAA,CAAQ;AAAA,gBAClC,SAAS,YAAY,MAAM,UAAU;AAAA,gBACrC,SAAS,MAAM,eAAe,GAAG;AAAA,gBAEjC,UAAA,oBAAC,UAAK,UAAA,MAAA,CAAG;AAAA,cAAA;AAAA,YAAA;AAAA,YAEb;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAM,YAAY,OAAO,oBAAC,KAAA,CAAA,CAAI;AAAA,gBAC9B,SAAS,YAAY,MAAM,UAAU;AAAA,gBACrC,SAAS,MAAM,eAAe,GAAG;AAAA,gBAEjC,UAAA,oBAAC,UAAK,UAAA,KAAA,CAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,qBAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,YAAQ;AAAA,MAC7B;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK;AAAA,UACL,UAAQ;AAAA,UACR,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEhB,oBAAC,OAAA,EAAI,WAAU,yBACX,UAAA,oBAAC,QAAA,EAAO,SAAQ,SAAQ,SAAS,iBAAiB,UAAA,SAAA,CAElD,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/Article/components/ArticleBody.tsx"],"sourcesContent":["import UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport type { ArticleContent } from '../types'\r\n\r\ntype ArticleProps = {\r\n    data: ArticleContent\r\n}\r\n\r\nconst ArticleBody = ({ data }: ArticleProps) => {\r\n    return (\r\n        <>\r\n            <h3>{data.title}</h3>\r\n            <div className=\"flex items-center mt-6 gap-4\">\r\n                <UsersAvatarGroup\r\n                    avatarProps={{ size: 40 }}\r\n                    users={data.authors || []}\r\n                />\r\n                <div className=\"text-xs\">\r\n                    <div className=\"mb-1\">\r\n                        Created by:\r\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\r\n                            {data.createdBy}\r\n                        </span>\r\n                    </div>\r\n                    <div>\r\n                        <span>Last updated: {data.updateTime}</span>\r\n                        <span className=\"mx-2\">•</span>\r\n                        <span>{data.timeToRead} min read</span>\r\n                        <span className=\"mx-2\">•</span>\r\n                        <span>{data.viewCount} viewed</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"mt-8 prose dark:prose-invert max-w-none prose-p:mt-2 prose-headings:font-bold\">\r\n                {ReactHtmlParser(data.content || '')}\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ArticleBody\r\n"],"names":[],"mappings":";;;AAQA,MAAM,cAAc,CAAC,EAAE,WAAyB;AAC5C,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAI,eAAK,MAAA,CAAM;AAAA,IAChB,qBAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAa,EAAE,MAAM,GAAA;AAAA,UACrB,OAAO,KAAK,WAAW,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,MAE5B,qBAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,UAAA;AAAA,UAElB,oBAAC,QAAA,EAAK,WAAU,kDACX,eAAK,UAAA,CACV;AAAA,QAAA,GACJ;AAAA,6BACC,OAAA,EACG,UAAA;AAAA,UAAA,qBAAC,QAAA,EAAK,UAAA;AAAA,YAAA;AAAA,YAAe,KAAK;AAAA,UAAA,GAAW;AAAA,UACrC,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,KAAC;AAAA,+BACvB,QAAA,EAAM,UAAA;AAAA,YAAA,KAAK;AAAA,YAAW;AAAA,UAAA,GAAS;AAAA,UAChC,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,KAAC;AAAA,+BACvB,QAAA,EAAM,UAAA;AAAA,YAAA,KAAK;AAAA,YAAU;AAAA,UAAA,EAAA,CAAO;AAAA,QAAA,EAAA,CACjC;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,oBAAC,SAAI,WAAU,iFACV,0BAAgB,KAAK,WAAW,EAAE,EAAA,CACvC;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ArticleBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/Article/components/ArticleBody.tsx"],"sourcesContent":["import UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport ReactHtmlParser from 'html-react-parser'\nimport type { ArticleContent } from '../types'\n\ntype ArticleProps = {\n    data: ArticleContent\n}\n\nconst ArticleBody = ({ data }: ArticleProps) => {\n    return (\n        <>\n            <h3>{data.title}</h3>\n            <div className=\"flex items-center mt-6 gap-4\">\n                <UsersAvatarGroup\n                    avatarProps={{ size: 40 }}\n                    users={data.authors || []}\n                />\n                <div className=\"text-xs\">\n                    <div className=\"mb-1\">\n                        Created by:\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            {data.createdBy}\n                        </span>\n                    </div>\n                    <div>\n                        <span>Last updated: {data.updateTime}</span>\n                        <span className=\"mx-2\">•</span>\n                        <span>{data.timeToRead} min read</span>\n                        <span className=\"mx-2\">•</span>\n                        <span>{data.viewCount} viewed</span>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-8 prose dark:prose-invert max-w-none prose-p:mt-2 prose-headings:font-bold\">\n                {ReactHtmlParser(data.content || '')}\n            </div>\n        </>\n    )\n}\n\nexport default ArticleBody\n"],"names":[],"mappings":";;;AAQA,MAAM,cAAc,CAAC,EAAE,WAAyB;AAC5C,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAI,eAAK,MAAA,CAAM;AAAA,IAChB,qBAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAa,EAAE,MAAM,GAAA;AAAA,UACrB,OAAO,KAAK,WAAW,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,MAE5B,qBAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,UAAA;AAAA,UAElB,oBAAC,QAAA,EAAK,WAAU,kDACX,eAAK,UAAA,CACV;AAAA,QAAA,GACJ;AAAA,6BACC,OAAA,EACG,UAAA;AAAA,UAAA,qBAAC,QAAA,EAAK,UAAA;AAAA,YAAA;AAAA,YAAe,KAAK;AAAA,UAAA,GAAW;AAAA,UACrC,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,KAAC;AAAA,+BACvB,QAAA,EAAM,UAAA;AAAA,YAAA,KAAK;AAAA,YAAW;AAAA,UAAA,GAAS;AAAA,UAChC,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,KAAC;AAAA,+BACvB,QAAA,EAAM,UAAA;AAAA,YAAA,KAAK;AAAA,YAAU;AAAA,UAAA,EAAA,CAAO;AAAA,QAAA,EAAA,CACjC;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,oBAAC,SAAI,WAAU,iFACV,0BAAgB,KAAK,WAAW,EAAE,EAAA,CACvC;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleTableOfContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/Article/components/ArticleTableOfContent.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Affix from '@/components/shared/Affix'\r\nimport useLayoutGap from '@/utils/hooks/useLayoutGap'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\n// eslint-disable-next-line import/named\r\nimport { Link } from 'react-scroll'\r\nimport type { TableContent } from '../types'\r\n\r\ntype ArticleTableOfContentProps = {\r\n    content: TableContent\r\n}\r\n\r\nconst ArticleTableOfContent = ({ content }: ArticleTableOfContentProps) => {\r\n    const { getTopGapValue } = useLayoutGap()\r\n\r\n    const { larger } = useResponsive()\r\n\r\n    return (\r\n        <>\r\n            {larger.lg && (\r\n                <div className=\"lg:w-[380px] mt-6 md:px-8\">\r\n                    <Affix offset={getTopGapValue()}>\r\n                        <Card>\r\n                            <h6 className=\"font-bold\">In this page</h6>\r\n                            <ul className=\"text-gray-500 dark:text-gray-400 font-medium mt-4 relative\">\r\n                                {content.map((link) => (\r\n                                    <li key={`anchor${link.id}`}>\r\n                                        <Link\r\n                                            activeClass=\"text-primary dark:text-gray-50 after:content-[''] after:absolute after:-left-5 after:bg-primary after:w-[2px] after:h-5\"\r\n                                            className=\"cursor-pointer block transform transition-colors duration-200 py-2 hover:text-primary dark:hover:text-gray-100 \"\r\n                                            to={link.id}\r\n                                            spy={true}\r\n                                            smooth={true}\r\n                                            duration={500}\r\n                                            offset={-80}\r\n                                        >\r\n                                            {link.label}\r\n                                        </Link>\r\n                                    </li>\r\n                                ))}\r\n                            </ul>\r\n                        </Card>\r\n                    </Affix>\r\n                </div>\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ArticleTableOfContent\r\n"],"names":[],"mappings":";;;;;;;AAYA,MAAM,wBAAwB,CAAC,EAAE,cAA0C;AACvE,QAAM,EAAE,eAAA,IAAmB,aAAA;AAE3B,QAAM,EAAE,OAAA,IAAW,cAAA;AAEnB,SACI,oBAAA,UAAA,EACK,UAAA,OAAO,MACJ,oBAAC,OAAA,EAAI,WAAU,6BACX,UAAA,oBAAC,OAAA,EAAM,QAAQ,kBACX,+BAAC,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,aAAY,UAAA,gBAAY;AAAA,IACtC,oBAAC,QAAG,WAAU,8DACT,kBAAQ,IAAI,CAAC,SACV,oBAAC,MAAA,EACG,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,WAAU;AAAA,QACV,IAAI,KAAK;AAAA,QACT,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,QAAQ;AAAA,QAEP,UAAA,KAAK;AAAA,MAAA;AAAA,IAAA,KAVL,SAAS,KAAK,EAAE,EAYzB,CACH,EAAA,CACL;AAAA,EAAA,GACJ,EAAA,CACJ,GACJ,GAER;AAER;"}
+{"version":3,"file":"ArticleTableOfContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/Article/components/ArticleTableOfContent.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Affix from '@/components/shared/Affix'\nimport useLayoutGap from '@/utils/hooks/useLayoutGap'\nimport useResponsive from '@/utils/hooks/useResponsive'\n// eslint-disable-next-line import/named\nimport { Link } from 'react-scroll'\nimport type { TableContent } from '../types'\n\ntype ArticleTableOfContentProps = {\n    content: TableContent\n}\n\nconst ArticleTableOfContent = ({ content }: ArticleTableOfContentProps) => {\n    const { getTopGapValue } = useLayoutGap()\n\n    const { larger } = useResponsive()\n\n    return (\n        <>\n            {larger.lg && (\n                <div className=\"lg:w-[380px] mt-6 md:px-8\">\n                    <Affix offset={getTopGapValue()}>\n                        <Card>\n                            <h6 className=\"font-bold\">In this page</h6>\n                            <ul className=\"text-gray-500 dark:text-gray-400 font-medium mt-4 relative\">\n                                {content.map((link) => (\n                                    <li key={`anchor${link.id}`}>\n                                        <Link\n                                            activeClass=\"text-primary dark:text-gray-50 after:content-[''] after:absolute after:-left-5 after:bg-primary after:w-[2px] after:h-5\"\n                                            className=\"cursor-pointer block transform transition-colors duration-200 py-2 hover:text-primary dark:hover:text-gray-100 \"\n                                            to={link.id}\n                                            spy={true}\n                                            smooth={true}\n                                            duration={500}\n                                            offset={-80}\n                                        >\n                                            {link.label}\n                                        </Link>\n                                    </li>\n                                ))}\n                            </ul>\n                        </Card>\n                    </Affix>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default ArticleTableOfContent\n"],"names":[],"mappings":";;;;;;;AAYA,MAAM,wBAAwB,CAAC,EAAE,cAA0C;AACvE,QAAM,EAAE,eAAA,IAAmB,aAAA;AAE3B,QAAM,EAAE,OAAA,IAAW,cAAA;AAEnB,SACI,oBAAA,UAAA,EACK,UAAA,OAAO,MACJ,oBAAC,OAAA,EAAI,WAAU,6BACX,UAAA,oBAAC,OAAA,EAAM,QAAQ,kBACX,+BAAC,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,aAAY,UAAA,gBAAY;AAAA,IACtC,oBAAC,QAAG,WAAU,8DACT,kBAAQ,IAAI,CAAC,SACV,oBAAC,MAAA,EACG,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,WAAU;AAAA,QACV,IAAI,KAAK;AAAA,QACT,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,QAAQ;AAAA,QAEP,UAAA,KAAK;AAAA,MAAA;AAAA,IAAA,KAVL,SAAS,KAAK,EAAE,EAYzB,CACH,EAAA,CACL;AAAA,EAAA,GACJ,EAAA,CACJ,GACJ,GAER;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditArticle.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/EditArticle.tsx"],"sourcesContent":["import EditArticleHeader from './components/EditArticleHeader'\r\nimport EditArticleBody from './components/EditArticleBody'\r\nimport EditArticleFooter from './components/EditArticleFooter'\r\nimport { apiGetSupportHubArticle } from '@/services/HelpCenterService'\r\nimport { useParams } from 'react-router-dom'\r\nimport useSWR from 'swr'\r\nimport type { GetSupportHubArticleResponse } from './types'\r\n\r\nconst EditArticle = () => {\r\n    const { id } = useParams()\r\n\r\n    const { data } = useSWR(\r\n        [`/api/helps/articles/${id}`, { id: id as string }],\r\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n        ([_, params]) =>\r\n            apiGetSupportHubArticle<GetSupportHubArticleResponse>(params),\r\n        {\r\n            revalidateOnFocus: false,\r\n            revalidateIfStale: false,\r\n            evalidateOnFocus: false,\r\n        },\r\n    )\r\n\r\n    return (\r\n        <>\r\n            <div className=\"max-w-[1200px] mx-auto\">\r\n                {data && (\r\n                    <div className=\"flex flex-col gap-2\">\r\n                        <EditArticleHeader {...data} />\r\n                        <EditArticleBody content={data.content} />\r\n                    </div>\r\n                )}\r\n            </div>\r\n            <EditArticleFooter />\r\n        </>\r\n    )\r\n}\r\n\r\nexport default EditArticle\r\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,cAAc,MAAM;AACtB,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,EAAE,SAAS;AAAA,IACb,CAAC,uBAAuB,EAAE,IAAI,EAAE,IAAkB;AAAA;AAAA,IAElD,CAAC,CAAC,GAAG,MAAM,MACP,wBAAsD,MAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,EACtB;AAGJ,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,0BACV,kBACG,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAA,oBAAC,mBAAA,EAAmB,GAAG,MAAM;AAAA,MAC7B,oBAAC,iBAAA,EAAgB,SAAS,KAAK,QAAA,CAAS;AAAA,IAAA,EAAA,CAC5C,EAAA,CAER;AAAA,wBACC,mBAAA,CAAA,CAAkB;AAAA,EAAA,GACvB;AAER;"}
+{"version":3,"file":"EditArticle.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/EditArticle.tsx"],"sourcesContent":["import EditArticleHeader from './components/EditArticleHeader'\nimport EditArticleBody from './components/EditArticleBody'\nimport EditArticleFooter from './components/EditArticleFooter'\nimport { apiGetSupportHubArticle } from '@/services/HelpCenterService'\nimport { useParams } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { GetSupportHubArticleResponse } from './types'\n\nconst EditArticle = () => {\n    const { id } = useParams()\n\n    const { data } = useSWR(\n        [`/api/helps/articles/${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetSupportHubArticle<GetSupportHubArticleResponse>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            evalidateOnFocus: false,\n        },\n    )\n\n    return (\n        <>\n            <div className=\"max-w-[1200px] mx-auto\">\n                {data && (\n                    <div className=\"flex flex-col gap-2\">\n                        <EditArticleHeader {...data} />\n                        <EditArticleBody content={data.content} />\n                    </div>\n                )}\n            </div>\n            <EditArticleFooter />\n        </>\n    )\n}\n\nexport default EditArticle\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,cAAc,MAAM;AACtB,QAAM,EAAE,GAAA,IAAO,UAAA;AAEf,QAAM,EAAE,SAAS;AAAA,IACb,CAAC,uBAAuB,EAAE,IAAI,EAAE,IAAkB;AAAA;AAAA,IAElD,CAAC,CAAC,GAAG,MAAM,MACP,wBAAsD,MAAM;AAAA,IAChE;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,EACtB;AAGJ,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,0BACV,kBACG,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAA,oBAAC,mBAAA,EAAmB,GAAG,MAAM;AAAA,MAC7B,oBAAC,iBAAA,EAAgB,SAAS,KAAK,QAAA,CAAS;AAAA,IAAA,EAAA,CAC5C,EAAA,CAER;AAAA,wBACC,mBAAA,CAAA,CAAkB;AAAA,EAAA,GACvB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditArticleBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleBody.tsx"],"sourcesContent":["import ToolButtonBold from '@/components/shared/RichTextEditor/toolButtons/ToolButtonBold'\r\nimport ToolButtonItalic from '@/components/shared/RichTextEditor/toolButtons/ToolButtonItalic'\r\nimport ToolButtonStrike from '@/components/shared/RichTextEditor/toolButtons/ToolButtonStrike'\r\nimport ToolButtonCode from '@/components/shared/RichTextEditor/toolButtons/ToolButtonCode'\r\nimport ToolButtonOrderedList from '@/components/shared/RichTextEditor/toolButtons/ToolButtonOrderedList'\r\nimport ToolButtonCodeBlock from '@/components/shared/RichTextEditor/toolButtons/ToolButtonCodeBlock'\r\nimport ToolButtonBlockquote from '@/components/shared/RichTextEditor/toolButtons/ToolButtonBlockquote'\r\nimport ToolButtonHorizontalRule from '@/components/shared/RichTextEditor/toolButtons/ToolButtonHorizontalRule'\r\nimport ToolButtonHeading from '@/components/shared/RichTextEditor/toolButtons/ToolButtonHeading'\r\nimport ToolButtonBulletList from '@/components/shared/RichTextEditor/toolButtons/ToolButtonBulletList'\r\nimport { EditorContent, useEditor } from '@tiptap/react'\r\nimport StarterKit from '@tiptap/starter-kit'\r\n\r\ntype EditArticleBodyProps = {\r\n    content?: string\r\n}\r\n\r\nconst EditArticleBody = ({ content }: EditArticleBodyProps) => {\r\n    const editor = useEditor({\r\n        extensions: [\r\n            StarterKit.configure({\r\n                bulletList: {\r\n                    keepMarks: true,\r\n                },\r\n                orderedList: {\r\n                    keepMarks: true,\r\n                },\r\n            }),\r\n        ],\r\n        editorProps: {\r\n            attributes: {\r\n                class: 'm-2 focus:outline-none',\r\n            },\r\n        },\r\n        content,\r\n    })\r\n\r\n    if (!editor) return null\r\n\r\n    return (\r\n        <div>\r\n            <div className=\"flex gap-x-1 gap-y-2 p-2 border-t border-b border-gray-200 dark:border-gray-700\">\r\n                <ToolButtonBold editor={editor} />\r\n                <ToolButtonItalic editor={editor} />\r\n                <ToolButtonStrike editor={editor} />\r\n                <ToolButtonCode editor={editor} />\r\n                <ToolButtonBlockquote editor={editor} />\r\n                <ToolButtonHeading editor={editor} />\r\n                <ToolButtonBulletList editor={editor} />\r\n                <ToolButtonOrderedList editor={editor} />\r\n                <ToolButtonCodeBlock editor={editor} />\r\n                <ToolButtonHorizontalRule editor={editor} />\r\n            </div>\r\n            <EditorContent\r\n                className=\"min-h-[200px] overflow-auto px-2 prose max-w-full\"\r\n                editor={editor}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default EditArticleBody\r\n"],"names":["ToolButtonHeading","ToolButtonCodeBlock"],"mappings":";;;;;;;;;;;;;AAiBA,MAAM,kBAAkB,CAAC,EAAE,cAAoC;AAC3D,QAAM,SAAS,UAAU;AAAA,IACrB,YAAY;AAAA,MACR,WAAW,UAAU;AAAA,QACjB,YAAY;AAAA,UACR,WAAW;AAAA,QAAA;AAAA,QAEf,aAAa;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACf,CACH;AAAA,IAAA;AAAA,IAEL,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ;AAAA,EAAA,CACH;AAED,MAAI,CAAC,OAAQ,QAAO;AAEpB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mFACX,UAAA;AAAA,MAAA,oBAAC,kBAAe,QAAgB;AAAA,MAChC,oBAAC,oBAAiB,QAAgB;AAAA,MAClC,oBAAC,oBAAiB,QAAgB;AAAA,MAClC,oBAAC,kBAAe,QAAgB;AAAA,MAChC,oBAAC,wBAAqB,QAAgB;AAAA,MACtC,oBAACA,uBAAkB,QAAgB;AAAA,MACnC,oBAAC,wBAAqB,QAAgB;AAAA,MACtC,oBAAC,yBAAsB,QAAgB;AAAA,MACvC,oBAACC,yBAAoB,QAAgB;AAAA,MACrC,oBAAC,4BAAyB,OAAA,CAAgB;AAAA,IAAA,GAC9C;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"EditArticleBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleBody.tsx"],"sourcesContent":["import ToolButtonBold from '@/components/shared/RichTextEditor/toolButtons/ToolButtonBold'\nimport ToolButtonItalic from '@/components/shared/RichTextEditor/toolButtons/ToolButtonItalic'\nimport ToolButtonStrike from '@/components/shared/RichTextEditor/toolButtons/ToolButtonStrike'\nimport ToolButtonCode from '@/components/shared/RichTextEditor/toolButtons/ToolButtonCode'\nimport ToolButtonOrderedList from '@/components/shared/RichTextEditor/toolButtons/ToolButtonOrderedList'\nimport ToolButtonCodeBlock from '@/components/shared/RichTextEditor/toolButtons/ToolButtonCodeBlock'\nimport ToolButtonBlockquote from '@/components/shared/RichTextEditor/toolButtons/ToolButtonBlockquote'\nimport ToolButtonHorizontalRule from '@/components/shared/RichTextEditor/toolButtons/ToolButtonHorizontalRule'\nimport ToolButtonHeading from '@/components/shared/RichTextEditor/toolButtons/ToolButtonHeading'\nimport ToolButtonBulletList from '@/components/shared/RichTextEditor/toolButtons/ToolButtonBulletList'\nimport { EditorContent, useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\n\ntype EditArticleBodyProps = {\n    content?: string\n}\n\nconst EditArticleBody = ({ content }: EditArticleBodyProps) => {\n    const editor = useEditor({\n        extensions: [\n            StarterKit.configure({\n                bulletList: {\n                    keepMarks: true,\n                },\n                orderedList: {\n                    keepMarks: true,\n                },\n            }),\n        ],\n        editorProps: {\n            attributes: {\n                class: 'm-2 focus:outline-none',\n            },\n        },\n        content,\n    })\n\n    if (!editor) return null\n\n    return (\n        <div>\n            <div className=\"flex gap-x-1 gap-y-2 p-2 border-t border-b border-gray-200 dark:border-gray-700\">\n                <ToolButtonBold editor={editor} />\n                <ToolButtonItalic editor={editor} />\n                <ToolButtonStrike editor={editor} />\n                <ToolButtonCode editor={editor} />\n                <ToolButtonBlockquote editor={editor} />\n                <ToolButtonHeading editor={editor} />\n                <ToolButtonBulletList editor={editor} />\n                <ToolButtonOrderedList editor={editor} />\n                <ToolButtonCodeBlock editor={editor} />\n                <ToolButtonHorizontalRule editor={editor} />\n            </div>\n            <EditorContent\n                className=\"min-h-[200px] overflow-auto px-2 prose max-w-full\"\n                editor={editor}\n            />\n        </div>\n    )\n}\n\nexport default EditArticleBody\n"],"names":["ToolButtonHeading","ToolButtonCodeBlock"],"mappings":";;;;;;;;;;;;;AAiBA,MAAM,kBAAkB,CAAC,EAAE,cAAoC;AAC3D,QAAM,SAAS,UAAU;AAAA,IACrB,YAAY;AAAA,MACR,WAAW,UAAU;AAAA,QACjB,YAAY;AAAA,UACR,WAAW;AAAA,QAAA;AAAA,QAEf,aAAa;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACf,CACH;AAAA,IAAA;AAAA,IAEL,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ;AAAA,EAAA,CACH;AAED,MAAI,CAAC,OAAQ,QAAO;AAEpB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mFACX,UAAA;AAAA,MAAA,oBAAC,kBAAe,QAAgB;AAAA,MAChC,oBAAC,oBAAiB,QAAgB;AAAA,MAClC,oBAAC,oBAAiB,QAAgB;AAAA,MAClC,oBAAC,kBAAe,QAAgB;AAAA,MAChC,oBAAC,wBAAqB,QAAgB;AAAA,MACtC,oBAACA,uBAAkB,QAAgB;AAAA,MACnC,oBAAC,wBAAqB,QAAgB;AAAA,MACtC,oBAAC,yBAAsB,QAAgB;AAAA,MACvC,oBAACC,yBAAoB,QAAgB;AAAA,MACrC,oBAAC,4BAAyB,OAAA,CAAgB;AAAA,IAAA,GAC9C;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditArticleFooter.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleFooter.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport sleep from '@/utils/sleep'\r\nimport { TbDeviceFloppy, TbArrowNarrowLeft } from 'react-icons/tb'\r\n\r\nconst EditArticleFooter = () => {\r\n    const [isPublishing, setIsPublishing] = useState(false)\r\n\r\n    const [isSaving, setIsSaving] = useState(false)\r\n\r\n    const navigate = useNavigate()\r\n\r\n    const handleBack = () => {\r\n        history.back()\r\n    }\r\n\r\n    const handleSave = async () => {\r\n        setIsSaving(true)\r\n        await sleep(1000)\r\n        toast.push(<Notification type=\"success\">Saved as draft</Notification>, {\r\n            placement: 'top-center',\r\n        })\r\n        setIsSaving(false)\r\n    }\r\n\r\n    const handlePublish = async () => {\r\n        setIsPublishing(true)\r\n        await sleep(1000)\r\n        toast.push(\r\n            <Notification type=\"success\">Article published</Notification>,\r\n            { placement: 'top-center' },\r\n        )\r\n        setIsPublishing(false)\r\n        navigate('/concepts/help-center/manage-article')\r\n    }\r\n\r\n    return (\r\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\">\r\n            <div className=\"max-w-[1200px] mx-auto\">\r\n                <div className=\"flex items-center justify-between px-8\">\r\n                    <Button\r\n                        className=\"ltr:mr-3 rtl:ml-3\"\r\n                        type=\"button\"\r\n                        variant=\"plain\"\r\n                        icon={<TbArrowNarrowLeft />}\r\n                        onClick={handleBack}\r\n                    >\r\n                        Back\r\n                    </Button>\r\n                    <div className=\"flex items-center\">\r\n                        <Button\r\n                            className=\"ltr:mr-3 rtl:ml-3\"\r\n                            type=\"button\"\r\n                            icon={<TbDeviceFloppy />}\r\n                            loading={isSaving}\r\n                            onClick={handleSave}\r\n                        >\r\n                            Save\r\n                        </Button>\r\n                        <Button\r\n                            variant=\"solid\"\r\n                            type=\"button\"\r\n                            loading={isPublishing}\r\n                            onClick={handlePublish}\r\n                        >\r\n                            Publish\r\n                        </Button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default EditArticleFooter\r\n"],"names":[],"mappings":";;;;;;;;;;;AAQA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,WAAW,YAAA;AAEjB,QAAM,aAAa,MAAM;AACrB,YAAQ,KAAA;AAAA,EACZ;AAEA,QAAM,aAAa,YAAY;AAC3B,gBAAY,IAAI;AAChB,UAAM,MAAM,GAAI;AAChB,UAAM,KAAK,oBAAC,cAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,MACnE,WAAW;AAAA,IAAA,CACd;AACD,gBAAY,KAAK;AAAA,EACrB;AAEA,QAAM,gBAAgB,YAAY;AAC9B,oBAAgB,IAAI;AACpB,UAAM,MAAM,GAAI;AAChB,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,MAAK,WAAU,UAAA,qBAAiB;AAAA,MAC9C,EAAE,WAAW,aAAA;AAAA,IAAa;AAE9B,oBAAgB,KAAK;AACrB,aAAS,sCAAsC;AAAA,EACnD;AAEA,SACI,oBAAC,OAAA,EAAI,WAAU,wIACX,UAAA,oBAAC,OAAA,EAAI,WAAU,0BACX,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,0BAAO,mBAAA,EAAkB;AAAA,QACzB,SAAS;AAAA,QACZ,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,0BAAO,gBAAA,EAAe;AAAA,UACtB,SAAS;AAAA,UACT,SAAS;AAAA,UACZ,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS;AAAA,UACT,SAAS;AAAA,UACZ,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,GACJ,GACJ;AAER;"}
+{"version":3,"file":"EditArticleFooter.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleFooter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport { useNavigate } from 'react-router-dom'\nimport sleep from '@/utils/sleep'\nimport { TbDeviceFloppy, TbArrowNarrowLeft } from 'react-icons/tb'\n\nconst EditArticleFooter = () => {\n    const [isPublishing, setIsPublishing] = useState(false)\n\n    const [isSaving, setIsSaving] = useState(false)\n\n    const navigate = useNavigate()\n\n    const handleBack = () => {\n        history.back()\n    }\n\n    const handleSave = async () => {\n        setIsSaving(true)\n        await sleep(1000)\n        toast.push(<Notification type=\"success\">Saved as draft</Notification>, {\n            placement: 'top-center',\n        })\n        setIsSaving(false)\n    }\n\n    const handlePublish = async () => {\n        setIsPublishing(true)\n        await sleep(1000)\n        toast.push(\n            <Notification type=\"success\">Article published</Notification>,\n            { placement: 'top-center' },\n        )\n        setIsPublishing(false)\n        navigate('/concepts/help-center/manage-article')\n    }\n\n    return (\n        <div className=\"sticky bottom-0 left-0 right-0 z-10 mt-8 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 -mx-4 sm:-mx-8 py-4\">\n            <div className=\"max-w-[1200px] mx-auto\">\n                <div className=\"flex items-center justify-between px-8\">\n                    <Button\n                        className=\"ltr:mr-3 rtl:ml-3\"\n                        type=\"button\"\n                        variant=\"plain\"\n                        icon={<TbArrowNarrowLeft />}\n                        onClick={handleBack}\n                    >\n                        Back\n                    </Button>\n                    <div className=\"flex items-center\">\n                        <Button\n                            className=\"ltr:mr-3 rtl:ml-3\"\n                            type=\"button\"\n                            icon={<TbDeviceFloppy />}\n                            loading={isSaving}\n                            onClick={handleSave}\n                        >\n                            Save\n                        </Button>\n                        <Button\n                            variant=\"solid\"\n                            type=\"button\"\n                            loading={isPublishing}\n                            onClick={handlePublish}\n                        >\n                            Publish\n                        </Button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default EditArticleFooter\n"],"names":[],"mappings":";;;;;;;;;;;AAQA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,WAAW,YAAA;AAEjB,QAAM,aAAa,MAAM;AACrB,YAAQ,KAAA;AAAA,EACZ;AAEA,QAAM,aAAa,YAAY;AAC3B,gBAAY,IAAI;AAChB,UAAM,MAAM,GAAI;AAChB,UAAM,KAAK,oBAAC,cAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,MACnE,WAAW;AAAA,IAAA,CACd;AACD,gBAAY,KAAK;AAAA,EACrB;AAEA,QAAM,gBAAgB,YAAY;AAC9B,oBAAgB,IAAI;AACpB,UAAM,MAAM,GAAI;AAChB,UAAM;AAAA,MACF,oBAAC,cAAA,EAAa,MAAK,WAAU,UAAA,qBAAiB;AAAA,MAC9C,EAAE,WAAW,aAAA;AAAA,IAAa;AAE9B,oBAAgB,KAAK;AACrB,aAAS,sCAAsC;AAAA,EACnD;AAEA,SACI,oBAAC,OAAA,EAAI,WAAU,wIACX,UAAA,oBAAC,OAAA,EAAI,WAAU,0BACX,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,0BAAO,mBAAA,EAAkB;AAAA,QACzB,SAAS;AAAA,QACZ,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,0BAAO,gBAAA,EAAe;AAAA,UACtB,SAAS;AAAA,UACT,SAAS;AAAA,UACZ,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS;AAAA,UACT,SAAS;AAAA,UACZ,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

@@ -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'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Tag from '@/components/ui/Tag'\r\nimport uniqueId from 'lodash/uniqueId'\r\nimport type { ArticleContent } from '../types'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport type { ReactNode } from 'react'\r\n\r\ntype EditArticleHeaderProps = Pick<\r\n    ArticleContent,\r\n    'title' | 'category' | 'tags' | 'authors' | 'updateTime'\r\n>\r\n\r\nexport interface FieldProps extends CommonProps {\r\n    title: string\r\n    icon?: ReactNode\r\n}\r\n\r\nconst Field = (props: FieldProps) => {\r\n    const { title, icon, children } = props\r\n\r\n    return (\r\n        <div className=\"flex items-center mb-2\">\r\n            <div className=\"flex items-center gap-2 font-semibold min-w-[150px]\">\r\n                <span className=\"text-lg\">{icon}</span>\r\n                <span>{title}</span>\r\n            </div>\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nconst EditArticleHeader = (props: EditArticleHeaderProps) => {\r\n    const { title, authors, updateTime, tags } = props\r\n\r\n    const [articleTitle, setArticleTitle] = useState(title)\r\n    const [articleTags, setArticleTags] = useState(tags)\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n    useEffect(() => {\r\n        if (inputRef.current) {\r\n            inputRef.current.value = ''\r\n        }\r\n    }, [articleTags])\r\n\r\n    return (\r\n        <div>\r\n            <input\r\n                className=\"ring-0 outline-none block w-full p-2 bg-transparent heading-text h3\"\r\n                placeholder=\"Untitle article\"\r\n                value={articleTitle}\r\n                onChange={(e) => setArticleTitle(e.target.value)}\r\n            />\r\n            <div className=\"mt-3 flex flex-col gap-6 border-t border-gray-200 dark:border-gray-700 py-6\">\r\n                <Field title=\"Created by:\">\r\n                    {authors.length > 0 && (\r\n                        <div className=\"flex items-center gap-2\">\r\n                            <Avatar size={25} src={authors[0].img} />\r\n                            <span className=\"heading-text font-bold\">\r\n                                {authors[0].name}\r\n                            </span>\r\n                        </div>\r\n                    )}\r\n                </Field>\r\n                <Field title=\"Last updated:\">\r\n                    <span className=\"heading-text font-bold\">{updateTime}</span>\r\n                </Field>\r\n                <Field title=\"Tags:\">\r\n                    <div className=\"flex flex-wrap items-center gap-2\">\r\n                        {articleTags.map((tag) => (\r\n                            <Tag key={tag.id}>{tag.label}</Tag>\r\n                        ))}\r\n                        <input\r\n                            ref={inputRef}\r\n                            className=\"ring-0 outline-none block py-2 bg-transparent heading-text text-sm\"\r\n                            type=\"text\"\r\n                            onKeyDown={(event) => {\r\n                                if (event.key === 'Enter') {\r\n                                    const eventTarget =\r\n                                        event.target as HTMLInputElement\r\n                                    setArticleTags((tag) => {\r\n                                        const newTags = structuredClone(tag)\r\n\r\n                                        newTags.push({\r\n                                            id: uniqueId('article-tag-'),\r\n                                            label: eventTarget.value,\r\n                                        })\r\n                                        return newTags\r\n                                    })\r\n                                    inputRef.current?.blur()\r\n                                }\r\n\r\n                                if (\r\n                                    event.key === 'Backspace' &&\r\n                                    (event.target as HTMLInputElement).value\r\n                                        .length === 0\r\n                                ) {\r\n                                    setArticleTags((tag) => {\r\n                                        const newTags = structuredClone(tag)\r\n                                        newTags.pop()\r\n                                        return newTags\r\n                                    })\r\n                                }\r\n                            }}\r\n                        />\r\n                    </div>\r\n                </Field>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default EditArticleHeader\r\n"],"names":[],"mappings":";;;;;;AAkBA,MAAM,QAAQ,CAAC,UAAsB;AACjC,QAAM,EAAE,OAAO,MAAM,SAAA,IAAa;AAElC,SACI,qBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,uDACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,WAAW,UAAA,MAAK;AAAA,MAChC,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,IAAA,GACjB;AAAA,IACC;AAAA,EAAA,GACL;AAER;AAEA,MAAM,oBAAoB,CAAC,UAAkC;AACzD,QAAM,EAAE,OAAO,SAAS,YAAY,SAAS;AAE7C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,IAAI;AAEnD,QAAM,WAAW,OAAyB,IAAI;AAE9C,YAAU,MAAM;AACZ,QAAI,SAAS,SAAS;AAClB,eAAS,QAAQ,QAAQ;AAAA,IAC7B;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,gBAAgB,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnD,qBAAC,OAAA,EAAI,WAAU,+EACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAM,OAAM,eACR,UAAA,QAAQ,SAAS,KACd,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA,oBAAC,UAAO,MAAM,IAAI,KAAK,QAAQ,CAAC,EAAE,KAAK;AAAA,4BACtC,QAAA,EAAK,WAAU,0BACX,UAAA,QAAQ,CAAC,EAAE,KAAA,CAChB;AAAA,MAAA,EAAA,CACJ,EAAA,CAER;AAAA,MACA,oBAAC,SAAM,OAAM,iBACT,8BAAC,QAAA,EAAK,WAAU,0BAA0B,UAAA,WAAA,CAAW,EAAA,CACzD;AAAA,0BACC,OAAA,EAAM,OAAM,SACT,UAAA,qBAAC,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,QAAA,YAAY,IAAI,CAAC,QACd,oBAAC,OAAkB,UAAA,IAAI,MAAA,GAAb,IAAI,EAAe,CAChC;AAAA,QACD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,WAAU;AAAA,YACV,MAAK;AAAA,YACL,WAAW,CAAC,UAAU;AAClB,kBAAI,MAAM,QAAQ,SAAS;AACvB,sBAAM,cACF,MAAM;AACV,+BAAe,CAAC,QAAQ;AACpB,wBAAM,UAAU,gBAAgB,GAAG;AAEnC,0BAAQ,KAAK;AAAA,oBACT,IAAI,SAAS,cAAc;AAAA,oBAC3B,OAAO,YAAY;AAAA,kBAAA,CACtB;AACD,yBAAO;AAAA,gBACX,CAAC;AACD,yBAAS,SAAS,KAAA;AAAA,cACtB;AAEA,kBACI,MAAM,QAAQ,eACb,MAAM,OAA4B,MAC9B,WAAW,GAClB;AACE,+BAAe,CAAC,QAAQ;AACpB,wBAAM,UAAU,gBAAgB,GAAG;AACnC,0BAAQ,IAAA;AACR,yBAAO;AAAA,gBACX,CAAC;AAAA,cACL;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"EditArticleHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/EditArticle/components/EditArticleHeader.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport uniqueId from 'lodash/uniqueId'\nimport type { ArticleContent } from '../types'\nimport type { CommonProps } from '@/@types/common'\nimport type { ReactNode } from 'react'\n\ntype EditArticleHeaderProps = Pick<\n    ArticleContent,\n    'title' | 'category' | 'tags' | 'authors' | 'updateTime'\n>\n\nexport interface FieldProps extends CommonProps {\n    title: string\n    icon?: ReactNode\n}\n\nconst Field = (props: FieldProps) => {\n    const { title, icon, children } = props\n\n    return (\n        <div className=\"flex items-center mb-2\">\n            <div className=\"flex items-center gap-2 font-semibold min-w-[150px]\">\n                <span className=\"text-lg\">{icon}</span>\n                <span>{title}</span>\n            </div>\n            {children}\n        </div>\n    )\n}\n\nconst EditArticleHeader = (props: EditArticleHeaderProps) => {\n    const { title, authors, updateTime, tags } = props\n\n    const [articleTitle, setArticleTitle] = useState(title)\n    const [articleTags, setArticleTags] = useState(tags)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.value = ''\n        }\n    }, [articleTags])\n\n    return (\n        <div>\n            <input\n                className=\"ring-0 outline-none block w-full p-2 bg-transparent heading-text h3\"\n                placeholder=\"Untitle article\"\n                value={articleTitle}\n                onChange={(e) => setArticleTitle(e.target.value)}\n            />\n            <div className=\"mt-3 flex flex-col gap-6 border-t border-gray-200 dark:border-gray-700 py-6\">\n                <Field title=\"Created by:\">\n                    {authors.length > 0 && (\n                        <div className=\"flex items-center gap-2\">\n                            <Avatar size={25} src={authors[0].img} />\n                            <span className=\"heading-text font-bold\">\n                                {authors[0].name}\n                            </span>\n                        </div>\n                    )}\n                </Field>\n                <Field title=\"Last updated:\">\n                    <span className=\"heading-text font-bold\">{updateTime}</span>\n                </Field>\n                <Field title=\"Tags:\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                        {articleTags.map((tag) => (\n                            <Tag key={tag.id}>{tag.label}</Tag>\n                        ))}\n                        <input\n                            ref={inputRef}\n                            className=\"ring-0 outline-none block py-2 bg-transparent heading-text text-sm\"\n                            type=\"text\"\n                            onKeyDown={(event) => {\n                                if (event.key === 'Enter') {\n                                    const eventTarget =\n                                        event.target as HTMLInputElement\n                                    setArticleTags((tag) => {\n                                        const newTags = structuredClone(tag)\n\n                                        newTags.push({\n                                            id: uniqueId('article-tag-'),\n                                            label: eventTarget.value,\n                                        })\n                                        return newTags\n                                    })\n                                    inputRef.current?.blur()\n                                }\n\n                                if (\n                                    event.key === 'Backspace' &&\n                                    (event.target as HTMLInputElement).value\n                                        .length === 0\n                                ) {\n                                    setArticleTags((tag) => {\n                                        const newTags = structuredClone(tag)\n                                        newTags.pop()\n                                        return newTags\n                                    })\n                                }\n                            }}\n                        />\n                    </div>\n                </Field>\n            </div>\n        </div>\n    )\n}\n\nexport default EditArticleHeader\n"],"names":[],"mappings":";;;;;;AAkBA,MAAM,QAAQ,CAAC,UAAsB;AACjC,QAAM,EAAE,OAAO,MAAM,SAAA,IAAa;AAElC,SACI,qBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,uDACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,WAAW,UAAA,MAAK;AAAA,MAChC,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,IAAA,GACjB;AAAA,IACC;AAAA,EAAA,GACL;AAER;AAEA,MAAM,oBAAoB,CAAC,UAAkC;AACzD,QAAM,EAAE,OAAO,SAAS,YAAY,SAAS;AAE7C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,IAAI;AAEnD,QAAM,WAAW,OAAyB,IAAI;AAE9C,YAAU,MAAM;AACZ,QAAI,SAAS,SAAS;AAClB,eAAS,QAAQ,QAAQ;AAAA,IAC7B;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,gBAAgB,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnD,qBAAC,OAAA,EAAI,WAAU,+EACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAM,OAAM,eACR,UAAA,QAAQ,SAAS,KACd,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA,oBAAC,UAAO,MAAM,IAAI,KAAK,QAAQ,CAAC,EAAE,KAAK;AAAA,4BACtC,QAAA,EAAK,WAAU,0BACX,UAAA,QAAQ,CAAC,EAAE,KAAA,CAChB;AAAA,MAAA,EAAA,CACJ,EAAA,CAER;AAAA,MACA,oBAAC,SAAM,OAAM,iBACT,8BAAC,QAAA,EAAK,WAAU,0BAA0B,UAAA,WAAA,CAAW,EAAA,CACzD;AAAA,0BACC,OAAA,EAAM,OAAM,SACT,UAAA,qBAAC,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,QAAA,YAAY,IAAI,CAAC,QACd,oBAAC,OAAkB,UAAA,IAAI,MAAA,GAAb,IAAI,EAAe,CAChC;AAAA,QACD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,WAAU;AAAA,YACV,MAAK;AAAA,YACL,WAAW,CAAC,UAAU;AAClB,kBAAI,MAAM,QAAQ,SAAS;AACvB,sBAAM,cACF,MAAM;AACV,+BAAe,CAAC,QAAQ;AACpB,wBAAM,UAAU,gBAAgB,GAAG;AAEnC,0BAAQ,KAAK;AAAA,oBACT,IAAI,SAAS,cAAc;AAAA,oBAC3B,OAAO,YAAY;AAAA,kBAAA,CACtB;AACD,yBAAO;AAAA,gBACX,CAAC;AACD,yBAAS,SAAS,KAAA;AAAA,cACtB;AAEA,kBACI,MAAM,QAAQ,eACb,MAAM,OAA4B,MAC9B,WAAW,GAClB;AACE,+BAAe,CAAC,QAAQ;AACpB,wBAAM,UAAU,gBAAgB,GAAG;AACnC,0BAAQ,IAAA;AACR,yBAAO;AAAA,gBACX,CAAC;AAAA,cACL;AAAA,YACJ;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/ManageArticle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManageArticle.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/ManageArticle.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\r\nimport ManageArticleHeader from './components/ManageArticleHeader'\r\nimport ArticleListTable from './components/ArticleListTable'\r\nimport ArticleListSelected from './components/ArticleListSelected'\r\n\r\nconst ManageArticle = () => {\r\n    return (\r\n        <>\r\n            <Container>\r\n                <ManageArticleHeader />\r\n                <ArticleListTable />\r\n            </Container>\r\n            <ArticleListSelected />\r\n            <div className=\"h-6\"></div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ManageArticle\r\n"],"names":[],"mappings":";;;;;AAKA,MAAM,gBAAgB,MAAM;AACxB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,WAAA,EACG,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB;AAAA,0BACpB,kBAAA,CAAA,CAAiB;AAAA,IAAA,GACtB;AAAA,wBACC,qBAAA,EAAoB;AAAA,IACrB,oBAAC,OAAA,EAAI,WAAU,MAAA,CAAM;AAAA,EAAA,GACzB;AAER;"}
+{"version":3,"file":"ManageArticle.js","sources":["../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/ManageArticle.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport ManageArticleHeader from './components/ManageArticleHeader'\nimport ArticleListTable from './components/ArticleListTable'\nimport ArticleListSelected from './components/ArticleListSelected'\n\nconst ManageArticle = () => {\n    return (\n        <>\n            <Container>\n                <ManageArticleHeader />\n                <ArticleListTable />\n            </Container>\n            <ArticleListSelected />\n            <div className=\"h-6\"></div>\n        </>\n    )\n}\n\nexport default ManageArticle\n"],"names":[],"mappings":";;;;;AAKA,MAAM,gBAAgB,MAAM;AACxB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,WAAA,EACG,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB;AAAA,0BACpB,kBAAA,CAAA,CAAiB;AAAA,IAAA,GACtB;AAAA,wBACC,qBAAA,EAAoB;AAAA,IACrB,oBAAC,OAAA,EAAI,WAAU,MAAA,CAAM;AAAA,EAAA,GACzB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleListSearch.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListSearch.tsx"],"sourcesContent":["import DebounceInput from '@/components/shared/DebounceInput'\r\nimport { useManageArticleStore } from '../store/manageArticleStore'\r\nimport { TbSearch } from 'react-icons/tb'\r\n\r\nconst ArticleListSearch = () => {\r\n    const tableData = useManageArticleStore((state) => state.tableData)\r\n    const setTableData = useManageArticleStore((state) => state.setTableData)\r\n\r\n    const handleInputChange = (value: string) => {\r\n        const newTableData = structuredClone(tableData)\r\n        newTableData.query = value\r\n        newTableData.pageIndex = 1\r\n        if (typeof value === 'string' && value.length > 1) {\r\n            setTableData(newTableData)\r\n        }\r\n\r\n        if (typeof value === 'string' && value.length === 0) {\r\n            setTableData(newTableData)\r\n        }\r\n    }\r\n\r\n    return (\r\n        <DebounceInput\r\n            placeholder=\"Search...\"\r\n            type=\"text\"\r\n            prefix={<TbSearch className=\"text-lg\" />}\r\n            onChange={(e) => handleInputChange(e.target.value)}\r\n        />\r\n    )\r\n}\r\n\r\nexport default ArticleListSearch\r\n"],"names":[],"mappings":";;;;AAIA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,YAAY,sBAAsB,CAAC,UAAU,MAAM,SAAS;AAClE,QAAM,eAAe,sBAAsB,CAAC,UAAU,MAAM,YAAY;AAExE,QAAM,oBAAoB,CAAC,UAAkB;AACzC,UAAM,eAAe,gBAAgB,SAAS;AAC9C,iBAAa,QAAQ;AACrB,iBAAa,YAAY;AACzB,QAAI,OAAO,UAAU,YAAY,MAAM,SAAS,GAAG;AAC/C,mBAAa,YAAY;AAAA,IAC7B;AAEA,QAAI,OAAO,UAAU,YAAY,MAAM,WAAW,GAAG;AACjD,mBAAa,YAAY;AAAA,IAC7B;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,MAAK;AAAA,MACL,QAAQ,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,MACtC,UAAU,CAAC,MAAM,kBAAkB,EAAE,OAAO,KAAK;AAAA,IAAA;AAAA,EAAA;AAG7D;"}
+{"version":3,"file":"ArticleListSearch.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListSearch.tsx"],"sourcesContent":["import DebounceInput from '@/components/shared/DebounceInput'\nimport { useManageArticleStore } from '../store/manageArticleStore'\nimport { TbSearch } from 'react-icons/tb'\n\nconst ArticleListSearch = () => {\n    const tableData = useManageArticleStore((state) => state.tableData)\n    const setTableData = useManageArticleStore((state) => state.setTableData)\n\n    const handleInputChange = (value: string) => {\n        const newTableData = structuredClone(tableData)\n        newTableData.query = value\n        newTableData.pageIndex = 1\n        if (typeof value === 'string' && value.length > 1) {\n            setTableData(newTableData)\n        }\n\n        if (typeof value === 'string' && value.length === 0) {\n            setTableData(newTableData)\n        }\n    }\n\n    return (\n        <DebounceInput\n            placeholder=\"Search...\"\n            type=\"text\"\n            prefix={<TbSearch className=\"text-lg\" />}\n            onChange={(e) => handleInputChange(e.target.value)}\n        />\n    )\n}\n\nexport default ArticleListSearch\n"],"names":[],"mappings":";;;;AAIA,MAAM,oBAAoB,MAAM;AAC5B,QAAM,YAAY,sBAAsB,CAAC,UAAU,MAAM,SAAS;AAClE,QAAM,eAAe,sBAAsB,CAAC,UAAU,MAAM,YAAY;AAExE,QAAM,oBAAoB,CAAC,UAAkB;AACzC,UAAM,eAAe,gBAAgB,SAAS;AAC9C,iBAAa,QAAQ;AACrB,iBAAa,YAAY;AACzB,QAAI,OAAO,UAAU,YAAY,MAAM,SAAS,GAAG;AAC/C,mBAAa,YAAY;AAAA,IAC7B;AAEA,QAAI,OAAO,UAAU,YAAY,MAAM,WAAW,GAAG;AACjD,mBAAa,YAAY;AAAA,IAC7B;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,MAAK;AAAA,MACL,QAAQ,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,MACtC,UAAU,CAAC,MAAM,kBAAkB,EAAE,OAAO,KAAK;AAAA,IAAA;AAAA,EAAA;AAG7D;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleListSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListSelected.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\r\nimport StickyFooter from '@/components/shared/StickyFooter'\r\nimport Button from '@/components/ui/Button'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport { useManageArticleStore } from '../store/manageArticleStore'\r\nimport useManageArticle from '../hooks/useManageArticle'\r\nimport { TbChecks } from 'react-icons/tb'\r\nimport classNames from '@/utils/classNames'\r\n\r\nconst ArticleListSelected = () => {\r\n    const { articleList, mutate, articleTotal } = useManageArticle()\r\n\r\n    const selectedArticle = useManageArticleStore(\r\n        (state) => state.selectedArticle,\r\n    )\r\n    const setSelectAllArticle = useManageArticleStore(\r\n        (state) => state.setSelectAllArticle,\r\n    )\r\n\r\n    const hasSelectedArticle = selectedArticle.length > 0\r\n\r\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\r\n\r\n    const handleDelete = () => {\r\n        setDeleteConfirmationOpen(true)\r\n    }\r\n\r\n    const handleCancel = () => {\r\n        setDeleteConfirmationOpen(false)\r\n    }\r\n\r\n    const handleConfirmDelete = () => {\r\n        const newArticleList = articleList.filter((article) => {\r\n            return !selectedArticle.some(\r\n                (selected) => selected.id === article.id,\r\n            )\r\n        })\r\n        setSelectAllArticle([])\r\n        mutate(\r\n            {\r\n                list: newArticleList,\r\n                total: articleTotal - selectedArticle.length,\r\n            },\r\n            false,\r\n        )\r\n        setDeleteConfirmationOpen(false)\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (hasSelectedArticle) {\r\n            window.scrollBy({\r\n                top: 20,\r\n                left: 0,\r\n                behavior: 'smooth',\r\n            })\r\n        }\r\n    }, [hasSelectedArticle])\r\n\r\n    return (\r\n        <>\r\n            <StickyFooter\r\n                className={classNames(\r\n                    'flex items-center justify-between py-4 bg-white dark:bg-gray-800',\r\n                    !hasSelectedArticle && 'hidden',\r\n                )}\r\n                stickyClass=\"border-t border-gray-200 dark:border-gray-700 px-8 -mx-4 sm:-mx-8\"\r\n                defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\r\n            >\r\n                <div className=\"container mx-auto\">\r\n                    <div className=\"flex items-center justify-between\">\r\n                        <span>\r\n                            {selectedArticle.length > 0 && (\r\n                                <span className=\"flex items-center gap-2\">\r\n                                    <span className=\"text-lg text-primary\">\r\n                                        <TbChecks />\r\n                                    </span>\r\n                                    <span className=\"font-semibold flex items-center gap-1\">\r\n                                        <span className=\"heading-text\">\r\n                                            {selectedArticle.length} Articles\r\n                                        </span>\r\n                                        <span>selected</span>\r\n                                    </span>\r\n                                </span>\r\n                            )}\r\n                        </span>\r\n\r\n                        <div className=\"flex items-center\">\r\n                            <Button\r\n                                size=\"sm\"\r\n                                className=\"ltr:mr-3 rtl:ml-3\"\r\n                                type=\"button\"\r\n                                customColorClass={() =>\r\n                                    'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\r\n                                }\r\n                                onClick={handleDelete}\r\n                            >\r\n                                Delete\r\n                            </Button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </StickyFooter>\r\n            <ConfirmDialog\r\n                isOpen={deleteConfirmationOpen}\r\n                type=\"danger\"\r\n                title=\"Remove articles\"\r\n                onClose={handleCancel}\r\n                onRequestClose={handleCancel}\r\n                onCancel={handleCancel}\r\n                onConfirm={handleConfirmDelete}\r\n            >\r\n                <p>\r\n                    {' '}\r\n                    Are you sure you want to remove these articles? This action\r\n                    can&apos;t be undo.{' '}\r\n                </p>\r\n            </ConfirmDialog>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ArticleListSelected\r\n"],"names":[],"mappings":";;;;;;;;;;AASA,MAAM,sBAAsB,MAAM;AAC9B,QAAM,EAAE,aAAa,QAAQ,aAAA,IAAiB,iBAAA;AAE9C,QAAM,kBAAkB;AAAA,IACpB,CAAC,UAAU,MAAM;AAAA,EAAA;AAErB,QAAM,sBAAsB;AAAA,IACxB,CAAC,UAAU,MAAM;AAAA,EAAA;AAGrB,QAAM,qBAAqB,gBAAgB,SAAS;AAEpD,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,KAAK;AAE1E,QAAM,eAAe,MAAM;AACvB,8BAA0B,IAAI;AAAA,EAClC;AAEA,QAAM,eAAe,MAAM;AACvB,8BAA0B,KAAK;AAAA,EACnC;AAEA,QAAM,sBAAsB,MAAM;AAC9B,UAAM,iBAAiB,YAAY,OAAO,CAAC,YAAY;AACnD,aAAO,CAAC,gBAAgB;AAAA,QACpB,CAAC,aAAa,SAAS,OAAO,QAAQ;AAAA,MAAA;AAAA,IAE9C,CAAC;AACD,wBAAoB,CAAA,CAAE;AACtB;AAAA,MACI;AAAA,QACI,MAAM;AAAA,QACN,OAAO,eAAe,gBAAgB;AAAA,MAAA;AAAA,MAE1C;AAAA,IAAA;AAEJ,8BAA0B,KAAK;AAAA,EACnC;AAEA,YAAU,MAAM;AACZ,QAAI,oBAAoB;AACpB,aAAO,SAAS;AAAA,QACZ,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,MAAA,CACb;AAAA,IACL;AAAA,EACJ,GAAG,CAAC,kBAAkB,CAAC;AAEvB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,CAAC,sBAAsB;AAAA,QAAA;AAAA,QAE3B,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,8BAAC,OAAA,EAAI,WAAU,qBACX,UAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,oBAAC,UACI,UAAA,gBAAgB,SAAS,KACtB,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,wBACZ,UAAA,oBAAC,YAAS,GACd;AAAA,YACA,qBAAC,QAAA,EAAK,WAAU,yCACZ,UAAA;AAAA,cAAA,qBAAC,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,gBAAA,gBAAgB;AAAA,gBAAO;AAAA,cAAA,GAC5B;AAAA,cACA,oBAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,YAAA,EAAA,CAClB;AAAA,UAAA,EAAA,CACJ,EAAA,CAER;AAAA,UAEA,oBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,MAAK;AAAA,cACL,kBAAkB,MACd;AAAA,cAEJ,SAAS;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAED,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,KAAA,EACI,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,EAAA,CACxB;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"ArticleListSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListSelected.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { useManageArticleStore } from '../store/manageArticleStore'\nimport useManageArticle from '../hooks/useManageArticle'\nimport { TbChecks } from 'react-icons/tb'\nimport classNames from '@/utils/classNames'\n\nconst ArticleListSelected = () => {\n    const { articleList, mutate, articleTotal } = useManageArticle()\n\n    const selectedArticle = useManageArticleStore(\n        (state) => state.selectedArticle,\n    )\n    const setSelectAllArticle = useManageArticleStore(\n        (state) => state.setSelectAllArticle,\n    )\n\n    const hasSelectedArticle = selectedArticle.length > 0\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleConfirmDelete = () => {\n        const newArticleList = articleList.filter((article) => {\n            return !selectedArticle.some(\n                (selected) => selected.id === article.id,\n            )\n        })\n        setSelectAllArticle([])\n        mutate(\n            {\n                list: newArticleList,\n                total: articleTotal - selectedArticle.length,\n            },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n    }\n\n    useEffect(() => {\n        if (hasSelectedArticle) {\n            window.scrollBy({\n                top: 20,\n                left: 0,\n                behavior: 'smooth',\n            })\n        }\n    }, [hasSelectedArticle])\n\n    return (\n        <>\n            <StickyFooter\n                className={classNames(\n                    'flex items-center justify-between py-4 bg-white dark:bg-gray-800',\n                    !hasSelectedArticle && 'hidden',\n                )}\n                stickyClass=\"border-t border-gray-200 dark:border-gray-700 px-8 -mx-4 sm:-mx-8\"\n                defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\n            >\n                <div className=\"container mx-auto\">\n                    <div className=\"flex items-center justify-between\">\n                        <span>\n                            {selectedArticle.length > 0 && (\n                                <span className=\"flex items-center gap-2\">\n                                    <span className=\"text-lg text-primary\">\n                                        <TbChecks />\n                                    </span>\n                                    <span className=\"font-semibold flex items-center gap-1\">\n                                        <span className=\"heading-text\">\n                                            {selectedArticle.length} Articles\n                                        </span>\n                                        <span>selected</span>\n                                    </span>\n                                </span>\n                            )}\n                        </span>\n\n                        <div className=\"flex items-center\">\n                            <Button\n                                size=\"sm\"\n                                className=\"ltr:mr-3 rtl:ml-3\"\n                                type=\"button\"\n                                customColorClass={() =>\n                                    'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\n                                }\n                                onClick={handleDelete}\n                            >\n                                Delete\n                            </Button>\n                        </div>\n                    </div>\n                </div>\n            </StickyFooter>\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove articles\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDelete}\n            >\n                <p>\n                    {' '}\n                    Are you sure you want to remove these articles? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ArticleListSelected\n"],"names":[],"mappings":";;;;;;;;;;AASA,MAAM,sBAAsB,MAAM;AAC9B,QAAM,EAAE,aAAa,QAAQ,aAAA,IAAiB,iBAAA;AAE9C,QAAM,kBAAkB;AAAA,IACpB,CAAC,UAAU,MAAM;AAAA,EAAA;AAErB,QAAM,sBAAsB;AAAA,IACxB,CAAC,UAAU,MAAM;AAAA,EAAA;AAGrB,QAAM,qBAAqB,gBAAgB,SAAS;AAEpD,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,KAAK;AAE1E,QAAM,eAAe,MAAM;AACvB,8BAA0B,IAAI;AAAA,EAClC;AAEA,QAAM,eAAe,MAAM;AACvB,8BAA0B,KAAK;AAAA,EACnC;AAEA,QAAM,sBAAsB,MAAM;AAC9B,UAAM,iBAAiB,YAAY,OAAO,CAAC,YAAY;AACnD,aAAO,CAAC,gBAAgB;AAAA,QACpB,CAAC,aAAa,SAAS,OAAO,QAAQ;AAAA,MAAA;AAAA,IAE9C,CAAC;AACD,wBAAoB,CAAA,CAAE;AACtB;AAAA,MACI;AAAA,QACI,MAAM;AAAA,QACN,OAAO,eAAe,gBAAgB;AAAA,MAAA;AAAA,MAE1C;AAAA,IAAA;AAEJ,8BAA0B,KAAK;AAAA,EACnC;AAEA,YAAU,MAAM;AACZ,QAAI,oBAAoB;AACpB,aAAO,SAAS;AAAA,QACZ,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,MAAA,CACb;AAAA,IACL;AAAA,EACJ,GAAG,CAAC,kBAAkB,CAAC;AAEvB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,CAAC,sBAAsB;AAAA,QAAA;AAAA,QAE3B,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,8BAAC,OAAA,EAAI,WAAU,qBACX,UAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,oBAAC,UACI,UAAA,gBAAgB,SAAS,KACtB,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,wBACZ,UAAA,oBAAC,YAAS,GACd;AAAA,YACA,qBAAC,QAAA,EAAK,WAAU,yCACZ,UAAA;AAAA,cAAA,qBAAC,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,gBAAA,gBAAgB;AAAA,gBAAO;AAAA,cAAA,GAC5B;AAAA,cACA,oBAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,YAAA,EAAA,CAClB;AAAA,UAAA,EAAA,CACJ,EAAA,CAER;AAAA,UAEA,oBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,MAAK;AAAA,cACL,kBAAkB,MACd;AAAA,cAEJ,SAAS;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAED,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,+BAAC,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

@@ -1 +1 @@
-{"version":3,"file":"ArticleListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Tag from '@/components/ui/Tag'\r\nimport Switcher from '@/components/ui/Switcher'\r\nimport { UsersAvatarGroup } from '@/components/shared'\r\nimport DataTable from '@/components/shared/DataTable'\r\nimport { useManageArticleStore } from '../store/manageArticleStore'\r\nimport useManageArticle from '../hooks/useManageArticle'\r\nimport { categoryIcon, categoryClass } from '../utils'\r\nimport classNames from '@/utils/classNames'\r\nimport { Link } from 'react-router-dom'\r\nimport type { TableQueries } from '@/@types/common'\r\nimport type { Article } from '../types'\r\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\r\n\r\nconst ArticleListTable = () => {\r\n    const tableData = useManageArticleStore((state) => state.tableData)\r\n    const selectedArticle = useManageArticleStore(\r\n        (state) => state.selectedArticle,\r\n    )\r\n    const setSelectedArticle = useManageArticleStore(\r\n        (state) => state.setSelectedArticle,\r\n    )\r\n    const setSelectAllArticle = useManageArticleStore(\r\n        (state) => state.setSelectAllArticle,\r\n    )\r\n    const setTableData = useManageArticleStore((state) => state.setTableData)\r\n\r\n    const { articleList, articleTotal, isLoading } = useManageArticle()\r\n\r\n    const columns: ColumnDef<Article>[] = useMemo(\r\n        () => [\r\n            {\r\n                header: 'Title',\r\n                accessorKey: 'title',\r\n                cell: (props) => {\r\n                    const row = props.row.original\r\n                    return (\r\n                        <div className=\"flex items-center gap-4\">\r\n                            <Avatar\r\n                                icon={categoryIcon[row.category]}\r\n                                shape=\"round\"\r\n                                className={classNames(\r\n                                    'text-gray-900',\r\n                                    categoryClass[row.category],\r\n                                )}\r\n                            />\r\n                            <div>\r\n                                <div className=\"mb-2\">\r\n                                    <Link\r\n                                        to={`/concepts/help-center/edit-article/${row.id}`}\r\n                                        className=\"font-bold heading-text hover:text-primary\"\r\n                                    >\r\n                                        {row.title}\r\n                                    </Link>\r\n                                </div>\r\n                                <div className=\"flex items-center gap-1\">\r\n                                    {row.tags.map((tag) => (\r\n                                        <Tag key={tag.id}>{tag.label}</Tag>\r\n                                    ))}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    )\r\n                },\r\n            },\r\n            {\r\n                header: 'Authors',\r\n                accessorKey: 'authors',\r\n                enableSorting: false,\r\n                cell: (props) => {\r\n                    const row = props.row.original\r\n                    return (\r\n                        <UsersAvatarGroup\r\n                            avatarProps={{ size: 25 }}\r\n                            users={row.authors || []}\r\n                        />\r\n                    )\r\n                },\r\n            },\r\n            {\r\n                header: 'Last update',\r\n                accessorKey: 'updateTimeStamp',\r\n                cell: (props) => {\r\n                    const row = props.row.original\r\n                    return <div>{row.updateTime}</div>\r\n                },\r\n            },\r\n            {\r\n                header: 'Published',\r\n                accessorKey: 'published',\r\n                enableSorting: false,\r\n                cell: (props) => {\r\n                    const row = props.row.original\r\n                    return (\r\n                        <div className=\"px-4\">\r\n                            <Switcher defaultChecked={row.published} />\r\n                        </div>\r\n                    )\r\n                },\r\n            },\r\n        ],\r\n        [],\r\n    )\r\n\r\n    const handleSetTableData = (articleList: TableQueries) => {\r\n        setTableData(articleList)\r\n        if (selectedArticle.length > 0) {\r\n            setSelectAllArticle([])\r\n        }\r\n    }\r\n\r\n    const handlePaginationChange = (page: number) => {\r\n        const newTableData = structuredClone(tableData)\r\n        newTableData.pageIndex = page\r\n        handleSetTableData(newTableData)\r\n    }\r\n\r\n    const handleSelectChange = (value: number) => {\r\n        const newTableData = structuredClone(tableData)\r\n        newTableData.pageSize = Number(value)\r\n        newTableData.pageIndex = 1\r\n        handleSetTableData(newTableData)\r\n    }\r\n\r\n    const handleSort = (sort: OnSortParam) => {\r\n        const newTableData = structuredClone(tableData)\r\n        newTableData.sort = sort\r\n        handleSetTableData(newTableData)\r\n    }\r\n\r\n    const handleRowSelect = (checked: boolean, row: Article) => {\r\n        setSelectedArticle(checked, row)\r\n    }\r\n\r\n    const handleAllRowSelect = (checked: boolean, rows: Row<Article>[]) => {\r\n        if (checked) {\r\n            const originalRows = rows.map((row) => row.original)\r\n            setSelectAllArticle(originalRows)\r\n        } else {\r\n            setSelectAllArticle([])\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <DataTable\r\n                selectable\r\n                hoverable={false}\r\n                columns={columns}\r\n                data={articleList}\r\n                noData={!isLoading && articleList.length === 0}\r\n                skeletonAvatarColumns={[0]}\r\n                skeletonAvatarProps={{ width: 28, height: 28 }}\r\n                loading={isLoading}\r\n                pagingData={{\r\n                    total: articleTotal || 0,\r\n                    pageIndex: tableData.pageIndex as number,\r\n                    pageSize: tableData.pageSize as number,\r\n                }}\r\n                checkboxChecked={(row) =>\r\n                    selectedArticle.some((selected) => selected.id === row.id)\r\n                }\r\n                onPaginationChange={handlePaginationChange}\r\n                onSelectChange={handleSelectChange}\r\n                onSort={handleSort}\r\n                onCheckBoxChange={handleRowSelect}\r\n                onIndeterminateCheckBoxChange={handleAllRowSelect}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ArticleListTable\r\n"],"names":["articleList"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAM,mBAAmB,MAAM;AAC3B,QAAM,YAAY,sBAAsB,CAAC,UAAU,MAAM,SAAS;AAClE,QAAM,kBAAkB;AAAA,IACpB,CAAC,UAAU,MAAM;AAAA,EAAA;AAErB,QAAM,qBAAqB;AAAA,IACvB,CAAC,UAAU,MAAM;AAAA,EAAA;AAErB,QAAM,sBAAsB;AAAA,IACxB,CAAC,UAAU,MAAM;AAAA,EAAA;AAErB,QAAM,eAAe,sBAAsB,CAAC,UAAU,MAAM,YAAY;AAExE,QAAM,EAAE,aAAa,cAAc,UAAA,IAAc,iBAAA;AAEjD,QAAM,UAAgC;AAAA,IAClC,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAAC,UAAU;AACb,gBAAM,MAAM,MAAM,IAAI;AACtB,iBACI,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAM,aAAa,IAAI,QAAQ;AAAA,gBAC/B,OAAM;AAAA,gBACN,WAAW;AAAA,kBACP;AAAA,kBACA,cAAc,IAAI,QAAQ;AAAA,gBAAA;AAAA,cAC9B;AAAA,YAAA;AAAA,iCAEH,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,IAAI,sCAAsC,IAAI,EAAE;AAAA,kBAChD,WAAU;AAAA,kBAET,UAAA,IAAI;AAAA,gBAAA;AAAA,cAAA,GAEb;AAAA,kCACC,OAAA,EAAI,WAAU,2BACV,UAAA,IAAI,KAAK,IAAI,CAAC,QACX,oBAAC,OAAkB,UAAA,IAAI,SAAb,IAAI,EAAe,CAChC,EAAA,CACL;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,GACJ;AAAA,QAER;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,eAAe;AAAA,QACf,MAAM,CAAC,UAAU;AACb,gBAAM,MAAM,MAAM,IAAI;AACtB,iBACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,aAAa,EAAE,MAAM,GAAA;AAAA,cACrB,OAAO,IAAI,WAAW,CAAA;AAAA,YAAC;AAAA,UAAA;AAAA,QAGnC;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAAC,UAAU;AACb,gBAAM,MAAM,MAAM,IAAI;AACtB,iBAAO,oBAAC,OAAA,EAAK,UAAA,IAAI,WAAA,CAAW;AAAA,QAChC;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,eAAe;AAAA,QACf,MAAM,CAAC,UAAU;AACb,gBAAM,MAAM,MAAM,IAAI;AACtB,iBACI,oBAAC,SAAI,WAAU,QACX,8BAAC,UAAA,EAAS,gBAAgB,IAAI,UAAA,CAAW,EAAA,CAC7C;AAAA,QAER;AAAA,MAAA;AAAA,IACJ;AAAA,IAEJ,CAAA;AAAA,EAAC;AAGL,QAAM,qBAAqB,CAACA,iBAA8B;AACtD,iBAAaA,YAAW;AACxB,QAAI,gBAAgB,SAAS,GAAG;AAC5B,0BAAoB,CAAA,CAAE;AAAA,IAC1B;AAAA,EACJ;AAEA,QAAM,yBAAyB,CAAC,SAAiB;AAC7C,UAAM,eAAe,gBAAgB,SAAS;AAC9C,iBAAa,YAAY;AACzB,uBAAmB,YAAY;AAAA,EACnC;AAEA,QAAM,qBAAqB,CAAC,UAAkB;AAC1C,UAAM,eAAe,gBAAgB,SAAS;AAC9C,iBAAa,WAAW,OAAO,KAAK;AACpC,iBAAa,YAAY;AACzB,uBAAmB,YAAY;AAAA,EACnC;AAEA,QAAM,aAAa,CAAC,SAAsB;AACtC,UAAM,eAAe,gBAAgB,SAAS;AAC9C,iBAAa,OAAO;AACpB,uBAAmB,YAAY;AAAA,EACnC;AAEA,QAAM,kBAAkB,CAAC,SAAkB,QAAiB;AACxD,uBAAmB,SAAS,GAAG;AAAA,EACnC;AAEA,QAAM,qBAAqB,CAAC,SAAkB,SAAyB;AACnE,QAAI,SAAS;AACT,YAAM,eAAe,KAAK,IAAI,CAAC,QAAQ,IAAI,QAAQ;AACnD,0BAAoB,YAAY;AAAA,IACpC,OAAO;AACH,0BAAoB,CAAA,CAAE;AAAA,IAC1B;AAAA,EACJ;AAEA,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA,MAAM;AAAA,MACN,QAAQ,CAAC,aAAa,YAAY,WAAW;AAAA,MAC7C,uBAAuB,CAAC,CAAC;AAAA,MACzB,qBAAqB,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,MAC1C,SAAS;AAAA,MACT,YAAY;AAAA,QACR,OAAO,gBAAgB;AAAA,QACvB,WAAW,UAAU;AAAA,QACrB,UAAU,UAAU;AAAA,MAAA;AAAA,MAExB,iBAAiB,CAAC,QACd,gBAAgB,KAAK,CAAC,aAAa,SAAS,OAAO,IAAI,EAAE;AAAA,MAE7D,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEvC;AAER;"}
+{"version":3,"file":"ArticleListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport Switcher from '@/components/ui/Switcher'\nimport { UsersAvatarGroup } from '@/components/shared'\nimport DataTable from '@/components/shared/DataTable'\nimport { useManageArticleStore } from '../store/manageArticleStore'\nimport useManageArticle from '../hooks/useManageArticle'\nimport { categoryIcon, categoryClass } from '../utils'\nimport classNames from '@/utils/classNames'\nimport { Link } from 'react-router-dom'\nimport type { TableQueries } from '@/@types/common'\nimport type { Article } from '../types'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\n\nconst ArticleListTable = () => {\n    const tableData = useManageArticleStore((state) => state.tableData)\n    const selectedArticle = useManageArticleStore(\n        (state) => state.selectedArticle,\n    )\n    const setSelectedArticle = useManageArticleStore(\n        (state) => state.setSelectedArticle,\n    )\n    const setSelectAllArticle = useManageArticleStore(\n        (state) => state.setSelectAllArticle,\n    )\n    const setTableData = useManageArticleStore((state) => state.setTableData)\n\n    const { articleList, articleTotal, isLoading } = useManageArticle()\n\n    const columns: ColumnDef<Article>[] = useMemo(\n        () => [\n            {\n                header: 'Title',\n                accessorKey: 'title',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"flex items-center gap-4\">\n                            <Avatar\n                                icon={categoryIcon[row.category]}\n                                shape=\"round\"\n                                className={classNames(\n                                    'text-gray-900',\n                                    categoryClass[row.category],\n                                )}\n                            />\n                            <div>\n                                <div className=\"mb-2\">\n                                    <Link\n                                        to={`/concepts/help-center/edit-article/${row.id}`}\n                                        className=\"font-bold heading-text hover:text-primary\"\n                                    >\n                                        {row.title}\n                                    </Link>\n                                </div>\n                                <div className=\"flex items-center gap-1\">\n                                    {row.tags.map((tag) => (\n                                        <Tag key={tag.id}>{tag.label}</Tag>\n                                    ))}\n                                </div>\n                            </div>\n                        </div>\n                    )\n                },\n            },\n            {\n                header: 'Authors',\n                accessorKey: 'authors',\n                enableSorting: false,\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <UsersAvatarGroup\n                            avatarProps={{ size: 25 }}\n                            users={row.authors || []}\n                        />\n                    )\n                },\n            },\n            {\n                header: 'Last update',\n                accessorKey: 'updateTimeStamp',\n                cell: (props) => {\n                    const row = props.row.original\n                    return <div>{row.updateTime}</div>\n                },\n            },\n            {\n                header: 'Published',\n                accessorKey: 'published',\n                enableSorting: false,\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"px-4\">\n                            <Switcher defaultChecked={row.published} />\n                        </div>\n                    )\n                },\n            },\n        ],\n        [],\n    )\n\n    const handleSetTableData = (articleList: TableQueries) => {\n        setTableData(articleList)\n        if (selectedArticle.length > 0) {\n            setSelectAllArticle([])\n        }\n    }\n\n    const handlePaginationChange = (page: number) => {\n        const newTableData = structuredClone(tableData)\n        newTableData.pageIndex = page\n        handleSetTableData(newTableData)\n    }\n\n    const handleSelectChange = (value: number) => {\n        const newTableData = structuredClone(tableData)\n        newTableData.pageSize = Number(value)\n        newTableData.pageIndex = 1\n        handleSetTableData(newTableData)\n    }\n\n    const handleSort = (sort: OnSortParam) => {\n        const newTableData = structuredClone(tableData)\n        newTableData.sort = sort\n        handleSetTableData(newTableData)\n    }\n\n    const handleRowSelect = (checked: boolean, row: Article) => {\n        setSelectedArticle(checked, row)\n    }\n\n    const handleAllRowSelect = (checked: boolean, rows: Row<Article>[]) => {\n        if (checked) {\n            const originalRows = rows.map((row) => row.original)\n            setSelectAllArticle(originalRows)\n        } else {\n            setSelectAllArticle([])\n        }\n    }\n\n    return (\n        <div>\n            <DataTable\n                selectable\n                hoverable={false}\n                columns={columns}\n                data={articleList}\n                noData={!isLoading && articleList.length === 0}\n                skeletonAvatarColumns={[0]}\n                skeletonAvatarProps={{ width: 28, height: 28 }}\n                loading={isLoading}\n                pagingData={{\n                    total: articleTotal || 0,\n                    pageIndex: tableData.pageIndex as number,\n                    pageSize: tableData.pageSize as number,\n                }}\n                checkboxChecked={(row) =>\n                    selectedArticle.some((selected) => selected.id === row.id)\n                }\n                onPaginationChange={handlePaginationChange}\n                onSelectChange={handleSelectChange}\n                onSort={handleSort}\n                onCheckBoxChange={handleRowSelect}\n                onIndeterminateCheckBoxChange={handleAllRowSelect}\n            />\n        </div>\n    )\n}\n\nexport default ArticleListTable\n"],"names":["articleList"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAM,mBAAmB,MAAM;AAC3B,QAAM,YAAY,sBAAsB,CAAC,UAAU,MAAM,SAAS;AAClE,QAAM,kBAAkB;AAAA,IACpB,CAAC,UAAU,MAAM;AAAA,EAAA;AAErB,QAAM,qBAAqB;AAAA,IACvB,CAAC,UAAU,MAAM;AAAA,EAAA;AAErB,QAAM,sBAAsB;AAAA,IACxB,CAAC,UAAU,MAAM;AAAA,EAAA;AAErB,QAAM,eAAe,sBAAsB,CAAC,UAAU,MAAM,YAAY;AAExE,QAAM,EAAE,aAAa,cAAc,UAAA,IAAc,iBAAA;AAEjD,QAAM,UAAgC;AAAA,IAClC,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAAC,UAAU;AACb,gBAAM,MAAM,MAAM,IAAI;AACtB,iBACI,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAM,aAAa,IAAI,QAAQ;AAAA,gBAC/B,OAAM;AAAA,gBACN,WAAW;AAAA,kBACP;AAAA,kBACA,cAAc,IAAI,QAAQ;AAAA,gBAAA;AAAA,cAC9B;AAAA,YAAA;AAAA,iCAEH,OAAA,EACG,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,IAAI,sCAAsC,IAAI,EAAE;AAAA,kBAChD,WAAU;AAAA,kBAET,UAAA,IAAI;AAAA,gBAAA;AAAA,cAAA,GAEb;AAAA,kCACC,OAAA,EAAI,WAAU,2BACV,UAAA,IAAI,KAAK,IAAI,CAAC,QACX,oBAAC,OAAkB,UAAA,IAAI,SAAb,IAAI,EAAe,CAChC,EAAA,CACL;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,GACJ;AAAA,QAER;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,eAAe;AAAA,QACf,MAAM,CAAC,UAAU;AACb,gBAAM,MAAM,MAAM,IAAI;AACtB,iBACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,aAAa,EAAE,MAAM,GAAA;AAAA,cACrB,OAAO,IAAI,WAAW,CAAA;AAAA,YAAC;AAAA,UAAA;AAAA,QAGnC;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAAC,UAAU;AACb,gBAAM,MAAM,MAAM,IAAI;AACtB,iBAAO,oBAAC,OAAA,EAAK,UAAA,IAAI,WAAA,CAAW;AAAA,QAChC;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,eAAe;AAAA,QACf,MAAM,CAAC,UAAU;AACb,gBAAM,MAAM,MAAM,IAAI;AACtB,iBACI,oBAAC,SAAI,WAAU,QACX,8BAAC,UAAA,EAAS,gBAAgB,IAAI,UAAA,CAAW,EAAA,CAC7C;AAAA,QAER;AAAA,MAAA;AAAA,IACJ;AAAA,IAEJ,CAAA;AAAA,EAAC;AAGL,QAAM,qBAAqB,CAACA,iBAA8B;AACtD,iBAAaA,YAAW;AACxB,QAAI,gBAAgB,SAAS,GAAG;AAC5B,0BAAoB,CAAA,CAAE;AAAA,IAC1B;AAAA,EACJ;AAEA,QAAM,yBAAyB,CAAC,SAAiB;AAC7C,UAAM,eAAe,gBAAgB,SAAS;AAC9C,iBAAa,YAAY;AACzB,uBAAmB,YAAY;AAAA,EACnC;AAEA,QAAM,qBAAqB,CAAC,UAAkB;AAC1C,UAAM,eAAe,gBAAgB,SAAS;AAC9C,iBAAa,WAAW,OAAO,KAAK;AACpC,iBAAa,YAAY;AACzB,uBAAmB,YAAY;AAAA,EACnC;AAEA,QAAM,aAAa,CAAC,SAAsB;AACtC,UAAM,eAAe,gBAAgB,SAAS;AAC9C,iBAAa,OAAO;AACpB,uBAAmB,YAAY;AAAA,EACnC;AAEA,QAAM,kBAAkB,CAAC,SAAkB,QAAiB;AACxD,uBAAmB,SAAS,GAAG;AAAA,EACnC;AAEA,QAAM,qBAAqB,CAAC,SAAkB,SAAyB;AACnE,QAAI,SAAS;AACT,YAAM,eAAe,KAAK,IAAI,CAAC,QAAQ,IAAI,QAAQ;AACnD,0BAAoB,YAAY;AAAA,IACpC,OAAO;AACH,0BAAoB,CAAA,CAAE;AAAA,IAC1B;AAAA,EACJ;AAEA,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA,MAAM;AAAA,MACN,QAAQ,CAAC,aAAa,YAAY,WAAW;AAAA,MAC7C,uBAAuB,CAAC,CAAC;AAAA,MACzB,qBAAqB,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,MAC1C,SAAS;AAAA,MACT,YAAY;AAAA,QACR,OAAO,gBAAgB;AAAA,QACvB,WAAW,UAAU;AAAA,QACrB,UAAU,UAAU;AAAA,MAAA;AAAA,MAExB,iBAAiB,CAAC,QACd,gBAAgB,KAAK,CAAC,aAAa,SAAS,OAAO,IAAI,EAAE;AAAA,MAE7D,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEvC;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Drawer from '@/components/ui/Drawer'\r\nimport Checkbox from '@/components/ui/Checkbox'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport { useManageArticleStore } from '../store/manageArticleStore'\r\nimport { categoryOption } from '../utils'\r\nimport { TbFilter } from 'react-icons/tb'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\n\r\ntype FormSchema = {\r\n    category: Array<string>\r\n}\r\n\r\nconst validationSchema: ZodType<FormSchema> = z.object({\r\n    category: z.array(z.string()),\r\n})\r\n\r\nconst ArticleTableFilter = () => {\r\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\r\n    const filterData = useManageArticleStore((state) => state.filterData)\r\n    const setFilterData = useManageArticleStore((state) => state.setFilterData)\r\n\r\n    const { handleSubmit, control } = useForm<FormSchema>({\r\n        defaultValues: filterData,\r\n        resolver: zodResolver(validationSchema),\r\n    })\r\n\r\n    const onSubmit = (values: FormSchema) => {\r\n        setFilterData(values)\r\n        setFilterIsOpen(false)\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\r\n                Filter\r\n            </Button>\r\n            <Drawer\r\n                title=\"Filter\"\r\n                isOpen={filterIsOpen}\r\n                onClose={() => setFilterIsOpen(false)}\r\n                onRequestClose={() => setFilterIsOpen(false)}\r\n            >\r\n                <Form\r\n                    className=\"h-full\"\r\n                    containerClassName=\"flex flex-col justify-between h-full\"\r\n                    onSubmit={handleSubmit(onSubmit)}\r\n                >\r\n                    <div>\r\n                        <FormItem label=\"Showing category\">\r\n                            <div className=\"mt-4\">\r\n                                <Controller\r\n                                    name=\"category\"\r\n                                    control={control}\r\n                                    render={({ field }) => (\r\n                                        <Checkbox.Group\r\n                                            vertical\r\n                                            className=\"flex\"\r\n                                            {...field}\r\n                                        >\r\n                                            {categoryOption.map((category) => (\r\n                                                <Checkbox\r\n                                                    key={category.value}\r\n                                                    name={field.name}\r\n                                                    value={category.value}\r\n                                                    className=\"justify-between flex-row-reverse heading-text\"\r\n                                                >\r\n                                                    {category.label}\r\n                                                </Checkbox>\r\n                                            ))}\r\n                                        </Checkbox.Group>\r\n                                    )}\r\n                                />\r\n                            </div>\r\n                        </FormItem>\r\n                    </div>\r\n                    <Button variant=\"solid\" type=\"submit\">\r\n                        Query\r\n                    </Button>\r\n                </Form>\r\n            </Drawer>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ArticleTableFilter\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,UAAU,EAAE,MAAM,EAAE,QAAQ;AAChC,CAAC;AAED,MAAM,qBAAqB,MAAM;AAC7B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,aAAa,sBAAsB,CAAC,UAAU,MAAM,UAAU;AACpE,QAAM,gBAAgB,sBAAsB,CAAC,UAAU,MAAM,aAAa;AAE1E,QAAM,EAAE,cAAc,QAAA,IAAY,QAAoB;AAAA,IAClD,eAAe;AAAA,IACf,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,QAAM,WAAW,CAAC,WAAuB;AACrC,kBAAc,MAAM;AACpB,oBAAgB,KAAK;AAAA,EACzB;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,MAAM,oBAAC,UAAA,CAAA,CAAS,GAAI,SAAS,MAAM,gBAAgB,IAAI,GAAG,UAAA,SAAA,CAElE;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAQ;AAAA,QACR,SAAS,MAAM,gBAAgB,KAAK;AAAA,QACpC,gBAAgB,MAAM,gBAAgB,KAAK;AAAA,QAE3C,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,oBAAmB;AAAA,YACnB,UAAU,aAAa,QAAQ;AAAA,YAE/B,UAAA;AAAA,cAAA,oBAAC,OAAA,EACG,8BAAC,UAAA,EAAS,OAAM,oBACZ,UAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,UAAQ;AAAA,sBACR,WAAU;AAAA,sBACT,GAAG;AAAA,sBAEH,UAAA,eAAe,IAAI,CAAC,aACjB;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BAEG,MAAM,MAAM;AAAA,0BACZ,OAAO,SAAS;AAAA,0BAChB,WAAU;AAAA,0BAET,UAAA,SAAS;AAAA,wBAAA;AAAA,wBALL,SAAS;AAAA,sBAAA,CAOrB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACL;AAAA,cAAA,EAER,CACJ,GACJ,GACJ;AAAA,kCACC,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,QAAA,CAEtC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"ArticleTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ArticleTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport { useManageArticleStore } from '../store/manageArticleStore'\nimport { categoryOption } from '../utils'\nimport { TbFilter } from 'react-icons/tb'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    category: Array<string>\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    category: z.array(z.string()),\n})\n\nconst ArticleTableFilter = () => {\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\n    const filterData = useManageArticleStore((state) => state.filterData)\n    const setFilterData = useManageArticleStore((state) => state.setFilterData)\n\n    const { handleSubmit, control } = useForm<FormSchema>({\n        defaultValues: filterData,\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setFilterData(values)\n        setFilterIsOpen(false)\n    }\n\n    return (\n        <>\n            <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\n                Filter\n            </Button>\n            <Drawer\n                title=\"Filter\"\n                isOpen={filterIsOpen}\n                onClose={() => setFilterIsOpen(false)}\n                onRequestClose={() => setFilterIsOpen(false)}\n            >\n                <Form\n                    className=\"h-full\"\n                    containerClassName=\"flex flex-col justify-between h-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <div>\n                        <FormItem label=\"Showing category\">\n                            <div className=\"mt-4\">\n                                <Controller\n                                    name=\"category\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <Checkbox.Group\n                                            vertical\n                                            className=\"flex\"\n                                            {...field}\n                                        >\n                                            {categoryOption.map((category) => (\n                                                <Checkbox\n                                                    key={category.value}\n                                                    name={field.name}\n                                                    value={category.value}\n                                                    className=\"justify-between flex-row-reverse heading-text\"\n                                                >\n                                                    {category.label}\n                                                </Checkbox>\n                                            ))}\n                                        </Checkbox.Group>\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                    </div>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Query\n                    </Button>\n                </Form>\n            </Drawer>\n        </>\n    )\n}\n\nexport default ArticleTableFilter\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,UAAU,EAAE,MAAM,EAAE,QAAQ;AAChC,CAAC;AAED,MAAM,qBAAqB,MAAM;AAC7B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,aAAa,sBAAsB,CAAC,UAAU,MAAM,UAAU;AACpE,QAAM,gBAAgB,sBAAsB,CAAC,UAAU,MAAM,aAAa;AAE1E,QAAM,EAAE,cAAc,QAAA,IAAY,QAAoB;AAAA,IAClD,eAAe;AAAA,IACf,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,QAAM,WAAW,CAAC,WAAuB;AACrC,kBAAc,MAAM;AACpB,oBAAgB,KAAK;AAAA,EACzB;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,MAAM,oBAAC,UAAA,CAAA,CAAS,GAAI,SAAS,MAAM,gBAAgB,IAAI,GAAG,UAAA,SAAA,CAElE;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAQ;AAAA,QACR,SAAS,MAAM,gBAAgB,KAAK;AAAA,QACpC,gBAAgB,MAAM,gBAAgB,KAAK;AAAA,QAE3C,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,oBAAmB;AAAA,YACnB,UAAU,aAAa,QAAQ;AAAA,YAE/B,UAAA;AAAA,cAAA,oBAAC,OAAA,EACG,8BAAC,UAAA,EAAS,OAAM,oBACZ,UAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL;AAAA,kBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,oBAAC,SAAS;AAAA,oBAAT;AAAA,sBACG,UAAQ;AAAA,sBACR,WAAU;AAAA,sBACT,GAAG;AAAA,sBAEH,UAAA,eAAe,IAAI,CAAC,aACjB;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BAEG,MAAM,MAAM;AAAA,0BACZ,OAAO,SAAS;AAAA,0BAChB,WAAU;AAAA,0BAET,UAAA,SAAS;AAAA,wBAAA;AAAA,wBALL,SAAS;AAAA,sBAAA,CAOrB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACL;AAAA,cAAA,EAER,CACJ,GACJ,GACJ;AAAA,kCACC,QAAA,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/components/ManageArticleHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManageArticleHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ManageArticleHeader.tsx"],"sourcesContent":["import ArticleListSearch from './ArticleListSearch'\r\nimport ArticleTableFilter from './ArticleTableFilter'\r\n\r\nconst ManageArticleHeader = () => {\r\n    return (\r\n        <div className=\"mb-6\">\r\n            <h3>Manage article</h3>\r\n            <div className=\"flex items-center justify-between gap-4 mt-4\">\r\n                <ArticleListSearch />\r\n                <ArticleTableFilter />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ManageArticleHeader\r\n"],"names":[],"mappings":";;;AAGA,MAAM,sBAAsB,MAAM;AAC9B,SACI,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,iBAAA,CAAc;AAAA,IAClB,qBAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,MAAA,oBAAC,mBAAA,EAAkB;AAAA,0BAClB,oBAAA,CAAA,CAAmB;AAAA,IAAA,EAAA,CACxB;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ManageArticleHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/components/ManageArticleHeader.tsx"],"sourcesContent":["import ArticleListSearch from './ArticleListSearch'\nimport ArticleTableFilter from './ArticleTableFilter'\n\nconst ManageArticleHeader = () => {\n    return (\n        <div className=\"mb-6\">\n            <h3>Manage article</h3>\n            <div className=\"flex items-center justify-between gap-4 mt-4\">\n                <ArticleListSearch />\n                <ArticleTableFilter />\n            </div>\n        </div>\n    )\n}\n\nexport default ManageArticleHeader\n"],"names":[],"mappings":";;;AAGA,MAAM,sBAAsB,MAAM;AAC9B,SACI,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,iBAAA,CAAc;AAAA,IAClB,qBAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,MAAA,oBAAC,mBAAA,EAAkB;AAAA,0BAClB,oBAAA,CAAA,CAAmB;AAAA,IAAA,EAAA,CACxB;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useManageArticle.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/hooks/useManageArticle.ts"],"sourcesContent":["import { useManageArticleStore } from '../store/manageArticleStore'\r\nimport { apiGetArticleList } from '@/services/HelpCenterService'\r\nimport useSWR from 'swr'\r\nimport type { TableQueries } from '@/@types/common'\r\nimport type { GetArticleListResponse } from '../types'\r\n\r\nconst useManageArticle = () => {\r\n    const tableData = useManageArticleStore((state) => state.tableData)\r\n    const filterData = useManageArticleStore((state) => state.filterData)\r\n\r\n    const { data, isLoading, mutate } = useSWR(\r\n        ['/helps/manage/articles', { ...tableData, ...filterData }],\r\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n        ([_, params]) =>\r\n            apiGetArticleList<GetArticleListResponse, TableQueries>(params),\r\n        {\r\n            revalidateOnFocus: false,\r\n        },\r\n    )\r\n\r\n    return {\r\n        articleList: data?.list || [],\r\n        articleTotal: data?.total || 0,\r\n        isLoading,\r\n        mutate,\r\n    }\r\n}\r\n\r\nexport default useManageArticle\r\n"],"names":[],"mappings":";;;AAMA,MAAM,mBAAmB,MAAM;AAC3B,QAAM,YAAY,sBAAsB,CAAC,UAAU,MAAM,SAAS;AAClE,QAAM,aAAa,sBAAsB,CAAC,UAAU,MAAM,UAAU;AAEpE,QAAM,EAAE,MAAM,WAAW,OAAA,IAAW;AAAA,IAChC,CAAC,0BAA0B,EAAE,GAAG,WAAW,GAAG,YAAY;AAAA;AAAA,IAE1D,CAAC,CAAC,GAAG,MAAM,MACP,kBAAwD,MAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB;AAGJ,SAAO;AAAA,IACH,aAAa,MAAM,QAAQ,CAAA;AAAA,IAC3B,cAAc,MAAM,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useManageArticle.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/hooks/useManageArticle.ts"],"sourcesContent":["import { useManageArticleStore } from '../store/manageArticleStore'\nimport { apiGetArticleList } from '@/services/HelpCenterService'\nimport useSWR from 'swr'\nimport type { TableQueries } from '@/@types/common'\nimport type { GetArticleListResponse } from '../types'\n\nconst useManageArticle = () => {\n    const tableData = useManageArticleStore((state) => state.tableData)\n    const filterData = useManageArticleStore((state) => state.filterData)\n\n    const { data, isLoading, mutate } = useSWR(\n        ['/helps/manage/articles', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetArticleList<GetArticleListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    return {\n        articleList: data?.list || [],\n        articleTotal: data?.total || 0,\n        isLoading,\n        mutate,\n    }\n}\n\nexport default useManageArticle\n"],"names":[],"mappings":";;;AAMA,MAAM,mBAAmB,MAAM;AAC3B,QAAM,YAAY,sBAAsB,CAAC,UAAU,MAAM,SAAS;AAClE,QAAM,aAAa,sBAAsB,CAAC,UAAU,MAAM,UAAU;AAEpE,QAAM,EAAE,MAAM,WAAW,OAAA,IAAW;AAAA,IAChC,CAAC,0BAA0B,EAAE,GAAG,WAAW,GAAG,YAAY;AAAA;AAAA,IAE1D,CAAC,CAAC,GAAG,MAAM,MACP,kBAAwD,MAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB;AAGJ,SAAO;AAAA,IACH,aAAa,MAAM,QAAQ,CAAA;AAAA,IAC3B,cAAc,MAAM,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"manageArticleStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/help-center/ManageArticle/store/manageArticleStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { TableQueries } from '@/@types/common'\r\nimport type { Article, Articles, Filter } from '../types'\r\n\r\nexport const initialTableData: TableQueries = {\r\n    pageIndex: 1,\r\n    pageSize: 10,\r\n    query: '',\r\n    sort: {\r\n        order: '',\r\n        key: '',\r\n    },\r\n}\r\n\r\nexport const initialFilterData = {\r\n    category: [\r\n        'introduction',\r\n        'setupGuide',\r\n        'basicFeatures',\r\n        'survey',\r\n        'analytic',\r\n        'dataVisualization',\r\n        'chatbot',\r\n        'media',\r\n        'security',\r\n        'integration',\r\n        'themes',\r\n        'commission',\r\n    ],\r\n}\r\n\r\nexport type ManageArticleState = {\r\n    tableData: TableQueries\r\n    filterData: Filter\r\n    selectedArticle: Partial<Article>[]\r\n}\r\n\r\ntype ManageArticleAction = {\r\n    setFilterData: (payload: Filter) => void\r\n    setTableData: (payload: TableQueries) => void\r\n    setSelectedArticle: (checked: boolean, customer: Article) => void\r\n    setSelectAllArticle: (customer: Articles) => void\r\n}\r\n\r\nconst initialState: ManageArticleState = {\r\n    tableData: initialTableData,\r\n    filterData: initialFilterData,\r\n    selectedArticle: [],\r\n}\r\n\r\nexport const useManageArticleStore = create<\r\n    ManageArticleState & ManageArticleAction\r\n>((set) => ({\r\n    ...initialState,\r\n    setFilterData: (payload) => set(() => ({ filterData: payload })),\r\n    setTableData: (payload) => set(() => ({ tableData: payload })),\r\n    setSelectedArticle: (checked, row) =>\r\n        set((state) => {\r\n            const prevData = state.selectedArticle\r\n            if (checked) {\r\n                return { selectedArticle: [...prevData, ...[row]] }\r\n            } else {\r\n                if (prevData.some((prevArticle) => row.id === prevArticle.id)) {\r\n                    return {\r\n                        selectedArticle: prevData.filter(\r\n                            (prevArticle) => prevArticle.id !== row.id,\r\n                        ),\r\n                    }\r\n                }\r\n                return { selectedArticle: prevData }\r\n            }\r\n        }),\r\n    setSelectAllArticle: (row) => set(() => ({ selectedArticle: row })),\r\n}))\r\n"],"names":[],"mappings":";AAIO,MAAM,mBAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb;AAEO,MAAM,oBAAoB;AAAA,EAC7B,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;AAeA,MAAM,eAAmC;AAAA,EACrC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,iBAAiB,CAAA;AACrB;AAEO,MAAM,wBAAwB,OAEnC,CAAC,SAAS;AAAA,EACR,GAAG;AAAA,EACH,eAAe,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,EAC/D,cAAc,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,UAAU;AAAA,EAC7D,oBAAoB,CAAC,SAAS,QAC1B,IAAI,CAAC,UAAU;AACX,UAAM,WAAW,MAAM;AACvB,QAAI,SAAS;AACT,aAAO,EAAE,iBAAiB,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,CAAC,EAAA;AAAA,IACpD,OAAO;AACH,UAAI,SAAS,KAAK,CAAC,gBAAgB,IAAI,OAAO,YAAY,EAAE,GAAG;AAC3D,eAAO;AAAA,UACH,iBAAiB,SAAS;AAAA,YACtB,CAAC,gBAAgB,YAAY,OAAO,IAAI;AAAA,UAAA;AAAA,QAC5C;AAAA,MAER;AACA,aAAO,EAAE,iBAAiB,SAAA;AAAA,IAC9B;AAAA,EACJ,CAAC;AAAA,EACL,qBAAqB,CAAC,QAAQ,IAAI,OAAO,EAAE,iBAAiB,MAAM;AACtE,EAAE;"}
+{"version":3,"file":"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":[],"mappings":";AAIO,MAAM,mBAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb;AAEO,MAAM,oBAAoB;AAAA,EAC7B,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;AAeA,MAAM,eAAmC;AAAA,EACrC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,iBAAiB,CAAA;AACrB;AAEO,MAAM,wBAAwB,OAEnC,CAAC,SAAS;AAAA,EACR,GAAG;AAAA,EACH,eAAe,CAAC,YAAY,IAAI,OAAO,EAAE,YAAY,UAAU;AAAA,EAC/D,cAAc,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,UAAU;AAAA,EAC7D,oBAAoB,CAAC,SAAS,QAC1B,IAAI,CAAC,UAAU;AACX,UAAM,WAAW,MAAM;AACvB,QAAI,SAAS;AACT,aAAO,EAAE,iBAAiB,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,CAAC,EAAA;AAAA,IACpD,OAAO;AACH,UAAI,SAAS,KAAK,CAAC,gBAAgB,IAAI,OAAO,YAAY,EAAE,GAAG;AAC3D,eAAO;AAAA,UACH,iBAAiB,SAAS;AAAA,YACtB,CAAC,gBAAgB,YAAY,OAAO,IAAI;AAAA,UAAA;AAAA,QAC5C;AAAA,MAER;AACA,aAAO,EAAE,iBAAiB,SAAA;AAAA,IAC9B;AAAA,EACJ,CAAC;AAAA,EACL,qBAAqB,CAAC,QAAQ,IAAI,OAAO,EAAE,iBAAiB,MAAM;AACtE,EAAE;"}