@orbe-agro/client-core 3.4.12 → 5.0.0

package/dist/lib/@ecme/views/concepts/orders/OrderList/components/OrderListTableFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderListTableFilter.js","sources":["../../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Drawer from '@/components/ui/Drawer'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { components } from 'react-select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport useOrderlist from '../hooks/useOrderlist'\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'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport classNames from '@/utils/classNames'\n\ntype FormSchema = {\n    date: [Date, Date]\n    status: string\n    paymentMethod: Array<string>\n}\n\ntype Option = {\n    value: string\n    label: string\n    className: string\n}\n\nconst { Control } = components\n\nconst statusOption: Option[] = [\n    { value: 'paid', label: 'Paid', className: 'bg-emerald-500' },\n    { value: 'failed', label: 'Failed', className: 'bg-red-500' },\n    { value: 'pending', label: 'Pending', className: 'bg-amber-500' },\n    { value: 'all', label: 'All', className: 'bg-gray-400' },\n]\n\nconst paymentMethodList = [\n    'Credit card',\n    'Debit card',\n    'Paypal',\n    'Stripe',\n    'Cash',\n]\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n    return (\n        <DefaultOption<Option>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Badge className={data.className} />\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Badge className={classNames('ml-4', selected.className)} />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    date: z.tuple([z.date(), z.date()]),\n    status: z.string(),\n    paymentMethod: z.array(z.string()),\n})\n\nconst OrderListTableFilter = () => {\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\n\n    const { filterData, setFilterData } = useOrderlist()\n\n    const { handleSubmit, control } = useForm<FormSchema>({\n        defaultValues: filterData,\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setFilterData(values)\n        setFilterIsOpen(false)\n    }\n\n    return (\n        <>\n            <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\n                Filter\n            </Button>\n            <Drawer\n                title=\"Filter\"\n                isOpen={filterIsOpen}\n                onClose={() => setFilterIsOpen(false)}\n                onRequestClose={() => setFilterIsOpen(false)}\n            >\n                <Form\n                    className=\"h-full\"\n                    containerClassName=\"flex flex-col justify-between h-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <div>\n                        <FormItem label=\"Product price\">\n                            <div className=\"flex items-center gap-2\">\n                                <Controller\n                                    name=\"date\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <DatePicker.DatePickerRange\n                                            value={field.value}\n                                            onChange={field.onChange}\n                                        />\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                        <FormItem label=\"Product status\">\n                            <Controller\n                                name=\"status\"\n                                control={control}\n                                render={({ field }) => (\n                                    <Select<Option>\n                                        options={statusOption}\n                                        {...field}\n                                        value={statusOption.filter(\n                                            (option) =>\n                                                option.value === field.value,\n                                        )}\n                                        components={{\n                                            Option: CustomSelectOption,\n                                            Control: CustomControl,\n                                        }}\n                                        onChange={(option) =>\n                                            field.onChange(option?.value)\n                                        }\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <FormItem label=\"Product type\">\n                            <div className=\"mt-4\">\n                                <Controller\n                                    name=\"paymentMethod\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <Checkbox.Group\n                                            vertical\n                                            className=\"flex\"\n                                            {...field}\n                                        >\n                                            {paymentMethodList.map(\n                                                (type, index) => (\n                                                    <Checkbox\n                                                        key={type + index}\n                                                        name={field.name}\n                                                        value={type}\n                                                        className=\"justify-between flex-row-reverse heading-text\"\n                                                    >\n                                                        {type}\n                                                    </Checkbox>\n                                                ),\n                                            )}\n                                        </Checkbox.Group>\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                    </div>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Query\n                    </Button>\n                </Form>\n            </Drawer>\n        </>\n    )\n}\n\nexport default OrderListTableFilter\n"],"names":["Control","components","statusOption","paymentMethodList","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Badge","CustomControl","children","selected","classNames","validationSchema","z","OrderListTableFilter","filterIsOpen","setFilterIsOpen","useState","filterData","setFilterData","useOrderlist","handleSubmit","control","useForm","zodResolver","Fragment","Button","TbFilter","Drawer","Form","values","FormItem","Controller","field","DatePicker","Select","option","Checkbox","type","index"],"mappings":"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"}
+{"version":3,"file":"OrderListTableFilter.js","sources":["../../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Drawer from '@/components/ui/Drawer'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { components } from 'react-select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport useOrderlist from '../hooks/useOrderlist'\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'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport classNames from '@/utils/classNames'\n\ntype FormSchema = {\n    date: [Date, Date]\n    status: string\n    paymentMethod: Array<string>\n}\n\ntype Option = {\n    value: string\n    label: string\n    className: string\n}\n\nconst { Control } = components\n\nconst statusOption: Option[] = [\n    { value: 'paid', label: 'Paid', className: 'bg-emerald-500' },\n    { value: 'failed', label: 'Failed', className: 'bg-red-500' },\n    { value: 'pending', label: 'Pending', className: 'bg-amber-500' },\n    { value: 'all', label: 'All', className: 'bg-gray-400' },\n]\n\nconst paymentMethodList = [\n    'Credit card',\n    'Debit card',\n    'Paypal',\n    'Stripe',\n    'Cash',\n]\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n    return (\n        <DefaultOption<Option>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Badge className={data.className} />\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Badge className={classNames('ml-4', selected.className)} />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    date: z.tuple([z.date(), z.date()]),\n    status: z.string(),\n    paymentMethod: z.array(z.string()),\n})\n\nconst OrderListTableFilter = () => {\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\n\n    const { filterData, setFilterData } = useOrderlist()\n\n    const { handleSubmit, control } = useForm<FormSchema>({\n        defaultValues: filterData,\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setFilterData(values)\n        setFilterIsOpen(false)\n    }\n\n    return (\n        <>\n            <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\n                Filter\n            </Button>\n            <Drawer\n                title=\"Filter\"\n                isOpen={filterIsOpen}\n                onClose={() => setFilterIsOpen(false)}\n                onRequestClose={() => setFilterIsOpen(false)}\n            >\n                <Form\n                    className=\"h-full\"\n                    containerClassName=\"flex flex-col justify-between h-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <div>\n                        <FormItem label=\"Product price\">\n                            <div className=\"flex items-center gap-2\">\n                                <Controller\n                                    name=\"date\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <DatePicker.DatePickerRange\n                                            value={field.value}\n                                            onChange={field.onChange}\n                                        />\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                        <FormItem label=\"Product status\">\n                            <Controller\n                                name=\"status\"\n                                control={control}\n                                render={({ field }) => (\n                                    <Select<Option>\n                                        options={statusOption}\n                                        {...field}\n                                        value={statusOption.filter(\n                                            (option) =>\n                                                option.value === field.value,\n                                        )}\n                                        components={{\n                                            Option: CustomSelectOption,\n                                            Control: CustomControl,\n                                        }}\n                                        onChange={(option) =>\n                                            field.onChange(option?.value)\n                                        }\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <FormItem label=\"Product type\">\n                            <div className=\"mt-4\">\n                                <Controller\n                                    name=\"paymentMethod\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <Checkbox.Group\n                                            vertical\n                                            className=\"flex\"\n                                            {...field}\n                                        >\n                                            {paymentMethodList.map(\n                                                (type, index) => (\n                                                    <Checkbox\n                                                        key={type + index}\n                                                        name={field.name}\n                                                        value={type}\n                                                        className=\"justify-between flex-row-reverse heading-text\"\n                                                    >\n                                                        {type}\n                                                    </Checkbox>\n                                                ),\n                                            )}\n                                        </Checkbox.Group>\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                    </div>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Query\n                    </Button>\n                </Form>\n            </Drawer>\n        </>\n    )\n}\n\nexport default OrderListTableFilter\n"],"names":["Control","components","statusOption","paymentMethodList","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Badge","CustomControl","children","selected","classNames","validationSchema","z","OrderListTableFilter","filterIsOpen","setFilterIsOpen","useState","filterData","setFilterData","useOrderlist","handleSubmit","control","useForm","zodResolver","Fragment","Button","TbFilter","Drawer","Form","values","FormItem","Controller","field","DatePicker","Select","option","Checkbox","type","index"],"mappings":"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"}

package/dist/lib/@ecme/views/concepts/orders/OrderList/components/OrderListTableTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderListTableTools.js","sources":["../../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTableTools.tsx"],"sourcesContent":["import useCustomerList from '../hooks/useOrderlist'\nimport DebounceInput from '@/components/shared/DebounceInput'\nimport OrderListTableFilter from './OrderListTableFilter'\nimport { TbSearch } from 'react-icons/tb'\nimport cloneDeep from 'lodash/cloneDeep'\nimport type { ChangeEvent } from 'react'\n\nconst OrderListTableTools = () => {\n    const { tableData, setTableData } = useCustomerList()\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const val = event.target.value\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            <DebounceInput\n                placeholder=\"Search\"\n                suffix={<TbSearch className=\"text-lg\" />}\n                onChange={handleInputChange}\n            />\n            <OrderListTableFilter />\n        </div>\n    )\n}\n\nexport default OrderListTableTools\n"],"names":["OrderListTableTools","tableData","setTableData","useCustomerList","jsxs","jsx","DebounceInput","TbSearch","event","val","newTableData","cloneDeep","OrderListTableFilter"],"mappings":";;;;;;AAOA,MAAMA,IAAsB,MAAM;AAC9B,QAAM,EAAE,WAAAC,GAAW,cAAAC,EAAa,IAAIC,EAAgB;AAiBhD,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,sEACX,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,QAAQ,gBAAAD,EAACE,GAAS,EAAA,WAAU,UAAU,CAAA;AAAA,QACtC,UAnBc,CAACC,MAAyC;AAC1D,gBAAAC,IAAMD,EAAM,OAAO,OACnBE,IAAeC,EAAUV,CAAS;AACxC,UAAAS,EAAa,QAAQD,GACrBC,EAAa,YAAY,GACrB,OAAOD,KAAQ,YAAYA,EAAI,SAAS,KACxCP,EAAaQ,CAAY,GAGzB,OAAOD,KAAQ,YAAYA,EAAI,WAAW,KAC1CP,EAAaQ,CAAY;AAAA,QAEjC;AAAA,MAOsB;AAAA,IACd;AAAA,sBACCE,GAAqB,CAAA,CAAA;AAAA,EAAA,GAC1B;AAER;"}
+{"version":3,"file":"OrderListTableTools.js","sources":["../../../../../../../../lib/@ecme/views/concepts/orders/OrderList/components/OrderListTableTools.tsx"],"sourcesContent":["import useCustomerList from '../hooks/useOrderlist'\nimport DebounceInput from '@/components/shared/DebounceInput'\nimport OrderListTableFilter from './OrderListTableFilter'\nimport { TbSearch } from 'react-icons/tb'\nimport cloneDeep from 'lodash/cloneDeep'\nimport type { ChangeEvent } from 'react'\n\nconst OrderListTableTools = () => {\n    const { tableData, setTableData } = useCustomerList()\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const val = event.target.value\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            <DebounceInput\n                placeholder=\"Search\"\n                suffix={<TbSearch className=\"text-lg\" />}\n                onChange={handleInputChange}\n            />\n            <OrderListTableFilter />\n        </div>\n    )\n}\n\nexport default OrderListTableTools\n"],"names":["OrderListTableTools","tableData","setTableData","useCustomerList","jsxs","jsx","DebounceInput","TbSearch","event","val","newTableData","cloneDeep","OrderListTableFilter"],"mappings":";;;;;;AAOA,MAAMA,IAAsB,MAAM;AAC9B,QAAM,EAAE,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAA;AAgBpC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,QAAQ,gBAAAD,EAACE,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,QACtC,UAnBc,CAACC,MAAyC;AAChE,gBAAMC,IAAMD,EAAM,OAAO,OACnBE,IAAeC,EAAUV,CAAS;AACxC,UAAAS,EAAa,QAAQD,GACrBC,EAAa,YAAY,GACrB,OAAOD,KAAQ,YAAYA,EAAI,SAAS,KACxCP,EAAaQ,CAAY,GAGzB,OAAOD,KAAQ,YAAYA,EAAI,WAAW,KAC1CP,EAAaQ,CAAY;AAAA,QAC7B;AAAA,MAQkB;AAAA,IAAA;AAAA,sBAEbE,GAAA,CAAA,CAAqB;AAAA,EAAA,GAC1B;AAER;"}

