@gusto/embedded-react-sdk 0.37.0-rc.1 → 0.37.0

package/dist/components/UNSTABLE_Hooks/form/SDKFormProvider.d.ts

@@ -1,18 +1,23 @@
 import { ReactNode } from 'react';
 import { FieldValues } from 'react-hook-form';
-import { HookFormInternals, HookErrors } from '../types';
+import { HookFormInternals } from '../types';
 import { FieldMetadata, FieldMetadataWithOptions } from './types';
+import { SDKError } from '../../../types/sdkError';
 interface SDKFormProviderProps<TFormData extends FieldValues = FieldValues, TFieldsMetadata extends {
     [K in keyof TFieldsMetadata]: FieldMetadata | FieldMetadataWithOptions;
 } = Record<string, FieldMetadata | FieldMetadataWithOptions>> {
-    errors: HookErrors;
-    form: {
-        fieldsMetadata: TFieldsMetadata;
-        hookFormInternals: HookFormInternals<TFormData>;
+    formHookResult: {
+        errorHandling: {
+            errors: SDKError[];
+        };
+        form: {
+            fieldsMetadata: TFieldsMetadata;
+            hookFormInternals: HookFormInternals<TFormData>;
+        };
     };
     children: ReactNode;
 }
 export declare function SDKFormProvider<TFormData extends FieldValues = FieldValues, TFieldsMetadata extends {
     [K in keyof TFieldsMetadata]: FieldMetadata | FieldMetadataWithOptions;
-} = Record<string, FieldMetadata | FieldMetadataWithOptions>>({ errors, form, children }: SDKFormProviderProps<TFormData, TFieldsMetadata>): import("react/jsx-runtime").JSX.Element;
+} = Record<string, FieldMetadata | FieldMetadataWithOptions>>({ formHookResult, children }: SDKFormProviderProps<TFormData, TFieldsMetadata>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/UNSTABLE_Hooks/form/SDKFormProvider.js

@@ -0,0 +1,24 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useEffect as i } from "react";
+import { FormProvider as d } from "react-hook-form";
+import { FormFieldsMetadataProvider as f } from "./FormFieldsMetadataProvider.js";
+function m(o, s) {
+  const { fieldsMetadata: e } = s, { setError: r } = s.hookFormInternals.formMethods;
+  i(() => {
+    if (!o.length) return;
+    const n = new Set(Object.keys(e));
+    for (const t of o)
+      n.has(t.field) && r(t.field, {
+        type: "custom",
+        message: t.message
+      });
+  }, [o, r, e]);
+}
+function p({ formHookResult: o, children: s }) {
+  const { errorHandling: e, form: r } = o, n = e.errors.flatMap((t) => t.fieldErrors);
+  return m(n, r), /* @__PURE__ */ a(f, { metadata: r.fieldsMetadata, errors: e.errors, children: /* @__PURE__ */ a(d, { ...r.hookFormInternals.formMethods, children: s }) });
+}
+export {
+  p as SDKFormProvider
+};
+//# sourceMappingURL=SDKFormProvider.js.map

package/dist/components/UNSTABLE_Hooks/form/SDKFormProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SDKFormProvider.js","sources":["../../../../src/components/UNSTABLE_Hooks/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 { HookFormInternals } from '../types'\nimport { FormFieldsMetadataProvider } from './FormFieldsMetadataProvider'\nimport type { FieldMetadata, FieldMetadataWithOptions } from './types'\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      if (knownFields.has(fieldError.field)) {\n        setError(fieldError.field as FieldPath<TFormData>, {\n          type: 'custom',\n          message: fieldError.message,\n        })\n      }\n    }\n  }, [fieldErrors, setError, fieldsMetadata])\n}\n\ninterface SDKFormProviderProps<\n  TFormData extends FieldValues = FieldValues,\n  TFieldsMetadata extends {\n    [K in keyof TFieldsMetadata]: FieldMetadata | FieldMetadataWithOptions\n  } = Record<string, FieldMetadata | FieldMetadataWithOptions>,\n> {\n  formHookResult: {\n    errorHandling: { errors: SDKError[] }\n    form: {\n      fieldsMetadata: TFieldsMetadata\n      hookFormInternals: HookFormInternals<TFormData>\n    }\n  }\n  children: ReactNode\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      <FormProvider {...form.hookFormInternals.formMethods}>{children}</FormProvider>\n    </FormFieldsMetadataProvider>\n  )\n}\n"],"names":["useSyncFieldErrors","fieldErrors","form","fieldsMetadata","setError","useEffect","knownFields","fieldError","SDKFormProvider","formHookResult","children","errorHandling","allFieldErrors","e","jsx","FormFieldsMetadataProvider","FormProvider"],"mappings":";;;;AAQA,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;AACvB,MAAIK,EAAY,IAAIC,EAAW,KAAK,KAClCH,EAASG,EAAW,OAA+B;AAAA,QACjD,MAAM;AAAA,QACN,SAASA,EAAW;AAAA,MAAA,CACrB;AAAA,EAGP,GAAG,CAACN,GAAaG,GAAUD,CAAc,CAAC;AAC5C;AAkBO,SAASK,EAKd,EAAE,gBAAAC,GAAgB,UAAAC,KAA8D;AAChF,QAAM,EAAE,eAAAC,GAAe,MAAAT,EAAA,IAASO,GAC1BG,IAAiBD,EAAc,OAAO,QAAQ,CAAAE,MAAKA,EAAE,WAAW;AACtE,SAAAb,EAAmBY,GAAgBV,CAAI,GAGrC,gBAAAY,EAACC,GAAA,EAA2B,UAAUb,EAAK,gBAAgB,QAAQS,EAAc,QAC/E,UAAA,gBAAAG,EAACE,KAAc,GAAGd,EAAK,kBAAkB,aAAc,UAAAQ,GAAS,GAClE;AAEJ;"}

