@orbe-agro/client-core 5.3.85 → 5.3.89

package/dist/@ecme/views/concepts/customers/CustomerForm/AddressSection.js

@@ -1,76 +1,123 @@
-import { jsx as e, jsxs as m } 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 c } 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 h } from "react-select";
-import f 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 { countryList as m } from "../../../../constants/countries.constant.js";
+import { Controller as a } from "react-hook-form";
+import { components as d } 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: v } = h, x = (r) => /* @__PURE__ */ e(
-  f,
+const { Control: h } = d, f = (r) => /* @__PURE__ */ e(
+  p,
   {
     ...r,
-    customLabel: (o, a) => /* @__PURE__ */ m("span", { className: "flex items-center gap-2", children: [
+    customLabel: (t, o) => /* @__PURE__ */ l("span", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(
-        g,
+        c,
         {
           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__ */ m(v, { ...o, children: [
-    a && /* @__PURE__ */ e(
-      g,
+), C = ({ children: r, ...t }) => {
+  const o = t.getValue()[0];
+  return /* @__PURE__ */ l(h, { ...t, children: [
+    o && /* @__PURE__ */ e(
+      c,
       {
         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 = ({ control: r, errors: o }) => {
-  var a, c, d, p;
-  return /* @__PURE__ */ m(C, { children: [
-    /* @__PURE__ */ e("h4", { className: "mb-6", children: "Address Information" }),
+}, P = ({ control: r, errors: t }) => /* @__PURE__ */ l(u, { 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: f,
+                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
               }
             )
           }
@@ -78,82 +125,32 @@ const { Control: v } = h, x = (r) => /* @__PURE__ */ e(
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      s,
       {
-        label: "Address",
-        invalid: !!o.address,
-        errorMessage: (c = o.address) == null ? void 0 : c.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(
+            render: ({ field: o }) => /* @__PURE__ */ e(
               i,
               {
                 type: "text",
                 autoComplete: "off",
-                placeholder: "Address",
-                ...t
+                placeholder: "Postal Code",
+                ...o
               }
             )
           }
         )
       }
-    ),
-    /* @__PURE__ */ m("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ e(
-        n,
-        {
-          label: "City",
-          invalid: !!o.city,
-          errorMessage: (d = o.city) == null ? void 0 : d.message,
-          children: /* @__PURE__ */ e(
-            l,
-            {
-              name: "city",
-              control: r,
-              render: ({ field: t }) => /* @__PURE__ */ e(
-                i,
-                {
-                  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(
-                i,
-                {
-                  type: "text",
-                  autoComplete: "off",
-                  placeholder: "Postal Code",
-                  ...t
-                }
-              )
-            }
-          )
-        }
-      )
-    ] })
-  ] });
-};
+    )
+  ] })
+] });
 export {
-  k as default
+  P as default
 };
 //# sourceMappingURL=AddressSection.js.map

package/dist/@ecme/views/concepts/customers/CustomerForm/AddressSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddressSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/AddressSection.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 AddressSectionProps = 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 AddressSection = ({ control, errors }: AddressSectionProps) => {\n    return (\n        <Card>\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 AddressSection\n"],"names":["Control","components","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Avatar","CustomControl","children","selected","AddressSection","control","errors","Card","FormItem","_a","Controller","field","Select","countryList","option","_b","Input","_c","_d"],"mappings":"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"}
+{"version":3,"file":"AddressSection.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/AddressSection.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 AddressSectionProps = 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 AddressSection = ({ control, errors }: AddressSectionProps) => {\n    return (\n        <Card>\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 AddressSection\n"],"names":["Control","components","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Avatar","CustomControl","children","selected","AddressSection","control","errors","Card","FormItem","Controller","field","Select","countryList","option","Input"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAM,EAAE,SAAAA,MAAYC,GAEdC,IAAqB,CAACC,MAEpB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,aAAa,CAACG,GAAMC,MAChB,gBAAAC,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,MAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,MAAM;AAAA,UACN,KAAK,kBAAkBH,EAAK,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAErC,gBAAAF,EAAC,UAAM,UAAAG,EAAA,CAAM;AAAA,IAAA,EAAA,CACjB;AAAA,EAAA;AAAA,GAMVG,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGR,QAAyC;AAC3E,QAAMS,IAAWT,EAAM,SAAA,EAAW,CAAC;AACnC,SACI,gBAAAK,EAACR,GAAA,EAAS,GAAGG,GACR,UAAA;AAAA,IAAAS,KACG,gBAAAR;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK,kBAAkBG,EAAS,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAG5CD;AAAA,EAAA,GACL;AAER,GAEME,IAAiB,CAAC,EAAE,SAAAC,GAAS,QAAAC,0BAE1BC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAZ,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,uBAAmB;AAAA,EACxC,gBAAAA;AAAA,IAACa;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,SAAS,EAAQF,EAAO;AAAA,MACxB,cAAcA,EAAO,SAAS;AAAA,MAE9B,UAAA,gBAAAX;AAAA,QAACc;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAJ;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAK,EAAA,MACP,gBAAAf;AAAA,YAACgB;AAAA,YAAA;AAAA,cACG,SAASC;AAAA,cACR,GAAGF;AAAA,cACJ,YAAY;AAAA,gBACR,QAAQjB;AAAA,gBACR,SAASQ;AAAA,cAAA;AAAA,cAEb,aAAY;AAAA,cACZ,OAAOW,EAAY;AAAA,gBACf,CAACC,MAAWA,EAAO,UAAUH,EAAM;AAAA,cAAA;AAAA,cAEvC,UAAU,CAACG,MAAWH,EAAM,SAASG,GAAQ,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACtD;AAAA,MAAA;AAAA,IAER;AAAA,EAAA;AAAA,EAEJ,gBAAAlB;AAAA,IAACa;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,SAAS,EAAQF,EAAO;AAAA,MACxB,cAAcA,EAAO,SAAS;AAAA,MAE9B,UAAA,gBAAAX;AAAA,QAACc;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAJ;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAK,EAAA,MACP,gBAAAf;AAAA,YAACmB;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAGJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IAER;AAAA,EAAA;AAAA,EAEJ,gBAAAX,EAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACa;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQF,EAAO;AAAA,QACxB,cAAcA,EAAO,MAAM;AAAA,QAE3B,UAAA,gBAAAX;AAAA,UAACc;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAJ;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAK,EAAA,MACP,gBAAAf;AAAA,cAACmB;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGJ;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAf;AAAA,MAACa;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQF,EAAO;AAAA,QACxB,cAAcA,EAAO,UAAU;AAAA,QAE/B,UAAA,gBAAAX;AAAA,UAACc;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAJ;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAK,EAAA,MACP,gBAAAf;AAAA,cAACmB;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGJ;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/concepts/customers/CustomerForm/CustomerForm.js

@@ -1,12 +1,12 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { useEffect as d } from "react";
 import "../../../../components/ui/Form/index.js";
 import g from "../../../../components/shared/Container.js";
 import p from "../../../../components/template/BottomStickyBar.js";
 import x from "./OverviewSection.js";
-import y from "./AddressSection.js";
-import b from "./TagsSection.js";
-import S from "./ProfileImageSection.js";
+import b from "./AddressSection.js";
+import S from "./TagsSection.js";
+import y from "./ProfileImageSection.js";
 import h from "./AccountSection.js";
 import v from "lodash/isEmpty";
 import { zodResolver as N } from "@hookform/resolvers/zod";
@@ -25,51 +25,51 @@ const C = e.object({
   city: e.string().min(1, { message: "City required" }),
   img: e.string(),
   tags: e.array(e.object({ value: e.string(), label: e.string() }))
-}), G = (a) => {
+}), G = (m) => {
   const {
-    onFormSubmit: m,
-    defaultValues: t = {},
+    onFormSubmit: a,
+    defaultValues: s = {},
     newCustomer: n = !1,
     children: l
-  } = a, {
+  } = m, {
     handleSubmit: c,
     reset: f,
     formState: { errors: i },
-    control: s
+    control: o
   } = w({
     defaultValues: {
       banAccount: !1,
       accountVerified: !0,
-      ...t
+      ...s
     },
     resolver: N(C)
   });
   return d(() => {
-    v(t) || f(t);
-  }, [JSON.stringify(t)]), /* @__PURE__ */ o(
+    v(s) || f(s);
+  }, [JSON.stringify(s)]), /* @__PURE__ */ t(
     q,
     {
       className: "flex w-full h-full",
       containerClassName: "flex flex-col w-full justify-between",
       onSubmit: c((u) => {
-        m == null || m(u);
+        a?.(u);
       }),
       children: [
-        /* @__PURE__ */ r(g, { children: /* @__PURE__ */ o("div", { className: "flex flex-col md:flex-row gap-4", children: [
-          /* @__PURE__ */ o("div", { className: "gap-4 flex flex-col flex-auto", children: [
-            /* @__PURE__ */ r(x, { control: s, errors: i }),
-            /* @__PURE__ */ r(y, { control: s, errors: i })
+        /* @__PURE__ */ r(g, { children: /* @__PURE__ */ t("div", { className: "flex flex-col md:flex-row gap-4", children: [
+          /* @__PURE__ */ t("div", { className: "gap-4 flex flex-col flex-auto", children: [
+            /* @__PURE__ */ r(x, { control: o, errors: i }),
+            /* @__PURE__ */ r(b, { control: o, errors: i })
           ] }),
-          /* @__PURE__ */ o("div", { className: "md:w-[370px] gap-4 flex flex-col", children: [
+          /* @__PURE__ */ t("div", { className: "md:w-[370px] gap-4 flex flex-col", children: [
             /* @__PURE__ */ r(
-              S,
+              y,
               {
-                control: s,
+                control: o,
                 errors: i
               }
             ),
-            /* @__PURE__ */ r(b, { control: s, errors: i }),
-            !n && /* @__PURE__ */ r(h, { control: s, errors: i })
+            /* @__PURE__ */ r(S, { control: o, errors: i }),
+            !n && /* @__PURE__ */ r(h, { control: o, errors: i })
           ] })
         ] }) }),
         /* @__PURE__ */ r(p, { children: l })

package/dist/@ecme/views/concepts/customers/CustomerForm/CustomerForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerForm.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/CustomerForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport OverviewSection from './OverviewSection'\nimport AddressSection from './AddressSection'\nimport TagsSection from './TagsSection'\nimport ProfileImageSection from './ProfileImageSection'\nimport AccountSection from './AccountSection'\nimport isEmpty from 'lodash/isEmpty'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useForm } from 'react-hook-form'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { CommonProps } from '@/@types/common'\nimport type { CustomerFormSchema } from './types'\n\ntype CustomerFormProps = {\n    onFormSubmit: (values: CustomerFormSchema) => void\n    defaultValues?: CustomerFormSchema\n    newCustomer?: boolean\n} & CommonProps\n\nconst validationSchema: ZodType<CustomerFormSchema> = 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    img: z.string(),\n    tags: z.array(z.object({ value: z.string(), label: z.string() })),\n})\n\nconst CustomerForm = (props: CustomerFormProps) => {\n    const {\n        onFormSubmit,\n        defaultValues = {},\n        newCustomer = false,\n        children,\n    } = props\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<CustomerFormSchema>({\n        defaultValues: {\n            ...{\n                banAccount: false,\n                accountVerified: true,\n            },\n            ...defaultValues,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (!isEmpty(defaultValues)) {\n            reset(defaultValues)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(defaultValues)])\n\n    const onSubmit = (values: CustomerFormSchema) => {\n        onFormSubmit?.(values)\n    }\n\n    return (\n        <Form\n            className=\"flex w-full h-full\"\n            containerClassName=\"flex flex-col w-full justify-between\"\n            onSubmit={handleSubmit(onSubmit)}\n        >\n            <Container>\n                <div className=\"flex flex-col md:flex-row gap-4\">\n                    <div className=\"gap-4 flex flex-col flex-auto\">\n                        <OverviewSection control={control} errors={errors} />\n                        <AddressSection control={control} errors={errors} />\n                    </div>\n                    <div className=\"md:w-[370px] gap-4 flex flex-col\">\n                        <ProfileImageSection\n                            control={control}\n                            errors={errors}\n                        />\n                        <TagsSection control={control} errors={errors} />\n                        {!newCustomer && (\n                            <AccountSection control={control} errors={errors} />\n                        )}\n                    </div>\n                </div>\n            </Container>\n            <BottomStickyBar>{children}</BottomStickyBar>\n        </Form>\n    )\n}\n\nexport default CustomerForm\n"],"names":["validationSchema","z","CustomerForm","props","onFormSubmit","defaultValues","newCustomer","children","handleSubmit","reset","errors","control","useForm","zodResolver","useEffect","isEmpty","jsxs","Form","values","jsx","Container","OverviewSection","AddressSection","ProfileImageSection","TagsSection","AccountSection","BottomStickyBar"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAMA,IAAgDC,EAAE,OAAO;AAAA,EAC3D,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,SAAS,IAAI,GAAG,EAAE,SAAS,iBAAiB;AAAA,EACpD,KAAKA,EAAE,OAAA;AAAA,EACP,MAAMA,EAAE,MAAMA,EAAE,OAAO,EAAE,OAAOA,EAAE,OAAA,GAAU,OAAOA,EAAE,OAAA,EAAO,CAAG,CAAC;AACpE,CAAC,GAEKC,IAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,eAAAC,IAAgB,CAAA;AAAA,IAChB,aAAAC,IAAc;AAAA,IACd,UAAAC;AAAA,EAAA,IACAJ,GAEE;AAAA,IACF,cAAAK;AAAA,IACA,OAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAA4B;AAAA,IAC5B,eAAe;AAAA,MAEP,YAAY;AAAA,MACZ,iBAAiB;AAAA,MAErB,GAAGP;AAAA,IAAA;AAAA,IAEP,UAAUQ,EAAYb,CAAgB;AAAA,EAAA,CACzC;AAED,SAAAc,EAAU,MAAM;AACZ,IAAKC,EAAQV,CAAa,KACtBI,EAAMJ,CAAa;AAAA,EAG3B,GAAG,CAAC,KAAK,UAAUA,CAAa,CAAC,CAAC,GAO9B,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,oBAAmB;AAAA,MACnB,UAAUT,EARD,CAACU,MAA+B;AAC7C,QAAAd,KAAA,QAAAA,EAAec;AAAA,MACnB,CAMuC;AAAA,MAE/B,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EACG,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,YAAA,gBAAAG,EAACE,GAAA,EAAgB,SAAAV,GAAkB,QAAAD,EAAA,CAAgB;AAAA,YACnD,gBAAAS,EAACG,GAAA,EAAe,SAAAX,GAAkB,QAAAD,EAAA,CAAgB;AAAA,UAAA,GACtD;AAAA,UACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,YAAA,gBAAAG;AAAA,cAACI;AAAAA,cAAA;AAAA,gBACG,SAAAZ;AAAA,gBACA,QAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,YAEJ,gBAAAS,EAACK,GAAA,EAAY,SAAAb,GAAkB,QAAAD,EAAA,CAAgB;AAAA,YAC9C,CAACJ,KACE,gBAAAa,EAACM,GAAA,EAAe,SAAAd,GAAkB,QAAAD,EAAA,CAAgB;AAAA,UAAA,EAAA,CAE1D;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QACA,gBAAAS,EAACO,KAAiB,UAAAnB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;"}
+{"version":3,"file":"CustomerForm.js","sources":["../../../../../../lib/@ecme/views/concepts/customers/CustomerForm/CustomerForm.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { Form } from '@/components/ui/Form'\nimport Container from '@/components/shared/Container'\nimport BottomStickyBar from '@/components/template/BottomStickyBar'\nimport OverviewSection from './OverviewSection'\nimport AddressSection from './AddressSection'\nimport TagsSection from './TagsSection'\nimport ProfileImageSection from './ProfileImageSection'\nimport AccountSection from './AccountSection'\nimport isEmpty from 'lodash/isEmpty'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useForm } from 'react-hook-form'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { CommonProps } from '@/@types/common'\nimport type { CustomerFormSchema } from './types'\n\ntype CustomerFormProps = {\n    onFormSubmit: (values: CustomerFormSchema) => void\n    defaultValues?: CustomerFormSchema\n    newCustomer?: boolean\n} & CommonProps\n\nconst validationSchema: ZodType<CustomerFormSchema> = 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    img: z.string(),\n    tags: z.array(z.object({ value: z.string(), label: z.string() })),\n})\n\nconst CustomerForm = (props: CustomerFormProps) => {\n    const {\n        onFormSubmit,\n        defaultValues = {},\n        newCustomer = false,\n        children,\n    } = props\n\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<CustomerFormSchema>({\n        defaultValues: {\n            ...{\n                banAccount: false,\n                accountVerified: true,\n            },\n            ...defaultValues,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        if (!isEmpty(defaultValues)) {\n            reset(defaultValues)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(defaultValues)])\n\n    const onSubmit = (values: CustomerFormSchema) => {\n        onFormSubmit?.(values)\n    }\n\n    return (\n        <Form\n            className=\"flex w-full h-full\"\n            containerClassName=\"flex flex-col w-full justify-between\"\n            onSubmit={handleSubmit(onSubmit)}\n        >\n            <Container>\n                <div className=\"flex flex-col md:flex-row gap-4\">\n                    <div className=\"gap-4 flex flex-col flex-auto\">\n                        <OverviewSection control={control} errors={errors} />\n                        <AddressSection control={control} errors={errors} />\n                    </div>\n                    <div className=\"md:w-[370px] gap-4 flex flex-col\">\n                        <ProfileImageSection\n                            control={control}\n                            errors={errors}\n                        />\n                        <TagsSection control={control} errors={errors} />\n                        {!newCustomer && (\n                            <AccountSection control={control} errors={errors} />\n                        )}\n                    </div>\n                </div>\n            </Container>\n            <BottomStickyBar>{children}</BottomStickyBar>\n        </Form>\n    )\n}\n\nexport default CustomerForm\n"],"names":["validationSchema","z","CustomerForm","props","onFormSubmit","defaultValues","newCustomer","children","handleSubmit","reset","errors","control","useForm","zodResolver","useEffect","isEmpty","jsxs","Form","values","jsx","Container","OverviewSection","AddressSection","ProfileImageSection","TagsSection","AccountSection","BottomStickyBar"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAMA,IAAgDC,EAAE,OAAO;AAAA,EAC3D,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,SAAS,IAAI,GAAG,EAAE,SAAS,iBAAiB;AAAA,EACpD,KAAKA,EAAE,OAAA;AAAA,EACP,MAAMA,EAAE,MAAMA,EAAE,OAAO,EAAE,OAAOA,EAAE,OAAA,GAAU,OAAOA,EAAE,OAAA,EAAO,CAAG,CAAC;AACpE,CAAC,GAEKC,IAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,eAAAC,IAAgB,CAAA;AAAA,IAChB,aAAAC,IAAc;AAAA,IACd,UAAAC;AAAA,EAAA,IACAJ,GAEE;AAAA,IACF,cAAAK;AAAA,IACA,OAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAA4B;AAAA,IAC5B,eAAe;AAAA,MAEP,YAAY;AAAA,MACZ,iBAAiB;AAAA,MAErB,GAAGP;AAAA,IAAA;AAAA,IAEP,UAAUQ,EAAYb,CAAgB;AAAA,EAAA,CACzC;AAED,SAAAc,EAAU,MAAM;AACZ,IAAKC,EAAQV,CAAa,KACtBI,EAAMJ,CAAa;AAAA,EAG3B,GAAG,CAAC,KAAK,UAAUA,CAAa,CAAC,CAAC,GAO9B,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,oBAAmB;AAAA,MACnB,UAAUT,EARD,CAACU,MAA+B;AAC7C,QAAAd,IAAec,CAAM;AAAA,MACzB,CAMuC;AAAA,MAE/B,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EACG,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,YAAA,gBAAAG,EAACE,GAAA,EAAgB,SAAAV,GAAkB,QAAAD,EAAA,CAAgB;AAAA,YACnD,gBAAAS,EAACG,GAAA,EAAe,SAAAX,GAAkB,QAAAD,EAAA,CAAgB;AAAA,UAAA,GACtD;AAAA,UACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,YAAA,gBAAAG;AAAA,cAACI;AAAAA,cAAA;AAAA,gBACG,SAAAZ;AAAA,gBACA,QAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,YAEJ,gBAAAS,EAACK,GAAA,EAAY,SAAAb,GAAkB,QAAAD,EAAA,CAAgB;AAAA,YAC9C,CAACJ,KACE,gBAAAa,EAACM,GAAA,EAAe,SAAAd,GAAkB,QAAAD,EAAA,CAAgB;AAAA,UAAA,EAAA,CAE1D;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QACA,gBAAAS,EAACO,KAAiB,UAAAnB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;"}

package/dist/@ecme/views/concepts/customers/CustomerForm/OverviewSection.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 n } 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 N from "../../../../components/shared/NumericInput.js";
-import { countryList as C } from "../../../../constants/countries.constant.js";
+import c from "../../../../components/shared/NumericInput.js";
+import { countryList as u } from "../../../../constants/countries.constant.js";
 import { Controller as t } from "react-hook-form";
-import { components as g } from "react-select";
-import v from "../../../../components/ui/Select/Option.js";
-import b from "../../../../components/ui/Card/Card.js";
+import { components as h } from "react-select";
+import f from "../../../../components/ui/Select/Option.js";
+import N 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, w = (o) => /* @__PURE__ */ e(
-  v,
+import C from "../../../../components/ui/Select/Select.js";
+const { Control: g } = h, v = (o) => /* @__PURE__ */ e(
+  f,
   {
     ...o,
-    customLabel: (a) => /* @__PURE__ */ r("span", { className: "flex items-center gap-2", children: [
+    customLabel: (a) => /* @__PURE__ */ n("span", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(
-        h,
+        p,
         {
           shape: "circle",
           size: 20,
@@ -30,34 +30,33 @@ const { Control: x } = g, w = (o) => /* @__PURE__ */ e(
       /* @__PURE__ */ e("span", { children: a.dialCode })
     ] })
   }
-), O = ({ children: o, ...a }) => {
-  const n = a.getValue()[0];
-  return /* @__PURE__ */ r(x, { ...a, children: [
-    n && /* @__PURE__ */ e(
-      h,
+), b = ({ children: o, ...a }) => {
+  const r = a.getValue()[0];
+  return /* @__PURE__ */ n(g, { ...a, children: [
+    r && /* @__PURE__ */ e(
+      p,
       {
         className: "ltr:ml-4 rtl:mr-4",
         shape: "circle",
         size: 20,
-        src: `/img/countries/${n.value}.png`
+        src: `/img/countries/${r.value}.png`
       }
     ),
     o
   ] });
-}, q = ({ control: o, errors: a }) => {
-  var d, p, c, u;
-  const n = f(() => JSON.parse(
-    JSON.stringify(C)
+}, A = ({ control: o, errors: a }) => {
+  const r = d(() => JSON.parse(
+    JSON.stringify(u)
   ).map((m) => (m.label = m.dialCode, m)), []);
-  return /* @__PURE__ */ r(b, { children: [
+  return /* @__PURE__ */ n(N, { children: [
     /* @__PURE__ */ e("h4", { className: "mb-6", children: "Overview" }),
-    /* @__PURE__ */ r("div", { className: "grid md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ n("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(
             t,
             {
@@ -81,7 +80,7 @@ const { Control: x } = g, w = (o) => /* @__PURE__ */ e(
         {
           label: "User Name",
           invalid: !!a.lastName,
-          errorMessage: (p = a.lastName) == null ? void 0 : p.message,
+          errorMessage: a.lastName?.message,
           children: /* @__PURE__ */ e(
             t,
             {
@@ -106,7 +105,7 @@ const { Control: x } = g, w = (o) => /* @__PURE__ */ e(
       {
         label: "Email",
         invalid: !!a.email,
-        errorMessage: (c = a.email) == null ? void 0 : c.message,
+        errorMessage: a.email?.message,
         children: /* @__PURE__ */ e(
           t,
           {
@@ -125,8 +124,8 @@ const { Control: x } = g, w = (o) => /* @__PURE__ */ e(
         )
       }
     ),
-    /* @__PURE__ */ r("div", { className: "flex items-end gap-4 w-full", children: [
-      /* @__PURE__ */ r(
+    /* @__PURE__ */ n("div", { className: "flex items-end gap-4 w-full", children: [
+      /* @__PURE__ */ n(
         i,
         {
           invalid: !!a.phoneNumber || !!a.dialCode,
@@ -138,20 +137,20 @@ const { Control: x } = g, w = (o) => /* @__PURE__ */ e(
                 name: "dialCode",
                 control: o,
                 render: ({ field: l }) => /* @__PURE__ */ e(
-                  B,
+                  C,
                   {
-                    options: n,
+                    options: r,
                     ...l,
                     className: "w-[150px]",
                     components: {
-                      Option: w,
-                      Control: O
+                      Option: v,
+                      Control: b
                     },
                     placeholder: "",
-                    value: n.filter(
+                    value: r.filter(
                       (m) => m.dialCode === l.value
                     ),
-                    onChange: (m) => l.onChange(m == null ? void 0 : m.dialCode)
+                    onChange: (m) => l.onChange(m?.dialCode)
                   }
                 )
               }
@@ -164,14 +163,14 @@ const { Control: x } = g, w = (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(
             t,
             {
               name: "phoneNumber",
               control: o,
               render: ({ field: l }) => /* @__PURE__ */ e(
-                N,
+                c,
                 {
                   autoComplete: "off",
                   placeholder: "Phone Number",
@@ -188,6 +187,6 @@ const { Control: x } = g, w = (o) => /* @__PURE__ */ e(
   ] });
 };
 export {
-  q as default
+  A as default
 };
 //# sourceMappingURL=OverviewSection.js.map