npm - @orbe-agro/client-core - Versions diffs - 5.3.13 → 5.3.25 - Mend

@orbe-agro/client-core 5.3.13 → 5.3.25

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 (1869) hide show

package/dist/@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'\r\nimport { Form } from '@/components/ui/Form'\r\nimport Container from '@/components/shared/Container'\r\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\r\nimport GeneralSection from './components/GeneralSection'\r\nimport PricingSection from './components/PricingSection'\r\nimport ImageSection from './components/ImageSection'\r\nimport AttributeSection from './components/AttributeSection'\r\nimport { useForm } from 'react-hook-form'\r\nimport { z } from 'zod'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport isEmpty from 'lodash/isEmpty'\r\nimport type { ProductFormSchema } from './types'\r\nimport type { ZodType } from 'zod'\r\nimport type { CommonProps } from '@/@types/common'\r\n\r\ntype ProductFormProps = {\r\n onFormSubmit: (values: ProductFormSchema) => void\r\n defaultValues?: ProductFormSchema\r\n newProduct?: boolean\r\n} & CommonProps\r\n\r\nconst validationSchema: ZodType<ProductFormSchema> = z.object({\r\n name: z.string().min(1, { message: 'Product name required!' }),\r\n productCode: z.string().min(1, { message: 'Produc code required!' }),\r\n description: z.string().min(1, { message: 'Produc description required!' }),\r\n price: z.union([z.string(), z.number()], {\r\n errorMap: () => ({ message: 'Price required!' }),\r\n }),\r\n taxRate: z.union([z.string(), z.number()], {\r\n errorMap: () => ({ message: 'Tax rate required!' }),\r\n }),\r\n costPerItem: z.union([z.string(), z.number()], {\r\n errorMap: () => ({ message: 'Cost required!' }),\r\n }),\r\n bulkDiscountPrice: z.union([z.string(), z.number()], {\r\n errorMap: () => ({ message: 'Bulk discount price required!' }),\r\n }),\r\n imgList: z\r\n .array(\r\n z.object({\r\n id: z.string(),\r\n name: z.string(),\r\n img: z.string(),\r\n }),\r\n )\r\n .min(1, { message: 'At least 1 image required!' }),\r\n category: z.string().min(1, { message: 'Product category required!' }),\r\n})\r\n\r\nconst ProductForm = (props: ProductFormProps) => {\r\n const {\r\n onFormSubmit,\r\n defaultValues = {\r\n imgList: [],\r\n },\r\n children,\r\n } = props\r\n\r\n const {\r\n handleSubmit,\r\n reset,\r\n formState: { errors },\r\n control,\r\n } = useForm<ProductFormSchema>({\r\n defaultValues: {\r\n ...defaultValues,\r\n },\r\n resolver: zodResolver(validationSchema),\r\n })\r\n\r\n useEffect(() => {\r\n if (!isEmpty(defaultValues)) {\r\n reset(defaultValues)\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [JSON.stringify(defaultValues)])\r\n\r\n const onSubmit = (values: ProductFormSchema) => {\r\n onFormSubmit?.(values)\r\n }\r\n\r\n return (\r\n <Form\r\n className=\"flex w-full h-full\"\r\n containerClassName=\"flex flex-col w-full justify-between\"\r\n onSubmit={handleSubmit(onSubmit)}\r\n >\r\n <Container>\r\n <div className=\"flex flex-col xl:flex-row gap-4\">\r\n <div className=\"gap-4 flex flex-col flex-auto\">\r\n <GeneralSection control={control} errors={errors} />\r\n <PricingSection control={control} errors={errors} />\r\n </div>\r\n <div className=\"lg:min-w-[440px] 2xl:w-[500px] gap-4 flex flex-col\">\r\n <ImageSection control={control} errors={errors} />\r\n <AttributeSection control={control} errors={errors} />\r\n </div>\r\n </div>\r\n </Container>\r\n <BottomStickyBar>{children}</BottomStickyBar>\r\n </Form>\r\n )\r\n}\r\n\r\nexport default ProductForm\r\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,OAAA,CAAQ,GAAG;AAAA,IACrC,UAAU,OAAO,EAAE,SAAS,kBAAA;AAAA,EAAkB,CACjD;AAAA,EACD,SAASA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAA,CAAQ,GAAG;AAAA,IACvC,UAAU,OAAO,EAAE,SAAS,qBAAA;AAAA,EAAqB,CACpD;AAAA,EACD,aAAaA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAA,CAAQ,GAAG;AAAA,IAC3C,UAAU,OAAO,EAAE,SAAS,iBAAA;AAAA,EAAiB,CAChD;AAAA,EACD,mBAAmBA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAA,CAAQ,GAAG;AAAA,IACjD,UAAU,OAAO,EAAE,SAAS,gCAAA;AAAA,EAAgC,CAC/D;AAAA,EACD,SAASA,EACJ;AAAA,IACGA,EAAE,OAAO;AAAA,MACL,IAAIA,EAAE,OAAA;AAAA,MACN,MAAMA,EAAE,OAAA;AAAA,MACR,KAAKA,EAAE,OAAA;AAAA,IAAO,CACjB;AAAA,EAAA,EAEJ,IAAI,GAAG,EAAE,SAAS,8BAA8B;AAAA,EACrD,UAAUA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,SAAS,6BAAA,CAA8B;AACzE,CAAC,GAEKC,IAAc,CAACC,MAA4B;AAC7C,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,MACZ,SAAS,CAAA;AAAA,IAAC;AAAA,IAEd,UAAAC;AAAA,EAAA,IACAH,GAEE;AAAA,IACF,cAAAI;AAAA,IACA,OAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAA2B;AAAA,IAC3B,eAAe;AAAA,MACX,GAAGN;AAAA,IAAA;AAAA,IAEP,UAAUO,EAAYZ,CAAgB;AAAA,EAAA,CACzC;AAED,SAAAa,EAAU,MAAM;AACZ,IAAKC,EAAQT,CAAa,KACtBG,EAAMH,CAAa;AAAA,~~EACvB~~,~~GAED~~,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,~~MAAM~~,~~CAOc~~;AAAA,MAE/B,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EACG,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,YAAA,gBAAAG,EAACE,GAAA,EAAe,SAAAV,GAAkB,QAAAD,EAAA,CAAgB;AAAA,YAClD,gBAAAS,EAACG,GAAA,EAAe,SAAAX,GAAkB,QAAAD,EAAA,CAAgB;AAAA,UAAA,GACtD;AAAA,UACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,sDACX,UAAA;AAAA,YAAA,gBAAAG,EAACI,GAAA,EAAa,SAAAZ,GAAkB,QAAAD,EAAA,CAAgB;AAAA,YAChD,gBAAAS,EAACK,GAAA,EAAiB,SAAAb,GAAkB,QAAAD,EAAA,CAAgB;AAAA,UAAA,EAAA,CACxD;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QACA,gBAAAS,EAACM,KAAiB,UAAAlB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;"}
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/@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'\r\nimport Input from '@/components/ui/Input'\r\nimport Select from '@/components/ui/Select'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport { FormItem } from '@/components/ui/Form'\r\nimport { HiOutlineQuestionMarkCircle } from 'react-icons/hi'\r\nimport { Controller } from 'react-hook-form'\r\nimport CreatableSelect from 'react-select/creatable'\r\nimport type { FormSectionBaseProps } from '../types'\r\n\r\ntype AttributeSectionProps = FormSectionBaseProps\r\n\r\ntype Options = {\r\n label: string\r\n value: string\r\n}[]\r\n\r\nconst categories: Options = [\r\n { label: 'Bags', value: 'bags' },\r\n { label: 'Cloths', value: 'cloths' },\r\n { label: 'Devices', value: 'devices' },\r\n { label: 'Shoes', value: 'shoes' },\r\n { label: 'Watches', value: 'watches' },\r\n]\r\n\r\nconst tags: Options = [\r\n { label: 'trend', value: 'trend' },\r\n { label: 'unisex', value: 'unisex' },\r\n]\r\n\r\nconst AttributeSection = ({ control, errors }: AttributeSectionProps) => {\r\n return (\r\n <Card>\r\n <h4 className=\"mb-6\">Attribute</h4>\r\n <FormItem\r\n label=\"Category\"\r\n invalid={Boolean(errors.category)}\r\n errorMessage={errors.category?.message}\r\n >\r\n <Controller\r\n name=\"category\"\r\n control={control}\r\n render={({ field }) => (\r\n <Select\r\n options={categories}\r\n value={categories.filter(\r\n (category) => category.value === field.value,\r\n )}\r\n onChange={(option) => field.onChange(option?.value)}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Tags\"\r\n extra={\r\n <Tooltip\r\n title=\"You add as many tags as you want to a product\"\r\n className=\"text-center\"\r\n >\r\n <HiOutlineQuestionMarkCircle className=\"text-base mx-1\" />\r\n </Tooltip>\r\n }\r\n >\r\n <Controller\r\n name=\"tags\"\r\n control={control}\r\n render={({ field }) => (\r\n <Select\r\n isMulti\r\n isClearable\r\n value={field.value}\r\n placeholder=\"Add tags for product...\"\r\n componentAs={CreatableSelect}\r\n options={tags}\r\n onChange={(option) => field.onChange(option)}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Brand\"\r\n invalid={Boolean(errors.brand)}\r\n errorMessage={errors.brand?.message}\r\n >\r\n <Controller\r\n name=\"brand\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"Product brand\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default AttributeSection\r\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;"}
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/@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'\r\nimport Input from '@/components/ui/Input'\r\nimport { FormItem } from '@/components/ui/Form'\r\nimport RichTextEditor from '@/components/shared/RichTextEditor'\r\nimport { Controller } from 'react-hook-form'\r\nimport type { FormSectionBaseProps } from '../types'\r\n\r\ntype GeneralSectionProps = FormSectionBaseProps\r\n\r\nconst GeneralSection = ({ control, errors }: GeneralSectionProps) => {\r\n return (\r\n <Card>\r\n <h4 className=\"mb-6\">Basic Information</h4>\r\n <div>\r\n <FormItem\r\n label=\"Product name\"\r\n invalid={Boolean(errors.name)}\r\n errorMessage={errors.name?.message}\r\n >\r\n <Controller\r\n name=\"name\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"Product Name\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Product code\"\r\n invalid={Boolean(errors.productCode)}\r\n errorMessage={errors.productCode?.message}\r\n >\r\n <Controller\r\n name=\"productCode\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"Product Code\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n </div>\r\n <FormItem\r\n label=\"Description\"\r\n invalid={Boolean(errors.description)}\r\n errorMessage={errors.description?.message}\r\n >\r\n <Controller\r\n name=\"description\"\r\n control={control}\r\n render={({ field }) => (\r\n <RichTextEditor\r\n content={field.value}\r\n invalid={Boolean(errors.description)}\r\n onChange={({ html }) => {\r\n field.onChange(html)\r\n }}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default GeneralSection\r\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;"}
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,gBACvB;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@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'\r\nimport Card from '@/components/ui/Card'\r\nimport Upload from '@/components/ui/Upload'\r\nimport { FormItem } from '@/components/ui/Form'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport { Controller } from 'react-hook-form'\r\nimport { HiEye, HiTrash } from 'react-icons/hi'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport { PiImagesThin } from 'react-icons/pi'\r\n\r\nimport type { FormSectionBaseProps } from '../types'\r\n\r\ntype ImageSectionProps = FormSectionBaseProps\r\n\r\ntype Image = {\r\n id: string\r\n name: string\r\n img: string\r\n}\r\n\r\ntype ImageListProps = {\r\n imgList: Image[]\r\n onImageDelete: (img: Image) => void\r\n}\r\n\r\nconst ImageList = (props: ImageListProps) => {\r\n const { imgList, onImageDelete } = props\r\n\r\n const [selectedImg, setSelectedImg] = useState<Image>({} as Image)\r\n const [viewOpen, setViewOpen] = useState(false)\r\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\r\n\r\n const onViewOpen = (img: Image) => {\r\n setSelectedImg(img)\r\n setViewOpen(true)\r\n }\r\n\r\n const onDialogClose = () => {\r\n setViewOpen(false)\r\n setTimeout(() => {\r\n setSelectedImg({} as Image)\r\n }, 300)\r\n }\r\n\r\n const onDeleteConfirmation = (img: Image) => {\r\n setSelectedImg(img)\r\n setDeleteConfirmationOpen(true)\r\n }\r\n\r\n const onDeleteConfirmationClose = () => {\r\n setSelectedImg({} as Image)\r\n setDeleteConfirmationOpen(false)\r\n }\r\n\r\n const onDelete = () => {\r\n onImageDelete?.(selectedImg)\r\n setDeleteConfirmationOpen(false)\r\n }\r\n\r\n return (\r\n <>\r\n {imgList.map((img) => (\r\n <div\r\n key={img.id}\r\n className=\"group relative rounded-xl border border-gray-200 dark:border-gray-600 p-2 flex\"\r\n >\r\n <img\r\n className=\"rounded-lg max-h-[140px] mx-auto max-w-full dark:bg-transparent\"\r\n src={img.img}\r\n alt={img.name}\r\n />\r\n <div className=\"absolute inset-2 bg-[#000000ba] group-hover:flex hidden text-xl items-center justify-center\">\r\n <span\r\n className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\r\n onClick={() => onViewOpen(img)}\r\n >\r\n <HiEye />\r\n </span>\r\n <span\r\n className=\"text-gray-100 hover:text-gray-300 cursor-pointer p-1.5\"\r\n onClick={() => onDeleteConfirmation(img)}\r\n >\r\n <HiTrash />\r\n </span>\r\n </div>\r\n </div>\r\n ))}\r\n <Dialog\r\n isOpen={viewOpen}\r\n onClose={onDialogClose}\r\n onRequestClose={onDialogClose}\r\n >\r\n <h5 className=\"mb-4\">{selectedImg.name}</h5>\r\n <img\r\n className=\"w-full\"\r\n src={selectedImg.img}\r\n alt={selectedImg.name}\r\n />\r\n </Dialog>\r\n <ConfirmDialog\r\n isOpen={deleteConfirmationOpen}\r\n type=\"danger\"\r\n title=\"Remove image\"\r\n onClose={onDeleteConfirmationClose}\r\n onRequestClose={onDeleteConfirmationClose}\r\n onCancel={onDeleteConfirmationClose}\r\n onConfirm={onDelete}\r\n >\r\n <p> Are you sure you want to remove this image? </p>\r\n </ConfirmDialog>\r\n </>\r\n )\r\n}\r\n\r\nconst ImageSection = ({ control, errors }: ImageSectionProps) => {\r\n const beforeUpload = (file: FileList \| null) => {\r\n let valid: boolean \| string = true\r\n\r\n const allowedFileType = ['image/jpeg', 'image/png']\r\n const maxFileSize = 500000\r\n\r\n if (file) {\r\n for (const f of file) {\r\n if (!allowedFileType.includes(f.type)) {\r\n valid = 'Please upload a .jpeg or .png file!'\r\n }\r\n\r\n if (f.size >= maxFileSize) {\r\n valid = 'Upload image cannot more then 500kb!'\r\n }\r\n }\r\n }\r\n\r\n return valid\r\n }\r\n\r\n const handleUpload = (\r\n onChange: (images: Image[]) => void,\r\n originalImageList: Image[] = [],\r\n files: File[],\r\n ) => {\r\n let imageId = '1-img-0'\r\n const latestUpload = files.length - 1\r\n if (originalImageList.length > 0) {\r\n const prevImgId = originalImageList[originalImageList.length - 1].id\r\n const splitImgId = prevImgId.split('-')\r\n const newIdNumber = parseInt(splitImgId[splitImgId.length - 1]) + 1\r\n splitImgId.pop()\r\n const newIdArr = [...splitImgId, ...[newIdNumber]]\r\n imageId = newIdArr.join('-')\r\n }\r\n const image = {\r\n id: imageId,\r\n name: files[latestUpload].name,\r\n img: URL.createObjectURL(files[latestUpload]),\r\n }\r\n const imageList = [...originalImageList, ...[image]]\r\n onChange(imageList)\r\n }\r\n\r\n const handleImageDelete = (\r\n onChange: (images: Image[]) => void,\r\n originalImageList: Image[] = [],\r\n deletedImg: Image,\r\n ) => {\r\n let imgList = cloneDeep(originalImageList)\r\n imgList = imgList.filter((img) => img.id !== deletedImg.id)\r\n onChange(imgList)\r\n }\r\n\r\n return (\r\n <Card>\r\n <h4 className=\"mb-2\">Product Image</h4>\r\n <p>\r\n Choose a product photo or simply drag and drop up to 5 photos\r\n here.\r\n </p>\r\n <div className=\"mt-4\">\r\n <FormItem\r\n invalid={Boolean(errors.imgList)}\r\n errorMessage={errors.imgList?.message}\r\n className=\"mb-4\"\r\n >\r\n <Controller\r\n name=\"imgList\"\r\n control={control}\r\n render={({ field }) => (\r\n <>\r\n {field.value && field.value.length ? (\r\n <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-2 xl:grid-cols-3 gap-2\">\r\n <ImageList\r\n imgList={field.value}\r\n onImageDelete={(img: Image) =>\r\n handleImageDelete(\r\n field.onChange,\r\n field.value,\r\n img,\r\n )\r\n }\r\n />\r\n <Upload\r\n draggable\r\n className=\"min-h-fit\"\r\n beforeUpload={beforeUpload}\r\n showList={false}\r\n onChange={(files) =>\r\n handleUpload(\r\n field.onChange,\r\n field.value,\r\n files,\r\n )\r\n }\r\n >\r\n <div className=\"max-w-full flex flex-col px-4 py-2 justify-center items-center min-h-[130px]\">\r\n <div className=\"text-[50px]\">\r\n <PiImagesThin />\r\n </div>\r\n <p className=\"text-center mt-1 text-xs\">\r\n <span className=\"text-gray-800 dark:text-white\">\r\n Drop your image here, or{' '}\r\n {''}\r\n </span>\r\n <span className=\"text-primary\">\r\n Click to browse\r\n </span>\r\n </p>\r\n </div>\r\n </Upload>\r\n </div>\r\n ) : (\r\n <Upload\r\n draggable\r\n beforeUpload={beforeUpload}\r\n showList={false}\r\n onChange={(files) =>\r\n handleUpload(\r\n field.onChange,\r\n field.value,\r\n files,\r\n )\r\n }\r\n >\r\n <div className=\"max-w-full flex flex-col px-4 py-8 justify-center items-center\">\r\n <div className=\"text-[60px]\">\r\n <PiImagesThin />\r\n </div>\r\n <p className=\"flex flex-col items-center mt-2\">\r\n <span className=\"text-gray-800 dark:text-white\">\r\n Drop your image here, or{' '}\r\n {''}\r\n </span>\r\n <span className=\"text-primary\">\r\n Click to browse\r\n </span>\r\n </p>\r\n </div>\r\n </Upload>\r\n )}\r\n </>\r\n )}\r\n />\r\n </FormItem>\r\n </div>\r\n <p>\r\n Image formats: .jpg, .jpeg, .png, preferred size: 1:1, file size\r\n is restricted to a maximum of 500kb.\r\n </p>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default ImageSection\r\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/@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'\r\nimport { FormItem } from '@/components/ui/Form'\r\nimport NumericInput from '@/components/shared/NumericInput'\r\nimport { Controller } from 'react-hook-form'\r\nimport type { FormSectionBaseProps } from '../types'\r\n\r\ntype PricingSectionProps = FormSectionBaseProps\r\n\r\nconst PricingSection = ({ control, errors }: PricingSectionProps) => {\r\n return (\r\n <Card>\r\n <h4 className=\"mb-6\">Pricing</h4>\r\n <div>\r\n <FormItem\r\n label=\"Price\"\r\n invalid={Boolean(errors.price)}\r\n errorMessage={errors.price?.message}\r\n >\r\n <Controller\r\n name=\"price\"\r\n control={control}\r\n render={({ field }) => (\r\n <NumericInput\r\n thousandSeparator\r\n type=\"text\"\r\n inputPrefix=\"$\"\r\n autoComplete=\"off\"\r\n placeholder=\"0.00\"\r\n value={field.value}\r\n onChange={field.onChange}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Cost price\"\r\n invalid={Boolean(errors.costPerItem)}\r\n errorMessage={errors.costPerItem?.message}\r\n >\r\n <Controller\r\n name=\"costPerItem\"\r\n control={control}\r\n render={({ field }) => (\r\n <NumericInput\r\n thousandSeparator\r\n type=\"text\"\r\n inputPrefix=\"$\"\r\n autoComplete=\"off\"\r\n placeholder=\"0.00\"\r\n value={field.value}\r\n onChange={field.onChange}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n </div>\r\n <div className=\"md:flex gap-4\">\r\n <FormItem\r\n label=\"Bulk discount price\"\r\n invalid={Boolean(errors.bulkDiscountPrice)}\r\n errorMessage={errors.bulkDiscountPrice?.message}\r\n className=\"w-full\"\r\n >\r\n <Controller\r\n name=\"bulkDiscountPrice\"\r\n control={control}\r\n render={({ field }) => (\r\n <NumericInput\r\n thousandSeparator\r\n type=\"text\"\r\n inputPrefix=\"$\"\r\n autoComplete=\"off\"\r\n placeholder=\"0.00\"\r\n value={field.value}\r\n onChange={field.onChange}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Tax rate(%)\"\r\n invalid={Boolean(errors.taxRate)}\r\n errorMessage={errors.taxRate?.message}\r\n className=\"w-full\"\r\n >\r\n <Controller\r\n name=\"taxRate\"\r\n control={control}\r\n render={({ field }) => (\r\n <NumericInput\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"0\"\r\n value={field.value}\r\n isAllowed={(values) => {\r\n const { floatValue } = values\r\n return (floatValue \|\| 0) <= 100\r\n }}\r\n onChange={field.onChange}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n </div>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default PricingSection\r\n"],"names":["PricingSection","control","errors","Card","jsx","FormItem","_a","Controller","field","NumericInput","_b","jsxs","_c","_d","values","floatValue"],"mappings":"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~~kBAAA~~;AAAA,~~kBAEhC~~,UAAUP,EAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACJ,EAAA,CACJ;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/@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'\r\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\r\nimport ProductListActionTools from './components/ProductListActionTools'\r\nimport ProducListTableTools from './components/ProducListTableTools'\r\nimport ProductListTable from './components/ProductListTable'\r\nimport ProductListSelected from './components/ProductListSelected'\r\n\r\nconst ProductList = () => {\r\n return (\r\n <>\r\n <Container>\r\n <AdaptiveCard>\r\n <div className=\"flex flex-col gap-4\">\r\n <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\r\n <h3>Products</h3>\r\n <ProductListActionTools />\r\n </div>\r\n <ProducListTableTools />\r\n <ProductListTable />\r\n </div>\r\n </AdaptiveCard>\r\n </Container>\r\n <ProductListSelected />\r\n </>\r\n )\r\n}\r\n\r\nexport default ProductList\r\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;"}
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/@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'\r\nimport ProductTableFilter from './ProductTableFilter'\r\nimport useProducList from '../hooks/useProductList'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\n\r\nconst ProducListTableTools = () => {\r\n const { tableData, setTableData } = useProducList()\r\n\r\n const handleInputChange = (val: string) => {\r\n const newTableData = cloneDeep(tableData)\r\n newTableData.query = val\r\n newTableData.pageIndex = 1\r\n if (typeof val === 'string' && val.length > 1) {\r\n setTableData(newTableData)\r\n }\r\n\r\n if (typeof val === 'string' && val.length === 0) {\r\n setTableData(newTableData)\r\n }\r\n }\r\n\r\n return (\r\n <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\r\n <ProductListSearch onInputChange={handleInputChange} />\r\n <ProductTableFilter />\r\n </div>\r\n )\r\n}\r\n\r\nexport default ProducListTableTools\r\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;"}
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,IAEjC,EAI0C,CAAmB;AAAA,sBACpDE,GAAA,CAAA,CAAmB;AAAA,EAAA,GACxB;AAER;"}

