@levo-so/react 0.1.15 → 0.1.17

package/dist/FormCaptcha-DNPGf2xY.js

@@ -0,0 +1,197 @@
+"use client";
+import { useEffect as O, useState as L, useRef as J } from "react";
+import { useFormContext as W, useWatch as Y, useForm as B, useController as G } from "react-hook-form";
+import { useDebouncedCallback as H } from "use-debounce";
+import { u as x } from "./LevoProvider-BAZy7_tP.js";
+import { D as C, s as z, h as Q, c as X, A as Z } from "./CollectionFormBuilder-nZcXob6G.js";
+import { s as m } from "./Sonner-t6JVKA0a.js";
+import { e as T } from "./errorHandler-_34Yv8wA.js";
+import { a as h } from "./isEmptyObject-C5s4GzLE.js";
+import { j as U } from "./jsx-runtime-B6kdoens.js";
+import "altcha";
+const R = {
+  FORM_DIRTY: "form-dirty",
+  FORM_VALUES: "form-values"
+}, tt = (t) => {
+  const o = localStorage.getItem(`${t}-${R.FORM_VALUES}`);
+  return o ? JSON.parse(o) : {};
+}, et = (t, o) => {
+  localStorage.setItem(
+    `${t}-${R.FORM_VALUES}`,
+    JSON.stringify(o)
+  );
+}, M = (t) => {
+  localStorage.removeItem(`${t}-${R.FORM_VALUES}`);
+}, rt = async ({
+  collection_key: t,
+  data: o
+}) => {
+  const { client: c } = x(), e = await fetch(
+    `${c.apiUrl}/v1/bevy/content/${t}/save-entry`,
+    {
+      method: "POST",
+      body: JSON.stringify({ ...o }),
+      headers: {
+        "Content-Type": "application/json"
+      }
+    }
+  );
+  return e != null && e.ok ? await e.json() : null;
+}, yt = ({ currentValues: t, isError: o, getContentId: c }) => {
+  var I;
+  const { schema: e, isLoggedIn: a } = C(), r = W(), s = Y(), g = H((v) => {
+    e != null && e.key && !o && e != null && e.allow_draft && (a ? rt({
+      collection_key: e == null ? void 0 : e.key,
+      data: v
+    }).then((l) => {
+      var E, _, V, d;
+      (_ = (E = l == null ? void 0 : l.content) == null ? void 0 : E.data) != null && _._id && c((d = (V = l == null ? void 0 : l.content) == null ? void 0 : V.data) == null ? void 0 : d._id);
+    }) : et(e == null ? void 0 : e.key, v));
+  }, 2500);
+  return O(() => {
+    var v, l;
+    o || (v = r == null ? void 0 : r.formState) != null && v.isDirty && ((l = Object == null ? void 0 : Object.keys(s || {})) == null ? void 0 : l.length) > 0 && (g.cancel(), g({
+      ...t,
+      ...s
+    }));
+  }, [(I = r == null ? void 0 : r.formState) == null ? void 0 : I.isDirty, o, a, s]), null;
+}, pt = ({
+  schema: t,
+  saveToRemote: o,
+  onSubmit: c,
+  onSubmitSuccess: e,
+  onSubmitError: a
+}) => {
+  const { collection: r } = x(), {
+    toastConfig: s,
+    onSuccess: g,
+    onError: I,
+    isLoggedIn: v,
+    isDisabled: l,
+    externalInitialValues: E = {}
+  } = C(), [_, V] = L({}), [d, w] = L(null), [N, $] = L(!1), [P, A] = L(!1), n = J({}), F = B({
+    mode: "all",
+    disabled: l,
+    defaultValues: _,
+    values: _,
+    resetOptions: {
+      keepErrors: !0
+    }
+  }), q = F.handleSubmit(async (y) => {
+    var k, S, p, i, j, D;
+    if (n.current = {
+      ...n.current || {},
+      ...y
+    }, o && r) {
+      if (t)
+        try {
+          const f = z(n == null ? void 0 : n.current, t);
+          let u = null;
+          if (d ? u = await (r == null ? void 0 : r.submitDraftEntry(t == null ? void 0 : t.key, f).catch((b) => (T(b), null))) : u = await (r == null ? void 0 : r.saveCollectionData({
+            collection_id: t == null ? void 0 : t.id,
+            data: f
+          }).catch((b) => (T(b), null))), (k = u == null ? void 0 : u.content) != null && k.data)
+            return s != null && s.showSuccessToast && m(
+              s.successToastText || "Form submitted successfully."
+            ), n.current = h(E) ? {} : { ...E }, M(t == null ? void 0 : t.key), w(null), g && g({
+              schemaId: t == null ? void 0 : t.id,
+              response: (S = u == null ? void 0 : u.content) == null ? void 0 : S.data
+            }), e && e(), F.reset(), F.clearErrors(), !0;
+          throw new Error("Failed to save form details, API response invalid");
+        } catch (f) {
+          const u = (j = (i = (p = f == null ? void 0 : f.response) == null ? void 0 : p.data) == null ? void 0 : i.content) == null ? void 0 : j.errors;
+          return Q(u, F.setError), a && a(u), I && I(((D = f == null ? void 0 : f.response) == null ? void 0 : D.data) || f), !1;
+        }
+      return !1;
+    }
+    y && c && c(y);
+  }), K = (y) => {
+    y && y !== d && w(y);
+  };
+  return O(() => {
+    if (t && r) {
+      const y = X(t);
+      if (n.current = {
+        ...y,
+        ...E || {},
+        ...n.current || {}
+      }, !d && t != null && t.allow_draft) {
+        if (v) {
+          $(!0), r == null || r.getDraftEntry(t == null ? void 0 : t.key).then((S) => {
+            if (S === null) {
+              A(!0);
+              return;
+            }
+            A(!1);
+            const p = Array.isArray(S) ? S == null ? void 0 : S.filter((i) => (i == null ? void 0 : i._status) === "draft") : [];
+            if ((p == null ? void 0 : p.length) > 0) {
+              const i = (p == null ? void 0 : p[0]) || {};
+              i != null && i._id && (n.current = {
+                ...n.current || {},
+                ...i
+              }, w(i == null ? void 0 : i._id));
+            }
+          }).catch(() => null).finally(() => {
+            V({
+              ...n == null ? void 0 : n.current
+            }), $(!1);
+          });
+          return;
+        }
+        const k = tt(t == null ? void 0 : t.key);
+        k && (n.current = {
+          ...n.current || {},
+          ...k
+        });
+      }
+      V({
+        ...(n == null ? void 0 : n.current) || {}
+      });
+    }
+  }, [t]), O(() => {
+    t && d && M(t == null ? void 0 : t.key);
+  }, [d]), {
+    methods: F,
+    isLoading: N,
+    isError: P,
+    contentId: d,
+    allFormValues: n.current,
+    handleContentId: K,
+    handleSubmit: q
+  };
+}, gt = () => {
+  const { isInternal: t } = C(), { client: o } = x(), c = J(null), {
+    field: { onChange: e },
+    fieldState: { error: a }
+  } = G({
+    name: "__captcha",
+    rules: {
+      required: t ? !1 : "Verification is required"
+    }
+  });
+  return O(() => {
+    const r = (g) => {
+      "detail" in g && e(g.detail.state || null);
+    }, { current: s } = c;
+    if (s)
+      return s.addEventListener("statechange", r), () => s.removeEventListener("statechange", r);
+  }, []), /* @__PURE__ */ U.jsx(Z, { error: a == null ? void 0 : a.message, children: /* @__PURE__ */ U.jsx(
+    "altcha-widget",
+    {
+      ref: c,
+      style: {
+        "--altcha-max-width": "100%"
+      },
+      hidelogo: !0,
+      auto: "onfocus",
+      hidefooter: !0,
+      challengeurl: `${o.apiUrl}/v1/identity/captcha/create-challenge`,
+      verifyurl: `${o.apiUrl}/v1/identity/captcha/verify-challenge`
+    }
+  ) });
+};
+export {
+  gt as F,
+  yt as S,
+  pt as u
+};

