@orbe-agro/client-core 5.3.85 → 5.3.89

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

@@ -1,79 +1,126 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import "../../../../../components/ui/Card/index.js";
 import "../../../../../components/ui/Input/index.js";
 import "../../../../../components/ui/Select/index.js";
-import { Avatar as g } from "../../../../../components/ui/Avatar/index.js";
+import { Avatar as d } from "../../../../../components/ui/Avatar/index.js";
 import "../../../../../components/ui/Form/index.js";
-import { countryList as u } from "../../../../../constants/countries.constant.js";
-import { Controller as l } from "react-hook-form";
-import { components as f } from "react-select";
-import h from "../../../../../components/ui/Select/Option.js";
-import C from "../../../../../components/ui/Card/Card.js";
-import n from "../../../../../components/ui/Form/FormItem.js";
-import y from "../../../../../components/ui/Select/Select.js";
-import m from "../../../../../components/ui/Input/Input.js";
-const { Control: v } = f, x = (r) => /* @__PURE__ */ e(
-  h,
+import { countryList as m } from "../../../../../constants/countries.constant.js";
+import { Controller as a } from "react-hook-form";
+import { components as c } from "react-select";
+import p from "../../../../../components/ui/Select/Option.js";
+import u from "../../../../../components/ui/Card/Card.js";
+import s from "../../../../../components/ui/Form/FormItem.js";
+import g from "../../../../../components/ui/Select/Select.js";
+import i from "../../../../../components/ui/Input/Input.js";
+const { Control: f } = c, h = (r) => /* @__PURE__ */ e(
+  p,
   {
     ...r,
-    customLabel: (o, a) => /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
+    customLabel: (t, o) => /* @__PURE__ */ l("span", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(
-        g,
+        d,
         {
           shape: "circle",
           size: 20,
-          src: `/img/countries/${o.value}.png`
+          src: `/img/countries/${t.value}.png`
         }
       ),
-      /* @__PURE__ */ e("span", { children: a })
+      /* @__PURE__ */ e("span", { children: o })
     ] })
   }
