@orbe-agro/client-core 5.3.86 → 5.3.90

package/dist/@ecme/views/concepts/orders/OrderEdit/OrderEdit.js

@@ -1,5 +1,5 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { useState as l, useMemo as j } from "react";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { useState as c, useMemo as j } from "react";
 import "../../../../components/ui/Button/index.js";
 import "../../../../components/ui/Notification/index.js";
 import "../../../../components/ui/toast/index.js";
@@ -12,36 +12,36 @@ import { apiGetOrder as k } from "../../../../services/OrderService.js";
 import E from "swr";
 import { useParams as I, useNavigate as L } from "react-router-dom";
 import { TbTrash as M } from "react-icons/tb";
-import p from "../../../../components/ui/toast/toast.js";
-import u from "../../../../components/ui/Notification/Notification.js";
+import d from "../../../../components/ui/toast/toast.js";
+import l from "../../../../components/ui/Notification/Notification.js";
 import q from "../OrderForm/OrderForm.js";
-import a from "../../../../components/ui/Button/Button.js";
-const oe = () => {
-  const { id: n } = I(), m = L(), { data: e, isLoading: d } = E(
-    [`/api/project/${n}`],
-    () => k({ id: n }),
+import p from "../../../../components/ui/Button/Button.js";
+const te = () => {
+  const { id: a } = I(), n = L(), { data: e, isLoading: u } = E(
+    [`/api/project/${a}`],
+    () => k({ id: a }),
     {
       revalidateOnFocus: !1,
       revalidateIfStale: !1,
       revalidateOnReconnect: !1
     }
-  ), [f, t] = l(!1), [h, c] = l(!1), g = async (i) => {
-    console.log("Submitted values", i), c(!0), await T(800), c(!1), p.push(
-      /* @__PURE__ */ o(u, { type: "success", children: [
+  ), [f, o] = c(!1), [h, m] = c(!1), g = async (i) => {
+    console.log("Submitted values", i), m(!0), await T(800), m(!1), d.push(
+      /* @__PURE__ */ t(l, { type: "success", children: [
         "Order: #",
-        e == null ? void 0 : e.id,
+        e?.id,
         " updated!"
       ] }),
       { placement: "top-center" }
-    ), m("/concepts/orders/order-list");
+    ), n("/concepts/orders/order-list");
   }, y = () => {
-    t(!0), p.push(/* @__PURE__ */ r(u, { type: "success", children: "Order deleted!" }), {
+    o(!0), d.push(/* @__PURE__ */ r(l, { type: "success", children: "Order deleted!" }), {
       placement: "top-center"
-    }), m("/concepts/orders/order-list");
+    }), n("/concepts/orders/order-list");
   }, b = () => {
-    t(!0);
+    o(!0);
   }, s = () => {
-    t(!1);
+    o(!1);
   }, C = j(() => {
     const i = e ? e.product.map(
       ({ id: N, name: O, productCode: x, img: S, price: D, quantity: F }) => ({
@@ -54,29 +54,29 @@ const oe = () => {
         stock: 0
       })
     ) : [], v = {
-      firstName: (e == null ? void 0 : e.customer.name) || "",
-      lastName: (e == null ? void 0 : e.customer.lastName) || "",
-      email: (e == null ? void 0 : e.customer.email) || "",
-      dialCode: (e == null ? void 0 : e.customer.dialCode) || "",
-      phoneNumber: (e == null ? void 0 : e.customer.phoneNumber) || "",
-      country: (e == null ? void 0 : e.customer.country) || "",
-      address: (e == null ? void 0 : e.customer.address) || "",
-      postcode: (e == null ? void 0 : e.customer.postcode) || "",
-      city: (e == null ? void 0 : e.customer.city) || "",
+      firstName: e?.customer.name || "",
+      lastName: e?.customer.lastName || "",
+      email: e?.customer.email || "",
+      dialCode: e?.customer.dialCode || "",
+      phoneNumber: e?.customer.phoneNumber || "",
+      country: e?.customer.country || "",
+      address: e?.customer.address || "",
+      postcode: e?.customer.postcode || "",
+      city: e?.customer.city || "",
       paymentMethod: "paypal",
-      paypalEmail: e == null ? void 0 : e.customer.email
+      paypalEmail: e?.customer.email
     };
     return {
       defaultProducts: i,
       defaultValues: v
     };
   }, [e]);
-  return /* @__PURE__ */ o(P, { loading: d, children: [
-    /* @__PURE__ */ r(q, { onFormSubmit: g, ...C, children: /* @__PURE__ */ r(w, { children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between px-8", children: [
+  return /* @__PURE__ */ t(P, { loading: u, children: [
+    /* @__PURE__ */ r(q, { onFormSubmit: g, ...C, children: /* @__PURE__ */ r(w, { children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-8", children: [
       /* @__PURE__ */ r("span", {}),
-      /* @__PURE__ */ o("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center", children: [
         /* @__PURE__ */ r(
-          a,
+          p,
           {
             className: "ltr:mr-3 rtl:ml-3",
             type: "button",
@@ -87,7 +87,7 @@ const oe = () => {
           }
         ),
         /* @__PURE__ */ r(
-          a,
+          p,
           {
             variant: "solid",
             type: "submit",
@@ -107,7 +107,7 @@ const oe = () => {
         onRequestClose: s,
         onCancel: s,
         onConfirm: y,
-        children: /* @__PURE__ */ o("p", { children: [
+        children: /* @__PURE__ */ t("p", { children: [
           "Are you sure you want delete this? This action can't be undo.",
           " "
         ] })
@@ -116,6 +116,6 @@ const oe = () => {
   ] });
 };
 export {
-  oe as default
+  te as default
 };
 //# sourceMappingURL=OrderEdit.js.map

package/dist/@ecme/views/concepts/orders/OrderEdit/OrderEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderEdit/OrderEdit.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport Container from '@/components/shared/Container'\nimport Loading from '@/components/shared/Loading'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport OrderForm from '../OrderForm'\nimport sleep from '@/utils/sleep'\nimport { apiGetOrder } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport { TbTrash } from 'react-icons/tb'\nimport type { OrderFormSchema } from '../OrderForm'\n\ntype GetOrderDetailsResponse = {\n    id: string\n    progressStatus: number\n    paymentStatus: number\n    dateTime: number\n    paymentSummary: {\n        subTotal: number\n        tax: number\n        deliveryFees: number\n        total: number\n        customerPayment: number\n    }\n    note: string\n    shipping: {\n        deliveryFees: number\n        estimatedMin: number\n        estimatedMax: number\n        shippingLogo: string\n        shippingVendor: string\n    }\n    product: {\n        id: string\n        name: string\n        productCode: string\n        img: string\n        price: number\n        quantity: number\n        total: number\n        details: Record<string, string[]>\n    }[]\n    activity: {\n        date: number\n        events: {\n            time: number\n            action: string\n            recipient?: string\n        }[]\n    }[]\n    customer: {\n        name: string\n        firstName: string\n        lastName: string\n        email: string\n        phone: string\n        dialCode: string\n        phoneNumber: string\n        img: string\n        previousOrder: number\n        country: string\n        address: string\n        postcode: string\n        city: string\n    }\n}\n\nconst OrderEdit = () => {\n    const { id } = useParams()\n\n    const navigate = useNavigate()\n\n    const { data, isLoading } = useSWR<GetOrderDetailsResponse, { id: string }>(\n        [`/api/project/${id}`],\n        () => apiGetOrder({ id }),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n        useState(false)\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const handleFormSubmit = async (values: OrderFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(\n            <Notification type=\"success\">\n                Order: #{data?.id} updated!\n            </Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/orders/order-list')\n    }\n\n    const handleConfirmDiscard = () => {\n        setDiscardConfirmationOpen(true)\n        toast.push(<Notification type=\"success\">Order deleted!</Notification>, {\n            placement: 'top-center',\n        })\n        navigate('/concepts/orders/order-list')\n    }\n\n    const handleDelete = () => {\n        setDiscardConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDiscardConfirmationOpen(false)\n    }\n\n    const orderFormProps = useMemo(() => {\n        const products = data\n            ? data.product.map(\n                  ({ id, name, productCode, img, price, quantity }) => {\n                      return {\n                          id,\n                          name,\n                          productCode,\n                          img,\n                          price,\n                          quantity,\n                          stock: 0,\n                      }\n                  },\n              )\n            : []\n\n        const defaultValues = {\n            firstName: data?.customer.name || '',\n            lastName: data?.customer.lastName || '',\n            email: data?.customer.email || '',\n            dialCode: data?.customer.dialCode || '',\n            phoneNumber: data?.customer.phoneNumber || '',\n            country: data?.customer.country || '',\n            address: data?.customer.address || '',\n            postcode: data?.customer.postcode || '',\n            city: data?.customer.city || '',\n            paymentMethod: 'paypal',\n            paypalEmail: data?.customer.email,\n        } as OrderFormSchema\n\n        return {\n            defaultProducts: products,\n            defaultValues,\n        }\n    }, [data])\n\n    return (\n        <Loading loading={isLoading}>\n            <OrderForm onFormSubmit={handleFormSubmit} {...orderFormProps}>\n                <Container>\n                    <div className=\"flex items-center justify-between px-8\">\n                        <span></span>\n                        <div className=\"flex items-center\">\n                            <Button\n                                className=\"ltr:mr-3 rtl:ml-3\"\n                                type=\"button\"\n                                customColorClass={() =>\n                                    'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                }\n                                icon={<TbTrash />}\n                                onClick={handleDelete}\n                            >\n                                Delete\n                            </Button>\n                            <Button\n                                variant=\"solid\"\n                                type=\"submit\"\n                                loading={isSubmiting}\n                            >\n                                Update\n                            </Button>\n                        </div>\n                    </div>\n                </Container>\n            </OrderForm>\n            <ConfirmDialog\n                isOpen={discardConfirmationOpen}\n                type=\"danger\"\n                title=\"Discard changes\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDiscard}\n            >\n                <p>\n                    Are you sure you want delete this? This action can&apos;t be\n                    undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </Loading>\n    )\n}\n\nexport default OrderEdit\n"],"names":["OrderEdit","id","useParams","navigate","useNavigate","data","isLoading","useSWR","apiGetOrder","discardConfirmationOpen","setDiscardConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsxs","Notification","handleConfirmDiscard","jsx","handleDelete","handleCancel","orderFormProps","useMemo","products","name","productCode","img","price","quantity","defaultValues","Loading","OrderForm","Container","Button","TbTrash","ConfirmDialog"],"mappings":"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"}
+{"version":3,"file":"OrderEdit.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderEdit/OrderEdit.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport Container from '@/components/shared/Container'\nimport Loading from '@/components/shared/Loading'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport OrderForm from '../OrderForm'\nimport sleep from '@/utils/sleep'\nimport { apiGetOrder } from '@/services/OrderService'\nimport useSWR from 'swr'\nimport { useParams, useNavigate } from 'react-router-dom'\nimport { TbTrash } from 'react-icons/tb'\nimport type { OrderFormSchema } from '../OrderForm'\n\ntype GetOrderDetailsResponse = {\n    id: string\n    progressStatus: number\n    paymentStatus: number\n    dateTime: number\n    paymentSummary: {\n        subTotal: number\n        tax: number\n        deliveryFees: number\n        total: number\n        customerPayment: number\n    }\n    note: string\n    shipping: {\n        deliveryFees: number\n        estimatedMin: number\n        estimatedMax: number\n        shippingLogo: string\n        shippingVendor: string\n    }\n    product: {\n        id: string\n        name: string\n        productCode: string\n        img: string\n        price: number\n        quantity: number\n        total: number\n        details: Record<string, string[]>\n    }[]\n    activity: {\n        date: number\n        events: {\n            time: number\n            action: string\n            recipient?: string\n        }[]\n    }[]\n    customer: {\n        name: string\n        firstName: string\n        lastName: string\n        email: string\n        phone: string\n        dialCode: string\n        phoneNumber: string\n        img: string\n        previousOrder: number\n        country: string\n        address: string\n        postcode: string\n        city: string\n    }\n}\n\nconst OrderEdit = () => {\n    const { id } = useParams()\n\n    const navigate = useNavigate()\n\n    const { data, isLoading } = useSWR<GetOrderDetailsResponse, { id: string }>(\n        [`/api/project/${id}`],\n        () => apiGetOrder({ id }),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const [discardConfirmationOpen, setDiscardConfirmationOpen] =\n        useState(false)\n    const [isSubmiting, setIsSubmiting] = useState(false)\n\n    const handleFormSubmit = async (values: OrderFormSchema) => {\n        console.log('Submitted values', values)\n        setIsSubmiting(true)\n        await sleep(800)\n        setIsSubmiting(false)\n        toast.push(\n            <Notification type=\"success\">\n                Order: #{data?.id} updated!\n            </Notification>,\n            { placement: 'top-center' },\n        )\n        navigate('/concepts/orders/order-list')\n    }\n\n    const handleConfirmDiscard = () => {\n        setDiscardConfirmationOpen(true)\n        toast.push(<Notification type=\"success\">Order deleted!</Notification>, {\n            placement: 'top-center',\n        })\n        navigate('/concepts/orders/order-list')\n    }\n\n    const handleDelete = () => {\n        setDiscardConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDiscardConfirmationOpen(false)\n    }\n\n    const orderFormProps = useMemo(() => {\n        const products = data\n            ? data.product.map(\n                  ({ id, name, productCode, img, price, quantity }) => {\n                      return {\n                          id,\n                          name,\n                          productCode,\n                          img,\n                          price,\n                          quantity,\n                          stock: 0,\n                      }\n                  },\n              )\n            : []\n\n        const defaultValues = {\n            firstName: data?.customer.name || '',\n            lastName: data?.customer.lastName || '',\n            email: data?.customer.email || '',\n            dialCode: data?.customer.dialCode || '',\n            phoneNumber: data?.customer.phoneNumber || '',\n            country: data?.customer.country || '',\n            address: data?.customer.address || '',\n            postcode: data?.customer.postcode || '',\n            city: data?.customer.city || '',\n            paymentMethod: 'paypal',\n            paypalEmail: data?.customer.email,\n        } as OrderFormSchema\n\n        return {\n            defaultProducts: products,\n            defaultValues,\n        }\n    }, [data])\n\n    return (\n        <Loading loading={isLoading}>\n            <OrderForm onFormSubmit={handleFormSubmit} {...orderFormProps}>\n                <Container>\n                    <div className=\"flex items-center justify-between px-8\">\n                        <span></span>\n                        <div className=\"flex items-center\">\n                            <Button\n                                className=\"ltr:mr-3 rtl:ml-3\"\n                                type=\"button\"\n                                customColorClass={() =>\n                                    'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error bg-transparent'\n                                }\n                                icon={<TbTrash />}\n                                onClick={handleDelete}\n                            >\n                                Delete\n                            </Button>\n                            <Button\n                                variant=\"solid\"\n                                type=\"submit\"\n                                loading={isSubmiting}\n                            >\n                                Update\n                            </Button>\n                        </div>\n                    </div>\n                </Container>\n            </OrderForm>\n            <ConfirmDialog\n                isOpen={discardConfirmationOpen}\n                type=\"danger\"\n                title=\"Discard changes\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDiscard}\n            >\n                <p>\n                    Are you sure you want delete this? This action can&apos;t be\n                    undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </Loading>\n    )\n}\n\nexport default OrderEdit\n"],"names":["OrderEdit","id","useParams","navigate","useNavigate","data","isLoading","useSWR","apiGetOrder","discardConfirmationOpen","setDiscardConfirmationOpen","useState","isSubmiting","setIsSubmiting","handleFormSubmit","values","sleep","toast","jsxs","Notification","handleConfirmDiscard","jsx","handleDelete","handleCancel","orderFormProps","useMemo","products","name","productCode","img","price","quantity","defaultValues","Loading","OrderForm","Container","Button","TbTrash","ConfirmDialog"],"mappings":"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"}

package/dist/@ecme/views/concepts/orders/OrderForm/OrderForm.js

@@ -1,15 +1,15 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import { useEffect as I } from "react";
 import "../../../../components/ui/Form/index.js";
 import j from "../../../../components/shared/Affix.js";
 import "../../../../components/ui/Card/index.js";
 import A from "../../../../components/shared/Container.js";
-import k from "../../../../components/template/BottomStickyBar.js";
-import { apiGetProductList as B } from "../../../../services/ProductService.js";
-import E from "./components/ProductSelectSection.js";
-import O from "./components/CustomerDetailSection.js";
-import V from "./components/BillingAddressSection.js";
-import F from "./components/PaymentMethodSection.js";
+import F from "../../../../components/template/BottomStickyBar.js";
+import { apiGetProductList as k } from "../../../../services/ProductService.js";
+import B from "./components/ProductSelectSection.js";
+import E from "./components/CustomerDetailSection.js";
+import O from "./components/BillingAddressSection.js";
+import V from "./components/PaymentMethodSection.js";
 import D from "./components/Navigator.js";
 import { useOrderFormStore as L } from "./store/orderFormStore.js";
 import w from "../../../../utils/hooks/useLayoutGap.js";
@@ -67,7 +67,7 @@ const o = e.object({
     }).merge(o)
   ]
 ), he = (t) => {
-  const { onFormSubmit: s, children: p, defaultValues: m, defaultProducts: c } = t, { setProductOption: f, setProductList: g, setSelectedProduct: u } = L(), { getTopGapValue: h } = w(), { larger: y } = z();
+  const { onFormSubmit: u, children: p, defaultValues: m, defaultProducts: l } = t, { setProductOption: f, setProductList: g, setSelectedProduct: c } = L(), { getTopGapValue: h } = w(), { larger: y } = z();
   G(
     [
       "/api/products",
@@ -82,74 +82,74 @@ const o = e.object({
       }
     ],
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ([i, d]) => B(d),
+    ([i, n]) => k(n),
     {
       revalidateOnFocus: !1,
       onSuccess: (i) => {
-        const d = i.list.map(
-          ({ id: S, name: C, img: P, stock: M }) => ({
+        const n = i.list.map(
+          ({ id: x, name: C, img: P, stock: M }) => ({
             label: C,
-            value: S,
+            value: x,
             img: P,
             quantity: M
           })
         );
-        g(i.list), f(d);
+        g(i.list), f(n);
       }
     }
-  ), I(() => (c && u(c), R(m) || N(m), () => {
-    u([]);
+  ), I(() => (l && c(l), R(m) || v(m), () => {
+    c([]);
   }), []);
   const b = (i) => {
-    s == null || s(i);
+    u?.(i);
   }, {
-    handleSubmit: v,
-    reset: N,
-    watch: q,
-    formState: { errors: a },
-    control: n
+    handleSubmit: S,
+    reset: v,
+    watch: N,
+    formState: { errors: s },
+    control: a
   } = $({
     defaultValues: {
       paymentMethod: "creditOrDebitCard",
       ...m || {}
     },
     resolver: H(W)
-  }), x = q("paymentMethod", "");
-  return /* @__PURE__ */ r("div", { className: "flex", children: /* @__PURE__ */ l(
+  }), q = N("paymentMethod", "");
+  return /* @__PURE__ */ r("div", { className: "flex", children: /* @__PURE__ */ d(
     T,
     {
       className: "flex-1 flex flex-col overflow-hidden",
-      onSubmit: v(b),
+      onSubmit: S(b),
       children: [
-        /* @__PURE__ */ r(A, { children: /* @__PURE__ */ l("div", { className: "flex gap-4", children: [
+        /* @__PURE__ */ r(A, { children: /* @__PURE__ */ d("div", { className: "flex gap-4", children: [
           y.xl && /* @__PURE__ */ r("div", { className: "w-[360px]", children: /* @__PURE__ */ r(j, { offset: h(), children: /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(D, {}) }) }) }),
-          /* @__PURE__ */ r("div", { className: "flex-1", children: /* @__PURE__ */ l("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ r(E, {}),
+          /* @__PURE__ */ r("div", { className: "flex-1", children: /* @__PURE__ */ d("div", { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ r(B, {}),
             /* @__PURE__ */ r(
-              O,
+              E,
               {
-                control: n,
-                errors: a
+                control: a,
+                errors: s
               }
             ),
             /* @__PURE__ */ r(
-              V,
+              O,
               {
-                control: n,
-                errors: a
+                control: a,
+                errors: s
               }
             ),
             /* @__PURE__ */ r(
-              F,
+              V,
               {
-                control: n,
-                errors: a,
-                selectedPaymentMethod: x
+                control: a,
+                errors: s,
+                selectedPaymentMethod: q
               }
             )
           ] }) })
         ] }) }),
-        /* @__PURE__ */ r(k, { children: p })
+        /* @__PURE__ */ r(F, { children: p })
       ]
     }
   ) });

package/dist/@ecme/views/concepts/orders/OrderForm/OrderForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderForm.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderForm/OrderForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Affix from '@/components/shared/Affix'\nimport Card from '@/components/ui/Card'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport { apiGetProductList } from '@/services/ProductService'\nimport ProductSelectSection from './components/ProductSelectSection'\nimport CustomerDetailSection from './components/CustomerDetailSection'\nimport BillingAddressSection from './components/BillingAddressSection'\nimport PaymentMethodSection from './components/PaymentMethodSection'\nimport Navigator from './components/Navigator'\nimport { useOrderFormStore } from './store/orderFormStore'\nimport useLayoutGap from '@/utils/hooks/useLayoutGap'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport useSWR from 'swr'\nimport isEmpty from 'lodash/isEmpty'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ReactNode } from 'react'\nimport type {\n    GetProductListResponse,\n    OrderFormSchema,\n    SelectedProduct,\n} from './types'\nimport type { TableQueries, CommonProps } from '@/@types/common'\n\ntype OrderFormProps = {\n    children: ReactNode\n    onFormSubmit: (values: OrderFormSchema) => void\n    defaultValues?: OrderFormSchema\n    defaultProducts?: SelectedProduct[]\n    newOrder?: boolean\n} & CommonProps\n\nconst baseValidationSchema = z.object({\n    firstName: z.string().min(1, { message: 'First name required' }),\n    lastName: z.string().min(1, { message: 'Last name required' }),\n    email: z\n        .string()\n        .min(1, { message: 'Email required' })\n        .email({ message: 'Invalid email' }),\n    dialCode: z.string().min(1, { message: 'Please select your country code' }),\n    phoneNumber: z\n        .string()\n        .min(1, { message: 'Please input your mobile number' }),\n    country: z.string().min(1, { message: 'Please select a country' }),\n    address: z.string().min(1, { message: 'Addrress required' }),\n    postcode: z.string().min(1, { message: 'Postcode required' }),\n    city: z.string().min(1, { message: 'City required' }),\n})\n\nconst validationSchema: ZodType<OrderFormSchema> = z.discriminatedUnion(\n    'paymentMethod',\n    [\n        z\n            .object({\n                paymentMethod: z.literal('creditOrDebitCard'),\n                cardHolderName: z\n                    .string()\n                    .min(1, { message: 'Card holder name required' }),\n                ccNumber: z\n                    .string()\n                    .min(1, 'Credit card number required')\n                    .refine(\n                        (value) =>\n                            /^(?:4[0-9]{12}(?:[0-9]{3})?|[25][1-7][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\\d{3})\\d{11})$/.test(\n                                value,\n                            ),\n                        'Invalid credit card number',\n                    ),\n                cardExpiry: z\n                    .string()\n                    .min(1, { message: 'Card holder name required' })\n                    .refine(\n                        (value) =>\n                            /^(0[1-9]|1[0-2])\\/?([0-9]{4}|[0-9]{2})$/.test(\n                                value,\n                            ),\n                        'Invalid Date',\n                    ),\n                code: z\n                    .string()\n                    .min(1, { message: 'Code required' })\n                    .refine((value) => /^[0-9]{3}$/.test(value), 'Invalid CVV'),\n            })\n            .merge(baseValidationSchema),\n        z\n            .object({\n                paymentMethod: z.literal('paypal'),\n                paypalEmail: z\n                    .string()\n                    .min(1, { message: 'Email required' })\n                    .email({ message: 'Invalid email' }),\n            })\n            .merge(baseValidationSchema),\n        z\n            .object({\n                paymentMethod: z.literal('bankTransfer'),\n                bankName: z.string().min(1, { message: 'Bank name required' }),\n                accountNumber: z\n                    .string()\n                    .min(1, { message: 'Account number required' }),\n                accountHolderName: z\n                    .string()\n                    .min(1, { message: 'Account holder name required' }),\n                IBAN: z.string().min(1, { message: 'IBAN required' }),\n            })\n            .merge(baseValidationSchema),\n        z\n            .object({\n                paymentMethod: z.literal(''),\n            })\n            .merge(baseValidationSchema),\n    ],\n)\n\nconst OrderForm = (props: OrderFormProps) => {\n    const { onFormSubmit, children, defaultValues, defaultProducts } = props\n\n    const { setProductOption, setProductList, setSelectedProduct } =\n        useOrderFormStore()\n\n    const { getTopGapValue } = useLayoutGap()\n\n    const { larger } = useResponsive()\n\n    useSWR(\n        [\n            '/api/products',\n            {\n                pageIndex: 1,\n                pageSize: 10,\n                query: '',\n                sort: {\n                    order: '',\n                    key: '',\n                },\n            } as TableQueries,\n        ],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetProductList<GetProductListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n            onSuccess: (resp) => {\n                const list = resp.list.map(\n                    ({ id: value, name: label, img, stock: quantity }) => ({\n                        label,\n                        value,\n                        img,\n                        quantity,\n                    }),\n                )\n                setProductList(resp.list)\n                setProductOption(list)\n            },\n        },\n    )\n\n    useEffect(() => {\n        if (defaultProducts) {\n            setSelectedProduct(defaultProducts)\n        }\n        if (!isEmpty(defaultValues)) {\n            reset(defaultValues)\n        }\n        return () => {\n            setSelectedProduct([])\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    const onSubmit = (values: OrderFormSchema) => {\n        onFormSubmit?.(values)\n    }\n\n    const {\n        handleSubmit,\n        reset,\n        watch,\n        formState: { errors },\n        control,\n    } = useForm<OrderFormSchema>({\n        defaultValues: {\n            paymentMethod: 'creditOrDebitCard',\n            ...(defaultValues ? defaultValues : {}),\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const selectedPaymentMethod = watch('paymentMethod', '')\n\n    return (\n        <div className=\"flex\">\n            <Form\n                className=\"flex-1 flex flex-col overflow-hidden\"\n                onSubmit={handleSubmit(onSubmit)}\n            >\n                <Container>\n                    <div className=\"flex gap-4\">\n                        {larger.xl && (\n                            <div className=\"w-[360px]\">\n                                <Affix offset={getTopGapValue()}>\n                                    <Card>\n                                        <Navigator />\n                                    </Card>\n                                </Affix>\n                            </div>\n                        )}\n\n                        <div className=\"flex-1\">\n                            <div className=\"flex flex-col gap-4\">\n                                <ProductSelectSection />\n                                <CustomerDetailSection\n                                    control={control}\n                                    errors={errors}\n                                />\n                                <BillingAddressSection\n                                    control={control}\n                                    errors={errors}\n                                />\n                                <PaymentMethodSection\n                                    control={control}\n                                    errors={errors}\n                                    selectedPaymentMethod={\n                                        selectedPaymentMethod\n                                    }\n                                />\n                            </div>\n                        </div>\n                    </div>\n                </Container>\n                <BottomStickyBar>{children}</BottomStickyBar>\n            </Form>\n        </div>\n    )\n}\n\nexport default OrderForm\n"],"names":["baseValidationSchema","z","validationSchema","value","OrderForm","props","onFormSubmit","children","defaultValues","defaultProducts","setProductOption","setProductList","setSelectedProduct","useOrderFormStore","getTopGapValue","useLayoutGap","larger","useResponsive","useSWR","_","params","apiGetProductList","resp","list","label","img","quantity","useEffect","isEmpty","reset","onSubmit","values","handleSubmit","watch","errors","control","useForm","zodResolver","selectedPaymentMethod","jsx","jsxs","Form","Container","Affix","Card","Navigator","ProductSelectSection","CustomerDetailSection","BillingAddressSection","PaymentMethodSection","BottomStickyBar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAMA,IAAuBC,EAAE,OAAO;AAAA,EAClC,WAAWA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,uBAAuB;AAAA,EAC/D,UAAUA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,sBAAsB;AAAA,EAC7D,OAAOA,EACF,SACA,IAAI,GAAG,EAAE,SAAS,iBAAA,CAAkB,EACpC,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAUA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1E,aAAaA,EACR,SACA,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1D,SAASA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,2BAA2B;AAAA,EACjE,SAASA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC3D,UAAUA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC5D,MAAMA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,SAAS,gBAAA,CAAiB;AACxD,CAAC,GAEKC,IAA6CD,EAAE;AAAA,EACjD;AAAA,EACA;AAAA,IACIA,EACK,OAAO;AAAA,MACJ,eAAeA,EAAE,QAAQ,mBAAmB;AAAA,MAC5C,gBAAgBA,EACX,SACA,IAAI,GAAG,EAAE,SAAS,6BAA6B;AAAA,MACpD,UAAUA,EACL,OAAA,EACA,IAAI,GAAG,6BAA6B,EACpC;AAAA,QACG,CAACE,MACG,2JAA2J;AAAA,UACvJA;AAAA,QAAA;AAAA,QAER;AAAA,MAAA;AAAA,MAER,YAAYF,EACP,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,4BAAA,CAA6B,EAC/C;AAAA,QACG,CAACE,MACG,0CAA0C;AAAA,UACtCA;AAAA,QAAA;AAAA,QAER;AAAA,MAAA;AAAA,MAER,MAAMF,EACD,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,gBAAA,CAAiB,EACnC,OAAO,CAACE,MAAU,aAAa,KAAKA,CAAK,GAAG,aAAa;AAAA,IAAA,CACjE,EACA,MAAMH,CAAoB;AAAA,IAC/BC,EACK,OAAO;AAAA,MACJ,eAAeA,EAAE,QAAQ,QAAQ;AAAA,MACjC,aAAaA,EACR,SACA,IAAI,GAAG,EAAE,SAAS,iBAAA,CAAkB,EACpC,MAAM,EAAE,SAAS,iBAAiB;AAAA,IAAA,CAC1C,EACA,MAAMD,CAAoB;AAAA,IAC/BC,EACK,OAAO;AAAA,MACJ,eAAeA,EAAE,QAAQ,cAAc;AAAA,MACvC,UAAUA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,sBAAsB;AAAA,MAC7D,eAAeA,EACV,SACA,IAAI,GAAG,EAAE,SAAS,2BAA2B;AAAA,MAClD,mBAAmBA,EACd,SACA,IAAI,GAAG,EAAE,SAAS,gCAAgC;AAAA,MACvD,MAAMA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,SAAS,gBAAA,CAAiB;AAAA,IAAA,CACvD,EACA,MAAMD,CAAoB;AAAA,IAC/BC,EACK,OAAO;AAAA,MACJ,eAAeA,EAAE,QAAQ,EAAE;AAAA,IAAA,CAC9B,EACA,MAAMD,CAAoB;AAAA,EAAA;AAEvC,GAEMI,KAAY,CAACC,MAA0B;AACzC,QAAM,EAAE,cAAAC,GAAc,UAAAC,GAAU,eAAAC,GAAe,iBAAAC,MAAoBJ,GAE7D,EAAE,kBAAAK,GAAkB,gBAAAC,GAAgB,oBAAAC,EAAA,IACtCC,EAAA,GAEE,EAAE,gBAAAC,EAAA,IAAmBC,EAAA,GAErB,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,EAAAC;AAAA,IACI;AAAA,MACI;AAAA,MACA;AAAA,QACI,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,MAAM;AAAA,UACF,OAAO;AAAA,UACP,KAAK;AAAA,QAAA;AAAA,MACT;AAAA,IACJ;AAAA;AAAA,IAGJ,CAAC,CAACC,GAAGC,CAAM,MACPC,EAAwDD,CAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,MACnB,WAAW,CAACE,MAAS;AACjB,cAAMC,IAAOD,EAAK,KAAK;AAAA,UACnB,CAAC,EAAE,IAAInB,GAAO,MAAMqB,GAAO,KAAAC,GAAK,OAAOC,SAAgB;AAAA,YACnD,OAAAF;AAAA,YACA,OAAArB;AAAA,YACA,KAAAsB;AAAA,YACA,UAAAC;AAAA,UAAA;AAAA,QACJ;AAEJ,QAAAf,EAAeW,EAAK,IAAI,GACxBZ,EAAiBa,CAAI;AAAA,MACzB;AAAA,IAAA;AAAA,EACJ,GAGJI,EAAU,OACFlB,KACAG,EAAmBH,CAAe,GAEjCmB,EAAQpB,CAAa,KACtBqB,EAAMrB,CAAa,GAEhB,MAAM;AACT,IAAAI,EAAmB,CAAA,CAAE;AAAA,EACzB,IAED,CAAA,CAAE;AAEL,QAAMkB,IAAW,CAACC,MAA4B;AAC1C,IAAAzB,KAAA,QAAAA,EAAeyB;AAAA,EACnB,GAEM;AAAA,IACF,cAAAC;AAAA,IACA,OAAAH;AAAA,IACA,OAAAI;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAyB;AAAA,IACzB,eAAe;AAAA,MACX,eAAe;AAAA,MACf,GAAI5B,KAAgC,CAAA;AAAA,IAAC;AAAA,IAEzC,UAAU6B,EAAYnC,CAAgB;AAAA,EAAA,CACzC,GAEKoC,IAAwBL,EAAM,iBAAiB,EAAE;AAEvD,SACI,gBAAAM,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,UAAUT,EAAaF,CAAQ;AAAA,MAE/B,UAAA;AAAA,QAAA,gBAAAS,EAACG,GAAA,EACG,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,cACV,UAAA;AAAA,UAAAxB,EAAO,MACJ,gBAAAuB,EAAC,OAAA,EAAI,WAAU,aACX,4BAACI,GAAA,EAAM,QAAQ7B,EAAA,GACX,4BAAC8B,GAAA,EACG,UAAA,gBAAAL,EAACM,GAAA,CAAA,CAAU,GACf,GACJ,EAAA,CACJ;AAAA,4BAGH,OAAA,EAAI,WAAU,UACX,UAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,YAAA,gBAAAD,EAACO,GAAA,EAAqB;AAAA,YACtB,gBAAAP;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACG,SAAAZ;AAAA,gBACA,QAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,YAEJ,gBAAAK;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,SAAAb;AAAA,gBACA,QAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,YAEJ,gBAAAK;AAAA,cAACU;AAAA,cAAA;AAAA,gBACG,SAAAd;AAAA,gBACA,QAAAD;AAAA,gBACA,uBAAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAGJ,EAAA,CACJ,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QACA,gBAAAC,EAACW,KAAiB,UAAA3C,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnC;AAER;"}
+{"version":3,"file":"OrderForm.js","sources":["../../../../../../lib/@ecme/views/concepts/orders/OrderForm/OrderForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Affix from '@/components/shared/Affix'\nimport Card from '@/components/ui/Card'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport { apiGetProductList } from '@/services/ProductService'\nimport ProductSelectSection from './components/ProductSelectSection'\nimport CustomerDetailSection from './components/CustomerDetailSection'\nimport BillingAddressSection from './components/BillingAddressSection'\nimport PaymentMethodSection from './components/PaymentMethodSection'\nimport Navigator from './components/Navigator'\nimport { useOrderFormStore } from './store/orderFormStore'\nimport useLayoutGap from '@/utils/hooks/useLayoutGap'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport useSWR from 'swr'\nimport isEmpty from 'lodash/isEmpty'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ReactNode } from 'react'\nimport type {\n    GetProductListResponse,\n    OrderFormSchema,\n    SelectedProduct,\n} from './types'\nimport type { TableQueries, CommonProps } from '@/@types/common'\n\ntype OrderFormProps = {\n    children: ReactNode\n    onFormSubmit: (values: OrderFormSchema) => void\n    defaultValues?: OrderFormSchema\n    defaultProducts?: SelectedProduct[]\n    newOrder?: boolean\n} & CommonProps\n\nconst baseValidationSchema = z.object({\n    firstName: z.string().min(1, { message: 'First name required' }),\n    lastName: z.string().min(1, { message: 'Last name required' }),\n    email: z\n        .string()\n        .min(1, { message: 'Email required' })\n        .email({ message: 'Invalid email' }),\n    dialCode: z.string().min(1, { message: 'Please select your country code' }),\n    phoneNumber: z\n        .string()\n        .min(1, { message: 'Please input your mobile number' }),\n    country: z.string().min(1, { message: 'Please select a country' }),\n    address: z.string().min(1, { message: 'Addrress required' }),\n    postcode: z.string().min(1, { message: 'Postcode required' }),\n    city: z.string().min(1, { message: 'City required' }),\n})\n\nconst validationSchema: ZodType<OrderFormSchema> = z.discriminatedUnion(\n    'paymentMethod',\n    [\n        z\n            .object({\n                paymentMethod: z.literal('creditOrDebitCard'),\n                cardHolderName: z\n                    .string()\n                    .min(1, { message: 'Card holder name required' }),\n                ccNumber: z\n                    .string()\n                    .min(1, 'Credit card number required')\n                    .refine(\n                        (value) =>\n                            /^(?:4[0-9]{12}(?:[0-9]{3})?|[25][1-7][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\\d{3})\\d{11})$/.test(\n                                value,\n                            ),\n                        'Invalid credit card number',\n                    ),\n                cardExpiry: z\n                    .string()\n                    .min(1, { message: 'Card holder name required' })\n                    .refine(\n                        (value) =>\n                            /^(0[1-9]|1[0-2])\\/?([0-9]{4}|[0-9]{2})$/.test(\n                                value,\n                            ),\n                        'Invalid Date',\n                    ),\n                code: z\n                    .string()\n                    .min(1, { message: 'Code required' })\n                    .refine((value) => /^[0-9]{3}$/.test(value), 'Invalid CVV'),\n            })\n            .merge(baseValidationSchema),\n        z\n            .object({\n                paymentMethod: z.literal('paypal'),\n                paypalEmail: z\n                    .string()\n                    .min(1, { message: 'Email required' })\n                    .email({ message: 'Invalid email' }),\n            })\n            .merge(baseValidationSchema),\n        z\n            .object({\n                paymentMethod: z.literal('bankTransfer'),\n                bankName: z.string().min(1, { message: 'Bank name required' }),\n                accountNumber: z\n                    .string()\n                    .min(1, { message: 'Account number required' }),\n                accountHolderName: z\n                    .string()\n                    .min(1, { message: 'Account holder name required' }),\n                IBAN: z.string().min(1, { message: 'IBAN required' }),\n            })\n            .merge(baseValidationSchema),\n        z\n            .object({\n                paymentMethod: z.literal(''),\n            })\n            .merge(baseValidationSchema),\n    ],\n)\n\nconst OrderForm = (props: OrderFormProps) => {\n    const { onFormSubmit, children, defaultValues, defaultProducts } = props\n\n    const { setProductOption, setProductList, setSelectedProduct } =\n        useOrderFormStore()\n\n    const { getTopGapValue } = useLayoutGap()\n\n    const { larger } = useResponsive()\n\n    useSWR(\n        [\n            '/api/products',\n            {\n                pageIndex: 1,\n                pageSize: 10,\n                query: '',\n                sort: {\n                    order: '',\n                    key: '',\n                },\n            } as TableQueries,\n        ],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetProductList<GetProductListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n            onSuccess: (resp) => {\n                const list = resp.list.map(\n                    ({ id: value, name: label, img, stock: quantity }) => ({\n                        label,\n                        value,\n                        img,\n                        quantity,\n                    }),\n                )\n                setProductList(resp.list)\n                setProductOption(list)\n            },\n        },\n    )\n\n    useEffect(() => {\n        if (defaultProducts) {\n            setSelectedProduct(defaultProducts)\n        }\n        if (!isEmpty(defaultValues)) {\n            reset(defaultValues)\n        }\n        return () => {\n            setSelectedProduct([])\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    const onSubmit = (values: OrderFormSchema) => {\n        onFormSubmit?.(values)\n    }\n\n    const {\n        handleSubmit,\n        reset,\n        watch,\n        formState: { errors },\n        control,\n    } = useForm<OrderFormSchema>({\n        defaultValues: {\n            paymentMethod: 'creditOrDebitCard',\n            ...(defaultValues ? defaultValues : {}),\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const selectedPaymentMethod = watch('paymentMethod', '')\n\n    return (\n        <div className=\"flex\">\n            <Form\n                className=\"flex-1 flex flex-col overflow-hidden\"\n                onSubmit={handleSubmit(onSubmit)}\n            >\n                <Container>\n                    <div className=\"flex gap-4\">\n                        {larger.xl && (\n                            <div className=\"w-[360px]\">\n                                <Affix offset={getTopGapValue()}>\n                                    <Card>\n                                        <Navigator />\n                                    </Card>\n                                </Affix>\n                            </div>\n                        )}\n\n                        <div className=\"flex-1\">\n                            <div className=\"flex flex-col gap-4\">\n                                <ProductSelectSection />\n                                <CustomerDetailSection\n                                    control={control}\n                                    errors={errors}\n                                />\n                                <BillingAddressSection\n                                    control={control}\n                                    errors={errors}\n                                />\n                                <PaymentMethodSection\n                                    control={control}\n                                    errors={errors}\n                                    selectedPaymentMethod={\n                                        selectedPaymentMethod\n                                    }\n                                />\n                            </div>\n                        </div>\n                    </div>\n                </Container>\n                <BottomStickyBar>{children}</BottomStickyBar>\n            </Form>\n        </div>\n    )\n}\n\nexport default OrderForm\n"],"names":["baseValidationSchema","z","validationSchema","value","OrderForm","props","onFormSubmit","children","defaultValues","defaultProducts","setProductOption","setProductList","setSelectedProduct","useOrderFormStore","getTopGapValue","useLayoutGap","larger","useResponsive","useSWR","_","params","apiGetProductList","resp","list","label","img","quantity","useEffect","isEmpty","reset","onSubmit","values","handleSubmit","watch","errors","control","useForm","zodResolver","selectedPaymentMethod","jsx","jsxs","Form","Container","Affix","Card","Navigator","ProductSelectSection","CustomerDetailSection","BillingAddressSection","PaymentMethodSection","BottomStickyBar"],"mappings":"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"}