package/dist/components/UNSTABLE_Hooks/form/composeFormSchema.d.ts

@@ -0,0 +1,26 @@
+import { z } from 'zod';
+import { RequiredFields } from './resolveRequiredFields';
+interface ComposeFormSchemaOptions<T extends Record<string, z.ZodType>> {
+    fieldValidators: T;
+    fixedFields?: Set<string>;
+    requiredOnCreate?: Set<string>;
+    requiredOnUpdate?: Set<string>;
+    mode: 'create' | 'update';
+    requiredFields?: RequiredFields<string>;
+}
+/**
+ * Composes a Zod form schema by applying `requiredIf` to configurable fields
+ * based on mode and partner-specified required fields.
+ *
+ * Pattern: define all field validators as if required, then pass them here.
+ * Configurable fields get wrapped with `requiredIf` to conditionally accept
+ * empty input. Fixed fields (e.g. booleans, always-present controls) pass through as-is.
+ *
+ * `requiredOnCreate` / `requiredOnUpdate` define mode-specific defaults.
+ * `requiredFields` (partner overrides) are additive on top of those defaults.
+ *
+ * Generic `T` preserves the fieldValidators type so zodResolver can infer
+ * the correct form data type without manual casts at the call site.
+ */
+export declare function composeFormSchema<T extends Record<string, z.ZodType>>({ fieldValidators, fixedFields, requiredOnCreate, requiredOnUpdate, mode, requiredFields, }: ComposeFormSchemaOptions<T>): z.ZodObject<T>;
+export {};

package/dist/components/UNSTABLE_Hooks/form/composeFormSchema.js

@@ -0,0 +1,24 @@
+import { z as a } from "zod";
+import { resolveRequiredFields as h } from "./resolveRequiredFields.js";
+import { requiredIf as S } from "../../../helpers/requiredIf.js";
+function b({
+  fieldValidators: o,
+  fixedFields: n = /* @__PURE__ */ new Set(),
+  requiredOnCreate: s = /* @__PURE__ */ new Set(),
+  requiredOnUpdate: i = /* @__PURE__ */ new Set(),
+  mode: r,
+  requiredFields: c
+}) {
+  const m = new Set(h(c, r)), u = r === "create" ? s : i, f = Object.fromEntries(
+    Object.entries(o).map(([e, t]) => {
+      if (n.has(e)) return [e, t];
+      const p = u.has(e) || m.has(e);
+      return [e, S(t, p)];
+    })
+  );
+  return a.object(f);
+}
+export {
+  b as composeFormSchema
+};
+//# sourceMappingURL=composeFormSchema.js.map

