@orbe-agro/client-core 5.6.0 → 5.6.4

package/dist/@ecme/views/concepts/customers/CustomerForm/OverviewSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverviewSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/OverviewSection.tsx"],"sourcesContent":["import { useMemo } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport Input from '@/components/ui/Input'\r\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport { FormItem } from '@/components/ui/Form'\r\nimport NumericInput from '@/components/shared/NumericInput'\r\nimport { countryList } from '@/constants/countries.constant'\r\nimport { Controller } from 'react-hook-form'\r\nimport { components } from 'react-select'\r\nimport type { FormSectionBaseProps } from './types'\r\nimport type { ControlProps, OptionProps } from 'react-select'\r\n\r\ntype OverviewSectionProps = FormSectionBaseProps\r\n\r\ntype CountryOption = {\r\n    label: string\r\n    dialCode: string\r\n    value: string\r\n}\r\n\r\nconst { Control } = components\r\n\r\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\r\n    return (\r\n        <DefaultOption<CountryOption>\r\n            {...props}\r\n            customLabel={(data) => (\r\n                <span className=\"flex items-center gap-2\">\r\n                    <Avatar\r\n                        shape=\"circle\"\r\n                        size={20}\r\n                        src={`/img/countries/${data.value}.png`}\r\n                    />\r\n                    <span>{data.dialCode}</span>\r\n                </span>\r\n            )}\r\n        />\r\n    )\r\n}\r\n\r\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\r\n    const selected = props.getValue()[0]\r\n    return (\r\n        <Control {...props}>\r\n            {selected && (\r\n                <Avatar\r\n                    className=\"ltr:ml-4 rtl:mr-4\"\r\n                    shape=\"circle\"\r\n                    size={20}\r\n                    src={`/img/countries/${selected.value}.png`}\r\n                />\r\n            )}\r\n            {children}\r\n        </Control>\r\n    )\r\n}\r\n\r\nconst OverviewSection = ({ control, errors }: OverviewSectionProps) => {\r\n    const dialCodeList = useMemo(() => {\r\n        const newCountryList: Array<CountryOption> = JSON.parse(\r\n            JSON.stringify(countryList),\r\n        )\r\n\r\n        return newCountryList.map((country) => {\r\n            country.label = country.dialCode\r\n            return country\r\n        })\r\n    }, [])\r\n\r\n    return (\r\n        <Card>\r\n            <h4 className=\"mb-6\">Overview</h4>\r\n            <div className=\"grid md:grid-cols-2 gap-4\">\r\n                <FormItem\r\n                    label=\"First Name\"\r\n                    invalid={Boolean(errors.firstName)}\r\n                    errorMessage={errors.firstName?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"firstName\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input\r\n                                type=\"text\"\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"First Name\"\r\n                                {...field}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem\r\n                    label=\"User Name\"\r\n                    invalid={Boolean(errors.lastName)}\r\n                    errorMessage={errors.lastName?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"lastName\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Input\r\n                                type=\"text\"\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"Last Name\"\r\n                                {...field}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n            </div>\r\n            <FormItem\r\n                label=\"Email\"\r\n                invalid={Boolean(errors.email)}\r\n                errorMessage={errors.email?.message}\r\n            >\r\n                <Controller\r\n                    name=\"email\"\r\n                    control={control}\r\n                    render={({ field }) => (\r\n                        <Input\r\n                            type=\"email\"\r\n                            autoComplete=\"off\"\r\n                            placeholder=\"Email\"\r\n                            {...field}\r\n                        />\r\n                    )}\r\n                />\r\n            </FormItem>\r\n            <div className=\"flex items-end gap-4 w-full\">\r\n                <FormItem\r\n                    invalid={\r\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\r\n                    }\r\n                >\r\n                    <label className=\"form-label mb-2\">Phone number</label>\r\n                    <Controller\r\n                        name=\"dialCode\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <Select<CountryOption>\r\n                                options={dialCodeList}\r\n                                {...field}\r\n                                className=\"w-[150px]\"\r\n                                components={{\r\n                                    Option: CustomSelectOption,\r\n                                    Control: CustomControl,\r\n                                }}\r\n                                placeholder=\"\"\r\n                                value={dialCodeList.filter(\r\n                                    (option) => option.dialCode === field.value,\r\n                                )}\r\n                                onChange={(option) =>\r\n                                    field.onChange(option?.dialCode)\r\n                                }\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n                <FormItem\r\n                    className=\"w-full\"\r\n                    invalid={\r\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\r\n                    }\r\n                    errorMessage={errors.phoneNumber?.message}\r\n                >\r\n                    <Controller\r\n                        name=\"phoneNumber\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <NumericInput\r\n                                autoComplete=\"off\"\r\n                                placeholder=\"Phone Number\"\r\n                                value={field.value}\r\n                                onChange={field.onChange}\r\n                                onBlur={field.onBlur}\r\n                            />\r\n                        )}\r\n                    />\r\n                </FormItem>\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default OverviewSection\r\n"],"names":["DefaultOption"],"mappings":"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"}
+{"version":3,"file":"OverviewSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/OverviewSection.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { countryList } from '@/constants/countries.constant'\nimport { Controller } from 'react-hook-form'\nimport { components } from 'react-select'\nimport type { FormSectionBaseProps } from './types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype OverviewSectionProps = FormSectionBaseProps\n\ntype CountryOption = {\n    label: string\n    dialCode: string\n    value: string\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\n    return (\n        <DefaultOption<CountryOption>\n            {...props}\n            customLabel={(data) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar\n                        shape=\"circle\"\n                        size={20}\n                        src={`/img/countries/${data.value}.png`}\n                    />\n                    <span>{data.dialCode}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={20}\n                    src={`/img/countries/${selected.value}.png`}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst OverviewSection = ({ control, errors }: OverviewSectionProps) => {\n    const dialCodeList = useMemo(() => {\n        const newCountryList: Array<CountryOption> = JSON.parse(\n            JSON.stringify(countryList),\n        )\n\n        return newCountryList.map((country) => {\n            country.label = country.dialCode\n            return country\n        })\n    }, [])\n\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Overview</h4>\n            <div className=\"grid md:grid-cols-2 gap-4\">\n                <FormItem\n                    label=\"First Name\"\n                    invalid={Boolean(errors.firstName)}\n                    errorMessage={errors.firstName?.message}\n                >\n                    <Controller\n                        name=\"firstName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"First Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"User Name\"\n                    invalid={Boolean(errors.lastName)}\n                    errorMessage={errors.lastName?.message}\n                >\n                    <Controller\n                        name=\"lastName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Last Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <div className=\"flex items-end gap-4 w-full\">\n                <FormItem\n                    invalid={\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\n                    }\n                >\n                    <label className=\"form-label mb-2\">Phone number</label>\n                    <Controller\n                        name=\"dialCode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Select<CountryOption>\n                                options={dialCodeList}\n                                {...field}\n                                className=\"w-[150px]\"\n                                components={{\n                                    Option: CustomSelectOption,\n                                    Control: CustomControl,\n                                }}\n                                placeholder=\"\"\n                                value={dialCodeList.filter(\n                                    (option) => option.dialCode === field.value,\n                                )}\n                                onChange={(option) =>\n                                    field.onChange(option?.dialCode)\n                                }\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    className=\"w-full\"\n                    invalid={\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\n                    }\n                    errorMessage={errors.phoneNumber?.message}\n                >\n                    <Controller\n                        name=\"phoneNumber\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                autoComplete=\"off\"\n                                placeholder=\"Phone Number\"\n                                value={field.value}\n                                onChange={field.onChange}\n                                onBlur={field.onBlur}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default OverviewSection\n"],"names":["DefaultOption"],"mappings":"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"}

