@orbe-agro/client-core 5.3.85 → 5.3.89

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

@@ -3,34 +3,34 @@ import "../../../../../components/ui/Card/index.js";
 import "../../../../../components/ui/Input/index.js";
 import "../../../../../components/ui/Select/index.js";
 import "../../../../../components/ui/Form/index.js";
-import k from "../../../../../components/shared/CustomFormatInput.js";
-import { PatternInput as v } from "../../../../../components/shared/PatternInput.js";
-import { Controller as o } from "react-hook-form";
-import { TbCreditCard as A, TbBrandPaypal as E, TbBuildingBank as I } from "react-icons/tb";
-import { components as H } from "react-select";
-import O from "../../../../../components/ui/Select/Option.js";
-import V from "../../../../../components/ui/Card/Card.js";
-import m from "../../../../../components/ui/Form/FormItem.js";
-import F from "../../../../../components/ui/Select/Select.js";
+import h from "../../../../../components/shared/CustomFormatInput.js";
+import { PatternInput as p } from "../../../../../components/shared/PatternInput.js";
+import { Controller as t } from "react-hook-form";
+import { TbCreditCard as g, TbBrandPaypal as b, TbBuildingBank as f } from "react-icons/tb";
+import { components as C } from "react-select";
+import N from "../../../../../components/ui/Select/Option.js";
+import y from "../../../../../components/ui/Card/Card.js";
+import o from "../../../../../components/ui/Form/FormItem.js";
+import B from "../../../../../components/ui/Select/Select.js";
 import i from "../../../../../components/ui/Input/Input.js";