package/dist/components/UNSTABLE_Hooks/form/composeFormSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composeFormSchema.js","sources":["../../../../src/components/UNSTABLE_Hooks/form/composeFormSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport { resolveRequiredFields, type RequiredFields } from './resolveRequiredFields'\nimport { requiredIf } from '@/helpers/requiredIf'\n\ninterface ComposeFormSchemaOptions<T extends Record<string, z.ZodType>> {\n  fieldValidators: T\n  fixedFields?: Set<string>\n  requiredOnCreate?: Set<string>\n  requiredOnUpdate?: Set<string>\n  mode: 'create' | 'update'\n  requiredFields?: RequiredFields<string>\n}\n\n/**\n * Composes a Zod form schema by applying `requiredIf` to configurable fields\n * based on mode and partner-specified required fields.\n *\n * Pattern: define all field validators as if required, then pass them here.\n * Configurable fields get wrapped with `requiredIf` to conditionally accept\n * empty input. Fixed fields (e.g. booleans, always-present controls) pass through as-is.\n *\n * `requiredOnCreate` / `requiredOnUpdate` define mode-specific defaults.\n * `requiredFields` (partner overrides) are additive on top of those defaults.\n *\n * Generic `T` preserves the fieldValidators type so zodResolver can infer\n * the correct form data type without manual casts at the call site.\n */\nexport function composeFormSchema<T extends Record<string, z.ZodType>>({\n  fieldValidators,\n  fixedFields = new Set(),\n  requiredOnCreate = new Set(),\n  requiredOnUpdate = new Set(),\n  mode,\n  requiredFields,\n}: ComposeFormSchemaOptions<T>) {\n  const required = new Set(resolveRequiredFields(requiredFields, mode))\n  const modeDefaults = mode === 'create' ? requiredOnCreate : requiredOnUpdate\n\n  const shape = Object.fromEntries(\n    Object.entries(fieldValidators).map(([key, validator]) => {\n      if (fixedFields.has(key)) return [key, validator]\n\n      const isRequired = modeDefaults.has(key) || required.has(key)\n      return [key, requiredIf(validator, isRequired)]\n    }),\n  )\n\n  // Object.fromEntries erases specific field types to Record<string, ZodType>,\n  // and requiredIf wraps fields with z.preprocess which makes z.input infer unknown.\n  // Cast back to ZodObject<T> so zodResolver infers the correct form data type\n  // from the original fieldValidators — consumers don't need per-hook casts.\n  return z.object(shape) as unknown as z.ZodObject<T>\n}\n"],"names":["composeFormSchema","fieldValidators","fixedFields","requiredOnCreate","requiredOnUpdate","mode","requiredFields","required","resolveRequiredFields","modeDefaults","shape","key","validator","isRequired","requiredIf","z"],"mappings":";;;AA2BO,SAASA,EAAuD;AAAA,EACrE,iBAAAC;AAAA,EACA,aAAAC,wBAAkB,IAAA;AAAA,EAClB,kBAAAC,wBAAuB,IAAA;AAAA,EACvB,kBAAAC,wBAAuB,IAAA;AAAA,EACvB,MAAAC;AAAA,EACA,gBAAAC;AACF,GAAgC;AAC9B,QAAMC,IAAW,IAAI,IAAIC,EAAsBF,GAAgBD,CAAI,CAAC,GAC9DI,IAAeJ,MAAS,WAAWF,IAAmBC,GAEtDM,IAAQ,OAAO;AAAA,IACnB,OAAO,QAAQT,CAAe,EAAE,IAAI,CAAC,CAACU,GAAKC,CAAS,MAAM;AACxD,UAAIV,EAAY,IAAIS,CAAG,EAAG,QAAO,CAACA,GAAKC,CAAS;AAEhD,YAAMC,IAAaJ,EAAa,IAAIE,CAAG,KAAKJ,EAAS,IAAII,CAAG;AAC5D,aAAO,CAACA,GAAKG,EAAWF,GAAWC,CAAU,CAAC;AAAA,IAChD,CAAC;AAAA,EAAA;AAOH,SAAOE,EAAE,OAAOL,CAAK;AACvB;"}

package/dist/components/UNSTABLE_Hooks/form/composeSubmitHandler.d.ts

@@ -0,0 +1,53 @@
+import { SyntheticEvent } from 'react';
+/**
+ * Minimal shape required for a form hook result to participate in `composeSubmitHandler`.
+ * Any hook returning `BaseFormHookReady` satisfies this interface.
+ *
+ * Uses method syntax so TypeScript applies bivariant checking on parameter types,
+ * allowing hooks with specific form data generics to be passed without casts.
+ */
+interface ComposableFormHookResult {
+    form: {
+        hookFormInternals: {
+            formMethods: {
+                handleSubmit(onValid: () => void, onInvalid?: () => void): () => Promise<void>;
+                setFocus(name: string): void;
+                formState: {
+                    errors: Record<string, unknown>;
+                };
+            };
+        };
+    };
+}
+/**
+ * Coordinates validation and submission across multiple form hooks on the same page.
+ *
+ * Validates all forms simultaneously via `handleSubmit()`, then focuses the first invalid
+ * field across all forms (in array order). Only calls `onAllValid` when every form passes.
+ *
+ * Uses `handleSubmit` rather than `trigger` so that react-hook-form sets
+ * `formState.isSubmitted = true`, which enables `reValidateMode` (default: `onChange`).
+ * Without this, errors set by manual `trigger()` calls would never clear as the user types.
+ *
+ * Each hook passed to `forms` should be initialized with `shouldFocusError: false` so that
+ * react-hook-form's built-in per-form focus is disabled and `composeSubmitHandler` can manage
+ * cross-form focus instead.
+ *
+ * @example
+ * ```ts
+ * const detailsForm = useEmployeeDetailsForm({ employeeId, shouldFocusError: false })
+ * const addressForm = useHomeAddressForm({ employeeId, shouldFocusError: false })
+ *
+ * const handleSubmit = composeSubmitHandler(
+ *   [detailsForm, addressForm],
+ *   async () => {
+ *     await detailsForm.actions.onSubmit()
+ *     await addressForm.actions.onSubmit()
+ *   },
+ * )
+ *
+ * return <form onSubmit={handleSubmit}>...</form>
+ * ```
+ */
+export declare function composeSubmitHandler(forms: ComposableFormHookResult[], onAllValid: () => Promise<void>): (e: SyntheticEvent) => Promise<void>;
+export {};

package/dist/components/UNSTABLE_Hooks/form/composeSubmitHandler.js

@@ -0,0 +1,34 @@
+function l(t, e) {
+  return async (a) => {
+    if (a.preventDefault(), !(await Promise.all(
+      t.map(
+        (r) => new Promise((o) => {
+          r.form.hookFormInternals.formMethods.handleSubmit(
+            () => {
+              o(!0);
+            },
+            () => {
+              o(!1);
+            }
+          )();
+        })
+      )
+    )).every(Boolean)) {
+      for (const r of t) {
+        const o = Object.keys(
+          r.form.hookFormInternals.formMethods.formState.errors
+        )[0];
+        if (o) {
+          r.form.hookFormInternals.formMethods.setFocus(o);
+          return;
+        }
+      }
+      return;
+    }
+    await e();
+  };
+}
+export {
+  l as composeSubmitHandler
+};
+//# sourceMappingURL=composeSubmitHandler.js.map

package/dist/components/UNSTABLE_Hooks/form/composeSubmitHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composeSubmitHandler.js","sources":["../../../../src/components/UNSTABLE_Hooks/form/composeSubmitHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from 'react'\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}\n\n/**\n * Coordinates validation and submission across multiple form hooks on the same page.\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 * @example\n * ```ts\n * const detailsForm = useEmployeeDetailsForm({ employeeId, shouldFocusError: false })\n * const addressForm = useHomeAddressForm({ employeeId, shouldFocusError: false })\n *\n * const handleSubmit = composeSubmitHandler(\n *   [detailsForm, addressForm],\n *   async () => {\n *     await detailsForm.actions.onSubmit()\n *     await addressForm.actions.onSubmit()\n *   },\n * )\n *\n * return <form onSubmit={handleSubmit}>...</form>\n * ```\n */\nexport function composeSubmitHandler(\n  forms: ComposableFormHookResult[],\n  onAllValid: () => Promise<void>,\n): (e: SyntheticEvent) => Promise<void> {\n  return async (e: SyntheticEvent) => {\n    e.preventDefault()\n\n    const validationResults = await Promise.all(\n      forms.map(\n        form =>\n          new Promise<boolean>(resolve => {\n            void form.form.hookFormInternals.formMethods.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 form of forms) {\n        const firstErrorField = Object.keys(\n          form.form.hookFormInternals.formMethods.formState.errors,\n        )[0]\n        if (firstErrorField) {\n          form.form.hookFormInternals.formMethods.setFocus(firstErrorField)\n          return\n        }\n      }\n      return\n    }\n\n    await onAllValid()\n  }\n}\n"],"names":["composeSubmitHandler","forms","onAllValid","e","form","resolve","firstErrorField"],"mappings":"AAmDO,SAASA,EACdC,GACAC,GACsC;AACtC,SAAO,OAAOC,MAAsB;AAqBlC,QApBAA,EAAE,eAAA,GAoBE,EAlBsB,MAAM,QAAQ;AAAA,MACtCF,EAAM;AAAA,QACJ,CAAAG,MACE,IAAI,QAAiB,CAAAC,MAAW;AAC9B,UAAKD,EAAK,KAAK,kBAAkB,YAAY;AAAA,YAC3C,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,KAAQH,GAAO;AACxB,cAAMK,IAAkB,OAAO;AAAA,UAC7BF,EAAK,KAAK,kBAAkB,YAAY,UAAU;AAAA,QAAA,EAClD,CAAC;AACH,YAAIE,GAAiB;AACnB,UAAAF,EAAK,KAAK,kBAAkB,YAAY,SAASE,CAAe;AAChE;AAAA,QACF;AAAA,MACF;AACA;AAAA,IACF;AAEA,UAAMJ,EAAA;AAAA,EACR;AACF;"}

package/dist/components/UNSTABLE_Hooks/form/composeSubmitHandler.test.d.ts

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

package/dist/components/UNSTABLE_Hooks/form/deriveFieldsMetadata.js

@@ -0,0 +1,14 @@
+import { z as i } from "zod";
+function c(t) {
+  const r = i.toJSONSchema(t), s = new Set(r.required ?? []), n = t.shape, o = {};
+  for (const e of Object.keys(n))
+    o[e] = {
+      name: e,
+      isRequired: s.has(e)
+    };
+  return o;
+}
+export {
+  c as deriveFieldsMetadata
+};
+//# sourceMappingURL=deriveFieldsMetadata.js.map

package/dist/components/UNSTABLE_Hooks/form/deriveFieldsMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deriveFieldsMetadata.js","sources":["../../../../src/components/UNSTABLE_Hooks/form/deriveFieldsMetadata.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { FieldMetadata } from './types'\n\nexport function deriveFieldsMetadata<T extends z.ZodObject<z.ZodRawShape>>(\n  schema: T,\n): Record<keyof z.infer<T>, FieldMetadata> {\n  const jsonSchema = z.toJSONSchema(schema)\n  const requiredFields = new Set((jsonSchema as { required?: string[] }).required ?? [])\n  const shape = schema.shape as Record<string, z.ZodType>\n  const result: Record<string, FieldMetadata> = {}\n\n  for (const key of Object.keys(shape)) {\n    result[key] = {\n      name: key,\n      isRequired: requiredFields.has(key),\n    }\n  }\n\n  return result as Record<keyof z.infer<T>, FieldMetadata>\n}\n"],"names":["deriveFieldsMetadata","schema","jsonSchema","z","requiredFields","shape","result","key"],"mappings":";AAGO,SAASA,EACdC,GACyC;AACzC,QAAMC,IAAaC,EAAE,aAAaF,CAAM,GAClCG,IAAiB,IAAI,IAAKF,EAAuC,YAAY,CAAA,CAAE,GAC/EG,IAAQJ,EAAO,OACfK,IAAwC,CAAA;AAE9C,aAAWC,KAAO,OAAO,KAAKF,CAAK;AACjC,IAAAC,EAAOC,CAAG,IAAI;AAAA,MACZ,MAAMA;AAAA,MACN,YAAYH,EAAe,IAAIG,CAAG;AAAA,IAAA;AAItC,SAAOD;AACT;"}

package/dist/components/UNSTABLE_Hooks/form/fields/CheckboxHookField.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType } from 'react';
+import { BaseFieldProps, ValidationMessages } from '../types';
+import { CheckboxProps } from '../../../Common/UI/Checkbox/CheckboxTypes';
+export interface CheckboxHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {
+    name: string;
+    validationMessages?: ValidationMessages<TErrorCode>;
+    FieldComponent?: ComponentType<CheckboxProps>;
+}
+export declare function CheckboxHookField<TErrorCode extends string>({ name, label, description, validationMessages, FieldComponent, }: CheckboxHookFieldProps<TErrorCode>): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_Hooks/form/fields/CheckboxHookField.js

@@ -0,0 +1,34 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useFieldsMetadata as m } from "../useFieldsMetadata.js";
+import { useFieldErrorMessage as p } from "../useFieldErrorMessage.js";
+import "../../../../shared/constants.js";
+import "classnames";
+import "react-i18next";
+import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { CheckboxField as l } from "../../../Common/Fields/CheckboxField/CheckboxField.js";
+function h({
+  name: e,
+  label: r,
+  description: i,
+  validationMessages: t,
+  FieldComponent: s
+}) {
+  const o = m()[e], a = p(e, t);
+  return /* @__PURE__ */ d(
+    l,
+    {
+      name: e,
+      label: r,
+      description: i,
+      errorMessage: a,
+      isRequired: o?.isRequired,
+      isDisabled: o?.isDisabled,
+      FieldComponent: s
+    }
+  );
+}
+export {
+  h as CheckboxHookField
+};
+//# sourceMappingURL=CheckboxHookField.js.map