package/dist/lib/@ecme/views/concepts/orders/OrderList/hooks/useOrderlist.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOrderlist.js","sources":["../../../../../../../../lib/@ecme/views/concepts/orders/OrderList/hooks/useOrderlist.ts"],"sourcesContent":["import { apiGetOrderList } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useOrderListStore } from '../store/orderListStore'\nimport type { GetOrdersResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useOrderList() {\n    const { tableData, filterData, setTableData, setFilterData } =\n        useOrderListStore((state) => state)\n\n    const { data, error, isLoading, mutate } = useSWR(\n        ['/api/orders', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetOrderList<GetOrdersResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    const orderList = data?.list || []\n\n    const orderListTotal = data?.total || 0\n\n    return {\n        orderList,\n        orderListTotal,\n        error,\n        isLoading,\n        tableData,\n        filterData,\n        mutate,\n        setTableData,\n        setFilterData,\n    }\n}\n"],"names":["useOrderList","tableData","filterData","setTableData","setFilterData","useOrderListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetOrderList","orderList","orderListTotal"],"mappings":";;;AAMA,SAAwBA,IAAe;AAC7B,QAAA,EAAE,WAAAC,GAAW,YAAAC,GAAY,cAAAC,GAAc,eAAAC,MACzCC,EAAkB,CAACC,MAAUA,CAAK,GAEhC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,EAAW,IAAAC;AAAA,IACvC,CAAC,eAAe,EAAE,GAAGV,GAAW,GAAGC,GAAY;AAAA;AAAA,IAE/C,CAAC,CAACU,GAAGC,CAAM,MACPC,EAAiDD,CAAM;AAAA,IAC3D;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EAE3B,GAEME,KAAYR,KAAA,gBAAAA,EAAM,SAAQ,CAAC,GAE3BS,KAAiBT,KAAA,gBAAAA,EAAM,UAAS;AAE/B,SAAA;AAAA,IACH,WAAAQ;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAR;AAAA,IACA,WAAAC;AAAA,IACA,WAAAR;AAAA,IACA,YAAAC;AAAA,IACA,QAAAQ;AAAA,IACA,cAAAP;AAAA,IACA,eAAAC;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"useOrderlist.js","sources":["../../../../../../../../lib/@ecme/views/concepts/orders/OrderList/hooks/useOrderlist.ts"],"sourcesContent":["import { apiGetOrderList } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useOrderListStore } from '../store/orderListStore'\nimport type { GetOrdersResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useOrderList() {\n    const { tableData, filterData, setTableData, setFilterData } =\n        useOrderListStore((state) => state)\n\n    const { data, error, isLoading, mutate } = useSWR(\n        ['/api/orders', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetOrderList<GetOrdersResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    const orderList = data?.list || []\n\n    const orderListTotal = data?.total || 0\n\n    return {\n        orderList,\n        orderListTotal,\n        error,\n        isLoading,\n        tableData,\n        filterData,\n        mutate,\n        setTableData,\n        setFilterData,\n    }\n}\n"],"names":["useOrderList","tableData","filterData","setTableData","setFilterData","useOrderListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetOrderList","orderList","orderListTotal"],"mappings":";;;AAMA,SAAwBA,IAAe;AACnC,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,cAAAC,GAAc,eAAAC,MACzCC,EAAkB,CAACC,MAAUA,CAAK,GAEhC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,MAAWC;AAAA,IACvC,CAAC,eAAe,EAAE,GAAGV,GAAW,GAAGC,GAAY;AAAA;AAAA,IAE/C,CAAC,CAACU,GAAGC,CAAM,MACPC,EAAiDD,CAAM;AAAA,IAC3D;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB,GAGEE,KAAYR,KAAA,gBAAAA,EAAM,SAAQ,CAAA,GAE1BS,KAAiBT,KAAA,gBAAAA,EAAM,UAAS;AAEtC,SAAO;AAAA,IACH,WAAAQ;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAR;AAAA,IACA,WAAAC;AAAA,IACA,WAAAR;AAAA,IACA,YAAAC;AAAA,IACA,QAAAQ;AAAA,IACA,cAAAP;AAAA,IACA,eAAAC;AAAA,EAAA;AAER;"}

package/dist/lib/@ecme/views/concepts/orders/OrderList/store/orderListStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"orderListStore.js","sources":["../../../../../../../../lib/@ecme/views/concepts/orders/OrderList/store/orderListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Orders, Filter } from '../types'\nimport dayjs from 'dayjs'\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    date: [dayjs().subtract(1, 'week').toDate(), new Date()] as [Date, Date],\n    status: 'all',\n    paymentMethod: ['Credit card', 'Debit card', 'Paypal', 'Stripe', 'Cash'],\n}\n\nexport type OrderListState = {\n    tableData: TableQueries\n    filterData: Filter\n    orderList: Orders\n}\n\ntype OrderListAction = {\n    setFilterData: (payload: Filter) => void\n    setTableData: (payload: TableQueries) => void\n}\n\nconst initialState: OrderListState = {\n    tableData: initialTableData,\n    filterData: initialFilterData,\n    orderList: [],\n}\n\nexport const useOrderListStore = create<OrderListState & OrderListAction>(\n    (set) => ({\n        ...initialState,\n        setFilterData: (payload) => set(() => ({ filterData: payload })),\n        setTableData: (payload) => set(() => ({ tableData: payload })),\n    }),\n)\n"],"names":["initialTableData","initialFilterData","dayjs","initialState","useOrderListStore","create","set","payload"],"mappings":";;AAKO,MAAMA,IAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb,GAEaC,IAAoB;AAAA,EAC7B,MAAM,CAACC,EAAM,EAAE,SAAS,GAAG,MAAM,EAAE,OAAO,GAAO,oBAAA,MAAM;AAAA,EACvD,QAAQ;AAAA,EACR,eAAe,CAAC,eAAe,cAAc,UAAU,UAAU,MAAM;AAC3E,GAaMC,IAA+B;AAAA,EACjC,WAAWH;AAAA,EACX,YAAYC;AAAA,EACZ,WAAW,CAAA;AACf,GAEaG,IAAoBC;AAAA,EAC7B,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,eAAe,CAACI,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,IAC/D,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EACjE;AACJ;"}
+{"version":3,"file":"orderListStore.js","sources":["../../../../../../../../lib/@ecme/views/concepts/orders/OrderList/store/orderListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Orders, Filter } from '../types'\nimport dayjs from 'dayjs'\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    date: [dayjs().subtract(1, 'week').toDate(), new Date()] as [Date, Date],\n    status: 'all',\n    paymentMethod: ['Credit card', 'Debit card', 'Paypal', 'Stripe', 'Cash'],\n}\n\nexport type OrderListState = {\n    tableData: TableQueries\n    filterData: Filter\n    orderList: Orders\n}\n\ntype OrderListAction = {\n    setFilterData: (payload: Filter) => void\n    setTableData: (payload: TableQueries) => void\n}\n\nconst initialState: OrderListState = {\n    tableData: initialTableData,\n    filterData: initialFilterData,\n    orderList: [],\n}\n\nexport const useOrderListStore = create<OrderListState & OrderListAction>(\n    (set) => ({\n        ...initialState,\n        setFilterData: (payload) => set(() => ({ filterData: payload })),\n        setTableData: (payload) => set(() => ({ tableData: payload })),\n    }),\n)\n"],"names":["initialTableData","initialFilterData","dayjs","initialState","useOrderListStore","create","set","payload"],"mappings":";;AAKO,MAAMA,IAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb,GAEaC,IAAoB;AAAA,EAC7B,MAAM,CAACC,EAAA,EAAQ,SAAS,GAAG,MAAM,EAAE,OAAA,GAAU,oBAAI,MAAM;AAAA,EACvD,QAAQ;AAAA,EACR,eAAe,CAAC,eAAe,cAAc,UAAU,UAAU,MAAM;AAC3E,GAaMC,IAA+B;AAAA,EACjC,WAAWH;AAAA,EACX,YAAYC;AAAA,EACZ,WAAW,CAAA;AACf,GAEaG,IAAoBC;AAAA,EAC7B,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,eAAe,CAACI,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,IAC/D,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EAAA;AAErE;"}

package/dist/lib/@ecme/views/concepts/products/ProductCreate/ProductCreate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCreate.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductCreate/ProductCreate.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Container from '@/components/shared/Container'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport ProductForm from '../ProductForm'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport sleep from '@/utils/sleep'\nimport { TbTrash } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport type { ProductFormSchema } from '../ProductForm/types'\n\nconst ProductCreate = () => {\n    const navigate = useNavigate()\n\n    const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n        useState(false)\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const handleFormSubmit = async (values: ProductFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(\n            <Notification type=\"success\">Product created!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleConfirmDiscard = () => {\n        setDiscardConfirmationOpen(true)\n        toast.push(\n            <Notification type=\"success\">Product discardd!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleDiscard = () => {\n        setDiscardConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDiscardConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            <ProductForm\n                newProduct\n                defaultValues={{\n                    name: '',\n                    description: '',\n                    productCode: '',\n                    taxRate: 0,\n                    price: '',\n                    bulkDiscountPrice: '',\n                    costPerItem: '',\n                    imgList: [],\n                    category: '',\n                    tags: [],\n                    brand: '',\n                }}\n                onFormSubmit={handleFormSubmit}\n            >\n                <Container>\n                    <div className=\"flex items-center justify-between px-8\">\n                        <span></span>\n                        <div className=\"flex items-center\">\n                            <Button\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 bg-transparent'\n                                }\n                                icon={<TbTrash />}\n                                onClick={handleDiscard}\n                            >\n                                Discard\n                            </Button>\n                            <Button\n                                variant=\"solid\"\n                                type=\"submit\"\n                                loading={isSubmiting}\n                            >\n                                Create\n                            </Button>\n                        </div>\n                    </div>\n                </Container>\n            </ProductForm>\n            <ConfirmDialog\n                isOpen={discardConfirmationOpen}\n                type=\"danger\"\n                title=\"Discard changes\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDiscard}\n            >\n                <p>\n                    Are you sure you want discard this? This action can&apos;t\n                    be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProductCreate\n"],"names":["ProductCreate","navigate","useNavigate","discardConfirmationOpen","setDiscardConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsx","Notification","handleConfirmDiscard","handleDiscard","handleCancel","jsxs","Fragment","ProductForm","Container","Button","TbTrash","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAAWC,EAAY,GAEvB,CAACC,GAAyBC,CAA0B,IACtDC,EAAS,EAAK,GACZ,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAmB,OAAOC,MAA8B;AAClD,YAAA,IAAI,oBAAoBA,CAAM,GACtCF,EAAe,EAAI,GACnB,MAAMG,EAAM,GAAG,GACfH,EAAe,EAAK,GACdI,EAAA;AAAA,MACD,gBAAAC,EAAAC,GAAA,EAAa,MAAK,WAAU,UAAgB,oBAAA;AAAA,MAC7C,EAAE,WAAW,aAAa;AAAA,IAC9B,GACAZ,EAAS,iCAAiC;AAAA,EAC9C,GAEMa,IAAuB,MAAM;AAC/B,IAAAV,EAA2B,EAAI,GACzBO,EAAA;AAAA,MACD,gBAAAC,EAAAC,GAAA,EAAa,MAAK,WAAU,UAAiB,qBAAA;AAAA,MAC9C,EAAE,WAAW,aAAa;AAAA,IAC9B,GACAZ,EAAS,iCAAiC;AAAA,EAC9C,GAEMc,IAAgB,MAAM;AACxB,IAAAX,EAA2B,EAAI;AAAA,EACnC,GAEMY,IAAe,MAAM;AACvB,IAAAZ,EAA2B,EAAK;AAAA,EACpC;AAEA,SAEQ,gBAAAa,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,eAAe;AAAA,UACX,MAAM;AAAA,UACN,aAAa;AAAA,UACb,aAAa;AAAA,UACb,SAAS;AAAA,UACT,OAAO;AAAA,UACP,mBAAmB;AAAA,UACnB,aAAa;AAAA,UACb,SAAS,CAAC;AAAA,UACV,UAAU;AAAA,UACV,MAAM,CAAC;AAAA,UACP,OAAO;AAAA,QACX;AAAA,QACA,cAAcX;AAAA,QAEd,UAAC,gBAAAI,EAAAQ,GAAA,EACG,UAAC,gBAAAH,EAAA,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,gBAAAL,EAAC,QAAK,EAAA;AAAA,UACN,gBAAAK,EAAC,OAAI,EAAA,WAAU,qBACX,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,kBAAkB,MACd;AAAA,gBAEJ,wBAAOC,GAAQ,EAAA;AAAA,gBACf,SAASP;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAED;AAAA,YACA,gBAAAH;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAASf;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EACJ,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IACA,gBAAAM;AAAA,MAACW;AAAA,MAAA;AAAA,QACG,QAAQpB;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASa;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWF;AAAA,QAEX,4BAAC,KAAE,EAAA,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"ProductCreate.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductCreate/ProductCreate.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Container from '@/components/shared/Container'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport ProductForm from '../ProductForm'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport sleep from '@/utils/sleep'\nimport { TbTrash } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport type { ProductFormSchema } from '../ProductForm/types'\n\nconst ProductCreate = () => {\n    const navigate = useNavigate()\n\n    const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n        useState(false)\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const handleFormSubmit = async (values: ProductFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(\n            <Notification type=\"success\">Product created!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleConfirmDiscard = () => {\n        setDiscardConfirmationOpen(true)\n        toast.push(\n            <Notification type=\"success\">Product discardd!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleDiscard = () => {\n        setDiscardConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDiscardConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            <ProductForm\n                newProduct\n                defaultValues={{\n                    name: '',\n                    description: '',\n                    productCode: '',\n                    taxRate: 0,\n                    price: '',\n                    bulkDiscountPrice: '',\n                    costPerItem: '',\n                    imgList: [],\n                    category: '',\n                    tags: [],\n                    brand: '',\n                }}\n                onFormSubmit={handleFormSubmit}\n            >\n                <Container>\n                    <div className=\"flex items-center justify-between px-8\">\n                        <span></span>\n                        <div className=\"flex items-center\">\n                            <Button\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 bg-transparent'\n                                }\n                                icon={<TbTrash />}\n                                onClick={handleDiscard}\n                            >\n                                Discard\n                            </Button>\n                            <Button\n                                variant=\"solid\"\n                                type=\"submit\"\n                                loading={isSubmiting}\n                            >\n                                Create\n                            </Button>\n                        </div>\n                    </div>\n                </Container>\n            </ProductForm>\n            <ConfirmDialog\n                isOpen={discardConfirmationOpen}\n                type=\"danger\"\n                title=\"Discard changes\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDiscard}\n            >\n                <p>\n                    Are you sure you want discard this? This action can&apos;t\n                    be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProductCreate\n"],"names":["ProductCreate","navigate","useNavigate","discardConfirmationOpen","setDiscardConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsx","Notification","handleConfirmDiscard","handleDiscard","handleCancel","jsxs","Fragment","ProductForm","Container","Button","TbTrash","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAAWC,EAAA,GAEX,CAACC,GAAyBC,CAA0B,IACtDC,EAAS,EAAK,GACZ,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAmB,OAAOC,MAA8B;AAC1D,YAAQ,IAAI,oBAAoBA,CAAM,GACtCF,EAAe,EAAI,GACnB,MAAMG,EAAM,GAAG,GACfH,EAAe,EAAK,GACpBI,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,oBAAgB;AAAA,MAC7C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9BZ,EAAS,iCAAiC;AAAA,EAAA,GAGxCa,IAAuB,MAAM;AAC/B,IAAAV,EAA2B,EAAI,GAC/BO,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,qBAAiB;AAAA,MAC9C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9BZ,EAAS,iCAAiC;AAAA,EAAA,GAGxCc,IAAgB,MAAM;AACxB,IAAAX,EAA2B,EAAI;AAAA,EAAA,GAG7BY,IAAe,MAAM;AACvB,IAAAZ,EAA2B,EAAK;AAAA,EAAA;AAGpC,SACI,gBAAAa,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,eAAe;AAAA,UACX,MAAM;AAAA,UACN,aAAa;AAAA,UACb,aAAa;AAAA,UACb,SAAS;AAAA,UACT,OAAO;AAAA,UACP,mBAAmB;AAAA,UACnB,aAAa;AAAA,UACb,SAAS,CAAA;AAAA,UACT,UAAU;AAAA,UACV,MAAM,CAAA;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAEX,cAAcX;AAAA,QAEd,UAAA,gBAAAI,EAACQ,GAAA,EACG,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,gBAAAL,EAAC,QAAA,EAAK;AAAA,UACN,gBAAAK,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,kBAAkB,MACd;AAAA,gBAEJ,wBAAOC,GAAA,EAAQ;AAAA,gBACf,SAASP;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD,gBAAAH;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAASf;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAM;AAAA,MAACW;AAAA,MAAA;AAAA,QACG,QAAQpB;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASa;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWF;AAAA,QAEX,4BAAC,KAAA,EAAE,UAAA;AAAA,UAAA;AAAA,UAEU;AAAA,QAAA,EAAA,CACb;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/lib/@ecme/views/concepts/products/ProductEdit/ProducEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProducEdit.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductEdit/ProducEdit.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Container from '@/components/shared/Container'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport ProductForm from '../ProductForm'\nimport NoProductFound from '@/assets/svg/NoProductFound'\nimport { apiGetProduct } from '@/services/ProductService'\nimport sleep from '@/utils/sleep'\nimport { TbTrash, TbArrowNarrowLeft } from 'react-icons/tb'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { Product, ProductFormSchema } from '../ProductForm/types'\n\nconst ProducEdit = () => {\n    const { id } = useParams()\n\n    const navigate = useNavigate()\n\n    const { data, isLoading } = useSWR(\n        [`/api/product/${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) => apiGetProduct<Product, { id: string }>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n        },\n    )\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const getDefaultValues = () => {\n        if (data) {\n            const {\n                name,\n                description,\n                productCode,\n                taxRate,\n                price,\n                bulkDiscountPrice,\n                costPerItem,\n                imgList,\n                category,\n                brand,\n            } = data\n\n            return {\n                name,\n                description,\n                productCode,\n                taxRate,\n                price,\n                bulkDiscountPrice,\n                costPerItem,\n                imgList,\n                category,\n                tags: [{ label: 'trend', value: 'trend' }],\n                brand,\n            }\n        }\n\n        return {}\n    }\n\n    const handleFormSubmit = async (values: ProductFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(<Notification type=\"success\">Changes Saved!</Notification>, {\n            placement: 'top-center',\n        })\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleBack = () => {\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleConfirmDelete = () => {\n        setDeleteConfirmationOpen(true)\n        toast.push(\n            <Notification type=\"success\">Product deleted!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/products/product-list')\n    }\n\n    return (\n        <>\n            {!isLoading && !data && (\n                <div className=\"h-full flex flex-col items-center justify-center\">\n                    <NoProductFound height={280} width={280} />\n                    <h3 className=\"mt-8\">No product found!</h3>\n                </div>\n            )}\n            {!isLoading && data && (\n                <>\n                    <ProductForm\n                        defaultValues={getDefaultValues() as ProductFormSchema}\n                        newProduct={false}\n                        onFormSubmit={handleFormSubmit}\n                    >\n                        <Container>\n                            <div className=\"flex items-center justify-between px-8\">\n                                <Button\n                                    className=\"ltr:mr-3 rtl:ml-3\"\n                                    type=\"button\"\n                                    variant=\"plain\"\n                                    icon={<TbArrowNarrowLeft />}\n                                    onClick={handleBack}\n                                >\n                                    Back\n                                </Button>\n                                <div className=\"flex items-center\">\n                                    <Button\n                                        className=\"ltr:mr-3 rtl:ml-3\"\n                                        type=\"button\"\n                                        customColorClass={() =>\n                                            'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                        }\n                                        icon={<TbTrash />}\n                                        onClick={handleDelete}\n                                    >\n                                        Delete\n                                    </Button>\n                                    <Button\n                                        variant=\"solid\"\n                                        type=\"submit\"\n                                        loading={isSubmiting}\n                                    >\n                                        Save\n                                    </Button>\n                                </div>\n                            </div>\n                        </Container>\n                    </ProductForm>\n                    <ConfirmDialog\n                        isOpen={deleteConfirmationOpen}\n                        type=\"danger\"\n                        title=\"Remove product\"\n                        onClose={handleCancel}\n                        onRequestClose={handleCancel}\n                        onCancel={handleCancel}\n                        onConfirm={handleConfirmDelete}\n                    >\n                        <p>\n                            Are you sure you want to remove this product? This\n                            action can&apos;t be undo.{' '}\n                        </p>\n                    </ConfirmDialog>\n                </>\n            )}\n        </>\n    )\n}\n\nexport default ProducEdit\n"],"names":["ProducEdit","id","useParams","navigate","useNavigate","data","isLoading","useSWR","_","params","apiGetProduct","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","isSubmiting","setIsSubmiting","getDefaultValues","name","description","productCode","taxRate","price","bulkDiscountPrice","costPerItem","imgList","category","brand","handleFormSubmit","values","sleep","toast","jsx","Notification","handleDelete","handleCancel","handleBack","handleConfirmDelete","jsxs","Fragment","NoProductFound","ProductForm","Container","Button","TbArrowNarrowLeft","TbTrash","ConfirmDialog"],"mappings":"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"}
+{"version":3,"file":"ProducEdit.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductEdit/ProducEdit.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Container from '@/components/shared/Container'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport ProductForm from '../ProductForm'\nimport NoProductFound from '@/assets/svg/NoProductFound'\nimport { apiGetProduct } from '@/services/ProductService'\nimport sleep from '@/utils/sleep'\nimport { TbTrash, TbArrowNarrowLeft } from 'react-icons/tb'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport useSWR from 'swr'\nimport type { Product, ProductFormSchema } from '../ProductForm/types'\n\nconst ProducEdit = () => {\n    const { id } = useParams()\n\n    const navigate = useNavigate()\n\n    const { data, isLoading } = useSWR(\n        [`/api/product/${id}`, { id: id as string }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) => apiGetProduct<Product, { id: string }>(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n        },\n    )\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const getDefaultValues = () => {\n        if (data) {\n            const {\n                name,\n                description,\n                productCode,\n                taxRate,\n                price,\n                bulkDiscountPrice,\n                costPerItem,\n                imgList,\n                category,\n                brand,\n            } = data\n\n            return {\n                name,\n                description,\n                productCode,\n                taxRate,\n                price,\n                bulkDiscountPrice,\n                costPerItem,\n                imgList,\n                category,\n                tags: [{ label: 'trend', value: 'trend' }],\n                brand,\n            }\n        }\n\n        return {}\n    }\n\n    const handleFormSubmit = async (values: ProductFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(<Notification type=\"success\">Changes Saved!</Notification>, {\n            placement: 'top-center',\n        })\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleBack = () => {\n        navigate('/concepts/products/product-list')\n    }\n\n    const handleConfirmDelete = () => {\n        setDeleteConfirmationOpen(true)\n        toast.push(\n            <Notification type=\"success\">Product deleted!</Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/products/product-list')\n    }\n\n    return (\n        <>\n            {!isLoading && !data && (\n                <div className=\"h-full flex flex-col items-center justify-center\">\n                    <NoProductFound height={280} width={280} />\n                    <h3 className=\"mt-8\">No product found!</h3>\n                </div>\n            )}\n            {!isLoading && data && (\n                <>\n                    <ProductForm\n                        defaultValues={getDefaultValues() as ProductFormSchema}\n                        newProduct={false}\n                        onFormSubmit={handleFormSubmit}\n                    >\n                        <Container>\n                            <div className=\"flex items-center justify-between px-8\">\n                                <Button\n                                    className=\"ltr:mr-3 rtl:ml-3\"\n                                    type=\"button\"\n                                    variant=\"plain\"\n                                    icon={<TbArrowNarrowLeft />}\n                                    onClick={handleBack}\n                                >\n                                    Back\n                                </Button>\n                                <div className=\"flex items-center\">\n                                    <Button\n                                        className=\"ltr:mr-3 rtl:ml-3\"\n                                        type=\"button\"\n                                        customColorClass={() =>\n                                            'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                        }\n                                        icon={<TbTrash />}\n                                        onClick={handleDelete}\n                                    >\n                                        Delete\n                                    </Button>\n                                    <Button\n                                        variant=\"solid\"\n                                        type=\"submit\"\n                                        loading={isSubmiting}\n                                    >\n                                        Save\n                                    </Button>\n                                </div>\n                            </div>\n                        </Container>\n                    </ProductForm>\n                    <ConfirmDialog\n                        isOpen={deleteConfirmationOpen}\n                        type=\"danger\"\n                        title=\"Remove product\"\n                        onClose={handleCancel}\n                        onRequestClose={handleCancel}\n                        onCancel={handleCancel}\n                        onConfirm={handleConfirmDelete}\n                    >\n                        <p>\n                            Are you sure you want to remove this product? This\n                            action can&apos;t be undo.{' '}\n                        </p>\n                    </ConfirmDialog>\n                </>\n            )}\n        </>\n    )\n}\n\nexport default ProducEdit\n"],"names":["ProducEdit","id","useParams","navigate","useNavigate","data","isLoading","useSWR","_","params","apiGetProduct","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","isSubmiting","setIsSubmiting","getDefaultValues","name","description","productCode","taxRate","price","bulkDiscountPrice","costPerItem","imgList","category","brand","handleFormSubmit","values","sleep","toast","jsx","Notification","handleDelete","handleCancel","handleBack","handleConfirmDelete","jsxs","Fragment","NoProductFound","ProductForm","Container","Button","TbArrowNarrowLeft","TbTrash","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,MAAMA,KAAa,MAAM;AACrB,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAETC,IAAWC,EAAA,GAEX,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,gBAAgBN,CAAE,IAAI,EAAE,IAAAA,GAAkB;AAAA;AAAA,IAE3C,CAAC,CAACO,GAAGC,CAAM,MAAMC,EAAuCD,CAAM;AAAA,IAC9D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,IAAA;AAAA,EACvB,GAGE,CAACE,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpE,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAmB,MAAM;AAC3B,QAAIX,GAAM;AACN,YAAM;AAAA,QACF,MAAAY;AAAA,QACA,aAAAC;AAAA,QACA,aAAAC;AAAA,QACA,SAAAC;AAAA,QACA,OAAAC;AAAA,QACA,mBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,SAAAC;AAAA,QACA,UAAAC;AAAA,QACA,OAAAC;AAAA,MAAA,IACArB;AAEJ,aAAO;AAAA,QACH,MAAAY;AAAA,QACA,aAAAC;AAAA,QACA,aAAAC;AAAA,QACA,SAAAC;AAAA,QACA,OAAAC;AAAA,QACA,mBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,SAAAC;AAAA,QACA,UAAAC;AAAA,QACA,MAAM,CAAC,EAAE,OAAO,SAAS,OAAO,SAAS;AAAA,QACzC,OAAAC;AAAA,MAAA;AAAA,IACJ;AAGJ,WAAO,CAAA;AAAA,EAAC,GAGNC,IAAmB,OAAOC,MAA8B;AAC1D,YAAQ,IAAI,oBAAoBA,CAAM,GACtCb,EAAe,EAAI,GACnB,MAAMc,EAAM,GAAG,GACfd,EAAe,EAAK,GACpBe,EAAM,KAAK,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,MACnE,WAAW;AAAA,IAAA,CACd,GACD7B,EAAS,iCAAiC;AAAA,EAAA,GAGxC8B,IAAe,MAAM;AACvB,IAAArB,EAA0B,EAAI;AAAA,EAAA,GAG5BsB,IAAe,MAAM;AACvB,IAAAtB,EAA0B,EAAK;AAAA,EAAA,GAG7BuB,IAAa,MAAM;AACrB,IAAAhC,EAAS,iCAAiC;AAAA,EAAA,GAGxCiC,IAAsB,MAAM;AAC9B,IAAAxB,EAA0B,EAAI,GAC9BkB,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,oBAAgB;AAAA,MAC7C,EAAE,WAAW,aAAA;AAAA,IAAa,GAE9B7B,EAAS,iCAAiC;AAAA,EAAA;AAG9C,SACI,gBAAAkC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAA,CAAChC,KAAa,CAACD,KACZ,gBAAAgC,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,MAAA,gBAAAN,EAACQ,GAAA,EAAe,QAAQ,KAAK,OAAO,KAAK;AAAA,MACzC,gBAAAR,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAA,CAAiB;AAAA,IAAA,GAC1C;AAAA,IAEH,CAACzB,KAAaD,KACX,gBAAAgC,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAACS;AAAA,QAAA;AAAA,UACG,eAAexB,EAAA;AAAA,UACf,YAAY;AAAA,UACZ,cAAcW;AAAA,UAEd,UAAA,gBAAAI,EAACU,GAAA,EACG,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,YAAA,gBAAAN;AAAA,cAACW;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,wBAAOC,GAAA,EAAkB;AAAA,gBACzB,SAASR;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD,gBAAAE,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,cAAA,gBAAAN;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBACG,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,kBAAkB,MACd;AAAA,kBAEJ,wBAAOE,GAAA,EAAQ;AAAA,kBACf,SAASX;AAAA,kBACZ,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGD,gBAAAF;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBACG,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAAS5B;AAAA,kBACZ,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED,EAAA,CACJ;AAAA,UAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,gBAAAiB;AAAA,QAACc;AAAA,QAAA;AAAA,UACG,QAAQlC;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAASuB;AAAA,UACT,gBAAgBA;AAAA,UAChB,UAAUA;AAAA,UACV,WAAWE;AAAA,UAEX,4BAAC,KAAA,EAAE,UAAA;AAAA,YAAA;AAAA,YAE4B;AAAA,UAAA,EAAA,CAC/B;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,EAAA,CACJ;AAAA,EAAA,GAER;AAER;"}

package/dist/lib/@ecme/views/concepts/products/ProductForm/ProductForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductForm.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/ProductForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport GeneralSection from './components/GeneralSection'\nimport PricingSection from './components/PricingSection'\nimport ImageSection from './components/ImageSection'\nimport AttributeSection from './components/AttributeSection'\nimport { useForm } from 'react-hook-form'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport isEmpty from 'lodash/isEmpty'\nimport type { ProductFormSchema } from './types'\nimport type { ZodType } from 'zod'\nimport type { CommonProps } from '@/@types/common'\n\ntype ProductFormProps = {\n    onFormSubmit: (values: ProductFormSchema) => void\n    defaultValues?: ProductFormSchema\n    newProduct?: boolean\n} & CommonProps\n\nconst validationSchema: ZodType<ProductFormSchema> = z.object({\n    name: z.string().min(1, { message: 'Product name required!' }),\n    productCode: z.string().min(1, { message: 'Produc code required!' }),\n    description: z.string().min(1, { message: 'Produc description required!' }),\n    price: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Price required!' }),\n    }),\n    taxRate: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Tax rate required!' }),\n    }),\n    costPerItem: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Cost required!' }),\n    }),\n    bulkDiscountPrice: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Bulk discount price required!' }),\n    }),\n    imgList: z\n        .array(\n            z.object({\n                id: z.string(),\n                name: z.string(),\n                img: z.string(),\n            }),\n        )\n        .min(1, { message: 'At least 1 image required!' }),\n    category: z.string().min(1, { message: 'Product category required!' }),\n})\n\nconst ProductForm = (props: ProductFormProps) => {\n    const {\n        onFormSubmit,\n        defaultValues = {\n            imgList: [],\n        },\n        children,\n    } = props\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<ProductFormSchema>({\n        defaultValues: {\n            ...defaultValues,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (!isEmpty(defaultValues)) {\n            reset(defaultValues)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(defaultValues)])\n\n    const onSubmit = (values: ProductFormSchema) => {\n        onFormSubmit?.(values)\n    }\n\n    return (\n        <Form\n            className=\"flex w-full h-full\"\n            containerClassName=\"flex flex-col w-full justify-between\"\n            onSubmit={handleSubmit(onSubmit)}\n        >\n            <Container>\n                <div className=\"flex flex-col xl:flex-row gap-4\">\n                    <div className=\"gap-4 flex flex-col flex-auto\">\n                        <GeneralSection control={control} errors={errors} />\n                        <PricingSection control={control} errors={errors} />\n                    </div>\n                    <div className=\"lg:min-w-[440px] 2xl:w-[500px] gap-4 flex flex-col\">\n                        <ImageSection control={control} errors={errors} />\n                        <AttributeSection control={control} errors={errors} />\n                    </div>\n                </div>\n            </Container>\n            <BottomStickyBar>{children}</BottomStickyBar>\n        </Form>\n    )\n}\n\nexport default ProductForm\n"],"names":["validationSchema","z","ProductForm","props","onFormSubmit","defaultValues","children","handleSubmit","reset","errors","control","useForm","zodResolver","useEffect","isEmpty","jsxs","Form","values","jsx","Container","GeneralSection","PricingSection","ImageSection","AttributeSection","BottomStickyBar"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAMA,IAA+CC,EAAE,OAAO;AAAA,EAC1D,MAAMA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,0BAA0B;AAAA,EAC7D,aAAaA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,yBAAyB;AAAA,EACnE,aAAaA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,gCAAgC;AAAA,EAC1E,OAAOA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAO,CAAC,GAAG;AAAA,IACrC,UAAU,OAAO,EAAE,SAAS,kBAAkB;AAAA,EAAA,CACjD;AAAA,EACD,SAASA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAO,CAAC,GAAG;AAAA,IACvC,UAAU,OAAO,EAAE,SAAS,qBAAqB;AAAA,EAAA,CACpD;AAAA,EACD,aAAaA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAO,CAAC,GAAG;AAAA,IAC3C,UAAU,OAAO,EAAE,SAAS,iBAAiB;AAAA,EAAA,CAChD;AAAA,EACD,mBAAmBA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAO,CAAC,GAAG;AAAA,IACjD,UAAU,OAAO,EAAE,SAAS,gCAAgC;AAAA,EAAA,CAC/D;AAAA,EACD,SAASA,EACJ;AAAA,IACGA,EAAE,OAAO;AAAA,MACL,IAAIA,EAAE,OAAO;AAAA,MACb,MAAMA,EAAE,OAAO;AAAA,MACf,KAAKA,EAAE,OAAO;AAAA,IACjB,CAAA;AAAA,IAEJ,IAAI,GAAG,EAAE,SAAS,8BAA8B;AAAA,EACrD,UAAUA,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,SAAS,6BAA8B,CAAA;AACzE,CAAC,GAEKC,IAAc,CAACC,MAA4B;AACvC,QAAA;AAAA,IACF,cAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,MACZ,SAAS,CAAA;AAAA,IACb;AAAA,IACA,UAAAC;AAAA,EAAA,IACAH,GAEE;AAAA,IACF,cAAAI;AAAA,IACA,OAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAO;AAAA,IACpB,SAAAC;AAAA,MACAC,EAA2B;AAAA,IAC3B,eAAe;AAAA,MACX,GAAGN;AAAA,IACP;AAAA,IACA,UAAUO,EAAYZ,CAAgB;AAAA,EAAA,CACzC;AAED,SAAAa,EAAU,MAAM;AACR,IAACC,EAAQT,CAAa,KACtBG,EAAMH,CAAa;AAAA,KAGxB,CAAC,KAAK,UAAUA,CAAa,CAAC,CAAC,GAO9B,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,oBAAmB;AAAA,MACnB,UAAUT,EARD,CAACU,MAA8B;AAC5C,QAAAb,KAAA,QAAAA,EAAea;AAAA,MACnB,CAMuC;AAAA,MAE/B,UAAA;AAAA,QAAA,gBAAAC,EAACC,GACG,EAAA,UAAA,gBAAAJ,EAAC,OAAI,EAAA,WAAU,mCACX,UAAA;AAAA,UAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,YAAC,gBAAAG,EAAAE,GAAA,EAAe,SAAAV,GAAkB,QAAAD,EAAgB,CAAA;AAAA,YAClD,gBAAAS,EAACG,GAAe,EAAA,SAAAX,GAAkB,QAAAD,EAAgB,CAAA;AAAA,UAAA,GACtD;AAAA,UACA,gBAAAM,EAAC,OAAI,EAAA,WAAU,sDACX,UAAA;AAAA,YAAC,gBAAAG,EAAAI,GAAA,EAAa,SAAAZ,GAAkB,QAAAD,EAAgB,CAAA;AAAA,YAChD,gBAAAS,EAACK,GAAiB,EAAA,SAAAb,GAAkB,QAAAD,EAAgB,CAAA;AAAA,UAAA,EACxD,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,QACA,gBAAAS,EAACM,KAAiB,UAAAlB,EAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/B;AAER;"}
+{"version":3,"file":"ProductForm.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductForm/ProductForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport GeneralSection from './components/GeneralSection'\nimport PricingSection from './components/PricingSection'\nimport ImageSection from './components/ImageSection'\nimport AttributeSection from './components/AttributeSection'\nimport { useForm } from 'react-hook-form'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport isEmpty from 'lodash/isEmpty'\nimport type { ProductFormSchema } from './types'\nimport type { ZodType } from 'zod'\nimport type { CommonProps } from '@/@types/common'\n\ntype ProductFormProps = {\n    onFormSubmit: (values: ProductFormSchema) => void\n    defaultValues?: ProductFormSchema\n    newProduct?: boolean\n} & CommonProps\n\nconst validationSchema: ZodType<ProductFormSchema> = z.object({\n    name: z.string().min(1, { message: 'Product name required!' }),\n    productCode: z.string().min(1, { message: 'Produc code required!' }),\n    description: z.string().min(1, { message: 'Produc description required!' }),\n    price: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Price required!' }),\n    }),\n    taxRate: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Tax rate required!' }),\n    }),\n    costPerItem: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Cost required!' }),\n    }),\n    bulkDiscountPrice: z.union([z.string(), z.number()], {\n        errorMap: () => ({ message: 'Bulk discount price required!' }),\n    }),\n    imgList: z\n        .array(\n            z.object({\n                id: z.string(),\n                name: z.string(),\n                img: z.string(),\n            }),\n        )\n        .min(1, { message: 'At least 1 image required!' }),\n    category: z.string().min(1, { message: 'Product category required!' }),\n})\n\nconst ProductForm = (props: ProductFormProps) => {\n    const {\n        onFormSubmit,\n        defaultValues = {\n            imgList: [],\n        },\n        children,\n    } = props\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<ProductFormSchema>({\n        defaultValues: {\n            ...defaultValues,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (!isEmpty(defaultValues)) {\n            reset(defaultValues)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(defaultValues)])\n\n    const onSubmit = (values: ProductFormSchema) => {\n        onFormSubmit?.(values)\n    }\n\n    return (\n        <Form\n            className=\"flex w-full h-full\"\n            containerClassName=\"flex flex-col w-full justify-between\"\n            onSubmit={handleSubmit(onSubmit)}\n        >\n            <Container>\n                <div className=\"flex flex-col xl:flex-row gap-4\">\n                    <div className=\"gap-4 flex flex-col flex-auto\">\n                        <GeneralSection control={control} errors={errors} />\n                        <PricingSection control={control} errors={errors} />\n                    </div>\n                    <div className=\"lg:min-w-[440px] 2xl:w-[500px] gap-4 flex flex-col\">\n                        <ImageSection control={control} errors={errors} />\n                        <AttributeSection control={control} errors={errors} />\n                    </div>\n                </div>\n            </Container>\n            <BottomStickyBar>{children}</BottomStickyBar>\n        </Form>\n    )\n}\n\nexport default ProductForm\n"],"names":["validationSchema","z","ProductForm","props","onFormSubmit","defaultValues","children","handleSubmit","reset","errors","control","useForm","zodResolver","useEffect","isEmpty","jsxs","Form","values","jsx","Container","GeneralSection","PricingSection","ImageSection","AttributeSection","BottomStickyBar"],"mappings":"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"}

package/dist/lib/@ecme/views/concepts/products/ProductForm/components/AttributeSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttributeSection.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/AttributeSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport Tooltip from '@/components/ui/Tooltip'\nimport { FormItem } from '@/components/ui/Form'\nimport { HiOutlineQuestionMarkCircle } from 'react-icons/hi'\nimport { Controller } from 'react-hook-form'\nimport CreatableSelect from 'react-select/creatable'\nimport type { FormSectionBaseProps } from '../types'\n\ntype AttributeSectionProps = FormSectionBaseProps\n\ntype Options = {\n    label: string\n    value: string\n}[]\n\nconst categories: Options = [\n    { label: 'Bags', value: 'bags' },\n    { label: 'Cloths', value: 'cloths' },\n    { label: 'Devices', value: 'devices' },\n    { label: 'Shoes', value: 'shoes' },\n    { label: 'Watches', value: 'watches' },\n]\n\nconst tags: Options = [\n    { label: 'trend', value: 'trend' },\n    { label: 'unisex', value: 'unisex' },\n]\n\nconst AttributeSection = ({ control, errors }: AttributeSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Attribute</h4>\n            <FormItem\n                label=\"Category\"\n                invalid={Boolean(errors.category)}\n                errorMessage={errors.category?.message}\n            >\n                <Controller\n                    name=\"category\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            options={categories}\n                            value={categories.filter(\n                                (category) => category.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Tags\"\n                extra={\n                    <Tooltip\n                        title=\"You add as many tags as you want to a product\"\n                        className=\"text-center\"\n                    >\n                        <HiOutlineQuestionMarkCircle className=\"text-base mx-1\" />\n                    </Tooltip>\n                }\n            >\n                <Controller\n                    name=\"tags\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            isMulti\n                            isClearable\n                            value={field.value}\n                            placeholder=\"Add tags for product...\"\n                            componentAs={CreatableSelect}\n                            options={tags}\n                            onChange={(option) => field.onChange(option)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Brand\"\n                invalid={Boolean(errors.brand)}\n                errorMessage={errors.brand?.message}\n            >\n                <Controller\n                    name=\"brand\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Product brand\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n        </Card>\n    )\n}\n\nexport default AttributeSection\n"],"names":["categories","tags","AttributeSection","control","errors","Card","jsx","FormItem","_a","Controller","field","Select","category","option","Tooltip","HiOutlineQuestionMarkCircle","CreatableSelect","_b","Input"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAMA,IAAsB;AAAA,EACxB,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,EAC/B,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,EACnC,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,EACrC,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,EACjC,EAAE,OAAO,WAAW,OAAO,UAAU;AACzC,GAEMC,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,EACjC,EAAE,OAAO,UAAU,OAAO,SAAS;AACvC,GAEMC,IAAmB,CAAC,EAAE,SAAAC,GAAS,QAAAC,QAAoC;;AACrE,2BACKC,GACG,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAS,aAAA;AAAA,IAC9B,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQH,EAAO;AAAA,QACxB,eAAcI,IAAAJ,EAAO,aAAP,gBAAAI,EAAiB;AAAA,QAE/B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,SAASX;AAAA,gBACT,OAAOA,EAAW;AAAA,kBACd,CAACY,MAAaA,EAAS,UAAUF,EAAM;AAAA,gBAC3C;AAAA,gBACA,UAAU,CAACG,MAAWH,EAAM,SAASG,KAAA,gBAAAA,EAAQ,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACtD;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,gBAAAP;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,OACI,gBAAAD;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,WAAU;AAAA,YAEV,UAAA,gBAAAR,EAACS,GAA4B,EAAA,WAAU,iBAAiB,CAAA;AAAA,UAAA;AAAA,QAC5D;AAAA,QAGJ,UAAA,gBAAAT;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,SAAO;AAAA,gBACP,aAAW;AAAA,gBACX,OAAOD,EAAM;AAAA,gBACb,aAAY;AAAA,gBACZ,aAAaM;AAAA,gBACb,SAASf;AAAA,gBACT,UAAU,CAACY,MAAWH,EAAM,SAASG,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/C;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,gBAAAP;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQH,EAAO;AAAA,QACxB,eAAca,IAAAb,EAAO,UAAP,gBAAAa,EAAc;AAAA,QAE5B,UAAA,gBAAAX;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAJ;AAAA,cAACY;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGR;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"AttributeSection.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/AttributeSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport Tooltip from '@/components/ui/Tooltip'\nimport { FormItem } from '@/components/ui/Form'\nimport { HiOutlineQuestionMarkCircle } from 'react-icons/hi'\nimport { Controller } from 'react-hook-form'\nimport CreatableSelect from 'react-select/creatable'\nimport type { FormSectionBaseProps } from '../types'\n\ntype AttributeSectionProps = FormSectionBaseProps\n\ntype Options = {\n    label: string\n    value: string\n}[]\n\nconst categories: Options = [\n    { label: 'Bags', value: 'bags' },\n    { label: 'Cloths', value: 'cloths' },\n    { label: 'Devices', value: 'devices' },\n    { label: 'Shoes', value: 'shoes' },\n    { label: 'Watches', value: 'watches' },\n]\n\nconst tags: Options = [\n    { label: 'trend', value: 'trend' },\n    { label: 'unisex', value: 'unisex' },\n]\n\nconst AttributeSection = ({ control, errors }: AttributeSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Attribute</h4>\n            <FormItem\n                label=\"Category\"\n                invalid={Boolean(errors.category)}\n                errorMessage={errors.category?.message}\n            >\n                <Controller\n                    name=\"category\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            options={categories}\n                            value={categories.filter(\n                                (category) => category.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Tags\"\n                extra={\n                    <Tooltip\n                        title=\"You add as many tags as you want to a product\"\n                        className=\"text-center\"\n                    >\n                        <HiOutlineQuestionMarkCircle className=\"text-base mx-1\" />\n                    </Tooltip>\n                }\n            >\n                <Controller\n                    name=\"tags\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            isMulti\n                            isClearable\n                            value={field.value}\n                            placeholder=\"Add tags for product...\"\n                            componentAs={CreatableSelect}\n                            options={tags}\n                            onChange={(option) => field.onChange(option)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Brand\"\n                invalid={Boolean(errors.brand)}\n                errorMessage={errors.brand?.message}\n            >\n                <Controller\n                    name=\"brand\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Product brand\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n        </Card>\n    )\n}\n\nexport default AttributeSection\n"],"names":["categories","tags","AttributeSection","control","errors","Card","jsx","FormItem","_a","Controller","field","Select","category","option","Tooltip","HiOutlineQuestionMarkCircle","CreatableSelect","_b","Input"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAMA,IAAsB;AAAA,EACxB,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,EACxB,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,EAC1B,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,EAC3B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,EACzB,EAAE,OAAO,WAAW,OAAO,UAAA;AAC/B,GAEMC,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,EACzB,EAAE,OAAO,UAAU,OAAO,SAAA;AAC9B,GAEMC,IAAmB,CAAC,EAAE,SAAAC,GAAS,QAAAC,QAAoC;;AACrE,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,aAAS;AAAA,IAC9B,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQH,EAAO;AAAA,QACxB,eAAcI,IAAAJ,EAAO,aAAP,gBAAAI,EAAiB;AAAA,QAE/B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,SAASX;AAAA,gBACT,OAAOA,EAAW;AAAA,kBACd,CAACY,MAAaA,EAAS,UAAUF,EAAM;AAAA,gBAAA;AAAA,gBAE3C,UAAU,CAACG,MAAWH,EAAM,SAASG,KAAA,gBAAAA,EAAQ,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACtD;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAP;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,OACI,gBAAAD;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,WAAU;AAAA,YAEV,UAAA,gBAAAR,EAACS,GAAA,EAA4B,WAAU,iBAAA,CAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,QAIhE,UAAA,gBAAAT;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,SAAO;AAAA,gBACP,aAAW;AAAA,gBACX,OAAOD,EAAM;AAAA,gBACb,aAAY;AAAA,gBACZ,aAAaM;AAAA,gBACb,SAASf;AAAA,gBACT,UAAU,CAACY,MAAWH,EAAM,SAASG,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/C;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAP;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQH,EAAO;AAAA,QACxB,eAAca,IAAAb,EAAO,UAAP,gBAAAa,EAAc;AAAA,QAE5B,UAAA,gBAAAX;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAJ;AAAA,cAACY;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGR;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/lib/@ecme/views/concepts/products/ProductForm/components/GeneralSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeneralSection.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/GeneralSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport { FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from '../types'\n\ntype GeneralSectionProps = FormSectionBaseProps\n\nconst GeneralSection = ({ control, errors }: GeneralSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Basic Information</h4>\n            <div>\n                <FormItem\n                    label=\"Product name\"\n                    invalid={Boolean(errors.name)}\n                    errorMessage={errors.name?.message}\n                >\n                    <Controller\n                        name=\"name\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Product Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Product code\"\n                    invalid={Boolean(errors.productCode)}\n                    errorMessage={errors.productCode?.message}\n                >\n                    <Controller\n                        name=\"productCode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Product Code\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <FormItem\n                label=\"Description\"\n                invalid={Boolean(errors.description)}\n                errorMessage={errors.description?.message}\n            >\n                <Controller\n                    name=\"description\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.description)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n        </Card>\n    )\n}\n\nexport default GeneralSection\n"],"names":["GeneralSection","control","errors","Card","jsx","FormItem","_a","Controller","field","Input","_b","_c","RichTextEditor","html"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAiB,CAAC,EAAE,SAAAC,GAAS,QAAAC,QAAkC;;AACjE,2BACKC,GACG,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAiB,qBAAA;AAAA,sBACrC,OACG,EAAA,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,EAAQH,EAAO;AAAA,UACxB,eAAcI,IAAAJ,EAAO,SAAP,gBAAAI,EAAa;AAAA,UAE3B,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,SAAAN;AAAA,cACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAJ;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,cAAa;AAAA,kBACb,aAAY;AAAA,kBACX,GAAGD;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAER;AAAA,MACJ;AAAA,MACA,gBAAAJ;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,EAAQH,EAAO;AAAA,UACxB,eAAcQ,IAAAR,EAAO,gBAAP,gBAAAQ,EAAoB;AAAA,UAElC,UAAA,gBAAAN;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,SAAAN;AAAA,cACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAJ;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,cAAa;AAAA,kBACb,aAAY;AAAA,kBACX,GAAGD;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQH,EAAO;AAAA,QACxB,eAAcS,IAAAT,EAAO,gBAAP,gBAAAS,EAAoB;AAAA,QAElC,UAAA,gBAAAP;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAJ;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACG,SAASJ,EAAM;AAAA,gBACf,SAAS,EAAQN,EAAO;AAAA,gBACxB,UAAU,CAAC,EAAE,MAAAW,QAAW;AACpB,kBAAAL,EAAM,SAASK,CAAI;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"GeneralSection.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/GeneralSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport { FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from '../types'\n\ntype GeneralSectionProps = FormSectionBaseProps\n\nconst GeneralSection = ({ control, errors }: GeneralSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Basic Information</h4>\n            <div>\n                <FormItem\n                    label=\"Product name\"\n                    invalid={Boolean(errors.name)}\n                    errorMessage={errors.name?.message}\n                >\n                    <Controller\n                        name=\"name\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Product Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Product code\"\n                    invalid={Boolean(errors.productCode)}\n                    errorMessage={errors.productCode?.message}\n                >\n                    <Controller\n                        name=\"productCode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Product Code\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <FormItem\n                label=\"Description\"\n                invalid={Boolean(errors.description)}\n                errorMessage={errors.description?.message}\n            >\n                <Controller\n                    name=\"description\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.description)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n        </Card>\n    )\n}\n\nexport default GeneralSection\n"],"names":["GeneralSection","control","errors","Card","jsx","FormItem","_a","Controller","field","Input","_b","_c","RichTextEditor","html"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAiB,CAAC,EAAE,SAAAC,GAAS,QAAAC,QAAkC;;AACjE,2BACKC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,sBACrC,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,EAAQH,EAAO;AAAA,UACxB,eAAcI,IAAAJ,EAAO,SAAP,gBAAAI,EAAa;AAAA,UAE3B,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,SAAAN;AAAA,cACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAJ;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,cAAa;AAAA,kBACb,aAAY;AAAA,kBACX,GAAGD;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,MAEJ,gBAAAJ;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,EAAQH,EAAO;AAAA,UACxB,eAAcQ,IAAAR,EAAO,gBAAP,gBAAAQ,EAAoB;AAAA,UAElC,UAAA,gBAAAN;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,SAAAN;AAAA,cACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAJ;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,cAAa;AAAA,kBACb,aAAY;AAAA,kBACX,GAAGD;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQH,EAAO;AAAA,QACxB,eAAcS,IAAAT,EAAO,gBAAP,gBAAAS,EAAoB;AAAA,QAElC,UAAA,gBAAAP;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAJ;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACG,SAASJ,EAAM;AAAA,gBACf,SAAS,EAAQN,EAAO;AAAA,gBACxB,UAAU,CAAC,EAAE,MAAAW,QAAW;AACpB,kBAAAL,EAAM,SAASK,CAAI;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/lib/@ecme/views/concepts/products/ProductForm/components/ImageSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageSection.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/ImageSection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Upload from '@/components/ui/Upload'\nimport { FormItem } from '@/components/ui/Form'\nimport Dialog from '@/components/ui/Dialog'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { Controller } from 'react-hook-form'\nimport { HiEye, HiTrash } from 'react-icons/hi'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { PiImagesThin } from 'react-icons/pi'\n\nimport type { FormSectionBaseProps } from '../types'\n\ntype ImageSectionProps = FormSectionBaseProps\n\ntype Image = {\n    id: string\n    name: string\n    img: string\n}\n\ntype ImageListProps = {\n    imgList: Image[]\n    onImageDelete: (img: Image) => void\n}\n\nconst ImageList = (props: ImageListProps) => {\n    const { imgList, onImageDelete } = props\n\n    const [selectedImg, setSelectedImg] = useState<Image>({} as Image)\n    const [viewOpen, setViewOpen] = useState(false)\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const onViewOpen = (img: Image) => {\n        setSelectedImg(img)\n        setViewOpen(true)\n    }\n\n    const onDialogClose = () => {\n        setViewOpen(false)\n        setTimeout(() => {\n            setSelectedImg({} as Image)\n        }, 300)\n    }\n\n    const onDeleteConfirmation = (img: Image) => {\n        setSelectedImg(img)\n        setDeleteConfirmationOpen(true)\n    }\n\n    const onDeleteConfirmationClose = () => {\n        setSelectedImg({} as Image)\n        setDeleteConfirmationOpen(false)\n    }\n\n    const onDelete = () => {\n        onImageDelete?.(selectedImg)\n        setDeleteConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            {imgList.map((img) => (\n                <div\n                    key={img.id}\n                    className=\"group relative rounded-xl border border-gray-200 dark:border-gray-600 p-2 flex\"\n                >\n                    <img\n                        className=\"rounded-lg max-h-[140px] mx-auto max-w-full dark:bg-transparent\"\n                        src={img.img}\n                        alt={img.name}\n                    />\n                    <div className=\"absolute inset-2 bg-[#000000ba] group-hover:flex hidden text-xl items-center justify-center\">\n                        <span\n                            className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\n                            onClick={() => onViewOpen(img)}\n                        >\n                            <HiEye />\n                        </span>\n                        <span\n                            className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\n                            onClick={() => onDeleteConfirmation(img)}\n                        >\n                            <HiTrash />\n                        </span>\n                    </div>\n                </div>\n            ))}\n            <Dialog\n                isOpen={viewOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">{selectedImg.name}</h5>\n                <img\n                    className=\"w-full\"\n                    src={selectedImg.img}\n                    alt={selectedImg.name}\n                />\n            </Dialog>\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove image\"\n                onClose={onDeleteConfirmationClose}\n                onRequestClose={onDeleteConfirmationClose}\n                onCancel={onDeleteConfirmationClose}\n                onConfirm={onDelete}\n            >\n                <p> Are you sure you want to remove this image? </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nconst ImageSection = ({ control, errors }: ImageSectionProps) => {\n    const beforeUpload = (file: FileList | null) => {\n        let valid: boolean | string = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        const maxFileSize = 500000\n\n        if (file) {\n            for (const f of file) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n\n                if (f.size >= maxFileSize) {\n                    valid = 'Upload image cannot more then 500kb!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const handleUpload = (\n        onChange: (images: Image[]) => void,\n        originalImageList: Image[] = [],\n        files: File[],\n    ) => {\n        let imageId = '1-img-0'\n        const latestUpload = files.length - 1\n        if (originalImageList.length > 0) {\n            const prevImgId = originalImageList[originalImageList.length - 1].id\n            const splitImgId = prevImgId.split('-')\n            const newIdNumber = parseInt(splitImgId[splitImgId.length - 1]) + 1\n            splitImgId.pop()\n            const newIdArr = [...splitImgId, ...[newIdNumber]]\n            imageId = newIdArr.join('-')\n        }\n        const image = {\n            id: imageId,\n            name: files[latestUpload].name,\n            img: URL.createObjectURL(files[latestUpload]),\n        }\n        const imageList = [...originalImageList, ...[image]]\n        onChange(imageList)\n    }\n\n    const handleImageDelete = (\n        onChange: (images: Image[]) => void,\n        originalImageList: Image[] = [],\n        deletedImg: Image,\n    ) => {\n        let imgList = cloneDeep(originalImageList)\n        imgList = imgList.filter((img) => img.id !== deletedImg.id)\n        onChange(imgList)\n    }\n\n    return (\n        <Card>\n            <h4 className=\"mb-2\">Product Image</h4>\n            <p>\n                Choose a product photo or simply drag and drop up to 5 photos\n                here.\n            </p>\n            <div className=\"mt-4\">\n                <FormItem\n                    invalid={Boolean(errors.imgList)}\n                    errorMessage={errors.imgList?.message}\n                    className=\"mb-4\"\n                >\n                    <Controller\n                        name=\"imgList\"\n                        control={control}\n                        render={({ field }) => (\n                            <>\n                                {field.value && field.value.length ? (\n                                    <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-2 xl:grid-cols-3 gap-2\">\n                                        <ImageList\n                                            imgList={field.value}\n                                            onImageDelete={(img: Image) =>\n                                                handleImageDelete(\n                                                    field.onChange,\n                                                    field.value,\n                                                    img,\n                                                )\n                                            }\n                                        />\n                                        <Upload\n                                            draggable\n                                            className=\"min-h-fit\"\n                                            beforeUpload={beforeUpload}\n                                            showList={false}\n                                            onChange={(files) =>\n                                                handleUpload(\n                                                    field.onChange,\n                                                    field.value,\n                                                    files,\n                                                )\n                                            }\n                                        >\n                                            <div className=\"max-w-full flex flex-col px-4 py-2 justify-center items-center min-h-[130px]\">\n                                                <div className=\"text-[50px]\">\n                                                    <PiImagesThin />\n                                                </div>\n                                                <p className=\"text-center mt-1 text-xs\">\n                                                    <span className=\"text-gray-800 dark:text-white\">\n                                                        Drop your image here, or{' '}\n                                                        {''}\n                                                    </span>\n                                                    <span className=\"text-primary\">\n                                                        Click to browse\n                                                    </span>\n                                                </p>\n                                            </div>\n                                        </Upload>\n                                    </div>\n                                ) : (\n                                    <Upload\n                                        draggable\n                                        beforeUpload={beforeUpload}\n                                        showList={false}\n                                        onChange={(files) =>\n                                            handleUpload(\n                                                field.onChange,\n                                                field.value,\n                                                files,\n                                            )\n                                        }\n                                    >\n                                        <div className=\"max-w-full flex flex-col px-4 py-8 justify-center items-center\">\n                                            <div className=\"text-[60px]\">\n                                                <PiImagesThin />\n                                            </div>\n                                            <p className=\"flex flex-col items-center mt-2\">\n                                                <span className=\"text-gray-800 dark:text-white\">\n                                                    Drop your image here, or{' '}\n                                                    {''}\n                                                </span>\n                                                <span className=\"text-primary\">\n                                                    Click to browse\n                                                </span>\n                                            </p>\n                                        </div>\n                                    </Upload>\n                                )}\n                            </>\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <p>\n                Image formats: .jpg, .jpeg, .png, preferred size: 1:1, file size\n                is restricted to a maximum of 500kb.\n            </p>\n        </Card>\n    )\n}\n\nexport default ImageSection\n"],"names":["ImageList","props","imgList","onImageDelete","selectedImg","setSelectedImg","useState","viewOpen","setViewOpen","deleteConfirmationOpen","setDeleteConfirmationOpen","onViewOpen","img","onDialogClose","onDeleteConfirmation","onDeleteConfirmationClose","onDelete","jsxs","Fragment","jsx","HiEye","HiTrash","Dialog","ConfirmDialog","ImageSection","control","errors","beforeUpload","file","valid","allowedFileType","maxFileSize","f","handleUpload","onChange","originalImageList","files","imageId","latestUpload","splitImgId","newIdNumber","image","imageList","handleImageDelete","deletedImg","cloneDeep","Card","FormItem","_a","Controller","field","Upload","PiImagesThin"],"mappings":";;;;;;;;;;;;;;;AA0BA,MAAMA,IAAY,CAACC,MAA0B;AACnC,QAAA,EAAE,SAAAC,GAAS,eAAAC,EAAA,IAAkBF,GAE7B,CAACG,GAAaC,CAAc,IAAIC,EAAgB,CAAA,CAAW,GAC3D,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxC,CAACG,GAAwBC,CAAyB,IAAIJ,EAAS,EAAK,GAEpEK,IAAa,CAACC,MAAe;AAC/B,IAAAP,EAAeO,CAAG,GAClBJ,EAAY,EAAI;AAAA,EACpB,GAEMK,IAAgB,MAAM;AACxB,IAAAL,EAAY,EAAK,GACjB,WAAW,MAAM;AACb,MAAAH,EAAe,CAAA,CAAW;AAAA,OAC3B,GAAG;AAAA,EACV,GAEMS,IAAuB,CAACF,MAAe;AACzC,IAAAP,EAAeO,CAAG,GAClBF,EAA0B,EAAI;AAAA,EAClC,GAEMK,IAA4B,MAAM;AACpC,IAAAV,EAAe,CAAA,CAAW,GAC1BK,EAA0B,EAAK;AAAA,EACnC,GAEMM,IAAW,MAAM;AACnB,IAAAb,KAAA,QAAAA,EAAgBC,IAChBM,EAA0B,EAAK;AAAA,EACnC;AAEA,SAES,gBAAAO,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAQhB,EAAA,IAAI,CAACU,MACV,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,KAAKP,EAAI;AAAA,cACT,KAAKA,EAAI;AAAA,YAAA;AAAA,UACb;AAAA,UACA,gBAAAK,EAAC,OAAI,EAAA,WAAU,+FACX,UAAA;AAAA,YAAA,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAS,MAAMR,EAAWC,CAAG;AAAA,gBAE7B,4BAACQ,GAAM,CAAA,CAAA;AAAA,cAAA;AAAA,YACX;AAAA,YACA,gBAAAD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAS,MAAML,EAAqBF,CAAG;AAAA,gBAEvC,4BAACS,GAAQ,CAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACb,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MArBKT,EAAI;AAAA,IAAA,CAuBhB;AAAA,IACD,gBAAAK;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,QAAQf;AAAA,QACR,SAASM;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAM,EAAC,MAAG,EAAA,WAAU,QAAQ,UAAAf,EAAY,MAAK;AAAA,UACvC,gBAAAe;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,KAAKf,EAAY;AAAA,cACjB,KAAKA,EAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACrB;AAAA,MAAA;AAAA,IACJ;AAAA,IACA,gBAAAe;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,QAAQd;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASM;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,UAAA,gBAAAG,EAAC,OAAE,UAA6C,gDAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpD,GACJ;AAER,GAEMK,IAAe,CAAC,EAAE,SAAAC,GAAS,QAAAC,QAAgC;;AACvD,QAAAC,IAAe,CAACC,MAA0B;AAC5C,QAAIC,IAA0B;AAExB,UAAAC,IAAkB,CAAC,cAAc,WAAW,GAC5CC,IAAc;AAEpB,QAAIH;AACA,iBAAWI,KAAKJ;AACZ,QAAKE,EAAgB,SAASE,EAAE,IAAI,MACxBH,IAAA,wCAGRG,EAAE,QAAQD,MACFF,IAAA;AAKb,WAAAA;AAAA,EACX,GAEMI,IAAe,CACjBC,GACAC,IAA6B,CAAA,GAC7BC,MACC;AACD,QAAIC,IAAU;AACR,UAAAC,IAAeF,EAAM,SAAS;AAChC,QAAAD,EAAkB,SAAS,GAAG;AAExB,YAAAI,IADYJ,EAAkBA,EAAkB,SAAS,CAAC,EAAE,GACrC,MAAM,GAAG,GAChCK,IAAc,SAASD,EAAWA,EAAW,SAAS,CAAC,CAAC,IAAI;AAClE,MAAAA,EAAW,IAAI,GAELF,IADO,CAAC,GAAGE,GAAgBC,CAAY,EAC9B,KAAK,GAAG;AAAA,IAAA;AAE/B,UAAMC,IAAQ;AAAA,MACV,IAAIJ;AAAA,MACJ,MAAMD,EAAME,CAAY,EAAE;AAAA,MAC1B,KAAK,IAAI,gBAAgBF,EAAME,CAAY,CAAC;AAAA,IAChD,GACMI,IAAY,CAAC,GAAGP,GAAuBM,CAAM;AACnD,IAAAP,EAASQ,CAAS;AAAA,EACtB,GAEMC,IAAoB,CACtBT,GACAC,IAA6B,CAAA,GAC7BS,MACC;AACG,QAAA1C,IAAU2C,EAAUV,CAAiB;AACzC,IAAAjC,IAAUA,EAAQ,OAAO,CAACU,MAAQA,EAAI,OAAOgC,EAAW,EAAE,GAC1DV,EAAShC,CAAO;AAAA,EACpB;AAEA,2BACK4C,GACG,EAAA,UAAA;AAAA,IAAC,gBAAA3B,EAAA,MAAA,EAAG,WAAU,QAAO,UAAa,iBAAA;AAAA,IAClC,gBAAAA,EAAC,OAAE,UAGH,sEAAA,CAAA;AAAA,IACA,gBAAAA,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA;AAAA,MAAC4B;AAAA,MAAA;AAAA,QACG,SAAS,EAAQrB,EAAO;AAAA,QACxB,eAAcsB,IAAAtB,EAAO,YAAP,gBAAAsB,EAAgB;AAAA,QAC9B,WAAU;AAAA,QAEV,UAAA,gBAAA7B;AAAA,UAAC8B;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAxB;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAyB,QAEF,gBAAA/B,EAAAD,GAAA,EAAA,UAAAgC,EAAM,SAASA,EAAM,MAAM,SACvB,gBAAAjC,EAAA,OAAA,EAAI,WAAU,uEACX,UAAA;AAAA,cAAA,gBAAAE;AAAA,gBAACnB;AAAA,gBAAA;AAAA,kBACG,SAASkD,EAAM;AAAA,kBACf,eAAe,CAACtC,MACZ+B;AAAA,oBACIO,EAAM;AAAA,oBACNA,EAAM;AAAA,oBACNtC;AAAA,kBAAA;AAAA,gBACJ;AAAA,cAER;AAAA,cACA,gBAAAO;AAAA,gBAACgC;AAAA,gBAAA;AAAA,kBACG,WAAS;AAAA,kBACT,WAAU;AAAA,kBACV,cAAAxB;AAAA,kBACA,UAAU;AAAA,kBACV,UAAU,CAACS,MACPH;AAAA,oBACIiB,EAAM;AAAA,oBACNA,EAAM;AAAA,oBACNd;AAAA,kBACJ;AAAA,kBAGJ,UAAA,gBAAAnB,EAAC,OAAI,EAAA,WAAU,gFACX,UAAA;AAAA,oBAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,eACX,UAAA,gBAAAA,EAACiC,IAAa,CAAA,GAClB;AAAA,oBACA,gBAAAnC,EAAC,KAAE,EAAA,WAAU,4BACT,UAAA;AAAA,sBAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,wBAAA;AAAA,wBACnB;AAAA,wBACxB;AAAA,sBAAA,GACL;AAAA,sBACC,gBAAAE,EAAA,QAAA,EAAK,WAAU,gBAAe,UAE/B,kBAAA,CAAA;AAAA,oBAAA,EACJ,CAAA;AAAA,kBAAA,EACJ,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ,EAAA,CACJ,IAEA,gBAAAA;AAAA,cAACgC;AAAA,cAAA;AAAA,gBACG,WAAS;AAAA,gBACT,cAAAxB;AAAA,gBACA,UAAU;AAAA,gBACV,UAAU,CAACS,MACPH;AAAA,kBACIiB,EAAM;AAAA,kBACNA,EAAM;AAAA,kBACNd;AAAA,gBACJ;AAAA,gBAGJ,UAAA,gBAAAnB,EAAC,OAAI,EAAA,WAAU,kEACX,UAAA;AAAA,kBAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,eACX,UAAA,gBAAAA,EAACiC,IAAa,CAAA,GAClB;AAAA,kBACA,gBAAAnC,EAAC,KAAE,EAAA,WAAU,mCACT,UAAA;AAAA,oBAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,sBAAA;AAAA,sBACnB;AAAA,sBACxB;AAAA,oBAAA,GACL;AAAA,oBACC,gBAAAE,EAAA,QAAA,EAAK,WAAU,gBAAe,UAE/B,kBAAA,CAAA;AAAA,kBAAA,EACJ,CAAA;AAAA,gBAAA,EACJ,CAAA;AAAA,cAAA;AAAA,YAAA,EAGZ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,IAAA,GAER;AAAA,IACA,gBAAAA,EAAC,OAAE,UAGH,wGAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ImageSection.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/ImageSection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Upload from '@/components/ui/Upload'\nimport { FormItem } from '@/components/ui/Form'\nimport Dialog from '@/components/ui/Dialog'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { Controller } from 'react-hook-form'\nimport { HiEye, HiTrash } from 'react-icons/hi'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { PiImagesThin } from 'react-icons/pi'\n\nimport type { FormSectionBaseProps } from '../types'\n\ntype ImageSectionProps = FormSectionBaseProps\n\ntype Image = {\n    id: string\n    name: string\n    img: string\n}\n\ntype ImageListProps = {\n    imgList: Image[]\n    onImageDelete: (img: Image) => void\n}\n\nconst ImageList = (props: ImageListProps) => {\n    const { imgList, onImageDelete } = props\n\n    const [selectedImg, setSelectedImg] = useState<Image>({} as Image)\n    const [viewOpen, setViewOpen] = useState(false)\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const onViewOpen = (img: Image) => {\n        setSelectedImg(img)\n        setViewOpen(true)\n    }\n\n    const onDialogClose = () => {\n        setViewOpen(false)\n        setTimeout(() => {\n            setSelectedImg({} as Image)\n        }, 300)\n    }\n\n    const onDeleteConfirmation = (img: Image) => {\n        setSelectedImg(img)\n        setDeleteConfirmationOpen(true)\n    }\n\n    const onDeleteConfirmationClose = () => {\n        setSelectedImg({} as Image)\n        setDeleteConfirmationOpen(false)\n    }\n\n    const onDelete = () => {\n        onImageDelete?.(selectedImg)\n        setDeleteConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            {imgList.map((img) => (\n                <div\n                    key={img.id}\n                    className=\"group relative rounded-xl border border-gray-200 dark:border-gray-600 p-2 flex\"\n                >\n                    <img\n                        className=\"rounded-lg max-h-[140px] mx-auto max-w-full dark:bg-transparent\"\n                        src={img.img}\n                        alt={img.name}\n                    />\n                    <div className=\"absolute inset-2 bg-[#000000ba] group-hover:flex hidden text-xl items-center justify-center\">\n                        <span\n                            className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\n                            onClick={() => onViewOpen(img)}\n                        >\n                            <HiEye />\n                        </span>\n                        <span\n                            className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\n                            onClick={() => onDeleteConfirmation(img)}\n                        >\n                            <HiTrash />\n                        </span>\n                    </div>\n                </div>\n            ))}\n            <Dialog\n                isOpen={viewOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">{selectedImg.name}</h5>\n                <img\n                    className=\"w-full\"\n                    src={selectedImg.img}\n                    alt={selectedImg.name}\n                />\n            </Dialog>\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove image\"\n                onClose={onDeleteConfirmationClose}\n                onRequestClose={onDeleteConfirmationClose}\n                onCancel={onDeleteConfirmationClose}\n                onConfirm={onDelete}\n            >\n                <p> Are you sure you want to remove this image? </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nconst ImageSection = ({ control, errors }: ImageSectionProps) => {\n    const beforeUpload = (file: FileList | null) => {\n        let valid: boolean | string = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        const maxFileSize = 500000\n\n        if (file) {\n            for (const f of file) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n\n                if (f.size >= maxFileSize) {\n                    valid = 'Upload image cannot more then 500kb!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const handleUpload = (\n        onChange: (images: Image[]) => void,\n        originalImageList: Image[] = [],\n        files: File[],\n    ) => {\n        let imageId = '1-img-0'\n        const latestUpload = files.length - 1\n        if (originalImageList.length > 0) {\n            const prevImgId = originalImageList[originalImageList.length - 1].id\n            const splitImgId = prevImgId.split('-')\n            const newIdNumber = parseInt(splitImgId[splitImgId.length - 1]) + 1\n            splitImgId.pop()\n            const newIdArr = [...splitImgId, ...[newIdNumber]]\n            imageId = newIdArr.join('-')\n        }\n        const image = {\n            id: imageId,\n            name: files[latestUpload].name,\n            img: URL.createObjectURL(files[latestUpload]),\n        }\n        const imageList = [...originalImageList, ...[image]]\n        onChange(imageList)\n    }\n\n    const handleImageDelete = (\n        onChange: (images: Image[]) => void,\n        originalImageList: Image[] = [],\n        deletedImg: Image,\n    ) => {\n        let imgList = cloneDeep(originalImageList)\n        imgList = imgList.filter((img) => img.id !== deletedImg.id)\n        onChange(imgList)\n    }\n\n    return (\n        <Card>\n            <h4 className=\"mb-2\">Product Image</h4>\n            <p>\n                Choose a product photo or simply drag and drop up to 5 photos\n                here.\n            </p>\n            <div className=\"mt-4\">\n                <FormItem\n                    invalid={Boolean(errors.imgList)}\n                    errorMessage={errors.imgList?.message}\n                    className=\"mb-4\"\n                >\n                    <Controller\n                        name=\"imgList\"\n                        control={control}\n                        render={({ field }) => (\n                            <>\n                                {field.value && field.value.length ? (\n                                    <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-2 xl:grid-cols-3 gap-2\">\n                                        <ImageList\n                                            imgList={field.value}\n                                            onImageDelete={(img: Image) =>\n                                                handleImageDelete(\n                                                    field.onChange,\n                                                    field.value,\n                                                    img,\n                                                )\n                                            }\n                                        />\n                                        <Upload\n                                            draggable\n                                            className=\"min-h-fit\"\n                                            beforeUpload={beforeUpload}\n                                            showList={false}\n                                            onChange={(files) =>\n                                                handleUpload(\n                                                    field.onChange,\n                                                    field.value,\n                                                    files,\n                                                )\n                                            }\n                                        >\n                                            <div className=\"max-w-full flex flex-col px-4 py-2 justify-center items-center min-h-[130px]\">\n                                                <div className=\"text-[50px]\">\n                                                    <PiImagesThin />\n                                                </div>\n                                                <p className=\"text-center mt-1 text-xs\">\n                                                    <span className=\"text-gray-800 dark:text-white\">\n                                                        Drop your image here, or{' '}\n                                                        {''}\n                                                    </span>\n                                                    <span className=\"text-primary\">\n                                                        Click to browse\n                                                    </span>\n                                                </p>\n                                            </div>\n                                        </Upload>\n                                    </div>\n                                ) : (\n                                    <Upload\n                                        draggable\n                                        beforeUpload={beforeUpload}\n                                        showList={false}\n                                        onChange={(files) =>\n                                            handleUpload(\n                                                field.onChange,\n                                                field.value,\n                                                files,\n                                            )\n                                        }\n                                    >\n                                        <div className=\"max-w-full flex flex-col px-4 py-8 justify-center items-center\">\n                                            <div className=\"text-[60px]\">\n                                                <PiImagesThin />\n                                            </div>\n                                            <p className=\"flex flex-col items-center mt-2\">\n                                                <span className=\"text-gray-800 dark:text-white\">\n                                                    Drop your image here, or{' '}\n                                                    {''}\n                                                </span>\n                                                <span className=\"text-primary\">\n                                                    Click to browse\n                                                </span>\n                                            </p>\n                                        </div>\n                                    </Upload>\n                                )}\n                            </>\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <p>\n                Image formats: .jpg, .jpeg, .png, preferred size: 1:1, file size\n                is restricted to a maximum of 500kb.\n            </p>\n        </Card>\n    )\n}\n\nexport default ImageSection\n"],"names":["ImageList","props","imgList","onImageDelete","selectedImg","setSelectedImg","useState","viewOpen","setViewOpen","deleteConfirmationOpen","setDeleteConfirmationOpen","onViewOpen","img","onDialogClose","onDeleteConfirmation","onDeleteConfirmationClose","onDelete","jsxs","Fragment","jsx","HiEye","HiTrash","Dialog","ConfirmDialog","ImageSection","control","errors","beforeUpload","file","valid","allowedFileType","maxFileSize","f","handleUpload","onChange","originalImageList","files","imageId","latestUpload","splitImgId","newIdNumber","image","imageList","handleImageDelete","deletedImg","cloneDeep","Card","FormItem","_a","Controller","field","Upload","PiImagesThin"],"mappings":"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"}

package/dist/lib/@ecme/views/concepts/products/ProductForm/components/PricingSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"PricingSection.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/PricingSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport { FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from '../types'\n\ntype PricingSectionProps = FormSectionBaseProps\n\nconst PricingSection = ({ control, errors }: PricingSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Pricing</h4>\n            <div>\n                <FormItem\n                    label=\"Price\"\n                    invalid={Boolean(errors.price)}\n                    errorMessage={errors.price?.message}\n                >\n                    <Controller\n                        name=\"price\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Cost price\"\n                    invalid={Boolean(errors.costPerItem)}\n                    errorMessage={errors.costPerItem?.message}\n                >\n                    <Controller\n                        name=\"costPerItem\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <div className=\"md:flex gap-4\">\n                <FormItem\n                    label=\"Bulk discount price\"\n                    invalid={Boolean(errors.bulkDiscountPrice)}\n                    errorMessage={errors.bulkDiscountPrice?.message}\n                    className=\"w-full\"\n                >\n                    <Controller\n                        name=\"bulkDiscountPrice\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Tax rate(%)\"\n                    invalid={Boolean(errors.taxRate)}\n                    errorMessage={errors.taxRate?.message}\n                    className=\"w-full\"\n                >\n                    <Controller\n                        name=\"taxRate\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"0\"\n                                value={field.value}\n                                isAllowed={(values) => {\n                                    const { floatValue } = values\n                                    return (floatValue || 0) <= 100\n                                }}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default PricingSection\n"],"names":["PricingSection","control","errors","Card","jsx","FormItem","_a","Controller","field","NumericInput","_b","jsxs","_c","_d","values","floatValue"],"mappings":"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"}
+{"version":3,"file":"PricingSection.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductForm/components/PricingSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport { FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { Controller } from 'react-hook-form'\nimport type { FormSectionBaseProps } from '../types'\n\ntype PricingSectionProps = FormSectionBaseProps\n\nconst PricingSection = ({ control, errors }: PricingSectionProps) => {\n    return (\n        <Card>\n            <h4 className=\"mb-6\">Pricing</h4>\n            <div>\n                <FormItem\n                    label=\"Price\"\n                    invalid={Boolean(errors.price)}\n                    errorMessage={errors.price?.message}\n                >\n                    <Controller\n                        name=\"price\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Cost price\"\n                    invalid={Boolean(errors.costPerItem)}\n                    errorMessage={errors.costPerItem?.message}\n                >\n                    <Controller\n                        name=\"costPerItem\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <div className=\"md:flex gap-4\">\n                <FormItem\n                    label=\"Bulk discount price\"\n                    invalid={Boolean(errors.bulkDiscountPrice)}\n                    errorMessage={errors.bulkDiscountPrice?.message}\n                    className=\"w-full\"\n                >\n                    <Controller\n                        name=\"bulkDiscountPrice\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                thousandSeparator\n                                type=\"text\"\n                                inputPrefix=\"$\"\n                                autoComplete=\"off\"\n                                placeholder=\"0.00\"\n                                value={field.value}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Tax rate(%)\"\n                    invalid={Boolean(errors.taxRate)}\n                    errorMessage={errors.taxRate?.message}\n                    className=\"w-full\"\n                >\n                    <Controller\n                        name=\"taxRate\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"0\"\n                                value={field.value}\n                                isAllowed={(values) => {\n                                    const { floatValue } = values\n                                    return (floatValue || 0) <= 100\n                                }}\n                                onChange={field.onChange}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default PricingSection\n"],"names":["PricingSection","control","errors","Card","jsx","FormItem","_a","Controller","field","NumericInput","_b","jsxs","_c","_d","values","floatValue"],"mappings":"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"}

package/dist/lib/@ecme/views/concepts/products/ProductList/ProductList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductList.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/ProductList.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport ProductListActionTools from './components/ProductListActionTools'\nimport ProducListTableTools from './components/ProducListTableTools'\nimport ProductListTable from './components/ProductListTable'\nimport ProductListSelected from './components/ProductListSelected'\n\nconst ProductList = () => {\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>Products</h3>\n                            <ProductListActionTools />\n                        </div>\n                        <ProducListTableTools />\n                        <ProductListTable />\n                    </div>\n                </AdaptiveCard>\n            </Container>\n            <ProductListSelected />\n        </>\n    )\n}\n\nexport default ProductList\n"],"names":["ProductList","jsxs","Fragment","jsx","Container","AdaptiveCard","ProductListActionTools","ProducListTableTools","ProductListTable","ProductListSelected"],"mappings":";;;;;;;AAOA,MAAMA,IAAc,MAGR,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,KACG,UAAC,gBAAAD,EAAAE,GAAA,EACG,UAAC,gBAAAJ,EAAA,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAG,UAAQ,WAAA,CAAA;AAAA,wBACXG,GAAuB,CAAA,CAAA;AAAA,IAAA,GAC5B;AAAA,sBACCC,GAAqB,EAAA;AAAA,sBACrBC,GAAiB,CAAA,CAAA;AAAA,EAAA,EACtB,CAAA,EACJ,CAAA,GACJ;AAAA,oBACCC,GAAoB,CAAA,CAAA;AAAA,GACzB;"}
+{"version":3,"file":"ProductList.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/ProductList.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport ProductListActionTools from './components/ProductListActionTools'\nimport ProducListTableTools from './components/ProducListTableTools'\nimport ProductListTable from './components/ProductListTable'\nimport ProductListSelected from './components/ProductListSelected'\n\nconst ProductList = () => {\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>Products</h3>\n                            <ProductListActionTools />\n                        </div>\n                        <ProducListTableTools />\n                        <ProductListTable />\n                    </div>\n                </AdaptiveCard>\n            </Container>\n            <ProductListSelected />\n        </>\n    )\n}\n\nexport default ProductList\n"],"names":["ProductList","jsxs","Fragment","jsx","Container","AdaptiveCard","ProductListActionTools","ProducListTableTools","ProductListTable","ProductListSelected"],"mappings":";;;;;;;AAOA,MAAMA,IAAc,MAEZ,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,KACG,UAAA,gBAAAD,EAACE,GAAA,EACG,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,wBACXG,GAAA,CAAA,CAAuB;AAAA,IAAA,GAC5B;AAAA,sBACCC,GAAA,EAAqB;AAAA,sBACrBC,GAAA,CAAA,CAAiB;AAAA,EAAA,EAAA,CACtB,GACJ,GACJ;AAAA,oBACCC,GAAA,CAAA,CAAoB;AAAA,GACzB;"}

package/dist/lib/@ecme/views/concepts/products/ProductList/components/ProducListTableTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProducListTableTools.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProducListTableTools.tsx"],"sourcesContent":["import ProductListSearch from './ProductListSearch'\nimport ProductTableFilter from './ProductTableFilter'\nimport useProducList from '../hooks/useProductList'\nimport cloneDeep from 'lodash/cloneDeep'\n\nconst ProducListTableTools = () => {\n    const { tableData, setTableData } = useProducList()\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            <ProductListSearch onInputChange={handleInputChange} />\n            <ProductTableFilter />\n        </div>\n    )\n}\n\nexport default ProducListTableTools\n"],"names":["ProducListTableTools","tableData","setTableData","useProducList","jsxs","jsx","ProductListSearch","val","newTableData","cloneDeep","ProductTableFilter"],"mappings":";;;;;AAKA,MAAMA,IAAuB,MAAM;AAC/B,QAAM,EAAE,WAAAC,GAAW,cAAAC,EAAa,IAAIC,EAAc;AAgB9C,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,sEACX,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAkB,eAfD,CAACC,MAAgB;AACjC,YAAAC,IAAeC,EAAUR,CAAS;AACxC,MAAAO,EAAa,QAAQD,GACrBC,EAAa,YAAY,GACrB,OAAOD,KAAQ,YAAYA,EAAI,SAAS,KACxCL,EAAaM,CAAY,GAGzB,OAAOD,KAAQ,YAAYA,EAAI,WAAW,KAC1CL,EAAaM,CAAY;AAAA,IAEjC,EAI6D,CAAA;AAAA,sBACpDE,GAAmB,CAAA,CAAA;AAAA,EAAA,GACxB;AAER;"}
+{"version":3,"file":"ProducListTableTools.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProducListTableTools.tsx"],"sourcesContent":["import ProductListSearch from './ProductListSearch'\nimport ProductTableFilter from './ProductTableFilter'\nimport useProducList from '../hooks/useProductList'\nimport cloneDeep from 'lodash/cloneDeep'\n\nconst ProducListTableTools = () => {\n    const { tableData, setTableData } = useProducList()\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            <ProductListSearch onInputChange={handleInputChange} />\n            <ProductTableFilter />\n        </div>\n    )\n}\n\nexport default ProducListTableTools\n"],"names":["ProducListTableTools","tableData","setTableData","useProducList","jsxs","jsx","ProductListSearch","val","newTableData","cloneDeep","ProductTableFilter"],"mappings":";;;;;AAKA,MAAMA,IAAuB,MAAM;AAC/B,QAAM,EAAE,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAA;AAepC,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAkB,eAfD,CAACC,MAAgB;AACvC,YAAMC,IAAeC,EAAUR,CAAS;AACxC,MAAAO,EAAa,QAAQD,GACrBC,EAAa,YAAY,GACrB,OAAOD,KAAQ,YAAYA,EAAI,SAAS,KACxCL,EAAaM,CAAY,GAGzB,OAAOD,KAAQ,YAAYA,EAAI,WAAW,KAC1CL,EAAaM,CAAY;AAAA,IAC7B,EAKsC,CAAmB;AAAA,sBACpDE,GAAA,CAAA,CAAmB;AAAA,EAAA,GACxB;AAER;"}

package/dist/lib/@ecme/views/concepts/products/ProductList/components/ProductListActionTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductListActionTools.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListActionTools.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { TbCloudDownload, TbPlus } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport useProductList from '../hooks/useProductList'\nimport { CSVLink } from 'react-csv'\n\nconst ProductListActionTools = () => {\n    const navigate = useNavigate()\n\n    const { productList } = useProductList()\n\n    return (\n        <div className=\"flex flex-col md:flex-row gap-3\">\n            <CSVLink filename=\"product-list.csv\" data={productList}>\n                <Button icon={<TbCloudDownload className=\"text-xl\" />}>\n                    Export\n                </Button>\n            </CSVLink>\n            <Button\n                variant=\"solid\"\n                icon={<TbPlus className=\"text-xl\" />}\n                onClick={() => navigate('/concepts/products/product-create')}\n            >\n                Add products\n            </Button>\n        </div>\n    )\n}\n\nexport default ProductListActionTools\n"],"names":["ProductListActionTools","navigate","useNavigate","productList","useProductList","jsxs","jsx","CSVLink","Button","TbCloudDownload","TbPlus"],"mappings":";;;;;;;AAMA,MAAMA,IAAyB,MAAM;AACjC,QAAMC,IAAWC,EAAY,GAEvB,EAAE,aAAAC,EAAY,IAAIC,EAAe;AAGnC,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,mCACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAQ,EAAA,UAAS,oBAAmB,MAAMJ,GACvC,UAAC,gBAAAG,EAAAE,GAAA,EAAO,MAAM,gBAAAF,EAACG,GAAgB,EAAA,WAAU,UAAU,CAAA,GAAI,mBAEvD,CAAA,GACJ;AAAA,IACA,gBAAAH;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,gBAAAF,EAACI,GAAO,EAAA,WAAU,UAAU,CAAA;AAAA,QAClC,SAAS,MAAMT,EAAS,mCAAmC;AAAA,QAC9D,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}
+{"version":3,"file":"ProductListActionTools.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListActionTools.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { TbCloudDownload, TbPlus } from 'react-icons/tb'\nimport { useNavigate } from 'react-router-dom'\nimport useProductList from '../hooks/useProductList'\nimport { CSVLink } from 'react-csv'\n\nconst ProductListActionTools = () => {\n    const navigate = useNavigate()\n\n    const { productList } = useProductList()\n\n    return (\n        <div className=\"flex flex-col md:flex-row gap-3\">\n            <CSVLink filename=\"product-list.csv\" data={productList}>\n                <Button icon={<TbCloudDownload className=\"text-xl\" />}>\n                    Export\n                </Button>\n            </CSVLink>\n            <Button\n                variant=\"solid\"\n                icon={<TbPlus className=\"text-xl\" />}\n                onClick={() => navigate('/concepts/products/product-create')}\n            >\n                Add products\n            </Button>\n        </div>\n    )\n}\n\nexport default ProductListActionTools\n"],"names":["ProductListActionTools","navigate","useNavigate","productList","useProductList","jsxs","jsx","CSVLink","Button","TbCloudDownload","TbPlus"],"mappings":";;;;;;;AAMA,MAAMA,IAAyB,MAAM;AACjC,QAAMC,IAAWC,EAAA,GAEX,EAAE,aAAAC,EAAA,IAAgBC,EAAA;AAExB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,UAAS,oBAAmB,MAAMJ,GACvC,UAAA,gBAAAG,EAACE,GAAA,EAAO,MAAM,gBAAAF,EAACG,GAAA,EAAgB,WAAU,UAAA,CAAU,GAAI,oBAEvD,GACJ;AAAA,IACA,gBAAAH;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,gBAAAF,EAACI,GAAA,EAAO,WAAU,UAAA,CAAU;AAAA,QAClC,SAAS,MAAMT,EAAS,mCAAmC;AAAA,QAC9D,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

package/dist/lib/@ecme/views/concepts/products/ProductList/components/ProductListSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductListSearch.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListSearch.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport { TbSearch } from 'react-icons/tb'\nimport type { ChangeEvent } from 'react'\n\ntype ProductListSearchProps = {\n    onInputChange: (value: string) => void\n}\n\nconst ProductListSearch = (props: ProductListSearchProps) => {\n    const { onInputChange } = props\n\n    function handleDebounceFn(value: string) {\n        onInputChange?.(value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, 500)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e.target.value)\n    }\n\n    return (\n        <Input\n            placeholder=\"Search\"\n            suffix={<TbSearch className=\"text-lg\" />}\n            onChange={handleInputChange}\n        />\n    )\n}\n\nexport default ProductListSearch\n"],"names":["ProductListSearch","props","onInputChange","handleDebounceFn","value","debounceFn","useDebounce","jsx","Input","TbSearch","e"],"mappings":";;;;;AASM,MAAAA,IAAoB,CAACC,MAAkC;AACnD,QAAA,EAAE,eAAAC,MAAkBD;AAE1B,WAASE,EAAiBC,GAAe;AACrC,IAAAF,KAAA,QAAAA,EAAgBE;AAAA,EAAK;AAGnB,QAAAC,IAAaC,EAAYH,GAAkB,GAAG;AAOhD,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,QAAQ,gBAAAD,EAACE,GAAS,EAAA,WAAU,UAAU,CAAA;AAAA,MACtC,UARkB,CAACC,MAAqC;AACjD,QAAAL,EAAAK,EAAE,OAAO,KAAK;AAAA,MAC7B;AAAA,IAMkB;AAAA,EACd;AAER;"}
+{"version":3,"file":"ProductListSearch.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListSearch.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport { TbSearch } from 'react-icons/tb'\nimport type { ChangeEvent } from 'react'\n\ntype ProductListSearchProps = {\n    onInputChange: (value: string) => void\n}\n\nconst ProductListSearch = (props: ProductListSearchProps) => {\n    const { onInputChange } = props\n\n    function handleDebounceFn(value: string) {\n        onInputChange?.(value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, 500)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e.target.value)\n    }\n\n    return (\n        <Input\n            placeholder=\"Search\"\n            suffix={<TbSearch className=\"text-lg\" />}\n            onChange={handleInputChange}\n        />\n    )\n}\n\nexport default ProductListSearch\n"],"names":["ProductListSearch","props","onInputChange","handleDebounceFn","value","debounceFn","useDebounce","jsx","Input","TbSearch","e"],"mappings":";;;;;AASA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM,EAAE,eAAAC,MAAkBD;AAE1B,WAASE,EAAiBC,GAAe;AACrC,IAAAF,KAAA,QAAAA,EAAgBE;AAAA,EAAK;AAGzB,QAAMC,IAAaC,EAAYH,GAAkB,GAAG;AAMpD,SACI,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,QAAQ,gBAAAD,EAACE,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,MACtC,UARkB,CAACC,MAAqC;AAC5D,QAAAL,EAAWK,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAOX;AAAA,EAAA;AAGtB;"}