-), b = ({ children: r, ...o }) => {
-  const a = o.getValue()[0];
-  return /* @__PURE__ */ i(v, { ...o, children: [
-    a && /* @__PURE__ */ e(
-      g,
+), C = ({ children: r, ...t }) => {
+  const o = t.getValue()[0];
+  return /* @__PURE__ */ l(f, { ...t, children: [
+    o && /* @__PURE__ */ e(
+      d,
       {
         className: "ltr:ml-4 rtl:mr-4",
         shape: "circle",
         size: 20,
-        src: `/img/countries/${a.value}.png`
+        src: `/img/countries/${o.value}.png`
       }
     ),
     r
   ] });
-}, k = ({
+}, P = ({
   control: r,
-  errors: o
-}) => {
-  var a, d, c, p;
-  return /* @__PURE__ */ i(C, { id: "addressInformation", children: [
-    /* @__PURE__ */ e("h4", { className: "mb-6", children: "Address Information" }),
+  errors: t
+}) => /* @__PURE__ */ l(u, { id: "addressInformation", children: [
+  /* @__PURE__ */ e("h4", { className: "mb-6", children: "Address Information" }),
+  /* @__PURE__ */ e(
+    s,
+    {
+      label: "Country",
+      invalid: !!t.country,
+      errorMessage: t.country?.message,
+      children: /* @__PURE__ */ e(
+        a,
+        {
+          name: "country",
+          control: r,
+          render: ({ field: o }) => /* @__PURE__ */ e(
+            g,
+            {
+              options: m,
+              ...o,
+              components: {
+                Option: h,
+                Control: C
+              },
+              placeholder: "",
+              value: m.filter(
+                (n) => n.value === o.value
+              ),
+              onChange: (n) => o.onChange(n?.value)
+            }
+          )
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ e(
+    s,
+    {
+      label: "Address",
+      invalid: !!t.address,
+      errorMessage: t.address?.message,
+      children: /* @__PURE__ */ e(
+        a,
+        {
+          name: "address",
+          control: r,
+          render: ({ field: o }) => /* @__PURE__ */ e(
+            i,
+            {
+              type: "text",
+              autoComplete: "off",
+              placeholder: "Address",
+              ...o
+            }
+          )
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
     /* @__PURE__ */ e(
-      n,
+      s,
       {
-        label: "Country",
-        invalid: !!o.country,
-        errorMessage: (a = o.country) == null ? void 0 : a.message,
+        label: "City",
+        invalid: !!t.city,
+        errorMessage: t.city?.message,
         children: /* @__PURE__ */ e(
-          l,
+          a,
           {
-            name: "country",
+            name: "city",
             control: r,
-            render: ({ field: t }) => /* @__PURE__ */ e(
-              y,
+            render: ({ field: o }) => /* @__PURE__ */ e(
+              i,
               {
-                options: u,
-                ...t,
-                components: {
-                  Option: x,
-                  Control: b
-                },
-                placeholder: "",
-                value: u.filter(
-                  (s) => s.value === t.value
-                ),
-                onChange: (s) => t.onChange(s == null ? void 0 : s.value)
+                type: "text",
+                autoComplete: "off",
+                placeholder: "City",
+                ...o
               }
             )
           }
@@ -81,82 +128,32 @@ const { Control: v } = f, x = (r) => /* @__PURE__ */ e(
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      s,
       {
-        label: "Address",
-        invalid: !!o.address,
-        errorMessage: (d = o.address) == null ? void 0 : d.message,
+        label: "Postal Code",
+        invalid: !!t.postcode,
+        errorMessage: t.postcode?.message,
         children: /* @__PURE__ */ e(
-          l,
+          a,
           {
-            name: "address",
+            name: "postcode",
             control: r,
-            render: ({ field: t }) => /* @__PURE__ */ e(
-              m,
+            render: ({ field: o }) => /* @__PURE__ */ e(
+              i,
               {
                 type: "text",
                 autoComplete: "off",
-                placeholder: "Address",
-                ...t
+                placeholder: "Postal Code",
+                ...o
               }
             )
           }
         )
       }
-    ),
-    /* @__PURE__ */ i("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ e(
-        n,
-        {
-          label: "City",
-          invalid: !!o.city,
-          errorMessage: (c = o.city) == null ? void 0 : c.message,
-          children: /* @__PURE__ */ e(
-            l,
-            {
-              name: "city",
-              control: r,
-              render: ({ field: t }) => /* @__PURE__ */ e(
-                m,
-                {
-                  type: "text",
-                  autoComplete: "off",
-                  placeholder: "City",
-                  ...t
-                }
-              )
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e(
-        n,
-        {
-          label: "Postal Code",
-          invalid: !!o.postcode,
-          errorMessage: (p = o.postcode) == null ? void 0 : p.message,
-          children: /* @__PURE__ */ e(
-            l,
-            {
-              name: "postcode",
-              control: r,
-              render: ({ field: t }) => /* @__PURE__ */ e(
-                m,
-                {
-                  type: "text",
-                  autoComplete: "off",
-                  placeholder: "Postal Code",
-                  ...t
-                }
-              )
-            }
-          )
-        }
-      )
-    ] })
-  ] });
-};
+    )
+  ] })
+] });
 export {
-  k as default
+  P as default
 };
 //# sourceMappingURL=BillingAddressSection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BillingAddressSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/BillingAddressSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { FormItem } from '@/components/ui/Form'\nimport { countryList } from '@/constants/countries.constant'\nimport { Controller } from 'react-hook-form'\nimport { components } from 'react-select'\nimport type { FormSectionBaseProps } from '../types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype BillingAddressSectionProps = FormSectionBaseProps\n\ntype CountryOption = {\n    label: string\n    dialCode: string\n    value: string\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\n    return (\n        <DefaultOption<CountryOption>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar\n                        shape=\"circle\"\n                        size={20}\n                        src={`/img/countries/${data.value}.png`}\n                    />\n                    <span>{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={20}\n                    src={`/img/countries/${selected.value}.png`}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst BillingAddressSection = ({\n    control,\n    errors,\n}: BillingAddressSectionProps) => {\n    return (\n        <Card id=\"addressInformation\">\n            <h4 className=\"mb-6\">Address Information</h4>\n            <FormItem\n                label=\"Country\"\n                invalid={Boolean(errors.country)}\n                errorMessage={errors.country?.message}\n            >\n                <Controller\n                    name=\"country\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<CountryOption>\n                            options={countryList}\n                            {...field}\n                            components={{\n                                Option: CustomSelectOption,\n                                Control: CustomControl,\n                            }}\n                            placeholder=\"\"\n                            value={countryList.filter(\n                                (option) => option.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Address\"\n                invalid={Boolean(errors.address)}\n                errorMessage={errors.address?.message}\n            >\n                <Controller\n                    name=\"address\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Address\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <FormItem\n                    label=\"City\"\n                    invalid={Boolean(errors.city)}\n                    errorMessage={errors.city?.message}\n                >\n                    <Controller\n                        name=\"city\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"City\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Postal Code\"\n                    invalid={Boolean(errors.postcode)}\n                    errorMessage={errors.postcode?.message}\n                >\n                    <Controller\n                        name=\"postcode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Postal Code\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default BillingAddressSection\n"],"names":["Control","components","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Avatar","CustomControl","children","selected","BillingAddressSection","control","errors","Card","FormItem","_a","Controller","field","Select","countryList","option","_b","Input","_c","_d"],"mappings":"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"}
+{"version":3,"file":"BillingAddressSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/BillingAddressSection.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { FormItem } from '@/components/ui/Form'\nimport { countryList } from '@/constants/countries.constant'\nimport { Controller } from 'react-hook-form'\nimport { components } from 'react-select'\nimport type { FormSectionBaseProps } from '../types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype BillingAddressSectionProps = FormSectionBaseProps\n\ntype CountryOption = {\n    label: string\n    dialCode: string\n    value: string\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\n    return (\n        <DefaultOption<CountryOption>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar\n                        shape=\"circle\"\n                        size={20}\n                        src={`/img/countries/${data.value}.png`}\n                    />\n                    <span>{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={20}\n                    src={`/img/countries/${selected.value}.png`}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst BillingAddressSection = ({\n    control,\n    errors,\n}: BillingAddressSectionProps) => {\n    return (\n        <Card id=\"addressInformation\">\n            <h4 className=\"mb-6\">Address Information</h4>\n            <FormItem\n                label=\"Country\"\n                invalid={Boolean(errors.country)}\n                errorMessage={errors.country?.message}\n            >\n                <Controller\n                    name=\"country\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<CountryOption>\n                            options={countryList}\n                            {...field}\n                            components={{\n                                Option: CustomSelectOption,\n                                Control: CustomControl,\n                            }}\n                            placeholder=\"\"\n                            value={countryList.filter(\n                                (option) => option.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Address\"\n                invalid={Boolean(errors.address)}\n                errorMessage={errors.address?.message}\n            >\n                <Controller\n                    name=\"address\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Address\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <FormItem\n                    label=\"City\"\n                    invalid={Boolean(errors.city)}\n                    errorMessage={errors.city?.message}\n                >\n                    <Controller\n                        name=\"city\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"City\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Postal Code\"\n                    invalid={Boolean(errors.postcode)}\n                    errorMessage={errors.postcode?.message}\n                >\n                    <Controller\n                        name=\"postcode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Postal Code\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default BillingAddressSection\n"],"names":["Control","components","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Avatar","CustomControl","children","selected","BillingAddressSection","control","errors","Card","FormItem","Controller","field","Select","countryList","option","Input"],"mappings":"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"}

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

@@ -1,26 +1,26 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { useMemo as f } from "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { useMemo as d } from "react";
 import "../../../../../components/ui/Card/index.js";
 import "../../../../../components/ui/Input/index.js";
 import "../../../../../components/ui/Select/index.js";
-import { Avatar as h } from "../../../../../components/ui/Avatar/index.js";
+import { Avatar as p } from "../../../../../components/ui/Avatar/index.js";
 import "../../../../../components/ui/Form/index.js";
-import C from "../../../../../components/shared/NumericInput.js";
-import { countryList as N } from "../../../../../constants/countries.constant.js";
-import { Controller as n } from "react-hook-form";
-import { components as g } from "react-select";
-import b from "../../../../../components/ui/Select/Option.js";
-import v from "../../../../../components/ui/Card/Card.js";
+import c from "../../../../../components/shared/NumericInput.js";
+import { countryList as u } from "../../../../../constants/countries.constant.js";
+import { Controller as r } from "react-hook-form";
+import { components as h } from "react-select";
+import f from "../../../../../components/ui/Select/Option.js";
+import C from "../../../../../components/ui/Card/Card.js";
 import i from "../../../../../components/ui/Form/FormItem.js";
 import s from "../../../../../components/ui/Input/Input.js";
-import B from "../../../../../components/ui/Select/Select.js";
-const { Control: x } = g, L = (o) => /* @__PURE__ */ e(
-  b,
+import N from "../../../../../components/ui/Select/Select.js";
+const { Control: g } = h, b = (o) => /* @__PURE__ */ e(
+  f,
   {
     ...o,
-    customLabel: (a) => /* @__PURE__ */ r("span", { className: "flex items-center gap-2", children: [
+    customLabel: (a) => /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(
-        h,
+        p,
         {
           shape: "circle",
           size: 20,
@@ -30,39 +30,38 @@ const { Control: x } = g, L = (o) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("span", { children: a.dialCode })
     ] })
   }
-), w = ({ children: o, ...a }) => {
-  const t = a.getValue()[0];
-  return /* @__PURE__ */ r(x, { ...a, children: [
-    t && /* @__PURE__ */ e(
-      h,
+), v = ({ children: o, ...a }) => {
+  const n = a.getValue()[0];
+  return /* @__PURE__ */ t(g, { ...a, children: [
+    n && /* @__PURE__ */ e(
+      p,
       {
         className: "ltr:ml-4 rtl:mr-4",
         shape: "circle",
         size: 20,
-        src: `/img/countries/${t.value}.png`
+        src: `/img/countries/${n.value}.png`
       }
     ),
     o
   ] });
-}, k = ({
+}, $ = ({
   control: o,
   errors: a
 }) => {
-  var d, c, p, u;
-  const t = f(() => JSON.parse(
-    JSON.stringify(N)
+  const n = d(() => JSON.parse(
+    JSON.stringify(u)
   ).map((m) => (m.label = m.dialCode, m)), []);
-  return /* @__PURE__ */ r(v, { id: "customerDetails", children: [
+  return /* @__PURE__ */ t(C, { id: "customerDetails", children: [
     /* @__PURE__ */ e("h4", { className: "mb-6", children: "Customer details" }),
-    /* @__PURE__ */ r("div", { className: "grid md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ t("div", { className: "grid md:grid-cols-2 gap-4", children: [
       /* @__PURE__ */ e(
         i,
         {
           label: "First Name",
           invalid: !!a.firstName,
-          errorMessage: (d = a.firstName) == null ? void 0 : d.message,
+          errorMessage: a.firstName?.message,
           children: /* @__PURE__ */ e(
-            n,
+            r,
             {
               name: "firstName",
               control: o,
@@ -84,9 +83,9 @@ const { Control: x } = g, L = (o) => /* @__PURE__ */ e(
         {
           label: "User Name",
           invalid: !!a.lastName,
-          errorMessage: (c = a.lastName) == null ? void 0 : c.message,
+          errorMessage: a.lastName?.message,
           children: /* @__PURE__ */ e(
-            n,
+            r,
             {
               name: "lastName",
               control: o,
@@ -109,9 +108,9 @@ const { Control: x } = g, L = (o) => /* @__PURE__ */ e(
       {
         label: "Email",
         invalid: !!a.email,
-        errorMessage: (p = a.email) == null ? void 0 : p.message,
+        errorMessage: a.email?.message,
         children: /* @__PURE__ */ e(
-          n,
+          r,
           {
             name: "email",
             control: o,
@@ -128,33 +127,33 @@ const { Control: x } = g, L = (o) => /* @__PURE__ */ e(
         )
       }
     ),
-    /* @__PURE__ */ r("div", { className: "flex items-end gap-4 w-full", children: [
-      /* @__PURE__ */ r(
+    /* @__PURE__ */ t("div", { className: "flex items-end gap-4 w-full", children: [
+      /* @__PURE__ */ t(
         i,
         {
           invalid: !!a.phoneNumber || !!a.dialCode,
           children: [
             /* @__PURE__ */ e("label", { className: "form-label mb-2", children: "Phone number" }),
             /* @__PURE__ */ e(
-              n,
+              r,
               {
                 name: "dialCode",
                 control: o,
                 render: ({ field: l }) => /* @__PURE__ */ e(
-                  B,
+                  N,
                   {
-                    options: t,
+                    options: n,
                     ...l,
                     className: "w-[150px]",
                     components: {
-                      Option: L,
-                      Control: w
+                      Option: b,
+                      Control: v
                     },
                     placeholder: "",
-                    value: t.filter(
+                    value: n.filter(
                       (m) => m.dialCode === l.value
                     ),
-                    onChange: (m) => l.onChange(m == null ? void 0 : m.dialCode)
+                    onChange: (m) => l.onChange(m?.dialCode)
                   }
                 )
               }
@@ -167,14 +166,14 @@ const { Control: x } = g, L = (o) => /* @__PURE__ */ e(
         {
           className: "w-full",
           invalid: !!a.phoneNumber || !!a.dialCode,
-          errorMessage: (u = a.phoneNumber) == null ? void 0 : u.message,
+          errorMessage: a.phoneNumber?.message,
           children: /* @__PURE__ */ e(
-            n,
+            r,
             {
               name: "phoneNumber",
               control: o,
               render: ({ field: l }) => /* @__PURE__ */ e(
-                C,
+                c,
                 {
                   autoComplete: "off",
                   placeholder: "Phone Number",
@@ -191,6 +190,6 @@ const { Control: x } = g, L = (o) => /* @__PURE__ */ e(
   ] });
 };
 export {
-  k as default
+  $ as default
 };
 //# sourceMappingURL=CustomerDetailSection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerDetailSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/CustomerDetailSection.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { countryList } from '@/constants/countries.constant'\nimport { Controller } from 'react-hook-form'\nimport { components } from 'react-select'\nimport type { FormSectionBaseProps } from '../types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype CustomerDetailSectionProps = FormSectionBaseProps\n\ntype CountryOption = {\n    label: string\n    dialCode: string\n    value: string\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\n    return (\n        <DefaultOption<CountryOption>\n            {...props}\n            customLabel={(data) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar\n                        shape=\"circle\"\n                        size={20}\n                        src={`/img/countries/${data.value}.png`}\n                    />\n                    <span>{data.dialCode}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={20}\n                    src={`/img/countries/${selected.value}.png`}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst CustomerDetailSection = ({\n    control,\n    errors,\n}: CustomerDetailSectionProps) => {\n    const dialCodeList = useMemo(() => {\n        const newCountryList: Array<CountryOption> = JSON.parse(\n            JSON.stringify(countryList),\n        )\n\n        return newCountryList.map((country) => {\n            country.label = country.dialCode\n            return country\n        })\n    }, [])\n\n    return (\n        <Card id=\"customerDetails\">\n            <h4 className=\"mb-6\">Customer details</h4>\n            <div className=\"grid md:grid-cols-2 gap-4\">\n                <FormItem\n                    label=\"First Name\"\n                    invalid={Boolean(errors.firstName)}\n                    errorMessage={errors.firstName?.message}\n                >\n                    <Controller\n                        name=\"firstName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"First Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"User Name\"\n                    invalid={Boolean(errors.lastName)}\n                    errorMessage={errors.lastName?.message}\n                >\n                    <Controller\n                        name=\"lastName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Last Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\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            <div className=\"flex items-end gap-4 w-full\">\n                <FormItem\n                    invalid={\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\n                    }\n                >\n                    <label className=\"form-label mb-2\">Phone number</label>\n                    <Controller\n                        name=\"dialCode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Select<CountryOption>\n                                options={dialCodeList}\n                                {...field}\n                                className=\"w-[150px]\"\n                                components={{\n                                    Option: CustomSelectOption,\n                                    Control: CustomControl,\n                                }}\n                                placeholder=\"\"\n                                value={dialCodeList.filter(\n                                    (option) => option.dialCode === field.value,\n                                )}\n                                onChange={(option) =>\n                                    field.onChange(option?.dialCode)\n                                }\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    className=\"w-full\"\n                    invalid={\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\n                    }\n                    errorMessage={errors.phoneNumber?.message}\n                >\n                    <Controller\n                        name=\"phoneNumber\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                autoComplete=\"off\"\n                                placeholder=\"Phone Number\"\n                                value={field.value}\n                                onChange={field.onChange}\n                                onBlur={field.onBlur}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default CustomerDetailSection\n"],"names":["Control","components","CustomSelectOption","props","jsx","DefaultOption","data","jsxs","Avatar","CustomControl","children","selected","CustomerDetailSection","control","errors","dialCodeList","useMemo","countryList","country","Card","FormItem","_a","Controller","field","Input","_b","_c","Select","option","_d","NumericInput"],"mappings":"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"}
+{"version":3,"file":"CustomerDetailSection.js","sources":["../../../../../../../lib/@ecme/views/concepts/orders/OrderForm/components/CustomerDetailSection.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { countryList } from '@/constants/countries.constant'\nimport { Controller } from 'react-hook-form'\nimport { components } from 'react-select'\nimport type { FormSectionBaseProps } from '../types'\nimport type { ControlProps, OptionProps } from 'react-select'\n\ntype CustomerDetailSectionProps = FormSectionBaseProps\n\ntype CountryOption = {\n    label: string\n    dialCode: string\n    value: string\n}\n\nconst { Control } = components\n\nconst CustomSelectOption = (props: OptionProps<CountryOption>) => {\n    return (\n        <DefaultOption<CountryOption>\n            {...props}\n            customLabel={(data) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar\n                        shape=\"circle\"\n                        size={20}\n                        src={`/img/countries/${data.value}.png`}\n                    />\n                    <span>{data.dialCode}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={20}\n                    src={`/img/countries/${selected.value}.png`}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst CustomerDetailSection = ({\n    control,\n    errors,\n}: CustomerDetailSectionProps) => {\n    const dialCodeList = useMemo(() => {\n        const newCountryList: Array<CountryOption> = JSON.parse(\n            JSON.stringify(countryList),\n        )\n\n        return newCountryList.map((country) => {\n            country.label = country.dialCode\n            return country\n        })\n    }, [])\n\n    return (\n        <Card id=\"customerDetails\">\n            <h4 className=\"mb-6\">Customer details</h4>\n            <div className=\"grid md:grid-cols-2 gap-4\">\n                <FormItem\n                    label=\"First Name\"\n                    invalid={Boolean(errors.firstName)}\n                    errorMessage={errors.firstName?.message}\n                >\n                    <Controller\n                        name=\"firstName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"First Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"User Name\"\n                    invalid={Boolean(errors.lastName)}\n                    errorMessage={errors.lastName?.message}\n                >\n                    <Controller\n                        name=\"lastName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Last Name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\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            <div className=\"flex items-end gap-4 w-full\">\n                <FormItem\n                    invalid={\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\n                    }\n                >\n                    <label className=\"form-label mb-2\">Phone number</label>\n                    <Controller\n                        name=\"dialCode\"\n                        control={control}\n                        render={({ field }) => (\n                            <Select<CountryOption>\n                                options={dialCodeList}\n                                {...field}\n                                className=\"w-[150px]\"\n                                components={{\n                                    Option: CustomSelectOption,\n                                    Control: CustomControl,\n                                }}\n                                placeholder=\"\"\n                                value={dialCodeList.filter(\n                                    (option) => option.dialCode === field.value,\n                                )}\n                                onChange={(option) =>\n                                    field.onChange(option?.dialCode)\n                                }\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    className=\"w-full\"\n                    invalid={\n                        Boolean(errors.phoneNumber) || Boolean(errors.dialCode)\n                    }\n                    errorMessage={errors.phoneNumber?.message}\n                >\n                    <Controller\n                        name=\"phoneNumber\"\n                        control={control}\n                        render={({ field }) => (\n                            <NumericInput\n                                autoComplete=\"off\"\n                                placeholder=\"Phone Number\"\n                                value={field.value}\n                                onChange={field.onChange}\n                                onBlur={field.onBlur}\n                            />\n                        )}\n                    />\n                </FormItem>\n            </div>\n        </Card>\n    )\n}\n\nexport default CustomerDetailSection\n"],"names":["Control","components","CustomSelectOption","props","jsx","DefaultOption","data","jsxs","Avatar","CustomControl","children","selected","CustomerDetailSection","control","errors","dialCodeList","useMemo","countryList","country","Card","FormItem","Controller","field","Input","Select","option","NumericInput"],"mappings":"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"}