package/dist/components/UNSTABLE_Hooks/form/fields/CheckboxHookField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxHookField.js","sources":["../../../../../src/components/UNSTABLE_Hooks/form/fields/CheckboxHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { BaseFieldProps, ValidationMessages } from '../types'\nimport { useFieldsMetadata } from '../useFieldsMetadata'\nimport { useFieldErrorMessage } from '../useFieldErrorMessage'\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  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<CheckboxProps>\n}\n\nexport function CheckboxHookField<TErrorCode extends string>({\n  name,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n}: CheckboxHookFieldProps<TErrorCode>) {\n  const metadata = useFieldsMetadata()\n  const fieldMetadata = metadata[name]\n  const errorMessage = useFieldErrorMessage(name, validationMessages)\n\n  return (\n    <CheckboxField\n      name={name}\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","label","description","validationMessages","FieldComponent","fieldMetadata","useFieldsMetadata","errorMessage","useFieldErrorMessage","jsx","CheckboxField"],"mappings":";;;;;;;;;AAaO,SAASA,EAA6C;AAAA,EAC3D,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAAuC;AAErC,QAAMC,IADWC,EAAA,EACcN,CAAI,GAC7BO,IAAeC,EAAqBR,GAAMG,CAAkB;AAElE,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAV;AAAA,MACA,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAK;AAAA,MACA,YAAYF,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,gBAAAD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/UNSTABLE_Hooks/form/fields/DatePickerHookField.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType } from 'react';
+import { BaseFieldProps, ValidationMessages } from '../types';
+import { DatePickerProps } from '../../../Common/UI/DatePicker/DatePickerTypes';
+export interface DatePickerHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {
+    name: string;
+    validationMessages?: ValidationMessages<TErrorCode>;
+    FieldComponent?: ComponentType<DatePickerProps>;
+}
+export declare function DatePickerHookField<TErrorCode extends string>({ name, label, description, validationMessages, FieldComponent, }: DatePickerHookFieldProps<TErrorCode>): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_Hooks/form/fields/DatePickerHookField.js

@@ -0,0 +1,29 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useFieldsMetadata as m } from "../useFieldsMetadata.js";
+import { useFieldErrorMessage as l } from "../useFieldErrorMessage.js";
+import { DatePickerField as c } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+function F({
+  name: e,
+  label: i,
+  description: t,
+  validationMessages: o,
+  FieldComponent: s
+}) {
+  const r = m()[e], a = l(e, o);
+  return /* @__PURE__ */ d(
+    c,
+    {
+      name: e,
+      label: i,
+      description: t,
+      errorMessage: a,
+      isRequired: r?.isRequired,
+      isDisabled: r?.isDisabled,
+      FieldComponent: s
+    }
+  );
+}
+export {
+  F as DatePickerHookField
+};
+//# sourceMappingURL=DatePickerHookField.js.map

