@gusto/embedded-react-sdk 0.52.1 → 0.53.0

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

@@ -1 +1 @@
-{"version":3,"file":"SDKFormProvider.js","sources":["../../../src/partner-hook-utils/form/SDKFormProvider.tsx"],"sourcesContent":["import { type ReactNode, useEffect } from 'react'\nimport type { FieldPath, FieldValues } from 'react-hook-form'\nimport { FormProvider } from 'react-hook-form'\nimport type { FieldMetadata, FieldMetadataWithOptions, HookFormInternals } from '../types'\nimport { FormFieldsMetadataProvider } from './FormFieldsMetadataProvider'\nimport { FieldElementRegistryProvider } from '@/components/Common/Fields/hooks/FieldElementRegistryProvider'\nimport type { FieldElementRegistry } from '@/components/Common/Fields/hooks/fieldElementRegistry'\nimport { normalizeErrorKeyForForm } from '@/helpers/formattedStrings'\nimport type { SDKError, SDKFieldError } from '@/types/sdkError'\n\nfunction useSyncFieldErrors<\n  TFormData extends FieldValues,\n  TFieldsMetadata extends {\n    [K in keyof TFieldsMetadata]: FieldMetadata | FieldMetadataWithOptions\n  },\n>(\n  fieldErrors: SDKFieldError[],\n  form: {\n    fieldsMetadata: TFieldsMetadata\n    hookFormInternals: HookFormInternals<TFormData>\n  },\n) {\n  const { fieldsMetadata } = form\n  const { setError } = form.hookFormInternals.formMethods\n\n  useEffect(() => {\n    if (!fieldErrors.length) return\n    const knownFields = new Set(Object.keys(fieldsMetadata))\n    for (const fieldError of fieldErrors) {\n      const normalizedField = normalizeErrorKeyForForm(fieldError.field)\n      if (knownFields.has(normalizedField)) {\n        setError(normalizedField as FieldPath<TFormData>, {\n          type: 'custom',\n          message: fieldError.message,\n        })\n      }\n    }\n  }, [fieldErrors, setError, fieldsMetadata])\n}\n\n/**\n * Props for {@link SDKFormProvider}.\n *\n * @typeParam TFormData - Shape of the form values managed by the wrapped form hook.\n * @typeParam TFieldsMetadata - The form hook's field-metadata map.\n * @public\n */\nexport interface SDKFormProviderProps<\n  TFormData extends FieldValues = FieldValues,\n  TFieldsMetadata extends {\n    [K in keyof TFieldsMetadata]: FieldMetadata | FieldMetadataWithOptions\n  } = Record<string, FieldMetadata | FieldMetadataWithOptions>,\n> {\n  /** The form hook result whose fields, metadata, and errors are shared with descendant field components. */\n  formHookResult: {\n    errorHandling: { errors: SDKError[] }\n    form: {\n      fieldsMetadata: TFieldsMetadata\n      hookFormInternals: HookFormInternals<TFormData>\n    }\n  }\n  /** Field components (or any content) that consume the provided form context. */\n  children: ReactNode\n}\n\n/**\n * Provides form context to field components so they can read metadata, control,\n * and error state without an explicit `formHookResult` prop on each field.\n * Server-side field errors are automatically synced onto their corresponding fields.\n *\n * @public\n * @group Providers\n *\n * @example\n * ```tsx\n * const formHookResult = useEmployeeDetailsForm({ employeeId })\n * const { Fields } = formHookResult.form\n *\n * // SDKFormProvider supplies context only — wire up submission and render the\n * // <form> element yourself.\n * const handleSubmit = () =>\n *   formHookResult.actions.onSubmit({ onEmployeeUpdated: (emp) => { ... } })\n *\n * return (\n *   <SDKFormProvider formHookResult={formHookResult}>\n *     <form onSubmit={handleSubmit}>\n *       <Fields.FirstName label=\"First name\" />\n *       <Fields.LastName label=\"Last name\" />\n *       <button type=\"submit\">Save</button>\n *     </form>\n *   </SDKFormProvider>\n * )\n * ```\n */\nexport function SDKFormProvider<\n  TFormData extends FieldValues = FieldValues,\n  TFieldsMetadata extends {\n    [K in keyof TFieldsMetadata]: FieldMetadata | FieldMetadataWithOptions\n  } = Record<string, FieldMetadata | FieldMetadataWithOptions>,\n>({ formHookResult, children }: SDKFormProviderProps<TFormData, TFieldsMetadata>) {\n  const { errorHandling, form } = formHookResult\n  const allFieldErrors = errorHandling.errors.flatMap(e => e.fieldErrors)\n  useSyncFieldErrors(allFieldErrors, form)\n\n  return (\n    <FormFieldsMetadataProvider metadata={form.fieldsMetadata} errors={errorHandling.errors}>\n      <FieldElementRegistryProvider\n        registry={form.hookFormInternals._fieldElementRegistry as FieldElementRegistry | undefined}\n      >\n        <FormProvider {...form.hookFormInternals.formMethods}>{children}</FormProvider>\n      </FieldElementRegistryProvider>\n    </FormFieldsMetadataProvider>\n  )\n}\n"],"names":["useSyncFieldErrors","fieldErrors","form","fieldsMetadata","setError","useEffect","knownFields","fieldError","normalizedField","normalizeErrorKeyForForm","SDKFormProvider","formHookResult","children","errorHandling","allFieldErrors","e","FormFieldsMetadataProvider","jsx","FieldElementRegistryProvider","FormProvider"],"mappings":";;;;;;AAUA,SAASA,EAMPC,GACAC,GAIA;AACA,QAAM,EAAE,gBAAAC,MAAmBD,GACrB,EAAE,UAAAE,EAAA,IAAaF,EAAK,kBAAkB;AAE5C,EAAAG,EAAU,MAAM;AACd,QAAI,CAACJ,EAAY,OAAQ;AACzB,UAAMK,IAAc,IAAI,IAAI,OAAO,KAAKH,CAAc,CAAC;AACvD,eAAWI,KAAcN,GAAa;AACpC,YAAMO,IAAkBC,EAAyBF,EAAW,KAAK;AACjE,MAAID,EAAY,IAAIE,CAAe,KACjCJ,EAASI,GAAyC;AAAA,QAChD,MAAM;AAAA,QACN,SAASD,EAAW;AAAA,MAAA,CACrB;AAAA,IAEL;AAAA,EACF,GAAG,CAACN,GAAaG,GAAUD,CAAc,CAAC;AAC5C;AAwDO,SAASO,EAKd,EAAE,gBAAAC,GAAgB,UAAAC,KAA8D;AAChF,QAAM,EAAE,eAAAC,GAAe,MAAAX,EAAA,IAASS,GAC1BG,IAAiBD,EAAc,OAAO,QAAQ,CAAAE,MAAKA,EAAE,WAAW;AACtE,SAAAf,EAAmBc,GAAgBZ,CAAI,qBAGpCc,GAAA,EAA2B,UAAUd,EAAK,gBAAgB,QAAQW,EAAc,QAC/E,UAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUhB,EAAK,kBAAkB;AAAA,MAEjC,4BAACiB,GAAA,EAAc,GAAGjB,EAAK,kBAAkB,aAAc,UAAAU,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAEpE;AAEJ;"}
+{"version":3,"file":"SDKFormProvider.js","sources":["../../../src/partner-hook-utils/form/SDKFormProvider.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useRef } from 'react'\nimport type { FieldPath, FieldValues, UseFormReturn } from 'react-hook-form'\nimport { FormProvider } from 'react-hook-form'\nimport type { FieldMetadata, FieldMetadataWithOptions, HookFormInternals } from '../types'\nimport { FormFieldsMetadataProvider } from './FormFieldsMetadataProvider'\nimport { FieldElementRegistryProvider } from '@/components/Common/Fields/hooks/FieldElementRegistryProvider'\nimport type { FieldElementRegistry } from '@/components/Common/Fields/hooks/fieldElementRegistry'\nimport { normalizeErrorKeyForForm } from '@/helpers/formattedStrings'\nimport type { SDKError, SDKFieldError } from '@/types/sdkError'\n\ninterface ApplicableFieldError {\n  /** Field name normalized to the form-side dotted path (e.g. `homeAddress.street1`). */\n  name: string\n  message: string\n}\n\n/**\n * Produces a referentially-stable list of API field errors that apply to this\n * form — normalized to form-side keys and filtered to known fields.\n *\n * The array reference only changes when the error content changes. `fieldErrors`\n * is a fresh array on every render (`collectErrors` + `flatMap`), so keying an\n * effect on it directly would re-run every render and re-apply an error the user\n * just cleared. Following React's guidance to depend on a primitive rather than a\n * freshly-created object, we derive a content key and swap the returned reference\n * only when that key changes. The list is sorted first so the key is order-agnostic,\n * and `JSON.stringify` avoids delimiter collisions.\n */\nfunction useApplicableFieldErrors(\n  fieldErrors: SDKFieldError[],\n  fieldsMetadata: Record<string, unknown>,\n): ApplicableFieldError[] {\n  const knownFields = new Set(Object.keys(fieldsMetadata))\n  const applicable = fieldErrors\n    .filter(\n      fieldError =>\n        fieldError.message && knownFields.has(normalizeErrorKeyForForm(fieldError.field)),\n    )\n    .map(fieldError => ({\n      name: normalizeErrorKeyForForm(fieldError.field),\n      message: fieldError.message,\n    }))\n    .sort((a, b) =>\n      a.name === b.name ? a.message.localeCompare(b.message) : a.name.localeCompare(b.name),\n    )\n\n  const key = JSON.stringify(applicable)\n  const stableRef = useRef<{ key: string; value: ApplicableFieldError[] }>({\n    key,\n    value: applicable,\n  })\n  if (stableRef.current.key !== key) {\n    stableRef.current = { key, value: applicable }\n  }\n  return stableRef.current.value\n}\n\n/**\n * Applies API-derived field errors to their fields and clears each one as soon\n * as the user changes that field's value.\n *\n * In the absence of client-side validation for these fields, a server field\n * error would otherwise persist until the next submit. A single `watch(callback)`\n * subscription reacts to the changed field by name — no value comparison, no\n * re-renders — clearing the error so a fresh submit can surface a fresh result.\n * The top-level error alert is intentionally left untouched.\n */\nfunction useSyncFieldErrors<TFormData extends FieldValues>(\n  applicableFieldErrors: ApplicableFieldError[],\n  formMethods: UseFormReturn<TFormData>,\n) {\n  const { setError, clearErrors, watch } = formMethods\n\n  useEffect(() => {\n    if (!applicableFieldErrors.length) return\n\n    const apiErrorFields = new Set<string>()\n    for (const { name, message } of applicableFieldErrors) {\n      setError(name as FieldPath<TFormData>, { type: 'custom', message })\n      apiErrorFields.add(name)\n    }\n\n    const subscription = watch((_values, { name }) => {\n      if (name && apiErrorFields.has(name)) {\n        clearErrors(name)\n        apiErrorFields.delete(name)\n      }\n    })\n\n    return () => {\n      subscription.unsubscribe()\n    }\n  }, [applicableFieldErrors, watch, setError, clearErrors])\n}\n\n/**\n * Props for {@link SDKFormProvider}.\n *\n * @typeParam TFormData - Shape of the form values managed by the wrapped form hook.\n * @typeParam TFieldsMetadata - The form hook's field-metadata map.\n * @public\n */\nexport interface SDKFormProviderProps<\n  TFormData extends FieldValues = FieldValues,\n  TFieldsMetadata extends {\n    [K in keyof TFieldsMetadata]: FieldMetadata | FieldMetadataWithOptions\n  } = Record<string, FieldMetadata | FieldMetadataWithOptions>,\n> {\n  /** The form hook result whose fields, metadata, and errors are shared with descendant field components. */\n  formHookResult: {\n    errorHandling: { errors: SDKError[] }\n    form: {\n      fieldsMetadata: TFieldsMetadata\n      hookFormInternals: HookFormInternals<TFormData>\n    }\n  }\n  /** Field components (or any content) that consume the provided form context. */\n  children: ReactNode\n}\n\n/**\n * Provides form context to field components so they can read metadata, control,\n * and error state without an explicit `formHookResult` prop on each field.\n * Server-side field errors are automatically synced onto their corresponding fields.\n *\n * @public\n * @group Providers\n *\n * @example\n * ```tsx\n * const formHookResult = useEmployeeDetailsForm({ employeeId })\n * const { Fields } = formHookResult.form\n *\n * // SDKFormProvider supplies context only — wire up submission and render the\n * // <form> element yourself.\n * const handleSubmit = () =>\n *   formHookResult.actions.onSubmit({ onEmployeeUpdated: (emp) => { ... } })\n *\n * return (\n *   <SDKFormProvider formHookResult={formHookResult}>\n *     <form onSubmit={handleSubmit}>\n *       <Fields.FirstName label=\"First name\" />\n *       <Fields.LastName label=\"Last name\" />\n *       <button type=\"submit\">Save</button>\n *     </form>\n *   </SDKFormProvider>\n * )\n * ```\n */\nexport function SDKFormProvider<\n  TFormData extends FieldValues = FieldValues,\n  TFieldsMetadata extends {\n    [K in keyof TFieldsMetadata]: FieldMetadata | FieldMetadataWithOptions\n  } = Record<string, FieldMetadata | FieldMetadataWithOptions>,\n>({ formHookResult, children }: SDKFormProviderProps<TFormData, TFieldsMetadata>) {\n  const { errorHandling, form } = formHookResult\n  const allFieldErrors = errorHandling.errors.flatMap(e => e.fieldErrors)\n  const applicableFieldErrors = useApplicableFieldErrors(allFieldErrors, form.fieldsMetadata)\n  useSyncFieldErrors(applicableFieldErrors, form.hookFormInternals.formMethods)\n\n  return (\n    <FormFieldsMetadataProvider metadata={form.fieldsMetadata} errors={errorHandling.errors}>\n      <FieldElementRegistryProvider\n        registry={form.hookFormInternals._fieldElementRegistry as FieldElementRegistry | undefined}\n      >\n        <FormProvider {...form.hookFormInternals.formMethods}>{children}</FormProvider>\n      </FieldElementRegistryProvider>\n    </FormFieldsMetadataProvider>\n  )\n}\n"],"names":["useApplicableFieldErrors","fieldErrors","fieldsMetadata","knownFields","applicable","fieldError","normalizeErrorKeyForForm","a","b","key","stableRef","useRef","useSyncFieldErrors","applicableFieldErrors","formMethods","setError","clearErrors","watch","useEffect","apiErrorFields","name","message","subscription","_values","SDKFormProvider","formHookResult","children","errorHandling","form","allFieldErrors","FormFieldsMetadataProvider","jsx","FieldElementRegistryProvider","FormProvider"],"mappings":";;;;;;AA4BA,SAASA,EACPC,GACAC,GACwB;AACxB,QAAMC,IAAc,IAAI,IAAI,OAAO,KAAKD,CAAc,CAAC,GACjDE,IAAaH,EAChB;AAAA,IACC,CAAAI,MACEA,EAAW,WAAWF,EAAY,IAAIG,EAAyBD,EAAW,KAAK,CAAC;AAAA,EAAA,EAEnF,IAAI,CAAAA,OAAe;AAAA,IAClB,MAAMC,EAAyBD,EAAW,KAAK;AAAA,IAC/C,SAASA,EAAW;AAAA,EAAA,EACpB,EACD;AAAA,IAAK,CAACE,GAAGC,MACRD,EAAE,SAASC,EAAE,OAAOD,EAAE,QAAQ,cAAcC,EAAE,OAAO,IAAID,EAAE,KAAK,cAAcC,EAAE,IAAI;AAAA,EAAA,GAGlFC,IAAM,KAAK,UAAUL,CAAU,GAC/BM,IAAYC,EAAuD;AAAA,IACvE,KAAAF;AAAA,IACA,OAAOL;AAAA,EAAA,CACR;AACD,SAAIM,EAAU,QAAQ,QAAQD,MAC5BC,EAAU,UAAU,EAAE,KAAAD,GAAK,OAAOL,EAAA,IAE7BM,EAAU,QAAQ;AAC3B;AAYA,SAASE,EACPC,GACAC,GACA;AACA,QAAM,EAAE,UAAAC,GAAU,aAAAC,GAAa,OAAAC,EAAA,IAAUH;AAEzC,EAAAI,EAAU,MAAM;AACd,QAAI,CAACL,EAAsB,OAAQ;AAEnC,UAAMM,wBAAqB,IAAA;AAC3B,eAAW,EAAE,MAAAC,GAAM,SAAAC,EAAA,KAAaR;AAC9B,MAAAE,EAASK,GAA8B,EAAE,MAAM,UAAU,SAAAC,GAAS,GAClEF,EAAe,IAAIC,CAAI;AAGzB,UAAME,IAAeL,EAAM,CAACM,GAAS,EAAE,MAAAH,QAAW;AAChD,MAAIA,KAAQD,EAAe,IAAIC,CAAI,MACjCJ,EAAYI,CAAI,GAChBD,EAAe,OAAOC,CAAI;AAAA,IAE9B,CAAC;AAED,WAAO,MAAM;AACX,MAAAE,EAAa,YAAA;AAAA,IACf;AAAA,EACF,GAAG,CAACT,GAAuBI,GAAOF,GAAUC,CAAW,CAAC;AAC1D;AAwDO,SAASQ,EAKd,EAAE,gBAAAC,GAAgB,UAAAC,KAA8D;AAChF,QAAM,EAAE,eAAAC,GAAe,MAAAC,EAAA,IAASH,GAC1BI,IAAiBF,EAAc,OAAO,QAAQ,CAAA,MAAK,EAAE,WAAW,GAChEd,IAAwBb,EAAyB6B,GAAgBD,EAAK,cAAc;AAC1F,SAAAhB,EAAmBC,GAAuBe,EAAK,kBAAkB,WAAW,qBAGzEE,GAAA,EAA2B,UAAUF,EAAK,gBAAgB,QAAQD,EAAc,QAC/E,UAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUJ,EAAK,kBAAkB;AAAA,MAEjC,4BAACK,GAAA,EAAc,GAAGL,EAAK,kBAAkB,aAAc,UAAAF,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAEpE;AAEJ;"}

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