package/dist/@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'\r\nimport { TbCloudDownload, TbPlus } from 'react-icons/tb'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport useProductList from '../hooks/useProductList'\r\nimport { CSVLink } from 'react-csv'\r\n\r\nconst ProductListActionTools = () => {\r\n const navigate = useNavigate()\r\n\r\n const { productList } = useProductList()\r\n\r\n return (\r\n <div className=\"flex flex-col md:flex-row gap-3\">\r\n <CSVLink filename=\"product-list.csv\" data={productList}>\r\n <Button icon={<TbCloudDownload className=\"text-xl\" />}>\r\n Export\r\n </Button>\r\n </CSVLink>\r\n <Button\r\n variant=\"solid\"\r\n icon={<TbPlus className=\"text-xl\" />}\r\n onClick={() => navigate('/concepts/products/product-create')}\r\n >\r\n Add products\r\n </Button>\r\n </div>\r\n )\r\n}\r\n\r\nexport default ProductListActionTools\r\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;"}
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/@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'\r\nimport useDebounce from '@/utils/hooks/useDebounce'\r\nimport { TbSearch } from 'react-icons/tb'\r\nimport type { ChangeEvent } from 'react'\r\n\r\ntype ProductListSearchProps = {\r\n onInputChange: (value: string) => void\r\n}\r\n\r\nconst ProductListSearch = (props: ProductListSearchProps) => {\r\n const { onInputChange } = props\r\n\r\n function handleDebounceFn(value: string) {\r\n onInputChange?.(value)\r\n }\r\n\r\n const debounceFn = useDebounce(handleDebounceFn, 500)\r\n\r\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n debounceFn(e.target.value)\r\n }\r\n\r\n return (\r\n <Input\r\n placeholder=\"Search\"\r\n suffix={<TbSearch className=\"text-lg\" />}\r\n onChange={handleInputChange}\r\n />\r\n )\r\n}\r\n\r\nexport default ProductListSearch\r\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;"}
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,EACpB;AAEA,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,MAC7B;AAAA,IAMkB;AAAA,EAAA;AAGtB;"}