package/dist/components/UNSTABLE_Hooks/form/fields/DatePickerHookField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerHookField.js","sources":["../../../../../src/components/UNSTABLE_Hooks/form/fields/DatePickerHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { BaseFieldProps, ValidationMessages } from '../types'\nimport { useFieldsMetadata } from '../useFieldsMetadata'\nimport { useFieldErrorMessage } from '../useFieldErrorMessage'\nimport { DatePickerField } from '@/components/Common/Fields/DatePickerField'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\n\nexport interface DatePickerHookFieldProps<\n  TErrorCode extends string = never,\n> extends BaseFieldProps {\n  name: string\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<DatePickerProps>\n}\n\nexport function DatePickerHookField<TErrorCode extends string>({\n  name,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n}: DatePickerHookFieldProps<TErrorCode>) {\n  const metadata = useFieldsMetadata()\n  const fieldMetadata = metadata[name]\n  const errorMessage = useFieldErrorMessage(name, validationMessages)\n\n  return (\n    <DatePickerField\n      name={name}\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":["DatePickerHookField","name","label","description","validationMessages","FieldComponent","fieldMetadata","useFieldsMetadata","errorMessage","useFieldErrorMessage","jsx","DatePickerField"],"mappings":";;;;AAeO,SAASA,EAA+C;AAAA,EAC7D,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAAyC;AAEvC,QAAMC,IADWC,EAAA,EACcN,CAAI,GAC7BO,IAAeC,EAAqBR,GAAMG,CAAkB;AAElE,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAV;AAAA,MACA,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAK;AAAA,MACA,YAAYF,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,gBAAAD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/UNSTABLE_Hooks/form/fields/NumberInputHookField.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType } from 'react';
+import { BaseFieldProps, ValidationMessages } from '../types';
+import { NumberInputProps } from '../../../Common/UI/NumberInput/NumberInputTypes';
+export interface NumberInputHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {
+    name: string;
+    format?: NumberInputProps['format'];
+    min?: NumberInputProps['min'];
+    max?: NumberInputProps['max'];
+    validationMessages?: ValidationMessages<TErrorCode>;
+    FieldComponent?: ComponentType<NumberInputProps>;
+}
+export declare function NumberInputHookField<TErrorCode extends string>({ name, label, description, format, min, max, validationMessages, FieldComponent, }: NumberInputHookFieldProps<TErrorCode>): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_Hooks/form/fields/NumberInputHookField.js

@@ -0,0 +1,40 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useFieldsMetadata as l } from "../useFieldsMetadata.js";
+import { useFieldErrorMessage as f } from "../useFieldErrorMessage.js";
+import "../../../../shared/constants.js";
+import "classnames";
+import { NumberInputField as n } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
+import "react-i18next";
+import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+function R({
+  name: r,
+  label: e,
+  description: i,
+  format: o,
+  min: s,
+  max: m,
+  validationMessages: a,
+  FieldComponent: d
+}) {
+  const t = l()[r], p = f(r, a);
+  return /* @__PURE__ */ u(
+    n,
+    {
+      name: r,
+      label: e,
+      description: i,
+      errorMessage: p,
+      isRequired: t?.isRequired,
+      isDisabled: t?.isDisabled,
+      format: o,
+      min: s,
+      max: m,
+      FieldComponent: d
+    }
+  );
+}
+export {
+  R as NumberInputHookField
+};
+//# sourceMappingURL=NumberInputHookField.js.map

