@paragrav/rhf-utils 0.1.0 → 0.60.0

package/dist/esm/index.mjs

@@ -1,133 +1,294 @@
-import { jsx as i, Fragment as Z, jsxs as L } from "react/jsx-runtime";
-import a from "react";
-import { c as C } from "./createContext.mjs";
-import { zodResolver as z } from "@hookform/resolvers/zod";
-import { useFormContext as b, Controller as I, get as A, useFormState as x, FormProvider as $, useForm as H } from "react-hook-form";
-import { i as y, _ as Q, u as g } from "./useFlatFieldErrorsContext.mjs";
-import { flatten as G } from "flat";
-const {
-  Provider: J,
-  useMaybe: _
-} = C(), K = a.lazy(
-  () => import("@hookform/devtools").then((r) => ({
-    default: r.DevTool
-  }))
-), X = ({ enabled: r, props: t }) => {
-  if (!r) return null;
-  const { control: e } = b();
-  return /* @__PURE__ */ i(a.Suspense, { fallback: null, children: /* @__PURE__ */ i(K, { control: e, ...t }) });
+import { jsx as c, jsxs as X } from "react/jsx-runtime";
+import u from "react";
+import { c as L, u as v, g as Y, i as D, _ as tt } from "./getFlatFieldErrors.mjs";
+import { Controller as rt, useFormContext as b, useFormState as I, useWatch as et, useForm as ot, FormProvider as st } from "react-hook-form";
+import { zodResolver as nt } from "@hookform/resolvers/zod";
+const B = u.createContext(void 0), er = ({
+  config: t,
+  children: r
+}) => {
+  const [e] = u.useState(t ?? {});
+  return /* @__PURE__ */ c(B.Provider, { value: e, children: r });
+}, {
+  Provider: it,
+  useRequired: M
+} = L(), or = () => {
+  const t = M();
+  return u.useMemo(() => !t.hasErrors || !t.hasOrphans ? !1 : Object.keys(t.orphans).length === Object.keys(t.all).length, [t]);
+}, N = "data-rhfutils-nonfield-error-marker-path", sr = ({ path: t }) => {
+  const r = {
+    [N]: t
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      role: "alert",
+      "aria-hidden": "true",
+      style: { display: "none" },
+      ...r
+    }
+  );
+}, ut = (t) => u.useCallback(
+  (r) => {
+    if (!t.current) throw new Error();
+    ct(t.current, r);
+  },
+  [t]
+), ct = (t, r) => {
+  t.requestSubmit(r);
 };