package/dist/@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'\r\nimport StickyFooter from '@/components/shared/StickyFooter'\r\nimport Button from '@/components/ui/Button'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport useProductList from '../hooks/useProductList'\r\nimport { TbChecks } from 'react-icons/tb'\r\n\r\nconst ProductListSelected = () => {\r\n const {\r\n selectedProduct,\r\n productList,\r\n mutate,\r\n productListTotal,\r\n setSelectAllProduct,\r\n } = useProductList()\r\n\r\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\r\n\r\n const handleDelete = () => {\r\n setDeleteConfirmationOpen(true)\r\n }\r\n\r\n const handleCancel = () => {\r\n setDeleteConfirmationOpen(false)\r\n }\r\n\r\n const handleConfirmDelete = () => {\r\n const newProductList = productList.filter((product) => {\r\n return !selectedProduct.some(\r\n (selected) => selected.id === product.id,\r\n )\r\n })\r\n setSelectAllProduct([])\r\n mutate(\r\n {\r\n list: newProductList,\r\n total: productListTotal - selectedProduct.length,\r\n },\r\n false,\r\n )\r\n setDeleteConfirmationOpen(false)\r\n }\r\n\r\n return (\r\n <>\r\n {selectedProduct.length > 0 && (\r\n <StickyFooter\r\n className=\"flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\r\n stickyClass=\"-mx-4 sm:-mx-8 border-t border-gray-200 dark:border-gray-700 px-8\"\r\n defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\r\n >\r\n <div className=\"container mx-auto\">\r\n <div className=\"flex items-center justify-between\">\r\n <span>\r\n {selectedProduct.length > 0 && (\r\n <span className=\"flex items-center gap-2\">\r\n <span className=\"text-lg text-primary\">\r\n <TbChecks />\r\n </span>\r\n <span className=\"font-semibold flex items-center gap-1\">\r\n <span className=\"heading-text\">\r\n {selectedProduct.length}{' '}\r\n Products\r\n </span>\r\n <span>selected</span>\r\n </span>\r\n </span>\r\n )}\r\n </span>\r\n\r\n <div className=\"flex items-center\">\r\n <Button\r\n size=\"sm\"\r\n className=\"ltr:mr-3 rtl:ml-3\"\r\n type=\"button\"\r\n customColorClass={() =>\r\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\r\n }\r\n onClick={handleDelete}\r\n >\r\n Delete\r\n </Button>\r\n </div>\r\n </div>\r\n </div>\r\n </StickyFooter>\r\n )}\r\n <ConfirmDialog\r\n isOpen={deleteConfirmationOpen}\r\n type=\"danger\"\r\n title=\"Remove products\"\r\n onClose={handleCancel}\r\n onRequestClose={handleCancel}\r\n onCancel={handleCancel}\r\n onConfirm={handleConfirmDelete}\r\n >\r\n <p>\r\n {' '}\r\n Are you sure you want to remove these products? This action\r\n can't be undo.{' '}\r\n </p>\r\n </ConfirmDialog>\r\n </>\r\n )\r\n}\r\n\r\nexport default ProductListSelected\r\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;"}
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,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,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,EACnC;AAEA,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;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListTable.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Progress from '@/components/ui/Progress'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport DataTable from '@/components/shared/DataTable'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport useProductList from '../hooks/useProductList'\r\nimport classNames from '@/utils/classNames'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport { TbPencil, TbTrash } from 'react-icons/tb'\r\nimport { FiPackage } from 'react-icons/fi'\r\nimport { NumericFormat } from 'react-number-format'\r\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\r\nimport type { Product } from '../types'\r\nimport type { TableQueries } from '@/@types/common'\r\n\r\nconst ProductColumn = ({ row }: { row: Product }) => {\r\n return (\r\n <div className=\"flex items-center gap-2\">\r\n <Avatar\r\n shape=\"round\"\r\n size={60}\r\n {...(row.img ? { src: row.img } : { icon: <FiPackage /> })}\r\n />\r\n <div>\r\n <div className=\"font-bold heading-text mb-1\">{row.name}</div>\r\n <span>ID: {row.productCode}</span>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nconst ActionColumn = ({\r\n onEdit,\r\n onDelete,\r\n}: {\r\n onEdit: () => void\r\n onDelete: () => void\r\n}) => {\r\n return (\r\n <div className=\"flex items-center justify-end gap-3\">\r\n <Tooltip title=\"Edit\">\r\n <div\r\n className={`text-xl cursor-pointer select-none font-semibold`}\r\n role=\"button\"\r\n onClick={onEdit}\r\n >\r\n <TbPencil />\r\n </div>\r\n </Tooltip>\r\n <Tooltip title=\"Delete\">\r\n <div\r\n className={`text-xl cursor-pointer select-none font-semibold`}\r\n role=\"button\"\r\n onClick={onDelete}\r\n >\r\n <TbTrash />\r\n </div>\r\n </Tooltip>\r\n </div>\r\n )\r\n}\r\n\r\nconst ProductListTable = () => {\r\n const navigate = useNavigate()\r\n\r\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\r\n const [toDeleteId, setToDeleteId] = useState('')\r\n\r\n const handleCancel = () => {\r\n setDeleteConfirmationOpen(false)\r\n }\r\n\r\n const handleDelete = (product: Product) => {\r\n setDeleteConfirmationOpen(true)\r\n setToDeleteId(product.id)\r\n }\r\n\r\n const handleEdit = (product: Product) => {\r\n navigate(`/concepts/products/product-edit/${product.id}`)\r\n }\r\n\r\n const handleConfirmDelete = () => {\r\n const newProductList = productList.filter((product) => {\r\n return !(toDeleteId === product.id)\r\n })\r\n setSelectAllProduct([])\r\n mutate(\r\n {\r\n list: newProductList,\r\n total: productListTotal - selectedProduct.length,\r\n },\r\n false,\r\n )\r\n setDeleteConfirmationOpen(false)\r\n setToDeleteId('')\r\n }\r\n\r\n const {\r\n productList,\r\n productListTotal,\r\n tableData,\r\n isLoading,\r\n setTableData,\r\n setSelectAllProduct,\r\n setSelectedProduct,\r\n selectedProduct,\r\n mutate,\r\n } = useProductList()\r\n\r\n const columns: ColumnDef<Product>[] = useMemo(\r\n () => [\r\n {\r\n header: 'Product',\r\n accessorKey: 'name',\r\n cell: (props) => {\r\n const row = props.row.original\r\n return <ProductColumn row={row} />\r\n },\r\n },\r\n {\r\n header: 'Price',\r\n accessorKey: 'price',\r\n cell: (props) => {\r\n const { price } = props.row.original\r\n return (\r\n <span className=\"font-bold heading-text\">\r\n <NumericFormat\r\n fixedDecimalScale\r\n prefix=\"$\"\r\n displayType=\"text\"\r\n value={price}\r\n decimalScale={2}\r\n thousandSeparator={true}\r\n />\r\n </span>\r\n )\r\n },\r\n },\r\n {\r\n header: 'Quantity',\r\n accessorKey: 'stock',\r\n cell: (props) => {\r\n const row = props.row.original\r\n return (\r\n <span className=\"font-bold heading-text\">\r\n {row.stock}\r\n </span>\r\n )\r\n },\r\n },\r\n {\r\n header: 'Sales',\r\n accessorKey: 'status',\r\n cell: (props) => {\r\n const { salesPercentage, sales } = props.row.original\r\n return (\r\n <div className=\"flex flex-col gap-1\">\r\n <span className=\"flex gap-1\">\r\n <span className=\"font-semibold\">\r\n <NumericFormat\r\n displayType=\"text\"\r\n value={sales}\r\n thousandSeparator={true}\r\n />\r\n </span>\r\n <span>Sales</span>\r\n </span>\r\n <Progress\r\n percent={salesPercentage}\r\n showInfo={false}\r\n customColorClass={classNames(\r\n 'bg-error',\r\n salesPercentage > 40 && 'bg-warning',\r\n salesPercentage > 70 && 'bg-success',\r\n )}\r\n />\r\n </div>\r\n )\r\n },\r\n },\r\n {\r\n header: '',\r\n id: 'action',\r\n cell: (props) => (\r\n <ActionColumn\r\n onEdit={() => handleEdit(props.row.original)}\r\n onDelete={() => handleDelete(props.row.original)}\r\n />\r\n ),\r\n },\r\n ],\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n [],\r\n )\r\n\r\n const handleSetTableData = (data: TableQueries) => {\r\n setTableData(data)\r\n if (selectedProduct.length > 0) {\r\n setSelectAllProduct([])\r\n }\r\n }\r\n\r\n const handlePaginationChange = (page: number) => {\r\n const newTableData = cloneDeep(tableData)\r\n newTableData.pageIndex = page\r\n handleSetTableData(newTableData)\r\n }\r\n\r\n const handleSelectChange = (value: number) => {\r\n const newTableData = cloneDeep(tableData)\r\n newTableData.pageSize = Number(value)\r\n newTableData.pageIndex = 1\r\n handleSetTableData(newTableData)\r\n }\r\n\r\n const handleSort = (sort: OnSortParam) => {\r\n const newTableData = cloneDeep(tableData)\r\n newTableData.sort = sort\r\n handleSetTableData(newTableData)\r\n }\r\n\r\n const handleRowSelect = (checked: boolean, row: Product) => {\r\n setSelectedProduct(checked, row)\r\n }\r\n\r\n const handleAllRowSelect = (checked: boolean, rows: Row<Product>[]) => {\r\n if (checked) {\r\n const originalRows = rows.map((row) => row.original)\r\n setSelectAllProduct(originalRows)\r\n } else {\r\n setSelectAllProduct([])\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n <DataTable\r\n selectable\r\n columns={columns}\r\n data={productList}\r\n noData={!isLoading && productList.length === 0}\r\n skeletonAvatarColumns={[0]}\r\n skeletonAvatarProps={{ width: 28, height: 28 }}\r\n loading={isLoading}\r\n pagingData={{\r\n total: productListTotal,\r\n pageIndex: tableData.pageIndex as number,\r\n pageSize: tableData.pageSize as number,\r\n }}\r\n checkboxChecked={(row) =>\r\n selectedProduct.some((selected) => selected.id === row.id)\r\n }\r\n onPaginationChange={handlePaginationChange}\r\n onSelectChange={handleSelectChange}\r\n onSort={handleSort}\r\n onCheckBoxChange={handleRowSelect}\r\n onIndeterminateCheckBoxChange={handleAllRowSelect}\r\n />\r\n <ConfirmDialog\r\n isOpen={deleteConfirmationOpen}\r\n type=\"danger\"\r\n title=\"Remove products\"\r\n onClose={handleCancel}\r\n onRequestClose={handleCancel}\r\n onCancel={handleCancel}\r\n onConfirm={handleConfirmDelete}\r\n >\r\n <p>\r\n {' '}\r\n Are you sure you want to remove this product? This action\r\n can't be undo.{' '}\r\n </p>\r\n </ConfirmDialog>\r\n </>\r\n )\r\n}\r\n\r\nexport default ProductListTable\r\n"],"names":["ProductColumn","row","jsxs","jsx","Avatar","FiPackage","ActionColumn","onEdit","onDelete","Tooltip","TbPencil","TbTrash","ProductListTable","navigate","useNavigate","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","toDeleteId","setToDeleteId","handleCancel","handleDelete","product","handleEdit","handleConfirmDelete","newProductList","productList","setSelectAllProduct","mutate","productListTotal","selectedProduct","tableData","isLoading","setTableData","setSelectedProduct","useProductList","columns","useMemo","props","price","NumericFormat","salesPercentage","sales","Progress","classNames","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","handleAllRowSelect","rows","originalRows","Fragment","DataTable","selected","ConfirmDialog"],"mappings":"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"}
1	+ {"version":3,"file":"ProductListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListTable.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Progress from '@/components/ui/Progress'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useProductList from '../hooks/useProductList'\nimport classNames from '@/utils/classNames'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { useNavigate } from 'react-router-dom'\nimport { TbPencil, TbTrash } from 'react-icons/tb'\nimport { FiPackage } from 'react-icons/fi'\nimport { NumericFormat } from 'react-number-format'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { Product } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst ProductColumn = ({ row }: { row: Product }) => {\n return (\n <div className=\"flex items-center gap-2\">\n <Avatar\n shape=\"round\"\n size={60}\n {...(row.img ? { src: row.img } : { icon: <FiPackage /> })}\n />\n <div>\n <div className=\"font-bold heading-text mb-1\">{row.name}</div>\n <span>ID: {row.productCode}</span>\n </div>\n </div>\n )\n}\n\nconst ActionColumn = ({\n onEdit,\n onDelete,\n}: {\n onEdit: () => void\n onDelete: () => void\n}) => {\n return (\n <div className=\"flex items-center justify-end gap-3\">\n <Tooltip title=\"Edit\">\n <div\n className={`text-xl cursor-pointer select-none font-semibold`}\n role=\"button\"\n onClick={onEdit}\n >\n <TbPencil />\n </div>\n </Tooltip>\n <Tooltip title=\"Delete\">\n <div\n className={`text-xl cursor-pointer select-none font-semibold`}\n role=\"button\"\n onClick={onDelete}\n >\n <TbTrash />\n </div>\n </Tooltip>\n </div>\n )\n}\n\nconst ProductListTable = () => {\n const navigate = useNavigate()\n\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n const [toDeleteId, setToDeleteId] = useState('')\n\n const handleCancel = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleDelete = (product: Product) => {\n setDeleteConfirmationOpen(true)\n setToDeleteId(product.id)\n }\n\n const handleEdit = (product: Product) => {\n navigate(`/concepts/products/product-edit/${product.id}`)\n }\n\n const handleConfirmDelete = () => {\n const newProductList = productList.filter((product) => {\n return !(toDeleteId === product.id)\n })\n setSelectAllProduct([])\n mutate(\n {\n list: newProductList,\n total: productListTotal - selectedProduct.length,\n },\n false,\n )\n setDeleteConfirmationOpen(false)\n setToDeleteId('')\n }\n\n const {\n productList,\n productListTotal,\n tableData,\n isLoading,\n setTableData,\n setSelectAllProduct,\n setSelectedProduct,\n selectedProduct,\n mutate,\n } = useProductList()\n\n const columns: ColumnDef<Product>[] = useMemo(\n () => [\n {\n header: 'Product',\n accessorKey: 'name',\n cell: (props) => {\n const row = props.row.original\n return <ProductColumn row={row} />\n },\n },\n {\n header: 'Price',\n accessorKey: 'price',\n cell: (props) => {\n const { price } = props.row.original\n return (\n <span className=\"font-bold heading-text\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={price}\n decimalScale={2}\n thousandSeparator={true}\n />\n </span>\n )\n },\n },\n {\n header: 'Quantity',\n accessorKey: 'stock',\n cell: (props) => {\n const row = props.row.original\n return (\n <span className=\"font-bold heading-text\">\n {row.stock}\n </span>\n )\n },\n },\n {\n header: 'Sales',\n accessorKey: 'status',\n cell: (props) => {\n const { salesPercentage, sales } = props.row.original\n return (\n <div className=\"flex flex-col gap-1\">\n <span className=\"flex gap-1\">\n <span className=\"font-semibold\">\n <NumericFormat\n displayType=\"text\"\n value={sales}\n thousandSeparator={true}\n />\n </span>\n <span>Sales</span>\n </span>\n <Progress\n percent={salesPercentage}\n showInfo={false}\n customColorClass={classNames(\n 'bg-error',\n salesPercentage > 40 && 'bg-warning',\n salesPercentage > 70 && 'bg-success',\n )}\n />\n </div>\n )\n },\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <ActionColumn\n onEdit={() => handleEdit(props.row.original)}\n onDelete={() => handleDelete(props.row.original)}\n />\n ),\n },\n ],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n )\n\n const handleSetTableData = (data: TableQueries) => {\n setTableData(data)\n if (selectedProduct.length > 0) {\n setSelectAllProduct([])\n }\n }\n\n const handlePaginationChange = (page: number) => {\n const newTableData = cloneDeep(tableData)\n newTableData.pageIndex = page\n handleSetTableData(newTableData)\n }\n\n const handleSelectChange = (value: number) => {\n const newTableData = cloneDeep(tableData)\n newTableData.pageSize = Number(value)\n newTableData.pageIndex = 1\n handleSetTableData(newTableData)\n }\n\n const handleSort = (sort: OnSortParam) => {\n const newTableData = cloneDeep(tableData)\n newTableData.sort = sort\n handleSetTableData(newTableData)\n }\n\n const handleRowSelect = (checked: boolean, row: Product) => {\n setSelectedProduct(checked, row)\n }\n\n const handleAllRowSelect = (checked: boolean, rows: Row<Product>[]) => {\n if (checked) {\n const originalRows = rows.map((row) => row.original)\n setSelectAllProduct(originalRows)\n } else {\n setSelectAllProduct([])\n }\n }\n\n return (\n <>\n <DataTable\n selectable\n columns={columns}\n data={productList}\n noData={!isLoading && productList.length === 0}\n skeletonAvatarColumns={[0]}\n skeletonAvatarProps={{ width: 28, height: 28 }}\n loading={isLoading}\n pagingData={{\n total: productListTotal,\n pageIndex: tableData.pageIndex as number,\n pageSize: tableData.pageSize as number,\n }}\n checkboxChecked={(row) =>\n selectedProduct.some((selected) => selected.id === row.id)\n }\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n onCheckBoxChange={handleRowSelect}\n onIndeterminateCheckBoxChange={handleAllRowSelect}\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 this product? This action\n can't be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )\n}\n\nexport default ProductListTable\n"],"names":["ProductColumn","row","jsxs","jsx","Avatar","FiPackage","ActionColumn","onEdit","onDelete","Tooltip","TbPencil","TbTrash","ProductListTable","navigate","useNavigate","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","toDeleteId","setToDeleteId","handleCancel","handleDelete","product","handleEdit","handleConfirmDelete","newProductList","productList","setSelectAllProduct","mutate","productListTotal","selectedProduct","tableData","isLoading","setTableData","setSelectedProduct","useProductList","columns","useMemo","props","price","NumericFormat","salesPercentage","sales","Progress","classNames","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","handleAllRowSelect","rows","originalRows","Fragment","DataTable","selected","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAMA,IAAgB,CAAC,EAAE,KAAAC,QAEjB,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,MAAM;AAAA,MACL,GAAIH,EAAI,MAAM,EAAE,KAAKA,EAAI,IAAA,IAAQ,EAAE,MAAM,gBAAAE,EAACE,GAAA,CAAA,CAAU,EAAA;AAAA,IAAG;AAAA,EAAA;AAAA,oBAE3D,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,+BAA+B,UAAAF,EAAI,MAAK;AAAA,sBACtD,QAAA,EAAK,UAAA;AAAA,MAAA;AAAA,MAAKA,EAAI;AAAA,IAAA,EAAA,CAAY;AAAA,EAAA,EAAA,CAC/B;AAAA,GACJ,GAIFK,IAAe,CAAC;AAAA,EAClB,QAAAC;AAAA,EACA,UAAAC;AACJ,MAKQ,gBAAAN,EAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,EAAA,gBAAAC,EAACM,GAAA,EAAQ,OAAM,QACX,UAAA,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAK;AAAA,MACL,SAASI;AAAA,MAET,4BAACG,GAAA,CAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAElB;AAAA,EACA,gBAAAP,EAACM,GAAA,EAAQ,OAAM,UACX,UAAA,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAK;AAAA,MACL,SAASK;AAAA,MAET,4BAACG,GAAA,CAAA,CAAQ;AAAA,IAAA;AAAA,EAAA,EACb,CACJ;AAAA,GACJ,GAIFC,KAAmB,MAAM;AAC3B,QAAMC,IAAWC,EAAA,GAEX,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GACpE,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAE,GAEzCG,IAAe,MAAM;AACvB,IAAAJ,EAA0B,EAAK;AAAA,EACnC,GAEMK,IAAe,CAACC,MAAqB;AACvC,IAAAN,EAA0B,EAAI,GAC9BG,EAAcG,EAAQ,EAAE;AAAA,EAC5B,GAEMC,IAAa,CAACD,MAAqB;AACrC,IAAAT,EAAS,mCAAmCS,EAAQ,EAAE,EAAE;AAAA,EAC5D,GAEME,IAAsB,MAAM;AAC9B,UAAMC,IAAiBC,EAAY,OAAO,CAACJ,MAC9BJ,MAAeI,EAAQ,EACnC;AACD,IAAAK,EAAoB,CAAA,CAAE,GACtBC;AAAA,MACI;AAAA,QACI,MAAMH;AAAA,QACN,OAAOI,IAAmBC,EAAgB;AAAA,MAAA;AAAA,MAE9C;AAAA,IAAA,GAEJd,EAA0B,EAAK,GAC/BG,EAAc,EAAE;AAAA,EACpB,GAEM;AAAA,IACF,aAAAO;AAAA,IACA,kBAAAG;AAAA,IACA,WAAAE;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAN;AAAA,IACA,oBAAAO;AAAA,IACA,iBAAAJ;AAAA,IACA,QAAAF;AAAA,EAAA,IACAO,EAAA,GAEEC,IAAgCC;AAAA,IAClC,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACC,MAAU;AACb,gBAAMrC,IAAMqC,EAAM,IAAI;AACtB,iBAAO,gBAAAnC,EAACH,KAAc,KAAAC,GAAU;AAAA,QACpC;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACqC,MAAU;AACb,gBAAM,EAAE,OAAAC,EAAA,IAAUD,EAAM,IAAI;AAC5B,iBACI,gBAAAnC,EAAC,QAAA,EAAK,WAAU,0BACZ,UAAA,gBAAAA;AAAA,YAACqC;AAAA,YAAA;AAAA,cACG,mBAAiB;AAAA,cACjB,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,OAAOD;AAAA,cACP,cAAc;AAAA,cACd,mBAAmB;AAAA,YAAA;AAAA,UAAA,GAE3B;AAAA,QAER;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACD,MAAU;AACb,gBAAMrC,IAAMqC,EAAM,IAAI;AACtB,iBACI,gBAAAnC,EAAC,QAAA,EAAK,WAAU,0BACX,YAAI,OACT;AAAA,QAER;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACmC,MAAU;AACb,gBAAM,EAAE,iBAAAG,GAAiB,OAAAC,EAAA,IAAUJ,EAAM,IAAI;AAC7C,iBACI,gBAAApC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,YAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,cACZ,UAAA;AAAA,cAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,iBACZ,UAAA,gBAAAA;AAAA,gBAACqC;AAAA,gBAAA;AAAA,kBACG,aAAY;AAAA,kBACZ,OAAOE;AAAA,kBACP,mBAAmB;AAAA,gBAAA;AAAA,cAAA,GAE3B;AAAA,cACA,gBAAAvC,EAAC,UAAK,UAAA,QAAA,CAAK;AAAA,YAAA,GACf;AAAA,YACA,gBAAAA;AAAA,cAACwC;AAAA,cAAA;AAAA,gBACG,SAASF;AAAA,gBACT,UAAU;AAAA,gBACV,kBAAkBG;AAAA,kBACd;AAAA,kBACAH,IAAkB,MAAM;AAAA,kBACxBA,IAAkB,MAAM;AAAA,gBAAA;AAAA,cAC5B;AAAA,YAAA;AAAA,UACJ,GACJ;AAAA,QAER;AAAA,MAAA;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,MAAM,CAACH,MACH,gBAAAnC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,QAAQ,MAAMiB,EAAWe,EAAM,IAAI,QAAQ;AAAA,YAC3C,UAAU,MAAMjB,EAAaiB,EAAM,IAAI,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACnD;AAAA,IAER;AAAA;AAAA,IAGJ,CAAA;AAAA,EAAC,GAGCO,IAAqB,CAACC,MAAuB;AAC/C,IAAAb,EAAaa,CAAI,GACbhB,EAAgB,SAAS,KACzBH,EAAoB,CAAA,CAAE;AAAA,EAE9B,GAEMoB,IAAyB,CAACC,MAAiB;AAC7C,UAAMC,IAAeC,EAAUnB,CAAS;AACxC,IAAAkB,EAAa,YAAYD,GACzBH,EAAmBI,CAAY;AAAA,EACnC,GAEME,IAAqB,CAACC,MAAkB;AAC1C,UAAMH,IAAeC,EAAUnB,CAAS;AACxC,IAAAkB,EAAa,WAAW,OAAOG,CAAK,GACpCH,EAAa,YAAY,GACzBJ,EAAmBI,CAAY;AAAA,EACnC,GAEMI,IAAa,CAACC,MAAsB;AACtC,UAAML,IAAeC,EAAUnB,CAAS;AACxC,IAAAkB,EAAa,OAAOK,GACpBT,EAAmBI,CAAY;AAAA,EACnC,GAEMM,IAAkB,CAACC,GAAkBvD,MAAiB;AACxD,IAAAiC,EAAmBsB,GAASvD,CAAG;AAAA,EACnC,GAEMwD,IAAqB,CAACD,GAAkBE,MAAyB;AACnE,QAAIF,GAAS;AACT,YAAMG,IAAeD,EAAK,IAAI,CAACzD,MAAQA,EAAI,QAAQ;AACnD,MAAA0B,EAAoBgC,CAAY;AAAA,IACpC;AACI,MAAAhC,EAAoB,CAAA,CAAE;AAAA,EAE9B;AAEA,SACI,gBAAAzB,EAAA0D,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAzD;AAAA,MAAC0D;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,SAAAzB;AAAA,QACA,MAAMV;AAAA,QACN,QAAQ,CAACM,KAAaN,EAAY,WAAW;AAAA,QAC7C,uBAAuB,CAAC,CAAC;AAAA,QACzB,qBAAqB,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,QAC1C,SAASM;AAAA,QACT,YAAY;AAAA,UACR,OAAOH;AAAA,UACP,WAAWE,EAAU;AAAA,UACrB,UAAUA,EAAU;AAAA,QAAA;AAAA,QAExB,iBAAiB,CAAC9B,MACd6B,EAAgB,KAAK,CAACgC,MAAaA,EAAS,OAAO7D,EAAI,EAAE;AAAA,QAE7D,oBAAoB8C;AAAA,QACpB,gBAAgBI;AAAA,QAChB,QAAQE;AAAA,QACR,kBAAkBE;AAAA,QAClB,+BAA+BE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnC,gBAAAtD;AAAA,MAAC4D;AAAA,MAAA;AAAA,QACG,QAAQhD;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASK;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWI;AAAA,QAEX,4BAAC,KAAA,EACI,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,EAAA,CACxB;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Drawer from '@/components/ui/Drawer'\r\nimport Checkbox from '@/components/ui/Checkbox'\r\nimport Badge from '@/components/ui/Badge'\r\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\r\nimport { components } from 'react-select'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport NumericInput from '@/components/shared/NumericInput'\r\nimport useProductList from '../hooks/useProductList'\r\nimport { TbFilter, TbMinus } from 'react-icons/tb'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\nimport type { ControlProps, OptionProps } from 'react-select'\r\nimport classNames from '@/utils/classNames'\r\n\r\ntype FormSchema = {\r\n minAmount: number \| string\r\n maxAmount: number \| string\r\n productStatus: string\r\n productType: Array<string>\r\n}\r\n\r\ntype Option = {\r\n value: string\r\n label: string\r\n className: string\r\n}\r\n\r\nconst { Control } = components\r\n\r\nconst productStatusOption: Option[] = [\r\n { value: 'published', label: 'Published', className: 'bg-emerald-500' },\r\n { value: 'inactive', label: 'Inactive', className: 'bg-red-500' },\r\n { value: 'scheduled', label: 'Scheduled', className: 'bg-amber-500' },\r\n { value: 'draft', label: 'Draft', className: 'bg-gray-400' },\r\n]\r\n\r\nconst productTypeList = ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches']\r\n\r\nconst CustomSelectOption = (props: OptionProps<Option>) => {\r\n return (\r\n <DefaultOption<Option>\r\n {...props}\r\n customLabel={(data, label) => (\r\n <span className=\"flex items-center gap-2\">\r\n <Badge className={data.className} />\r\n <span className=\"ml-2 rtl:mr-2\">{label}</span>\r\n </span>\r\n )}\r\n />\r\n )\r\n}\r\n\r\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\r\n const selected = props.getValue()[0]\r\n return (\r\n <Control {...props}>\r\n {selected && (\r\n <Badge className={classNames('ml-4', selected.className)} />\r\n )}\r\n {children}\r\n </Control>\r\n )\r\n}\r\n\r\nconst validationSchema: ZodType<FormSchema> = z.object({\r\n minAmount: z.union([z.string(), z.number()]),\r\n maxAmount: z.union([z.string(), z.number()]),\r\n productStatus: z.string(),\r\n productType: z.array(z.string()),\r\n})\r\n\r\nconst ProductTableFilter = () => {\r\n const [filterIsOpen, setFilterIsOpen] = useState(false)\r\n\r\n const { filterData, setFilterData } = useProductList()\r\n\r\n const { handleSubmit, control, getValues } = useForm<FormSchema>({\r\n defaultValues: filterData,\r\n resolver: zodResolver(validationSchema),\r\n })\r\n\r\n const onSubmit = (values: FormSchema) => {\r\n setFilterData(values)\r\n setFilterIsOpen(false)\r\n }\r\n\r\n return (\r\n <>\r\n <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\r\n Filter\r\n </Button>\r\n <Drawer\r\n title=\"Filter\"\r\n isOpen={filterIsOpen}\r\n onClose={() => setFilterIsOpen(false)}\r\n onRequestClose={() => setFilterIsOpen(false)}\r\n >\r\n <Form\r\n className=\"h-full\"\r\n containerClassName=\"flex flex-col justify-between h-full\"\r\n onSubmit={handleSubmit(onSubmit)}\r\n >\r\n <div>\r\n <FormItem label=\"Product price\">\r\n <div className=\"flex items-center gap-2\">\r\n <Controller\r\n name=\"minAmount\"\r\n control={control}\r\n render={({ field }) => (\r\n <NumericInput\r\n thousandSeparator\r\n type=\"text\"\r\n inputPrefix=\"$\"\r\n autoComplete=\"off\"\r\n placeholder=\"0.00\"\r\n value={field.value}\r\n max={getValues('maxAmount')}\r\n isAllowed={(values) => {\r\n const { floatValue } = values\r\n return (\r\n (floatValue \|\| 0) <=\r\n (getValues(\r\n 'maxAmount',\r\n ) as number)\r\n )\r\n }}\r\n onChange={(e) =>\r\n field.onChange(e.target.value)\r\n }\r\n />\r\n )}\r\n />\r\n <span>\r\n <TbMinus />\r\n </span>\r\n <Controller\r\n name=\"maxAmount\"\r\n control={control}\r\n render={({ field }) => (\r\n <NumericInput\r\n thousandSeparator\r\n type=\"text\"\r\n inputPrefix=\"$\"\r\n autoComplete=\"off\"\r\n placeholder=\"0.00\"\r\n value={field.value}\r\n onChange={field.onChange}\r\n />\r\n )}\r\n />\r\n </div>\r\n </FormItem>\r\n <FormItem label=\"Product status\">\r\n <Controller\r\n name=\"productStatus\"\r\n control={control}\r\n render={({ field }) => (\r\n <Select<Option>\r\n options={productStatusOption}\r\n {...field}\r\n value={productStatusOption.filter(\r\n (option) =>\r\n option.value === field.value,\r\n )}\r\n components={{\r\n Option: CustomSelectOption,\r\n Control: CustomControl,\r\n }}\r\n onChange={(option) =>\r\n field.onChange(option?.value)\r\n }\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem label=\"Product type\">\r\n <div className=\"mt-4\">\r\n <Controller\r\n name=\"productType\"\r\n control={control}\r\n render={({ field }) => (\r\n <Checkbox.Group\r\n vertical\r\n className=\"flex\"\r\n {...field}\r\n >\r\n {productTypeList.map(\r\n (type, index) => (\r\n <Checkbox\r\n key={type + index}\r\n name={field.name}\r\n value={type}\r\n className=\"justify-between flex-row-reverse heading-text\"\r\n >\r\n {type}\r\n </Checkbox>\r\n ),\r\n )}\r\n </Checkbox.Group>\r\n )}\r\n />\r\n </div>\r\n </FormItem>\r\n </div>\r\n <Button variant=\"solid\" type=\"submit\">\r\n Query\r\n </Button>\r\n </Form>\r\n </Drawer>\r\n </>\r\n )\r\n}\r\n\r\nexport default ProductTableFilter\r\n"],"names":["Control","components","productStatusOption","productTypeList","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Badge","CustomControl","children","selected","classNames","validationSchema","z","ProductTableFilter","filterIsOpen","setFilterIsOpen","useState","filterData","setFilterData","useProductList","handleSubmit","control","getValues","useForm","zodResolver","Fragment","Button","TbFilter","Drawer","Form","values","FormItem","Controller","field","NumericInput","floatValue","e","TbMinus","Select","option","Checkbox","type","index"],"mappings":"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"}
1	+ {"version":3,"file":"ProductTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\nimport Checkbox from '@/components/ui/Checkbox'\nimport 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 NumericInput from '@/components/shared/NumericInput'\nimport useProductList from '../hooks/useProductList'\nimport { TbFilter, TbMinus } 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 minAmount: number \| string\n maxAmount: number \| string\n productStatus: string\n productType: Array<string>\n}\n\ntype Option = {\n value: string\n label: string\n className: string\n}\n\nconst { Control } = components\n\nconst productStatusOption: Option[] = [\n { value: 'published', label: 'Published', className: 'bg-emerald-500' },\n { value: 'inactive', label: 'Inactive', className: 'bg-red-500' },\n { value: 'scheduled', label: 'Scheduled', className: 'bg-amber-500' },\n { value: 'draft', label: 'Draft', className: 'bg-gray-400' },\n]\n\nconst productTypeList = ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches']\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 minAmount: z.union([z.string(), z.number()]),\n maxAmount: z.union([z.string(), z.number()]),\n productStatus: z.string(),\n productType: z.array(z.string()),\n})\n\nconst ProductTableFilter = () => {\n const [filterIsOpen, setFilterIsOpen] = useState(false)\n\n const { filterData, setFilterData } = useProductList()\n\n const { handleSubmit, control, getValues } = 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=\"minAmount\"\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 max={getValues('maxAmount')}\n isAllowed={(values) => {\n const { floatValue } = values\n return (\n (floatValue \|\| 0) <=\n (getValues(\n 'maxAmount',\n ) as number)\n )\n }}\n onChange={(e) =>\n field.onChange(e.target.value)\n }\n />\n )}\n />\n <span>\n <TbMinus />\n </span>\n <Controller\n name=\"maxAmount\"\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 </div>\n </FormItem>\n <FormItem label=\"Product status\">\n <Controller\n name=\"productStatus\"\n control={control}\n render={({ field }) => (\n <Select<Option>\n options={productStatusOption}\n {...field}\n value={productStatusOption.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=\"productType\"\n control={control}\n render={({ field }) => (\n <Checkbox.Group\n vertical\n className=\"flex\"\n {...field}\n >\n {productTypeList.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 ProductTableFilter\n"],"names":["Control","components","productStatusOption","productTypeList","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Badge","CustomControl","children","selected","classNames","validationSchema","z","ProductTableFilter","filterIsOpen","setFilterIsOpen","useState","filterData","setFilterData","useProductList","handleSubmit","control","getValues","useForm","zodResolver","Fragment","Button","TbFilter","Drawer","Form","values","FormItem","Controller","field","NumericInput","floatValue","e","TbMinus","Select","option","Checkbox","type","index"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useProductList.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/hooks/useProductList.ts"],"sourcesContent":["import { apiGetProductList } from '@/services/ProductService'\r\nimport useSWR from 'swr'\r\nimport { useProductListStore } from '../store/productListStore'\r\nimport type { GetProductListResponse } from '../types'\r\nimport type { TableQueries } from '@/@types/common'\r\n\r\nconst useProductList = () => {\r\n const {\r\n tableData,\r\n filterData,\r\n setTableData,\r\n setFilterData,\r\n selectedProduct,\r\n setSelectedProduct,\r\n setSelectAllProduct,\r\n } = useProductListStore((state) => state)\r\n\r\n const { data, error, isLoading, mutate } = useSWR(\r\n ['/api/products', { ...tableData, ...filterData }],\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n ([_, params]) =>\r\n apiGetProductList<GetProductListResponse, TableQueries>(params),\r\n {\r\n revalidateOnFocus: false,\r\n },\r\n )\r\n\r\n const productList = data?.list \|\| []\r\n\r\n const productListTotal = data?.total \|\| 0\r\n\r\n return {\r\n error,\r\n isLoading,\r\n tableData,\r\n filterData,\r\n mutate,\r\n productList,\r\n productListTotal,\r\n setTableData,\r\n selectedProduct,\r\n setSelectedProduct,\r\n setSelectAllProduct,\r\n setFilterData,\r\n }\r\n}\r\n\r\nexport default useProductList\r\n"],"names":["useProductList","tableData","filterData","setTableData","setFilterData","selectedProduct","setSelectedProduct","setSelectAllProduct","useProductListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetProductList","productList","productListTotal"],"mappings":";;;AAMA,MAAMA,IAAiB,MAAM;AACzB,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACAC,EAAoB,CAACC,MAAUA,CAAK,GAElC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,MAAWC;AAAA,IACvC,CAAC,iBAAiB,EAAE,GAAGb,GAAW,GAAGC,GAAY;AAAA;AAAA,IAEjD,CAAC,CAACa,GAAGC,CAAM,MACPC,EAAwDD,CAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB,GAGEE,KAAcR,KAAA,gBAAAA,EAAM,SAAQ,CAAA,GAE5BS,KAAmBT,KAAA,gBAAAA,EAAM,UAAS;AAExC,SAAO;AAAA,IACH,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAX;AAAA,IACA,YAAAC;AAAA,IACA,QAAAW;AAAA,IACA,aAAAK;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAhB;AAAA,IACA,iBAAAE;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAH;AAAA,EAAA;AAER;"}
1	+ {"version":3,"file":"useProductList.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/hooks/useProductList.ts"],"sourcesContent":["import { apiGetProductList } from '@/services/ProductService'\nimport useSWR from 'swr'\nimport { useProductListStore } from '../store/productListStore'\nimport type { GetProductListResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst useProductList = () => {\n const {\n tableData,\n filterData,\n setTableData,\n setFilterData,\n selectedProduct,\n setSelectedProduct,\n setSelectAllProduct,\n } = useProductListStore((state) => state)\n\n const { data, error, isLoading, mutate } = useSWR(\n ['/api/products', { ...tableData, ...filterData }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetProductList<GetProductListResponse, TableQueries>(params),\n {\n revalidateOnFocus: false,\n },\n )\n\n const productList = data?.list \|\| []\n\n const productListTotal = data?.total \|\| 0\n\n return {\n error,\n isLoading,\n tableData,\n filterData,\n mutate,\n productList,\n productListTotal,\n setTableData,\n selectedProduct,\n setSelectedProduct,\n setSelectAllProduct,\n setFilterData,\n }\n}\n\nexport default useProductList\n"],"names":["useProductList","tableData","filterData","setTableData","setFilterData","selectedProduct","setSelectedProduct","setSelectAllProduct","useProductListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetProductList","productList","productListTotal"],"mappings":";;;AAMA,MAAMA,IAAiB,MAAM;AACzB,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACAC,EAAoB,CAACC,MAAUA,CAAK,GAElC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,MAAWC;AAAA,IACvC,CAAC,iBAAiB,EAAE,GAAGb,GAAW,GAAGC,GAAY;AAAA;AAAA,IAEjD,CAAC,CAACa,GAAGC,CAAM,MACPC,EAAwDD,CAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB,GAGEE,KAAcR,KAAA,gBAAAA,EAAM,SAAQ,CAAA,GAE5BS,KAAmBT,KAAA,gBAAAA,EAAM,UAAS;AAExC,SAAO;AAAA,IACH,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAX;AAAA,IACA,YAAAC;AAAA,IACA,QAAAW;AAAA,IACA,aAAAK;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAhB;AAAA,IACA,iBAAAE;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAH;AAAA,EAAA;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"productListStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/store/productListStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { TableQueries } from '@/@types/common'\r\nimport type { Product, Filter } from '../types'\r\n\r\nexport const initialTableData: TableQueries = {\r\n pageIndex: 1,\r\n pageSize: 10,\r\n query: '',\r\n sort: {\r\n order: '',\r\n key: '',\r\n },\r\n}\r\n\r\nexport const initialFilterData = {\r\n minAmount: 0,\r\n maxAmount: 5000,\r\n productStatus: 'published',\r\n productType: ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches'],\r\n}\r\n\r\nexport type ProductsListState = {\r\n tableData: TableQueries\r\n filterData: Filter\r\n selectedProduct: Partial<Product>[]\r\n}\r\n\r\ntype ProductsListAction = {\r\n setFilterData: (payload: Filter) => void\r\n setTableData: (payload: TableQueries) => void\r\n setSelectedProduct: (checked: boolean, customer: Product) => void\r\n setSelectAllProduct: (customer: Product[]) => void\r\n}\r\n\r\nconst initialState: ProductsListState = {\r\n tableData: initialTableData,\r\n filterData: initialFilterData,\r\n selectedProduct: [],\r\n}\r\n\r\nexport const useProductListStore = create<\r\n ProductsListState & ProductsListAction\r\n>((set) => ({\r\n ...initialState,\r\n setFilterData: (payload) => set(() => ({ filterData: payload })),\r\n setTableData: (payload) => set(() => ({ tableData: payload })),\r\n setSelectedProduct: (checked, row) =>\r\n set((state) => {\r\n const prevData = state.selectedProduct\r\n if (checked) {\r\n return { selectedProduct: [...prevData, ...[row]] }\r\n } else {\r\n if (prevData.some((prevProduct) => row.id === prevProduct.id)) {\r\n return {\r\n selectedProduct: prevData.filter(\r\n (prevProduct) => prevProduct.id !== row.id,\r\n ),\r\n }\r\n }\r\n return { selectedProduct: prevData }\r\n }\r\n }),\r\n setSelectAllProduct: (row) => set(() => ({ selectedProduct: row })),\r\n}))\r\n"],"names":["initialTableData","initialFilterData","initialState","useProductListStore","create","set","payload","checked","row","state","prevData","prevProduct"],"mappings":";AAIO,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,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa,CAAC,QAAQ,UAAU,WAAW,SAAS,SAAS;AACjE,GAeMC,IAAkC;AAAA,EACpC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,iBAAiB,CAAA;AACrB,GAEaE,IAAsBC,EAEjC,CAACC,OAAS;AAAA,EACR,GAAGH;AAAA,EACH,eAAe,CAACI,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAC/D,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EAC7D,oBAAoB,CAACC,GAASC,MAC1BH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,iBAAiB,CAAC,GAAGG,GAAcF,CAAI,EAAA,IAE5CE,EAAS,KAAK,CAACC,MAAgBH,EAAI,OAAOG,EAAY,EAAE,IACjD;AAAA,MACH,iBAAiBD,EAAS;AAAA,QACtB,CAACC,MAAgBA,EAAY,OAAOH,EAAI;AAAA,MAAA;AAAA,IAC5C,IAGD,EAAE,iBAAiBE,EAAA;AAAA,~~EAC9B~~,~~CACH~~;AAAA,EACL,qBAAqB,CAACF,MAAQH,EAAI,OAAO,EAAE,iBAAiBG,IAAM;AACtE,EAAE;"}
1	+ {"version":3,"file":"productListStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/products/ProductList/store/productListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Product, Filter } from '../types'\n\nexport const initialTableData: TableQueries = {\n pageIndex: 1,\n pageSize: 10,\n query: '',\n sort: {\n order: '',\n key: '',\n },\n}\n\nexport const initialFilterData = {\n minAmount: 0,\n maxAmount: 5000,\n productStatus: 'published',\n productType: ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches'],\n}\n\nexport type ProductsListState = {\n tableData: TableQueries\n filterData: Filter\n selectedProduct: Partial<Product>[]\n}\n\ntype ProductsListAction = {\n setFilterData: (payload: Filter) => void\n setTableData: (payload: TableQueries) => void\n setSelectedProduct: (checked: boolean, customer: Product) => void\n setSelectAllProduct: (customer: Product[]) => void\n}\n\nconst initialState: ProductsListState = {\n tableData: initialTableData,\n filterData: initialFilterData,\n selectedProduct: [],\n}\n\nexport const useProductListStore = create<\n ProductsListState & ProductsListAction\n>((set) => ({\n ...initialState,\n setFilterData: (payload) => set(() => ({ filterData: payload })),\n setTableData: (payload) => set(() => ({ tableData: payload })),\n setSelectedProduct: (checked, row) =>\n set((state) => {\n const prevData = state.selectedProduct\n if (checked) {\n return { selectedProduct: [...prevData, ...[row]] }\n } else {\n if (prevData.some((prevProduct) => row.id === prevProduct.id)) {\n return {\n selectedProduct: prevData.filter(\n (prevProduct) => prevProduct.id !== row.id,\n ),\n }\n }\n return { selectedProduct: prevData }\n }\n }),\n setSelectAllProduct: (row) => set(() => ({ selectedProduct: row })),\n}))\n"],"names":["initialTableData","initialFilterData","initialState","useProductListStore","create","set","payload","checked","row","state","prevData","prevProduct"],"mappings":";AAIO,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,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa,CAAC,QAAQ,UAAU,WAAW,SAAS,SAAS;AACjE,GAeMC,IAAkC;AAAA,EACpC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,iBAAiB,CAAA;AACrB,GAEaE,IAAsBC,EAEjC,CAACC,OAAS;AAAA,EACR,GAAGH;AAAA,EACH,eAAe,CAACI,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAC/D,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EAC7D,oBAAoB,CAACC,GAASC,MAC1BH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,iBAAiB,CAAC,GAAGG,GAAcF,CAAI,EAAA,IAE5CE,EAAS,KAAK,CAACC,MAAgBH,EAAI,OAAOG,EAAY,EAAE,IACjD;AAAA,MACH,iBAAiBD,EAAS;AAAA,QACtB,CAACC,MAAgBA,EAAY,OAAOH,EAAI;AAAA,MAAA;AAAA,IAC5C,IAGD,EAAE,iBAAiBE,EAAA;AAAA,EAElC,CAAC;AAAA,EACL,qBAAqB,CAACF,MAAQH,EAAI,OAAO,EAAE,iBAAiBG,IAAM;AACtE,EAAE;"}

package/dist/@ecme/views/concepts/projects/Issue/Issue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Issue.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/Issue/Issue.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\r\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\r\nimport IssueHeader from './components/IssueHeader'\r\nimport IssueBody from './components/IssueBody'\r\nimport IssueFooter from './components/IssueFooter'\r\nimport IssueActivity from './components/IssueActivity'\r\nimport {\r\n apiGetProjectTask,\r\n apiGetProjectMembers,\r\n} from '@/services/ProjectService'\r\nimport { useIssueStore } from './store/issueStore'\r\nimport useSWR from 'swr'\r\nimport { useParams } from 'react-router-dom'\r\nimport type { GetIssueResponse, GetProjectMembersResponse } from './types'\r\n\r\nconst Issue = () => {\r\n const { id } = useParams()\r\n\r\n const { issueData, updateIssueData, setMembers } = useIssueStore()\r\n\r\n const { isLoading } = useSWR(\r\n [`/api/projects/tasks/${id}`, { id: id as string }],\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n ([_, params]) =>\r\n apiGetProjectTask<GetIssueResponse, { id: string }>(params),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n onSuccess: (data) => {\r\n updateIssueData(data)\r\n },\r\n },\r\n )\r\n\r\n useSWR(\r\n ['/api/projects/scrum-board/members'],\r\n () => apiGetProjectMembers<GetProjectMembersResponse>(),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n revalidateOnReconnect: false,\r\n onSuccess: (data) => {\r\n setMembers(data.participantMembers)\r\n },\r\n },\r\n )\r\n\r\n return (\r\n <AdaptiveCard>\r\n <Loading loading={isLoading}>\r\n {issueData && (\r\n <div className=\"grid grid-cols-1 xl:grid-cols-3 gap-4\">\r\n <div className=\"lg:col-span-2\">\r\n <div className=\"px-6\">\r\n <IssueHeader />\r\n <div className=\"mt-8\">\r\n <IssueBody />\r\n </div>\r\n <div className=\"mt-8\">\r\n <IssueFooter />\r\n </div>\r\n </div>\r\n </div>\r\n <div>\r\n <IssueActivity />\r\n </div>\r\n </div>\r\n )}\r\n </Loading>\r\n </AdaptiveCard>\r\n )\r\n}\r\n\r\nexport default Issue\r\n"],"names":["Issue","id","useParams","issueData","updateIssueData","setMembers","useIssueStore","isLoading","useSWR","_","params","apiGetProjectTask","data","apiGetProjectMembers","jsx","AdaptiveCard","Loading","jsxs","IssueHeader","IssueBody","IssueFooter","IssueActivity"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAQ,MAAM;AAChB,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,EAAA,IAAeC,EAAA,GAE7C,EAAE,WAAAC,MAAcC;AAAA,IAClB,CAAC,uBAAuBP,CAAE,IAAI,EAAE,IAAAA,GAAkB;AAAA;AAAA,IAElD,CAAC,CAACQ,GAAGC,CAAM,MACPC,EAAoDD,CAAM;AAAA,IAC9D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,WAAW,CAACE,MAAS;AACjB,QAAAR,EAAgBQ,CAAI;AAAA,~~MAAA~~;AAAA,~~IACxB~~;AAAA,EACJ;AAGJ,SAAAJ;AAAA,IACI,CAAC,mCAAmC;AAAA,IACpC,MAAMK,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACD,MAAS;AACjB,QAAAP,EAAWO,EAAK,kBAAkB;AAAA,~~MAAA~~;AAAA,~~IACtC~~;AAAA,EACJ,GAIA,gBAAAE,EAACC,GAAA,EACG,UAAA,gBAAAD,EAACE,GAAA,EAAQ,SAAST,GACb,UAAAJ,KACG,gBAAAc,EAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAI,WAAU,iBACX,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAY;AAAA,wBACZ,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAJ,EAACK,KAAU,GACf;AAAA,wBACC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAL,EAACM,KAAY,EAAA,CACjB;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,gBAAAN,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACO,GAAA,CAAA,CAAc,EAAA,CACnB;AAAA,EAAA,EAAA,CACJ,GAER,GACJ;AAER;"}
1	+ {"version":3,"file":"Issue.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/Issue/Issue.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport IssueHeader from './components/IssueHeader'\nimport IssueBody from './components/IssueBody'\nimport IssueFooter from './components/IssueFooter'\nimport IssueActivity from './components/IssueActivity'\nimport {\n apiGetProjectTask,\n apiGetProjectMembers,\n} from '@/services/ProjectService'\nimport { useIssueStore } from './store/issueStore'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport type { GetIssueResponse, GetProjectMembersResponse } from './types'\n\nconst Issue = () => {\n const { id } = useParams()\n\n const { issueData, updateIssueData, setMembers } = useIssueStore()\n\n const { isLoading } = useSWR(\n [`/api/projects/tasks/${id}`, { id: id as string }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetProjectTask<GetIssueResponse, { id: string }>(params),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n onSuccess: (data) => {\n updateIssueData(data)\n },\n },\n )\n\n useSWR(\n ['/api/projects/scrum-board/members'],\n () => apiGetProjectMembers<GetProjectMembersResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n onSuccess: (data) => {\n setMembers(data.participantMembers)\n },\n },\n )\n\n return (\n <AdaptiveCard>\n <Loading loading={isLoading}>\n {issueData && (\n <div className=\"grid grid-cols-1 xl:grid-cols-3 gap-4\">\n <div className=\"lg:col-span-2\">\n <div className=\"px-6\">\n <IssueHeader />\n <div className=\"mt-8\">\n <IssueBody />\n </div>\n <div className=\"mt-8\">\n <IssueFooter />\n </div>\n </div>\n </div>\n <div>\n <IssueActivity />\n </div>\n </div>\n )}\n </Loading>\n </AdaptiveCard>\n )\n}\n\nexport default Issue\n"],"names":["Issue","id","useParams","issueData","updateIssueData","setMembers","useIssueStore","isLoading","useSWR","_","params","apiGetProjectTask","data","apiGetProjectMembers","jsx","AdaptiveCard","Loading","jsxs","IssueHeader","IssueBody","IssueFooter","IssueActivity"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAQ,MAAM;AAChB,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,EAAA,IAAeC,EAAA,GAE7C,EAAE,WAAAC,MAAcC;AAAA,IAClB,CAAC,uBAAuBP,CAAE,IAAI,EAAE,IAAAA,GAAkB;AAAA;AAAA,IAElD,CAAC,CAACQ,GAAGC,CAAM,MACPC,EAAoDD,CAAM;AAAA,IAC9D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,WAAW,CAACE,MAAS;AACjB,QAAAR,EAAgBQ,CAAI;AAAA,MACxB;AAAA,IAAA;AAAA,EACJ;AAGJ,SAAAJ;AAAA,IACI,CAAC,mCAAmC;AAAA,IACpC,MAAMK,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACD,MAAS;AACjB,QAAAP,EAAWO,EAAK,kBAAkB;AAAA,MACtC;AAAA,IAAA;AAAA,EACJ,GAIA,gBAAAE,EAACC,GAAA,EACG,UAAA,gBAAAD,EAACE,GAAA,EAAQ,SAAST,GACb,UAAAJ,KACG,gBAAAc,EAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAI,WAAU,iBACX,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAY;AAAA,wBACZ,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAJ,EAACK,KAAU,GACf;AAAA,wBACC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAL,EAACM,KAAY,EAAA,CACjB;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,gBAAAN,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACO,GAAA,CAAA,CAAc,EAAA,CACnB;AAAA,EAAA,EAAA,CACJ,GAER,GACJ;AAER;"}