package/dist/components/UNSTABLE_Hooks/form/fields/NumberInputHookField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputHookField.js","sources":["../../../../../src/components/UNSTABLE_Hooks/form/fields/NumberInputHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { BaseFieldProps, ValidationMessages } from '../types'\nimport { useFieldsMetadata } from '../useFieldsMetadata'\nimport { useFieldErrorMessage } from '../useFieldErrorMessage'\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  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  label,\n  description,\n  format,\n  min,\n  max,\n  validationMessages,\n  FieldComponent,\n}: NumberInputHookFieldProps<TErrorCode>) {\n  const metadata = useFieldsMetadata()\n  const fieldMetadata = metadata[name]\n  const errorMessage = useFieldErrorMessage(name, validationMessages)\n\n  return (\n    <NumberInputField\n      name={name}\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","label","description","format","min","max","validationMessages","FieldComponent","fieldMetadata","useFieldsMetadata","errorMessage","useFieldErrorMessage","jsx","NumberInputField"],"mappings":";;;;;;;;;AAkBO,SAASA,EAAgD;AAAA,EAC9D,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAA0C;AAExC,QAAMC,IADWC,EAAA,EACcT,CAAI,GAC7BU,IAAeC,EAAqBX,GAAMM,CAAkB;AAElE,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAb;AAAA,MACA,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAQ;AAAA,MACA,YAAYF,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,QAAAL;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,gBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/UNSTABLE_Hooks/form/fields/RadioGroupHookField.d.ts

@@ -0,0 +1,10 @@
+import { ComponentType } from 'react';
+import { BaseFieldProps, ValidationMessages } from '../types';
+import { RadioGroupProps } from '../../../Common/UI/RadioGroup/RadioGroupTypes';
+export interface RadioGroupHookFieldProps<TErrorCode extends string = never, TEntry = unknown> extends BaseFieldProps {
+    name: string;
+    validationMessages?: ValidationMessages<TErrorCode>;
+    getOptionLabel?: (entry: TEntry) => string;
+    FieldComponent?: ComponentType<RadioGroupProps>;
+}
+export declare function RadioGroupHookField<TErrorCode extends string, TEntry = unknown>({ name, label, description, validationMessages, getOptionLabel, FieldComponent, }: RadioGroupHookFieldProps<TErrorCode, TEntry>): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_Hooks/form/fields/RadioGroupHookField.js

@@ -0,0 +1,40 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useFieldsMetadata as c } from "../useFieldsMetadata.js";
+import { useFieldErrorMessage as F } from "../useFieldErrorMessage.js";
+import { getFieldWithOptions as M } from "../getFieldWithOptions.js";
+import "../../../../shared/constants.js";
+import "classnames";
+import { RadioGroupField as R } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import "react-i18next";
+import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+function E({
+  name: i,
+  label: e,
+  description: s,
+  validationMessages: a,
+  getOptionLabel: t,
+  FieldComponent: p
+}) {
+  const d = c(), o = M(d, i), m = F(i, a), r = o?.options ?? [], l = t && o?.entries ? o.entries.map((n, u) => ({
+    value: r[u]?.value ?? "",
+    label: t(n)
+  })) : r;
+  return /* @__PURE__ */ f(
+    R,
+    {
+      name: i,
+      label: e,
+      description: s,
+      errorMessage: m,
+      isRequired: o?.isRequired,
+      isDisabled: o?.isDisabled,
+      options: l,
+      FieldComponent: p
+    }
+  );
+}
+export {
+  E as RadioGroupHookField
+};
+//# sourceMappingURL=RadioGroupHookField.js.map

package/dist/components/UNSTABLE_Hooks/form/fields/RadioGroupHookField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupHookField.js","sources":["../../../../../src/components/UNSTABLE_Hooks/form/fields/RadioGroupHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { BaseFieldProps, ValidationMessages } from '../types'\nimport { useFieldsMetadata } from '../useFieldsMetadata'\nimport { useFieldErrorMessage } from '../useFieldErrorMessage'\nimport { getFieldWithOptions } from '../getFieldWithOptions'\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  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  label,\n  description,\n  validationMessages,\n  getOptionLabel,\n  FieldComponent,\n}: RadioGroupHookFieldProps<TErrorCode, TEntry>) {\n  const metadata = useFieldsMetadata()\n  const fieldMetadata = getFieldWithOptions<TEntry>(metadata, name)\n  const errorMessage = useFieldErrorMessage(name, validationMessages)\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      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","label","description","validationMessages","getOptionLabel","FieldComponent","metadata","useFieldsMetadata","fieldMetadata","getFieldWithOptions","errorMessage","useFieldErrorMessage","defaultOptions","options","entry","index","jsx","RadioGroupField"],"mappings":";;;;;;;;;;AAkBO,SAASA,EAAiE;AAAA,EAC/E,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,GAAiD;AAC/C,QAAMC,IAAWC,EAAA,GACXC,IAAgBC,EAA4BH,GAAUN,CAAI,GAC1DU,IAAeC,EAAqBX,GAAMG,CAAkB,GAE5DS,IAAiBJ,GAAe,WAAW,CAAA,GAC3CK,IACJT,KAAkBI,GAAe,UAC7BA,EAAc,QAAQ,IAAI,CAACM,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,MAAAjB;AAAA,MACA,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAQ;AAAA,MACA,YAAYF,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,SAAAK;AAAA,MACA,gBAAAR;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/UNSTABLE_Hooks/form/fields/SelectHookField.d.ts

@@ -0,0 +1,10 @@
+import { ComponentType } from 'react';
+import { BaseFieldProps, ValidationMessages } from '../types';
+import { SelectProps } from '../../../Common/UI/Select/SelectTypes';
+export interface SelectHookFieldProps<TErrorCode extends string = never, TEntry = unknown> extends BaseFieldProps {
+    name: string;
+    validationMessages?: ValidationMessages<TErrorCode>;
+    getOptionLabel?: (entry: TEntry) => string;
+    FieldComponent?: ComponentType<SelectProps>;
+}
+export declare function SelectHookField<TErrorCode extends string, TEntry = unknown>({ name, label, description, validationMessages, getOptionLabel, FieldComponent, }: SelectHookFieldProps<TErrorCode, TEntry>): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_Hooks/form/fields/SelectHookField.js

@@ -0,0 +1,40 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useFieldsMetadata as f } from "../useFieldsMetadata.js";
+import { useFieldErrorMessage as F } from "../useFieldErrorMessage.js";
+import { getFieldWithOptions as M } from "../getFieldWithOptions.js";
+import "../../../../shared/constants.js";
+import "classnames";
+import "react-i18next";
+import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { SelectField as b } from "../../../Common/Fields/SelectField/SelectField.js";
+function E({
+  name: t,
+  label: r,
+  description: s,
+  validationMessages: a,
+  getOptionLabel: i,
+  FieldComponent: m
+}) {
+  const p = f(), e = M(p, t), d = F(t, a), o = e?.options ?? [], l = i && e?.entries ? e.entries.map((n, u) => ({
+    value: o[u]?.value ?? "",
+    label: i(n)
+  })) : o;
+  return /* @__PURE__ */ c(
+    b,
+    {
+      name: t,
+      label: r,
+      description: s,
+      errorMessage: d,
+      isRequired: e?.isRequired,
+      isDisabled: e?.isDisabled,
+      options: l,
+      FieldComponent: m
+    }
+  );
+}
+export {
+  E as SelectHookField
+};
+//# sourceMappingURL=SelectHookField.js.map