-class F extends Error {
-  constructor(t, e) {
-    super(e), this.errors = t;
+class E extends Error {
+  constructor(r, e) {
+    super(e), this.errors = r;
   }
 }
-const Y = (r, t) => {
-  Object.entries(t).forEach(([e, o]) => {
-    r.setError(e, {
+const {
+  Provider: lt,
+  useRequired: q
+} = L(), nr = () => q().current, at = u.lazy(
+  () => import("@hookform/devtools").then((t) => ({
+    default: t.DevTool
+  }))
+), mt = ({ config: t }) => {
+  const [r] = u.useState(t);
+  if (!r) return null;
+  const e = typeof r == "object" ? r : void 0;
+  return /* @__PURE__ */ c(u.Suspense, { children: /* @__PURE__ */ c(at, { ...e }) });
+}, ft = () => {
+  const t = v();
+  return /* @__PURE__ */ c(mt, { config: t.options.devTool });
+}, H = (t) => /* @__PURE__ */ c(rt, { ...t }), R = () => {
+  const t = u.useContext(B);
+  if (t === void 0) throw new Error();
+  return t;
+}, dt = () => {
+  const t = v(), r = b();
+  return {
+    utils: t,
+    rhf: r,
+    FormSubmitError: E
+  };
+}, ht = (t, r, e) => {
+  const o = r?.();
+  return async () => {
+    if (!(!t || await Promise.resolve(
+      o?.(e)
+    ) === !1))
+      return Promise.resolve(t());
+  };
+}, Ft = (t) => {
+  const { useCanFormBeCancelled: r } = R(), e = dt();
+  return ht(
+    t,
+    r,
+    e
+  );
+}, bt = ({
+  onCancel: t,
+  Children: r
+}) => {
+  const e = b(), o = v(), s = Ft(t);
+  return /* @__PURE__ */ c(
+    r,
+    {
+      ...o,
+      rhf: e,
+      onCancel: s,
+      Controller: H,
+      FormSubmitError: E
+    }
+  );
+}, St = (t, r) => {
+  Object.entries(r).forEach(([e, o]) => {
+    t.setError(e, {
       type: "FormSubmitFieldError",
       // default
       ...o
     });
   });
-}, rr = ({
-  children: r
-}) => /* @__PURE__ */ i(Z, { children: r });
-function O(r) {
-  return /* @__PURE__ */ i(I, { ...r });
-}
-function er({
-  formId: r,
-  formRef: t,
-  //
-  onSubmit: e,
-  onSubmitError: o,
-  onSubmitInvalid: s,
-  Children: n,
-  //
-  form: l,
-  utils: u
-}) {
-  const m = b(), d = _(), c = async (h) => {
-    u != null && u.stopSubmitPropagation && h.stopPropagation();
+}, pt = (t, r, e) => ({
+  ...t,
+  ...r,
+  className: [t?.className, r?.className, e?.className].filter(Boolean).join(" ").trim() || void 0
+  // replace empty string with undefined
+}), Et = (t, r, e) => {
+  const o = R();
+  return {
+    id: r,
+    ...pt(
+      o.defaults?.form,
+      t,
+      e
+    )
+  };
+}, vt = (t) => {
+  const r = q();
+  return async function(e) {
     try {
-      await m.handleSubmit(p, s)(h);
-    } catch (f) {
-      P(f, h);
+      return r.reset(), await t(e);
+    } catch (o) {
+      throw r.set(o, e), o;
     }
-  }, p = (h, f) => e == null ? void 0 : e(
-    h,
+  };
+}, Rt = ({
+  onValid: t,
+  onInvalid: r,
+  onError: e,
+  onFinally: o
+}) => {
+  const s = b(), { options: n, lastSubmitStateRef: i } = v(), a = s.handleSubmit(t, r), m = vt(a);
+  return (l) => {
+    i.current = "submitting", n.stopSubmitPropagation && l.stopPropagation(), Promise.resolve(m(l)).then(() => {
+      i.current = "success";
+    }).catch((h) => {
+      i.current = "error", e(h, l);
+    }).finally(() => {
+      o?.();
+    });
+  };
+}, Ct = ({
+  getApiData: t,
+  // handlers
+  onSubmitInvalid: r,
+  onBeforeSubmitInvariants: e,
+  onBeforeSubmit: o,
+  onSubmit: s,
+  onSubmitSuccess: n,
+  onSubmitError: i,
+  onSubmitFinally: a,
+  // other
+  form: m,
+  className: l,
+  //
+  children: h
+}) => {
+  const f = b(), d = v(), S = R(), P = Et(
+    m,
+    d.formId,
     {
-      formId: r,
-      formRef: t,
-      context: m,
-      utils: u,
-      FormSubmitError: F
-    },
-    f
-  ), P = (h, f) => {
-    var R;
-    const E = h instanceof F ? (
+      className: l
+    }
+  ), y = S.FormComponent ?? "form", x = async (F, U) => {
+    const p = f.getValues(), G = t?.(F), C = { input: p, output: F, api: G }, g = {
+      utils: d,
+      rhf: f,
+      FormSubmitError: E
+    }, O = U;
+    e && await gt(e, C, g, O), await Promise.resolve(o?.(C, g, O));
+    const K = await Promise.resolve(
+      s?.(C, g, O)
+    );
+    d.lastSubmitStateRef.current = "success", await Promise.resolve(
+      n?.(K, C, g, O)
+    );
+  };
+  function W(F, U) {
+    const p = F instanceof E ? (
       // consumer can manually throw FormSubmitError (e.g., manual validation)
-      h.errors
+      F.errors
     ) : (
       // if error is not FormSubmitError, consumer can provide global handler
-      (R = d == null ? void 0 : d.onSubmitErrorUnknown) == null ? void 0 : R.call(d, h)
+      S.onSubmitErrorUnknown?.(F)
     );
-    E && Y(m, E), o == null || o(
-      h,
+    p && St(f, p), i?.(
+      F,
       {
-        formId: r,
-        formRef: t,
-        context: m,
-        utils: u,
-        errors: E
+        utils: d,
+        errors: p,
+        rhf: f
       },
-      f
+      U
+      // `as` required due to conditional generic
     );
-  }, V = {
-    formId: r,
-    formRef: t,
-    context: m,
-    utils: u,
-    Controller: O,
-    FormSubmitError: F
-  }, N = {
-    formId: r,
-    formRef: t,
-    context: m,
-    utils: u,
-    Controller: O,
-    FormSubmitError: F
-  }, q = (d == null ? void 0 : d.FormComponent) ?? "form", B = (d == null ? void 0 : d.FormChildrenWrapper) ?? rr;
-  return /* @__PURE__ */ i(
-    q,
+  }
+  const V = Rt({
+    onValid: x,
+    onInvalid: r,
+    onError: W,
+    onFinally: a
+  }), _ = {
+    ...P,
+    id: d.formId,
+    onSubmit: V
+  };
+  if (!S.FormComponent)
+    return /* @__PURE__ */ c("form", { ref: d.formRef, ..._, children: h });
+  const $ = {
+    ...d,
+    formProps: _,
+    rhf: f,
+    Controller: H,
+    FormSubmitError: E
+  };
+  return /* @__PURE__ */ c(
+    y,
     {
-      ...l,
-      ref: t,
-      onSubmit: (h) => void c(h),
-      children: /* @__PURE__ */ L(B, { ...N, children: [
-        /* @__PURE__ */ i(
-          X,
-          {
-            enabled: !!(u != null && u.devTool),
-            props: typeof (u == null ? void 0 : u.devTool) == "object" ? u.devTool : void 0
-          }
-        ),
-        /* @__PURE__ */ i(n, { ...V })
-      ] })
+      ref: d.formRef,
+      id: d.formId,
+      ...$,
+      children: h
     }
   );
-}
-const v = (r) => (t) => (
+}, gt = async (t, r, e, o) => {
+  const n = (await Promise.resolve(
+    t(r, e, o)
+  )).filter(([, , i]) => !i).map(([i, a]) => [i, { message: a }]);
+  if (n.length)
+    throw new e.FormSubmitError(
+      Object.fromEntries(n)
+    );
+}, z = ({
+  getApiData: t,
+  // handlers
+  onCancel: r,
+  onSubmitInvalid: e,
+  onBeforeSubmitInvariants: o,
+  onBeforeSubmit: s,
+  onSubmit: n,
+  onSubmitSuccess: i,
+  onSubmitError: a,
+  onSubmitFinally: m,
+  //
+  Children: l,
+  // attrs
+  form: h,
+  className: f
+}) => /* @__PURE__ */ X(
+  Ct,
+  {
+    getApiData: t,
+    onSubmitInvalid: e,
+    onBeforeSubmitInvariants: o,
+    onBeforeSubmit: s,
+    onSubmit: n,
+    onSubmitSuccess: i,
+    onSubmitError: a,
+    onSubmitFinally: m,
+    form: h,
+    className: f,
+    children: [
+      /* @__PURE__ */ c(ft, {}),
+      /* @__PURE__ */ c(
+        bt,
+        {
+          onCancel: r,
+          Children: l
+        }
+      )
+    ]
+  }
+), ir = (t) => /* @__PURE__ */ c(z, { ...t }), k = (t) => (r) => (
   // re-create object from entries
   Object.fromEntries(
     // break down to entries
-    Object.entries(t).filter(r)
+    Object.entries(r).filter(t)
   )
-), k = (r) => !!r.ref, tr = ([, r]) => k(r), or = v(
-  tr
-), W = "data-rhfutils-nonfield-error-marker-path", sr = (r, t) => (
+), A = (t) => !!t.ref, Ot = ([
+  ,
+  t
+]) => A(t), Pt = k(
+  Ot
+), yt = (t, r) => (
   // list of selector variants
   [
     // equals
@@ -140,94 +301,99 @@ const v = (r) => (t) => (
       "."
     ]
   ].map(
-    ([e, o]) => nr(
-      W + e,
-      r + o
+    ([e, o]) => xt(
+      N + e,
+      t + o
     )
   ).join(", ")
-), nr = (r, t) => `[role="alert"][${r}="${t}"]`, ur = (r, t) => !!t.querySelector(
-  sr(r)
-), S = "root", j = (r) => r === S || r.startsWith(S + "."), lr = (r, t, e) => (
+), xt = (t, r) => `[role="alert"][${t}="${r}"]`, Ut = (t, r) => !!r.querySelector(
+  yt(t)
+), T = "root", Z = (t) => t === T || t.startsWith(T + "."), wt = (t, r, e) => (
   // non-field
-  !k(t) && // non-root
-  !j(r) && // not marked in DOM
-  !ur(r, e)
-), ir = (r) => ([t, e]) => lr(t, e, r), dr = (r, t) => v(
-  ir(t)
-)(r), ar = ([r]) => j(r), mr = v(
-  ar
-), hr = (r) => G(r), cr = (r) => {
-  const t = hr(r), e = Object.keys(t);
-  return Object.fromEntries(
-    e.reduce(
-      (o, s) => {
-        const n = s.replace(
-          fr,
-          ""
-        );
-        if (n === s) return o;
-        const l = A(r, n, void 0);
-        return l && o.push([n, l]), o;
-      },
-      []
-      // entries
-    )
-  );
-}, fr = /\.(?:type|message)\b$/, Fr = ({
-  formRef: r,
-  children: t
+  !A(r) && // non-root
+  !Z(t) && // not marked in DOM
+  !Ut(t, e)
+), It = (t) => ([r, e]) => wt(r, e, t), kt = (t, r) => k(
+  It(r)
+)(t), Wt = ([t]) => Z(t), Vt = k(
+  Wt
+), _t = ({
+  formRef: t,
+  children: r
 }) => {
-  const { errors: e } = x(), o = cr(e), s = r.current ? dr(o, r.current) : {}, n = {
+  const { errors: e } = I(), o = Y(e), s = (
+    // eslint-disable-next-line react-hooks/refs
+    t.current ? kt(
+      o,
+      // eslint-disable-next-line react-hooks/refs
+      t.current
+    ) : {}
+  ), n = {
     all: o,
-    fields: or(o),
-    roots: mr(o),
+    fields: Pt(o),
+    roots: Vt(o),
     orphans: s,
     // computed
-    hasErrors: !y(e),
-    hasOrphans: !y(s)
+    hasErrors: !D(e),
+    hasOrphans: !D(s)
   };
-  return /* @__PURE__ */ i(Q, { value: n, children: t });
-}, br = (r, t, e, o = "debug") => {
-  console[o](r, { values: t, errors: e });
-}, Er = (r) => {
-  const t = b(), e = g();
-  a.useEffect(() => {
-    var n, l;
+  return /* @__PURE__ */ c(it, { value: n, children: r });
+}, Dt = ({
+  children: t
+}) => {
+  const [r, e] = u.useState(void 0);
+  return /* @__PURE__ */ c(
+    lt,
+    {
+      value: {
+        current: r,
+        reset: () => {
+          e(void 0);
+        },
+        set: (o, s) => {
+          e({ error: o, event: s });
+        }
+      },
+      children: t
+    }
+  );
+}, Tt = (t, r, e, o = "debug") => {
+  console[o](t, { values: r, errors: e });
+}, jt = (t) => {
+  const r = b(), e = M();
+  u.useEffect(() => {
     if (!e.hasErrors) return;
-    const o = (n = r == null ? void 0 : r.console) == null ? void 0 : n.call(r, e);
-    o && br(
-      o.message ?? U,
-      t.getValues(),
+    const o = t?.console?.(e);
+    o && Tt(
+      o.message ?? j,
+      r.getValues(),
       e,
       o.type
     );
-    const s = (l = r == null ? void 0 : r.throw) == null ? void 0 : l.call(r, e);
+    const s = t?.throw?.(e);
     if (s)
-      throw new Error(typeof s == "string" ? s : U);
+      throw new Error(typeof s == "string" ? s : j);
   }, [e]);
-}, U = "Form errors", Cr = (r) => {
-  const t = a.useRef(!1);
-  a.useEffect(() => {
-    r && (t.current = !0);
-  }, [r]);
-  const e = () => {
-    t.current = !1;
-  };
-  return [t.current, e];
-}, vr = (r, t) => {
-  const { isSubmitSuccessful: e, isSubmitting: o } = x(), [s, n] = Cr(o);
-  a.useEffect(() => {
-    r && (o || s && (n(), r(e)));
+}, j = "Form errors", Lt = (t) => {
+  const r = u.useRef(!1);
+  return u.useEffect(() => {
+    t && (r.current = !0);
+  }, [t]), [r, () => {
+    r.current = !1;
+  }];
+}, Bt = (t, r) => {
+  const { isSubmitSuccessful: e, isSubmitting: o } = I(), [s, n] = Lt(o);
+  u.useEffect(() => {
+    t && (o || s.current && (n(), t(e)));
   }, [o]);
-}, pr = (r) => {
-  const { getValues: t, reset: e } = b();
-  vr((o) => {
-    var u;
-    if (!r) return;
-    const s = (u = r[o ? "success" : "error"]) == null ? void 0 : u.values;
+}, Mt = (t) => {
+  const { getValues: r, reset: e } = b();
+  Bt((o) => {
+    if (!t) return;
+    const s = t[o ? "success" : "error"]?.values;
     if (!s) return;
-    const n = s === "current", l = n ? t() : void 0;
-    e(l, {
+    const n = s === "current", i = n ? r() : void 0;
+    e(i, {
       // keep submit stuff for tracking relevant state (e.g., `useFormOnSubmitSuccessful`)
       keepIsSubmitSuccessful: !0,
       keepIsSubmitted: !0,
@@ -249,243 +415,190 @@ const v = (r) => (t) => (
       keepErrors: !0
     });
   });
-}, Pr = (r) => a.useCallback(
-  (t) => {
-    if (!r.current) throw new Error();
-    Rr(r.current, t);
-  },
-  [r]
-), Rr = (r, t) => {
-  r.requestSubmit(t);
-}, yr = ({
-  onChange: r,
-  delay: t
+}, Nt = () => {
+  const t = u.useRef(w);
+  return u.useEffect(() => (t.current && (t.current = !w), () => {
+    t.current = w;
+  }), []), t;
+}, w = !0, qt = ({
+  onChange: t,
+  delay: r
 }) => {
-  const e = a.useRef(), o = () => {
-    e.current && (r(e.current.value), e.current = void 0);
+  const e = u.useRef(null), o = () => {
+    e.current && (t(e.current.value), e.current = null);
   }, s = () => {
     e.current && clearTimeout(e.current.timer);
   };
-  return a.useEffect(
+  return u.useEffect(
     // return timeout clearer
     () => s,
     []
-  ), [(l) => {
+  ), [(i) => {
     s(), e.current = {
       // value being tracked
-      value: l,
+      value: i,
       // new timer
-      timer: setTimeout(o, t)
+      timer: setTimeout(o, r)
     };
   }];
-}, Or = (r, t) => {
-  const e = !(t != null && t.disabled), o = Pr(r), [s] = yr({
+}, Ht = (t, r) => {
+  const e = ut(t), [o] = qt({
+    delay: r?.debounce ?? 0,
     // on change value after debounce
     onChange: () => {
-      o();
-    },
-    delay: (t == null ? void 0 : t.debounce) ?? 0
+      e();
+    }
   });
-  a.useEffect(() => {
-    if (!e) return;
-    const n = r.current;
-    if (!n) throw new Error();
-    const l = (u) => {
-      s(u);
-    };
-    return n.addEventListener("change", l), () => {
-      n.removeEventListener("change", l);
-    };
-  }, []);
-}, { Provider: Sr, useRequired: Ur } = C(), Zr = Ur, xr = ({
-  formId: r,
-  formRef: t,
+  return o;
+}, zt = (t, r) => {
+  const e = Ht(t, {
+    debounce: r?.debounce
+  }), o = et(), { isValid: s, isDirty: n, isValidating: i, isSubmitting: a } = I(), m = u.useMemo(() => JSON.stringify(o), [o]), l = Nt();
+  u.useEffect(
+    // on form values/state change, call callback
+    () => {
+      l.current || i || a || s && n && e(o);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [s, n, m, i]
+    // - isValidating bc we need to re-trigger after validation complete
+    //   - e.g., single keystroke making input in/valid; we have to wait
+    // - isSubmitting not included bc would create infinite loop of submits after first submission
+    //   - expect form to block changes while submitting to avoid changes that get swallowed
+  );
+}, At = ({
+  formId: t,
+  formRef: r,
   options: e,
+  //
   children: o
 }) => {
-  var n;
-  const s = _();
-  return Er((n = s == null ? void 0 : s.fieldErrors) == null ? void 0 : n.output), Or(t, {
-    // check for false/undefined
-    disabled: ((e == null ? void 0 : e.submitOnChange) ?? !1) === !1,
-    debounce: typeof (e == null ? void 0 : e.submitOnChange) == "number" ? e.submitOnChange : void 0
-  }), pr(e == null ? void 0 : e.resetOnSubmitted), /* @__PURE__ */ i(Sr, { value: { formId: r, formRef: t, options: e }, children: o });
-};
-function gr({
-  formId: r,
-  formRef: t,
-  rhfForm: e,
-  utils: o,
-  children: s
+  const [s] = u.useState(e), n = R();
+  jt(n.fieldErrors?.output), (s.submitOnWatch ? zt : void 0)?.(
+    r,
+    s.submitOnWatch
+  ), Mt(s.resetOnSubmitted);
+  const i = u.useRef(null);
+  return /* @__PURE__ */ c(
+    tt,
+    {
+      value: {
+        formId: t,
+        formRef: r,
+        options: e,
+        lastSubmitStateRef: i
+      },
+      children: o
+    }
+  );
+}, Zt = (t, r) => ({
+  ...t,
+  ...r,
+  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- false positive
+  ...(t?.resetOnSubmitted || r?.resetOnSubmitted) && {
+    resetOnSubmitted: {
+      ...t?.resetOnSubmitted,
+      ...r?.resetOnSubmitted
+    }
+  }
+}), Jt = (t, r) => u.useMemo(
+  () => Zt(t.defaults?.options, r),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [JSON.stringify(r)]
+), Qt = (t, r) => ({
+  ...t,
+  ...r
+}), $t = (t, r, e, o) => ot({
+  ...Qt(r.defaults?.rhf, t),
+  resolver: o,
+  defaultValues: e
+});
+function J({
+  formId: t,
+  rhf: r,
+  resolver: e,
+  defaultValues: o,
+  options: s,
+  //
+  children: n
 }) {
-  return /* @__PURE__ */ i($, { ...e, children: /* @__PURE__ */ i(Fr, { formRef: t, children: /* @__PURE__ */ i(
-    xr,
+  const i = R(), a = u.useId(), m = t || a, l = u.useRef(null), h = $t(
+    r,
+    i,
+    o,
+    e
+  ), f = Jt(i, s);
+  return /* @__PURE__ */ c(st, { ...h, children: /* @__PURE__ */ c(_t, { formRef: l, children: /* @__PURE__ */ c(
+    At,
     {
-      formId: r,
-      formRef: t,
-      options: o,
-      children: s
+      formId: m,
+      formRef: l,
+      options: f,
+      children: /* @__PURE__ */ c(Dt, { children: n })
     }
   ) }) });
 }
-const w = ({
-  defaultValues: r,
-  onSubmit: t,
-  onSubmitError: e,
-  onSubmitInvalid: o,
-  Children: s,
-  rhf: n,
-  form: l,
-  utils: u
-}) => {
-  const m = a.useId(), d = H({
-    ...n,
-    defaultValues: r
-  }), c = a.useRef(null);
-  return {
-    id: m,
-    ref: c,
-    context: d,
-    providerProps: {
-      formId: m,
-      formRef: c,
-      rhfForm: d,
-      utils: u
-    },
-    formProps: {
-      Children: s,
-      onSubmit: t,
-      onSubmitError: e,
-      onSubmitInvalid: o,
-      formId: m,
-      formRef: c,
-      form: l,
-      utils: u
-    },
-    FormSubmitError: F
-  };
-};
-function T(r) {
-  const t = w(r);
-  return /* @__PURE__ */ i(gr, { ...t.providerProps, children: /* @__PURE__ */ i(er, { ...t.formProps }) });
-}
-const _r = (r, ...t) => (
-  // sequentially merge each set of props into defaults
-  t.reduce(
-    (e, o) => {
-      var s, n, l, u, m, d;
-      return {
-        rhf: {
-          ...e == null ? void 0 : e.rhf,
-          ...o.rhf
-        },
-        utils: {
-          ...e == null ? void 0 : e.utils,
-          ...o.utils,
-          // manual merges
-          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- false positive
-          ...(((s = e == null ? void 0 : e.utils) == null ? void 0 : s.resetOnSubmitted) || ((n = o.utils) == null ? void 0 : n.resetOnSubmitted)) && {
-            resetOnSubmitted: {
-              ...(l = e == null ? void 0 : e.utils) == null ? void 0 : l.resetOnSubmitted,
-              ...(u = o.utils) == null ? void 0 : u.resetOnSubmitted
-            }
-          }
-        },
-        form: {
-          ...e == null ? void 0 : e.form,
-          ...o.form,
-          // manual merges
-          className: [(m = e == null ? void 0 : e.form) == null ? void 0 : m.className, (d = o.form) == null ? void 0 : d.className].filter(Boolean).join(" ") || void 0
-          // stringify (replace empty string with undefined)
-        }
-      };
-    },
-    // start with defaults
-    r
-  )
-), kr = (r) => (t) => {
-  const e = M(r, t);
-  return {
-    useForm: (o, s) => {
-      const n = e(o, s);
-      return {
-        ...w(n),
-        FormWithProviders: () => /* @__PURE__ */ i(T, { ...n })
-      };
-    },
-    FormWithProviders: Wr(r, t)
-  };
-}, M = (r, t) => function(o, s) {
-  return {
-    ...s,
-    ..._r(
-      t.defaults,
-      s,
-      {
-        rhf: {
-          resolver: r(o)
-        }
-      }
-    )
-  };
-}, Wr = (r, t) => {
-  const e = M(r, t);
-  return function({
-    schema: s,
-    children: n,
-    ...l
-  }) {
-    return /* @__PURE__ */ i(
-      T,
-      {
-        ...e(s, l),
-        children: n
-      }
-    );
-  };
-}, jr = kr(z), {
-  Provider: wr,
-  useRequired: D
-} = C(), Lr = ({
-  config: r,
-  children: t
-}) => {
-  const [e] = a.useState(r), [o] = a.useState(
-    () => jr(e ?? {})
-  );
-  return /* @__PURE__ */ i(J, { value: e, children: /* @__PURE__ */ i(wr, { value: o, children: t }) });
-};
-function zr({
-  schema: r,
-  ...t
+const Q = (t) => nt(t), ur = ({
+  schema: t,
+  children: r,
+  ...e
+}) => /* @__PURE__ */ c(J, { ...e, resolver: Q(t), children: r });
+function Gt({
+  getApiData: t,
+  // provider
+  resolver: r,
+  rhf: e,
+  defaultValues: o,
+  options: s,
+  // form
+  onCancel: n,
+  onSubmitInvalid: i,
+  onBeforeSubmitInvariants: a,
+  onBeforeSubmit: m,
+  onSubmit: l,
+  onSubmitSuccess: h,
+  onSubmitError: f,
+  onSubmitFinally: d,
+  Children: S,
+  form: P,
+  formId: y,
+  className: x
 }) {
-  const { FormWithProviders: e } = D();
-  return /* @__PURE__ */ i(e, { schema: r, ...t });
+  return /* @__PURE__ */ c(J, { ...{
+    formId: y,
+    resolver: r,
+    rhf: e,
+    defaultValues: o,
+    options: s
+  }, children: /* @__PURE__ */ c(z, { ...{
+    getApiData: t,
+    onCancel: n,
+    onSubmitInvalid: i,
+    onBeforeSubmitInvariants: a,
+    onBeforeSubmit: m,
+    onSubmit: l,
+    onSubmitSuccess: h,
+    onSubmitError: f,
+    onSubmitFinally: d,
+    Children: S,
+    form: P,
+    className: x
+  } }) });
 }
-const Ir = (r, t) => D().useForm(r, t), Ar = () => {
-  const r = g();
-  return a.useMemo(() => !r.hasErrors || !r.hasOrphans ? !1 : Object.keys(r.orphans).length === Object.keys(r.all).length, [r]);
-}, $r = ({ path: r }) => {
-  const t = {
-    [W]: r
-  };
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      role: "alert",
-      "aria-hidden": "true",
-      style: { display: "none" },
-      ...t
-    }
-  );
-};
+const cr = ({
+  schema: t,
+  ...r
+}) => /* @__PURE__ */ c(Gt, { ...r, resolver: Q(t) });
 export {
-  F as FormSubmitError,
-  Lr as RhfUtilsClientForZodContextProvider,
-  $r as RhfUtilsNonFieldErrorMarker,
-  zr as RhfUtilsZodForm,
-  g as useFlatFieldErrorsContext,
-  Ar as useFlatFieldErrorsContextHasOnlyOrphans,
-  Zr as useRhfUtilsContext,
-  Ir as useRhfUtilsZodForm
+  E as FormSubmitError,
+  er as RhfUtilsClientConfigProvider,
+  sr as RhfUtilsNonFieldErrorMarker,
+  ir as RhfUtilsZodForm,
+  ur as RhfUtilsZodFormProviders,
+  cr as RhfUtilsZodFormWithProviders,
+  M as useFlatFieldErrorsContext,
+  or as useFlatFieldErrorsContextHasOnlyOrphans,
+  ut as useFormRequestSubmit,
+  nr as useLastSubmitError,
+  v as useRhfUtilsContext
 };