package/dist/lib/@ecme/views/concepts/products/ProductList/components/ProductListSelected.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductListSelected.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListSelected.tsx"],"sourcesContent":["import { useState } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useProductList from '../hooks/useProductList'\nimport { TbChecks } from 'react-icons/tb'\n\nconst ProductListSelected = () => {\n    const {\n        selectedProduct,\n        productList,\n        mutate,\n        productListTotal,\n        setSelectAllProduct,\n    } = useProductList()\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleConfirmDelete = () => {\n        const newProductList = productList.filter((product) => {\n            return !selectedProduct.some(\n                (selected) => selected.id === product.id,\n            )\n        })\n        setSelectAllProduct([])\n        mutate(\n            {\n                list: newProductList,\n                total: productListTotal - selectedProduct.length,\n            },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            {selectedProduct.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                                {selectedProduct.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                                                {selectedProduct.length}{' '}\n                                                Products\n                                            </span>\n                                            <span>selected</span>\n                                        </span>\n                                    </span>\n                                )}\n                            </span>\n\n                            <div className=\"flex items-center\">\n                                <Button\n                                    size=\"sm\"\n                                    className=\"ltr:mr-3 rtl:ml-3\"\n                                    type=\"button\"\n                                    customColorClass={() =>\n                                        'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\n                                    }\n                                    onClick={handleDelete}\n                                >\n                                    Delete\n                                </Button>\n                            </div>\n                        </div>\n                    </div>\n                </StickyFooter>\n            )}\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove products\"\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 products? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProductListSelected\n"],"names":["ProductListSelected","selectedProduct","productList","mutate","productListTotal","setSelectAllProduct","useProductList","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","handleDelete","handleCancel","handleConfirmDelete","newProductList","product","selected","jsxs","Fragment","jsx","StickyFooter","TbChecks","Button","ConfirmDialog"],"mappings":";;;;;;;;AAOA,MAAMA,IAAsB,MAAM;AACxB,QAAA;AAAA,IACF,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,MACAC,EAAe,GAEb,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpEC,IAAe,MAAM;AACvB,IAAAF,EAA0B,EAAI;AAAA,EAClC,GAEMG,IAAe,MAAM;AACvB,IAAAH,EAA0B,EAAK;AAAA,EACnC,GAEMI,IAAsB,MAAM;AAC9B,UAAMC,IAAiBX,EAAY,OAAO,CAACY,MAChC,CAACb,EAAgB;AAAA,MACpB,CAACc,MAAaA,EAAS,OAAOD,EAAQ;AAAA,IAC1C,CACH;AACD,IAAAT,EAAoB,CAAA,CAAE,GACtBF;AAAA,MACI;AAAA,QACI,MAAMU;AAAA,QACN,OAAOT,IAAmBH,EAAgB;AAAA,MAC9C;AAAA,MACA;AAAA,IACJ,GACAO,EAA0B,EAAK;AAAA,EACnC;AAEA,SAES,gBAAAQ,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAhB,EAAgB,SAAS,KACtB,gBAAAiB;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,4BAAC,OAAI,EAAA,WAAU,qBACX,UAAC,gBAAAH,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,gBAAAE,EAAC,UACI,UAAgBjB,EAAA,SAAS,KACrB,gBAAAe,EAAA,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAK,EAAA,WAAU,wBACZ,UAAA,gBAAAA,EAACE,IAAS,CAAA,GACd;AAAA,YACA,gBAAAJ,EAAC,QAAK,EAAA,WAAU,yCACZ,UAAA;AAAA,cAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,gBAAgBf,EAAA;AAAA,gBAAQ;AAAA,gBAAI;AAAA,cAAA,GAEjC;AAAA,cACA,gBAAAiB,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,YAAA,EAClB,CAAA;AAAA,UAAA,EAAA,CACJ,EAER,CAAA;AAAA,UAEA,gBAAAA,EAAC,OAAI,EAAA,WAAU,qBACX,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,MAAK;AAAA,cACL,kBAAkB,MACd;AAAA,cAEJ,SAASX;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAGL,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IAEJ,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,QAAQf;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,4BAAC,KACI,EAAA,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,EACxB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"ProductListSelected.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListSelected.tsx"],"sourcesContent":["import { useState } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useProductList from '../hooks/useProductList'\nimport { TbChecks } from 'react-icons/tb'\n\nconst ProductListSelected = () => {\n    const {\n        selectedProduct,\n        productList,\n        mutate,\n        productListTotal,\n        setSelectAllProduct,\n    } = useProductList()\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleConfirmDelete = () => {\n        const newProductList = productList.filter((product) => {\n            return !selectedProduct.some(\n                (selected) => selected.id === product.id,\n            )\n        })\n        setSelectAllProduct([])\n        mutate(\n            {\n                list: newProductList,\n                total: productListTotal - selectedProduct.length,\n            },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            {selectedProduct.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                                {selectedProduct.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                                                {selectedProduct.length}{' '}\n                                                Products\n                                            </span>\n                                            <span>selected</span>\n                                        </span>\n                                    </span>\n                                )}\n                            </span>\n\n                            <div className=\"flex items-center\">\n                                <Button\n                                    size=\"sm\"\n                                    className=\"ltr:mr-3 rtl:ml-3\"\n                                    type=\"button\"\n                                    customColorClass={() =>\n                                        'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\n                                    }\n                                    onClick={handleDelete}\n                                >\n                                    Delete\n                                </Button>\n                            </div>\n                        </div>\n                    </div>\n                </StickyFooter>\n            )}\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove products\"\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 products? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProductListSelected\n"],"names":["ProductListSelected","selectedProduct","productList","mutate","productListTotal","setSelectAllProduct","useProductList","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","handleDelete","handleCancel","handleConfirmDelete","newProductList","product","selected","jsxs","Fragment","jsx","StickyFooter","TbChecks","Button","ConfirmDialog"],"mappings":";;;;;;;;AAOA,MAAMA,IAAsB,MAAM;AAC9B,QAAM;AAAA,IACF,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACAC,EAAA,GAEE,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpEC,IAAe,MAAM;AACvB,IAAAF,EAA0B,EAAI;AAAA,EAAA,GAG5BG,IAAe,MAAM;AACvB,IAAAH,EAA0B,EAAK;AAAA,EAAA,GAG7BI,IAAsB,MAAM;AAC9B,UAAMC,IAAiBX,EAAY,OAAO,CAACY,MAChC,CAACb,EAAgB;AAAA,MACpB,CAACc,MAAaA,EAAS,OAAOD,EAAQ;AAAA,IAAA,CAE7C;AACD,IAAAT,EAAoB,CAAA,CAAE,GACtBF;AAAA,MACI;AAAA,QACI,MAAMU;AAAA,QACN,OAAOT,IAAmBH,EAAgB;AAAA,MAAA;AAAA,MAE9C;AAAA,IAAA,GAEJO,EAA0B,EAAK;AAAA,EAAA;AAGnC,SACI,gBAAAQ,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAhB,EAAgB,SAAS,KACtB,gBAAAiB;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,4BAAC,OAAA,EAAI,WAAU,qBACX,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,gBAAAE,EAAC,UACI,UAAAjB,EAAgB,SAAS,KACtB,gBAAAe,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,wBACZ,UAAA,gBAAAA,EAACE,KAAS,GACd;AAAA,YACA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,yCACZ,UAAA;AAAA,cAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,gBAAAf,EAAgB;AAAA,gBAAQ;AAAA,gBAAI;AAAA,cAAA,GAEjC;AAAA,cACA,gBAAAiB,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,YAAA,EAAA,CAClB;AAAA,UAAA,EAAA,CACJ,EAAA,CAER;AAAA,UAEA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,MAAK;AAAA,cACL,kBAAkB,MACd;AAAA,cAEJ,SAASX;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAED,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGR,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,QAAQf;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,4BAAC,KAAA,EACI,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,EAAA,CACxB;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}