package/dist/components/UNSTABLE_Hooks/form/fields/SelectHookField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectHookField.js","sources":["../../../../../src/components/UNSTABLE_Hooks/form/fields/SelectHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { BaseFieldProps, ValidationMessages } from '../types'\nimport { useFieldsMetadata } from '../useFieldsMetadata'\nimport { useFieldErrorMessage } from '../useFieldErrorMessage'\nimport { getFieldWithOptions } from '../getFieldWithOptions'\nimport { SelectField } from '@/components/Common'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\n\nexport interface SelectHookFieldProps<\n  TErrorCode extends string = never,\n  TEntry = unknown,\n> extends BaseFieldProps {\n  name: string\n  validationMessages?: ValidationMessages<TErrorCode>\n  getOptionLabel?: (entry: TEntry) => string\n  FieldComponent?: ComponentType<SelectProps>\n}\n\nexport function SelectHookField<TErrorCode extends string, TEntry = unknown>({\n  name,\n  label,\n  description,\n  validationMessages,\n  getOptionLabel,\n  FieldComponent,\n}: SelectHookFieldProps<TErrorCode, TEntry>) {\n  const metadata = useFieldsMetadata()\n  const fieldMetadata = getFieldWithOptions<TEntry>(metadata, name)\n  const errorMessage = useFieldErrorMessage(name, validationMessages)\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    <SelectField\n      name={name}\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":["SelectHookField","name","label","description","validationMessages","getOptionLabel","FieldComponent","metadata","useFieldsMetadata","fieldMetadata","getFieldWithOptions","errorMessage","useFieldErrorMessage","defaultOptions","options","entry","index","jsx","SelectField"],"mappings":";;;;;;;;;;AAkBO,SAASA,EAA6D;AAAA,EAC3E,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,GAA6C;AAC3C,QAAMC,IAAWC,EAAA,GACXC,IAAgBC,EAA4BH,GAAUN,CAAI,GAC1DU,IAAeC,EAAqBX,GAAMG,CAAkB,GAE5DS,IAAiBJ,GAAe,WAAW,CAAA,GAC3CK,IACJT,KAAkBI,GAAe,UAC7BA,EAAc,QAAQ,IAAI,CAACM,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,MAAAjB;AAAA,MACA,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAQ;AAAA,MACA,YAAYF,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,SAAAK;AAAA,MACA,gBAAAR;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/UNSTABLE_Hooks/form/fields/SwitchHookField.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType } from 'react';
+import { BaseFieldProps, ValidationMessages } from '../types';
+import { SwitchProps } from '../../../Common/UI/Switch/SwitchTypes';
+export interface SwitchHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {
+    name: string;
+    validationMessages?: ValidationMessages<TErrorCode>;
+    FieldComponent?: ComponentType<SwitchProps>;
+}
+export declare function SwitchHookField<TErrorCode extends string>({ name, label, description, validationMessages, FieldComponent, }: SwitchHookFieldProps<TErrorCode>): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_Hooks/form/fields/SwitchHookField.js

