@gusto/embedded-react-sdk 0.42.0 → 0.44.0

package/dist/partner-hook-utils/form/composeSubmitHandler.js

@@ -1,40 +1,63 @@
-import { composeErrorHandler as c } from "../composeErrorHandler.js";
-function a(r) {
-  return "handleSubmit" in r && typeof r.handleSubmit == "function";
+import { composeErrorHandler as u } from "../composeErrorHandler.js";
+function f(e) {
+  return "handleSubmit" in e && typeof e.handleSubmit == "function";
 }
-function f(r) {
-  return a(r) ? r : r.form.hookFormInternals.formMethods;
+function h(e) {
+  return f(e) ? e : e.form.hookFormInternals.formMethods;
 }
-function S(r, s) {
-  const n = r.map(f), i = r.filter((e) => !a(e)), l = async (e) => {
-    if (e.preventDefault(), !(await Promise.all(
-      n.map(
-        (t) => new Promise((o) => {
-          t.handleSubmit(
+function g(e) {
+  const i = [];
+  for (const { input: n, formMethods: s, errors: o } of e) {
+    if (f(n)) continue;
+    const t = n.form.hookFormInternals._fieldElementRegistry;
+    if (t)
+      for (const r of Object.keys(o)) {
+        const l = t.get(r);
+        l && i.push({ formMethods: s, name: r, element: l });
+      }
+  }
+  if (i.length > 0) {
+    i.sort((s, o) => {
+      const t = s.element.getBoundingClientRect(), r = o.element.getBoundingClientRect();
+      return t.top - r.top || t.left - r.left;
+    }), i[0].element.focus();
+    return;
+  }
+  for (const { formMethods: n, errors: s } of e) {
+    const o = Object.keys(s)[0];
+    if (o) {
+      n.setFocus(o);
+      return;
+    }
+  }
+}
+function F(e, i) {
+  const n = e.filter((t) => !f(t)), s = async (t) => {
+    t.preventDefault();
+    const r = await Promise.all(
+      e.map(
+        (c) => new Promise((m) => {
+          const a = h(c);
+          a.handleSubmit(
             () => {
-              o(!0);
+              m({ input: c, formMethods: a, valid: !0, errors: {} });
             },
-            () => {
-              o(!1);
+            (d) => {
+              m({ input: c, formMethods: a, valid: !1, errors: d });
             }
           )();
         })
       )
-    )).every(Boolean)) {
-      for (const t of n) {
-        const o = Object.keys(t.formState.errors)[0];
-        if (o) {
-          t.setFocus(o);
-          return;
-        }
-      }
+    );
+    if (!r.every((c) => c.valid)) {
+      g(r);
       return;
     }
-    await s();
-  }, m = c(i);
-  return { handleSubmit: l, errorHandling: m };
+    await i();
+  }, o = u(n);
+  return { handleSubmit: s, errorHandling: o };
 }
 export {
-  S as composeSubmitHandler
+  F as composeSubmitHandler
 };
 //# sourceMappingURL=composeSubmitHandler.js.map

package/dist/partner-hook-utils/form/composeSubmitHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeSubmitHandler.js","sources":["../../../src/partner-hook-utils/form/composeSubmitHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from 'react'\nimport type { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { composeErrorHandler } from '../composeErrorHandler'\nimport type { HookErrorHandling } from '../types'\n\n/**\n * Minimal shape required for a form hook result to participate in `composeSubmitHandler`.\n * Any hook returning `BaseFormHookReady` satisfies this interface.\n *\n * Uses method syntax so TypeScript applies bivariant checking on parameter types,\n * allowing hooks with specific form data generics to be passed without casts.\n */\ninterface ComposableFormHookResult {\n  form: {\n    hookFormInternals: {\n      formMethods: {\n        handleSubmit(onValid: () => void, onInvalid?: () => void): () => Promise<void>\n        setFocus(name: string): void\n        formState: { errors: Record<string, unknown> }\n      }\n    }\n  }\n  errorHandling: HookErrorHandling\n}\n\n/**\n * Accepted input for a single slot of `composeSubmitHandler`'s `forms` array.\n *\n * - SDK form hook results (anything matching `ComposableFormHookResult`) are composed directly.\n * - A raw `react-hook-form` `UseFormReturn<T>` is supported for screen-local auxiliary forms\n *   that don't warrant a dedicated SDK hook. Raw forms contribute validation/focus behavior\n *   but no `errorHandling` (fields surface their own inline errors via react-hook-form).\n */\nexport type ComposeSubmitInput<T extends FieldValues = FieldValues> =\n  | ComposableFormHookResult\n  | UseFormReturn<T>\n\nexport interface ComposeSubmitHandlerResult {\n  handleSubmit: (e: SyntheticEvent) => Promise<void>\n  errorHandling: HookErrorHandling\n}\n\ntype FormMethods = ComposableFormHookResult['form']['hookFormInternals']['formMethods']\n\nfunction isRawUseForm<T extends FieldValues>(\n  input: ComposeSubmitInput<T>,\n): input is UseFormReturn<T> {\n  return 'handleSubmit' in input && typeof input.handleSubmit === 'function'\n}\n\nfunction extractFormMethods<T extends FieldValues>(input: ComposeSubmitInput<T>): FormMethods {\n  if (isRawUseForm(input)) return input as unknown as FormMethods\n  return input.form.hookFormInternals.formMethods\n}\n\n/**\n * Coordinates validation and submission across multiple form hooks on the same page, and\n * returns aggregated `errorHandling` for those forms so you can drive a single error surface.\n *\n * Validates all forms simultaneously via `handleSubmit()`, then focuses the first invalid\n * field across all forms (in array order). Only calls `onAllValid` when every form passes.\n *\n * Uses `handleSubmit` rather than `trigger` so that react-hook-form sets\n * `formState.isSubmitted = true`, which enables `reValidateMode` (default: `onChange`).\n * Without this, errors set by manual `trigger()` calls would never clear as the user types.\n *\n * Each hook passed to `forms` should be initialized with `shouldFocusError: false` so that\n * react-hook-form's built-in per-form focus is disabled and `composeSubmitHandler` can manage\n * cross-form focus instead.\n *\n * The returned `errorHandling` is the same shape every SDK hook returns, so the whole result\n * can be passed back into `composeErrorHandler` when you need to add extra\n * `@gusto/embedded-api` queries or screen-level submit state.\n *\n * @example\n * ```ts\n * const detailsForm = useEmployeeDetailsForm({ employeeId, shouldFocusError: false })\n * const addressForm = useHomeAddressForm({ employeeId, shouldFocusError: false })\n *\n * const { handleSubmit, errorHandling } = composeSubmitHandler(\n *   [detailsForm, addressForm],\n *   async () => {\n *     await detailsForm.actions.onSubmit()\n *     await addressForm.actions.onSubmit()\n *   },\n * )\n *\n * // With extra queries or screen-level submit state:\n * // const errorHandling = composeErrorHandler([submitResult, extraQuery], { submitError, setSubmitError })\n *\n * return <form onSubmit={handleSubmit}>...</form>\n * ```\n */\nexport function composeSubmitHandler<TForms extends readonly FieldValues[]>(\n  forms: readonly [...{ [K in keyof TForms]: ComposeSubmitInput<TForms[K]> }],\n  onAllValid: () => Promise<void>,\n): ComposeSubmitHandlerResult {\n  const formMethodsList = forms.map(extractFormMethods)\n  const errorSources = forms.filter((form): form is ComposableFormHookResult => !isRawUseForm(form))\n\n  const handleSubmit = async (e: SyntheticEvent) => {\n    e.preventDefault()\n\n    const validationResults = await Promise.all(\n      formMethodsList.map(\n        methods =>\n          new Promise<boolean>(resolve => {\n            void methods.handleSubmit(\n              () => {\n                resolve(true)\n              },\n              () => {\n                resolve(false)\n              },\n            )()\n          }),\n      ),\n    )\n\n    const allValid = validationResults.every(Boolean)\n\n    if (!allValid) {\n      for (const methods of formMethodsList) {\n        const firstErrorField = Object.keys(methods.formState.errors)[0]\n        if (firstErrorField) {\n          methods.setFocus(firstErrorField)\n          return\n        }\n      }\n      return\n    }\n\n    await onAllValid()\n  }\n\n  const errorHandling = composeErrorHandler(errorSources)\n\n  return { handleSubmit, errorHandling }\n}\n"],"names":["isRawUseForm","input","extractFormMethods","composeSubmitHandler","forms","onAllValid","formMethodsList","errorSources","form","handleSubmit","methods","resolve","firstErrorField","errorHandling","composeErrorHandler"],"mappings":";AA4CA,SAASA,EACPC,GAC2B;AAC3B,SAAO,kBAAkBA,KAAS,OAAOA,EAAM,gBAAiB;AAClE;AAEA,SAASC,EAA0CD,GAA2C;AAC5F,SAAID,EAAaC,CAAK,IAAUA,IACzBA,EAAM,KAAK,kBAAkB;AACtC;AAwCO,SAASE,EACdC,GACAC,GAC4B;AAC5B,QAAMC,IAAkBF,EAAM,IAAIF,CAAkB,GAC9CK,IAAeH,EAAM,OAAO,CAACI,MAA2C,CAACR,EAAaQ,CAAI,CAAC,GAE3FC,IAAe,OAAO,MAAsB;AAqBhD,QApBA,EAAE,eAAA,GAoBE,EAlBsB,MAAM,QAAQ;AAAA,MACtCH,EAAgB;AAAA,QACd,CAAAI,MACE,IAAI,QAAiB,CAAAC,MAAW;AAC9B,UAAKD,EAAQ;AAAA,YACX,MAAM;AACJ,cAAAC,EAAQ,EAAI;AAAA,YACd;AAAA,YACA,MAAM;AACJ,cAAAA,EAAQ,EAAK;AAAA,YACf;AAAA,UAAA,EACF;AAAA,QACF,CAAC;AAAA,MAAA;AAAA,IACL,GAGiC,MAAM,OAAO,GAEjC;AACb,iBAAWD,KAAWJ,GAAiB;AACrC,cAAMM,IAAkB,OAAO,KAAKF,EAAQ,UAAU,MAAM,EAAE,CAAC;AAC/D,YAAIE,GAAiB;AACnB,UAAAF,EAAQ,SAASE,CAAe;AAChC;AAAA,QACF;AAAA,MACF;AACA;AAAA,IACF;AAEA,UAAMP,EAAA;AAAA,EACR,GAEMQ,IAAgBC,EAAoBP,CAAY;AAEtD,SAAO,EAAE,cAAAE,GAAc,eAAAI,EAAA;AACzB;"}
+{"version":3,"file":"composeSubmitHandler.js","sources":["../../../src/partner-hook-utils/form/composeSubmitHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from 'react'\nimport type { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { composeErrorHandler } from '../composeErrorHandler'\nimport type { HookErrorHandling, HookFormInternals } from '../types'\n\n/**\n * Minimal shape required for a form hook result to participate in `composeSubmitHandler`.\n * Any hook returning `BaseFormHookReady` satisfies this interface.\n *\n * `formMethods` is declared with method-call syntax (rather than reused from\n * `HookFormInternals`) so TypeScript applies bivariant parameter checking,\n * allowing hooks with specific form data generics to be passed without casts.\n * `_fieldElementRegistry` is reused directly since its type doesn't depend on\n * the form's generic.\n */\ninterface ComposableFormHookResult {\n  form: {\n    hookFormInternals: Pick<HookFormInternals, '_fieldElementRegistry'> & {\n      formMethods: {\n        handleSubmit(\n          onValid: () => void,\n          onInvalid?: (errors: Record<string, unknown>) => void,\n        ): () => Promise<void>\n        setFocus(name: string): void\n        formState: { errors: Record<string, unknown> }\n      }\n    }\n  }\n  errorHandling: HookErrorHandling\n}\n\n/**\n * Accepted input for a single slot of `composeSubmitHandler`'s `forms` array.\n *\n * - SDK form hook results (anything matching `ComposableFormHookResult`) are composed directly.\n * - A raw `react-hook-form` `UseFormReturn<T>` is supported for screen-local auxiliary forms\n *   that don't warrant a dedicated SDK hook. Raw forms contribute validation/focus behavior\n *   but no `errorHandling` (fields surface their own inline errors via react-hook-form).\n */\nexport type ComposeSubmitInput<T extends FieldValues = FieldValues> =\n  | ComposableFormHookResult\n  | UseFormReturn<T>\n\ninterface FormValidationResult {\n  input: ComposeSubmitInput\n  formMethods: FormMethods\n  valid: boolean\n  errors: Record<string, unknown>\n}\n\nexport interface ComposeSubmitHandlerResult {\n  handleSubmit: (e: SyntheticEvent) => Promise<void>\n  errorHandling: HookErrorHandling\n}\n\ntype FormMethods = ComposableFormHookResult['form']['hookFormInternals']['formMethods']\n\nfunction isRawUseForm<T extends FieldValues>(\n  input: ComposeSubmitInput<T>,\n): input is UseFormReturn<T> {\n  return 'handleSubmit' in input && typeof input.handleSubmit === 'function'\n}\n\nfunction extractFormMethods<T extends FieldValues>(input: ComposeSubmitInput<T>): FormMethods {\n  if (isRawUseForm(input)) return input as unknown as FormMethods\n  return input.form.hookFormInternals.formMethods\n}\n\n/**\n * Picks the visually first invalid field across all composed forms using live\n * `getBoundingClientRect()` positions, then focuses its DOM element. Falls back\n * to array-order (first form's first error) when no element can be resolved —\n * raw `UseFormReturn` inputs have no registry, and forms rendered without\n * `SDKFormProvider` or a HookField wrapper won't have their fields registered\n * either, so we let react-hook-form's `setFocus` attempt it instead.\n *\n * Consumes `results` (captured from each form's `onInvalid` callback) rather\n * than reading `formState.errors` — the latter is a proxy that returns `{}`\n * when accessed outside a component subscription.\n */\nfunction focusFirstInvalidAcrossForms(results: FormValidationResult[]): void {\n  type Candidate = {\n    formMethods: FormMethods\n    name: string\n    element: HTMLElement\n  }\n  const candidates: Candidate[] = []\n  for (const { input, formMethods, errors } of results) {\n    if (isRawUseForm(input)) continue\n    const registry = input.form.hookFormInternals._fieldElementRegistry\n    if (!registry) continue\n    for (const name of Object.keys(errors)) {\n      const element = registry.get(name)\n      if (element) {\n        candidates.push({ formMethods, name, element })\n      }\n    }\n  }\n\n  if (candidates.length > 0) {\n    candidates.sort((a, b) => {\n      const ar = a.element.getBoundingClientRect()\n      const br = b.element.getBoundingClientRect()\n      return ar.top - br.top || ar.left - br.left\n    })\n    const winner = candidates[0]!\n    // Focus the DOM element directly. Bypasses react-hook-form's `setFocus`,\n    // which depends on `_fields[name]._f.ref` and isn't reliably populated\n    // when fields are rendered through libraries like react-aria-components.\n    winner.element.focus()\n    return\n  }\n\n  for (const { formMethods, errors } of results) {\n    const firstErrorField = Object.keys(errors)[0]\n    if (firstErrorField) {\n      formMethods.setFocus(firstErrorField)\n      return\n    }\n  }\n}\n\n/**\n * Coordinates validation and submission across multiple form hooks on the same page, and\n * returns aggregated `errorHandling` for those forms so you can drive a single error surface.\n *\n * Validates all forms simultaneously via `handleSubmit()`, then focuses the visually first\n * invalid field across all forms (sorted by `getBoundingClientRect()`). Only calls\n * `onAllValid` when every form passes.\n *\n * Uses `handleSubmit` rather than `trigger` so that react-hook-form sets\n * `formState.isSubmitted = true`, which enables `reValidateMode` (default: `onChange`).\n * Without this, errors set by manual `trigger()` calls would never clear as the user types.\n *\n * Each hook passed to `forms` should be initialized with `shouldFocusError: false` so that\n * react-hook-form's built-in per-form focus is disabled and `composeSubmitHandler` can manage\n * cross-form focus instead.\n *\n * The returned `errorHandling` is the same shape every SDK hook returns, so the whole result\n * can be passed back into `composeErrorHandler` when you need to add extra\n * `@gusto/embedded-api` queries or screen-level submit state.\n *\n * @example\n * ```ts\n * const detailsForm = useEmployeeDetailsForm({ employeeId, shouldFocusError: false })\n * const addressForm = useHomeAddressForm({ employeeId, shouldFocusError: false })\n *\n * const { handleSubmit, errorHandling } = composeSubmitHandler(\n *   [detailsForm, addressForm],\n *   async () => {\n *     await detailsForm.actions.onSubmit()\n *     await addressForm.actions.onSubmit()\n *   },\n * )\n *\n * // With extra queries or screen-level submit state:\n * // const errorHandling = composeErrorHandler([submitResult, extraQuery], { submitError, setSubmitError })\n *\n * return <form onSubmit={handleSubmit}>...</form>\n * ```\n */\nexport function composeSubmitHandler<TForms extends readonly FieldValues[]>(\n  forms: readonly [...{ [K in keyof TForms]: ComposeSubmitInput<TForms[K]> }],\n  onAllValid: () => Promise<void>,\n): ComposeSubmitHandlerResult {\n  const errorSources = forms.filter((form): form is ComposableFormHookResult => !isRawUseForm(form))\n\n  const handleSubmit = async (e: SyntheticEvent) => {\n    e.preventDefault()\n\n    const validationResults = await Promise.all(\n      forms.map(\n        input =>\n          new Promise<FormValidationResult>(resolve => {\n            const formMethods = extractFormMethods(input)\n            void formMethods.handleSubmit(\n              () => {\n                resolve({ input, formMethods, valid: true, errors: {} })\n              },\n              errors => {\n                resolve({ input, formMethods, valid: false, errors })\n              },\n            )()\n          }),\n      ),\n    )\n\n    const allValid = validationResults.every(r => r.valid)\n\n    if (!allValid) {\n      focusFirstInvalidAcrossForms(validationResults)\n      return\n    }\n\n    await onAllValid()\n  }\n\n  const errorHandling = composeErrorHandler(errorSources)\n\n  return { handleSubmit, errorHandling }\n}\n"],"names":["isRawUseForm","input","extractFormMethods","focusFirstInvalidAcrossForms","results","candidates","formMethods","errors","registry","name","element","a","b","ar","br","firstErrorField","composeSubmitHandler","forms","onAllValid","errorSources","form","handleSubmit","e","validationResults","resolve","r","errorHandling","composeErrorHandler"],"mappings":";AAyDA,SAASA,EACPC,GAC2B;AAC3B,SAAO,kBAAkBA,KAAS,OAAOA,EAAM,gBAAiB;AAClE;AAEA,SAASC,EAA0CD,GAA2C;AAC5F,SAAID,EAAaC,CAAK,IAAUA,IACzBA,EAAM,KAAK,kBAAkB;AACtC;AAcA,SAASE,EAA6BC,GAAuC;AAM3E,QAAMC,IAA0B,CAAA;AAChC,aAAW,EAAE,OAAAJ,GAAO,aAAAK,GAAa,QAAAC,EAAA,KAAYH,GAAS;AACpD,QAAIJ,EAAaC,CAAK,EAAG;AACzB,UAAMO,IAAWP,EAAM,KAAK,kBAAkB;AAC9C,QAAKO;AACL,iBAAWC,KAAQ,OAAO,KAAKF,CAAM,GAAG;AACtC,cAAMG,IAAUF,EAAS,IAAIC,CAAI;AACjC,QAAIC,KACFL,EAAW,KAAK,EAAE,aAAAC,GAAa,MAAAG,GAAM,SAAAC,GAAS;AAAA,MAElD;AAAA,EACF;AAEA,MAAIL,EAAW,SAAS,GAAG;AACzB,IAAAA,EAAW,KAAK,CAACM,GAAGC,MAAM;AACxB,YAAMC,IAAKF,EAAE,QAAQ,sBAAA,GACfG,IAAKF,EAAE,QAAQ,sBAAA;AACrB,aAAOC,EAAG,MAAMC,EAAG,OAAOD,EAAG,OAAOC,EAAG;AAAA,IACzC,CAAC,GACcT,EAAW,CAAC,EAIpB,QAAQ,MAAA;AACf;AAAA,EACF;AAEA,aAAW,EAAE,aAAAC,GAAa,QAAAC,EAAA,KAAYH,GAAS;AAC7C,UAAMW,IAAkB,OAAO,KAAKR,CAAM,EAAE,CAAC;AAC7C,QAAIQ,GAAiB;AACnB,MAAAT,EAAY,SAASS,CAAe;AACpC;AAAA,IACF;AAAA,EACF;AACF;AAyCO,SAASC,EACdC,GACAC,GAC4B;AAC5B,QAAMC,IAAeF,EAAM,OAAO,CAACG,MAA2C,CAACpB,EAAaoB,CAAI,CAAC,GAE3FC,IAAe,OAAOC,MAAsB;AAChD,IAAAA,EAAE,eAAA;AAEF,UAAMC,IAAoB,MAAM,QAAQ;AAAA,MACtCN,EAAM;AAAA,QACJ,CAAAhB,MACE,IAAI,QAA8B,CAAAuB,MAAW;AAC3C,gBAAMlB,IAAcJ,EAAmBD,CAAK;AAC5C,UAAKK,EAAY;AAAA,YACf,MAAM;AACJ,cAAAkB,EAAQ,EAAE,OAAAvB,GAAO,aAAAK,GAAa,OAAO,IAAM,QAAQ,CAAA,GAAI;AAAA,YACzD;AAAA,YACA,CAAAC,MAAU;AACR,cAAAiB,EAAQ,EAAE,OAAAvB,GAAO,aAAAK,GAAa,OAAO,IAAO,QAAAC,GAAQ;AAAA,YACtD;AAAA,UAAA,EACF;AAAA,QACF,CAAC;AAAA,MAAA;AAAA,IACL;AAKF,QAAI,CAFagB,EAAkB,MAAM,CAAAE,MAAKA,EAAE,KAAK,GAEtC;AACb,MAAAtB,EAA6BoB,CAAiB;AAC9C;AAAA,IACF;AAEA,UAAML,EAAA;AAAA,EACR,GAEMQ,IAAgBC,EAAoBR,CAAY;AAEtD,SAAO,EAAE,cAAAE,GAAc,eAAAK,EAAA;AACzB;"}

package/dist/partner-hook-utils/form/fields/CheckboxHookField.d.ts

@@ -7,4 +7,4 @@ export interface CheckboxHookFieldProps<TErrorCode extends string = never> exten
     validationMessages?: ValidationMessages<TErrorCode>;
     FieldComponent?: ComponentType<CheckboxProps>;
 }
-export declare function CheckboxHookField<TErrorCode extends string>({ name, formHookResult, label, description, validationMessages, FieldComponent, }: CheckboxHookFieldProps<TErrorCode>): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxHookField<TErrorCode extends string>({ name, formHookResult, label, description, validationMessages, FieldComponent, }: CheckboxHookFieldProps<TErrorCode>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/partner-hook-utils/form/fields/CheckboxHookField.js

@@ -1,34 +1,40 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useHookFieldResolution as f } from "../useHookFieldResolution.js";
-import { CheckboxField as m } from "../../../components/Common/Fields/CheckboxField/CheckboxField.js";
-function p({
-  name: o,
-  formHookResult: i,
-  label: r,
-  description: t,
+import { jsx as n } from "react/jsx-runtime";
+import { useHookFieldResolution as p } from "../useHookFieldResolution.js";
+import { withFieldElementRegistry as c } from "./withFieldElementRegistry.js";
+import "../../../shared/constants.js";
+import "classnames";
+import { CheckboxField as u } from "../../../components/Common/Fields/CheckboxField/CheckboxField.js";
+function h({
+  name: e,
+  formHookResult: o,
+  label: t,
+  description: r,
   validationMessages: s,
   FieldComponent: d
 }) {
-  const { metadata: l, control: a, errorMessage: c } = f(
+  const { metadata: l, control: m, errorMessage: a, fieldElementRegistry: f } = p(
+    e,
     o,
-    i,
     s
-  ), e = l[o];
-  return /* @__PURE__ */ u(
-    m,
-    {
-      name: o,
-      control: a,
-      label: r,
-      description: t,
-      errorMessage: c,
-      isRequired: e?.isRequired,
-      isDisabled: e?.isDisabled,
-      FieldComponent: d
-    }
+  ), i = l[e];
+  return c(
+    f,
+    /* @__PURE__ */ n(
+      u,
+      {
+        name: e,
+        control: m,
+        label: t,
+        description: r,
+        errorMessage: a,
+        isRequired: i?.isRequired,
+        isDisabled: i?.isDisabled,
+        FieldComponent: d
+      }
+    )
   );
 }
 export {
-  p as CheckboxHookField
+  h as CheckboxHookField
 };
 //# sourceMappingURL=CheckboxHookField.js.map

package/dist/partner-hook-utils/form/fields/CheckboxHookField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/CheckboxHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { CheckboxField } from '@/components/Common'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\n\nexport interface CheckboxHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<CheckboxProps>\n}\n\nexport function CheckboxHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n}: CheckboxHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <CheckboxField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["CheckboxHookField","name","formHookResult","label","description","validationMessages","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","CheckboxField"],"mappings":";;;AAaO,SAASA,EAA6C;AAAA,EAC3D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAAuC;AACrC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CT;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIM,IAAgBJ,EAASN,CAAI;AAEnC,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,SAAAO;AAAA,MACA,OAAAL;AAAA,MACA,aAAAC;AAAA,MACA,cAAAK;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,gBAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"CheckboxHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/CheckboxHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { CheckboxField } from '@/components/Common'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\n\nexport interface CheckboxHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<CheckboxProps>\n}\n\nexport function CheckboxHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n}: CheckboxHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage, fieldElementRegistry } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return withFieldElementRegistry(\n    fieldElementRegistry,\n    <CheckboxField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      FieldComponent={FieldComponent}\n    />,\n  )\n}\n"],"names":["CheckboxHookField","name","formHookResult","label","description","validationMessages","FieldComponent","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","withFieldElementRegistry","jsx","CheckboxField"],"mappings":";;;;;;AAcO,SAASA,EAA6C;AAAA,EAC3D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAAuC;AACrC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,GAAc,sBAAAC,MAAyBC;AAAA,IAChEV;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIO,IAAgBL,EAASN,CAAI;AAEnC,SAAOY;AAAA,IACLH;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAd;AAAA,QACA,SAAAO;AAAA,QACA,OAAAL;AAAA,QACA,aAAAC;AAAA,QACA,cAAAK;AAAA,QACA,YAAYG,GAAe;AAAA,QAC3B,YAAYA,GAAe;AAAA,QAC3B,gBAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/partner-hook-utils/form/fields/DatePickerHookField.d.ts

@@ -9,4 +9,4 @@ export interface DatePickerHookFieldProps<TErrorCode extends string = never> ext
     /** When used inside a modal, pass the modal backdrop ref's element so the calendar popover stacks correctly. */
     portalContainer?: DatePickerProps['portalContainer'];
 }
-export declare function DatePickerHookField<TErrorCode extends string>({ name, formHookResult, label, description, validationMessages, FieldComponent, portalContainer, minDate, maxDate, }: DatePickerHookFieldProps<TErrorCode>): import("react/jsx-runtime").JSX.Element;
+export declare function DatePickerHookField<TErrorCode extends string>({ name, formHookResult, label, description, validationMessages, FieldComponent, portalContainer, minDate, maxDate, }: DatePickerHookFieldProps<TErrorCode>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/partner-hook-utils/form/fields/DatePickerHookField.js

@@ -1,40 +1,44 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useHookFieldResolution as k } from "../useHookFieldResolution.js";
-import { DatePickerField as p } from "../../../components/Common/Fields/DatePickerField/DatePickerField.js";
-function b({
+import { jsx as p } from "react/jsx-runtime";
+import { useHookFieldResolution as R } from "../useHookFieldResolution.js";
+import { withFieldElementRegistry as k } from "./withFieldElementRegistry.js";
+import { DatePickerField as D } from "../../../components/Common/Fields/DatePickerField/DatePickerField.js";
+function x({
   name: e,
-  formHookResult: o,
-  label: r,
-  description: t,
+  formHookResult: t,
+  label: o,
+  description: r,
   validationMessages: s,
   FieldComponent: d,
-  portalContainer: a,
-  minDate: l,
-  maxDate: c
+  portalContainer: l,
+  minDate: a,
+  maxDate: m
 }) {
-  const { metadata: u, control: f, errorMessage: m } = k(
+  const { metadata: f, control: n, errorMessage: c, fieldElementRegistry: u } = R(
     e,
-    o,
+    t,
     s
-  ), i = u[e];
-  return /* @__PURE__ */ n(
-    p,
-    {
-      name: e,
-      control: f,
-      label: r,
-      description: t,
-      errorMessage: m,
-      isRequired: i?.isRequired,
-      isDisabled: i?.isDisabled,
-      FieldComponent: d,
-      portalContainer: a,
-      minDate: l,
-      maxDate: c
-    }
+  ), i = f[e];
+  return k(
+    u,
+    /* @__PURE__ */ p(
+      D,
+      {
+        name: e,
+        control: n,
+        label: o,
+        description: r,
+        errorMessage: c,
+        isRequired: i?.isRequired,
+        isDisabled: i?.isDisabled,
+        FieldComponent: d,
+        portalContainer: l,
+        minDate: a,
+        maxDate: m
+      }
+    )
   );
 }
 export {
-  b as DatePickerHookField
+  x as DatePickerHookField
 };
 //# sourceMappingURL=DatePickerHookField.js.map

package/dist/partner-hook-utils/form/fields/DatePickerHookField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/DatePickerHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { DatePickerField } from '@/components/Common/Fields/DatePickerField'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\n\nexport interface DatePickerHookFieldProps<TErrorCode extends string = never>\n  extends BaseFieldProps, Pick<DatePickerProps, 'portalContainer' | 'minDate' | 'maxDate'> {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<DatePickerProps>\n  /** When used inside a modal, pass the modal backdrop ref's element so the calendar popover stacks correctly. */\n  portalContainer?: DatePickerProps['portalContainer']\n}\n\nexport function DatePickerHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n  portalContainer,\n  minDate,\n  maxDate,\n}: DatePickerHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <DatePickerField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      FieldComponent={FieldComponent}\n      portalContainer={portalContainer}\n      minDate={minDate}\n      maxDate={maxDate}\n    />\n  )\n}\n"],"names":["DatePickerHookField","name","formHookResult","label","description","validationMessages","FieldComponent","portalContainer","minDate","maxDate","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","DatePickerField"],"mappings":";;;AAgBO,SAASA,EAA+C;AAAA,EAC7D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AACF,GAAyC;AACvC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CZ;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIS,IAAgBJ,EAAST,CAAI;AAEnC,SACE,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAf;AAAA,MACA,SAAAU;AAAA,MACA,OAAAR;AAAA,MACA,aAAAC;AAAA,MACA,cAAAQ;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,gBAAAR;AAAA,MACA,iBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DatePickerHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/DatePickerHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { DatePickerField } from '@/components/Common/Fields/DatePickerField'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\n\nexport interface DatePickerHookFieldProps<TErrorCode extends string = never>\n  extends BaseFieldProps, Pick<DatePickerProps, 'portalContainer' | 'minDate' | 'maxDate'> {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<DatePickerProps>\n  /** When used inside a modal, pass the modal backdrop ref's element so the calendar popover stacks correctly. */\n  portalContainer?: DatePickerProps['portalContainer']\n}\n\nexport function DatePickerHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n  portalContainer,\n  minDate,\n  maxDate,\n}: DatePickerHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage, fieldElementRegistry } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return withFieldElementRegistry(\n    fieldElementRegistry,\n    <DatePickerField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      FieldComponent={FieldComponent}\n      portalContainer={portalContainer}\n      minDate={minDate}\n      maxDate={maxDate}\n    />,\n  )\n}\n"],"names":["DatePickerHookField","name","formHookResult","label","description","validationMessages","FieldComponent","portalContainer","minDate","maxDate","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","withFieldElementRegistry","jsx","DatePickerField"],"mappings":";;;;AAiBO,SAASA,EAA+C;AAAA,EAC7D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AACF,GAAyC;AACvC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,GAAc,sBAAAC,MAAyBC;AAAA,IAChEb;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIU,IAAgBL,EAAST,CAAI;AAEnC,SAAOe;AAAA,IACLH;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAjB;AAAA,QACA,SAAAU;AAAA,QACA,OAAAR;AAAA,QACA,aAAAC;AAAA,QACA,cAAAQ;AAAA,QACA,YAAYG,GAAe;AAAA,QAC3B,YAAYA,GAAe;AAAA,QAC3B,gBAAAT;AAAA,QACA,iBAAAC;AAAA,QACA,SAAAC;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/partner-hook-utils/form/fields/NumberInputHookField.d.ts

@@ -10,4 +10,4 @@ export interface NumberInputHookFieldProps<TErrorCode extends string = never> ex
     validationMessages?: ValidationMessages<TErrorCode>;
     FieldComponent?: ComponentType<NumberInputProps>;
 }
-export declare function NumberInputHookField<TErrorCode extends string>({ name, formHookResult, label, description, format, min, max, validationMessages, FieldComponent, }: NumberInputHookFieldProps<TErrorCode>): import("react/jsx-runtime").JSX.Element;
+export declare function NumberInputHookField<TErrorCode extends string>({ name, formHookResult, label, description, format, min, max, validationMessages, FieldComponent, }: NumberInputHookFieldProps<TErrorCode>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/partner-hook-utils/form/fields/NumberInputHookField.js

@@ -1,40 +1,46 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as R } from "react/jsx-runtime";
 import { useHookFieldResolution as b } from "../useHookFieldResolution.js";
-import { NumberInputField as c } from "../../../components/Common/Fields/NumberInputField/NumberInputField.js";
-function q({
+import { withFieldElementRegistry as c } from "./withFieldElementRegistry.js";
+import "../../../shared/constants.js";
+import "classnames";
+import { NumberInputField as F } from "../../../components/Common/Fields/NumberInputField/NumberInputField.js";
+function E({
   name: e,
-  formHookResult: i,
-  label: r,
-  description: t,
+  formHookResult: t,
+  label: o,
+  description: r,
   format: s,
-  min: d,
-  max: u,
+  min: m,
+  max: d,
   validationMessages: l,
-  FieldComponent: a
+  FieldComponent: u
 }) {
-  const { metadata: m, control: n, errorMessage: p } = b(
+  const { metadata: n, control: p, errorMessage: a, fieldElementRegistry: f } = b(
     e,
-    i,
+    t,
     l
-  ), o = m[e];
-  return /* @__PURE__ */ f(
-    c,
-    {
-      name: e,
-      control: n,
-      label: r,
-      description: t,
-      errorMessage: p,
-      isRequired: o?.isRequired,
-      isDisabled: o?.isDisabled,
-      format: s,
-      min: d,
-      max: u,
-      FieldComponent: a
-    }
+  ), i = n[e];
+  return c(
+    f,
+    /* @__PURE__ */ R(
+      F,
+      {
+        name: e,
+        control: p,
+        label: o,
+        description: r,
+        errorMessage: a,
+        isRequired: i?.isRequired,
+        isDisabled: i?.isDisabled,
+        format: s,
+        min: m,
+        max: d,
+        FieldComponent: u
+      }
+    )
   );
 }
 export {
-  q as NumberInputHookField
+  E as NumberInputHookField
 };
 //# sourceMappingURL=NumberInputHookField.js.map

package/dist/partner-hook-utils/form/fields/NumberInputHookField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInputHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/NumberInputHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { NumberInputField } from '@/components/Common'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\n\nexport interface NumberInputHookFieldProps<\n  TErrorCode extends string = never,\n> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  format?: NumberInputProps['format']\n  min?: NumberInputProps['min']\n  max?: NumberInputProps['max']\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<NumberInputProps>\n}\n\nexport function NumberInputHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  format,\n  min,\n  max,\n  validationMessages,\n  FieldComponent,\n}: NumberInputHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <NumberInputField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      format={format}\n      min={min}\n      max={max}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["NumberInputHookField","name","formHookResult","label","description","format","min","max","validationMessages","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","NumberInputField"],"mappings":";;;AAkBO,SAASA,EAAgD;AAAA,EAC9D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAA0C;AACxC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CZ;AAAA,IACAC;AAAA,IACAM;AAAA,EAAA,GAEIM,IAAgBJ,EAAST,CAAI;AAEnC,SACE,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAf;AAAA,MACA,SAAAU;AAAA,MACA,OAAAR;AAAA,MACA,aAAAC;AAAA,MACA,cAAAQ;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,QAAAT;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,gBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"NumberInputHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/NumberInputHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { NumberInputField } from '@/components/Common'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\n\nexport interface NumberInputHookFieldProps<\n  TErrorCode extends string = never,\n> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  format?: NumberInputProps['format']\n  min?: NumberInputProps['min']\n  max?: NumberInputProps['max']\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<NumberInputProps>\n}\n\nexport function NumberInputHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  format,\n  min,\n  max,\n  validationMessages,\n  FieldComponent,\n}: NumberInputHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage, fieldElementRegistry } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return withFieldElementRegistry(\n    fieldElementRegistry,\n    <NumberInputField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      format={format}\n      min={min}\n      max={max}\n      FieldComponent={FieldComponent}\n    />,\n  )\n}\n"],"names":["NumberInputHookField","name","formHookResult","label","description","format","min","max","validationMessages","FieldComponent","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","withFieldElementRegistry","jsx","NumberInputField"],"mappings":";;;;;;AAmBO,SAASA,EAAgD;AAAA,EAC9D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAA0C;AACxC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,GAAc,sBAAAC,MAAyBC;AAAA,IAChEb;AAAA,IACAC;AAAA,IACAM;AAAA,EAAA,GAEIO,IAAgBL,EAAST,CAAI;AAEnC,SAAOe;AAAA,IACLH;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAjB;AAAA,QACA,SAAAU;AAAA,QACA,OAAAR;AAAA,QACA,aAAAC;AAAA,QACA,cAAAQ;AAAA,QACA,YAAYG,GAAe;AAAA,QAC3B,YAAYA,GAAe;AAAA,QAC3B,QAAAV;AAAA,QACA,KAAAC;AAAA,QACA,KAAAC;AAAA,QACA,gBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/partner-hook-utils/form/fields/RadioGroupHookField.d.ts

