@orbe-agro/client-core 5.5.3 → 5.5.9

package/dist/@ecme/views/concepts/customers/CustomerList/components/CustomerListTableFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerListTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Input from '@/components/ui/Input'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport useCustomerList from '../hooks/useCustomerList'\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    purchasedProducts: string\n    purchaseChannel: Array<string>\n}\n\nconst channelList = [\n    'Retail Stores',\n    'Online Retailers',\n    'Resellers',\n    'Mobile Apps',\n    'Direct Sales',\n]\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    purchasedProducts: z.string(),\n    purchaseChannel: z.array(z.string()),\n})\n\nconst CustomerListTableFilter = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const { filterData, setFilterData } = useCustomerList()\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = () => {\n        setIsOpen(false)\n    }\n\n    const { handleSubmit, reset, control } = useForm<FormSchema>({\n        defaultValues: filterData,\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setFilterData(values)\n        setIsOpen(false)\n    }\n\n    return (\n        <>\n            <Button icon={<TbFilter />} onClick={() => openDialog()}>\n                Filter\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h4 className=\"mb-4\">Filter</h4>\n                <Form onSubmit={handleSubmit(onSubmit)}>\n                    <FormItem label=\"Products\">\n                        <Controller\n                            name=\"purchasedProducts\"\n                            control={control}\n                            render={({ field }) => (\n                                <Input\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    placeholder=\"Search by purchased product\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem label=\"Purchase Channel\">\n                        <Controller\n                            name=\"purchaseChannel\"\n                            control={control}\n                            render={({ field }) => (\n                                <Checkbox.Group\n                                    vertical\n                                    className=\"flex mt-4\"\n                                    {...field}\n                                >\n                                    {channelList.map((source, index) => (\n                                        <Checkbox\n                                            key={source + index}\n                                            name={field.name}\n                                            value={source}\n                                            className=\"justify-between flex-row-reverse heading-text\"\n                                        >\n                                            {source}\n                                        </Checkbox>\n                                    ))}\n                                </Checkbox.Group>\n                            )}\n                        />\n                    </FormItem>\n                    <div className=\"flex justify-end items-center gap-2 mt-4\">\n                        <Button type=\"button\" onClick={() => reset()}>\n                            Reset\n                        </Button>\n                        <Button type=\"submit\" variant=\"solid\">\n                            Apply\n                        </Button>\n                    </div>\n                </Form>\n            </Dialog>\n        </>\n    )\n}\n\nexport default CustomerListTableFilter\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,mBAAmB,EAAE,OAAO;AAAA,EAC5B,iBAAiB,EAAE,MAAM,EAAE,OAAQ,CAAA;AACvC,CAAC;AAED,MAAM,0BAA0B,MAAM;AAClC,QAAM,CAAC,cAAc,SAAS,IAAI,SAAS,KAAK;AAEhD,QAAM,EAAE,YAAY,cAAc,IAAI,gBAAgB;AAEtD,QAAM,aAAa,MAAM;AACrB,cAAU,IAAI;AAAA,EAClB;AAEA,QAAM,gBAAgB,MAAM;AACxB,cAAU,KAAK;AAAA,EACnB;AAEA,QAAM,EAAE,cAAc,OAAO,QAAA,IAAY,QAAoB;AAAA,IACzD,eAAe;AAAA,IACf,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAEK,QAAA,WAAW,CAAC,WAAuB;AACrC,kBAAc,MAAM;AACpB,cAAU,KAAK;AAAA,EACnB;AAEA,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAA,QAAA,EAAO,MAAO,oBAAA,UAAA,CAAA,CAAS,GAAI,SAAS,MAAM,WAAW,GAAG,UAEzD,SAAA,CAAA;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,gBAAgB;AAAA,QAEhB,UAAA;AAAA,UAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAM,UAAA;AAAA,UAC1B,qBAAA,MAAA,EAAK,UAAU,aAAa,QAAQ,GACjC,UAAA;AAAA,YAAC,oBAAA,UAAA,EAAS,OAAM,YACZ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL;AAAA,gBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAG;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA,GAGZ;AAAA,YACA,oBAAC,UAAS,EAAA,OAAM,oBACZ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL;AAAA,gBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,kBAAC,SAAS;AAAA,kBAAT;AAAA,oBACG,UAAQ;AAAA,oBACR,WAAU;AAAA,oBACT,GAAG;AAAA,oBAEH,UAAY,YAAA,IAAI,CAAC,QAAQ,UACtB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEG,MAAM,MAAM;AAAA,wBACZ,OAAO;AAAA,wBACP,WAAU;AAAA,wBAET,UAAA;AAAA,sBAAA;AAAA,sBALI,SAAS;AAAA,oBAOrB,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACL;AAAA,YAAA,GAGZ;AAAA,YACA,qBAAC,OAAI,EAAA,WAAU,4CACX,UAAA;AAAA,cAAA,oBAAC,UAAO,MAAK,UAAS,SAAS,MAAM,SAAS,UAE9C,SAAA;AAAA,kCACC,QAAO,EAAA,MAAK,UAAS,SAAQ,SAAQ,UAEtC,QAAA,CAAA;AAAA,YAAA,EACJ,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"CustomerListTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Input from '@/components/ui/Input'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport useCustomerList from '../hooks/useCustomerList'\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    purchasedProducts: string\n    purchaseChannel: Array<string>\n}\n\nconst channelList = [\n    'Retail Stores',\n    'Online Retailers',\n    'Resellers',\n    'Mobile Apps',\n    'Direct Sales',\n]\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    purchasedProducts: z.string(),\n    purchaseChannel: z.array(z.string()),\n})\n\nconst CustomerListTableFilter = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const { filterData, setFilterData } = useCustomerList()\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = () => {\n        setIsOpen(false)\n    }\n\n    const { handleSubmit, reset, control } = useForm<FormSchema>({\n        defaultValues: filterData,\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setFilterData(values)\n        setIsOpen(false)\n    }\n\n    return (\n        <>\n            <Button icon={<TbFilter />} onClick={() => openDialog()}>\n                Filter\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h4 className=\"mb-4\">Filter</h4>\n                <Form onSubmit={handleSubmit(onSubmit)}>\n                    <FormItem label=\"Products\">\n                        <Controller\n                            name=\"purchasedProducts\"\n                            control={control}\n                            render={({ field }) => (\n                                <Input\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    placeholder=\"Search by purchased product\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem label=\"Purchase Channel\">\n                        <Controller\n                            name=\"purchaseChannel\"\n                            control={control}\n                            render={({ field }) => (\n                                <Checkbox.Group\n                                    vertical\n                                    className=\"flex mt-4\"\n                                    {...field}\n                                >\n                                    {channelList.map((source, index) => (\n                                        <Checkbox\n                                            key={source + index}\n                                            name={field.name}\n                                            value={source}\n                                            className=\"justify-between flex-row-reverse heading-text\"\n                                        >\n                                            {source}\n                                        </Checkbox>\n                                    ))}\n                                </Checkbox.Group>\n                            )}\n                        />\n                    </FormItem>\n                    <div className=\"flex justify-end items-center gap-2 mt-4\">\n                        <Button type=\"button\" onClick={() => reset()}>\n                            Reset\n                        </Button>\n                        <Button type=\"submit\" variant=\"solid\">\n                            Apply\n                        </Button>\n                    </div>\n                </Form>\n            </Dialog>\n        </>\n    )\n}\n\nexport default CustomerListTableFilter\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,mBAAmB,EAAE,OAAA;AAAA,EACrB,iBAAiB,EAAE,MAAM,EAAE,QAAQ;AACvC,CAAC;AAED,MAAM,0BAA0B,MAAM;AAClC,QAAM,CAAC,cAAc,SAAS,IAAI,SAAS,KAAK;AAEhD,QAAM,EAAE,YAAY,cAAA,IAAkB,gBAAA;AAEtC,QAAM,aAAa,MAAM;AACrB,cAAU,IAAI;AAAA,EAClB;AAEA,QAAM,gBAAgB,MAAM;AACxB,cAAU,KAAK;AAAA,EACnB;AAEA,QAAM,EAAE,cAAc,OAAO,QAAA,IAAY,QAAoB;AAAA,IACzD,eAAe;AAAA,IACf,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,QAAM,WAAW,CAAC,WAAuB;AACrC,kBAAc,MAAM;AACpB,cAAU,KAAK;AAAA,EACnB;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,MAAM,oBAAC,UAAA,CAAA,CAAS,GAAI,SAAS,MAAM,WAAA,GAAc,UAAA,SAAA,CAEzD;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,gBAAgB;AAAA,QAEhB,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,UAAM;AAAA,UAC3B,qBAAC,MAAA,EAAK,UAAU,aAAa,QAAQ,GACjC,UAAA;AAAA,YAAA,oBAAC,UAAA,EAAS,OAAM,YACZ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL;AAAA,gBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAG;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA,GAGZ;AAAA,YACA,oBAAC,UAAA,EAAS,OAAM,oBACZ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL;AAAA,gBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,kBAAC,SAAS;AAAA,kBAAT;AAAA,oBACG,UAAQ;AAAA,oBACR,WAAU;AAAA,oBACT,GAAG;AAAA,oBAEH,UAAA,YAAY,IAAI,CAAC,QAAQ,UACtB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEG,MAAM,MAAM;AAAA,wBACZ,OAAO;AAAA,wBACP,WAAU;AAAA,wBAET,UAAA;AAAA,sBAAA;AAAA,sBALI,SAAS;AAAA,oBAAA,CAOrB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACL;AAAA,YAAA,GAGZ;AAAA,YACA,qBAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,cAAA,oBAAC,UAAO,MAAK,UAAS,SAAS,MAAM,MAAA,GAAS,UAAA,SAE9C;AAAA,kCACC,QAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,UAAA,QAAA,CAEtC;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerList/components/CustomersListTableTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomersListTableTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomersListTableTools.tsx"],"sourcesContent":["import useCustomerList from '../hooks/useCustomerList'\nimport CustomerListSearch from './CustomerListSearch'\nimport CustomerTableFilter from './CustomerListTableFilter'\nimport cloneDeep from 'lodash/cloneDeep'\n\nconst CustomersListTableTools = () => {\n    const { tableData, setTableData } = useCustomerList()\n\n    const handleInputChange = (val: string) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.query = val\n        newTableData.pageIndex = 1\n        if (typeof val === 'string' && val.length > 1) {\n            setTableData(newTableData)\n        }\n\n        if (typeof val === 'string' && val.length === 0) {\n            setTableData(newTableData)\n        }\n    }\n\n    return (\n        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n            <CustomerListSearch onInputChange={handleInputChange} />\n            <CustomerTableFilter />\n        </div>\n    )\n}\n\nexport default CustomersListTableTools\n"],"names":["CustomerTableFilter"],"mappings":";;;;;AAKA,MAAM,0BAA0B,MAAM;AAClC,QAAM,EAAE,WAAW,aAAa,IAAI,gBAAgB;AAE9C,QAAA,oBAAoB,CAAC,QAAgB;AACjC,UAAA,eAAe,UAAU,SAAS;AACxC,iBAAa,QAAQ;AACrB,iBAAa,YAAY;AACzB,QAAI,OAAO,QAAQ,YAAY,IAAI,SAAS,GAAG;AAC3C,mBAAa,YAAY;AAAA,IAAA;AAG7B,QAAI,OAAO,QAAQ,YAAY,IAAI,WAAW,GAAG;AAC7C,mBAAa,YAAY;AAAA,IAAA;AAAA,EAEjC;AAGI,SAAA,qBAAC,OAAI,EAAA,WAAU,sEACX,UAAA;AAAA,IAAC,oBAAA,oBAAA,EAAmB,eAAe,kBAAmB,CAAA;AAAA,wBACrDA,yBAAoB,CAAA,CAAA;AAAA,EAAA,GACzB;AAER;"}
+{"version":3,"file":"CustomersListTableTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomersListTableTools.tsx"],"sourcesContent":["import useCustomerList from '../hooks/useCustomerList'\nimport CustomerListSearch from './CustomerListSearch'\nimport CustomerTableFilter from './CustomerListTableFilter'\nimport cloneDeep from 'lodash/cloneDeep'\n\nconst CustomersListTableTools = () => {\n    const { tableData, setTableData } = useCustomerList()\n\n    const handleInputChange = (val: string) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.query = val\n        newTableData.pageIndex = 1\n        if (typeof val === 'string' && val.length > 1) {\n            setTableData(newTableData)\n        }\n\n        if (typeof val === 'string' && val.length === 0) {\n            setTableData(newTableData)\n        }\n    }\n\n    return (\n        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n            <CustomerListSearch onInputChange={handleInputChange} />\n            <CustomerTableFilter />\n        </div>\n    )\n}\n\nexport default CustomersListTableTools\n"],"names":["CustomerTableFilter"],"mappings":";;;;;AAKA,MAAM,0BAA0B,MAAM;AAClC,QAAM,EAAE,WAAW,aAAA,IAAiB,gBAAA;AAEpC,QAAM,oBAAoB,CAAC,QAAgB;AACvC,UAAM,eAAe,UAAU,SAAS;AACxC,iBAAa,QAAQ;AACrB,iBAAa,YAAY;AACzB,QAAI,OAAO,QAAQ,YAAY,IAAI,SAAS,GAAG;AAC3C,mBAAa,YAAY;AAAA,IAC7B;AAEA,QAAI,OAAO,QAAQ,YAAY,IAAI,WAAW,GAAG;AAC7C,mBAAa,YAAY;AAAA,IAC7B;AAAA,EACJ;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,IAAA,oBAAC,oBAAA,EAAmB,eAAe,kBAAA,CAAmB;AAAA,wBACrDA,yBAAA,CAAA,CAAoB;AAAA,EAAA,GACzB;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerList/hooks/useCustomerList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomerList.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/hooks/useCustomerList.ts"],"sourcesContent":["import { apiGetCustomersList } from '@/services/CustomersService'\nimport useSWR from 'swr'\nimport { useCustomerListStore } from '../store/customerListStore'\nimport type { GetCustomersListResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useCustomerList() {\n    const {\n        tableData,\n        filterData,\n        setTableData,\n        selectedCustomer,\n        setSelectedCustomer,\n        setSelectAllCustomer,\n        setFilterData,\n    } = useCustomerListStore((state) => state)\n\n    const { data, error, isLoading, mutate } = useSWR(\n        ['/api/customers', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetCustomersList<GetCustomersListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    const customerList = data?.list || []\n\n    const customerListTotal = data?.total || 0\n\n    return {\n        customerList,\n        customerListTotal,\n        error,\n        isLoading,\n        tableData,\n        filterData,\n        mutate,\n        setTableData,\n        selectedCustomer,\n        setSelectedCustomer,\n        setSelectAllCustomer,\n        setFilterData,\n    }\n}\n"],"names":[],"mappings":";;;AAMA,SAAwB,kBAAkB;AAChC,QAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,qBAAqB,CAAC,UAAU,KAAK;AAEzC,QAAM,EAAE,MAAM,OAAO,WAAW,OAAW,IAAA;AAAA,IACvC,CAAC,kBAAkB,EAAE,GAAG,WAAW,GAAG,YAAY;AAAA;AAAA,IAElD,CAAC,CAAC,GAAG,MAAM,MACP,oBAA4D,MAAM;AAAA,IACtE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EAE3B;AAEM,QAAA,eAAe,MAAM,QAAQ,CAAC;AAE9B,QAAA,oBAAoB,MAAM,SAAS;AAElC,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"useCustomerList.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/hooks/useCustomerList.ts"],"sourcesContent":["import { apiGetCustomersList } from '@/services/CustomersService'\nimport useSWR from 'swr'\nimport { useCustomerListStore } from '../store/customerListStore'\nimport type { GetCustomersListResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useCustomerList() {\n    const {\n        tableData,\n        filterData,\n        setTableData,\n        selectedCustomer,\n        setSelectedCustomer,\n        setSelectAllCustomer,\n        setFilterData,\n    } = useCustomerListStore((state) => state)\n\n    const { data, error, isLoading, mutate } = useSWR(\n        ['/api/customers', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetCustomersList<GetCustomersListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    const customerList = data?.list || []\n\n    const customerListTotal = data?.total || 0\n\n    return {\n        customerList,\n        customerListTotal,\n        error,\n        isLoading,\n        tableData,\n        filterData,\n        mutate,\n        setTableData,\n        selectedCustomer,\n        setSelectedCustomer,\n        setSelectAllCustomer,\n        setFilterData,\n    }\n}\n"],"names":[],"mappings":";;;AAMA,SAAwB,kBAAkB;AACtC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,qBAAqB,CAAC,UAAU,KAAK;AAEzC,QAAM,EAAE,MAAM,OAAO,WAAW,WAAW;AAAA,IACvC,CAAC,kBAAkB,EAAE,GAAG,WAAW,GAAG,YAAY;AAAA;AAAA,IAElD,CAAC,CAAC,GAAG,MAAM,MACP,oBAA4D,MAAM;AAAA,IACtE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB;AAGJ,QAAM,eAAe,MAAM,QAAQ,CAAA;AAEnC,QAAM,oBAAoB,MAAM,SAAS;AAEzC,SAAO;AAAA,IACH;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;"}

package/dist/@ecme/views/concepts/customers/CustomerList/store/customerListStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"customerListStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/store/customerListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Customer, 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    purchasedProducts: '',\n    purchaseChannel: [\n        'Retail Stores',\n        'Online Retailers',\n        'Resellers',\n        'Mobile Apps',\n        'Direct Sales',\n    ],\n}\n\nexport type CustomersListState = {\n    tableData: TableQueries\n    filterData: Filter\n    selectedCustomer: Partial<Customer>[]\n}\n\ntype CustomersListAction = {\n    setFilterData: (payload: Filter) => void\n    setTableData: (payload: TableQueries) => void\n    setSelectedCustomer: (checked: boolean, customer: Customer) => void\n    setSelectAllCustomer: (customer: Customer[]) => void\n}\n\nconst initialState: CustomersListState = {\n    tableData: initialTableData,\n    filterData: initialFilterData,\n    selectedCustomer: [],\n}\n\nexport const useCustomerListStore = create<\n    CustomersListState & CustomersListAction\n>((set) => ({\n    ...initialState,\n    setFilterData: (payload) => set(() => ({ filterData: payload })),\n    setTableData: (payload) => set(() => ({ tableData: payload })),\n    setSelectedCustomer: (checked, row) =>\n        set((state) => {\n            const prevData = state.selectedCustomer\n            if (checked) {\n                return { selectedCustomer: [...prevData, ...[row]] }\n            } else {\n                if (\n                    prevData.some((prevCustomer) => row.id === prevCustomer.id)\n                ) {\n                    return {\n                        selectedCustomer: prevData.filter(\n                            (prevCustomer) => prevCustomer.id !== row.id,\n                        ),\n                    }\n                }\n                return { selectedCustomer: prevData }\n            }\n        }),\n    setSelectAllCustomer: (row) => set(() => ({ selectedCustomer: 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,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;AAeA,MAAM,eAAmC;AAAA,EACrC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB,CAAA;AACtB;AAEa,MAAA,uBAAuB,OAElC,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,qBAAqB,CAAC,SAAS,QAC3B,IAAI,CAAC,UAAU;AACX,UAAM,WAAW,MAAM;AACvB,QAAI,SAAS;AACF,aAAA,EAAE,kBAAkB,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,CAAC,EAAE;AAAA,IAAA,OAChD;AAEC,UAAA,SAAS,KAAK,CAAC,iBAAiB,IAAI,OAAO,aAAa,EAAE,GAC5D;AACS,eAAA;AAAA,UACH,kBAAkB,SAAS;AAAA,YACvB,CAAC,iBAAiB,aAAa,OAAO,IAAI;AAAA,UAAA;AAAA,QAElD;AAAA,MAAA;AAEG,aAAA,EAAE,kBAAkB,SAAS;AAAA,IAAA;AAAA,EACxC,CACH;AAAA,EACL,sBAAsB,CAAC,QAAQ,IAAI,OAAO,EAAE,kBAAkB,MAAM;AACxE,EAAE;"}
+{"version":3,"file":"customerListStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/store/customerListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Customer, 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    purchasedProducts: '',\n    purchaseChannel: [\n        'Retail Stores',\n        'Online Retailers',\n        'Resellers',\n        'Mobile Apps',\n        'Direct Sales',\n    ],\n}\n\nexport type CustomersListState = {\n    tableData: TableQueries\n    filterData: Filter\n    selectedCustomer: Partial<Customer>[]\n}\n\ntype CustomersListAction = {\n    setFilterData: (payload: Filter) => void\n    setTableData: (payload: TableQueries) => void\n    setSelectedCustomer: (checked: boolean, customer: Customer) => void\n    setSelectAllCustomer: (customer: Customer[]) => void\n}\n\nconst initialState: CustomersListState = {\n    tableData: initialTableData,\n    filterData: initialFilterData,\n    selectedCustomer: [],\n}\n\nexport const useCustomerListStore = create<\n    CustomersListState & CustomersListAction\n>((set) => ({\n    ...initialState,\n    setFilterData: (payload) => set(() => ({ filterData: payload })),\n    setTableData: (payload) => set(() => ({ tableData: payload })),\n    setSelectedCustomer: (checked, row) =>\n        set((state) => {\n            const prevData = state.selectedCustomer\n            if (checked) {\n                return { selectedCustomer: [...prevData, ...[row]] }\n            } else {\n                if (\n                    prevData.some((prevCustomer) => row.id === prevCustomer.id)\n                ) {\n                    return {\n                        selectedCustomer: prevData.filter(\n                            (prevCustomer) => prevCustomer.id !== row.id,\n                        ),\n                    }\n                }\n                return { selectedCustomer: prevData }\n            }\n        }),\n    setSelectAllCustomer: (row) => set(() => ({ selectedCustomer: 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,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;AAeA,MAAM,eAAmC;AAAA,EACrC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB,CAAA;AACtB;AAEO,MAAM,uBAAuB,OAElC,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,qBAAqB,CAAC,SAAS,QAC3B,IAAI,CAAC,UAAU;AACX,UAAM,WAAW,MAAM;AACvB,QAAI,SAAS;AACT,aAAO,EAAE,kBAAkB,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,CAAC,EAAA;AAAA,IACrD,OAAO;AACH,UACI,SAAS,KAAK,CAAC,iBAAiB,IAAI,OAAO,aAAa,EAAE,GAC5D;AACE,eAAO;AAAA,UACH,kBAAkB,SAAS;AAAA,YACvB,CAAC,iBAAiB,aAAa,OAAO,IAAI;AAAA,UAAA;AAAA,QAC9C;AAAA,MAER;AACA,aAAO,EAAE,kBAAkB,SAAA;AAAA,IAC/B;AAAA,EACJ,CAAC;AAAA,EACL,sBAAsB,CAAC,QAAQ,IAAI,OAAO,EAAE,kBAAkB,MAAM;AACxE,EAAE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileManager.js","sources":["../../../../../../lib/@ecme/views/concepts/files/FileManager/FileManager.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Table from '@/components/ui/Table'\nimport TableRowSkeleton from '@/components/shared/loaders/TableRowSkeleton'\nimport FileManagerHeader from './components/FileManagerHeader'\nimport FileSegment from './components/FileSegment'\nimport FileList from './components/FileList'\nimport FileDetails from './components/FileDetails'\nimport FileManagerDeleteDialog from './components/FileManagerDeleteDialog'\nimport FileManagerInviteDialog from './components/FileManagerInviteDialog'\nimport FileManagerRenameDialog from './components/FileManagerRenameDialog'\nimport { useFileManagerStore } from './store/useFileManagerStore'\nimport { apiGetFiles } from '@/services/FileService'\nimport useSWRMutation from 'swr/mutation'\nimport { GetFileListResponse } from './types'\n\nconst { THead, Th, Tr } = Table\n\nasync function getFile(_: string, { arg }: { arg: string }) {\n    const data = await apiGetFiles<GetFileListResponse, { id: string }>({\n        id: arg,\n    })\n    return data\n}\n\nconst FileManager = () => {\n    const {\n        layout,\n        fileList,\n        setFileList,\n        setDeleteDialog,\n        setInviteDialog,\n        setRenameDialog,\n        openedDirectoryId,\n        setOpenedDirectoryId,\n        setDirectories,\n        setSelectedFile,\n    } = useFileManagerStore()\n\n    const { trigger, isMutating } = useSWRMutation(\n        `/api/files/${openedDirectoryId}`,\n        getFile,\n        {\n            onSuccess: (resp) => {\n                setDirectories(resp.directory)\n                setFileList(resp.list)\n            },\n        },\n    )\n\n    useEffect(() => {\n        if (fileList.length === 0) {\n            trigger(openedDirectoryId)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    const handleShare = (id: string) => {\n        setInviteDialog({ id, open: true })\n    }\n\n    const handleDelete = (id: string) => {\n        setDeleteDialog({ id, open: true })\n    }\n\n    const handleDownload = () => {\n        const blob = new Blob(\n            [\n                'This text file is created to demonstrate how file downloading works in our template demo.',\n            ],\n            { type: 'text/plain;charset=utf-8' },\n        )\n\n        const link = document.createElement('a')\n        link.href = window.URL.createObjectURL(blob)\n        link.download = 'sample-dowoad-file'\n        document.body.appendChild(link)\n\n        link.click()\n\n        document.body.removeChild(link)\n        window.URL.revokeObjectURL(link.href)\n    }\n\n    const handleRename = (id: string) => {\n        setRenameDialog({ id, open: true })\n    }\n\n    const handleOpen = (id: string) => {\n        setOpenedDirectoryId(id)\n        trigger(id)\n    }\n\n    const handleEntryClick = () => {\n        setOpenedDirectoryId('')\n        trigger('')\n    }\n\n    const handleDirectoryClick = (id: string) => {\n        setOpenedDirectoryId(id)\n        trigger(id)\n    }\n\n    const handleClick = (fileId: string) => {\n        setSelectedFile(fileId)\n    }\n\n    return (\n        <>\n            <div>\n                <FileManagerHeader\n                    onEntryClick={handleEntryClick}\n                    onDirectoryClick={handleDirectoryClick}\n                />\n                <div className=\"mt-6\">\n                    {isMutating ? (\n                        layout === 'grid' ? (\n                            <div className=\"grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 mt-4 gap-4 lg:gap-6\">\n                                {[...Array(4).keys()].map((item) => (\n                                    <FileSegment\n                                        key={item}\n                                        loading={isMutating}\n                                    />\n                                ))}\n                            </div>\n                        ) : (\n                            <Table>\n                                <THead>\n                                    <Tr>\n                                        <Th>File</Th>\n                                        <Th>Size</Th>\n                                        <Th>Type</Th>\n                                        <Th></Th>\n                                    </Tr>\n                                </THead>\n                                <TableRowSkeleton\n                                    avatarInColumns={[0]}\n                                    columns={4}\n                                    rows={5}\n                                    avatarProps={{\n                                        width: 30,\n                                        height: 30,\n                                    }}\n                                />\n                            </Table>\n                        )\n                    ) : (\n                        <FileList\n                            fileList={fileList}\n                            layout={layout}\n                            onDownload={handleDownload}\n                            onShare={handleShare}\n                            onDelete={handleDelete}\n                            onRename={handleRename}\n                            onOpen={handleOpen}\n                            onClick={handleClick}\n                        />\n                    )}\n                </div>\n            </div>\n            <FileDetails onShare={handleShare} />\n            <FileManagerDeleteDialog />\n            <FileManagerInviteDialog />\n            <FileManagerRenameDialog />\n        </>\n    )\n}\n\nexport default FileManager\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileManager.js","sources":["../../../../../../lib/@ecme/views/concepts/files/FileManager/FileManager.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Table from '@/components/ui/Table'\nimport TableRowSkeleton from '@/components/shared/loaders/TableRowSkeleton'\nimport FileManagerHeader from './components/FileManagerHeader'\nimport FileSegment from './components/FileSegment'\nimport FileList from './components/FileList'\nimport FileDetails from './components/FileDetails'\nimport FileManagerDeleteDialog from './components/FileManagerDeleteDialog'\nimport FileManagerInviteDialog from './components/FileManagerInviteDialog'\nimport FileManagerRenameDialog from './components/FileManagerRenameDialog'\nimport { useFileManagerStore } from './store/useFileManagerStore'\nimport { apiGetFiles } from '@/services/FileService'\nimport useSWRMutation from 'swr/mutation'\nimport { GetFileListResponse } from './types'\n\nconst { THead, Th, Tr } = Table\n\nasync function getFile(_: string, { arg }: { arg: string }) {\n    const data = await apiGetFiles<GetFileListResponse, { id: string }>({\n        id: arg,\n    })\n    return data\n}\n\nconst FileManager = () => {\n    const {\n        layout,\n        fileList,\n        setFileList,\n        setDeleteDialog,\n        setInviteDialog,\n        setRenameDialog,\n        openedDirectoryId,\n        setOpenedDirectoryId,\n        setDirectories,\n        setSelectedFile,\n    } = useFileManagerStore()\n\n    const { trigger, isMutating } = useSWRMutation(\n        `/api/files/${openedDirectoryId}`,\n        getFile,\n        {\n            onSuccess: (resp) => {\n                setDirectories(resp.directory)\n                setFileList(resp.list)\n            },\n        },\n    )\n\n    useEffect(() => {\n        if (fileList.length === 0) {\n            trigger(openedDirectoryId)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    const handleShare = (id: string) => {\n        setInviteDialog({ id, open: true })\n    }\n\n    const handleDelete = (id: string) => {\n        setDeleteDialog({ id, open: true })\n    }\n\n    const handleDownload = () => {\n        const blob = new Blob(\n            [\n                'This text file is created to demonstrate how file downloading works in our template demo.',\n            ],\n            { type: 'text/plain;charset=utf-8' },\n        )\n\n        const link = document.createElement('a')\n        link.href = window.URL.createObjectURL(blob)\n        link.download = 'sample-dowoad-file'\n        document.body.appendChild(link)\n\n        link.click()\n\n        document.body.removeChild(link)\n        window.URL.revokeObjectURL(link.href)\n    }\n\n    const handleRename = (id: string) => {\n        setRenameDialog({ id, open: true })\n    }\n\n    const handleOpen = (id: string) => {\n        setOpenedDirectoryId(id)\n        trigger(id)\n    }\n\n    const handleEntryClick = () => {\n        setOpenedDirectoryId('')\n        trigger('')\n    }\n\n    const handleDirectoryClick = (id: string) => {\n        setOpenedDirectoryId(id)\n        trigger(id)\n    }\n\n    const handleClick = (fileId: string) => {\n        setSelectedFile(fileId)\n    }\n\n    return (\n        <>\n            <div>\n                <FileManagerHeader\n                    onEntryClick={handleEntryClick}\n                    onDirectoryClick={handleDirectoryClick}\n                />\n                <div className=\"mt-6\">\n                    {isMutating ? (\n                        layout === 'grid' ? (\n                            <div className=\"grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 mt-4 gap-4 lg:gap-6\">\n                                {[...Array(4).keys()].map((item) => (\n                                    <FileSegment\n                                        key={item}\n                                        loading={isMutating}\n                                    />\n                                ))}\n                            </div>\n                        ) : (\n                            <Table>\n                                <THead>\n                                    <Tr>\n                                        <Th>File</Th>\n                                        <Th>Size</Th>\n                                        <Th>Type</Th>\n                                        <Th></Th>\n                                    </Tr>\n                                </THead>\n                                <TableRowSkeleton\n                                    avatarInColumns={[0]}\n                                    columns={4}\n                                    rows={5}\n                                    avatarProps={{\n                                        width: 30,\n                                        height: 30,\n                                    }}\n                                />\n                            </Table>\n                        )\n                    ) : (\n                        <FileList\n                            fileList={fileList}\n                            layout={layout}\n                            onDownload={handleDownload}\n                            onShare={handleShare}\n                            onDelete={handleDelete}\n                            onRename={handleRename}\n                            onOpen={handleOpen}\n                            onClick={handleClick}\n                        />\n                    )}\n                </div>\n            </div>\n            <FileDetails onShare={handleShare} />\n            <FileManagerDeleteDialog />\n            <FileManagerInviteDialog />\n            <FileManagerRenameDialog />\n        </>\n    )\n}\n\nexport default FileManager\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileDetails.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileDetails.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Drawer from '@/components/ui/Drawer'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport CloseButton from '@/components/ui/CloseButton'\nimport FileIcon from '@/components/view/FileIcon'\nimport FileType from './FileType'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\nimport dayjs from 'dayjs'\nimport { TbPlus } from 'react-icons/tb'\nimport type { ReactNode } from 'react'\n\ntype FileDetailsProps = {\n    onShare: (id: string) => void\n}\n\nconst InfoRow = ({\n    label,\n    value,\n}: {\n    label: string\n    value: string | ReactNode\n}) => {\n    return (\n        <div className=\"flex items-center justify-between\">\n            <span>{label}</span>\n            <span className=\"heading-text font-bold\">{value}</span>\n        </div>\n    )\n}\n\nconst FileDetails = ({ onShare }: FileDetailsProps) => {\n    const { selectedFile, setSelectedFile, fileList } = useFileManagerStore()\n\n    const file = useMemo(() => {\n        return fileList.find((file) => selectedFile === file.id)\n    }, [fileList, selectedFile])\n\n    const handleDrawerClose = () => {\n        setSelectedFile('')\n    }\n\n    return (\n        <Drawer\n            title={null}\n            closable={false}\n            isOpen={Boolean(selectedFile)}\n            showBackdrop={false}\n            width={350}\n            onClose={handleDrawerClose}\n            onRequestClose={handleDrawerClose}\n        >\n            {file && (\n                <div>\n                    <div className=\"flex justify-end\">\n                        <CloseButton onClick={handleDrawerClose} />\n                    </div>\n                    <div className=\"mt-10 flex justify-center\">\n                        {file.fileType.startsWith('jpeg') ||\n                        file.fileType.startsWith('png') ? (\n                            <img\n                                src={file.srcUrl}\n                                className=\"max-h-[170px] rounded-xl\"\n                                alt={file.name}\n                            />\n                        ) : (\n                            <FileIcon type={file.fileType} size={120} />\n                        )}\n                    </div>\n                    <div className=\"mt-10 text-center\">\n                        <h4>{file.name}</h4>\n                    </div>\n                    <div className=\"mt-8\">\n                        <h6>Info</h6>\n                        <div className=\"mt-4 flex flex-col gap-4\">\n                            <InfoRow\n                                label=\"Size\"\n                                value={fileSizeUnit(file.size)}\n                            />\n                            <InfoRow\n                                label=\"Type\"\n                                value={<FileType type={file.fileType} />}\n                            />\n                            <InfoRow\n                                label=\"Created\"\n                                value={dayjs\n                                    .unix(file.uploadDate)\n                                    .format('MMM DD, YYYY')}\n                            />\n                            <InfoRow\n                                label=\"Last modified\"\n                                value={dayjs\n                                    .unix(file.activities[0].timestamp)\n                                    .format('MMM DD, YYYY')}\n                            />\n                        </div>\n                    </div>\n                    <div className=\"mt-10\">\n                        <div className=\"flex justify-between items-center\">\n                            <h6>Shared with</h6>\n                            <Button\n                                type=\"button\"\n                                shape=\"circle\"\n                                icon={<TbPlus />}\n                                size=\"xs\"\n                                onClick={() => onShare(file.id)}\n                            />\n                        </div>\n                        <div className=\"mt-6 flex flex-col gap-4\">\n                            {file.permissions.map((user) => (\n                                <div\n                                    key={user.userName}\n                                    className=\"flex items-center gap-2\"\n                                >\n                                    <Avatar src={user.userImg} alt=\"\" />\n                                    <div>\n                                        <div className=\"heading-text font-semibold\">\n                                            {user.userName}\n                                        </div>\n                                        <div>{user.role}</div>\n                                    </div>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                </div>\n            )}\n        </Drawer>\n    )\n}\n\nexport default FileDetails\n"],"names":["file"],"mappings":"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"}
+{"version":3,"file":"FileDetails.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileDetails.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Drawer from '@/components/ui/Drawer'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport CloseButton from '@/components/ui/CloseButton'\nimport FileIcon from '@/components/view/FileIcon'\nimport FileType from './FileType'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\nimport dayjs from 'dayjs'\nimport { TbPlus } from 'react-icons/tb'\nimport type { ReactNode } from 'react'\n\ntype FileDetailsProps = {\n    onShare: (id: string) => void\n}\n\nconst InfoRow = ({\n    label,\n    value,\n}: {\n    label: string\n    value: string | ReactNode\n}) => {\n    return (\n        <div className=\"flex items-center justify-between\">\n            <span>{label}</span>\n            <span className=\"heading-text font-bold\">{value}</span>\n        </div>\n    )\n}\n\nconst FileDetails = ({ onShare }: FileDetailsProps) => {\n    const { selectedFile, setSelectedFile, fileList } = useFileManagerStore()\n\n    const file = useMemo(() => {\n        return fileList.find((file) => selectedFile === file.id)\n    }, [fileList, selectedFile])\n\n    const handleDrawerClose = () => {\n        setSelectedFile('')\n    }\n\n    return (\n        <Drawer\n            title={null}\n            closable={false}\n            isOpen={Boolean(selectedFile)}\n            showBackdrop={false}\n            width={350}\n            onClose={handleDrawerClose}\n            onRequestClose={handleDrawerClose}\n        >\n            {file && (\n                <div>\n                    <div className=\"flex justify-end\">\n                        <CloseButton onClick={handleDrawerClose} />\n                    </div>\n                    <div className=\"mt-10 flex justify-center\">\n                        {file.fileType.startsWith('jpeg') ||\n                        file.fileType.startsWith('png') ? (\n                            <img\n                                src={file.srcUrl}\n                                className=\"max-h-[170px] rounded-xl\"\n                                alt={file.name}\n                            />\n                        ) : (\n                            <FileIcon type={file.fileType} size={120} />\n                        )}\n                    </div>\n                    <div className=\"mt-10 text-center\">\n                        <h4>{file.name}</h4>\n                    </div>\n                    <div className=\"mt-8\">\n                        <h6>Info</h6>\n                        <div className=\"mt-4 flex flex-col gap-4\">\n                            <InfoRow\n                                label=\"Size\"\n                                value={fileSizeUnit(file.size)}\n                            />\n                            <InfoRow\n                                label=\"Type\"\n                                value={<FileType type={file.fileType} />}\n                            />\n                            <InfoRow\n                                label=\"Created\"\n                                value={dayjs\n                                    .unix(file.uploadDate)\n                                    .format('MMM DD, YYYY')}\n                            />\n                            <InfoRow\n                                label=\"Last modified\"\n                                value={dayjs\n                                    .unix(file.activities[0].timestamp)\n                                    .format('MMM DD, YYYY')}\n                            />\n                        </div>\n                    </div>\n                    <div className=\"mt-10\">\n                        <div className=\"flex justify-between items-center\">\n                            <h6>Shared with</h6>\n                            <Button\n                                type=\"button\"\n                                shape=\"circle\"\n                                icon={<TbPlus />}\n                                size=\"xs\"\n                                onClick={() => onShare(file.id)}\n                            />\n                        </div>\n                        <div className=\"mt-6 flex flex-col gap-4\">\n                            {file.permissions.map((user) => (\n                                <div\n                                    key={user.userName}\n                                    className=\"flex items-center gap-2\"\n                                >\n                                    <Avatar src={user.userImg} alt=\"\" />\n                                    <div>\n                                        <div className=\"heading-text font-semibold\">\n                                            {user.userName}\n                                        </div>\n                                        <div>{user.role}</div>\n                                    </div>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                </div>\n            )}\n        </Drawer>\n    )\n}\n\nexport default FileDetails\n"],"names":["file"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileItemDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileItemDropdown.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport {\n  TbCloudDownload,\n  TbPencil,\n  TbUserPlus,\n  TbTrash,\n  TbFolderSymlink,\n} from \"react-icons/tb\";\nimport type { DropdownItemCallbackProps } from \"../types\";\nimport type { MouseEvent, SyntheticEvent } from \"react\";\nimport { Dropdown, DropdownRef } from \"@/components\";\nimport EllipsisButton from \"@/components/shared/EllipsisButton\";\n\ntype FileItemDropdownProps = DropdownItemCallbackProps;\n\nconst FileItemDropdown = (props: FileItemDropdownProps) => {\n  const { onDelete, onShare, onRename, onDownload, onOpen } = props;\n\n  const dropdownRef = useRef<DropdownRef>(null);\n\n  const handleDropdownClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    dropdownRef.current?.handleDropdownOpen();\n  };\n\n  const handleDropdownItemClick = (\n    e: SyntheticEvent,\n    callback?: () => void\n  ) => {\n    e.stopPropagation();\n    callback?.();\n  };\n\n  return (\n    <Dropdown\n      ref={dropdownRef}\n      renderTitle={<EllipsisButton onClick={handleDropdownClick} />}\n      placement=\"bottom-end\"\n    >\n      {onOpen && (\n        <Dropdown.Item\n          eventKey=\"Open\"\n          onClick={(e) => handleDropdownItemClick(e, onOpen)}\n        >\n          <TbFolderSymlink className=\"text-xl\" />\n          <span>Open</span>\n        </Dropdown.Item>\n      )}\n      {onDownload && (\n        <Dropdown.Item\n          eventKey=\"download\"\n          onClick={(e) => handleDropdownItemClick(e, onDownload)}\n        >\n          <TbCloudDownload className=\"text-xl\" />\n          <span>Download</span>\n        </Dropdown.Item>\n      )}\n      {onRename && (\n        <Dropdown.Item\n          eventKey=\"rename\"\n          onClick={(e) => handleDropdownItemClick(e, onRename)}\n        >\n          <TbPencil className=\"text-xl\" />\n          <span>Rename</span>\n        </Dropdown.Item>\n      )}\n      {onShare && (\n        <Dropdown.Item\n          eventKey=\"share\"\n          onClick={(e) => handleDropdownItemClick(e, onShare)}\n        >\n          <TbUserPlus className=\"text-xl\" />\n          <span>Share</span>\n        </Dropdown.Item>\n      )}\n      {onDelete && (\n        <Dropdown.Item\n          eventKey=\"share\"\n          onClick={(e) => handleDropdownItemClick(e, onDelete)}\n        >\n          <span className=\"flex items-center gap-2 text-error\">\n            <TbTrash className=\"text-xl\" />\n            <span>Delete</span>\n          </span>\n        </Dropdown.Item>\n      )}\n    </Dropdown>\n  );\n};\n\nexport default FileItemDropdown;\n"],"names":[],"mappings":";;;;;;AAeM,MAAA,mBAAmB,CAAC,UAAiC;AACzD,QAAM,EAAE,UAAU,SAAS,UAAU,YAAY,WAAW;AAEtD,QAAA,cAAc,OAAoB,IAAI;AAEtC,QAAA,sBAAsB,CAAC,MAAkB;AAC7C,MAAE,gBAAgB;AAClB,gBAAY,SAAS,mBAAmB;AAAA,EAC1C;AAEM,QAAA,0BAA0B,CAC9B,GACA,aACG;AACH,MAAE,gBAAgB;AACP,eAAA;AAAA,EACb;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,aAAa,oBAAC,gBAAe,EAAA,SAAS,oBAAqB,CAAA;AAAA,MAC3D,WAAU;AAAA,MAET,UAAA;AAAA,QACC,UAAA;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAM,wBAAwB,GAAG,MAAM;AAAA,YAEjD,UAAA;AAAA,cAAC,oBAAA,iBAAA,EAAgB,WAAU,UAAU,CAAA;AAAA,cACrC,oBAAC,UAAK,UAAI,OAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,QAED,cACC;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAM,wBAAwB,GAAG,UAAU;AAAA,YAErD,UAAA;AAAA,cAAC,oBAAA,iBAAA,EAAgB,WAAU,UAAU,CAAA;AAAA,cACrC,oBAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAChB;AAAA,QAED,YACC;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAM,wBAAwB,GAAG,QAAQ;AAAA,YAEnD,UAAA;AAAA,cAAC,oBAAA,UAAA,EAAS,WAAU,UAAU,CAAA;AAAA,cAC9B,oBAAC,UAAK,UAAM,SAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,QAED,WACC;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAM,wBAAwB,GAAG,OAAO;AAAA,YAElD,UAAA;AAAA,cAAC,oBAAA,YAAA,EAAW,WAAU,UAAU,CAAA;AAAA,cAChC,oBAAC,UAAK,UAAK,QAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACb;AAAA,QAED,YACC;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAM,wBAAwB,GAAG,QAAQ;AAAA,YAEnD,UAAA,qBAAC,QAAK,EAAA,WAAU,sCACd,UAAA;AAAA,cAAC,oBAAA,SAAA,EAAQ,WAAU,UAAU,CAAA;AAAA,cAC7B,oBAAC,UAAK,UAAM,SAAA,CAAA;AAAA,YAAA,EACd,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"FileItemDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileItemDropdown.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport {\n  TbCloudDownload,\n  TbPencil,\n  TbUserPlus,\n  TbTrash,\n  TbFolderSymlink,\n} from \"react-icons/tb\";\nimport type { DropdownItemCallbackProps } from \"../types\";\nimport type { MouseEvent, SyntheticEvent } from \"react\";\nimport { Dropdown, DropdownRef } from \"@/components\";\nimport EllipsisButton from \"@/components/shared/EllipsisButton\";\n\ntype FileItemDropdownProps = DropdownItemCallbackProps;\n\nconst FileItemDropdown = (props: FileItemDropdownProps) => {\n  const { onDelete, onShare, onRename, onDownload, onOpen } = props;\n\n  const dropdownRef = useRef<DropdownRef>(null);\n\n  const handleDropdownClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    dropdownRef.current?.handleDropdownOpen();\n  };\n\n  const handleDropdownItemClick = (\n    e: SyntheticEvent,\n    callback?: () => void\n  ) => {\n    e.stopPropagation();\n    callback?.();\n  };\n\n  return (\n    <Dropdown\n      ref={dropdownRef}\n      renderTitle={<EllipsisButton onClick={handleDropdownClick} />}\n      placement=\"bottom-end\"\n    >\n      {onOpen && (\n        <Dropdown.Item\n          eventKey=\"Open\"\n          onClick={(e) => handleDropdownItemClick(e, onOpen)}\n        >\n          <TbFolderSymlink className=\"text-xl\" />\n          <span>Open</span>\n        </Dropdown.Item>\n      )}\n      {onDownload && (\n        <Dropdown.Item\n          eventKey=\"download\"\n          onClick={(e) => handleDropdownItemClick(e, onDownload)}\n        >\n          <TbCloudDownload className=\"text-xl\" />\n          <span>Download</span>\n        </Dropdown.Item>\n      )}\n      {onRename && (\n        <Dropdown.Item\n          eventKey=\"rename\"\n          onClick={(e) => handleDropdownItemClick(e, onRename)}\n        >\n          <TbPencil className=\"text-xl\" />\n          <span>Rename</span>\n        </Dropdown.Item>\n      )}\n      {onShare && (\n        <Dropdown.Item\n          eventKey=\"share\"\n          onClick={(e) => handleDropdownItemClick(e, onShare)}\n        >\n          <TbUserPlus className=\"text-xl\" />\n          <span>Share</span>\n        </Dropdown.Item>\n      )}\n      {onDelete && (\n        <Dropdown.Item\n          eventKey=\"share\"\n          onClick={(e) => handleDropdownItemClick(e, onDelete)}\n        >\n          <span className=\"flex items-center gap-2 text-error\">\n            <TbTrash className=\"text-xl\" />\n            <span>Delete</span>\n          </span>\n        </Dropdown.Item>\n      )}\n    </Dropdown>\n  );\n};\n\nexport default FileItemDropdown;\n"],"names":[],"mappings":";;;;;;AAeA,MAAM,mBAAmB,CAAC,UAAiC;AACzD,QAAM,EAAE,UAAU,SAAS,UAAU,YAAY,WAAW;AAE5D,QAAM,cAAc,OAAoB,IAAI;AAE5C,QAAM,sBAAsB,CAAC,MAAkB;AAC7C,MAAE,gBAAA;AACF,gBAAY,SAAS,mBAAA;AAAA,EACvB;AAEA,QAAM,0BAA0B,CAC9B,GACA,aACG;AACH,MAAE,gBAAA;AACF,eAAA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,aAAa,oBAAC,gBAAA,EAAe,SAAS,oBAAA,CAAqB;AAAA,MAC3D,WAAU;AAAA,MAET,UAAA;AAAA,QAAA,UACC;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAM,wBAAwB,GAAG,MAAM;AAAA,YAEjD,UAAA;AAAA,cAAA,oBAAC,iBAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,cACrC,oBAAC,UAAK,UAAA,OAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGb,cACC;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAM,wBAAwB,GAAG,UAAU;AAAA,YAErD,UAAA;AAAA,cAAA,oBAAC,iBAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,cACrC,oBAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGjB,YACC;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAM,wBAAwB,GAAG,QAAQ;AAAA,YAEnD,UAAA;AAAA,cAAA,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,cAC9B,oBAAC,UAAK,UAAA,SAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGf,WACC;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAM,wBAAwB,GAAG,OAAO;AAAA,YAElD,UAAA;AAAA,cAAA,oBAAC,YAAA,EAAW,WAAU,UAAA,CAAU;AAAA,cAChC,oBAAC,UAAK,UAAA,QAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGd,YACC;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAM,wBAAwB,GAAG,QAAQ;AAAA,YAEnD,UAAA,qBAAC,QAAA,EAAK,WAAU,sCACd,UAAA;AAAA,cAAA,oBAAC,SAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,cAC7B,oBAAC,UAAK,UAAA,SAAA,CAAM;AAAA,YAAA,EAAA,CACd;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Table from '@/components/ui/Table'\nimport FileSegment from './FileSegment'\nimport FileRow from './FileRow'\nimport type { Files, Layout } from '../types'\n\ntype FileListProps = {\n    fileList: Files\n    layout: Layout\n    onRename: (id: string) => void\n    onDownload: () => void\n    onShare: (id: string) => void\n    onDelete: (id: string) => void\n    onOpen: (id: string) => void\n    onClick: (id: string) => void\n}\n\nconst { TBody, THead, Th, Tr } = Table\n\nconst FileList = (props: FileListProps) => {\n    const {\n        layout,\n        fileList,\n        onDelete,\n        onDownload,\n        onShare,\n        onRename,\n        onOpen,\n        onClick,\n    } = props\n\n    const folders = useMemo(() => {\n        return fileList.filter((file) => file.fileType === 'directory')\n    }, [fileList])\n\n    const files = useMemo(() => {\n        return fileList.filter((file) => file.fileType !== 'directory')\n    }, [fileList])\n\n    const renderFileSegment = (list: Files, isFolder?: boolean) => (\n        <div className=\"grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 mt-4 gap-4 lg:gap-6\">\n            {list.map((file) => (\n                <FileSegment\n                    key={file.id}\n                    fileType={file.fileType}\n                    size={file.size}\n                    name={file.name}\n                    onClick={() => onClick(file.id)}\n                    onDownload={onDownload}\n                    onShare={() => onShare(file.id)}\n                    onDelete={() => onDelete(file.id)}\n                    onRename={() => onRename(file.id)}\n                    {...(isFolder ? { onOpen: () => onOpen(file.id) } : {})}\n                />\n            ))}\n        </div>\n    )\n\n    const renderFileRow = (list: Files, isFolder?: boolean) => (\n        <Table className=\"mt-4\">\n            <THead>\n                <Tr>\n                    <Th>File</Th>\n                    <Th>Size</Th>\n                    <Th>Type</Th>\n                    <Th></Th>\n                </Tr>\n            </THead>\n            <TBody>\n                {list.map((file) => (\n                    <FileRow\n                        key={file.id}\n                        fileType={file.fileType}\n                        size={file.size}\n                        name={file.name}\n                        onClick={() => onClick(file.id)}\n                        onDownload={onDownload}\n                        onShare={() => onShare(file.id)}\n                        onDelete={() => onDelete(file.id)}\n                        onRename={() => onRename(file.id)}\n                        {...(isFolder ? { onOpen: () => onOpen(file.id) } : {})}\n                    />\n                ))}\n            </TBody>\n        </Table>\n    )\n\n    return (\n        <div>\n            {folders.length > 0 && (\n                <div>\n                    <h4>Folders</h4>\n                    {layout === 'grid' && renderFileSegment(folders, true)}\n                    {layout === 'list' && renderFileRow(folders, true)}\n                </div>\n            )}\n            {files.length > 0 && (\n                <div className=\"mt-8\">\n                    <h4>Files</h4>\n                    {layout === 'grid' && renderFileSegment(files)}\n                    {layout === 'list' && renderFileRow(files)}\n                </div>\n            )}\n        </div>\n    )\n}\n\nexport default FileList\n"],"names":[],"mappings":";;;;;AAiBA,MAAM,EAAE,OAAO,OAAO,IAAI,GAAO,IAAA;AAE3B,MAAA,WAAW,CAAC,UAAyB;AACjC,QAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEE,QAAA,UAAU,QAAQ,MAAM;AAC1B,WAAO,SAAS,OAAO,CAAC,SAAS,KAAK,aAAa,WAAW;AAAA,EAAA,GAC/D,CAAC,QAAQ,CAAC;AAEP,QAAA,QAAQ,QAAQ,MAAM;AACxB,WAAO,SAAS,OAAO,CAAC,SAAS,KAAK,aAAa,WAAW;AAAA,EAAA,GAC/D,CAAC,QAAQ,CAAC;AAEP,QAAA,oBAAoB,CAAC,MAAa,aACpC,oBAAC,OAAI,EAAA,WAAU,sFACV,UAAA,KAAK,IAAI,CAAC,SACP;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,UAAU,KAAK;AAAA,MACf,MAAM,KAAK;AAAA,MACX,MAAM,KAAK;AAAA,MACX,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,MAC9B;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,MAC9B,UAAU,MAAM,SAAS,KAAK,EAAE;AAAA,MAChC,UAAU,MAAM,SAAS,KAAK,EAAE;AAAA,MAC/B,GAAI,WAAW,EAAE,QAAQ,MAAM,OAAO,KAAK,EAAE,MAAM,CAAA;AAAA,IAAC;AAAA,IAThD,KAAK;AAAA,EAWjB,CAAA,GACL;AAGJ,QAAM,gBAAgB,CAAC,MAAa,aAC/B,qBAAA,OAAA,EAAM,WAAU,QACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EACG,+BAAC,IACG,EAAA,UAAA;AAAA,MAAA,oBAAC,MAAG,UAAI,OAAA,CAAA;AAAA,MACR,oBAAC,MAAG,UAAI,OAAA,CAAA;AAAA,MACR,oBAAC,MAAG,UAAI,OAAA,CAAA;AAAA,0BACP,IAAG,CAAA,CAAA;AAAA,IAAA,EAAA,CACR,EACJ,CAAA;AAAA,IACC,oBAAA,OAAA,EACI,UAAK,KAAA,IAAI,CAAC,SACP;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,UAAU,KAAK;AAAA,QACf,MAAM,KAAK;AAAA,QACX,MAAM,KAAK;AAAA,QACX,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,QAC9B;AAAA,QACA,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,QAC9B,UAAU,MAAM,SAAS,KAAK,EAAE;AAAA,QAChC,UAAU,MAAM,SAAS,KAAK,EAAE;AAAA,QAC/B,GAAI,WAAW,EAAE,QAAQ,MAAM,OAAO,KAAK,EAAE,MAAM,CAAA;AAAA,MAAC;AAAA,MAThD,KAAK;AAAA,IAAA,CAWjB,EACL,CAAA;AAAA,EAAA,GACJ;AAGJ,8BACK,OACI,EAAA,UAAA;AAAA,IAAQ,QAAA,SAAS,KACd,qBAAC,OACG,EAAA,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAO,UAAA,CAAA;AAAA,MACV,WAAW,UAAU,kBAAkB,SAAS,IAAI;AAAA,MACpD,WAAW,UAAU,cAAc,SAAS,IAAI;AAAA,IAAA,GACrD;AAAA,IAEH,MAAM,SAAS,KACX,qBAAA,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAK,QAAA,CAAA;AAAA,MACR,WAAW,UAAU,kBAAkB,KAAK;AAAA,MAC5C,WAAW,UAAU,cAAc,KAAK;AAAA,IAAA,EAC7C,CAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"FileList.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Table from '@/components/ui/Table'\nimport FileSegment from './FileSegment'\nimport FileRow from './FileRow'\nimport type { Files, Layout } from '../types'\n\ntype FileListProps = {\n    fileList: Files\n    layout: Layout\n    onRename: (id: string) => void\n    onDownload: () => void\n    onShare: (id: string) => void\n    onDelete: (id: string) => void\n    onOpen: (id: string) => void\n    onClick: (id: string) => void\n}\n\nconst { TBody, THead, Th, Tr } = Table\n\nconst FileList = (props: FileListProps) => {\n    const {\n        layout,\n        fileList,\n        onDelete,\n        onDownload,\n        onShare,\n        onRename,\n        onOpen,\n        onClick,\n    } = props\n\n    const folders = useMemo(() => {\n        return fileList.filter((file) => file.fileType === 'directory')\n    }, [fileList])\n\n    const files = useMemo(() => {\n        return fileList.filter((file) => file.fileType !== 'directory')\n    }, [fileList])\n\n    const renderFileSegment = (list: Files, isFolder?: boolean) => (\n        <div className=\"grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 mt-4 gap-4 lg:gap-6\">\n            {list.map((file) => (\n                <FileSegment\n                    key={file.id}\n                    fileType={file.fileType}\n                    size={file.size}\n                    name={file.name}\n                    onClick={() => onClick(file.id)}\n                    onDownload={onDownload}\n                    onShare={() => onShare(file.id)}\n                    onDelete={() => onDelete(file.id)}\n                    onRename={() => onRename(file.id)}\n                    {...(isFolder ? { onOpen: () => onOpen(file.id) } : {})}\n                />\n            ))}\n        </div>\n    )\n\n    const renderFileRow = (list: Files, isFolder?: boolean) => (\n        <Table className=\"mt-4\">\n            <THead>\n                <Tr>\n                    <Th>File</Th>\n                    <Th>Size</Th>\n                    <Th>Type</Th>\n                    <Th></Th>\n                </Tr>\n            </THead>\n            <TBody>\n                {list.map((file) => (\n                    <FileRow\n                        key={file.id}\n                        fileType={file.fileType}\n                        size={file.size}\n                        name={file.name}\n                        onClick={() => onClick(file.id)}\n                        onDownload={onDownload}\n                        onShare={() => onShare(file.id)}\n                        onDelete={() => onDelete(file.id)}\n                        onRename={() => onRename(file.id)}\n                        {...(isFolder ? { onOpen: () => onOpen(file.id) } : {})}\n                    />\n                ))}\n            </TBody>\n        </Table>\n    )\n\n    return (\n        <div>\n            {folders.length > 0 && (\n                <div>\n                    <h4>Folders</h4>\n                    {layout === 'grid' && renderFileSegment(folders, true)}\n                    {layout === 'list' && renderFileRow(folders, true)}\n                </div>\n            )}\n            {files.length > 0 && (\n                <div className=\"mt-8\">\n                    <h4>Files</h4>\n                    {layout === 'grid' && renderFileSegment(files)}\n                    {layout === 'list' && renderFileRow(files)}\n                </div>\n            )}\n        </div>\n    )\n}\n\nexport default FileList\n"],"names":[],"mappings":";;;;;AAiBA,MAAM,EAAE,OAAO,OAAO,IAAI,OAAO;AAEjC,MAAM,WAAW,CAAC,UAAyB;AACvC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,QAAM,UAAU,QAAQ,MAAM;AAC1B,WAAO,SAAS,OAAO,CAAC,SAAS,KAAK,aAAa,WAAW;AAAA,EAClE,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,QAAQ,QAAQ,MAAM;AACxB,WAAO,SAAS,OAAO,CAAC,SAAS,KAAK,aAAa,WAAW;AAAA,EAClE,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,oBAAoB,CAAC,MAAa,aACpC,oBAAC,OAAA,EAAI,WAAU,sFACV,UAAA,KAAK,IAAI,CAAC,SACP;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,UAAU,KAAK;AAAA,MACf,MAAM,KAAK;AAAA,MACX,MAAM,KAAK;AAAA,MACX,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,MAC9B;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,MAC9B,UAAU,MAAM,SAAS,KAAK,EAAE;AAAA,MAChC,UAAU,MAAM,SAAS,KAAK,EAAE;AAAA,MAC/B,GAAI,WAAW,EAAE,QAAQ,MAAM,OAAO,KAAK,EAAE,MAAM,CAAA;AAAA,IAAC;AAAA,IAThD,KAAK;AAAA,EAAA,CAWjB,GACL;AAGJ,QAAM,gBAAgB,CAAC,MAAa,aAChC,qBAAC,OAAA,EAAM,WAAU,QACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EACG,+BAAC,IAAA,EACG,UAAA;AAAA,MAAA,oBAAC,MAAG,UAAA,OAAA,CAAI;AAAA,MACR,oBAAC,MAAG,UAAA,OAAA,CAAI;AAAA,MACR,oBAAC,MAAG,UAAA,OAAA,CAAI;AAAA,0BACP,IAAA,CAAA,CAAG;AAAA,IAAA,EAAA,CACR,EAAA,CACJ;AAAA,IACA,oBAAC,OAAA,EACI,UAAA,KAAK,IAAI,CAAC,SACP;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,UAAU,KAAK;AAAA,QACf,MAAM,KAAK;AAAA,QACX,MAAM,KAAK;AAAA,QACX,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,QAC9B;AAAA,QACA,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,QAC9B,UAAU,MAAM,SAAS,KAAK,EAAE;AAAA,QAChC,UAAU,MAAM,SAAS,KAAK,EAAE;AAAA,QAC/B,GAAI,WAAW,EAAE,QAAQ,MAAM,OAAO,KAAK,EAAE,MAAM,CAAA;AAAA,MAAC;AAAA,MAThD,KAAK;AAAA,IAAA,CAWjB,EAAA,CACL;AAAA,EAAA,GACJ;AAGJ,8BACK,OAAA,EACI,UAAA;AAAA,IAAA,QAAQ,SAAS,KACd,qBAAC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,UAAA,CAAO;AAAA,MACV,WAAW,UAAU,kBAAkB,SAAS,IAAI;AAAA,MACpD,WAAW,UAAU,cAAc,SAAS,IAAI;AAAA,IAAA,GACrD;AAAA,IAEH,MAAM,SAAS,KACZ,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,oBAAC,QAAG,UAAA,QAAA,CAAK;AAAA,MACR,WAAW,UAAU,kBAAkB,KAAK;AAAA,MAC5C,WAAW,UAAU,cAAc,KAAK;AAAA,IAAA,EAAA,CAC7C;AAAA,EAAA,GAER;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileManagerDeleteDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerDeleteDialog.tsx"],"sourcesContent":["import { useFileManagerStore } from '../store/useFileManagerStore'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\n\nconst FileManagerDeleteDialog = () => {\n    const { deleteDialog, setDeleteDialog, deleteFile } = useFileManagerStore()\n\n    const handleDeleteDialogClose = () => {\n        setDeleteDialog({ id: '', open: false })\n    }\n\n    const handleDeleteConfirm = () => {\n        deleteFile(deleteDialog.id)\n        setDeleteDialog({ id: '', open: false })\n    }\n\n    return (\n        <ConfirmDialog\n            isOpen={deleteDialog.open}\n            type=\"danger\"\n            title=\"Delete file\"\n            onClose={handleDeleteDialogClose}\n            onRequestClose={handleDeleteDialogClose}\n            onCancel={handleDeleteDialogClose}\n            onConfirm={handleDeleteConfirm}\n        >\n            <p>\n                Are you sure you want to delete file? This action can&apos;t be\n                undo.{' '}\n            </p>\n        </ConfirmDialog>\n    )\n}\n\nexport default FileManagerDeleteDialog\n"],"names":[],"mappings":";;;AAGA,MAAM,0BAA0B,MAAM;AAClC,QAAM,EAAE,cAAc,iBAAiB,WAAA,IAAe,oBAAoB;AAE1E,QAAM,0BAA0B,MAAM;AAClC,oBAAgB,EAAE,IAAI,IAAI,MAAM,OAAO;AAAA,EAC3C;AAEA,QAAM,sBAAsB,MAAM;AAC9B,eAAW,aAAa,EAAE;AAC1B,oBAAgB,EAAE,IAAI,IAAI,MAAM,OAAO;AAAA,EAC3C;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB,MAAK;AAAA,MACL,OAAM;AAAA,MACN,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,WAAW;AAAA,MAEX,+BAAC,KAAE,EAAA,UAAA;AAAA,QAAA;AAAA,QAEO;AAAA,MAAA,EACV,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"version":3,"file":"FileManagerDeleteDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerDeleteDialog.tsx"],"sourcesContent":["import { useFileManagerStore } from '../store/useFileManagerStore'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\n\nconst FileManagerDeleteDialog = () => {\n    const { deleteDialog, setDeleteDialog, deleteFile } = useFileManagerStore()\n\n    const handleDeleteDialogClose = () => {\n        setDeleteDialog({ id: '', open: false })\n    }\n\n    const handleDeleteConfirm = () => {\n        deleteFile(deleteDialog.id)\n        setDeleteDialog({ id: '', open: false })\n    }\n\n    return (\n        <ConfirmDialog\n            isOpen={deleteDialog.open}\n            type=\"danger\"\n            title=\"Delete file\"\n            onClose={handleDeleteDialogClose}\n            onRequestClose={handleDeleteDialogClose}\n            onCancel={handleDeleteDialogClose}\n            onConfirm={handleDeleteConfirm}\n        >\n            <p>\n                Are you sure you want to delete file? This action can&apos;t be\n                undo.{' '}\n            </p>\n        </ConfirmDialog>\n    )\n}\n\nexport default FileManagerDeleteDialog\n"],"names":[],"mappings":";;;AAGA,MAAM,0BAA0B,MAAM;AAClC,QAAM,EAAE,cAAc,iBAAiB,WAAA,IAAe,oBAAA;AAEtD,QAAM,0BAA0B,MAAM;AAClC,oBAAgB,EAAE,IAAI,IAAI,MAAM,OAAO;AAAA,EAC3C;AAEA,QAAM,sBAAsB,MAAM;AAC9B,eAAW,aAAa,EAAE;AAC1B,oBAAgB,EAAE,IAAI,IAAI,MAAM,OAAO;AAAA,EAC3C;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB,MAAK;AAAA,MACL,OAAM;AAAA,MACN,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,WAAW;AAAA,MAEX,+BAAC,KAAA,EAAE,UAAA;AAAA,QAAA;AAAA,QAEO;AAAA,MAAA,EAAA,CACV;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileManagerHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerHeader.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport Segment from '@/components/ui/Segment'\nimport UploadFile from './UploadFile'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\nimport { TbChevronRight, TbLayoutGrid, TbList } from 'react-icons/tb'\nimport type { Layout } from '../types'\n\ntype FileManagerHeaderProps = {\n    onEntryClick: () => void\n    onDirectoryClick: (id: string) => void\n}\n\nconst FileManagerHeader = ({\n    onEntryClick,\n    onDirectoryClick,\n}: FileManagerHeaderProps) => {\n    const { directories, layout, setLayout } = useFileManagerStore()\n\n    const handleEntryClick = () => {\n        onEntryClick()\n    }\n\n    const handleDirectoryClick = (id: string) => {\n        onDirectoryClick(id)\n    }\n\n    return (\n        <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4\">\n            <div>\n                {directories.length > 0 ? (\n                    <div className=\"flex items-center gap-2\">\n                        <h3 className=\"flex items-center gap-2 text-base sm:text-2xl\">\n                            <span\n                                className=\"hover:text-primary cursor-pointer\"\n                                role=\"button\"\n                                onClick={handleEntryClick}\n                            >\n                                File Manager\n                            </span>\n                            {directories.map((dir, index) => (\n                                <Fragment key={dir.id}>\n                                    <TbChevronRight className=\"text-lg\" />\n                                    {directories.length - 1 === index ? (\n                                        <span>{dir.label}</span>\n                                    ) : (\n                                        <span\n                                            className=\"hover:text-primary cursor-pointer\"\n                                            role=\"button\"\n                                            onClick={() =>\n                                                handleDirectoryClick(dir.id)\n                                            }\n                                        >\n                                            {dir.label}\n                                        </span>\n                                    )}\n                                </Fragment>\n                            ))}\n                        </h3>\n                    </div>\n                ) : (\n                    <h3>File Manager</h3>\n                )}\n            </div>\n            <div className=\"flex items-center gap-2\">\n                <Segment\n                    value={layout}\n                    onChange={(val) => setLayout(val as Layout)}\n                >\n                    <Segment.Item value=\"grid\" className=\"text-xl px-3\">\n                        <TbLayoutGrid />\n                    </Segment.Item>\n                    <Segment.Item value=\"list\" className=\"text-xl px-3\">\n                        <TbList />\n                    </Segment.Item>\n                </Segment>\n                <UploadFile />\n            </div>\n        </div>\n    )\n}\n\nexport default FileManagerHeader\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,oBAAoB,CAAC;AAAA,EACvB;AAAA,EACA;AACJ,MAA8B;AAC1B,QAAM,EAAE,aAAa,QAAQ,UAAA,IAAc,oBAAoB;AAE/D,QAAM,mBAAmB,MAAM;AACd,iBAAA;AAAA,EACjB;AAEM,QAAA,uBAAuB,CAAC,OAAe;AACzC,qBAAiB,EAAE;AAAA,EACvB;AAGI,SAAA,qBAAC,OAAI,EAAA,WAAU,mEACX,UAAA;AAAA,IAAC,oBAAA,OAAA,EACI,UAAY,YAAA,SAAS,IAClB,oBAAC,OAAI,EAAA,WAAU,2BACX,UAAA,qBAAC,MAAG,EAAA,WAAU,iDACV,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS;AAAA,UACZ,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACC,YAAY,IAAI,CAAC,KAAK,+BAClB,UACG,EAAA,UAAA;AAAA,QAAC,oBAAA,gBAAA,EAAe,WAAU,UAAU,CAAA;AAAA,QACnC,YAAY,SAAS,MAAM,4BACvB,QAAM,EAAA,UAAA,IAAI,OAAM,IAEjB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MACL,qBAAqB,IAAI,EAAE;AAAA,YAG9B,UAAI,IAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACT,EAbO,GAAA,IAAI,EAenB,CACH;AAAA,IAAA,GACL,EACJ,CAAA,IAEC,oBAAA,MAAA,EAAG,yBAAY,CAAA,GAExB;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO;AAAA,UACP,UAAU,CAAC,QAAQ,UAAU,GAAa;AAAA,UAE1C,UAAA;AAAA,YAAC,oBAAA,QAAQ,MAAR,EAAa,OAAM,QAAO,WAAU,gBACjC,UAAC,oBAAA,cAAA,CAAA,CAAa,EAClB,CAAA;AAAA,YACA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,WAAU,gBACjC,UAAC,oBAAA,QAAA,CAAO,CAAA,EACZ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,0BACC,YAAW,CAAA,CAAA;AAAA,IAAA,EAChB,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"FileManagerHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerHeader.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport Segment from '@/components/ui/Segment'\nimport UploadFile from './UploadFile'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\nimport { TbChevronRight, TbLayoutGrid, TbList } from 'react-icons/tb'\nimport type { Layout } from '../types'\n\ntype FileManagerHeaderProps = {\n    onEntryClick: () => void\n    onDirectoryClick: (id: string) => void\n}\n\nconst FileManagerHeader = ({\n    onEntryClick,\n    onDirectoryClick,\n}: FileManagerHeaderProps) => {\n    const { directories, layout, setLayout } = useFileManagerStore()\n\n    const handleEntryClick = () => {\n        onEntryClick()\n    }\n\n    const handleDirectoryClick = (id: string) => {\n        onDirectoryClick(id)\n    }\n\n    return (\n        <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4\">\n            <div>\n                {directories.length > 0 ? (\n                    <div className=\"flex items-center gap-2\">\n                        <h3 className=\"flex items-center gap-2 text-base sm:text-2xl\">\n                            <span\n                                className=\"hover:text-primary cursor-pointer\"\n                                role=\"button\"\n                                onClick={handleEntryClick}\n                            >\n                                File Manager\n                            </span>\n                            {directories.map((dir, index) => (\n                                <Fragment key={dir.id}>\n                                    <TbChevronRight className=\"text-lg\" />\n                                    {directories.length - 1 === index ? (\n                                        <span>{dir.label}</span>\n                                    ) : (\n                                        <span\n                                            className=\"hover:text-primary cursor-pointer\"\n                                            role=\"button\"\n                                            onClick={() =>\n                                                handleDirectoryClick(dir.id)\n                                            }\n                                        >\n                                            {dir.label}\n                                        </span>\n                                    )}\n                                </Fragment>\n                            ))}\n                        </h3>\n                    </div>\n                ) : (\n                    <h3>File Manager</h3>\n                )}\n            </div>\n            <div className=\"flex items-center gap-2\">\n                <Segment\n                    value={layout}\n                    onChange={(val) => setLayout(val as Layout)}\n                >\n                    <Segment.Item value=\"grid\" className=\"text-xl px-3\">\n                        <TbLayoutGrid />\n                    </Segment.Item>\n                    <Segment.Item value=\"list\" className=\"text-xl px-3\">\n                        <TbList />\n                    </Segment.Item>\n                </Segment>\n                <UploadFile />\n            </div>\n        </div>\n    )\n}\n\nexport default FileManagerHeader\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,oBAAoB,CAAC;AAAA,EACvB;AAAA,EACA;AACJ,MAA8B;AAC1B,QAAM,EAAE,aAAa,QAAQ,UAAA,IAAc,oBAAA;AAE3C,QAAM,mBAAmB,MAAM;AAC3B,iBAAA;AAAA,EACJ;AAEA,QAAM,uBAAuB,CAAC,OAAe;AACzC,qBAAiB,EAAE;AAAA,EACvB;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,mEACX,UAAA;AAAA,IAAA,oBAAC,OAAA,EACI,UAAA,YAAY,SAAS,IAClB,oBAAC,OAAA,EAAI,WAAU,2BACX,UAAA,qBAAC,MAAA,EAAG,WAAU,iDACV,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS;AAAA,UACZ,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGA,YAAY,IAAI,CAAC,KAAK,+BAClB,UAAA,EACG,UAAA;AAAA,QAAA,oBAAC,gBAAA,EAAe,WAAU,UAAA,CAAU;AAAA,QACnC,YAAY,SAAS,MAAM,4BACvB,QAAA,EAAM,UAAA,IAAI,OAAM,IAEjB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MACL,qBAAqB,IAAI,EAAE;AAAA,YAG9B,UAAA,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MACT,EAAA,GAbO,IAAI,EAenB,CACH;AAAA,IAAA,GACL,EAAA,CACJ,IAEA,oBAAC,MAAA,EAAG,0BAAY,GAExB;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO;AAAA,UACP,UAAU,CAAC,QAAQ,UAAU,GAAa;AAAA,UAE1C,UAAA;AAAA,YAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,WAAU,gBACjC,UAAA,oBAAC,cAAA,CAAA,CAAa,EAAA,CAClB;AAAA,YACA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,WAAU,gBACjC,UAAA,oBAAC,QAAA,CAAA,CAAO,EAAA,CACZ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,0BAEH,YAAA,CAAA,CAAW;AAAA,IAAA,EAAA,CAChB;AAAA,EAAA,GACJ;AAER;"}

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'\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,gBAAgB,IAAI,oBAAoB;AAExD,QAAA,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;AACT,UAAA;AAAA,MACF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,QAAA;AAAA,MACT;AAAA,MACD,EAAE,WAAW,UAAU;AAAA,IAC3B;AACA,gBAAY,KAAK;AAAA,EACrB;AAEA,QAAM,aAAa,YAAY;AACrB,UAAA;AAAA,MACD,oBAAA,cAAA,EAAa,MAAK,WAAU,OAAM,WAAU;AAAA,MAC7C,EAAE,WAAW,UAAU;AAAA,IAC3B;AACA,cAAU,UAAU,UAAU,OAAO,SAAS,IAAI;AAAA,EACtD;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB,kBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,QACnB,oBAAC,OAAI,EAAA,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,gBACV;AAAA,gBAEJ,SAAS;AAAA,gBACT,SAAS;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED;AAAA,QAAA,GAGZ;AAAA,QACA,qBAAC,OAAI,EAAA,WAAU,0CACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,0BAAO,QAAO,EAAA;AAAA,cACd,SAAS;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAED;AAAA,UACA,oBAAC,UAAO,SAAQ,SAAQ,MAAK,MAAK,SAAS,mBAAmB,UAE9D,OAAA,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"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'\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,oBAAoB;AAE1E,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;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,aAAa;AAAA,MACrB,kBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAM,SAAA,CAAA;AAAA,QACV,oBAAC,OAAI,EAAA,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,OAAI,EAAA,WAAU,4CACX,UAAA;AAAA,UAAA,oBAAC,QAAO,EAAA,MAAK,MAAK,SAAS,mBAAmB,UAE9C,SAAA;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,UAAU,QAAQ,WAAW;AAAA,cAC7B,SAAS;AAAA,cAET,UAAC,oBAAA,QAAA,EAAK,WAAU,gCAA+B,UAAE,KAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACrD,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"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'\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;AAEb,MAAA,UAAU,CAAC,UAAwB;AACrC,QAAM,EAAE,UAAU,MAAM,MAAM,SAAS,GAAG,SAAS;AAEnD,8BACK,IACG,EAAA,UAAA;AAAA,IAAC,oBAAA,IAAA,EAAG,OAAM,OACN,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL;AAAA,QAEA,UAAA;AAAA,UAAC,oBAAA,OAAA,EAAI,WAAU,YACX,UAAA,oBAAC,YAAS,MAAM,YAAY,IAAI,EACpC,CAAA;AAAA,UACC,oBAAA,OAAA,EAAI,WAAU,mDACV,UACL,KAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IACC,oBAAA,IAAA,EAAI,UAAa,aAAA,QAAQ,CAAC,GAAE;AAAA,wBAC5B,IACG,EAAA,UAAA,oBAAC,YAAS,MAAM,YAAY,GAAI,CAAA,GACpC;AAAA,IACA,oBAAC,IACG,EAAA,UAAA,oBAAC,OAAI,EAAA,WAAU,oBACX,UAAA,oBAAC,kBAAkB,EAAA,GAAG,KAAM,CAAA,EAAA,CAChC,EACJ,CAAA;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\";\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":";;;;;;AAQM,MAAA,cAAc,CAAC,UAA4B;AACzC,QAAA,EAAE,UAAU,MAAM,MAAM,SAAS,SAAS,YAAY,GAAG,KAAA,IAAS;AAGtE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL;AAAA,MAEC,UACC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa;AAAA,YACX,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAAA,IAIA,qBAAA,UAAA,EAAA,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAC,oBAAA,OAAA,EAAI,WAAU,YACb,UAAA,oBAAC,YAAS,MAAM,YAAY,IAAI,EAClC,CAAA;AAAA,+BACC,OACC,EAAA,UAAA;AAAA,YAAC,oBAAA,OAAA,EAAI,WAAU,0BAA0B,UAAK,MAAA;AAAA,YAC9C,oBAAC,UAAK,WAAU,WACb,wBAAc,aAAa,QAAQ,CAAC,EACvC,CAAA;AAAA,UAAA,EACF,CAAA;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,kBAAkB,EAAA,GAAG,KAAM,CAAA;AAAA,MAAA,EAC9B,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"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) => {\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,MAAM;AAAA,IACV,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX;AACI,aAAS,oBAAA,UAAA,EAAA;AAAA,EAAA;AAErB;AAEA,MAAM,WAAW,CAAC,EAAE,WAA6B;AACtC,SAAA,oBAAA,UAAA,EAAG,UAAY,YAAA,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'\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;AACS,4BAAA;AACxB,mBAAe,KAAK;AACd,UAAA;AAAA,MACD,oBAAA,cAAA,EAAa,OAAO,yBAAyB,MAAK,WAAU;AAAA,MAC7D,EAAE,WAAW,aAAa;AAAA,IAC9B;AAAA,EACJ;AAEA,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAA,QAAA,EAAO,SAAQ,SAAQ,SAAS,MAAM,oBAAoB,IAAI,GAAG,UAElE,SAAA,CAAA;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,gBAAgB;AAAA,QAEhB,UAAA;AAAA,UAAA,oBAAC,QAAG,UAAY,eAAA,CAAA;AAAA,UAChB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAS;AAAA,cACT,WAAU;AAAA,cACV,UAAU;AAAA,cACV,cAAc;AAAA,cAEd,UAAA,qBAAC,OAAI,EAAA,WAAU,oBACX,UAAA;AAAA,gBAAC,oBAAA,OAAA,EAAI,WAAU,qCACX,UAAA,oBAAC,eAAY,QAAQ,KAAK,OAAO,IAAA,CAAK,EAC1C,CAAA;AAAA,gBACA,qBAAC,KAAE,EAAA,WAAU,iBACT,UAAA;AAAA,kBAAC,qBAAA,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,oBAAA;AAAA,oBACnB;AAAA,kBAAA,GAC7B;AAAA,kBACC,oBAAA,QAAA,EAAK,WAAU,iBAAgB,UAAM,SAAA,CAAA;AAAA,gBAAA,GAC1C;AAAA,gBACC,oBAAA,KAAA,EAAE,WAAU,iDAAgD,UAE7D,uBAAA,CAAA;AAAA,cAAA,EACJ,CAAA;AAAA,YAAA;AAAA,UACJ;AAAA,UACA,oBAAC,OAAI,EAAA,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,EAGL,CAAA;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'\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,CAAC;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,aAAa,CAAC;AAAA,EACd,cAAc,EAAE,MAAM,OAAO,IAAI,GAAG;AAAA,EACpC,cAAc,EAAE,MAAM,OAAO,IAAI,GAAG;AAAA,EACpC,cAAc,EAAE,MAAM,OAAO,IAAI,GAAG;AACxC;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,IAAM,EAAA,SAAS,OAAO,CAAC,SAAS,KAAK,OAAO,OAAO;AAAA,IAAA,EAC/D;AAAA,IACN,YAAY,CAAC,YACT,IAAI,OAAO;AAAA,MACP,UAAU,IAAI,EAAE,SAAS,IAAI,CAAC,SAAS;AAC/B,YAAA,KAAK,OAAO,QAAQ,IAAI;AACxB,gBAAM,sBAAsB,KAAK,KAAK,MAAM,GAAG;AAC/C,gBAAM,mBACF,oBAAoB,oBAAoB,SAAS,CAAC;AAElD,cAAA,oBAAoB,SAAS,GAAG;AAChC,iBAAK,OAAO,GAAG,QAAQ,QAAQ,IAAI,gBAAgB;AAAA,UAAA,OAChD;AACH,iBAAK,OAAO,QAAQ;AAAA,UAAA;AAAA,QACxB;AAEG,eAAA;AAAA,MACV,CAAA;AAAA,IAAA,EACH;AAAA,EACV;AACJ;"}
+{"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'\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;AACZ,QAAA,EAAE,GAAG,IAAI,UAAU;AAEnB,QAAA,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,EAE1B;AAEA,SACK,oBAAA,WAAA,EACG,UAAC,qBAAA,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS;AAAA,UACT,cACI,qBAAC,OAAI,EAAA,WAAU,uBACX,UAAA;AAAA,YAAA,oBAAC,eAAc,EAAA;AAAA,YACf,oBAAC,mBAAkB,EAAA,UAAU,EAAG,CAAA;AAAA,YAChC,oBAAC,mBAAkB,EAAA,UAAU,EAAG,CAAA;AAAA,YAChC,oBAAC,mBAAkB,EAAA,UAAU,EAAG,CAAA;AAAA,UAAA,GACpC;AAAA,UAGH,UAAA,QAAS,oBAAA,aAAA,EAAY,KAAY,CAAA;AAAA,QAAA;AAAA,MACtC;AAAA,0BACC,eAAc,CAAA,CAAA;AAAA,IAAA,GACnB;AAAA,IACC,QACG,oBAAC,uBAAsB,EAAA,SAAS,KAAK,eAAgB,CAAA;AAAA,EAAA,EAAA,CAE7D,EACJ,CAAA;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'\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;AAClB,QAAA,eAAe,OAAyB,IAAI;AAElD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,EAAE;AAEnC,QAAA,iBAAiB,YAAY,CAAC,QAAgB;AAChD,eAAW,GAAG;AAAA,EAClB,GAAG,EAAE;AAEL,QAAM,kBAAkB,MAAM;AAC1B,QAAI,aAAa,SAAS;AACtB,mBAAa,QAAQ,QAAQ;AAAA,IAAA;AAAA,EAErC;AAEA,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,WAAU;AAAA,QACV,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,qBAAC,OACG,EAAA,UAAA;AAAA,YAAA,oBAAC,QAAG,UAAyB,4BAAA,CAAA;AAAA,iCAC5B,KACI,EAAA,UAAA;AAAA,cAAA,YAAY,MAAM,MAAM;AAAA,cAAI;AAAA,cAAQ;AAAA,cACpC,YAAY,MAAM,MAAM;AAAA,cAAI;AAAA,YAAA,EACjC,CAAA;AAAA,UAAA,GACJ;AAAA,UACA,qBAAC,OAAI,EAAA,WAAU,cACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAM,YAAY,OAAO,oBAAC,SAAQ,CAAA,CAAA;AAAA,gBAClC,SAAS,YAAY,MAAM,UAAU;AAAA,gBACrC,SAAS,MAAM,eAAe,GAAG;AAAA,gBAEjC,UAAA,oBAAC,UAAK,UAAG,MAAA,CAAA;AAAA,cAAA;AAAA,YACb;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAM,YAAY,OAAO,oBAAC,KAAI,CAAA,CAAA;AAAA,gBAC9B,SAAS,YAAY,MAAM,UAAU;AAAA,gBACrC,SAAS,MAAM,eAAe,GAAG;AAAA,gBAEjC,UAAA,oBAAC,UAAK,UAAE,KAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,SACX,UAAA;AAAA,MAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAQ,YAAA;AAAA,MAC7B;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK;AAAA,UACL,UAAQ;AAAA,UACR,aAAY;AAAA,QAAA;AAAA,MAChB;AAAA,MACA,oBAAC,OAAI,EAAA,WAAU,yBACX,UAAA,oBAAC,QAAO,EAAA,SAAQ,SAAQ,SAAS,iBAAiB,UAAA,SAAA,CAElD,EACJ,CAAA;AAAA,IAAA,EACJ,CAAA;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'\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,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAA,MAAA,EAAI,eAAK,MAAM,CAAA;AAAA,IAChB,qBAAC,OAAI,EAAA,WAAU,gCACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAa,EAAE,MAAM,GAAG;AAAA,UACxB,OAAO,KAAK,WAAW,CAAA;AAAA,QAAC;AAAA,MAC5B;AAAA,MACA,qBAAC,OAAI,EAAA,WAAU,WACX,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,UAAA;AAAA,UAEjB,oBAAA,QAAA,EAAK,WAAU,kDACX,eAAK,UACV,CAAA;AAAA,QAAA,GACJ;AAAA,6BACC,OACG,EAAA,UAAA;AAAA,UAAA,qBAAC,QAAK,EAAA,UAAA;AAAA,YAAA;AAAA,YAAe,KAAK;AAAA,UAAA,GAAW;AAAA,UACpC,oBAAA,QAAA,EAAK,WAAU,QAAO,UAAC,KAAA;AAAA,+BACvB,QAAM,EAAA,UAAA;AAAA,YAAK,KAAA;AAAA,YAAW;AAAA,UAAA,GAAS;AAAA,UAC/B,oBAAA,QAAA,EAAK,WAAU,QAAO,UAAC,KAAA;AAAA,+BACvB,QAAM,EAAA,UAAA;AAAA,YAAK,KAAA;AAAA,YAAU;AAAA,UAAA,EAAO,CAAA;AAAA,QAAA,EACjC,CAAA;AAAA,MAAA,EACJ,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,oBAAC,SAAI,WAAU,iFACV,0BAAgB,KAAK,WAAW,EAAE,EACvC,CAAA;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'\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;AACjE,QAAA,EAAE,eAAe,IAAI,aAAa;AAElC,QAAA,EAAE,OAAO,IAAI,cAAc;AAEjC,SAES,oBAAA,UAAA,EAAA,UAAA,OAAO,MACJ,oBAAC,OAAI,EAAA,WAAU,6BACX,UAAA,oBAAC,OAAM,EAAA,QAAQ,kBACX,+BAAC,MACG,EAAA,UAAA;AAAA,IAAC,oBAAA,MAAA,EAAG,WAAU,aAAY,UAAY,gBAAA;AAAA,IACtC,oBAAC,QAAG,WAAU,8DACT,kBAAQ,IAAI,CAAC,SACV,oBAAC,MACG,EAAA,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,UAAK,KAAA;AAAA,MAAA;AAAA,IAAA,KAVL,SAAS,KAAK,EAAE,EAYzB,CACH,EACL,CAAA;AAAA,EAAA,GACJ,EAAA,CACJ,EACJ,CAAA,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'\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;AAChB,QAAA,EAAE,GAAG,IAAI,UAAU;AAEnB,QAAA,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,EAE1B;AAEA,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,0BACV,kBACI,qBAAA,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAC,oBAAA,mBAAA,EAAmB,GAAG,MAAM;AAAA,MAC5B,oBAAA,iBAAA,EAAgB,SAAS,KAAK,QAAS,CAAA;AAAA,IAAA,EAAA,CAC5C,EAER,CAAA;AAAA,wBACC,mBAAkB,CAAA,CAAA;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;"}