@@ -0,0 +1,34 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useFieldsMetadata as m } from "../useFieldsMetadata.js";
+import { useFieldErrorMessage as p } from "../useFieldErrorMessage.js";
+import "../../../../shared/constants.js";
+import "classnames";
+import { SwitchField as l } from "../../../Common/Fields/SwitchField/SwitchField.js";
+import "react-i18next";
+import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+function w({
+  name: i,
+  label: r,
+  description: e,
+  validationMessages: o,
+  FieldComponent: s
+}) {
+  const t = m()[i], a = p(i, o);
+  return /* @__PURE__ */ d(
+    l,
+    {
+      name: i,
+      label: r,
+      description: e,
+      errorMessage: a,
+      isRequired: t?.isRequired,
+      isDisabled: t?.isDisabled,
+      FieldComponent: s
+    }
+  );
+}
+export {
+  w as SwitchHookField
+};
+//# sourceMappingURL=SwitchHookField.js.map

package/dist/components/UNSTABLE_Hooks/form/fields/SwitchHookField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchHookField.js","sources":["../../../../../src/components/UNSTABLE_Hooks/form/fields/SwitchHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { BaseFieldProps, ValidationMessages } from '../types'\nimport { useFieldsMetadata } from '../useFieldsMetadata'\nimport { useFieldErrorMessage } from '../useFieldErrorMessage'\nimport { SwitchField } from '@/components/Common'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\n\nexport interface SwitchHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  name: string\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<SwitchProps>\n}\n\nexport function SwitchHookField<TErrorCode extends string>({\n  name,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n}: SwitchHookFieldProps<TErrorCode>) {\n  const metadata = useFieldsMetadata()\n  const fieldMetadata = metadata[name]\n  const errorMessage = useFieldErrorMessage(name, validationMessages)\n\n  return (\n    <SwitchField\n      name={name}\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","label","description","validationMessages","FieldComponent","fieldMetadata","useFieldsMetadata","errorMessage","useFieldErrorMessage","jsx","SwitchField"],"mappings":";;;;;;;;;AAaO,SAASA,EAA2C;AAAA,EACzD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAAqC;AAEnC,QAAMC,IADWC,EAAA,EACcN,CAAI,GAC7BO,IAAeC,EAAqBR,GAAMG,CAAkB;AAElE,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAV;AAAA,MACA,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAK;AAAA,MACA,YAAYF,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,gBAAAD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/UNSTABLE_Hooks/form/fields/TextInputHookField.d.ts

@@ -0,0 +1,11 @@
+import { ComponentType } from 'react';
+import { BaseFieldProps, ValidationMessages } from '../types';
+import { TextInputProps } from '../../../Common/UI/TextInput/TextInputTypes';
+export interface TextInputHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {
+    name: string;
+    validationMessages?: ValidationMessages<TErrorCode>;
+    transform?: (value: string) => string;
+    placeholder?: string;
+    FieldComponent?: ComponentType<TextInputProps>;
+}
+export declare function TextInputHookField<TErrorCode extends string>({ name, label, description, validationMessages, transform, placeholder, FieldComponent, }: TextInputHookFieldProps<TErrorCode>): import("react/jsx-runtime").JSX.Element;