@@ -8,4 +8,4 @@ export interface RadioGroupHookFieldProps<TErrorCode extends string = never, TEn
     getOptionLabel?: (entry: TEntry) => string;
     FieldComponent?: ComponentType<RadioGroupProps>;
 }
-export declare function RadioGroupHookField<TErrorCode extends string, TEntry = unknown>({ name, formHookResult, label, description, validationMessages, getOptionLabel, FieldComponent, }: RadioGroupHookFieldProps<TErrorCode, TEntry>): import("react/jsx-runtime").JSX.Element;
+export declare function RadioGroupHookField<TErrorCode extends string, TEntry = unknown>({ name, formHookResult, label, description, validationMessages, getOptionLabel, FieldComponent, }: RadioGroupHookFieldProps<TErrorCode, TEntry>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/partner-hook-utils/form/fields/RadioGroupHookField.js

@@ -1,40 +1,46 @@
-import { jsx as R } from "react/jsx-runtime";
-import { useHookFieldResolution as F } from "../useHookFieldResolution.js";
+import { jsx as F } from "react/jsx-runtime";
+import { useHookFieldResolution as g } from "../useHookFieldResolution.js";
 import { getFieldWithOptions as b } from "../getFieldWithOptions.js";
+import { withFieldElementRegistry as h } from "./withFieldElementRegistry.js";
+import "../../../shared/constants.js";
+import "classnames";
 import { RadioGroupField as k } from "../../../components/Common/Fields/RadioGroupField/RadioGroupField.js";
-function G({
+function H({
   name: i,
   formHookResult: r,
   label: s,
-  description: d,
-  validationMessages: a,
+  description: l,
+  validationMessages: d,
   getOptionLabel: e,
-  FieldComponent: l
+  FieldComponent: m
 }) {
-  const { metadata: n, control: p, errorMessage: u } = F(
+  const { metadata: n, control: p, errorMessage: a, fieldElementRegistry: u } = g(
     i,
     r,
-    a
-  ), o = b(n, i), t = o?.options ?? [], m = e && o?.entries ? o.entries.map((f, c) => ({
+    d
+  ), o = b(n, i), t = o?.options ?? [], f = e && o?.entries ? o.entries.map((R, c) => ({
     value: t[c]?.value ?? "",
-    label: e(f)
+    label: e(R)
   })) : t;
-  return /* @__PURE__ */ R(
-    k,
-    {
-      name: i,
-      control: p,
-      label: s,
-      description: d,
-      errorMessage: u,
-      isRequired: o?.isRequired,
-      isDisabled: o?.isDisabled,
-      options: m,
-      FieldComponent: l
-    }
+  return h(
+    u,
+    /* @__PURE__ */ F(
+      k,
+      {
+        name: i,
+        control: p,
+        label: s,
+        description: l,
+        errorMessage: a,
+        isRequired: o?.isRequired,
+        isDisabled: o?.isDisabled,
+        options: f,
+        FieldComponent: m
+      }
+    )
   );
 }
 export {
-  G as RadioGroupHookField
+  H as RadioGroupHookField
 };
 //# sourceMappingURL=RadioGroupHookField.js.map

package/dist/partner-hook-utils/form/fields/RadioGroupHookField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/RadioGroupHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport { getFieldWithOptions } from '../getFieldWithOptions'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { RadioGroupField } from '@/components/Common'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\nexport interface RadioGroupHookFieldProps<\n  TErrorCode extends string = never,\n  TEntry = unknown,\n> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  getOptionLabel?: (entry: TEntry) => string\n  FieldComponent?: ComponentType<RadioGroupProps>\n}\n\nexport function RadioGroupHookField<TErrorCode extends string, TEntry = unknown>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  getOptionLabel,\n  FieldComponent,\n}: RadioGroupHookFieldProps<TErrorCode, TEntry>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = getFieldWithOptions<TEntry>(metadata, name)\n\n  const defaultOptions = fieldMetadata?.options ?? []\n  const options =\n    getOptionLabel && fieldMetadata?.entries\n      ? fieldMetadata.entries.map((entry, index) => ({\n          value: defaultOptions[index]?.value ?? '',\n          label: getOptionLabel(entry),\n        }))\n      : defaultOptions\n\n  return (\n    <RadioGroupField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      options={options}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["RadioGroupHookField","name","formHookResult","label","description","validationMessages","getOptionLabel","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","getFieldWithOptions","defaultOptions","options","entry","index","jsx","RadioGroupField"],"mappings":";;;;AAkBO,SAASA,EAAiE;AAAA,EAC/E,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,GAAiD;AAC/C,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CV;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIO,IAAgBC,EAA4BL,GAAUP,CAAI,GAE1Da,IAAiBF,GAAe,WAAW,CAAA,GAC3CG,IACJT,KAAkBM,GAAe,UAC7BA,EAAc,QAAQ,IAAI,CAACI,GAAOC,OAAW;AAAA,IAC3C,OAAOH,EAAeG,CAAK,GAAG,SAAS;AAAA,IACvC,OAAOX,EAAeU,CAAK;AAAA,EAAA,EAC3B,IACFF;AAEN,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAlB;AAAA,MACA,SAAAQ;AAAA,MACA,OAAAN;AAAA,MACA,aAAAC;AAAA,MACA,cAAAM;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,SAAAG;AAAA,MACA,gBAAAR;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"RadioGroupHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/RadioGroupHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport { getFieldWithOptions } from '../getFieldWithOptions'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { RadioGroupField } from '@/components/Common'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\nexport interface RadioGroupHookFieldProps<\n  TErrorCode extends string = never,\n  TEntry = unknown,\n> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  getOptionLabel?: (entry: TEntry) => string\n  FieldComponent?: ComponentType<RadioGroupProps>\n}\n\nexport function RadioGroupHookField<TErrorCode extends string, TEntry = unknown>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  getOptionLabel,\n  FieldComponent,\n}: RadioGroupHookFieldProps<TErrorCode, TEntry>) {\n  const { metadata, control, errorMessage, fieldElementRegistry } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = getFieldWithOptions<TEntry>(metadata, name)\n\n  const defaultOptions = fieldMetadata?.options ?? []\n  const options =\n    getOptionLabel && fieldMetadata?.entries\n      ? fieldMetadata.entries.map((entry, index) => ({\n          value: defaultOptions[index]?.value ?? '',\n          label: getOptionLabel(entry),\n        }))\n      : defaultOptions\n\n  return withFieldElementRegistry(\n    fieldElementRegistry,\n    <RadioGroupField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      options={options}\n      FieldComponent={FieldComponent}\n    />,\n  )\n}\n"],"names":["RadioGroupHookField","name","formHookResult","label","description","validationMessages","getOptionLabel","FieldComponent","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","getFieldWithOptions","defaultOptions","options","entry","index","withFieldElementRegistry","jsx","RadioGroupField"],"mappings":";;;;;;;AAmBO,SAASA,EAAiE;AAAA,EAC/E,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,GAAiD;AAC/C,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,GAAc,sBAAAC,MAAyBC;AAAA,IAChEX;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIQ,IAAgBC,EAA4BN,GAAUP,CAAI,GAE1Dc,IAAiBF,GAAe,WAAW,CAAA,GAC3CG,IACJV,KAAkBO,GAAe,UAC7BA,EAAc,QAAQ,IAAI,CAACI,GAAOC,OAAW;AAAA,IAC3C,OAAOH,EAAeG,CAAK,GAAG,SAAS;AAAA,IACvC,OAAOZ,EAAeW,CAAK;AAAA,EAAA,EAC3B,IACFF;AAEN,SAAOI;AAAA,IACLR;AAAA,IACA,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAApB;AAAA,QACA,SAAAQ;AAAA,QACA,OAAAN;AAAA,QACA,aAAAC;AAAA,QACA,cAAAM;AAAA,QACA,YAAYG,GAAe;AAAA,QAC3B,YAAYA,GAAe;AAAA,QAC3B,SAAAG;AAAA,QACA,gBAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/partner-hook-utils/form/fields/SelectHookField.d.ts

@@ -11,4 +11,4 @@ export interface SelectHookFieldProps<TErrorCode extends string = never, TEntry
     /** When used inside a modal, pass the modal backdrop ref’s element so the listbox stacks correctly. */
     portalContainer?: SelectProps['portalContainer'];
 }
-export declare function SelectHookField<TErrorCode extends string, TEntry = unknown>({ name, formHookResult, label, description, validationMessages, getOptionLabel, placeholder, FieldComponent, portalContainer, }: SelectHookFieldProps<TErrorCode, TEntry>): import("react/jsx-runtime").JSX.Element;
+export declare function SelectHookField<TErrorCode extends string, TEntry = unknown>({ name, formHookResult, label, description, validationMessages, getOptionLabel, placeholder, FieldComponent, portalContainer, }: SelectHookFieldProps<TErrorCode, TEntry>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/partner-hook-utils/form/fields/SelectHookField.js

@@ -1,44 +1,50 @@
 import { jsx as b } from "react/jsx-runtime";
-import { useHookFieldResolution as k } from "../useHookFieldResolution.js";
-import { getFieldWithOptions as q } from "../getFieldWithOptions.js";
+import { useHookFieldResolution as h } from "../useHookFieldResolution.js";
+import { getFieldWithOptions as k } from "../getFieldWithOptions.js";
+import { withFieldElementRegistry as q } from "./withFieldElementRegistry.js";
+import "../../../shared/constants.js";
+import "classnames";
 import { SelectField as v } from "../../../components/Common/Fields/SelectField/SelectField.js";
-function S({
-  name: o,
-  formHookResult: s,
-  label: r,
+function j({
+  name: t,
+  formHookResult: r,
+  label: s,
   description: l,
   validationMessages: d,
-  getOptionLabel: t,
-  placeholder: n,
-  FieldComponent: a,
+  getOptionLabel: i,
+  placeholder: m,
+  FieldComponent: n,
   portalContainer: p
 }) {
-  const { metadata: u, control: c, errorMessage: m } = k(
-    o,
-    s,
+  const { metadata: a, control: f, errorMessage: u, fieldElementRegistry: c } = h(
+    t,
+    r,
     d
-  ), e = q(u, o), i = e?.options ?? [], f = t && e?.entries ? e.entries.map((F, R) => ({
-    value: i[R]?.value ?? "",
-    label: t(F)
-  })) : i;
-  return /* @__PURE__ */ b(
-    v,
-    {
-      name: o,
-      control: c,
-      label: r,
-      description: l,
-      errorMessage: m,
-      isRequired: e?.isRequired,
-      isDisabled: e?.isDisabled,
-      options: f,
-      placeholder: n,
-      FieldComponent: a,
-      portalContainer: p
-    }
+  ), e = k(a, t), o = e?.options ?? [], F = i && e?.entries ? e.entries.map((R, g) => ({
+    value: o[g]?.value ?? "",
+    label: i(R)
+  })) : o;
+  return q(
+    c,
+    /* @__PURE__ */ b(
+      v,
+      {
+        name: t,
+        control: f,
+        label: s,
+        description: l,
+        errorMessage: u,
+        isRequired: e?.isRequired,
+        isDisabled: e?.isDisabled,
+        options: F,
+        placeholder: m,
+        FieldComponent: n,
+        portalContainer: p
+      }
+    )
   );
 }
 export {
-  S as SelectHookField
+  j as SelectHookField
 };
 //# sourceMappingURL=SelectHookField.js.map