npm - @orbe-agro/client-core - Versions diffs - 5.3.86 → 5.3.89 - Mend

@orbe-agro/client-core 5.3.86 → 5.3.89

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

package/dist/@ecme/views/concepts/orders/OrderForm/components/PaymentMethodSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaymentMethodSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/PaymentMethodSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport FormPatternInput from '@/components/shared/PatternInput'\nimport { Controller } from 'react-hook-form'\nimport { TbCreditCard, TbBrandPaypal, TbBuildingBank } from 'react-icons/tb'\nimport { components } from 'react-select'\nimport type {\n FormSectionBaseProps,\n GetPaymentMethodFields,\n PaymentType,\n} from '../types'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport type { FieldErrors } from 'react-hook-form'\nimport type { ReactNode } from 'react'\n\ntype CreditCardFieldError = FieldErrors<\n GetPaymentMethodFields<'creditOrDebitCard'>\n>\ntype PaypalFieldError = FieldErrors<GetPaymentMethodFields<'paypal'>>\ntype BankTransferFieldError = FieldErrors<\n GetPaymentMethodFields<'bankTransfer'>\n>\n\ntype PaymentMethodSectionProps = FormSectionBaseProps & {\n selectedPaymentMethod: string\n}\n\ntype PaymentMethodOption = {\n label: string\n value: PaymentType\n icon: ReactNode\n}\n\nconst paymentMethodOptions: PaymentMethodOption[] = [\n {\n label: 'Credit/Debit card',\n value: 'creditOrDebitCard',\n icon: <TbCreditCard />,\n },\n { label: 'Paypal', value: 'paypal', icon: <TbBrandPaypal /> },\n { label: 'Bank transfer', value: 'bankTransfer', icon: <TbBuildingBank /> },\n]\n\nfunction limit(val: string, max: string) {\n if (val.length === 1 && val[0] > max[0]) {\n val = '0' + val\n }\n\n if (val.length === 2) {\n if (Number(val) === 0) {\n val = '01'\n } else if (val > max) {\n val = max\n }\n }\n\n return val\n}\n\nfunction cardExpiryFormat(val: string) {\n const month = limit(val.substring(0, 2), '12')\n const date = limit(val.substring(2, 4), '31')\n\n return month + (date.length ? '/' + date : '')\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<PaymentMethodOption>) => {\n return (\n <DefaultOption<PaymentMethodOption>\n {...props}\n customLabel={(data, label) => (\n <span className=\"flex items-center gap-2\">\n <span className=\"text-xl\">{data.icon}</span>\n <span>{label}</span>\n </span>\n )}\n />\n )\n}\n\nconst CustomControl = ({\n children,\n ...props\n}: ControlProps<PaymentMethodOption>) => {\n const selected = props.getValue()[0]\n return (\n <Control {...props}>\n {selected && (\n <span className=\"text-xl ltr:ml-4 rtl:mr-4 text-primary\">\n {selected.icon}\n </span>\n )}\n {children}\n </Control>\n )\n}\n\nconst PaymentMethodSection = ({\n control,\n errors,\n selectedPaymentMethod,\n}: PaymentMethodSectionProps) => {\n return (\n <Card id=\"payment\">\n <h4 className=\"mb-6\">Payment</h4>\n <FormItem\n label=\"Payment method\"\n invalid={Boolean(errors.paymentMethod)}\n errorMessage={errors.paymentMethod?.message}\n >\n <Controller\n name=\"paymentMethod\"\n control={control}\n render={({ field }) => (\n <Select<PaymentMethodOption>\n options={paymentMethodOptions}\n {...field}\n components={{\n Option: CustomSelectOption,\n Control: CustomControl,\n }}\n placeholder=\"\"\n value={paymentMethodOptions.filter(\n (option) => option.value === field.value,\n )}\n onChange={(option) => field.onChange(option?.value)}\n />\n )}\n />\n </FormItem>\n {selectedPaymentMethod === 'creditOrDebitCard' && (\n <>\n <FormItem\n label=\"User Name\"\n invalid={Boolean(\n (errors as CreditCardFieldError).cardHolderName,\n )}\n errorMessage={\n (errors as CreditCardFieldError).cardHolderName\n ?.message\n }\n >\n <Controller\n name=\"cardHolderName\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Card holder name\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Credit card number\"\n invalid={Boolean(\n (errors as CreditCardFieldError).ccNumber,\n )}\n errorMessage={\n (errors as CreditCardFieldError).ccNumber?.message\n }\n >\n <Controller\n name=\"ccNumber\"\n control={control}\n render={({ field }) => (\n <FormPatternInput\n placeholder=\"•••• •••• •••• ••••\"\n format=\"#### #### #### ####\"\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.value)\n }}\n />\n )}\n />\n </FormItem>\n <div className=\"grid grid-cols-2 gap-4\">\n <FormItem\n label=\"Expiration date\"\n invalid={Boolean(\n (errors as CreditCardFieldError).cardExpiry,\n )}\n errorMessage={\n (errors as CreditCardFieldError).cardExpiry\n ?.message\n }\n >\n <Controller\n name=\"cardExpiry\"\n control={control}\n render={({ field }) => (\n <FormCustomFormatInput\n placeholder=\"••/••\"\n format={cardExpiryFormat}\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.value)\n }}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"CVV\"\n invalid={Boolean(\n (errors as CreditCardFieldError).code,\n )}\n errorMessage={\n (errors as CreditCardFieldError).code?.message\n }\n >\n <Controller\n name=\"code\"\n control={control}\n render={({ field }) => (\n <FormPatternInput\n placeholder=\"•••\"\n format=\"###\"\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.value)\n }}\n />\n )}\n />\n </FormItem>\n </div>\n </>\n )}\n {selectedPaymentMethod === 'paypal' && (\n <>\n <FormItem\n label=\"Paypal email\"\n invalid={Boolean(\n (errors as PaypalFieldError).paypalEmail,\n )}\n errorMessage={\n (errors as PaypalFieldError).paypalEmail?.message\n }\n >\n <Controller\n name=\"paypalEmail\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"email\"\n autoComplete=\"off\"\n placeholder=\"Email\"\n {...field}\n />\n )}\n />\n </FormItem>\n </>\n )}\n {selectedPaymentMethod === 'bankTransfer' && (\n <>\n <FormItem\n label=\"Bank name\"\n invalid={Boolean(\n (errors as BankTransferFieldError).bankName,\n )}\n errorMessage={\n (errors as BankTransferFieldError).bankName?.message\n }\n >\n <Controller\n name=\"bankName\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Bank name\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Account number\"\n invalid={Boolean(\n (errors as BankTransferFieldError).accountNumber,\n )}\n errorMessage={\n (errors as BankTransferFieldError).accountNumber\n ?.message\n }\n >\n <Controller\n name=\"accountNumber\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Account number\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Account holder name\"\n invalid={Boolean(\n (errors as BankTransferFieldError)\n .accountHolderName,\n )}\n errorMessage={\n (errors as BankTransferFieldError).accountHolderName\n ?.message\n }\n >\n <Controller\n name=\"accountHolderName\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Account holder name\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"grid grid-cols-2 gap-4\">\n <FormItem\n label=\"IBAN\"\n invalid={Boolean(\n (errors as BankTransferFieldError).IBAN,\n )}\n errorMessage={\n (errors as BankTransferFieldError).IBAN?.message\n }\n >\n <Controller\n name=\"IBAN\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"IBAN\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Reference number\"\n invalid={Boolean(\n (errors as BankTransferFieldError)\n .referenceNumber,\n )}\n errorMessage={\n (errors as BankTransferFieldError)\n .referenceNumber?.message\n }\n >\n <Controller\n name=\"referenceNumber\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Reference number\"\n {...field}\n />\n )}\n />\n </FormItem>\n </div>\n </>\n )}\n </Card>\n )\n}\n\nexport default PaymentMethodSection\n"],"names":["paymentMethodOptions","TbCreditCard","jsx","TbBrandPaypal","TbBuildingBank","limit","val","max","cardExpiryFormat","month","date","Control","components","CustomSelectOption","props","DefaultOption","data","label","jsxs","CustomControl","children","selected","PaymentMethodSection","control","errors","selectedPaymentMethod","Card","FormItem","_a","Controller","field","Select","option","Fragment","_b","Input","_c","FormPatternInput","e","_d","FormCustomFormatInput","_e","_f","_g","_h","_i","_j","_k"],"mappings":"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"}
1	+ {"version":3,"file":"PaymentMethodSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/PaymentMethodSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport FormPatternInput from '@/components/shared/PatternInput'\nimport { Controller } from 'react-hook-form'\nimport { TbCreditCard, TbBrandPaypal, TbBuildingBank } from 'react-icons/tb'\nimport { components } from 'react-select'\nimport type {\n FormSectionBaseProps,\n GetPaymentMethodFields,\n PaymentType,\n} from '../types'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport type { FieldErrors } from 'react-hook-form'\nimport type { ReactNode } from 'react'\n\ntype CreditCardFieldError = FieldErrors<\n GetPaymentMethodFields<'creditOrDebitCard'>\n>\ntype PaypalFieldError = FieldErrors<GetPaymentMethodFields<'paypal'>>\ntype BankTransferFieldError = FieldErrors<\n GetPaymentMethodFields<'bankTransfer'>\n>\n\ntype PaymentMethodSectionProps = FormSectionBaseProps & {\n selectedPaymentMethod: string\n}\n\ntype PaymentMethodOption = {\n label: string\n value: PaymentType\n icon: ReactNode\n}\n\nconst paymentMethodOptions: PaymentMethodOption[] = [\n {\n label: 'Credit/Debit card',\n value: 'creditOrDebitCard',\n icon: <TbCreditCard />,\n },\n { label: 'Paypal', value: 'paypal', icon: <TbBrandPaypal /> },\n { label: 'Bank transfer', value: 'bankTransfer', icon: <TbBuildingBank /> },\n]\n\nfunction limit(val: string, max: string) {\n if (val.length === 1 && val[0] > max[0]) {\n val = '0' + val\n }\n\n if (val.length === 2) {\n if (Number(val) === 0) {\n val = '01'\n } else if (val > max) {\n val = max\n }\n }\n\n return val\n}\n\nfunction cardExpiryFormat(val: string) {\n const month = limit(val.substring(0, 2), '12')\n const date = limit(val.substring(2, 4), '31')\n\n return month + (date.length ? '/' + date : '')\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<PaymentMethodOption>) => {\n return (\n <DefaultOption<PaymentMethodOption>\n {...props}\n customLabel={(data, label) => (\n <span className=\"flex items-center gap-2\">\n <span className=\"text-xl\">{data.icon}</span>\n <span>{label}</span>\n </span>\n )}\n />\n )\n}\n\nconst CustomControl = ({\n children,\n ...props\n}: ControlProps<PaymentMethodOption>) => {\n const selected = props.getValue()[0]\n return (\n <Control {...props}>\n {selected && (\n <span className=\"text-xl ltr:ml-4 rtl:mr-4 text-primary\">\n {selected.icon}\n </span>\n )}\n {children}\n </Control>\n )\n}\n\nconst PaymentMethodSection = ({\n control,\n errors,\n selectedPaymentMethod,\n}: PaymentMethodSectionProps) => {\n return (\n <Card id=\"payment\">\n <h4 className=\"mb-6\">Payment</h4>\n <FormItem\n label=\"Payment method\"\n invalid={Boolean(errors.paymentMethod)}\n errorMessage={errors.paymentMethod?.message}\n >\n <Controller\n name=\"paymentMethod\"\n control={control}\n render={({ field }) => (\n <Select<PaymentMethodOption>\n options={paymentMethodOptions}\n {...field}\n components={{\n Option: CustomSelectOption,\n Control: CustomControl,\n }}\n placeholder=\"\"\n value={paymentMethodOptions.filter(\n (option) => option.value === field.value,\n )}\n onChange={(option) => field.onChange(option?.value)}\n />\n )}\n />\n </FormItem>\n {selectedPaymentMethod === 'creditOrDebitCard' && (\n <>\n <FormItem\n label=\"User Name\"\n invalid={Boolean(\n (errors as CreditCardFieldError).cardHolderName,\n )}\n errorMessage={\n (errors as CreditCardFieldError).cardHolderName\n ?.message\n }\n >\n <Controller\n name=\"cardHolderName\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Card holder name\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Credit card number\"\n invalid={Boolean(\n (errors as CreditCardFieldError).ccNumber,\n )}\n errorMessage={\n (errors as CreditCardFieldError).ccNumber?.message\n }\n >\n <Controller\n name=\"ccNumber\"\n control={control}\n render={({ field }) => (\n <FormPatternInput\n placeholder=\"•••• •••• •••• ••••\"\n format=\"#### #### #### ####\"\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.value)\n }}\n />\n )}\n />\n </FormItem>\n <div className=\"grid grid-cols-2 gap-4\">\n <FormItem\n label=\"Expiration date\"\n invalid={Boolean(\n (errors as CreditCardFieldError).cardExpiry,\n )}\n errorMessage={\n (errors as CreditCardFieldError).cardExpiry\n ?.message\n }\n >\n <Controller\n name=\"cardExpiry\"\n control={control}\n render={({ field }) => (\n <FormCustomFormatInput\n placeholder=\"••/••\"\n format={cardExpiryFormat}\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.value)\n }}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"CVV\"\n invalid={Boolean(\n (errors as CreditCardFieldError).code,\n )}\n errorMessage={\n (errors as CreditCardFieldError).code?.message\n }\n >\n <Controller\n name=\"code\"\n control={control}\n render={({ field }) => (\n <FormPatternInput\n placeholder=\"•••\"\n format=\"###\"\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.value)\n }}\n />\n )}\n />\n </FormItem>\n </div>\n </>\n )}\n {selectedPaymentMethod === 'paypal' && (\n <>\n <FormItem\n label=\"Paypal email\"\n invalid={Boolean(\n (errors as PaypalFieldError).paypalEmail,\n )}\n errorMessage={\n (errors as PaypalFieldError).paypalEmail?.message\n }\n >\n <Controller\n name=\"paypalEmail\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"email\"\n autoComplete=\"off\"\n placeholder=\"Email\"\n {...field}\n />\n )}\n />\n </FormItem>\n </>\n )}\n {selectedPaymentMethod === 'bankTransfer' && (\n <>\n <FormItem\n label=\"Bank name\"\n invalid={Boolean(\n (errors as BankTransferFieldError).bankName,\n )}\n errorMessage={\n (errors as BankTransferFieldError).bankName?.message\n }\n >\n <Controller\n name=\"bankName\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Bank name\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Account number\"\n invalid={Boolean(\n (errors as BankTransferFieldError).accountNumber,\n )}\n errorMessage={\n (errors as BankTransferFieldError).accountNumber\n ?.message\n }\n >\n <Controller\n name=\"accountNumber\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Account number\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Account holder name\"\n invalid={Boolean(\n (errors as BankTransferFieldError)\n .accountHolderName,\n )}\n errorMessage={\n (errors as BankTransferFieldError).accountHolderName\n ?.message\n }\n >\n <Controller\n name=\"accountHolderName\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Account holder name\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"grid grid-cols-2 gap-4\">\n <FormItem\n label=\"IBAN\"\n invalid={Boolean(\n (errors as BankTransferFieldError).IBAN,\n )}\n errorMessage={\n (errors as BankTransferFieldError).IBAN?.message\n }\n >\n <Controller\n name=\"IBAN\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"IBAN\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Reference number\"\n invalid={Boolean(\n (errors as BankTransferFieldError)\n .referenceNumber,\n )}\n errorMessage={\n (errors as BankTransferFieldError)\n .referenceNumber?.message\n }\n >\n <Controller\n name=\"referenceNumber\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Reference number\"\n {...field}\n />\n )}\n />\n </FormItem>\n </div>\n </>\n )}\n </Card>\n )\n}\n\nexport default PaymentMethodSection\n"],"names":["paymentMethodOptions","TbCreditCard","jsx","TbBrandPaypal","TbBuildingBank","limit","val","max","cardExpiryFormat","month","date","Control","components","CustomSelectOption","props","DefaultOption","data","label","jsxs","CustomControl","children","selected","PaymentMethodSection","control","errors","selectedPaymentMethod","Card","FormItem","Controller","field","Select","option","Fragment","Input","FormPatternInput","e","FormCustomFormatInput"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as m, Fragment as v } from "react/jsx-runtime";
+import { jsx as e, jsxs as n, Fragment as v } from "react/jsx-runtime";
 import { useState as C } from "react";
 import "../../../../../components/ui/Button/index.js";
 import { DatePicker as N } from "../../../../../components/ui/DatePicker/index.js";
@@ -16,12 +16,12 @@ import { z as l } from "zod";
 import P from "../../../../../utils/classNames.js";
 import D from "../../../../../components/ui/Select/Option.js";
 import f from "../../../../../components/ui/Badge/Badge.js";
-import u from "../../../../../components/ui/Button/Button.js";
+import p from "../../../../../components/ui/Button/Button.js";
 import j from "../../../../../components/ui/Drawer/Drawer.js";
 import { Form as k } from "../../../../../components/ui/Form/Form.js";
 import c from "../../../../../components/ui/Form/FormItem.js";
 import w from "../../../../../components/ui/Select/Select.js";
-const { Control: L } = x, p = [
+const { Control: L } = x, u = [
   { value: "paid", label: "Paid", className: "bg-emerald-500" },
   { value: "failed", label: "Failed", className: "bg-red-500" },
   { value: "pending", label: "Pending", className: "bg-amber-500" },
@@ -36,14 +36,14 @@ const { Control: L } = x, p = [
   D,
   {
     ...s,
-    customLabel: (r, o) => /* @__PURE__ */ m("span", { className: "flex items-center gap-2", children: [
+    customLabel: (r, o) => /* @__PURE__ */ n("span", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(f, { className: r.className }),
       /* @__PURE__ */ e("span", { className: "ml-2 rtl:mr-2", children: o })
     ] })
   }
 ), R = ({ children: s, ...r }) => {
   const o = r.getValue()[0];
-  return /* @__PURE__ */ m(L, { ...r, children: [
+  return /* @__PURE__ */ n(L, { ...r, children: [
     o && /* @__PURE__ */ e(f, { className: P("ml-4", o.className) }),
     s
   ] });
@@ -52,12 +52,12 @@ const { Control: L } = x, p = [
   status: l.string(),
   paymentMethod: l.array(l.string())
 }), se = () => {
-  const [s, r] = C(!1), { filterData: o, setFilterData: h } = F(), { handleSubmit: b, control: n } = O({
+  const [s, r] = C(!1), { filterData: o, setFilterData: h } = F(), { handleSubmit: b, control: m } = O({
     defaultValues: o,
     resolver: S(z)
   });
-  return /* @__PURE__ */ m(v, { children: [
-    /* @__PURE__ */ e(u, { icon: /* @__PURE__ */ e(y, {}), onClick: () => r(!0), children: "Filter" }),
+  return /* @__PURE__ */ n(v, { children: [
+    /* @__PURE__ */ e(p, { icon: /* @__PURE__ */ e(y, {}), onClick: () => r(!0), children: "Filter" }),
     /* @__PURE__ */ e(
       j,
       {
@@ -65,7 +65,7 @@ const { Control: L } = x, p = [
         isOpen: s,
         onClose: () => r(!1),
         onRequestClose: () => r(!1),
-        children: /* @__PURE__ */ m(
+        children: /* @__PURE__ */ n(
           k,
           {
             className: "h-full",
@@ -74,12 +74,12 @@ const { Control: L } = x, p = [
               h(t), r(!1);
             }),
             children: [
-              /* @__PURE__ */ m("div", { children: [
+              /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e(c, { label: "Product price", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(
                   i,
                   {
                     name: "date",
-                    control: n,
+                    control: m,
                     render: ({ field: t }) => /* @__PURE__ */ e(
                       N.DatePickerRange,
                       {
@@ -93,20 +93,20 @@ const { Control: L } = x, p = [
                   i,
                   {
                     name: "status",
-                    control: n,
+                    control: m,
                     render: ({ field: t }) => /* @__PURE__ */ e(
                       w,
                       {
-                        options: p,
+                        options: u,
                         ...t,
-                        value: p.filter(
+                        value: u.filter(
                           (a) => a.value === t.value
                         ),
                         components: {
                           Option: M,
                           Control: R
                         },
-                        onChange: (a) => t.onChange(a == null ? void 0 : a.value)
+                        onChange: (a) => t.onChange(a?.value)
                       }
                     )
                   }
@@ -115,7 +115,7 @@ const { Control: L } = x, p = [
                   i,
                   {
                     name: "paymentMethod",
-                    control: n,
+                    control: m,
                     render: ({ field: t }) => /* @__PURE__ */ e(
                       d.Group,
                       {
@@ -139,7 +139,7 @@ const { Control: L } = x, p = [
                   }
                 ) }) })
               ] }),
-              /* @__PURE__ */ e(u, { variant: "solid", type: "submit", children: "Query" })
+              /* @__PURE__ */ e(p, { variant: "solid", type: "submit", children: "Query" })
             ]
           }
         )

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

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

package/dist/@ecme/views/concepts/orders/OrderList/hooks/useOrderlist.js CHANGED Viewed

@@ -1,25 +1,25 @@
-import { apiGetOrderList as c } from "../../../../../services/OrderService.js";
-import d from "swr";
+import { apiGetOrderList as m } from "../../../../../services/OrderService.js";
+import c from "swr";
 import { useOrderListStore as p } from "../store/orderListStore.js";
 function b() {
-  const { tableData: r, filterData: e, setTableData: s, setFilterData: i } = p((o) => o), { data: t, error: a, isLoading: l, mutate: n } = d(
-    ["/api/orders", { ...r, ...e }],
+  const { tableData: t, filterData: r, setTableData: o, setFilterData: s } = p((a) => a), { data: e, error: i, isLoading: d, mutate: l } = c(
+    ["/api/orders", { ...t, ...r }],
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ([o, m]) => c(m),
+    ([a, f]) => m(f),
     {
       revalidateOnFocus: !1
     }
-  ), u = (t == null ? void 0 : t.list) || [], f = (t == null ? void 0 : t.total) || 0;
+  ), n = e?.list || [], u = e?.total || 0;
   return {
-    orderList: u,
-    orderListTotal: f,
-    error: a,
-    isLoading: l,
-    tableData: r,
-    filterData: e,
-    mutate: n,
-    setTableData: s,
-    setFilterData: i
+    orderList: n,
+    orderListTotal: u,
+    error: i,
+    isLoading: d,
+    tableData: t,
+    filterData: r,
+    mutate: l,
+    setTableData: o,
+    setFilterData: s
   };
 }
 export {

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

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

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

@@ -36,14 +36,14 @@ const v = e.object({
     })
   ).min(1, { message: "At least 1 image required!" }),
   category: e.string().min(1, { message: "Product category required!" })
-}), D = (n) => {
+}), D = (s) => {
   const {
-    onFormSubmit: s,
+    onFormSubmit: n,
     defaultValues: i = {
       imgList: []
     },
     children: a
-  } = n, {
+  } = s, {
     handleSubmit: c,
     reset: l,
     formState: { errors: o },
@@ -62,7 +62,7 @@ const v = e.object({
       className: "flex w-full h-full",
       containerClassName: "flex flex-col w-full justify-between",
       onSubmit: c((u) => {
-        s == null || s(u);
+        n?.(u);
       }),
       children: [
         /* @__PURE__ */ r(f, { children: /* @__PURE__ */ m("div", { className: "flex flex-col xl:flex-row gap-4", children: [

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'\nimport { Form } from '@/components/ui/Form'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport GeneralSection from './components/GeneralSection'\nimport PricingSection from './components/PricingSection'\nimport ImageSection from './components/ImageSection'\nimport AttributeSection from './components/AttributeSection'\nimport { useForm } from 'react-hook-form'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport isEmpty from 'lodash/isEmpty'\nimport type { ProductFormSchema } from './types'\nimport type { ZodType } from 'zod'\nimport type { CommonProps } from '@/@types/common'\n\ntype ProductFormProps = {\n onFormSubmit: (values: ProductFormSchema) => void\n defaultValues?: ProductFormSchema\n newProduct?: boolean\n} & CommonProps\n\nconst validationSchema: ZodType<ProductFormSchema> = z.object({\n name: z.string().min(1, { message: 'Product name required!' }),\n productCode: z.string().min(1, { message: 'Produc code required!' }),\n description: z.string().min(1, { message: 'Produc description required!' }),\n price: z.union([z.string(), z.number()], {\n errorMap: () => ({ message: 'Price required!' }),\n }),\n taxRate: z.union([z.string(), z.number()], {\n errorMap: () => ({ message: 'Tax rate required!' }),\n }),\n costPerItem: z.union([z.string(), z.number()], {\n errorMap: () => ({ message: 'Cost required!' }),\n }),\n bulkDiscountPrice: z.union([z.string(), z.number()], {\n errorMap: () => ({ message: 'Bulk discount price required!' }),\n }),\n imgList: z\n .array(\n z.object({\n id: z.string(),\n name: z.string(),\n img: z.string(),\n }),\n )\n .min(1, { message: 'At least 1 image required!' }),\n category: z.string().min(1, { message: 'Product category required!' }),\n})\n\nconst ProductForm = (props: ProductFormProps) => {\n const {\n onFormSubmit,\n defaultValues = {\n imgList: [],\n },\n children,\n } = props\n\n const {\n handleSubmit,\n reset,\n formState: { errors },\n control,\n } = useForm<ProductFormSchema>({\n defaultValues: {\n ...defaultValues,\n },\n resolver: zodResolver(validationSchema),\n })\n\n useEffect(() => {\n if (!isEmpty(defaultValues)) {\n reset(defaultValues)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [JSON.stringify(defaultValues)])\n\n const onSubmit = (values: ProductFormSchema) => {\n onFormSubmit?.(values)\n }\n\n return (\n <Form\n className=\"flex w-full h-full\"\n containerClassName=\"flex flex-col w-full justify-between\"\n onSubmit={handleSubmit(onSubmit)}\n >\n <Container>\n <div className=\"flex flex-col xl:flex-row gap-4\">\n <div className=\"gap-4 flex flex-col flex-auto\">\n <GeneralSection control={control} errors={errors} />\n <PricingSection control={control} errors={errors} />\n </div>\n <div className=\"lg:min-w-[440px] 2xl:w-[500px] gap-4 flex flex-col\">\n <ImageSection control={control} errors={errors} />\n <AttributeSection control={control} errors={errors} />\n </div>\n </div>\n </Container>\n <BottomStickyBar>{children}</BottomStickyBar>\n </Form>\n )\n}\n\nexport default ProductForm\n"],"names":["validationSchema","z","ProductForm","props","onFormSubmit","defaultValues","children","handleSubmit","reset","errors","control","useForm","zodResolver","useEffect","isEmpty","jsxs","Form","values","jsx","Container","GeneralSection","PricingSection","ImageSection","AttributeSection","BottomStickyBar"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAMA,IAA+CC,EAAE,OAAO;AAAA,EAC1D,MAAMA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,0BAA0B;AAAA,EAC7D,aAAaA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,yBAAyB;AAAA,EACnE,aAAaA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,gCAAgC;AAAA,EAC1E,OAAOA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,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,EAG3B,GAAG,CAAC,KAAK,UAAUA,CAAa,CAAC,CAAC,GAO9B,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,oBAAmB;AAAA,MACnB,UAAUT,EARD,CAACU,MAA8B;AAC5C,QAAAb,~~KAAA~~,~~QAAAA,EAAea~~;AAAA,~~MACnB~~,CAMuC;AAAA,MAE/B,UAAA;AAAA,QAAA,gBAAAC,EAACC,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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"}