package/dist/@ecme/views/concepts/customers/CustomerForm/ProfileImageSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileImageSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/ProfileImageSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Upload from '@/components/ui/Upload'\r\nimport { Button } from '@/components/ui'\r\nimport DoubleSidedImage from '@/components/shared/DoubleSidedImage'\r\nimport { Controller } from 'react-hook-form'\r\nimport { HiOutlineUser } from 'react-icons/hi'\r\nimport type { FormSectionBaseProps } from './types'\r\n\r\ntype ProfileImageSectionProps = FormSectionBaseProps\r\n\r\nconst ProfileImage = ({ control }: ProfileImageSectionProps) => {\r\n    const beforeUpload = (files: FileList | null) => {\r\n        let valid: string | boolean = true\r\n\r\n        const allowedFileType = ['image/jpeg', 'image/png']\r\n        if (files) {\r\n            for (const file of files) {\r\n                if (!allowedFileType.includes(file.type)) {\r\n                    valid = 'Please upload a .jpeg or .png file!'\r\n                }\r\n            }\r\n        }\r\n\r\n        return valid\r\n    }\r\n\r\n    return (\r\n        <Card>\r\n            <h4 className=\"mb-6\">Image</h4>\r\n            <div className=\"bg-gray-100 dark:bg-gray-700 rounded-lg text-center p-4\">\r\n                <div className=\"text-center\">\r\n                    <Controller\r\n                        name=\"img\"\r\n                        control={control}\r\n                        render={({ field }) => (\r\n                            <>\r\n                                <div className=\"flex items-center justify-center\">\r\n                                    {field.value ? (\r\n                                        <Avatar\r\n                                            size={100}\r\n                                            className=\"border-4 border-white bg-gray-100 text-gray-300 shadow-lg\"\r\n                                            icon={<HiOutlineUser />}\r\n                                            src={field.value}\r\n                                        />\r\n                                    ) : (\r\n                                        <DoubleSidedImage\r\n                                            src=\"/img/others/upload.png\"\r\n                                            darkModeSrc=\"/img/others/upload-dark.png\"\r\n                                            alt=\"Upload image\"\r\n                                        />\r\n                                    )}\r\n                                </div>\r\n                                <Upload\r\n                                    showList={false}\r\n                                    uploadLimit={1}\r\n                                    beforeUpload={beforeUpload}\r\n                                    onChange={(files) => {\r\n                                        if (files.length > 0) {\r\n                                            field.onChange(\r\n                                                URL.createObjectURL(files[0]),\r\n                                            )\r\n                                        }\r\n                                    }}\r\n                                >\r\n                                    <Button\r\n                                        variant=\"solid\"\r\n                                        className=\"mt-4\"\r\n                                        type=\"button\"\r\n                                    >\r\n                                        Upload Image\r\n                                    </Button>\r\n                                </Upload>\r\n                            </>\r\n                        )}\r\n                    />\r\n                </div>\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default ProfileImage\r\n"],"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,eAAe,CAAC,EAAE,cAAwC;AAC5D,QAAM,eAAe,CAAC,UAA2B;AAC7C,QAAI,QAA0B;AAE9B,UAAM,kBAAkB,CAAC,cAAc,WAAW;AAClD,QAAI,OAAO;AACP,iBAAW,QAAQ,OAAO;AACtB,YAAI,CAAC,gBAAgB,SAAS,KAAK,IAAI,GAAG;AACtC,kBAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AAEA,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,SAAK;AAAA,wBACzB,OAAA,EAAI,WAAU,2DACX,UAAA,oBAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL;AAAA,QACA,QAAQ,CAAC,EAAE,MAAA,MACP,qBAAA,UAAA,EACI,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,oCACV,UAAA,MAAM,QACH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,WAAU;AAAA,cACV,0BAAO,eAAA,EAAc;AAAA,cACrB,KAAK,MAAM;AAAA,YAAA;AAAA,UAAA,IAGf;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,KAAI;AAAA,cACJ,aAAY;AAAA,cACZ,KAAI;AAAA,YAAA;AAAA,UAAA,GAGhB;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,UAAU;AAAA,cACV,aAAa;AAAA,cACb;AAAA,cACA,UAAU,CAAC,UAAU;AACjB,oBAAI,MAAM,SAAS,GAAG;AAClB,wBAAM;AAAA,oBACF,IAAI,gBAAgB,MAAM,CAAC,CAAC;AAAA,kBAAA;AAAA,gBAEpC;AAAA,cACJ;AAAA,cAEA,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,MAAK;AAAA,kBACR,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED;AAAA,UAAA;AAAA,QACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA,GAGZ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ProfileImageSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/ProfileImageSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Avatar from '@/components/ui/Avatar'\nimport Upload from '@/components/ui/Upload'\nimport { Button } from '@/components/ui'\nimport DoubleSidedImage from '@/components/shared/DoubleSidedImage'\nimport { Controller } from 'react-hook-form'\nimport { HiOutlineUser } from 'react-icons/hi'\nimport type { FormSectionBaseProps } from './types'\n\ntype ProfileImageSectionProps = FormSectionBaseProps\n\nconst ProfileImage = ({ control }: ProfileImageSectionProps) => {\n    const beforeUpload = (files: FileList | null) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        if (files) {\n            for (const file of files) {\n                if (!allowedFileType.includes(file.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Image</h4>\n            <div className=\"bg-gray-100 dark:bg-gray-700 rounded-lg text-center p-4\">\n                <div className=\"text-center\">\n                    <Controller\n                        name=\"img\"\n                        control={control}\n                        render={({ field }) => (\n                            <>\n                                <div className=\"flex items-center justify-center\">\n                                    {field.value ? (\n                                        <Avatar\n                                            size={100}\n                                            className=\"border-4 border-white bg-gray-100 text-gray-300 shadow-lg\"\n                                            icon={<HiOutlineUser />}\n                                            src={field.value}\n                                        />\n                                    ) : (\n                                        <DoubleSidedImage\n                                            src=\"/img/others/upload.png\"\n                                            darkModeSrc=\"/img/others/upload-dark.png\"\n                                            alt=\"Upload image\"\n                                        />\n                                    )}\n                                </div>\n                                <Upload\n                                    showList={false}\n                                    uploadLimit={1}\n                                    beforeUpload={beforeUpload}\n                                    onChange={(files) => {\n                                        if (files.length > 0) {\n                                            field.onChange(\n                                                URL.createObjectURL(files[0]),\n                                            )\n                                        }\n                                    }}\n                                >\n                                    <Button\n                                        variant=\"solid\"\n                                        className=\"mt-4\"\n                                        type=\"button\"\n                                    >\n                                        Upload Image\n                                    </Button>\n                                </Upload>\n                            </>\n                        )}\n                    />\n                </div>\n            </div>\n        </Card>\n    )\n}\n\nexport default ProfileImage\n"],"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,eAAe,CAAC,EAAE,cAAwC;AAC5D,QAAM,eAAe,CAAC,UAA2B;AAC7C,QAAI,QAA0B;AAE9B,UAAM,kBAAkB,CAAC,cAAc,WAAW;AAClD,QAAI,OAAO;AACP,iBAAW,QAAQ,OAAO;AACtB,YAAI,CAAC,gBAAgB,SAAS,KAAK,IAAI,GAAG;AACtC,kBAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AAEA,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,SAAK;AAAA,wBACzB,OAAA,EAAI,WAAU,2DACX,UAAA,oBAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL;AAAA,QACA,QAAQ,CAAC,EAAE,MAAA,MACP,qBAAA,UAAA,EACI,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,oCACV,UAAA,MAAM,QACH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,WAAU;AAAA,cACV,0BAAO,eAAA,EAAc;AAAA,cACrB,KAAK,MAAM;AAAA,YAAA;AAAA,UAAA,IAGf;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,KAAI;AAAA,cACJ,aAAY;AAAA,cACZ,KAAI;AAAA,YAAA;AAAA,UAAA,GAGhB;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,UAAU;AAAA,cACV,aAAa;AAAA,cACb;AAAA,cACA,UAAU,CAAC,UAAU;AACjB,oBAAI,MAAM,SAAS,GAAG;AAClB,wBAAM;AAAA,oBACF,IAAI,gBAAgB,MAAM,CAAC,CAAC;AAAA,kBAAA;AAAA,gBAEpC;AAAA,cACJ;AAAA,cAEA,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,MAAK;AAAA,kBACR,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED;AAAA,UAAA;AAAA,QACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA,GAGZ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerForm/TagsSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/TagsSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Select from '@/components/ui/Select'\r\nimport { Controller } from 'react-hook-form'\r\nimport CreatableSelect from 'react-select/creatable'\r\nimport type { FormSectionBaseProps } from './types'\r\n\r\ntype TagsSectionProps = FormSectionBaseProps\r\n\r\nconst defaultOptions = [\r\n    { value: 'frequentShoppers', label: 'Frequent Shoppers' },\r\n    { value: 'inactiveCustomers', label: 'Inactive' },\r\n    { value: 'newCustomers', label: 'New' },\r\n]\r\n\r\nconst TagsSection = ({ control }: TagsSectionProps) => {\r\n    return (\r\n        <Card>\r\n            <h4 className=\"mb-2\">Customer Tags</h4>\r\n            <div className=\"mt-6\">\r\n                <Controller\r\n                    name=\"tags\"\r\n                    control={control}\r\n                    render={({ field }) => (\r\n                        <Select\r\n                            isMulti\r\n                            isClearable\r\n                            placeholder=\"Add tags for customer...\"\r\n                            componentAs={CreatableSelect}\r\n                            options={defaultOptions}\r\n                            onChange={(option) => field.onChange(option)}\r\n                        />\r\n                    )}\r\n                />\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default TagsSection\r\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,iBAAiB;AAAA,EACnB,EAAE,OAAO,oBAAoB,OAAO,oBAAA;AAAA,EACpC,EAAE,OAAO,qBAAqB,OAAO,WAAA;AAAA,EACrC,EAAE,OAAO,gBAAgB,OAAO,MAAA;AACpC;AAEA,MAAM,cAAc,CAAC,EAAE,cAAgC;AACnD,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,iBAAa;AAAA,IAClC,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL;AAAA,QACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAO;AAAA,YACP,aAAW;AAAA,YACX,aAAY;AAAA,YACZ,aAAa;AAAA,YACb,SAAS;AAAA,YACT,UAAU,CAAC,WAAW,MAAM,SAAS,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/C;AAAA,IAAA,EAER,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"TagsSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/TagsSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport { Controller } from 'react-hook-form'\nimport CreatableSelect from 'react-select/creatable'\nimport type { FormSectionBaseProps } from './types'\n\ntype TagsSectionProps = FormSectionBaseProps\n\nconst defaultOptions = [\n    { value: 'frequentShoppers', label: 'Frequent Shoppers' },\n    { value: 'inactiveCustomers', label: 'Inactive' },\n    { value: 'newCustomers', label: 'New' },\n]\n\nconst TagsSection = ({ control }: TagsSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-2\">Customer Tags</h4>\n            <div className=\"mt-6\">\n                <Controller\n                    name=\"tags\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            isMulti\n                            isClearable\n                            placeholder=\"Add tags for customer...\"\n                            componentAs={CreatableSelect}\n                            options={defaultOptions}\n                            onChange={(option) => field.onChange(option)}\n                        />\n                    )}\n                />\n            </div>\n        </Card>\n    )\n}\n\nexport default TagsSection\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,iBAAiB;AAAA,EACnB,EAAE,OAAO,oBAAoB,OAAO,oBAAA;AAAA,EACpC,EAAE,OAAO,qBAAqB,OAAO,WAAA;AAAA,EACrC,EAAE,OAAO,gBAAgB,OAAO,MAAA;AACpC;AAEA,MAAM,cAAc,CAAC,EAAE,cAAgC;AACnD,8BACK,MAAA,EACG,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,iBAAa;AAAA,IAClC,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL;AAAA,QACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAO;AAAA,YACP,aAAW;AAAA,YACX,aAAY;AAAA,YACZ,aAAa;AAAA,YACb,SAAS;AAAA,YACT,UAAU,CAAC,WAAW,MAAM,SAAS,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/C;AAAA,IAAA,EAER,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerList.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerList/CustomerList.tsx"],"sourcesContent":["import AdaptiveCard from '@/components/shared/AdaptiveCard'\r\nimport Container from '@/components/shared/Container'\r\nimport CustomerListTable from './components/CustomerListTable'\r\nimport CustomerListActionTools from './components/CustomerListActionTools'\r\nimport CustomersListTableTools from './components/CustomersListTableTools'\r\nimport CustomerListSelected from './components/CustomerListSelected'\r\n\r\nconst CustomerList = () => {\r\n    return (\r\n        <>\r\n            <Container>\r\n                <AdaptiveCard>\r\n                    <div className=\"flex flex-col gap-4\">\r\n                        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\r\n                            <h3>Customers</h3>\r\n                            <CustomerListActionTools />\r\n                        </div>\r\n                        <CustomersListTableTools />\r\n                        <CustomerListTable />\r\n                    </div>\r\n                </AdaptiveCard>\r\n            </Container>\r\n            <CustomerListSelected />\r\n        </>\r\n    )\r\n}\r\n\r\nexport default CustomerList\r\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,eAAe,MAAM;AACvB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,aACG,UAAA,oBAAC,cAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAA,YAAA,CAAS;AAAA,4BACZ,yBAAA,CAAA,CAAwB;AAAA,MAAA,GAC7B;AAAA,0BACC,yBAAA,EAAwB;AAAA,0BACxB,mBAAA,CAAA,CAAkB;AAAA,IAAA,EAAA,CACvB,GACJ,GACJ;AAAA,wBACC,sBAAA,CAAA,CAAqB;AAAA,EAAA,GAC1B;AAER;"}
+{"version":3,"file":"CustomerList.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerList/CustomerList.tsx"],"sourcesContent":["import AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport Container from '@/components/shared/Container'\nimport CustomerListTable from './components/CustomerListTable'\nimport CustomerListActionTools from './components/CustomerListActionTools'\nimport CustomersListTableTools from './components/CustomersListTableTools'\nimport CustomerListSelected from './components/CustomerListSelected'\n\nconst CustomerList = () => {\n    return (\n        <>\n            <Container>\n                <AdaptiveCard>\n                    <div className=\"flex flex-col gap-4\">\n                        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n                            <h3>Customers</h3>\n                            <CustomerListActionTools />\n                        </div>\n                        <CustomersListTableTools />\n                        <CustomerListTable />\n                    </div>\n                </AdaptiveCard>\n            </Container>\n            <CustomerListSelected />\n        </>\n    )\n}\n\nexport default CustomerList\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,eAAe,MAAM;AACvB,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,aACG,UAAA,oBAAC,cAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,QAAA,oBAAC,QAAG,UAAA,YAAA,CAAS;AAAA,4BACZ,yBAAA,CAAA,CAAwB;AAAA,MAAA,GAC7B;AAAA,0BACC,yBAAA,EAAwB;AAAA,0BACxB,mBAAA,CAAA,CAAkB;AAAA,IAAA,EAAA,CACvB,GACJ,GACJ;AAAA,wBACC,sBAAA,CAAA,CAAqB;AAAA,EAAA,GAC1B;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerListActionTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListActionTools.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\r\nimport { TbCloudDownload, TbUserPlus } from 'react-icons/tb'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport useCustomerList from '../hooks/useCustomerList'\r\nimport { CSVLink } from 'react-csv'\r\n\r\nconst CustomerListActionTools = () => {\r\n    const navigate = useNavigate()\r\n\r\n    const { customerList } = useCustomerList()\r\n\r\n    return (\r\n        <div className=\"flex flex-col md:flex-row gap-3\">\r\n            <CSVLink\r\n                className=\"w-full\"\r\n                filename=\"customerList.csv\"\r\n                data={customerList}\r\n            >\r\n                <Button\r\n                    icon={<TbCloudDownload className=\"text-xl\" />}\r\n                    className=\"w-full\"\r\n                >\r\n                    Download\r\n                </Button>\r\n            </CSVLink>\r\n            <Button\r\n                variant=\"solid\"\r\n                icon={<TbUserPlus className=\"text-xl\" />}\r\n                onClick={() => navigate('/concepts/customers/customer-create')}\r\n            >\r\n                Add new\r\n            </Button>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CustomerListActionTools\r\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,0BAA0B,MAAM;AAClC,QAAM,WAAW,YAAA;AAEjB,QAAM,EAAE,aAAA,IAAiB,gBAAA;AAEzB,SACI,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,UAAS;AAAA,QACT,MAAM;AAAA,QAEN,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM,oBAAC,iBAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,YAC3C,WAAU;AAAA,YACb,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,oBAAC,YAAA,EAAW,WAAU,UAAA,CAAU;AAAA,QACtC,SAAS,MAAM,SAAS,qCAAqC;AAAA,QAChE,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}
+{"version":3,"file":"CustomerListActionTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListActionTools.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { TbCloudDownload, TbUserPlus } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { CSVLink } from 'react-csv'\n\nconst CustomerListActionTools = () => {\n    const navigate = useNavigate()\n\n    const { customerList } = useCustomerList()\n\n    return (\n        <div className=\"flex flex-col md:flex-row gap-3\">\n            <CSVLink\n                className=\"w-full\"\n                filename=\"customerList.csv\"\n                data={customerList}\n            >\n                <Button\n                    icon={<TbCloudDownload className=\"text-xl\" />}\n                    className=\"w-full\"\n                >\n                    Download\n                </Button>\n            </CSVLink>\n            <Button\n                variant=\"solid\"\n                icon={<TbUserPlus className=\"text-xl\" />}\n                onClick={() => navigate('/concepts/customers/customer-create')}\n            >\n                Add new\n            </Button>\n        </div>\n    )\n}\n\nexport default CustomerListActionTools\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,0BAA0B,MAAM;AAClC,QAAM,WAAW,YAAA;AAEjB,QAAM,EAAE,aAAA,IAAiB,gBAAA;AAEzB,SACI,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,UAAS;AAAA,QACT,MAAM;AAAA,QAEN,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM,oBAAC,iBAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,YAC3C,WAAU;AAAA,YACb,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,oBAAC,YAAA,EAAW,WAAU,UAAA,CAAU;AAAA,QACtC,SAAS,MAAM,SAAS,qCAAqC;AAAA,QAChE,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerListSearch.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListSearch.tsx"],"sourcesContent":["import DebounceInput from '@/components/shared/DebounceInput'\r\nimport { TbSearch } from 'react-icons/tb'\r\nimport { Ref } from 'react'\r\n\r\ntype CustomerListSearchProps = {\r\n    onInputChange: (value: string) => void\r\n    ref?: Ref<HTMLInputElement>\r\n}\r\n\r\nconst CustomerListSearch = (props: CustomerListSearchProps) => {\r\n    const { onInputChange, ref } = props\r\n\r\n    return (\r\n        <DebounceInput\r\n            ref={ref}\r\n            placeholder=\"Quick search...\"\r\n            suffix={<TbSearch className=\"text-lg\" />}\r\n            onChange={(e) => onInputChange(e.target.value)}\r\n        />\r\n    )\r\n}\r\n\r\nexport default CustomerListSearch\r\n"],"names":[],"mappings":";;;AASA,MAAM,qBAAqB,CAAC,UAAmC;AAC3D,QAAM,EAAE,eAAe,IAAA,IAAQ;AAE/B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,aAAY;AAAA,MACZ,QAAQ,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,MACtC,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,IAAA;AAAA,EAAA;AAGzD;"}
+{"version":3,"file":"CustomerListSearch.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListSearch.tsx"],"sourcesContent":["import DebounceInput from '@/components/shared/DebounceInput'\nimport { TbSearch } from 'react-icons/tb'\nimport { Ref } from 'react'\n\ntype CustomerListSearchProps = {\n    onInputChange: (value: string) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst CustomerListSearch = (props: CustomerListSearchProps) => {\n    const { onInputChange, ref } = props\n\n    return (\n        <DebounceInput\n            ref={ref}\n            placeholder=\"Quick search...\"\n            suffix={<TbSearch className=\"text-lg\" />}\n            onChange={(e) => onInputChange(e.target.value)}\n        />\n    )\n}\n\nexport default CustomerListSearch\n"],"names":[],"mappings":";;;AASA,MAAM,qBAAqB,CAAC,UAAmC;AAC3D,QAAM,EAAE,eAAe,IAAA,IAAQ;AAE/B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,aAAY;AAAA,MACZ,QAAQ,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,MACtC,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,IAAA;AAAA,EAAA;AAGzD;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerListSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListSelected.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport StickyFooter from '@/components/shared/StickyFooter'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport RichTextEditor from '@/components/shared/RichTextEditor'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport useCustomerList from '../hooks/useCustomerList'\r\nimport { TbChecks } from 'react-icons/tb'\r\n\r\nconst CustomerListSelected = () => {\r\n    const {\r\n        selectedCustomer,\r\n        customerList,\r\n        mutate,\r\n        customerListTotal,\r\n        setSelectAllCustomer,\r\n    } = useCustomerList()\r\n\r\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\r\n    const [sendMessageDialogOpen, setSendMessageDialogOpen] = useState(false)\r\n    const [sendMessageLoading, setSendMessageLoading] = useState(false)\r\n\r\n    const handleDelete = () => {\r\n        setDeleteConfirmationOpen(true)\r\n    }\r\n\r\n    const handleCancel = () => {\r\n        setDeleteConfirmationOpen(false)\r\n    }\r\n\r\n    const handleConfirmDelete = () => {\r\n        const newCustomerList = customerList.filter((customer) => {\r\n            return !selectedCustomer.some(\r\n                (selected) => selected.id === customer.id,\r\n            )\r\n        })\r\n        setSelectAllCustomer([])\r\n        mutate(\r\n            {\r\n                list: newCustomerList,\r\n                total: customerListTotal - selectedCustomer.length,\r\n            },\r\n            false,\r\n        )\r\n        setDeleteConfirmationOpen(false)\r\n    }\r\n\r\n    const handleSend = () => {\r\n        setSendMessageLoading(true)\r\n        setTimeout(() => {\r\n            toast.push(\r\n                <Notification type=\"success\">Message sent!</Notification>,\r\n                { placement: 'top-center' },\r\n            )\r\n            setSendMessageLoading(false)\r\n            setSendMessageDialogOpen(false)\r\n            setSelectAllCustomer([])\r\n        }, 500)\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {selectedCustomer.length > 0 && (\r\n                <StickyFooter\r\n                    className=\" flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\r\n                    stickyClass=\"-mx-4 sm:-mx-8 border-t border-gray-200 dark:border-gray-700 px-8\"\r\n                    defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\r\n                >\r\n                    <div className=\"container mx-auto\">\r\n                        <div className=\"flex items-center justify-between\">\r\n                            <span>\r\n                                {selectedCustomer.length > 0 && (\r\n                                    <span className=\"flex items-center gap-2\">\r\n                                        <span className=\"text-lg text-primary\">\r\n                                            <TbChecks />\r\n                                        </span>\r\n                                        <span className=\"font-semibold flex items-center gap-1\">\r\n                                            <span className=\"heading-text\">\r\n                                                {selectedCustomer.length}{' '}\r\n                                                Customers\r\n                                            </span>\r\n                                            <span>selected</span>\r\n                                        </span>\r\n                                    </span>\r\n                                )}\r\n                            </span>\r\n\r\n                            <div className=\"flex items-center\">\r\n                                <Button\r\n                                    size=\"sm\"\r\n                                    className=\"ltr:mr-3 rtl:ml-3\"\r\n                                    type=\"button\"\r\n                                    customColorClass={() =>\r\n                                        'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\r\n                                    }\r\n                                    onClick={handleDelete}\r\n                                >\r\n                                    Delete\r\n                                </Button>\r\n                                <Button\r\n                                    size=\"sm\"\r\n                                    variant=\"solid\"\r\n                                    onClick={() =>\r\n                                        setSendMessageDialogOpen(true)\r\n                                    }\r\n                                >\r\n                                    Message\r\n                                </Button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </StickyFooter>\r\n            )}\r\n            <ConfirmDialog\r\n                isOpen={deleteConfirmationOpen}\r\n                type=\"danger\"\r\n                title=\"Remove customers\"\r\n                onClose={handleCancel}\r\n                onRequestClose={handleCancel}\r\n                onCancel={handleCancel}\r\n                onConfirm={handleConfirmDelete}\r\n            >\r\n                <p>\r\n                    {' '}\r\n                    Are you sure you want to remove these customers? This action\r\n                    can&apos;t be undo.{' '}\r\n                </p>\r\n            </ConfirmDialog>\r\n            <Dialog\r\n                isOpen={sendMessageDialogOpen}\r\n                onRequestClose={() => setSendMessageDialogOpen(false)}\r\n                onClose={() => setSendMessageDialogOpen(false)}\r\n            >\r\n                <h5 className=\"mb-2\">Send Message</h5>\r\n                <p>Send message to the following customers</p>\r\n                <Avatar.Group\r\n                    chained\r\n                    omittedAvatarTooltip\r\n                    className=\"mt-4\"\r\n                    maxCount={4}\r\n                    omittedAvatarProps={{ size: 30 }}\r\n                >\r\n                    {selectedCustomer.map((customer) => (\r\n                        <Tooltip key={customer.id} title={customer.name}>\r\n                            <Avatar size={30} src={customer.img} alt=\"\" />\r\n                        </Tooltip>\r\n                    ))}\r\n                </Avatar.Group>\r\n                <div className=\"my-4\">\r\n                    <RichTextEditor content={''} />\r\n                </div>\r\n                <div className=\"ltr:justify-end flex items-center gap-2\">\r\n                    <Button\r\n                        size=\"sm\"\r\n                        onClick={() => setSendMessageDialogOpen(false)}\r\n                    >\r\n                        Cancel\r\n                    </Button>\r\n                    <Button\r\n                        size=\"sm\"\r\n                        variant=\"solid\"\r\n                        loading={sendMessageLoading}\r\n                        onClick={handleSend}\r\n                    >\r\n                        Send\r\n                    </Button>\r\n                </div>\r\n            </Dialog>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default CustomerListSelected\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomerListSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListSelected.tsx"],"sourcesContent":["import { useState } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Avatar from '@/components/ui/Avatar'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { TbChecks } from 'react-icons/tb'\n\nconst CustomerListSelected = () => {\n    const {\n        selectedCustomer,\n        customerList,\n        mutate,\n        customerListTotal,\n        setSelectAllCustomer,\n    } = useCustomerList()\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n    const [sendMessageDialogOpen, setSendMessageDialogOpen] = useState(false)\n    const [sendMessageLoading, setSendMessageLoading] = useState(false)\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleConfirmDelete = () => {\n        const newCustomerList = customerList.filter((customer) => {\n            return !selectedCustomer.some(\n                (selected) => selected.id === customer.id,\n            )\n        })\n        setSelectAllCustomer([])\n        mutate(\n            {\n                list: newCustomerList,\n                total: customerListTotal - selectedCustomer.length,\n            },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleSend = () => {\n        setSendMessageLoading(true)\n        setTimeout(() => {\n            toast.push(\n                <Notification type=\"success\">Message sent!</Notification>,\n                { placement: 'top-center' },\n            )\n            setSendMessageLoading(false)\n            setSendMessageDialogOpen(false)\n            setSelectAllCustomer([])\n        }, 500)\n    }\n\n    return (\n        <>\n            {selectedCustomer.length > 0 && (\n                <StickyFooter\n                    className=\" flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\n                    stickyClass=\"-mx-4 sm:-mx-8 border-t border-gray-200 dark:border-gray-700 px-8\"\n                    defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\n                >\n                    <div className=\"container mx-auto\">\n                        <div className=\"flex items-center justify-between\">\n                            <span>\n                                {selectedCustomer.length > 0 && (\n                                    <span className=\"flex items-center gap-2\">\n                                        <span className=\"text-lg text-primary\">\n                                            <TbChecks />\n                                        </span>\n                                        <span className=\"font-semibold flex items-center gap-1\">\n                                            <span className=\"heading-text\">\n                                                {selectedCustomer.length}{' '}\n                                                Customers\n                                            </span>\n                                            <span>selected</span>\n                                        </span>\n                                    </span>\n                                )}\n                            </span>\n\n                            <div className=\"flex items-center\">\n                                <Button\n                                    size=\"sm\"\n                                    className=\"ltr:mr-3 rtl:ml-3\"\n                                    type=\"button\"\n                                    customColorClass={() =>\n                                        'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\n                                    }\n                                    onClick={handleDelete}\n                                >\n                                    Delete\n                                </Button>\n                                <Button\n                                    size=\"sm\"\n                                    variant=\"solid\"\n                                    onClick={() =>\n                                        setSendMessageDialogOpen(true)\n                                    }\n                                >\n                                    Message\n                                </Button>\n                            </div>\n                        </div>\n                    </div>\n                </StickyFooter>\n            )}\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove customers\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDelete}\n            >\n                <p>\n                    {' '}\n                    Are you sure you want to remove these customers? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n            <Dialog\n                isOpen={sendMessageDialogOpen}\n                onRequestClose={() => setSendMessageDialogOpen(false)}\n                onClose={() => setSendMessageDialogOpen(false)}\n            >\n                <h5 className=\"mb-2\">Send Message</h5>\n                <p>Send message to the following customers</p>\n                <Avatar.Group\n                    chained\n                    omittedAvatarTooltip\n                    className=\"mt-4\"\n                    maxCount={4}\n                    omittedAvatarProps={{ size: 30 }}\n                >\n                    {selectedCustomer.map((customer) => (\n                        <Tooltip key={customer.id} title={customer.name}>\n                            <Avatar size={30} src={customer.img} alt=\"\" />\n                        </Tooltip>\n                    ))}\n                </Avatar.Group>\n                <div className=\"my-4\">\n                    <RichTextEditor content={''} />\n                </div>\n                <div className=\"ltr:justify-end flex items-center gap-2\">\n                    <Button\n                        size=\"sm\"\n                        onClick={() => setSendMessageDialogOpen(false)}\n                    >\n                        Cancel\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        loading={sendMessageLoading}\n                        onClick={handleSend}\n                    >\n                        Send\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default CustomerListSelected\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Tag from '@/components/ui/Tag'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport DataTable from '@/components/shared/DataTable'\r\nimport useCustomerList from '../hooks/useCustomerList'\r\nimport { Link, useNavigate } from 'react-router-dom'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport { TbPencil, TbEye } from 'react-icons/tb'\r\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\r\nimport type { Customer } from '../types'\r\nimport type { TableQueries } from '@/@types/common'\r\n\r\nconst statusColor: Record<string, string> = {\r\n    active: 'bg-emerald-200 dark:bg-emerald-200 text-gray-900 dark:text-gray-900',\r\n    blocked: 'bg-red-200 dark:bg-red-200 text-gray-900 dark:text-gray-900',\r\n}\r\n\r\nconst NameColumn = ({ row }: { row: Customer }) => {\r\n    return (\r\n        <div className=\"flex items-center\">\r\n            <Avatar size={40} shape=\"circle\" src={row.img} />\r\n            <Link\r\n                className={`hover:text-primary ml-2 rtl:mr-2 font-semibold text-gray-900 dark:text-gray-100`}\r\n                to={`/concepts/customers/customer-details/${row.id}`}\r\n            >\r\n                {row.name}\r\n            </Link>\r\n        </div>\r\n    )\r\n}\r\n\r\nconst ActionColumn = ({\r\n    onEdit,\r\n    onViewDetail,\r\n}: {\r\n    onEdit: () => void\r\n    onViewDetail: () => void\r\n}) => {\r\n    return (\r\n        <div className=\"flex items-center gap-3\">\r\n            <Tooltip title=\"Edit\">\r\n                <div\r\n                    className={`text-xl cursor-pointer select-none font-semibold`}\r\n                    role=\"button\"\r\n                    onClick={onEdit}\r\n                >\r\n                    <TbPencil />\r\n                </div>\r\n            </Tooltip>\r\n            <Tooltip title=\"View\">\r\n                <div\r\n                    className={`text-xl cursor-pointer select-none font-semibold`}\r\n                    role=\"button\"\r\n                    onClick={onViewDetail}\r\n                >\r\n                    <TbEye />\r\n                </div>\r\n            </Tooltip>\r\n        </div>\r\n    )\r\n}\r\n\r\nconst CustomerListTable = () => {\r\n    const navigate = useNavigate()\r\n\r\n    const {\r\n        customerList,\r\n        customerListTotal,\r\n        tableData,\r\n        isLoading,\r\n        setTableData,\r\n        setSelectAllCustomer,\r\n        setSelectedCustomer,\r\n        selectedCustomer,\r\n    } = useCustomerList()\r\n\r\n    const handleEdit = (customer: Customer) => {\r\n        navigate(`/concepts/customers/customer-edit/${customer.id}`)\r\n    }\r\n\r\n    const handleViewDetails = (customer: Customer) => {\r\n        navigate(`/concepts/customers/customer-details/${customer.id}`)\r\n    }\r\n\r\n    const columns: ColumnDef<Customer>[] = useMemo(\r\n        () => [\r\n            {\r\n                header: 'Name',\r\n                accessorKey: 'name',\r\n                cell: (props) => {\r\n                    const row = props.row.original\r\n                    return <NameColumn row={row} />\r\n                },\r\n            },\r\n            {\r\n                header: 'Email',\r\n                accessorKey: 'email',\r\n            },\r\n            {\r\n                header: 'location',\r\n                accessorKey: 'personalInfo.location',\r\n            },\r\n            {\r\n                header: 'Status',\r\n                accessorKey: 'status',\r\n                cell: (props) => {\r\n                    const row = props.row.original\r\n                    return (\r\n                        <div className=\"flex items-center\">\r\n                            <Tag className={statusColor[row.status]}>\r\n                                <span className=\"capitalize\">{row.status}</span>\r\n                            </Tag>\r\n                        </div>\r\n                    )\r\n                },\r\n            },\r\n            {\r\n                header: 'Spent',\r\n                accessorKey: 'totalSpending',\r\n                cell: (props) => {\r\n                    return <span>${props.row.original.totalSpending}</span>\r\n                },\r\n            },\r\n            {\r\n                header: '',\r\n                id: 'action',\r\n                cell: (props) => (\r\n                    <ActionColumn\r\n                        onEdit={() => handleEdit(props.row.original)}\r\n                        onViewDetail={() =>\r\n                            handleViewDetails(props.row.original)\r\n                        }\r\n                    />\r\n                ),\r\n            },\r\n        ],\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n        [],\r\n    )\r\n\r\n    const handleSetTableData = (data: TableQueries) => {\r\n        setTableData(data)\r\n        if (selectedCustomer.length > 0) {\r\n            setSelectAllCustomer([])\r\n        }\r\n    }\r\n\r\n    const handlePaginationChange = (page: number) => {\r\n        const newTableData = cloneDeep(tableData)\r\n        newTableData.pageIndex = page\r\n        handleSetTableData(newTableData)\r\n    }\r\n\r\n    const handleSelectChange = (value: number) => {\r\n        const newTableData = cloneDeep(tableData)\r\n        newTableData.pageSize = Number(value)\r\n        newTableData.pageIndex = 1\r\n        handleSetTableData(newTableData)\r\n    }\r\n\r\n    const handleSort = (sort: OnSortParam) => {\r\n        const newTableData = cloneDeep(tableData)\r\n        newTableData.sort = sort\r\n        handleSetTableData(newTableData)\r\n    }\r\n\r\n    const handleRowSelect = (checked: boolean, row: Customer) => {\r\n        setSelectedCustomer(checked, row)\r\n    }\r\n\r\n    const handleAllRowSelect = (checked: boolean, rows: Row<Customer>[]) => {\r\n        if (checked) {\r\n            const originalRows = rows.map((row) => row.original)\r\n            setSelectAllCustomer(originalRows)\r\n        } else {\r\n            setSelectAllCustomer([])\r\n        }\r\n    }\r\n\r\n    return (\r\n        <DataTable\r\n            selectable\r\n            columns={columns}\r\n            data={customerList}\r\n            noData={!isLoading && customerList.length === 0}\r\n            skeletonAvatarColumns={[0]}\r\n            skeletonAvatarProps={{ width: 28, height: 28 }}\r\n            loading={isLoading}\r\n            pagingData={{\r\n                total: customerListTotal,\r\n                pageIndex: tableData.pageIndex as number,\r\n                pageSize: tableData.pageSize as number,\r\n            }}\r\n            checkboxChecked={(row) =>\r\n                selectedCustomer.some((selected) => selected.id === row.id)\r\n            }\r\n            onPaginationChange={handlePaginationChange}\r\n            onSelectChange={handleSelectChange}\r\n            onSort={handleSort}\r\n            onCheckBoxChange={handleRowSelect}\r\n            onIndeterminateCheckBoxChange={handleAllRowSelect}\r\n        />\r\n    )\r\n}\r\n\r\nexport default CustomerListTable\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomerListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { Link, useNavigate } from 'react-router-dom'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { TbPencil, TbEye } from 'react-icons/tb'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { Customer } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst statusColor: Record<string, string> = {\n    active: 'bg-emerald-200 dark:bg-emerald-200 text-gray-900 dark:text-gray-900',\n    blocked: 'bg-red-200 dark:bg-red-200 text-gray-900 dark:text-gray-900',\n}\n\nconst NameColumn = ({ row }: { row: Customer }) => {\n    return (\n        <div className=\"flex items-center\">\n            <Avatar size={40} shape=\"circle\" src={row.img} />\n            <Link\n                className={`hover:text-primary ml-2 rtl:mr-2 font-semibold text-gray-900 dark:text-gray-100`}\n                to={`/concepts/customers/customer-details/${row.id}`}\n            >\n                {row.name}\n            </Link>\n        </div>\n    )\n}\n\nconst ActionColumn = ({\n    onEdit,\n    onViewDetail,\n}: {\n    onEdit: () => void\n    onViewDetail: () => void\n}) => {\n    return (\n        <div className=\"flex items-center gap-3\">\n            <Tooltip title=\"Edit\">\n                <div\n                    className={`text-xl cursor-pointer select-none font-semibold`}\n                    role=\"button\"\n                    onClick={onEdit}\n                >\n                    <TbPencil />\n                </div>\n            </Tooltip>\n            <Tooltip title=\"View\">\n                <div\n                    className={`text-xl cursor-pointer select-none font-semibold`}\n                    role=\"button\"\n                    onClick={onViewDetail}\n                >\n                    <TbEye />\n                </div>\n            </Tooltip>\n        </div>\n    )\n}\n\nconst CustomerListTable = () => {\n    const navigate = useNavigate()\n\n    const {\n        customerList,\n        customerListTotal,\n        tableData,\n        isLoading,\n        setTableData,\n        setSelectAllCustomer,\n        setSelectedCustomer,\n        selectedCustomer,\n    } = useCustomerList()\n\n    const handleEdit = (customer: Customer) => {\n        navigate(`/concepts/customers/customer-edit/${customer.id}`)\n    }\n\n    const handleViewDetails = (customer: Customer) => {\n        navigate(`/concepts/customers/customer-details/${customer.id}`)\n    }\n\n    const columns: ColumnDef<Customer>[] = useMemo(\n        () => [\n            {\n                header: 'Name',\n                accessorKey: 'name',\n                cell: (props) => {\n                    const row = props.row.original\n                    return <NameColumn row={row} />\n                },\n            },\n            {\n                header: 'Email',\n                accessorKey: 'email',\n            },\n            {\n                header: 'location',\n                accessorKey: 'personalInfo.location',\n            },\n            {\n                header: 'Status',\n                accessorKey: 'status',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"flex items-center\">\n                            <Tag className={statusColor[row.status]}>\n                                <span className=\"capitalize\">{row.status}</span>\n                            </Tag>\n                        </div>\n                    )\n                },\n            },\n            {\n                header: 'Spent',\n                accessorKey: 'totalSpending',\n                cell: (props) => {\n                    return <span>${props.row.original.totalSpending}</span>\n                },\n            },\n            {\n                header: '',\n                id: 'action',\n                cell: (props) => (\n                    <ActionColumn\n                        onEdit={() => handleEdit(props.row.original)}\n                        onViewDetail={() =>\n                            handleViewDetails(props.row.original)\n                        }\n                    />\n                ),\n            },\n        ],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    )\n\n    const handleSetTableData = (data: TableQueries) => {\n        setTableData(data)\n        if (selectedCustomer.length > 0) {\n            setSelectAllCustomer([])\n        }\n    }\n\n    const handlePaginationChange = (page: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageIndex = page\n        handleSetTableData(newTableData)\n    }\n\n    const handleSelectChange = (value: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageSize = Number(value)\n        newTableData.pageIndex = 1\n        handleSetTableData(newTableData)\n    }\n\n    const handleSort = (sort: OnSortParam) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.sort = sort\n        handleSetTableData(newTableData)\n    }\n\n    const handleRowSelect = (checked: boolean, row: Customer) => {\n        setSelectedCustomer(checked, row)\n    }\n\n    const handleAllRowSelect = (checked: boolean, rows: Row<Customer>[]) => {\n        if (checked) {\n            const originalRows = rows.map((row) => row.original)\n            setSelectAllCustomer(originalRows)\n        } else {\n            setSelectAllCustomer([])\n        }\n    }\n\n    return (\n        <DataTable\n            selectable\n            columns={columns}\n            data={customerList}\n            noData={!isLoading && customerList.length === 0}\n            skeletonAvatarColumns={[0]}\n            skeletonAvatarProps={{ width: 28, height: 28 }}\n            loading={isLoading}\n            pagingData={{\n                total: customerListTotal,\n                pageIndex: tableData.pageIndex as number,\n                pageSize: tableData.pageSize as number,\n            }}\n            checkboxChecked={(row) =>\n                selectedCustomer.some((selected) => selected.id === row.id)\n            }\n            onPaginationChange={handlePaginationChange}\n            onSelectChange={handleSelectChange}\n            onSort={handleSort}\n            onCheckBoxChange={handleRowSelect}\n            onIndeterminateCheckBoxChange={handleAllRowSelect}\n        />\n    )\n}\n\nexport default CustomerListTable\n"],"names":[],"mappings":"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"}

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'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Checkbox from '@/components/ui/Checkbox'\r\nimport Input from '@/components/ui/Input'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport useCustomerList from '../hooks/useCustomerList'\r\nimport { TbFilter } from 'react-icons/tb'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\n\r\ntype FormSchema = {\r\n    purchasedProducts: string\r\n    purchaseChannel: Array<string>\r\n}\r\n\r\nconst channelList = [\r\n    'Retail Stores',\r\n    'Online Retailers',\r\n    'Resellers',\r\n    'Mobile Apps',\r\n    'Direct Sales',\r\n]\r\n\r\nconst validationSchema: ZodType<FormSchema> = z.object({\r\n    purchasedProducts: z.string(),\r\n    purchaseChannel: z.array(z.string()),\r\n})\r\n\r\nconst CustomerListTableFilter = () => {\r\n    const [dialogIsOpen, setIsOpen] = useState(false)\r\n\r\n    const { filterData, setFilterData } = useCustomerList()\r\n\r\n    const openDialog = () => {\r\n        setIsOpen(true)\r\n    }\r\n\r\n    const onDialogClose = () => {\r\n        setIsOpen(false)\r\n    }\r\n\r\n    const { handleSubmit, reset, control } = useForm<FormSchema>({\r\n        defaultValues: filterData,\r\n        resolver: zodResolver(validationSchema),\r\n    })\r\n\r\n    const onSubmit = (values: FormSchema) => {\r\n        setFilterData(values)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Button icon={<TbFilter />} onClick={() => openDialog()}>\r\n                Filter\r\n            </Button>\r\n            <Dialog\r\n                isOpen={dialogIsOpen}\r\n                onClose={onDialogClose}\r\n                onRequestClose={onDialogClose}\r\n            >\r\n                <h4 className=\"mb-4\">Filter</h4>\r\n                <Form onSubmit={handleSubmit(onSubmit)}>\r\n                    <FormItem label=\"Products\">\r\n                        <Controller\r\n                            name=\"purchasedProducts\"\r\n                            control={control}\r\n                            render={({ field }) => (\r\n                                <Input\r\n                                    type=\"text\"\r\n                                    autoComplete=\"off\"\r\n                                    placeholder=\"Search by purchased product\"\r\n                                    {...field}\r\n                                />\r\n                            )}\r\n                        />\r\n                    </FormItem>\r\n                    <FormItem label=\"Purchase Channel\">\r\n                        <Controller\r\n                            name=\"purchaseChannel\"\r\n                            control={control}\r\n                            render={({ field }) => (\r\n                                <Checkbox.Group\r\n                                    vertical\r\n                                    className=\"flex mt-4\"\r\n                                    {...field}\r\n                                >\r\n                                    {channelList.map((source, index) => (\r\n                                        <Checkbox\r\n                                            key={source + index}\r\n                                            name={field.name}\r\n                                            value={source}\r\n                                            className=\"justify-between flex-row-reverse heading-text\"\r\n                                        >\r\n                                            {source}\r\n                                        </Checkbox>\r\n                                    ))}\r\n                                </Checkbox.Group>\r\n                            )}\r\n                        />\r\n                    </FormItem>\r\n                    <div className=\"flex justify-end items-center gap-2 mt-4\">\r\n                        <Button type=\"button\" onClick={() => reset()}>\r\n                            Reset\r\n                        </Button>\r\n                        <Button type=\"submit\" variant=\"solid\">\r\n                            Apply\r\n                        </Button>\r\n                    </div>\r\n                </Form>\r\n            </Dialog>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default CustomerListTableFilter\r\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;"}
+{"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'\r\nimport CustomerListSearch from './CustomerListSearch'\r\nimport CustomerTableFilter from './CustomerListTableFilter'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\n\r\nconst CustomersListTableTools = () => {\r\n    const { tableData, setTableData } = useCustomerList()\r\n\r\n    const handleInputChange = (val: string) => {\r\n        const newTableData = cloneDeep(tableData)\r\n        newTableData.query = val\r\n        newTableData.pageIndex = 1\r\n        if (typeof val === 'string' && val.length > 1) {\r\n            setTableData(newTableData)\r\n        }\r\n\r\n        if (typeof val === 'string' && val.length === 0) {\r\n            setTableData(newTableData)\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\r\n            <CustomerListSearch onInputChange={handleInputChange} />\r\n            <CustomerTableFilter />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CustomersListTableTools\r\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;"}
+{"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'\r\nimport useSWR from 'swr'\r\nimport { useCustomerListStore } from '../store/customerListStore'\r\nimport type { GetCustomersListResponse } from '../types'\r\nimport type { TableQueries } from '@/@types/common'\r\n\r\nexport default function useCustomerList() {\r\n    const {\r\n        tableData,\r\n        filterData,\r\n        setTableData,\r\n        selectedCustomer,\r\n        setSelectedCustomer,\r\n        setSelectAllCustomer,\r\n        setFilterData,\r\n    } = useCustomerListStore((state) => state)\r\n\r\n    const { data, error, isLoading, mutate } = useSWR(\r\n        ['/api/customers', { ...tableData, ...filterData }],\r\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n        ([_, params]) =>\r\n            apiGetCustomersList<GetCustomersListResponse, TableQueries>(params),\r\n        {\r\n            revalidateOnFocus: false,\r\n        },\r\n    )\r\n\r\n    const customerList = data?.list || []\r\n\r\n    const customerListTotal = data?.total || 0\r\n\r\n    return {\r\n        customerList,\r\n        customerListTotal,\r\n        error,\r\n        isLoading,\r\n        tableData,\r\n        filterData,\r\n        mutate,\r\n        setTableData,\r\n        selectedCustomer,\r\n        setSelectedCustomer,\r\n        setSelectAllCustomer,\r\n        setFilterData,\r\n    }\r\n}\r\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;"}
+{"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'\r\nimport type { TableQueries } from '@/@types/common'\r\nimport type { Customer, Filter } from '../types'\r\n\r\nexport const initialTableData: TableQueries = {\r\n    pageIndex: 1,\r\n    pageSize: 10,\r\n    query: '',\r\n    sort: {\r\n        order: '',\r\n        key: '',\r\n    },\r\n}\r\n\r\nexport const initialFilterData = {\r\n    purchasedProducts: '',\r\n    purchaseChannel: [\r\n        'Retail Stores',\r\n        'Online Retailers',\r\n        'Resellers',\r\n        'Mobile Apps',\r\n        'Direct Sales',\r\n    ],\r\n}\r\n\r\nexport type CustomersListState = {\r\n    tableData: TableQueries\r\n    filterData: Filter\r\n    selectedCustomer: Partial<Customer>[]\r\n}\r\n\r\ntype CustomersListAction = {\r\n    setFilterData: (payload: Filter) => void\r\n    setTableData: (payload: TableQueries) => void\r\n    setSelectedCustomer: (checked: boolean, customer: Customer) => void\r\n    setSelectAllCustomer: (customer: Customer[]) => void\r\n}\r\n\r\nconst initialState: CustomersListState = {\r\n    tableData: initialTableData,\r\n    filterData: initialFilterData,\r\n    selectedCustomer: [],\r\n}\r\n\r\nexport const useCustomerListStore = create<\r\n    CustomersListState & CustomersListAction\r\n>((set) => ({\r\n    ...initialState,\r\n    setFilterData: (payload) => set(() => ({ filterData: payload })),\r\n    setTableData: (payload) => set(() => ({ tableData: payload })),\r\n    setSelectedCustomer: (checked, row) =>\r\n        set((state) => {\r\n            const prevData = state.selectedCustomer\r\n            if (checked) {\r\n                return { selectedCustomer: [...prevData, ...[row]] }\r\n            } else {\r\n                if (\r\n                    prevData.some((prevCustomer) => row.id === prevCustomer.id)\r\n                ) {\r\n                    return {\r\n                        selectedCustomer: prevData.filter(\r\n                            (prevCustomer) => prevCustomer.id !== row.id,\r\n                        ),\r\n                    }\r\n                }\r\n                return { selectedCustomer: prevData }\r\n            }\r\n        }),\r\n    setSelectAllCustomer: (row) => set(() => ({ selectedCustomer: row })),\r\n}))\r\n"],"names":[],"mappings":";AAIO,MAAM,mBAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb;AAEO,MAAM,oBAAoB;AAAA,EAC7B,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;"}
+{"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'\r\nimport Table from '@/components/ui/Table'\r\nimport TableRowSkeleton from '@/components/shared/loaders/TableRowSkeleton'\r\nimport FileManagerHeader from './components/FileManagerHeader'\r\nimport FileSegment from './components/FileSegment'\r\nimport FileList from './components/FileList'\r\nimport FileDetails from './components/FileDetails'\r\nimport FileManagerDeleteDialog from './components/FileManagerDeleteDialog'\r\nimport FileManagerInviteDialog from './components/FileManagerInviteDialog'\r\nimport FileManagerRenameDialog from './components/FileManagerRenameDialog'\r\nimport { useFileManagerStore } from './store/useFileManagerStore'\r\nimport { apiGetFiles } from '@/services/FileService'\r\nimport useSWRMutation from 'swr/mutation'\r\nimport { GetFileListResponse } from './types'\r\n\r\nconst { THead, Th, Tr } = Table\r\n\r\nasync function getFile(_: string, { arg }: { arg: string }) {\r\n    const data = await apiGetFiles<GetFileListResponse, { id: string }>({\r\n        id: arg,\r\n    })\r\n    return data\r\n}\r\n\r\nconst FileManager = () => {\r\n    const {\r\n        layout,\r\n        fileList,\r\n        setFileList,\r\n        setDeleteDialog,\r\n        setInviteDialog,\r\n        setRenameDialog,\r\n        openedDirectoryId,\r\n        setOpenedDirectoryId,\r\n        setDirectories,\r\n        setSelectedFile,\r\n    } = useFileManagerStore()\r\n\r\n    const { trigger, isMutating } = useSWRMutation(\r\n        `/api/files/${openedDirectoryId}`,\r\n        getFile,\r\n        {\r\n            onSuccess: (resp) => {\r\n                setDirectories(resp.directory)\r\n                setFileList(resp.list)\r\n            },\r\n        },\r\n    )\r\n\r\n    useEffect(() => {\r\n        if (fileList.length === 0) {\r\n            trigger(openedDirectoryId)\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [])\r\n\r\n    const handleShare = (id: string) => {\r\n        setInviteDialog({ id, open: true })\r\n    }\r\n\r\n    const handleDelete = (id: string) => {\r\n        setDeleteDialog({ id, open: true })\r\n    }\r\n\r\n    const handleDownload = () => {\r\n        const blob = new Blob(\r\n            [\r\n                'This text file is created to demonstrate how file downloading works in our template demo.',\r\n            ],\r\n            { type: 'text/plain;charset=utf-8' },\r\n        )\r\n\r\n        const link = document.createElement('a')\r\n        link.href = window.URL.createObjectURL(blob)\r\n        link.download = 'sample-dowoad-file'\r\n        document.body.appendChild(link)\r\n\r\n        link.click()\r\n\r\n        document.body.removeChild(link)\r\n        window.URL.revokeObjectURL(link.href)\r\n    }\r\n\r\n    const handleRename = (id: string) => {\r\n        setRenameDialog({ id, open: true })\r\n    }\r\n\r\n    const handleOpen = (id: string) => {\r\n        setOpenedDirectoryId(id)\r\n        trigger(id)\r\n    }\r\n\r\n    const handleEntryClick = () => {\r\n        setOpenedDirectoryId('')\r\n        trigger('')\r\n    }\r\n\r\n    const handleDirectoryClick = (id: string) => {\r\n        setOpenedDirectoryId(id)\r\n        trigger(id)\r\n    }\r\n\r\n    const handleClick = (fileId: string) => {\r\n        setSelectedFile(fileId)\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div>\r\n                <FileManagerHeader\r\n                    onEntryClick={handleEntryClick}\r\n                    onDirectoryClick={handleDirectoryClick}\r\n                />\r\n                <div className=\"mt-6\">\r\n                    {isMutating ? (\r\n                        layout === 'grid' ? (\r\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\">\r\n                                {[...Array(4).keys()].map((item) => (\r\n                                    <FileSegment\r\n                                        key={item}\r\n                                        loading={isMutating}\r\n                                    />\r\n                                ))}\r\n                            </div>\r\n                        ) : (\r\n                            <Table>\r\n                                <THead>\r\n                                    <Tr>\r\n                                        <Th>File</Th>\r\n                                        <Th>Size</Th>\r\n                                        <Th>Type</Th>\r\n                                        <Th></Th>\r\n                                    </Tr>\r\n                                </THead>\r\n                                <TableRowSkeleton\r\n                                    avatarInColumns={[0]}\r\n                                    columns={4}\r\n                                    rows={5}\r\n                                    avatarProps={{\r\n                                        width: 30,\r\n                                        height: 30,\r\n                                    }}\r\n                                />\r\n                            </Table>\r\n                        )\r\n                    ) : (\r\n                        <FileList\r\n                            fileList={fileList}\r\n                            layout={layout}\r\n                            onDownload={handleDownload}\r\n                            onShare={handleShare}\r\n                            onDelete={handleDelete}\r\n                            onRename={handleRename}\r\n                            onOpen={handleOpen}\r\n                            onClick={handleClick}\r\n                        />\r\n                    )}\r\n                </div>\r\n            </div>\r\n            <FileDetails onShare={handleShare} />\r\n            <FileManagerDeleteDialog />\r\n            <FileManagerInviteDialog />\r\n            <FileManagerRenameDialog />\r\n        </>\r\n    )\r\n}\r\n\r\nexport default FileManager\r\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'\r\nimport Drawer from '@/components/ui/Drawer'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Button from '@/components/ui/Button'\r\nimport CloseButton from '@/components/ui/CloseButton'\r\nimport FileIcon from '@/components/view/FileIcon'\r\nimport FileType from './FileType'\r\nimport fileSizeUnit from '@/utils/fileSizeUnit'\r\nimport { useFileManagerStore } from '../store/useFileManagerStore'\r\nimport dayjs from 'dayjs'\r\nimport { TbPlus } from 'react-icons/tb'\r\nimport type { ReactNode } from 'react'\r\n\r\ntype FileDetailsProps = {\r\n    onShare: (id: string) => void\r\n}\r\n\r\nconst InfoRow = ({\r\n    label,\r\n    value,\r\n}: {\r\n    label: string\r\n    value: string | ReactNode\r\n}) => {\r\n    return (\r\n        <div className=\"flex items-center justify-between\">\r\n            <span>{label}</span>\r\n            <span className=\"heading-text font-bold\">{value}</span>\r\n        </div>\r\n    )\r\n}\r\n\r\nconst FileDetails = ({ onShare }: FileDetailsProps) => {\r\n    const { selectedFile, setSelectedFile, fileList } = useFileManagerStore()\r\n\r\n    const file = useMemo(() => {\r\n        return fileList.find((file) => selectedFile === file.id)\r\n    }, [fileList, selectedFile])\r\n\r\n    const handleDrawerClose = () => {\r\n        setSelectedFile('')\r\n    }\r\n\r\n    return (\r\n        <Drawer\r\n            title={null}\r\n            closable={false}\r\n            isOpen={Boolean(selectedFile)}\r\n            showBackdrop={false}\r\n            width={350}\r\n            onClose={handleDrawerClose}\r\n            onRequestClose={handleDrawerClose}\r\n        >\r\n            {file && (\r\n                <div>\r\n                    <div className=\"flex justify-end\">\r\n                        <CloseButton onClick={handleDrawerClose} />\r\n                    </div>\r\n                    <div className=\"mt-10 flex justify-center\">\r\n                        {file.fileType.startsWith('jpeg') ||\r\n                        file.fileType.startsWith('png') ? (\r\n                            <img\r\n                                src={file.srcUrl}\r\n                                className=\"max-h-[170px] rounded-xl\"\r\n                                alt={file.name}\r\n                            />\r\n                        ) : (\r\n                            <FileIcon type={file.fileType} size={120} />\r\n                        )}\r\n                    </div>\r\n                    <div className=\"mt-10 text-center\">\r\n                        <h4>{file.name}</h4>\r\n                    </div>\r\n                    <div className=\"mt-8\">\r\n                        <h6>Info</h6>\r\n                        <div className=\"mt-4 flex flex-col gap-4\">\r\n                            <InfoRow\r\n                                label=\"Size\"\r\n                                value={fileSizeUnit(file.size)}\r\n                            />\r\n                            <InfoRow\r\n                                label=\"Type\"\r\n                                value={<FileType type={file.fileType} />}\r\n                            />\r\n                            <InfoRow\r\n                                label=\"Created\"\r\n                                value={dayjs\r\n                                    .unix(file.uploadDate)\r\n                                    .format('MMM DD, YYYY')}\r\n                            />\r\n                            <InfoRow\r\n                                label=\"Last modified\"\r\n                                value={dayjs\r\n                                    .unix(file.activities[0].timestamp)\r\n                                    .format('MMM DD, YYYY')}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"mt-10\">\r\n                        <div className=\"flex justify-between items-center\">\r\n                            <h6>Shared with</h6>\r\n                            <Button\r\n                                type=\"button\"\r\n                                shape=\"circle\"\r\n                                icon={<TbPlus />}\r\n                                size=\"xs\"\r\n                                onClick={() => onShare(file.id)}\r\n                            />\r\n                        </div>\r\n                        <div className=\"mt-6 flex flex-col gap-4\">\r\n                            {file.permissions.map((user) => (\r\n                                <div\r\n                                    key={user.userName}\r\n                                    className=\"flex items-center gap-2\"\r\n                                >\r\n                                    <Avatar src={user.userImg} alt=\"\" />\r\n                                    <div>\r\n                                        <div className=\"heading-text font-semibold\">\r\n                                            {user.userName}\r\n                                        </div>\r\n                                        <div>{user.role}</div>\r\n                                    </div>\r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            )}\r\n        </Drawer>\r\n    )\r\n}\r\n\r\nexport default FileDetails\r\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\";\r\nimport {\r\n  TbCloudDownload,\r\n  TbPencil,\r\n  TbUserPlus,\r\n  TbTrash,\r\n  TbFolderSymlink,\r\n} from \"react-icons/tb\";\r\nimport type { DropdownItemCallbackProps } from \"../types\";\r\nimport type { MouseEvent, SyntheticEvent } from \"react\";\r\nimport { Dropdown, DropdownRef } from \"@/components\";\r\nimport EllipsisButton from \"@/components/shared/EllipsisButton\";\r\n\r\ntype FileItemDropdownProps = DropdownItemCallbackProps;\r\n\r\nconst FileItemDropdown = (props: FileItemDropdownProps) => {\r\n  const { onDelete, onShare, onRename, onDownload, onOpen } = props;\r\n\r\n  const dropdownRef = useRef<DropdownRef>(null);\r\n\r\n  const handleDropdownClick = (e: MouseEvent) => {\r\n    e.stopPropagation();\r\n    dropdownRef.current?.handleDropdownOpen();\r\n  };\r\n\r\n  const handleDropdownItemClick = (\r\n    e: SyntheticEvent,\r\n    callback?: () => void\r\n  ) => {\r\n    e.stopPropagation();\r\n    callback?.();\r\n  };\r\n\r\n  return (\r\n    <Dropdown\r\n      ref={dropdownRef}\r\n      renderTitle={<EllipsisButton onClick={handleDropdownClick} />}\r\n      placement=\"bottom-end\"\r\n    >\r\n      {onOpen && (\r\n        <Dropdown.Item\r\n          eventKey=\"Open\"\r\n          onClick={(e) => handleDropdownItemClick(e, onOpen)}\r\n        >\r\n          <TbFolderSymlink className=\"text-xl\" />\r\n          <span>Open</span>\r\n        </Dropdown.Item>\r\n      )}\r\n      {onDownload && (\r\n        <Dropdown.Item\r\n          eventKey=\"download\"\r\n          onClick={(e) => handleDropdownItemClick(e, onDownload)}\r\n        >\r\n          <TbCloudDownload className=\"text-xl\" />\r\n          <span>Download</span>\r\n        </Dropdown.Item>\r\n      )}\r\n      {onRename && (\r\n        <Dropdown.Item\r\n          eventKey=\"rename\"\r\n          onClick={(e) => handleDropdownItemClick(e, onRename)}\r\n        >\r\n          <TbPencil className=\"text-xl\" />\r\n          <span>Rename</span>\r\n        </Dropdown.Item>\r\n      )}\r\n      {onShare && (\r\n        <Dropdown.Item\r\n          eventKey=\"share\"\r\n          onClick={(e) => handleDropdownItemClick(e, onShare)}\r\n        >\r\n          <TbUserPlus className=\"text-xl\" />\r\n          <span>Share</span>\r\n        </Dropdown.Item>\r\n      )}\r\n      {onDelete && (\r\n        <Dropdown.Item\r\n          eventKey=\"share\"\r\n          onClick={(e) => handleDropdownItemClick(e, onDelete)}\r\n        >\r\n          <span className=\"flex items-center gap-2 text-error\">\r\n            <TbTrash className=\"text-xl\" />\r\n            <span>Delete</span>\r\n          </span>\r\n        </Dropdown.Item>\r\n      )}\r\n    </Dropdown>\r\n  );\r\n};\r\n\r\nexport default FileItemDropdown;\r\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;"}
+{"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'\r\nimport Table from '@/components/ui/Table'\r\nimport FileSegment from './FileSegment'\r\nimport FileRow from './FileRow'\r\nimport type { Files, Layout } from '../types'\r\n\r\ntype FileListProps = {\r\n    fileList: Files\r\n    layout: Layout\r\n    onRename: (id: string) => void\r\n    onDownload: () => void\r\n    onShare: (id: string) => void\r\n    onDelete: (id: string) => void\r\n    onOpen: (id: string) => void\r\n    onClick: (id: string) => void\r\n}\r\n\r\nconst { TBody, THead, Th, Tr } = Table\r\n\r\nconst FileList = (props: FileListProps) => {\r\n    const {\r\n        layout,\r\n        fileList,\r\n        onDelete,\r\n        onDownload,\r\n        onShare,\r\n        onRename,\r\n        onOpen,\r\n        onClick,\r\n    } = props\r\n\r\n    const folders = useMemo(() => {\r\n        return fileList.filter((file) => file.fileType === 'directory')\r\n    }, [fileList])\r\n\r\n    const files = useMemo(() => {\r\n        return fileList.filter((file) => file.fileType !== 'directory')\r\n    }, [fileList])\r\n\r\n    const renderFileSegment = (list: Files, isFolder?: boolean) => (\r\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\">\r\n            {list.map((file) => (\r\n                <FileSegment\r\n                    key={file.id}\r\n                    fileType={file.fileType}\r\n                    size={file.size}\r\n                    name={file.name}\r\n                    onClick={() => onClick(file.id)}\r\n                    onDownload={onDownload}\r\n                    onShare={() => onShare(file.id)}\r\n                    onDelete={() => onDelete(file.id)}\r\n                    onRename={() => onRename(file.id)}\r\n                    {...(isFolder ? { onOpen: () => onOpen(file.id) } : {})}\r\n                />\r\n            ))}\r\n        </div>\r\n    )\r\n\r\n    const renderFileRow = (list: Files, isFolder?: boolean) => (\r\n        <Table className=\"mt-4\">\r\n            <THead>\r\n                <Tr>\r\n                    <Th>File</Th>\r\n                    <Th>Size</Th>\r\n                    <Th>Type</Th>\r\n                    <Th></Th>\r\n                </Tr>\r\n            </THead>\r\n            <TBody>\r\n                {list.map((file) => (\r\n                    <FileRow\r\n                        key={file.id}\r\n                        fileType={file.fileType}\r\n                        size={file.size}\r\n                        name={file.name}\r\n                        onClick={() => onClick(file.id)}\r\n                        onDownload={onDownload}\r\n                        onShare={() => onShare(file.id)}\r\n                        onDelete={() => onDelete(file.id)}\r\n                        onRename={() => onRename(file.id)}\r\n                        {...(isFolder ? { onOpen: () => onOpen(file.id) } : {})}\r\n                    />\r\n                ))}\r\n            </TBody>\r\n        </Table>\r\n    )\r\n\r\n    return (\r\n        <div>\r\n            {folders.length > 0 && (\r\n                <div>\r\n                    <h4>Folders</h4>\r\n                    {layout === 'grid' && renderFileSegment(folders, true)}\r\n                    {layout === 'list' && renderFileRow(folders, true)}\r\n                </div>\r\n            )}\r\n            {files.length > 0 && (\r\n                <div className=\"mt-8\">\r\n                    <h4>Files</h4>\r\n                    {layout === 'grid' && renderFileSegment(files)}\r\n                    {layout === 'list' && renderFileRow(files)}\r\n                </div>\r\n            )}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default FileList\r\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;"}
+{"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'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\n\r\nconst FileManagerDeleteDialog = () => {\r\n    const { deleteDialog, setDeleteDialog, deleteFile } = useFileManagerStore()\r\n\r\n    const handleDeleteDialogClose = () => {\r\n        setDeleteDialog({ id: '', open: false })\r\n    }\r\n\r\n    const handleDeleteConfirm = () => {\r\n        deleteFile(deleteDialog.id)\r\n        setDeleteDialog({ id: '', open: false })\r\n    }\r\n\r\n    return (\r\n        <ConfirmDialog\r\n            isOpen={deleteDialog.open}\r\n            type=\"danger\"\r\n            title=\"Delete file\"\r\n            onClose={handleDeleteDialogClose}\r\n            onRequestClose={handleDeleteDialogClose}\r\n            onCancel={handleDeleteDialogClose}\r\n            onConfirm={handleDeleteConfirm}\r\n        >\r\n            <p>\r\n                Are you sure you want to delete file? This action can&apos;t be\r\n                undo.{' '}\r\n            </p>\r\n        </ConfirmDialog>\r\n    )\r\n}\r\n\r\nexport default FileManagerDeleteDialog\r\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;"}
+{"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'\r\nimport Segment from '@/components/ui/Segment'\r\nimport UploadFile from './UploadFile'\r\nimport { useFileManagerStore } from '../store/useFileManagerStore'\r\nimport { TbChevronRight, TbLayoutGrid, TbList } from 'react-icons/tb'\r\nimport type { Layout } from '../types'\r\n\r\ntype FileManagerHeaderProps = {\r\n    onEntryClick: () => void\r\n    onDirectoryClick: (id: string) => void\r\n}\r\n\r\nconst FileManagerHeader = ({\r\n    onEntryClick,\r\n    onDirectoryClick,\r\n}: FileManagerHeaderProps) => {\r\n    const { directories, layout, setLayout } = useFileManagerStore()\r\n\r\n    const handleEntryClick = () => {\r\n        onEntryClick()\r\n    }\r\n\r\n    const handleDirectoryClick = (id: string) => {\r\n        onDirectoryClick(id)\r\n    }\r\n\r\n    return (\r\n        <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4\">\r\n            <div>\r\n                {directories.length > 0 ? (\r\n                    <div className=\"flex items-center gap-2\">\r\n                        <h3 className=\"flex items-center gap-2 text-base sm:text-2xl\">\r\n                            <span\r\n                                className=\"hover:text-primary cursor-pointer\"\r\n                                role=\"button\"\r\n                                onClick={handleEntryClick}\r\n                            >\r\n                                File Manager\r\n                            </span>\r\n                            {directories.map((dir, index) => (\r\n                                <Fragment key={dir.id}>\r\n                                    <TbChevronRight className=\"text-lg\" />\r\n                                    {directories.length - 1 === index ? (\r\n                                        <span>{dir.label}</span>\r\n                                    ) : (\r\n                                        <span\r\n                                            className=\"hover:text-primary cursor-pointer\"\r\n                                            role=\"button\"\r\n                                            onClick={() =>\r\n                                                handleDirectoryClick(dir.id)\r\n                                            }\r\n                                        >\r\n                                            {dir.label}\r\n                                        </span>\r\n                                    )}\r\n                                </Fragment>\r\n                            ))}\r\n                        </h3>\r\n                    </div>\r\n                ) : (\r\n                    <h3>File Manager</h3>\r\n                )}\r\n            </div>\r\n            <div className=\"flex items-center gap-2\">\r\n                <Segment\r\n                    value={layout}\r\n                    onChange={(val) => setLayout(val as Layout)}\r\n                >\r\n                    <Segment.Item value=\"grid\" className=\"text-xl px-3\">\r\n                        <TbLayoutGrid />\r\n                    </Segment.Item>\r\n                    <Segment.Item value=\"list\" className=\"text-xl px-3\">\r\n                        <TbList />\r\n                    </Segment.Item>\r\n                </Segment>\r\n                <UploadFile />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default FileManagerHeader\r\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;"}
+{"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;"}