package/dist/{GeocoderWidget-CSsp_-hW.js → GeocoderWidget-DNkRmCVB.js}

@@ -3,9 +3,9 @@ import { j as o } from "./jsx-runtime-B6kdoens.js";
 import { useState as p, useEffect as v } from "react";
 import { useController as z } from "react-hook-form";
 import { n as T } from "./Spinner-Bzu2xCFZ.js";
-import { z as k, A as q, B as A } from "./CollectionFormBuilder-BIvx_z08.js";
+import { z as k, A as q, B as A } from "./CollectionFormBuilder-nZcXob6G.js";
 import { I as E } from "./Input-2CvZ90f8.js";
-import { u as O } from "./LevoProvider-Do3jjJ4j.js";
+import { u as O } from "./LevoProvider-BAZy7_tP.js";
 const $ = ({ field: t }) => {
   var _;
   const [c, h] = p(""), [m, u] = p(!1), [l, N] = p([]), [g, i] = p(!1), { client: a } = O(), { key: d = "", label: f = "", helper_text: w = "", readonly: j = !1 } = t, {

package/dist/LevoProvider-BAZy7_tP.js

@@ -0,0 +1,223 @@
+"use client";
+var j = Object.defineProperty;
+var D = (l, o, t) => o in l ? j(l, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[o] = t;
+var p = (l, o, t) => D(l, typeof o != "symbol" ? o + "" : o, t);
+import { j as B } from "./jsx-runtime-B6kdoens.js";
+import k from "wretch";
+import { createContext as G, useContext as W } from "react";
+var q = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function z(l) {
+  return l && l.__esModule && Object.prototype.hasOwnProperty.call(l, "default") ? l.default : l;
+}
+var T = class {
+  constructor(l) {
+    p(this, "client");
+    this.client = l;
+  }
+}, F = { exports: {} };
+(function(l) {
+  (function(o, t) {
+    l.exports ? l.exports = t() : o.log = t();
+  })(q, function() {
+    var o = function() {
+    }, t = "undefined", L = typeof window !== t && typeof window.navigator !== t && /Trident\/|MSIE /.test(window.navigator.userAgent), g = [
+      "trace",
+      "debug",
+      "info",
+      "warn",
+      "error"
+    ], f = {}, a = null;
+    function b(n, i) {
+      var e = n[i];
+      if (typeof e.bind == "function")
+        return e.bind(n);
+      try {
+        return Function.prototype.bind.call(e, n);
+      } catch {
+        return function() {
+          return Function.prototype.apply.apply(e, [n, arguments]);
+        };
+      }
+    }
+    function S() {
+      console.log && (console.log.apply ? console.log.apply(console, arguments) : Function.prototype.apply.apply(console.log, [console, arguments])), console.trace && console.trace();
+    }
+    function U(n) {
+      return n === "debug" && (n = "log"), typeof console === t ? !1 : n === "trace" && L ? S : console[n] !== void 0 ? b(console, n) : console.log !== void 0 ? b(console, "log") : o;
+    }
+    function d() {
+      for (var n = this.getLevel(), i = 0; i < g.length; i++) {
+        var e = g[i];
+        this[e] = i < n ? o : this.methodFactory(e, n, this.name);
+      }
+      if (this.log = this.debug, typeof console === t && n < this.levels.SILENT)
+        return "No console available for logging";
+    }
+    function A(n) {
+      return function() {
+        typeof console !== t && (d.call(this), this[n].apply(this, arguments));
+      };
+    }
+    function M(n, i, e) {
+      return U(n) || A.apply(this, arguments);
+    }
+    function E(n, i) {
+      var e = this, y, m, c, u = "loglevel";
+      typeof n == "string" ? u += ":" + n : typeof n == "symbol" && (u = void 0);
+      function O(r) {
+        var s = (g[r] || "silent").toUpperCase();
+        if (!(typeof window === t || !u)) {
+          try {
+            window.localStorage[u] = s;
+            return;
+          } catch {
+          }
+          try {
+            window.document.cookie = encodeURIComponent(u) + "=" + s + ";";
+          } catch {
+          }
+        }
+      }
+      function C() {
+        var r;
+        if (!(typeof window === t || !u)) {
+          try {
+            r = window.localStorage[u];
+          } catch {
+          }
+          if (typeof r === t)
+            try {
+              var s = window.document.cookie, h = encodeURIComponent(u), I = s.indexOf(h + "=");
+              I !== -1 && (r = /^([^;]+)/.exec(
+                s.slice(I + h.length + 1)
+              )[1]);
+            } catch {
+            }
+          return e.levels[r] === void 0 && (r = void 0), r;
+        }
+      }
+      function P() {
+        if (!(typeof window === t || !u)) {
+          try {
+            window.localStorage.removeItem(u);
+          } catch {
+          }
+          try {
+            window.document.cookie = encodeURIComponent(u) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
+          } catch {
+          }
+        }
+      }
+      function v(r) {
+        var s = r;
+        if (typeof s == "string" && e.levels[s.toUpperCase()] !== void 0 && (s = e.levels[s.toUpperCase()]), typeof s == "number" && s >= 0 && s <= e.levels.SILENT)
+          return s;
+        throw new TypeError("log.setLevel() called with invalid level: " + r);
+      }
+      e.name = n, e.levels = {
+        TRACE: 0,
+        DEBUG: 1,
+        INFO: 2,
+        WARN: 3,
+        ERROR: 4,
+        SILENT: 5
+      }, e.methodFactory = i || M, e.getLevel = function() {
+        return c ?? m ?? y;
+      }, e.setLevel = function(r, s) {
+        return c = v(r), s !== !1 && O(c), d.call(e);
+      }, e.setDefaultLevel = function(r) {
+        m = v(r), C() || e.setLevel(r, !1);
+      }, e.resetLevel = function() {
+        c = null, P(), d.call(e);
+      }, e.enableAll = function(r) {
+        e.setLevel(e.levels.TRACE, r);
+      }, e.disableAll = function(r) {
+        e.setLevel(e.levels.SILENT, r);
+      }, e.rebuild = function() {
+        if (a !== e && (y = v(a.getLevel())), d.call(e), a === e)
+          for (var r in f)
+            f[r].rebuild();
+      }, y = v(
+        a ? a.getLevel() : "WARN"
+      );
+      var x = C();
+      x != null && (c = v(x)), d.call(e);
+    }
+    a = new E(), a.getLogger = function(i) {
+      if (typeof i != "symbol" && typeof i != "string" || i === "")
+        throw new TypeError("You must supply a name when creating a logger.");
+      var e = f[i];
+      return e || (e = f[i] = new E(
+        i,
+        a.methodFactory
+      )), e;
+    };
+    var N = typeof window !== t ? window.log : void 0;
+    return a.noConflict = function() {
+      return typeof window !== t && window.log === a && (window.log = N), a;
+    }, a.getLoggers = function() {
+      return f;
+    }, a.default = a, a;
+  });
+})(F);
+var J = F.exports;
+const w = /* @__PURE__ */ z(J);
+var K = class extends T {
+  constructor(o) {
+    super(o);
+    p(this, "logger", w);
+    w.setLevel(
+      this.client.NODE_ENV === "production" ? w.levels.INFO : w.levels.DEBUG
+    ), w.methodFactory = (t) => (L, g = {}) => {
+      k().url(`${this.client.apiUrl}/v1/apm/logs/json`).post({
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        level: t,
+        message: L,
+        ...g
+      }).res().catch((f) => console.error(f));
+    };
+  }
+  error(...o) {
+    return this.logger.error(...o);
+  }
+  log(...o) {
+    return this.logger.debug(...o);
+  }
+  info(...o) {
+    return this.logger.info(...o);
+  }
+  warn(...o) {
+    return this.logger.warn(...o);
+  }
+}, V = class extends T {
+  constructor() {
+    super(...arguments);
+    p(this, "mediaBulkUpload", (o, t = {}) => this.client.fetch.url("/v1/assets/media/bulk").options(t).post(o).json());
+    p(this, "getAllMedia", async (o = {}) => await this.client.fetch.url("/v1/assets/media/query").post(o).json());
+  }
+};
+const R = G(null), X = ({
+  children: l,
+  client: o,
+  ...t
+}) => /* @__PURE__ */ B.jsx(
+  R.Provider,
+  {
+    value: {
+      client: o,
+      media: new V(o),
+      logger: new K(o),
+      ...t
+    },
+    children: l
+  }
+), Z = () => {
+  const l = W(R);
+  if (!l)
+    throw new Error("useLevo must be used within LevoProvider");
+  return l;
+};
+export {
+  X as L,
+  Z as u
+};

package/dist/{MultiGeocoderWidget-Blqz-lHX.js → MultiGeocoderWidget-D2Vh9SuR.js}

@@ -2,8 +2,8 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
 import { Plus as m } from "lucide-react";
 import { useFieldArray as n } from "react-hook-form";
-import { B as c } from "./CollectionFormBuilder-BIvx_z08.js";
-import { GeocoderWidget as d } from "./GeocoderWidget-CSsp_-hW.js";
+import { B as c } from "./CollectionFormBuilder-nZcXob6G.js";
+import { GeocoderWidget as d } from "./GeocoderWidget-DNkRmCVB.js";
 import { B as p } from "./Spinner-Bzu2xCFZ.js";
 const k = ({
   field: l

package/dist/{MultiTextWidget-CxVpyf06.js → MultiTextWidget-Ktmx0-ou.js}

@@ -1,6 +1,6 @@
 import { j as a } from "./jsx-runtime-B6kdoens.js";
 import { useController as A } from "react-hook-form";
-import { z as C, A as b, B as q } from "./CollectionFormBuilder-BIvx_z08.js";
+import { z as C, A as b, B as q } from "./CollectionFormBuilder-nZcXob6G.js";
 import { I } from "./Input-2CvZ90f8.js";
 const f = ({ field: r }) => {
   var l;

package/dist/{PhoneWidget-DezcchSP.js → PhoneWidget-2JMw1hQ-.js}

@@ -3,7 +3,7 @@ import { j as o } from "./jsx-runtime-B6kdoens.js";
 import { useController as f } from "react-hook-form";
 import { PhoneInput as g } from "react-international-phone";
 import { c as l } from "./cn-C9QoOYNG.js";
-import { z as x, A as v, B as y } from "./CollectionFormBuilder-BIvx_z08.js";
+import { z as x, A as v, B as y } from "./CollectionFormBuilder-nZcXob6G.js";
 const P = ({ field: e }) => {
   const { key: u = "", label: t = "", helper_text: c = "", readonly: n = !1 } = e, s = u, {
     field: { value: d, onBlur: a, onChange: i, ...m },

package/dist/{RadioWidget-SfD1fFDG.js → RadioWidget-CsMqjCtP.js}

@@ -5,7 +5,7 @@ import * as d from "react";
 import { useController as F } from "react-hook-form";
 import { G as B } from "./Spinner-Bzu2xCFZ.js";
 import { c as N } from "./cn-C9QoOYNG.js";
-import { z as E, A as G, B as f } from "./CollectionFormBuilder-BIvx_z08.js";
+import { z as E, A as G, B as f } from "./CollectionFormBuilder-nZcXob6G.js";
 import { I as V } from "./Input-2CvZ90f8.js";
 function q(s) {
   return B({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "M416 128 192 384l-96-96" }, child: [] }] })(s);

package/dist/{RichTextWidget-Cg3RizdO.js → RichTextWidget-CesaOZze.js}

@@ -19,7 +19,7 @@ import { useState as q, useEffect as D } from "react";
 import { useController as G } from "react-hook-form";
 import { G as p, o as J, p as V, q as W, r as Z, s as _, t as P, u as K, v as Q, w as X, x as Y, y as $, z as nn } from "./Spinner-Bzu2xCFZ.js";
 import { c as j } from "./cn-C9QoOYNG.js";
-import { z as ln, A as en, B as sn } from "./CollectionFormBuilder-BIvx_z08.js";
+import { z as ln, A as en, B as sn } from "./CollectionFormBuilder-nZcXob6G.js";
 function an(n) {
   return p({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M758.2 839.1C851.8 765.9 912 651.9 912 523.9 912 303 733.5 124.3 512.6 124 291.4 123.7 112 302.8 112 523.9c0 125.2 57.5 236.9 147.6 310.2 3.5 2.8 8.6 2.2 11.4-1.3l39.4-50.5c2.7-3.4 2.1-8.3-1.2-11.1-8.1-6.6-15.9-13.7-23.4-21.2a318.64 318.64 0 0 1-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 0 1-68.6 101.7c-9.3 9.3-19.1 18-29.3 26L668.2 724a8 8 0 0 0-14.1 3l-39.6 162.2c-1.2 5 2.6 9.9 7.7 9.9l167 .8c6.7 0 10.5-7.7 6.3-12.9l-37.3-47.9z" }, child: [] }] })(n);
 }

package/dist/{StepsFormVariant-D35dFYK6.js → StepsFormVariant-FXwgPUG0.js}

@@ -1,91 +1,91 @@
 "use client";
 import { j as t } from "./jsx-runtime-B6kdoens.js";
-import { useState as A, useMemo as v } from "react";
-import { FormProvider as I } from "react-hook-form";
-import { c as N } from "./cn-C9QoOYNG.js";
-import { D as g, F as T } from "./CollectionFormBuilder-BIvx_z08.js";
-import { u as H, S as M } from "./useLevoForm-3jSJ9I6v.js";
-import { B as y } from "./Spinner-Bzu2xCFZ.js";
-const X = () => {
-  const [n, l] = A(0), { containerStyles: m } = g(), a = () => {
-    l((o) => o - 1);
+import { useState as I, useMemo as y } from "react";
+import { FormProvider as T } from "react-hook-form";
+import { c as F } from "./cn-C9QoOYNG.js";
+import { D as N, F as _ } from "./CollectionFormBuilder-nZcXob6G.js";
+import { u as C, S as H, F as M } from "./FormCaptcha-DNPGf2xY.js";
+import { B as g } from "./Spinner-Bzu2xCFZ.js";
+const Y = () => {
+  const [n, a] = I(0), { containerStyles: m } = N(), l = () => {
+    a((o) => o - 1);
   }, s = () => {
-    l((o) => o + 1);
-  }, d = (o) => {
-    l(o);
+    a((o) => o + 1);
+  }, c = (o) => {
+    a(o);
   };
-  return /* @__PURE__ */ t.jsx("div", { className: N("w-full", m), children: /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx("div", { className: F("w-full", m), children: /* @__PURE__ */ t.jsx(
     q,
     {
       currentSectionIndex: n,
       handleNext: s,
-      handlePrev: a,
-      goToIndex: d
+      handlePrev: l,
+      goToIndex: c
     }
   ) });
-}, q = ({ currentSectionIndex: n, handleNext: l, handlePrev: m, goToIndex: a }) => {
-  var f, j, h;
-  const { schema: s, isInternal: d, isDisabled: o, submitButtonConfig: i, uiConfig: c } = g(), r = v(
+}, q = ({ currentSectionIndex: n, handleNext: a, handlePrev: m, goToIndex: l }) => {
+  var h, j, v;
+  const { schema: s, isInternal: c, isDisabled: o, submitButtonConfig: i, uiConfig: d } = N(), r = y(
     () => {
       var e;
       return (e = s == null ? void 0 : s.sections) == null ? void 0 : e[n];
     },
     [n]
-  ), F = v(() => {
+  ), w = y(() => {
     if (s) {
       const e = { ...s };
       return r && e && (e.sections = [r]), e;
     }
     return null;
-  }, [r]), u = n === Number((f = s == null ? void 0 : s.sections) == null ? void 0 : f.length) - 1, {
-    methods: p,
-    handleSubmit: w,
-    isLoading: E,
-    handleContentId: L,
-    isError: D,
-    allFormValues: P
-  } = H({
-    schema: F,
-    saveToRemote: u,
+  }, [r]), x = n === Number((h = s == null ? void 0 : s.sections) == null ? void 0 : h.length) - 1, {
+    methods: u,
+    handleSubmit: E,
+    isLoading: L,
+    handleContentId: D,
+    isError: P,
+    allFormValues: V
+  } = C({
+    schema: w,
+    saveToRemote: x,
     onSubmit: () => {
-      l();
+      a();
     },
     onSubmitSuccess: () => {
-      a(0);
+      l(0);
     },
     onSubmitError: (e) => {
       var S;
       if (Array.isArray(e) && (e != null && e[0])) {
         const R = e == null ? void 0 : e[0];
-        (S = s == null ? void 0 : s.sections) == null || S.forEach((x, V) => {
+        (S = s == null ? void 0 : s.sections) == null || S.forEach((p, z) => {
           var b;
-          ((b = x == null ? void 0 : x.fields) == null ? void 0 : b.find((z) => z.key === R.param)) && a(V);
+          ((b = p == null ? void 0 : p.fields) == null ? void 0 : b.find((A) => A.key === R.param)) && l(z);
         });
       }
     }
   }), {
     formState: { isSubmitting: k }
-  } = p;
-  return /* @__PURE__ */ t.jsxs(I, { ...p, children: [
+  } = u, f = u.watch("__captcha");
+  return /* @__PURE__ */ t.jsxs(T, { ...u, children: [
     /* @__PURE__ */ t.jsx(
-      M,
+      H,
       {
-        getContentId: (e) => L(e),
-        isError: D,
-        currentValues: P
+        getContentId: (e) => D(e),
+        isError: P,
+        currentValues: V
       }
     ),
     /* @__PURE__ */ t.jsxs(
       "form",
       {
-        className: N(
+        className: F(
           "w-full bg-white rounded-md border border-[rgb(229, 231, 235)] min-h-12 px-4 md:px-8 py-6",
-          E && "opacity-50 pointer-events-none"
+          L && "opacity-50 pointer-events-none"
         ),
         id: "collection-form",
-        onSubmit: w,
+        onSubmit: E,
         children: [
-          !(c != null && c.hideSectionHeadings) && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+          !(d != null && d.hideSectionHeadings) && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
             /* @__PURE__ */ t.jsx("p", { className: "text-xl font-medium", children: (r == null ? void 0 : r.label) || "Details" }),
             /* @__PURE__ */ t.jsxs("p", { children: [
               "Step ",
@@ -94,17 +94,20 @@ const X = () => {
               ((j = s == null ? void 0 : s.sections) == null ? void 0 : j.length) || 1
             ] })
           ] }),
-          /* @__PURE__ */ t.jsx("div", { className: "w-full flex flex-col gap-6", children: (h = r == null ? void 0 : r.fields) == null ? void 0 : h.map((e) => e && !e.hidden ? /* @__PURE__ */ t.jsx(
-            T,
-            {
-              field: e,
-              isInternal: d
-            },
-            e == null ? void 0 : e.key
-          ) : null) }),
+          /* @__PURE__ */ t.jsxs("div", { className: "w-full flex flex-col gap-6", children: [
+            (v = r == null ? void 0 : r.fields) == null ? void 0 : v.map((e) => e && !e.hidden ? /* @__PURE__ */ t.jsx(
+              _,
+              {
+                field: e,
+                isInternal: c
+              },
+              e == null ? void 0 : e.key
+            ) : null),
+            !c && x && /* @__PURE__ */ t.jsx(M, {})
+          ] }),
           /* @__PURE__ */ t.jsxs("div", { className: "flex mt-8 justify-between", children: [
             n !== 0 ? /* @__PURE__ */ t.jsx(
-              y,
+              g,
               {
                 type: "button",
                 size: "sm",
@@ -115,15 +118,15 @@ const X = () => {
               }
             ) : /* @__PURE__ */ t.jsx("div", {}),
             /* @__PURE__ */ t.jsx(
-              y,
+              g,
               {
                 type: "submit",
                 loadingText: "Saving",
                 size: "sm",
-                isLoading: k,
+                isLoading: k || f === "verifying",
                 disabled: o,
                 className: i == null ? void 0 : i.styles,
-                children: u ? (i == null ? void 0 : i.text) ?? "Save" : "Next"
+                children: x ? f === "verifying" ? "Verifying..." : (i == null ? void 0 : i.text) || "Save" : "Next"
               }
             )
           ] })
@@ -133,5 +136,5 @@ const X = () => {
   ] });
 };
 export {
-  X as default
+  Y as default
 };