@@ -1,11 +1,8 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useHookFieldResolution as n } from "../useHookFieldResolution.js";
-import { withFieldElementRegistry as c } from "./withFieldElementRegistry.js";
-import "react-i18next";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { CheckboxField as u } from "../../../components/Common/Fields/CheckboxField/CheckboxField.js";
-function q({
+import { jsx as n } from "react/jsx-runtime";
+import { useHookFieldResolution as c } from "../useHookFieldResolution.js";
+import { withFieldElementRegistry as u } from "./withFieldElementRegistry.js";
+import { CheckboxField as p } from "../../../components/Common/Fields/CheckboxField/CheckboxField.js";
+function F({
   name: e,
   formHookResult: o,
   label: t,
@@ -13,21 +10,21 @@ function q({
   validationMessages: s,
   FieldComponent: d
 }) {
-  const { metadata: l, control: m, errorMessage: p, fieldElementRegistry: a } = n(
+  const { metadata: l, control: m, errorMessage: a, fieldElementRegistry: f } = c(
     e,
     o,
     s
   ), i = l[e];
-  return c(
-    a,
-    /* @__PURE__ */ f(
-      u,
+  return u(
+    f,
+    /* @__PURE__ */ n(
+      p,
       {
         name: e,
         control: m,
         label: t,
         description: r,
-        errorMessage: p,
+        errorMessage: a,
         isRequired: i?.isRequired,
         isDisabled: i?.isDisabled,
         FieldComponent: d
@@ -36,6 +33,6 @@ function q({
   );
 }
 export {
-  q as CheckboxHookField
+  F 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 { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { CheckboxField } from '@/components/Common'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\n\n/**\n * Props accepted by a checkbox field surfaced through a form hook.\n * Exposes `validationMessages` for custom error text alongside the shared base\n * field attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @public\n * @group Hook field props\n */\nexport interface CheckboxHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode>\n  /** Replaces the default checkbox UI component; must accept the same props as `CheckboxProps`. */\n  FieldComponent?: ComponentType<CheckboxProps>\n}\n\n/**\n * Checkbox field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @param props - Field configuration including `name`, `formHookResult`, and label content.\n * @returns The rendered checkbox field wrapped in the field element registry.\n * @internal\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":";;;;;;;AAmCO,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;"}
+{"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\n/**\n * Props accepted by a checkbox field surfaced through a form hook.\n * Exposes `validationMessages` for custom error text alongside the shared base\n * field attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @public\n * @group Hook field props\n */\nexport interface CheckboxHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode>\n  /** Replaces the default checkbox UI component; must accept the same props as `CheckboxProps`. */\n  FieldComponent?: ComponentType<CheckboxProps>\n}\n\n/**\n * Checkbox field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @param props - Field configuration including `name`, `formHookResult`, and label content.\n * @returns The rendered checkbox field wrapped in the field element registry.\n * @internal\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":";;;;AAmCO,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/NumberInputHookField.js

@@ -1,49 +1,46 @@
 import { jsx as b } from "react/jsx-runtime";
 import { useHookFieldResolution as c } from "../useHookFieldResolution.js";
 import { withFieldElementRegistry as F } from "./withFieldElementRegistry.js";
-import "react-i18next";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { NumberInputField as g } from "../../../components/Common/Fields/NumberInputField/NumberInputField.js";
-function I({
+function D({
   name: e,
   formHookResult: t,
   label: o,
   description: r,
   format: s,
-  min: m,
-  max: d,
-  placeholder: l,
-  validationMessages: p,
-  FieldComponent: u
+  min: d,
+  max: l,
+  placeholder: m,
+  validationMessages: u,
+  FieldComponent: n
 }) {
-  const { metadata: n, control: a, errorMessage: f, fieldElementRegistry: R } = c(
+  const { metadata: a, control: f, errorMessage: p, fieldElementRegistry: R } = c(
     e,
     t,
-    p
-  ), i = n[e];
+    u
+  ), i = a[e];
   return F(
     R,
     /* @__PURE__ */ b(
       g,
       {
         name: e,
-        control: a,
+        control: f,
         label: o,
         description: r,
-        errorMessage: f,
+        errorMessage: p,
         isRequired: i?.isRequired,
         isDisabled: i?.isDisabled,
         format: s,
-        min: m,
-        max: d,
-        placeholder: l,
-        FieldComponent: u
+        min: d,
+        max: l,
+        placeholder: m,
+        FieldComponent: n
       }
     )
   );
 }
 export {
-  I as NumberInputHookField
+  D 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 { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { NumberInputField } from '@/components/Common'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\n\n/**\n * Props accepted by a number input field surfaced through a form hook.\n * Exposes numeric constraints (`min`, `max`), display `format`, `placeholder` text,\n * and `validationMessages` for custom error text alongside the shared base field\n * attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @public\n * @group Hook field props\n */\nexport interface NumberInputHookFieldProps<\n  TErrorCode extends string = never,\n> extends BaseFieldProps {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Display format for the number value (e.g. `'currency'`). */\n  format?: NumberInputProps['format']\n  /** Minimum allowed numeric value. */\n  min?: NumberInputProps['min']\n  /** Maximum allowed numeric value. */\n  max?: NumberInputProps['max']\n  /** Placeholder text displayed when the field has no value. */\n  placeholder?: NumberInputProps['placeholder']\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode>\n  /** Replaces the default number input UI component; must accept the same props as `NumberInputProps`. */\n  FieldComponent?: ComponentType<NumberInputProps>\n}\n\n/**\n * Number input field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @param props - Field configuration including `name`, `formHookResult`, formatting, and numeric bounds.\n * @returns The rendered number input field wrapped in the field element registry.\n * @internal\n */\nexport function NumberInputHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  format,\n  min,\n  max,\n  placeholder,\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      placeholder={placeholder}\n      FieldComponent={FieldComponent}\n    />,\n  )\n}\n"],"names":["NumberInputHookField","name","formHookResult","label","description","format","min","max","placeholder","validationMessages","FieldComponent","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","withFieldElementRegistry","jsx","NumberInputField"],"mappings":";;;;;;;AA8CO,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,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAA0C;AACxC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,GAAc,sBAAAC,MAAyBC;AAAA,IAChEd;AAAA,IACAC;AAAA,IACAO;AAAA,EAAA,GAEIO,IAAgBL,EAASV,CAAI;AAEnC,SAAOgB;AAAA,IACLH;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAlB;AAAA,QACA,SAAAW;AAAA,QACA,OAAAT;AAAA,QACA,aAAAC;AAAA,QACA,cAAAS;AAAA,QACA,YAAYG,GAAe;AAAA,QAC3B,YAAYA,GAAe;AAAA,QAC3B,QAAAX;AAAA,QACA,KAAAC;AAAA,QACA,KAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"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\n/**\n * Props accepted by a number input field surfaced through a form hook.\n * Exposes numeric constraints (`min`, `max`), display `format`, `placeholder` text,\n * and `validationMessages` for custom error text alongside the shared base field\n * attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @public\n * @group Hook field props\n */\nexport interface NumberInputHookFieldProps<\n  TErrorCode extends string = never,\n> extends BaseFieldProps {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Display format for the number value (e.g. `'currency'`). */\n  format?: NumberInputProps['format']\n  /** Minimum allowed numeric value. */\n  min?: NumberInputProps['min']\n  /** Maximum allowed numeric value. */\n  max?: NumberInputProps['max']\n  /** Placeholder text displayed when the field has no value. */\n  placeholder?: NumberInputProps['placeholder']\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode>\n  /** Replaces the default number input UI component; must accept the same props as `NumberInputProps`. */\n  FieldComponent?: ComponentType<NumberInputProps>\n}\n\n/**\n * Number input field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @param props - Field configuration including `name`, `formHookResult`, formatting, and numeric bounds.\n * @returns The rendered number input field wrapped in the field element registry.\n * @internal\n */\nexport function NumberInputHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  format,\n  min,\n  max,\n  placeholder,\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      placeholder={placeholder}\n      FieldComponent={FieldComponent}\n    />,\n  )\n}\n"],"names":["NumberInputHookField","name","formHookResult","label","description","format","min","max","placeholder","validationMessages","FieldComponent","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","withFieldElementRegistry","jsx","NumberInputField"],"mappings":";;;;AA8CO,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,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAA0C;AACxC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,GAAc,sBAAAC,MAAyBC;AAAA,IAChEd;AAAA,IACAC;AAAA,IACAO;AAAA,EAAA,GAEIO,IAAgBL,EAASV,CAAI;AAEnC,SAAOgB;AAAA,IACLH;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAlB;AAAA,QACA,SAAAW;AAAA,QACA,OAAAT;AAAA,QACA,aAAAC;AAAA,QACA,cAAAS;AAAA,QACA,YAAYG,GAAe;AAAA,QAC3B,YAAYA,GAAe;AAAA,QAC3B,QAAAX;AAAA,QACA,KAAAC;AAAA,QACA,KAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -2,46 +2,43 @@ 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 "react-i18next";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { RadioGroupField as k } from "../../../components/Common/Fields/RadioGroupField/RadioGroupField.js";
-function M({
-  name: i,
+function E({
+  name: e,
   formHookResult: r,
   label: s,
   description: l,
   validationMessages: d,
-  getOptionLabel: e,
-  FieldComponent: m
+  getOptionLabel: i,
+  FieldComponent: n
 }) {
-  const { metadata: p, control: n, errorMessage: a, fieldElementRegistry: u } = g(
-    i,
+  const { metadata: a, control: m, errorMessage: p, fieldElementRegistry: u } = g(
+    e,
     r,
     d
-  ), o = b(p, i), t = o?.options ?? [], f = e && o?.entries ? o.entries.map((R, c) => ({
+  ), o = b(a, e), t = o?.options ?? [], f = i && o?.entries ? o.entries.map((R, c) => ({
     value: t[c]?.value ?? "",
-    label: e(R)
+    label: i(R)
   })) : t;
   return h(
     u,
     /* @__PURE__ */ F(
       k,
       {
-        name: i,
-        control: n,
+        name: e,
+        control: m,
         label: s,
         description: l,
-        errorMessage: a,
+        errorMessage: p,
         isRequired: o?.isRequired,
         isDisabled: o?.isDisabled,
         options: f,
-        FieldComponent: m
+        FieldComponent: n
       }
     )
   );
 }
 export {
-  M as RadioGroupHookField
+  E 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 { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { RadioGroupField } from '@/components/Common'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\n/**\n * Props accepted by a radio group field surfaced through a form hook.\n * Exposes `getOptionLabel` to customize how option entries are rendered as labels,\n * and `validationMessages` for custom error text alongside the shared base field\n * attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @typeParam TEntry - Shape of each option entry consumed by `getOptionLabel`.\n * @public\n * @group Hook field props\n */\nexport interface RadioGroupHookFieldProps<\n  TErrorCode extends string = never,\n  TEntry = unknown,\n> extends BaseFieldProps {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode>\n  /** Maps a raw option entry to its display label; when omitted, options use the labels provided by the hook. */\n  getOptionLabel?: (entry: TEntry) => string\n  /** Replaces the default radio group UI component; must accept the same props as `RadioGroupProps`. */\n  FieldComponent?: ComponentType<RadioGroupProps>\n}\n\n/**\n * Radio group field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @typeParam TEntry - Shape of each option entry consumed by `getOptionLabel`.\n * @param props - Field configuration including `name`, `formHookResult`, and an optional `getOptionLabel`.\n * @returns The rendered radio group field wrapped in the field element registry.\n * @internal\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":";;;;;;;;AA4CO,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;"}
+{"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\n/**\n * Props accepted by a radio group field surfaced through a form hook.\n * Exposes `getOptionLabel` to customize how option entries are rendered as labels,\n * and `validationMessages` for custom error text alongside the shared base field\n * attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @typeParam TEntry - Shape of each option entry consumed by `getOptionLabel`.\n * @public\n * @group Hook field props\n */\nexport interface RadioGroupHookFieldProps<\n  TErrorCode extends string = never,\n  TEntry = unknown,\n> extends BaseFieldProps {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode>\n  /** Maps a raw option entry to its display label; when omitted, options use the labels provided by the hook. */\n  getOptionLabel?: (entry: TEntry) => string\n  /** Replaces the default radio group UI component; must accept the same props as `RadioGroupProps`. */\n  FieldComponent?: ComponentType<RadioGroupProps>\n}\n\n/**\n * Radio group field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @typeParam TEntry - Shape of each option entry consumed by `getOptionLabel`.\n * @param props - Field configuration including `name`, `formHookResult`, and an optional `getOptionLabel`.\n * @returns The rendered radio group field wrapped in the field element registry.\n * @internal\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":";;;;;AA4CO,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.js

@@ -2,26 +2,23 @@ import { jsx as b } from "react/jsx-runtime";
 import { useHookFieldResolution as h } from "../useHookFieldResolution.js";
 import { getFieldWithOptions as k } from "../getFieldWithOptions.js";
 import { withFieldElementRegistry as q } from "./withFieldElementRegistry.js";
-import "react-i18next";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { SelectField as v } from "../../../components/Common/Fields/SelectField/SelectField.js";
-function w({
+function M({
   name: t,
   formHookResult: r,
   label: s,
   description: l,
-  validationMessages: m,
+  validationMessages: d,
   getOptionLabel: i,
-  placeholder: d,
-  FieldComponent: n,
-  portalContainer: p
+  placeholder: n,
+  FieldComponent: m,
+  portalContainer: a
 }) {
-  const { metadata: a, control: f, errorMessage: u, fieldElementRegistry: c } = h(
+  const { metadata: p, control: f, errorMessage: u, fieldElementRegistry: c } = h(
     t,
     r,
-    m
-  ), e = k(a, t), o = e?.options ?? [], F = i && e?.entries ? e.entries.map((R, g) => ({
+    d
+  ), e = k(p, t), o = e?.options ?? [], F = i && e?.entries ? e.entries.map((R, g) => ({
     value: o[g]?.value ?? "",
     label: i(R)
   })) : o;
@@ -38,14 +35,14 @@ function w({
         isRequired: e?.isRequired,
         isDisabled: e?.isDisabled,
         options: F,
-        placeholder: d,
-        FieldComponent: n,
-        portalContainer: p
+        placeholder: n,
+        FieldComponent: m,
+        portalContainer: a
       }
     )
   );
 }
 export {
-  w as SelectHookField
+  M as SelectHookField
 };
 //# sourceMappingURL=SelectHookField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/SelectHookField.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 { SelectField } from '@/components/Common'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\n\n/**\n * Props accepted by a select field surfaced through a form hook.\n * Exposes `getOptionLabel` to customize how option entries are rendered as labels,\n * `placeholder` text, `portalContainer` for correct stacking inside modals,\n * and `validationMessages` for custom error text alongside the shared base field\n * attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @typeParam TEntry - Shape of each option entry consumed by `getOptionLabel`.\n * @public\n * @group Hook field props\n */\nexport interface SelectHookFieldProps<TErrorCode extends string = never, TEntry = unknown>\n  extends BaseFieldProps, Pick<SelectProps, 'portalContainer'> {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode>\n  /** Maps a raw option entry to its display label; when omitted, options use the labels provided by the hook. */\n  getOptionLabel?: (entry: TEntry) => string\n  /**\n   * Placeholder text displayed when no option is selected.\n   * Required so empty dropdowns always communicate the action — pass an empty string only when a default value is guaranteed.\n   */\n  placeholder: string\n  /** Replaces the default select UI component; must accept the same props as `SelectProps`. */\n  FieldComponent?: ComponentType<SelectProps>\n  /** When used inside a modal, pass the modal backdrop ref's element so the listbox stacks correctly. */\n  portalContainer?: SelectProps['portalContainer']\n}\n\n/**\n * Select field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @typeParam TEntry - Shape of each option entry consumed by `getOptionLabel`.\n * @param props - Field configuration including `name`, `formHookResult`, and an optional `getOptionLabel`.\n * @returns The rendered select field wrapped in the field element registry.\n * @internal\n */\nexport function SelectHookField<TErrorCode extends string, TEntry = unknown>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  getOptionLabel,\n  placeholder,\n  FieldComponent,\n  portalContainer,\n}: SelectHookFieldProps<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    <SelectField\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      placeholder={placeholder}\n      FieldComponent={FieldComponent}\n      portalContainer={portalContainer}\n    />,\n  )\n}\n"],"names":["SelectHookField","name","formHookResult","label","description","validationMessages","getOptionLabel","placeholder","FieldComponent","portalContainer","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","getFieldWithOptions","defaultOptions","options","entry","index","withFieldElementRegistry","jsx","SelectField"],"mappings":";;;;;;;;AAkDO,SAASA,EAA6D;AAAA,EAC3E,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AACF,GAA6C;AAC3C,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,GAAc,sBAAAC,MAAyBC;AAAA,IAChEb;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIU,IAAgBC,EAA4BN,GAAUT,CAAI,GAE1DgB,IAAiBF,GAAe,WAAW,CAAA,GAC3CG,IACJZ,KAAkBS,GAAe,UAC7BA,EAAc,QAAQ,IAAI,CAACI,GAAOC,OAAW;AAAA,IAC3C,OAAOH,EAAeG,CAAK,GAAG,SAAS;AAAA,IACvC,OAAOd,EAAea,CAAK;AAAA,EAAA,EAC3B,IACFF;AAEN,SAAOI;AAAA,IACLR;AAAA,IACA,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAtB;AAAA,QACA,SAAAU;AAAA,QACA,OAAAR;AAAA,QACA,aAAAC;AAAA,QACA,cAAAQ;AAAA,QACA,YAAYG,GAAe;AAAA,QAC3B,YAAYA,GAAe;AAAA,QAC3B,SAAAG;AAAA,QACA,aAAAX;AAAA,QACA,gBAAAC;AAAA,QACA,iBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"SelectHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/SelectHookField.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 { SelectField } from '@/components/Common'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\n\n/**\n * Props accepted by a select field surfaced through a form hook.\n * Exposes `getOptionLabel` to customize how option entries are rendered as labels,\n * `placeholder` text, `portalContainer` for correct stacking inside modals,\n * and `validationMessages` for custom error text alongside the shared base field\n * attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @typeParam TEntry - Shape of each option entry consumed by `getOptionLabel`.\n * @public\n * @group Hook field props\n */\nexport interface SelectHookFieldProps<TErrorCode extends string = never, TEntry = unknown>\n  extends BaseFieldProps, Pick<SelectProps, 'portalContainer'> {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode>\n  /** Maps a raw option entry to its display label; when omitted, options use the labels provided by the hook. */\n  getOptionLabel?: (entry: TEntry) => string\n  /**\n   * Placeholder text displayed when no option is selected.\n   * Required so empty dropdowns always communicate the action — pass an empty string only when a default value is guaranteed.\n   */\n  placeholder: string\n  /** Replaces the default select UI component; must accept the same props as `SelectProps`. */\n  FieldComponent?: ComponentType<SelectProps>\n  /** When used inside a modal, pass the modal backdrop ref's element so the listbox stacks correctly. */\n  portalContainer?: SelectProps['portalContainer']\n}\n\n/**\n * Select field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @typeParam TEntry - Shape of each option entry consumed by `getOptionLabel`.\n * @param props - Field configuration including `name`, `formHookResult`, and an optional `getOptionLabel`.\n * @returns The rendered select field wrapped in the field element registry.\n * @internal\n */\nexport function SelectHookField<TErrorCode extends string, TEntry = unknown>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  getOptionLabel,\n  placeholder,\n  FieldComponent,\n  portalContainer,\n}: SelectHookFieldProps<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    <SelectField\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      placeholder={placeholder}\n      FieldComponent={FieldComponent}\n      portalContainer={portalContainer}\n    />,\n  )\n}\n"],"names":["SelectHookField","name","formHookResult","label","description","validationMessages","getOptionLabel","placeholder","FieldComponent","portalContainer","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","getFieldWithOptions","defaultOptions","options","entry","index","withFieldElementRegistry","jsx","SelectField"],"mappings":";;;;;AAkDO,SAASA,EAA6D;AAAA,EAC3E,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AACF,GAA6C;AAC3C,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,GAAc,sBAAAC,MAAyBC;AAAA,IAChEb;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIU,IAAgBC,EAA4BN,GAAUT,CAAI,GAE1DgB,IAAiBF,GAAe,WAAW,CAAA,GAC3CG,IACJZ,KAAkBS,GAAe,UAC7BA,EAAc,QAAQ,IAAI,CAACI,GAAOC,OAAW;AAAA,IAC3C,OAAOH,EAAeG,CAAK,GAAG,SAAS;AAAA,IACvC,OAAOd,EAAea,CAAK;AAAA,EAAA,EAC3B,IACFF;AAEN,SAAOI;AAAA,IACLR;AAAA,IACA,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAtB;AAAA,QACA,SAAAU;AAAA,QACA,OAAAR;AAAA,QACA,aAAAC;AAAA,QACA,cAAAQ;AAAA,QACA,YAAYG,GAAe;AAAA,QAC3B,YAAYA,GAAe;AAAA,QAC3B,SAAAG;AAAA,QACA,aAAAX;AAAA,QACA,gBAAAC;AAAA,QACA,iBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -1,41 +1,38 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useHookFieldResolution as n } from "../useHookFieldResolution.js";
-import { withFieldElementRegistry as c } from "./withFieldElementRegistry.js";
-import "react-i18next";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { SwitchField as u } from "../../../components/Common/Fields/SwitchField/SwitchField.js";
-function q({
-  name: i,
+import { jsx as n } from "react/jsx-runtime";
+import { useHookFieldResolution as c } from "../useHookFieldResolution.js";
+import { withFieldElementRegistry as u } from "./withFieldElementRegistry.js";
+import { SwitchField as p } from "../../../components/Common/Fields/SwitchField/SwitchField.js";
+function w({
+  name: e,
   formHookResult: t,
   label: o,
   description: r,
   validationMessages: s,
   FieldComponent: d
 }) {
-  const { metadata: l, control: m, errorMessage: p, fieldElementRegistry: a } = n(
-    i,
+  const { metadata: l, control: m, errorMessage: a, fieldElementRegistry: f } = c(
+    e,
     t,
     s
-  ), e = l[i];
-  return c(
-    a,
-    /* @__PURE__ */ f(
-      u,
+  ), i = l[e];
+  return u(
+    f,
+    /* @__PURE__ */ n(
+      p,
       {
-        name: i,
+        name: e,
         control: m,
         label: o,
         description: r,
-        errorMessage: p,
-        isRequired: e?.isRequired,
-        isDisabled: e?.isDisabled,
+        errorMessage: a,
+        isRequired: i?.isRequired,
+        isDisabled: i?.isDisabled,
         FieldComponent: d
       }
     )
   );
 }
 export {
-  q as SwitchHookField
+  w as SwitchHookField
 };
 //# sourceMappingURL=SwitchHookField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/SwitchHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { SwitchField } from '@/components/Common'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\n\n/**\n * Props accepted by a toggle switch field surfaced through a form hook.\n * Exposes `validationMessages` for custom error text alongside the shared base\n * field attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @public\n * @group Hook field props\n */\nexport interface SwitchHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode>\n  /** Replaces the default toggle switch UI component; must accept the same props as `SwitchProps`. */\n  FieldComponent?: ComponentType<SwitchProps>\n}\n\n/**\n * Switch field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @param props - Field configuration including `name`, `formHookResult`, and label content.\n * @returns The rendered switch field wrapped in the field element registry.\n * @internal\n */\nexport function SwitchHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n}: SwitchHookFieldProps<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    <SwitchField\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":["SwitchHookField","name","formHookResult","label","description","validationMessages","FieldComponent","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","withFieldElementRegistry","jsx","SwitchField"],"mappings":";;;;;;;AAmCO,SAASA,EAA2C;AAAA,EACzD,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAAqC;AACnC,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;"}
+{"version":3,"file":"SwitchHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/SwitchHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { SwitchField } from '@/components/Common'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\n\n/**\n * Props accepted by a toggle switch field surfaced through a form hook.\n * Exposes `validationMessages` for custom error text alongside the shared base\n * field attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @public\n * @group Hook field props\n */\nexport interface SwitchHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode>\n  /** Replaces the default toggle switch UI component; must accept the same props as `SwitchProps`. */\n  FieldComponent?: ComponentType<SwitchProps>\n}\n\n/**\n * Switch field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @param props - Field configuration including `name`, `formHookResult`, and label content.\n * @returns The rendered switch field wrapped in the field element registry.\n * @internal\n */\nexport function SwitchHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n}: SwitchHookFieldProps<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    <SwitchField\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":["SwitchHookField","name","formHookResult","label","description","validationMessages","FieldComponent","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","withFieldElementRegistry","jsx","SwitchField"],"mappings":";;;;AAmCO,SAASA,EAA2C;AAAA,EACzD,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAAqC;AACnC,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/TextInputHookField.js

@@ -1,11 +1,8 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import { useHookFieldResolution as R } from "../useHookFieldResolution.js";
 import { withFieldElementRegistry as c } from "./withFieldElementRegistry.js";
-import "react-i18next";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { TextInputField as x } from "../../../components/Common/Fields/TextInputField/TextInputField.js";
-function E({
+function q({
   name: e,
   formHookResult: i,
   label: o,
@@ -15,21 +12,21 @@ function E({
   placeholder: l,
   FieldComponent: m
 }) {
-  const { metadata: p, control: n, errorMessage: u, fieldElementRegistry: a } = R(
+  const { metadata: n, control: u, errorMessage: a, fieldElementRegistry: f } = R(
     e,
     i,
     s
-  ), t = p[e];
+  ), t = n[e];
   return c(
-    a,
-    /* @__PURE__ */ f(
+    f,
+    /* @__PURE__ */ p(
       x,
       {
         name: e,
-        control: n,
+        control: u,
         label: o,
         description: r,
-        errorMessage: u,
+        errorMessage: a,
         isRequired: t?.isRequired,
         isDisabled: t?.isDisabled,
         transform: d,
@@ -40,6 +37,6 @@ function E({
   );
 }
 export {
-  E as TextInputHookField
+  q as TextInputHookField
 };
 //# sourceMappingURL=TextInputHookField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/TextInputHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { TextInputField } from '@/components/Common'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\n\n/**\n * Props accepted by a text input field surfaced through a form hook.\n * Exposes a `transform` function for preprocessing raw input, `placeholder` text,\n * and `validationMessages` for custom error text alongside the shared base field\n * attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Required validation error code keys mapped via `validationMessages`.\n * @typeParam TOptionalErrorCode - Optional validation error code keys mapped via `validationMessages`.\n * @public\n * @group Hook field props\n */\nexport interface TextInputHookFieldProps<\n  TErrorCode extends string = never,\n  TOptionalErrorCode extends string = never,\n> extends BaseFieldProps {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode, TOptionalErrorCode>\n  /** Transforms the raw string value on every change before storing it; use for normalization such as trimming or changing case. */\n  transform?: (value: string) => string\n  /** Placeholder text displayed when the field has no value. */\n  placeholder?: string\n  /** Replaces the default text input UI component; must accept the same props as `TextInputProps`. */\n  FieldComponent?: ComponentType<TextInputProps>\n}\n\n/**\n * Text input field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Required validation error code keys mapped via `validationMessages`.\n * @typeParam TOptionalErrorCode - Optional validation error code keys mapped via `validationMessages`.\n * @param props - Field configuration including `name`, `formHookResult`, `transform`, `placeholder`, and label content.\n * @returns The rendered text input field wrapped in the field element registry.\n * @internal\n */\nexport function TextInputHookField<\n  TErrorCode extends string,\n  TOptionalErrorCode extends string = never,\n>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  transform,\n  placeholder,\n  FieldComponent,\n}: TextInputHookFieldProps<TErrorCode, TOptionalErrorCode>) {\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    <TextInputField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      transform={transform}\n      placeholder={placeholder}\n      FieldComponent={FieldComponent}\n    />,\n  )\n}\n"],"names":["TextInputHookField","name","formHookResult","label","description","validationMessages","transform","placeholder","FieldComponent","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","withFieldElementRegistry","jsx","TextInputField"],"mappings":";;;;;;;AA6CO,SAASA,EAGd;AAAA,EACA,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AACF,GAA4D;AAC1D,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,GAAc,sBAAAC,MAAyBC;AAAA,IAChEZ;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIS,IAAgBL,EAASR,CAAI;AAEnC,SAAOc;AAAA,IACLH;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAhB;AAAA,QACA,SAAAS;AAAA,QACA,OAAAP;AAAA,QACA,aAAAC;AAAA,QACA,cAAAO;AAAA,QACA,YAAYG,GAAe;AAAA,QAC3B,YAAYA,GAAe;AAAA,QAC3B,WAAAR;AAAA,QACA,aAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"TextInputHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/TextInputHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { TextInputField } from '@/components/Common'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\n\n/**\n * Props accepted by a text input field surfaced through a form hook.\n * Exposes a `transform` function for preprocessing raw input, `placeholder` text,\n * and `validationMessages` for custom error text alongside the shared base field\n * attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Required validation error code keys mapped via `validationMessages`.\n * @typeParam TOptionalErrorCode - Optional validation error code keys mapped via `validationMessages`.\n * @public\n * @group Hook field props\n */\nexport interface TextInputHookFieldProps<\n  TErrorCode extends string = never,\n  TOptionalErrorCode extends string = never,\n> extends BaseFieldProps {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode, TOptionalErrorCode>\n  /** Transforms the raw string value on every change before storing it; use for normalization such as trimming or changing case. */\n  transform?: (value: string) => string\n  /** Placeholder text displayed when the field has no value. */\n  placeholder?: string\n  /** Replaces the default text input UI component; must accept the same props as `TextInputProps`. */\n  FieldComponent?: ComponentType<TextInputProps>\n}\n\n/**\n * Text input field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Required validation error code keys mapped via `validationMessages`.\n * @typeParam TOptionalErrorCode - Optional validation error code keys mapped via `validationMessages`.\n * @param props - Field configuration including `name`, `formHookResult`, `transform`, `placeholder`, and label content.\n * @returns The rendered text input field wrapped in the field element registry.\n * @internal\n */\nexport function TextInputHookField<\n  TErrorCode extends string,\n  TOptionalErrorCode extends string = never,\n>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  transform,\n  placeholder,\n  FieldComponent,\n}: TextInputHookFieldProps<TErrorCode, TOptionalErrorCode>) {\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    <TextInputField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      transform={transform}\n      placeholder={placeholder}\n      FieldComponent={FieldComponent}\n    />,\n  )\n}\n"],"names":["TextInputHookField","name","formHookResult","label","description","validationMessages","transform","placeholder","FieldComponent","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","withFieldElementRegistry","jsx","TextInputField"],"mappings":";;;;AA6CO,SAASA,EAGd;AAAA,EACA,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AACF,GAA4D;AAC1D,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,GAAc,sBAAAC,MAAyBC;AAAA,IAChEZ;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIS,IAAgBL,EAASR,CAAI;AAEnC,SAAOc;AAAA,IACLH;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAhB;AAAA,QACA,SAAAS;AAAA,QACA,OAAAP;AAAA,QACA,aAAAC;AAAA,QACA,cAAAO;AAAA,QACA,YAAYG,GAAe;AAAA,QAC3B,YAAYA,GAAe;AAAA,QAC3B,WAAAR;AAAA,QACA,aAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/partner-hook-utils/form/preprocessors.d.ts

@@ -13,8 +13,8 @@ export declare function coerceNaN(fallback: number): (val: unknown) => number;
  * (`YYYY-MM-DD`) or `null`.
  *
  * @param val - Raw value from a date picker — a `Date`, ISO string, or empty.
- * @returns The date portion of a `Date`'s ISO string, `null` for empty input,
- *   or the value cast to `string` otherwise.
+ * @returns The `YYYY-MM-DD` string for a `Date`'s local calendar day, `null`
+ *   for empty or unparseable input, or the value cast to `string` otherwise.
  * @internal
  */
 export declare function coerceToISODate(val: unknown): string | null;

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

@@ -1,15 +1,16 @@
-function n(r) {
+import { formatDateToStringDate as t } from "../../helpers/dateFormatting.js";
+function o(r) {
   return (e) => e == null || typeof e == "number" && Number.isNaN(e) ? r : e;
 }
-function t(r) {
-  return r instanceof Date ? r.toISOString().split("T")[0] : r === null || r === "" || r === void 0 ? null : r;
-}
 function u(r) {
+  return r instanceof Date ? t(r) : r === null || r === "" || r === void 0 ? null : r;
+}
+function i(r) {
   return typeof r == "string" ? r === "true" : r;
 }
 export {
-  n as coerceNaN,
-  u as coerceStringBoolean,
-  t as coerceToISODate
+  o as coerceNaN,
+  i as coerceStringBoolean,
+  u as coerceToISODate
 };
 //# sourceMappingURL=preprocessors.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"preprocessors.js","sources":["../../../src/partner-hook-utils/form/preprocessors.ts"],"sourcesContent":["/**\n * Builds a `z.preprocess` transform that replaces `null`, `undefined`, and `NaN`\n * numeric input with the provided fallback before validation.\n *\n * @param fallback - Number substituted when the input is missing or `NaN`.\n * @returns A preprocessor that returns `fallback` for empty/`NaN` input and\n *   passes other values through as `number`.\n * @internal\n */\nexport function coerceNaN(fallback: number) {\n  return (val: unknown): number => {\n    if (val === undefined || val === null) return fallback\n    if (typeof val === 'number' && Number.isNaN(val)) return fallback\n    return val as number\n  }\n}\n\n/**\n * `z.preprocess` transform that normalizes date inputs to an ISO date string\n * (`YYYY-MM-DD`) or `null`.\n *\n * @param val - Raw value from a date picker — a `Date`, ISO string, or empty.\n * @returns The date portion of a `Date`'s ISO string, `null` for empty input,\n *   or the value cast to `string` otherwise.\n * @internal\n */\nexport function coerceToISODate(val: unknown): string | null {\n  if (val instanceof Date) return val.toISOString().split('T')[0]!\n  if (val === null || val === '' || val === undefined) return null\n  return val as string\n}\n\n/**\n * `z.preprocess` transform that converts the string values produced by radio\n * groups (`'true'` / `'false'`) into booleans.\n *\n * @param val - Raw value from a form control — typically `'true'`, `'false'`,\n *   `boolean`, or `undefined`.\n * @returns `true` for the string `'true'`, `false` for any other string,\n *   or the value passed through unchanged when not a string.\n * @internal\n */\nexport function coerceStringBoolean(val: unknown): boolean | undefined {\n  if (typeof val === 'string') return val === 'true'\n  return val as boolean | undefined\n}\n"],"names":["coerceNaN","fallback","val","coerceToISODate","coerceStringBoolean"],"mappings":"AASO,SAASA,EAAUC,GAAkB;AAC1C,SAAO,CAACC,MACmBA,KAAQ,QAC7B,OAAOA,KAAQ,YAAY,OAAO,MAAMA,CAAG,IAAUD,IAClDC;AAEX;AAWO,SAASC,EAAgBD,GAA6B;AAC3D,SAAIA,aAAe,OAAaA,EAAI,cAAc,MAAM,GAAG,EAAE,CAAC,IAC1DA,MAAQ,QAAQA,MAAQ,MAAMA,MAAQ,SAAkB,OACrDA;AACT;AAYO,SAASE,EAAoBF,GAAmC;AACrE,SAAI,OAAOA,KAAQ,WAAiBA,MAAQ,SACrCA;AACT;"}
+{"version":3,"file":"preprocessors.js","sources":["../../../src/partner-hook-utils/form/preprocessors.ts"],"sourcesContent":["import { formatDateToStringDate } from '@/helpers/dateFormatting'\n\n/**\n * Builds a `z.preprocess` transform that replaces `null`, `undefined`, and `NaN`\n * numeric input with the provided fallback before validation.\n *\n * @param fallback - Number substituted when the input is missing or `NaN`.\n * @returns A preprocessor that returns `fallback` for empty/`NaN` input and\n *   passes other values through as `number`.\n * @internal\n */\nexport function coerceNaN(fallback: number) {\n  return (val: unknown): number => {\n    if (val === undefined || val === null) return fallback\n    if (typeof val === 'number' && Number.isNaN(val)) return fallback\n    return val as number\n  }\n}\n\n/**\n * `z.preprocess` transform that normalizes date inputs to an ISO date string\n * (`YYYY-MM-DD`) or `null`.\n *\n * @param val - Raw value from a date picker — a `Date`, ISO string, or empty.\n * @returns The `YYYY-MM-DD` string for a `Date`'s local calendar day, `null`\n *   for empty or unparseable input, or the value cast to `string` otherwise.\n * @internal\n */\nexport function coerceToISODate(val: unknown): string | null {\n  if (val instanceof Date) return formatDateToStringDate(val)\n  if (val === null || val === '' || val === undefined) return null\n  return val as string\n}\n\n/**\n * `z.preprocess` transform that converts the string values produced by radio\n * groups (`'true'` / `'false'`) into booleans.\n *\n * @param val - Raw value from a form control — typically `'true'`, `'false'`,\n *   `boolean`, or `undefined`.\n * @returns `true` for the string `'true'`, `false` for any other string,\n *   or the value passed through unchanged when not a string.\n * @internal\n */\nexport function coerceStringBoolean(val: unknown): boolean | undefined {\n  if (typeof val === 'string') return val === 'true'\n  return val as boolean | undefined\n}\n"],"names":["coerceNaN","fallback","val","coerceToISODate","formatDateToStringDate","coerceStringBoolean"],"mappings":";AAWO,SAASA,EAAUC,GAAkB;AAC1C,SAAO,CAACC,MACmBA,KAAQ,QAC7B,OAAOA,KAAQ,YAAY,OAAO,MAAMA,CAAG,IAAUD,IAClDC;AAEX;AAWO,SAASC,EAAgBD,GAA6B;AAC3D,SAAIA,aAAe,OAAaE,EAAuBF,CAAG,IACtDA,MAAQ,QAAQA,MAAQ,MAAMA,MAAQ,SAAkB,OACrDA;AACT;AAYO,SAASG,EAAoBH,GAAmC;AACrE,SAAI,OAAOA,KAAQ,WAAiBA,MAAQ,SACrCA;AACT;"}

package/dist/partner-hook-utils/form/preprocessors.test.d.ts

@@ -0,0 +1 @@
+export {};