@levo-so/react 0.0.2-alpha → 0.1.1

package/dist/CurrencyWidget-DVqD_lsY.js

@@ -0,0 +1,60 @@
+import { j as t } from "./jsx-runtime-B6kdoens.js";
+import { useController as j } from "react-hook-form";
+import { NumericFormat as F } from "react-number-format";
+import { h as w, j as C, k } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { c as N } from "./cn-C9QoOYNG.js";
+const V = ({
+  field: r,
+  ...m
+}) => {
+  var u, c;
+  const { key: d = "", label: n = "", helper_text: p = "", readonly: e = !1 } = r, o = d, {
+    field: { value: f, onBlur: a, onChange: l, ref: h, ...x },
+    fieldState: s
+  } = j({
+    name: o,
+    rules: w(r)
+  }), b = !!(r != null && r.required), g = (u = s == null ? void 0 : s.error) == null ? void 0 : u.message, i = (c = r == null ? void 0 : r.options) == null ? void 0 : c.currency_code;
+  return /* @__PURE__ */ t.jsxs(
+    C,
+    {
+      ref: h,
+      error: g,
+      helperText: p,
+      readOnly: e,
+      children: [
+        n && /* @__PURE__ */ t.jsx(k, { htmlFor: o, isRequired: b, children: n }),
+        /* @__PURE__ */ t.jsx(
+          F,
+          {
+            thousandSeparator: !0,
+            prefix: i || "$",
+            thousandsGroupStyle: i === "₹" ? "lakh" : "thousand",
+            suffix: "",
+            allowNegative: !1,
+            id: o,
+            onValueChange: (y) => {
+              const { value: v } = y;
+              l && l(v);
+            },
+            onBlur: () => {
+              a && a();
+            },
+            value: f,
+            readOnly: e,
+            className: N(
+              "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+              e && "focus-visible:ring-0"
+            ),
+            ...x,
+            ...m
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  V as CurrencyWidget,
+  V as default
+};

package/dist/DateTimeWidget-CvgzwY1U.js

@@ -0,0 +1,80 @@
+import { j as r } from "./jsx-runtime-B6kdoens.js";
+import { Calendar as b, X as w } from "lucide-react";
+import * as l from "react-datepicker";
+import { FieldInterfaces as N } from "@levo-so/core";
+import { useController as v } from "react-hook-form";
+import { h as M, j as D, k as C } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { I as F } from "./Input-2CvZ90f8.js";
+import { c as p } from "./cn-C9QoOYNG.js";
+const T = l.default.default || l.default || l, I = (e) => {
+  if (e) {
+    const o = new Date(e);
+    return Number.isNaN(o.getTime()) ? null : o;
+  }
+  return null;
+}, B = ({ field: e }) => {
+  var d;
+  const { key: o = "", label: m = "", helper_text: f = "", readonly: x = !1 } = e, n = o, {
+    field: { value: i, onBlur: u, onChange: s, ref: h, ...j },
+    fieldState: a
+  } = v({
+    name: n,
+    rules: M(e)
+  }), y = !!(e != null && e.required), g = (d = a == null ? void 0 : a.error) == null ? void 0 : d.message, c = (e == null ? void 0 : e.field_interface) === N.DateTimeWidget;
+  return /* @__PURE__ */ r.jsxs(D, { helperText: f, readOnly: x, error: g, children: [
+    m && /* @__PURE__ */ r.jsx(C, { htmlFor: n, isRequired: y, children: m }),
+    /* @__PURE__ */ r.jsxs("div", { className: "w-full relative rounded-md", children: [
+      /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          className: p(
+            "absolute left-0 top-0 bottom-0 w-9 flex items-center justify-center rounded-l-md overflow-hidden pointer-events-none"
+          ),
+          children: /* @__PURE__ */ r.jsx(b, { size: "20px", className: "text-muted-foreground" })
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        T,
+        {
+          id: n,
+          selected: I(i),
+          onChange: (t) => {
+            s && s((t == null ? void 0 : t.toISOString()) || null);
+          },
+          onBlur: () => {
+            u && u();
+          },
+          className: "w-full pl-8",
+          showTimeSelect: c,
+          customInput: /* @__PURE__ */ r.jsx(F, { ref: h }),
+          autoComplete: "off",
+          dateFormat: c ? "d MMMM, yyyy h:mm aa" : "d MMMM, yyyy",
+          popperPlacement: "bottom-start",
+          showPopperArrow: !1,
+          ...j
+        }
+      ),
+      i && /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          className: p(
+            "absolute right-0 top-0 bottom-0 w-9 z-10 flex items-center justify-center rounded-l-md overflow-hidden"
+          ),
+          children: /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (t) => {
+                t == null || t.preventDefault(), t == null || t.stopPropagation(), s && s(null);
+              },
+              children: /* @__PURE__ */ r.jsx(w, { size: "20px", className: "text-muted-foreground" })
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  B as default
+};

package/dist/DefaultFormVariant-CbRB9O_e.js

@@ -0,0 +1,80 @@
+import { j as e } from "./jsx-runtime-B6kdoens.js";
+import { FormProvider as S } from "react-hook-form";
+import { m as b, F as y } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { u as F, S as N } from "./useLevoForm-BcN8f66y.js";
+import { c as m } from "./cn-C9QoOYNG.js";
+import { B as g } from "./Spinner-CuUosd-S.js";
+const E = () => {
+  var d;
+  const {
+    schema: l,
+    containerStyles: i,
+    uiConfig: o,
+    isInternal: x,
+    submitButtonConfig: r,
+    isDisabled: c
+  } = b(), {
+    methods: t,
+    allFormValues: p,
+    isError: u,
+    isLoading: h,
+    handleContentId: j,
+    handleSubmit: f
+  } = F({
+    schema: l,
+    saveToRemote: !0
+  }), {
+    formState: { isSubmitting: v }
+  } = t;
+  return /* @__PURE__ */ e.jsxs(S, { ...t, children: [
+    /* @__PURE__ */ e.jsx(
+      N,
+      {
+        getContentId: (s) => j(s),
+        isError: u,
+        currentValues: p
+      }
+    ),
+    /* @__PURE__ */ e.jsx("div", { className: m("w-full", i), children: /* @__PURE__ */ e.jsxs(
+      "form",
+      {
+        className: m(
+          "w-full bg-white rounded-md border border-[rgb(229, 231, 235)] flex flex-col gap-6 px-4 md:px-8 py-6",
+          h && "opacity-50 pointer-events-none"
+        ),
+        id: "collection-form",
+        onSubmit: f,
+        children: [
+          (d = l == null ? void 0 : l.sections) == null ? void 0 : d.map((s) => {
+            var n;
+            return /* @__PURE__ */ e.jsxs("div", { className: "w-full", children: [
+              !(o != null && o.hideSectionHeadings) && /* @__PURE__ */ e.jsx("p", { className: m("mb-4 text-lg font-semibold"), children: s == null ? void 0 : s.label }),
+              /* @__PURE__ */ e.jsx("div", { className: m("flex flex-col gap-4"), children: (n = s == null ? void 0 : s.fields) == null ? void 0 : n.map((a) => a && !a.hidden ? /* @__PURE__ */ e.jsx(
+                y,
+                {
+                  field: a,
+                  isInternal: x
+                },
+                a == null ? void 0 : a.key
+              ) : null) })
+            ] }, s.id);
+          }),
+          (r == null ? void 0 : r.show) && /* @__PURE__ */ e.jsx("div", { className: "w-full flex items-center justify-end mt-6", children: /* @__PURE__ */ e.jsx(
+            g,
+            {
+              className: r == null ? void 0 : r.styles,
+              loadingText: "Saving",
+              isLoading: v,
+              disabled: c,
+              type: "submit",
+              children: (r == null ? void 0 : r.text) || "Save"
+            }
+          ) })
+        ]
+      }
+    ) })
+  ] });
+};
+export {
+  E as default
+};

package/dist/DropdownWidget-C2YaM9Cf.js

@@ -0,0 +1,115 @@
+"use client";
+import { j as i } from "./jsx-runtime-B6kdoens.js";
+import { useState as f, useEffect as j } from "react";
+import { useController as k } from "react-hook-form";
+import D from "react-select";
+import { h as N, j as q, k as B } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { I as L } from "./Input-2CvZ90f8.js";
+import { c as x } from "./cn-C9QoOYNG.js";
+const G = ({
+  field: s,
+  ...r
+}) => {
+  var O;
+  const [t, w] = f([]), [h, g] = f(""), [I, b] = f(!1), {
+    key: S = "",
+    label: p = "",
+    helper_text: C = "",
+    readonly: v = !1,
+    values: n = [],
+    options: y = {}
+  } = s, u = S, {
+    field: { value: o, onBlur: P, onChange: a, disabled: E, ...F },
+    fieldState: c
+  } = k({
+    name: u,
+    rules: N(s)
+  }), M = !!(s != null && s.required), R = (O = c == null ? void 0 : c.error) == null ? void 0 : O.message, d = !!(y != null && y.custom_input);
+  return j(() => {
+    if (n != null && n.length) {
+      const l = [...n == null ? void 0 : n.map((m) => ({
+        label: m,
+        value: m
+      }))];
+      d && l.push({
+        label: "Other, Please Specify",
+        value: "Other"
+      }), w(l);
+    }
+  }, [n, d]), j(() => {
+    !(r != null && r.isMulti) && d && typeof o == "string" && o && (t == null ? void 0 : t.findIndex(
+      (e) => (e == null ? void 0 : e.value) !== "Other" && (e == null ? void 0 : e.value) === o
+    )) === -1 && (b(!0), g(o));
+  }, [o]), /* @__PURE__ */ i.jsxs(q, { error: R, helperText: C, readOnly: v, children: [
+    p && /* @__PURE__ */ i.jsx(B, { htmlFor: u, isRequired: M, children: p }),
+    /* @__PURE__ */ i.jsx(
+      D,
+      {
+        id: u,
+        value: I ? {
+          label: "Other, Please Specify",
+          value: "Other"
+        } : o ? r != null && r.isMulti ? t == null ? void 0 : t.filter(
+          (e) => o == null ? void 0 : o.includes(e == null ? void 0 : e.value)
+        ) : t == null ? void 0 : t.find((e) => (e == null ? void 0 : e.value) === o) : null,
+        onChange: (e) => {
+          d && (e == null ? void 0 : e.value) === "Other" && (e == null ? void 0 : e.label) === "Other, Please Specify" ? (b(!0), a(h)) : (b(!1), r != null && r.isMulti ? a(e == null ? void 0 : e.map((l) => l == null ? void 0 : l.value)) : a(e == null ? void 0 : e.value));
+        },
+        onBlur: () => P(),
+        options: t,
+        isDisabled: E,
+        menuPlacement: "auto",
+        ...F,
+        ...r,
+        unstyled: !0,
+        classNames: {
+          container: () => x("w-full min-w-none h-auto min-h-none"),
+          control: ({ isFocused: e, isMulti: l, isDisabled: m }) => x(
+            "w-full  pl-3",
+            l ? "!min-h-9 h-auto" : "h-9 !min-h-none",
+            "rounded-md border bg-transparent hover:cursor-pointer border-input text-sm shadow-sm transition-colors",
+            "flex ",
+            e && "outline-none ring-1 ring-ring",
+            v && "ring-0",
+            m && "cursor-not-allowed opacity-50"
+          ),
+          input: () => "",
+          valueContainer: () => "gap-[4px] py-1",
+          singleValue: () => "",
+          multiValue: () => "bg-gray-100 rounded items-center py-0.5 pl-2 pr-1 gap-1.5",
+          multiValueLabel: () => "py-0.5",
+          multiValueRemove: () => "border border-gray-200 bg-white hover:bg-red-50 hover:text-red-800 text-gray-500 hover:border-red-300 rounded-md",
+          indicatorsContainer: () => "",
+          clearIndicator: () => "text-gray-500 p-1 rounded-md hover:bg-red-50 hover:text-red-800",
+          indicatorSeparator: () => "",
+          dropdownIndicator: () => "p-1 hover:bg-gray-100 text-gray-500 rounded-md hover:text-black",
+          menu: () => "p-1 mt-2 border border-gray-200 bg-white rounded-md",
+          groupHeading: () => "ml-3 mt-2 mb-1 text-gray-500 text-sm",
+          placeholder: () => "text-gray-500 pl-1 py-0.5",
+          option: ({ isSelected: e, isFocused: l }) => x(
+            "text-sm font-medium hover:cursor-pointer px-3 py-2 rounded",
+            l && "bg-gray-100 active:bg-gray-200",
+            e && "text-white bg-primary/80"
+          ),
+          noOptionsMessage: () => "text-gray-500 p-2 bg-gray-50 border border-dashed border-gray-200 rounded-sm"
+        }
+      }
+    ),
+    d && /* @__PURE__ */ i.jsx("div", { className: "w-full", children: /* @__PURE__ */ i.jsx(
+      L,
+      {
+        name: `select-other-${u}`,
+        value: h,
+        onChange: (e) => {
+          a == null || a(e.target.value), g(e.target.value);
+        },
+        className: "mt-4",
+        placeholder: "Other, Please Specify"
+      }
+    ) })
+  ] });
+};
+export {
+  G as DropdownWidget,
+  G as default
+};

package/dist/EmailWidget-BBthwF68.js

@@ -0,0 +1,41 @@
+import { j as r } from "./jsx-runtime-B6kdoens.js";
+import { useController as y } from "react-hook-form";
+import { G as C } from "./Spinner-CuUosd-S.js";
+import { h as F, j as I, k as V } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { I as b } from "./Input-2CvZ90f8.js";
+function w(e) {
+  return C({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M1.75 3h20.5c.966 0 1.75.784 1.75 1.75v14a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 18.75v-14C0 3.784.784 3 1.75 3ZM1.5 7.412V18.75c0 .138.112.25.25.25h20.5a.25.25 0 0 0 .25-.25V7.412l-9.52 6.433c-.592.4-1.368.4-1.96 0Zm0-2.662v.852l10.36 7a.25.25 0 0 0 .28 0l10.36-7V4.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z" }, child: [] }] })(e);
+}
+const k = ({ field: e, ...c }) => {
+  var l;
+  const { key: u = "", label: s = "", helper_text: d = "", readonly: h = !1 } = e, t = u, {
+    field: { value: p, onBlur: x, onChange: g, ...f },
+    fieldState: a
+  } = y({
+    name: t,
+    rules: F(e)
+  }), j = !!(e != null && e.required), v = (l = a == null ? void 0 : a.error) == null ? void 0 : l.message;
+  return /* @__PURE__ */ r.jsxs(I, { error: v, helperText: d, children: [
+    s && /* @__PURE__ */ r.jsx(V, { htmlFor: t, isRequired: j, children: s }),
+    /* @__PURE__ */ r.jsx(
+      b,
+      {
+        id: t,
+        type: "email",
+        leftIcon: /* @__PURE__ */ r.jsx("div", { className: "w-full h-full flex items-center justify-center bg-muted", children: /* @__PURE__ */ r.jsx(w, { size: "20px", className: "text-muted-foreground" }) }),
+        value: p || "",
+        onChange: (o) => {
+          var n, i, m;
+          return g((m = (i = (n = o == null ? void 0 : o.target) == null ? void 0 : n.value) == null ? void 0 : i.trim()) == null ? void 0 : m.toLocaleLowerCase());
+        },
+        onBlur: x,
+        readOnly: h,
+        ...f,
+        ...c
+      }
+    )
+  ] });
+};
+export {
+  k as default
+};

package/dist/GeocoderWidget-Dht_2vi6.js

@@ -0,0 +1,309 @@
+"use client";
+import { j as h } from "./jsx-runtime-B6kdoens.js";
+import le, { useState as J, useEffect as fe } from "react";
+import { useController as de } from "react-hook-form";
+import { q as pe } from "./Spinner-CuUosd-S.js";
+import { h as ge, j as me, k as ye } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { I as _e } from "./Input-2CvZ90f8.js";
+var U = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ne = {}, ve = "Expected a function", Y = NaN, be = "[object Symbol]", Se = /^\s+|\s+$/g, Pe = /^[-+]0x[0-9a-f]+$/i, Oe = /^0b[01]+$/i, he = /^0o[0-7]+$/i, Te = parseInt, je = typeof U == "object" && U && U.Object === Object && U, xe = typeof self == "object" && self && self.Object === Object && self, Ae = je || xe || Function("return this")(), Le = Object.prototype, Ee = Le.toString, we = Math.max, Ie = Math.min, $ = function() {
+  return Ae.Date.now();
+};
+function Ce(e, t, r) {
+  var n, a, c, u, s, l, g = 0, d = !1, v = !1, T = !0;
+  if (typeof e != "function")
+    throw new TypeError(ve);
+  t = Z(t) || 0, q(r) && (d = !!r.leading, v = "maxWait" in r, c = v ? we(Z(r.maxWait) || 0, t) : c, T = "trailing" in r ? !!r.trailing : T);
+  function P(i) {
+    var o = n, f = a;
+    return n = a = void 0, g = i, u = e.apply(f, o), u;
+  }
+  function j(i) {
+    return g = i, s = setTimeout(y, t), d ? P(i) : u;
+  }
+  function A(i) {
+    var o = i - l, f = i - g, O = t - o;
+    return v ? Ie(O, c - f) : O;
+  }
+  function L(i) {
+    var o = i - l, f = i - g;
+    return l === void 0 || o >= t || o < 0 || v && f >= c;
+  }
+  function y() {
+    var i = $();
+    if (L(i))
+      return b(i);
+    s = setTimeout(y, A(i));
+  }
+  function b(i) {
+    return s = void 0, T && n ? P(i) : (n = a = void 0, u);
+  }
+  function E() {
+    s !== void 0 && clearTimeout(s), g = 0, n = l = a = s = void 0;
+  }
+  function w() {
+    return s === void 0 ? u : b($());
+  }
+  function S() {
+    var i = $(), o = L(i);
+    if (n = arguments, a = this, l = i, o) {
+      if (s === void 0)
+        return j(l);
+      if (v)
+        return s = setTimeout(y, t), P(l);
+    }
+    return s === void 0 && (s = setTimeout(y, t)), u;
+  }
+  return S.cancel = E, S.flush = w, S;
+}
+function q(e) {
+  var t = typeof e;
+  return !!e && (t == "object" || t == "function");
+}
+function Me(e) {
+  return !!e && typeof e == "object";
+}
+function ke(e) {
+  return typeof e == "symbol" || Me(e) && Ee.call(e) == be;
+}
+function Z(e) {
+  if (typeof e == "number")
+    return e;
+  if (ke(e))
+    return Y;
+  if (q(e)) {
+    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = q(t) ? t + "" : t;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = e.replace(Se, "");
+  var r = Oe.test(e);
+  return r || he.test(e) ? Te(e.slice(2), r ? 2 : 8) : Pe.test(e) ? Y : +e;
+}
+var Ge = Ce, k = {};
+Object.defineProperty(k, "__esModule", {
+  value: !0
+});
+k.loadGoogleMapScript = k.isBrowser = void 0;
+var oe = typeof window < "u" && window.document;
+k.isBrowser = oe;
+var Re = function(t, r) {
+  if (!oe || typeof google < "u" && google.maps && google.maps.api)
+    return Promise.resolve();
+  var n = document.querySelectorAll('script[src*="'.concat(t, '"]'));
+  if (n && n.length)
+    return new Promise(function(u) {
+      if (typeof google < "u") return u();
+      n[0].addEventListener("load", function() {
+        return u();
+      });
+    });
+  var a = new URL(r);
+  a.searchParams.set("callback", "__REACT_GOOGLE_AUTOCOMPLETE_CALLBACK__");
+  var c = document.createElement("script");
+  return c.src = a.toString(), new Promise(function(u) {
+    window.__REACT_GOOGLE_AUTOCOMPLETE_CALLBACK__ = u, document.body.appendChild(c);
+  });
+};
+k.loadGoogleMapScript = Re;
+var N = {};
+Object.defineProperty(N, "__esModule", {
+  value: !0
+});
+N.GOOGLE_MAP_SCRIPT_BASE_URL = void 0;
+var Be = "https://maps.googleapis.com/maps/api/js";
+N.GOOGLE_MAP_SCRIPT_BASE_URL = Be;
+Object.defineProperty(ne, "__esModule", {
+  value: !0
+});
+var Ue = ne.default = Ve, m = le, D = Qe(Ge), ee = k, Ne = N;
+function Qe(e) {
+  return e && e.__esModule ? e : { default: e };
+}
+function te(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function C(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? te(Object(r), !0).forEach(function(n) {
+      $e(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : te(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function $e(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+}
+function M(e, t) {
+  return We(e) || Ke(e, t) || Fe(e, t) || qe();
+}
+function qe() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function Fe(e, t) {
+  if (e) {
+    if (typeof e == "string") return re(e, t);
+    var r = Object.prototype.toString.call(e).slice(8, -1);
+    if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set") return Array.from(e);
+    if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return re(e, t);
+  }
+}
+function re(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var r = 0, n = new Array(t); r < t; r++)
+    n[r] = e[r];
+  return n;
+}
+function Ke(e, t) {
+  var r = e && (typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"]);
+  if (r != null) {
+    var n = [], a = !0, c = !1, u, s;
+    try {
+      for (r = r.call(e); !(a = (u = r.next()).done) && (n.push(u.value), !(t && n.length === t)); a = !0)
+        ;
+    } catch (l) {
+      c = !0, s = l;
+    } finally {
+      try {
+        !a && r.return != null && r.return();
+      } finally {
+        if (c) throw s;
+      }
+    }
+    return n;
+  }
+}
+function We(e) {
+  if (Array.isArray(e)) return e;
+}
+function Ve(e) {
+  var t = e.apiKey, r = e.libraries, n = r === void 0 ? "places" : r, a = e.googleMapsScriptBaseUrl, c = a === void 0 ? Ne.GOOGLE_MAP_SCRIPT_BASE_URL : a, u = e.debounce, s = u === void 0 ? 300 : u, l = e.options, g = l === void 0 ? {} : l, d = e.sessionToken, v = e.language, T = v ? "&language=".concat(v) : "", P = "".concat(c, "?key=").concat(t, "&libraries=").concat(n).concat(T), j = (0, m.useState)([]), A = M(j, 2), L = A[0], y = A[1], b = (0, m.useState)(!1), E = M(b, 2), w = E[0], S = E[1], i = (0, m.useState)(null), o = M(i, 2), f = o[0], O = o[1], R = (0, m.useState)(!1), G = M(R, 2), B = G[0], Q = G[1], ie = (0, m.useState)(!1), F = M(ie, 2), ae = F[0], K = F[1], se = (0, m.useState)([]), W = M(se, 2), ue = W[0], V = W[1], I = (0, m.useRef)(null), H = (0, m.useRef)(null), x = (0, m.useRef)(null), ce = (0, m.useCallback)(function() {
+    return (0, ee.loadGoogleMapScript)(c, P);
+  }, [c, P]), z = (0, m.useCallback)((0, D.default)(function(_) {
+    I.current && _.input && I.current.getPlacePredictions(C(C(C({}, d && x.current ? {
+      sessionToken: x.current
+    } : {}), g), _), function(p) {
+      S(!1), y(p || []);
+    });
+  }, s), [s]), X = (0, m.useCallback)((0, D.default)(function(_) {
+    I.current && _.input && I.current.getQueryPredictions(C(C(C({}, d && x.current ? {
+      sessionToken: x.current
+    } : {}), g), _), function(p) {
+      Q(!1), V(p || []);
+    });
+  }, s), [s]);
+  return (0, m.useEffect)(function() {
+    if (ee.isBrowser) {
+      var _ = function() {
+        if (!google) return console.error("Google has not been found. Make sure your provide apiKey prop.");
+        I.current = new google.maps.places.AutocompleteService(), H.current = new google.maps.places.PlacesService(document.createElement("div")), d && (x.current = new google.maps.places.AutocompleteSessionToken());
+      };
+      t ? ce().then(function() {
+        return _();
+      }) : _();
+    }
+  }, []), {
+    placesService: H.current,
+    autocompleteSessionToken: x.current,
+    placesAutocompleteService: I.current,
+    placePredictions: f ? L : [],
+    isPlacePredictionsLoading: w,
+    getPlacePredictions: function(p) {
+      if (p.input) {
+        O(p.input), S(!0), z(p);
+        return;
+      }
+      y([]), O(null), z(p), S(!1);
+    },
+    queryPredictions: ae ? ue : [],
+    isQueryPredictionsLoading: B,
+    getQueryPredictions: function(p) {
+      if (p.input) {
+        K(p.input), Q(!0), X(p);
+        return;
+      }
+      V([]), K(null), X(p), Q(!1);
+    },
+    refreshSessionToken: function() {
+      x.current = new google.maps.places.AutocompleteSessionToken();
+    }
+  };
+}
+const De = ({ field: e }) => {
+  var i;
+  const [t, r] = J(""), [n, a] = J(!1), { key: c = "", label: u = "", helper_text: s = "", readonly: l = !1 } = e, g = c, {
+    field: { value: d, onBlur: v, onChange: T, ...P },
+    fieldState: j
+  } = de({
+    name: g,
+    rules: ge(e)
+  }), A = !!(e != null && e.required), L = (i = j == null ? void 0 : j.error) == null ? void 0 : i.message, {
+    placesService: y,
+    placePredictions: b,
+    getPlacePredictions: E,
+    isPlacePredictionsLoading: w
+  } = Ue({
+    apiKey: process.env.NEXT_PUBLIC_GOOGLE_MAPS,
+    debounce: 200
+  }), S = (o) => {
+    y == null || y.getDetails(
+      {
+        placeId: o == null ? void 0 : o.place_id
+      },
+      (f) => {
+        var O, R, G, B;
+        T(g, {
+          ...f,
+          place_name: o == null ? void 0 : o.description,
+          latitude: ((R = (O = f == null ? void 0 : f.geometry) == null ? void 0 : O.location) == null ? void 0 : R.lat()) || 0,
+          longitude: ((B = (G = f == null ? void 0 : f.geometry) == null ? void 0 : G.location) == null ? void 0 : B.lng()) || 0
+        });
+      }
+    ), a(!0);
+  };
+  return fe(() => {
+    d != null && d.place_name && (r(d == null ? void 0 : d.place_name), a(!0));
+  }, [d]), /* @__PURE__ */ h.jsx(me, { error: L, helperText: s, readOnly: l, children: /* @__PURE__ */ h.jsxs("div", { className: "w-full relative", children: [
+    u && /* @__PURE__ */ h.jsx(ye, { htmlFor: g, isRequired: A, children: u }),
+    /* @__PURE__ */ h.jsx(
+      _e,
+      {
+        id: g,
+        value: t,
+        onChange: (o) => {
+          a(!1), E({ input: o.target.value }), r(o.target.value);
+        },
+        onBlur: () => {
+          v();
+        },
+        rightIcon: w && /* @__PURE__ */ h.jsx(pe, { size: "20px", className: "animate-spin" }),
+        readOnly: l,
+        ...P
+      }
+    ),
+    t && !w && !n && /* @__PURE__ */ h.jsx("div", { className: "absolute bg-white left-[-1px] z-50 p-[4px] w-full shadow-[0_0_8px_rgba(0,0,0,0.25)] rounded-[6px]", children: b != null && b.length ? b.map((o) => /* @__PURE__ */ h.jsx(
+      "p",
+      {
+        className: "text-md p-[8px] cursor-pointer rounded-[6px] hover:bg-gray-200",
+        onClick: () => S(o),
+        children: o.description
+      },
+      o.place_id
+    )) : /* @__PURE__ */ h.jsx("p", { className: "text-md p-[8px] text-muted-foreground", children: "No results found" }) })
+  ] }) });
+};
+export {
+  De as GeocoderWidget,
+  De as default
+};