-const x = [
+const u = [
   {
     label: "Credit/Debit card",
     value: "creditOrDebitCard",
-    icon: /* @__PURE__ */ e(A, {})
+    icon: /* @__PURE__ */ e(g, {})
   },
-  { label: "Paypal", value: "paypal", icon: /* @__PURE__ */ e(E, {}) },
-  { label: "Bank transfer", value: "bankTransfer", icon: /* @__PURE__ */ e(I, {}) }
+  { label: "Paypal", value: "paypal", icon: /* @__PURE__ */ e(b, {}) },
+  { label: "Bank transfer", value: "bankTransfer", icon: /* @__PURE__ */ e(f, {}) }
 ];
-function M(n, a) {
+function s(n, a) {
   return n.length === 1 && n[0] > a[0] && (n = "0" + n), n.length === 2 && (Number(n) === 0 ? n = "01" : n > a && (n = a)), n;
 }
-function P(n) {
-  const a = M(n.substring(0, 2), "12"), r = M(n.substring(2, 4), "31");
+function v(n) {
+  const a = s(n.substring(0, 2), "12"), r = s(n.substring(2, 4), "31");
   return a + (r.length ? "/" + r : "");
 }
-const { Control: T } = H, D = (n) => /* @__PURE__ */ e(
-  O,
+const { Control: x } = C, M = (n) => /* @__PURE__ */ e(
+  N,
   {
     ...n,
     customLabel: (a, r) => /* @__PURE__ */ c("span", { className: "flex items-center gap-2", children: [
@@ -38,73 +38,124 @@ const { Control: T } = H, D = (n) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("span", { children: r })
     ] })
   }
-), S = ({
+), k = ({
   children: n,
   ...a
 }) => {
   const r = a.getValue()[0];
-  return /* @__PURE__ */ c(T, { ...a, children: [
+  return /* @__PURE__ */ c(x, { ...a, children: [
     r && /* @__PURE__ */ e("span", { className: "text-xl ltr:ml-4 rtl:mr-4 text-primary", children: r.icon }),
     n
   ] });
-}, _ = ({
+}, q = ({
   control: n,
   errors: a,
   selectedPaymentMethod: r
-}) => {
-  var p, u, s, h, g, b, f, C, N, y, B;
-  return /* @__PURE__ */ c(V, { id: "payment", children: [
-    /* @__PURE__ */ e("h4", { className: "mb-6", children: "Payment" }),
+}) => /* @__PURE__ */ c(y, { id: "payment", children: [
+  /* @__PURE__ */ e("h4", { className: "mb-6", children: "Payment" }),
+  /* @__PURE__ */ e(
+    o,
+    {
+      label: "Payment method",
+      invalid: !!a.paymentMethod,
+      errorMessage: a.paymentMethod?.message,
+      children: /* @__PURE__ */ e(
+        t,
+        {
+          name: "paymentMethod",
+          control: n,
+          render: ({ field: l }) => /* @__PURE__ */ e(
+            B,
+            {
+              options: u,
+              ...l,
+              components: {
+                Option: M,
+                Control: k
+              },
+              placeholder: "",
+              value: u.filter(
+                (m) => m.value === l.value
+              ),
+              onChange: (m) => l.onChange(m?.value)
+            }
+          )
+        }
+      )
+    }
+  ),
+  r === "creditOrDebitCard" && /* @__PURE__ */ c(d, { children: [
+    /* @__PURE__ */ e(
+      o,
+      {
+        label: "User Name",
+        invalid: !!a.cardHolderName,
+        errorMessage: a.cardHolderName?.message,
+        children: /* @__PURE__ */ e(
+          t,
+          {
+            name: "cardHolderName",
+            control: n,
+            render: ({ field: l }) => /* @__PURE__ */ e(
+              i,
+              {
+                type: "text",
+                autoComplete: "off",
+                placeholder: "Card holder name",
+                ...l
+              }
+            )
+          }
+        )
+      }
+    ),
     /* @__PURE__ */ e(
-      m,
+      o,
       {
-        label: "Payment method",
-        invalid: !!a.paymentMethod,
-        errorMessage: (p = a.paymentMethod) == null ? void 0 : p.message,
+        label: "Credit card number",
+        invalid: !!a.ccNumber,
+        errorMessage: a.ccNumber?.message,
         children: /* @__PURE__ */ e(
-          o,
+          t,
           {
-            name: "paymentMethod",
+            name: "ccNumber",
             control: n,
             render: ({ field: l }) => /* @__PURE__ */ e(
-              F,
+              p,
               {
-                options: x,
-                ...l,
-                components: {
-                  Option: D,
-                  Control: S
-                },
-                placeholder: "",
-                value: x.filter(
-                  (t) => t.value === l.value
-                ),
-                onChange: (t) => l.onChange(t == null ? void 0 : t.value)
+                placeholder: "•••• •••• •••• ••••",
+                format: "#### #### #### ####",
+                value: l.value,
+                onValueChange: (m) => {
+                  l.onChange(m.value);
+                }
               }
             )
           }
         )
       }
     ),
-    r === "creditOrDebitCard" && /* @__PURE__ */ c(d, { children: [
+    /* @__PURE__ */ c("div", { className: "grid grid-cols-2 gap-4", children: [
       /* @__PURE__ */ e(
-        m,
+        o,
         {
-          label: "User Name",
-          invalid: !!a.cardHolderName,
-          errorMessage: (u = a.cardHolderName) == null ? void 0 : u.message,
+          label: "Expiration date",
+          invalid: !!a.cardExpiry,
+          errorMessage: a.cardExpiry?.message,
           children: /* @__PURE__ */ e(
-            o,
+            t,
             {
-              name: "cardHolderName",
+              name: "cardExpiry",
               control: n,
               render: ({ field: l }) => /* @__PURE__ */ e(
-                i,
+                h,
                 {
-                  type: "text",
-                  autoComplete: "off",
-                  placeholder: "Card holder name",
-                  ...l
+                  placeholder: "••/••",
+                  format: v,
+                  value: l.value,
+                  onValueChange: (m) => {
+                    l.onChange(m.value);
+                  }
                 }
               )
             }
@@ -112,152 +163,148 @@ const { Control: T } = H, D = (n) => /* @__PURE__ */ e(
         }
       ),
       /* @__PURE__ */ e(
-        m,
+        o,
         {
-          label: "Credit card number",
-          invalid: !!a.ccNumber,
-          errorMessage: (s = a.ccNumber) == null ? void 0 : s.message,
+          label: "CVV",
+          invalid: !!a.code,
+          errorMessage: a.code?.message,
           children: /* @__PURE__ */ e(
-            o,
+            t,
             {
-              name: "ccNumber",
+              name: "code",
               control: n,
               render: ({ field: l }) => /* @__PURE__ */ e(
-                v,
+                p,
                 {
-                  placeholder: "•••• •••• •••• ••••",
-                  format: "#### #### #### ####",
+                  placeholder: "•••",
+                  format: "###",
                   value: l.value,
-                  onValueChange: (t) => {
-                    l.onChange(t.value);
+                  onValueChange: (m) => {
+                    l.onChange(m.value);
                   }
                 }
               )
             }
           )
         }
-      ),
-      /* @__PURE__ */ c("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ e(
-          m,
+      )
+    ] })
+  ] }),
+  r === "paypal" && /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(
+    o,
+    {
+      label: "Paypal email",
+      invalid: !!a.paypalEmail,
+      errorMessage: a.paypalEmail?.message,
+      children: /* @__PURE__ */ e(
+        t,
+        {
+          name: "paypalEmail",
+          control: n,
+          render: ({ field: l }) => /* @__PURE__ */ e(
+            i,
+            {
+              type: "email",
+              autoComplete: "off",
+              placeholder: "Email",
+              ...l
+            }
+          )
+        }
+      )
+    }
+  ) }),
+  r === "bankTransfer" && /* @__PURE__ */ c(d, { children: [
+    /* @__PURE__ */ e(
+      o,
+      {
+        label: "Bank name",
+        invalid: !!a.bankName,
+        errorMessage: a.bankName?.message,
+        children: /* @__PURE__ */ e(
+          t,
           {
-            label: "Expiration date",
-            invalid: !!a.cardExpiry,
-            errorMessage: (h = a.cardExpiry) == null ? void 0 : h.message,
-            children: /* @__PURE__ */ e(
-              o,
+            name: "bankName",
+            control: n,
+            render: ({ field: l }) => /* @__PURE__ */ e(
+              i,
               {
-                name: "cardExpiry",
-                control: n,
-                render: ({ field: l }) => /* @__PURE__ */ e(
-                  k,
-                  {
-                    placeholder: "••/••",
-                    format: P,
-                    value: l.value,
-                    onValueChange: (t) => {
-                      l.onChange(t.value);
-                    }
-                  }
-                )
+                type: "text",
+                autoComplete: "off",
+                placeholder: "Bank name",
+                ...l
               }
             )
           }
-        ),
-        /* @__PURE__ */ e(
-          m,
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      o,
+      {
+        label: "Account number",
+        invalid: !!a.accountNumber,
+        errorMessage: a.accountNumber?.message,
+        children: /* @__PURE__ */ e(
+          t,
           {
-            label: "CVV",
-            invalid: !!a.code,
-            errorMessage: (g = a.code) == null ? void 0 : g.message,
-            children: /* @__PURE__ */ e(
-              o,
+            name: "accountNumber",
+            control: n,
+            render: ({ field: l }) => /* @__PURE__ */ e(
+              i,
               {
-                name: "code",
-                control: n,
-                render: ({ field: l }) => /* @__PURE__ */ e(
-                  v,
-                  {
-                    placeholder: "•••",
-                    format: "###",
-                    value: l.value,
-                    onValueChange: (t) => {
-                      l.onChange(t.value);
-                    }
-                  }
-                )
+                type: "text",
+                autoComplete: "off",
+                placeholder: "Account number",
+                ...l
               }
             )
           }
         )
-      ] })
-    ] }),
-    r === "paypal" && /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(
-      m,
+      }
+    ),
+    /* @__PURE__ */ e(
+      o,
       {
-        label: "Paypal email",
-        invalid: !!a.paypalEmail,
-        errorMessage: (b = a.paypalEmail) == null ? void 0 : b.message,
+        label: "Account holder name",
+        invalid: !!a.accountHolderName,
+        errorMessage: a.accountHolderName?.message,
         children: /* @__PURE__ */ e(
-          o,
+          t,
           {
-            name: "paypalEmail",
+            name: "accountHolderName",
             control: n,
             render: ({ field: l }) => /* @__PURE__ */ e(
               i,
               {
-                type: "email",
+                type: "text",
                 autoComplete: "off",
-                placeholder: "Email",
+                placeholder: "Account holder name",
                 ...l
               }
             )
           }
         )
       }
-    ) }),
-    r === "bankTransfer" && /* @__PURE__ */ c(d, { children: [
-      /* @__PURE__ */ e(
-        m,
-        {
-          label: "Bank name",
-          invalid: !!a.bankName,
-          errorMessage: (f = a.bankName) == null ? void 0 : f.message,
-          children: /* @__PURE__ */ e(
-            o,
-            {
-              name: "bankName",
-              control: n,
-              render: ({ field: l }) => /* @__PURE__ */ e(
-                i,
-                {
-                  type: "text",
-                  autoComplete: "off",
-                  placeholder: "Bank name",
-                  ...l
-                }
-              )
-            }
-          )
-        }
-      ),
+    ),
+    /* @__PURE__ */ c("div", { className: "grid grid-cols-2 gap-4", children: [
       /* @__PURE__ */ e(
-        m,
+        o,
         {
-          label: "Account number",
-          invalid: !!a.accountNumber,
-          errorMessage: (C = a.accountNumber) == null ? void 0 : C.message,
+          label: "IBAN",
+          invalid: !!a.IBAN,
+          errorMessage: a.IBAN?.message,
           children: /* @__PURE__ */ e(
-            o,
+            t,
             {
-              name: "accountNumber",
+              name: "IBAN",
               control: n,
               render: ({ field: l }) => /* @__PURE__ */ e(
                 i,
                 {
                   type: "text",
                   autoComplete: "off",
-                  placeholder: "Account number",
+                  placeholder: "IBAN",
                   ...l
                 }
               )
@@ -266,83 +313,33 @@ const { Control: T } = H, D = (n) => /* @__PURE__ */ e(
         }
       ),
       /* @__PURE__ */ e(
-        m,
+        o,
         {
-          label: "Account holder name",
-          invalid: !!a.accountHolderName,
-          errorMessage: (N = a.accountHolderName) == null ? void 0 : N.message,
+          label: "Reference number",
+          invalid: !!a.referenceNumber,
+          errorMessage: a.referenceNumber?.message,
           children: /* @__PURE__ */ e(
-            o,
+            t,
             {
-              name: "accountHolderName",
+              name: "referenceNumber",
               control: n,
               render: ({ field: l }) => /* @__PURE__ */ e(
                 i,
                 {
                   type: "text",
                   autoComplete: "off",
-                  placeholder: "Account holder name",
+                  placeholder: "Reference number",
                   ...l
                 }
               )
             }
           )
         }
-      ),
-      /* @__PURE__ */ c("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ e(
-          m,
-          {
-            label: "IBAN",
-            invalid: !!a.IBAN,
-            errorMessage: (y = a.IBAN) == null ? void 0 : y.message,
-            children: /* @__PURE__ */ e(
-              o,
-              {
-                name: "IBAN",
-                control: n,
-                render: ({ field: l }) => /* @__PURE__ */ e(
-                  i,
-                  {
-                    type: "text",
-                    autoComplete: "off",
-                    placeholder: "IBAN",
-                    ...l
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e(
-          m,
-          {
-            label: "Reference number",
-            invalid: !!a.referenceNumber,
-            errorMessage: (B = a.referenceNumber) == null ? void 0 : B.message,
-            children: /* @__PURE__ */ e(
-              o,
-              {
-                name: "referenceNumber",
-                control: n,
-                render: ({ field: l }) => /* @__PURE__ */ e(
-                  i,
-                  {
-                    type: "text",
-                    autoComplete: "off",
-                    placeholder: "Reference number",
-                    ...l
-                  }
-                )
-              }
-            )
-          }
-        )
-      ] })
+      )
     ] })
-  ] });
-};
+  ] })
+] });
 export {
-  _ as default
+  q as default
 };
 //# sourceMappingURL=PaymentMethodSection.js.map