npm - @orbe-agro/client-core - Versions diffs - 3.4.12 → 3.4.13 - Mend

@orbe-agro/client-core 3.4.12 → 3.4.13

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

Files changed (1447) hide show

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

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

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

	@@ -1 +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;"}
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,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 CHANGED Viewed

	@@ -1 +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~~;"}
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;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 CHANGED Viewed

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

	@@ -1 +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'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;"}
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'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 CHANGED Viewed

	@@ -1 +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'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;~~AACf~~,~~QAAA~~,EAAE,IAAAC,~~EAAG~~,~~IAAIC~~,~~EAAU~~,~~GAEnBC~~,IAAWC,~~EAAY~~,~~GAEvB~~,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,~~EAE3B~~,~~GAEM~~,CAACE,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpE,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAmB,MAAM;AAC3B,QAAIX,GAAM;~~AACA~~,~~YAAA~~;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;~~AAEG~~,~~aAAA~~;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,~~MACJ~~;AAAA,~~IAAA~~;AAGJ,WAAO,~~CAAC~~;AAAA,~~EACZ~~,~~GAEMC~~,IAAmB,OAAOC,MAA8B;~~AAClD~~,~~YAAA~~,IAAI,oBAAoBA,CAAM,GACtCb,EAAe,EAAI,GACnB,MAAMc,EAAM,GAAG,GACfd,EAAe,EAAK,GACpBe,EAAM,~~KAAM~~,gBAAAC,~~EAAAC~~,GAAA,EAAa,MAAK,WAAU,4BAAc,GAAiB;AAAA,MACnE,WAAW;AAAA,IAAA,CACd,GACD7B,EAAS,iCAAiC;AAAA,~~EAC9C~~,~~GAEM8B~~,IAAe,MAAM;AACvB,IAAArB,EAA0B,EAAI;AAAA,~~EAClC~~,~~GAEMsB~~,IAAe,MAAM;AACvB,IAAAtB,EAA0B,EAAK;AAAA,~~EACnC~~,~~GAEMuB~~,IAAa,MAAM;AACrB,IAAAhC,EAAS,iCAAiC;AAAA,~~EAC9C~~,~~GAEMiC~~,IAAsB,MAAM;AAC9B,IAAAxB,EAA0B,EAAI,~~GACxBkB~~,~~EAAA~~;AAAA,~~MACD~~,gBAAAC,~~EAAAC~~,GAAA,EAAa,MAAK,WAAU,~~UAAgB~~,~~oBAAA~~;AAAA,MAC7C,EAAE,WAAW,~~aAAa~~;AAAA,~~IAC9B~~,~~GACA7B~~,EAAS,iCAAiC;AAAA,~~EAC9C~~;~~AAEA~~,~~SAES~~,gBAAAkC,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,IAAA,CAAChC,KAAa,CAACD,~~KACX~~,gBAAAgC,~~EAAA~~,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,MAAA,gBAAAN,EAACQ,~~GAAe~~,~~EAAA~~,QAAQ,KAAK,OAAO,KAAK;AAAA,~~MACxC~~,gBAAAR,~~EAAA~~,MAAA,EAAG,WAAU,QAAO,~~UAAiB~~,oBAAA,~~CAAA~~;AAAA,IAAA,GAC1C;AAAA,IAEH,CAACzB,KAAaD,~~KAEP~~,gBAAAgC,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAACS;AAAA,QAAA;AAAA,UACG,eAAexB,~~EAAiB~~;AAAA,~~UAChC~~,YAAY;AAAA,UACZ,cAAcW;AAAA,UAEd,~~UAAC~~,gBAAAI,~~EAAAU~~,GAAA,EACG,~~UAAC~~,gBAAAJ,~~EAAA~~,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,YAAA,gBAAAN;AAAA,cAACW;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,wBAAOC,~~GAAkB~~,~~EAAA~~;AAAA,gBACzB,SAASR;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,~~YAED~~;AAAA,~~YACA~~,gBAAAE,EAAC,~~OAAI~~,~~EAAA~~,WAAU,qBACX,UAAA;AAAA,cAAA,gBAAAN;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBACG,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,kBAAkB,MACd;AAAA,kBAEJ,wBAAOE,~~GAAQ~~,~~EAAA~~;AAAA,kBACf,SAASX;AAAA,kBACZ,UAAA;AAAA,gBAAA;AAAA,~~cAED~~;AAAA,~~cACA~~,gBAAAF;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBACG,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAAS5B;AAAA,kBACZ,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED,~~EACJ~~,~~CAAA~~;AAAA,UAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAAA,QAAA;AAAA,~~MACJ~~;AAAA,~~MACA~~,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,~~KAAE~~,~~EAAA~~,UAAA;AAAA,YAAA;AAAA,YAE4B;AAAA,UAAA,~~EAC~~/B~~,CAAA~~;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,~~EACJ~~,~~CAAA~~;AAAA,EAAA,GAER;AAER;"}
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'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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"}

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

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

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

	@@ -1 +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;"}
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,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 CHANGED Viewed

	@@ -1 +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;"}
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,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 CHANGED Viewed

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

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

	@@ -1 +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":";;;;;;;AAQA,MAAMA,IAAiB,CAAC,EAAE,SAAAC,GAAS,QAAAC,QAAkC;;AACjE,2BACKC,~~GACG~~,~~EAAA~~,UAAA;AAAA,~~IAAC~~,gBAAAC,~~EAAA~~,MAAA,EAAG,WAAU,QAAO,~~UAAO~~,~~WAAA~~;AAAA,sBAC3B,~~OACG~~,~~EAAA~~,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,EAAQH,EAAO;AAAA,UACxB,eAAcI,IAAAJ,EAAO,UAAP,gBAAAI,EAAc;AAAA,UAE5B,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,mBAAiB;AAAA,kBACjB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,OAAOD,EAAM;AAAA,kBACb,UAAUA,EAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;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,mBAAiB;AAAA,kBACjB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,OAAOD,EAAM;AAAA,kBACb,UAAUA,EAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA,gBAAAG,EAAC,~~OAAI~~,~~EAAA~~,WAAU,iBACX,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,EAAQH,EAAO;AAAA,UACxB,eAAcU,IAAAV,EAAO,sBAAP,gBAAAU,EAA0B;AAAA,UACxC,WAAU;AAAA,UAEV,UAAA,gBAAAR;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,mBAAiB;AAAA,kBACjB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,OAAOD,EAAM;AAAA,kBACb,UAAUA,EAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAER;AAAA,~~MACJ~~;AAAA,~~MACA~~,gBAAAJ;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,SAAS,EAAQH,EAAO;AAAA,UACxB,eAAcW,IAAAX,EAAO,YAAP,gBAAAW,EAAgB;AAAA,UAC9B,WAAU;AAAA,UAEV,UAAA,gBAAAT;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,kBACZ,OAAOD,EAAM;AAAA,kBACb,WAAW,CAACM,MAAW;~~AACb~~,~~0BAAA~~,EAAE,YAAAC,MAAeD;AACvB,4BAAQC,KAAc,MAAM;AAAA,~~kBAChC~~;AAAA,~~kBACA~~,UAAUP,EAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACJ,~~EACJ~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
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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"}

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

	@@ -1 +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;"}
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,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 CHANGED Viewed

	@@ -1 +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;"}
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,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 CHANGED Viewed

	@@ -1 +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;"}
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,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 CHANGED Viewed

	@@ -1 +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~~;"}
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":";;;;;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 CHANGED Viewed

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