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

package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.js

@@ -1,43 +1,45 @@
-import { jsx as G } from "react/jsx-runtime";
-import { useField as R } from "../hooks/useField.js";
-import { useComponentContext as P } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useStringifyGenericFieldValue as j } from "../hooks/useStringifyGenericFieldValue.js";
-const b = ({
+import { jsx as R } from "react/jsx-runtime";
+import { useField as P } from "../hooks/useField.js";
+import { useComponentContext as j } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStringifyGenericFieldValue as v } from "../hooks/useStringifyGenericFieldValue.js";
+const k = ({
   rules: o,
   defaultValue: e,
   name: n,
-  errorMessage: r,
-  isRequired: t,
-  onChange: i,
-  transform: s,
-  options: p,
-  convertValueToString: m,
-  description: d,
-  onBlur: u,
-  inputRef: a,
-  FieldComponent: l,
-  ...C
+  control: r,
+  errorMessage: t,
+  isRequired: i,
+  onChange: s,
+  transform: p,
+  options: m,
+  convertValueToString: d,
+  description: u,
+  onBlur: a,
+  inputRef: l,
+  FieldComponent: C,
+  ...c
 }) => {
-  const c = P(), { value: f, onChange: g, ...F } = R({
+  const f = j(), { value: g, onChange: F, ...h } = P({
     name: n,
+    control: r,
     rules: o,
     defaultValue: e,
-    errorMessage: r,
-    isRequired: t,
-    onChange: i,
-    transform: s,
-    description: d,
-    onBlur: u,
-    inputRef: a
-  }), h = j({
-    options: p,
-    value: f,
-    onChange: g,
-    convertValueToString: m
-  }), x = l ?? c.RadioGroup;
-  return /* @__PURE__ */ G(x, { ...C, ...F, ...h });
+    errorMessage: t,
+    isRequired: i,
+    onChange: s,
+    transform: p,
+    description: u,
+    onBlur: a,
+    inputRef: l
+  }), x = v({
+    options: m,
+    value: g,
+    onChange: F,
+    convertValueToString: d
+  }), G = C ?? f.RadioGroup;
+  return /* @__PURE__ */ R(G, { ...c, ...h, ...x });
 };
 export {
-  b as RadioGroupField
+  k as RadioGroupField
 };
 //# sourceMappingURL=RadioGroupField.js.map

package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupField.js","sources":["../../../../../src/components/Common/Fields/RadioGroupField/RadioGroupField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type {\n  RadioGroupProps,\n  RadioGroupOption,\n} from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>\n\nexport interface RadioGroupFieldProps<TValue>\n  extends\n    Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid' | 'defaultValue'>,\n    UseFieldProps<TValue> {\n  options: GenericRadioGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n  FieldComponent?: ComponentType<RadioGroupProps>\n}\n\nexport const RadioGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...radioGroupProps\n}: RadioGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, RadioGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.RadioGroup\n  return <RenderComponent {...radioGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["RadioGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","FieldComponent","radioGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","RenderComponent"],"mappings":";;;;AAuBO,MAAMA,IAAkB,CAAmB;AAAA,EAChD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAjB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKS,IAAmBC,EAAwD;AAAA,IAC/E,SAAAd;AAAA,IACA,OAAAS;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAT;AAAA,EAAA,CACD,GAEKc,IAAkBV,KAAkBE,EAAW;AACrD,2BAAQQ,GAAA,EAAiB,GAAGT,GAAkB,GAAGK,GAAa,GAAGE,GAAkB;AACrF;"}
+{"version":3,"file":"RadioGroupField.js","sources":["../../../../../src/components/Common/Fields/RadioGroupField/RadioGroupField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type {\n  RadioGroupProps,\n  RadioGroupOption,\n} from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>\n\nexport interface RadioGroupFieldProps<TValue>\n  extends\n    Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid' | 'defaultValue'>,\n    UseFieldProps<TValue> {\n  options: GenericRadioGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n  FieldComponent?: ComponentType<RadioGroupProps>\n}\n\nexport const RadioGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...radioGroupProps\n}: RadioGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, RadioGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.RadioGroup\n  return <RenderComponent {...radioGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["RadioGroupField","rules","defaultValue","name","control","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","FieldComponent","radioGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","RenderComponent"],"mappings":";;;;AAuBO,MAAMA,IAAkB,CAAmB;AAAA,EAChD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAlB;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKS,IAAmBC,EAAwD;AAAA,IAC/E,SAAAd;AAAA,IACA,OAAAS;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAT;AAAA,EAAA,CACD,GAEKc,IAAkBV,KAAkBE,EAAW;AACrD,2BAAQQ,GAAA,EAAiB,GAAGT,GAAkB,GAAGK,GAAa,GAAGE,GAAkB;AACrF;"}

package/dist/components/Common/Fields/SelectField/SelectField.d.ts

@@ -8,5 +8,5 @@ export interface SelectFieldProps<TValue> extends Omit<SelectProps, 'name' | 'va
     convertValueToString?: (value: TValue) => string;
     FieldComponent?: ComponentType<SelectProps>;
 }
-export declare const SelectField: <TValue = string>({ rules, defaultValue, name, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, description, onBlur, inputRef, FieldComponent, ...selectProps }: SelectFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectField: <TValue = string>({ rules, defaultValue, name, control, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, description, onBlur, inputRef, FieldComponent, ...selectProps }: SelectFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Common/Fields/SelectField/SelectField.js

@@ -1,43 +1,45 @@
-import { jsx as S } from "react/jsx-runtime";
-import { useField as P } from "../hooks/useField.js";
-import { useComponentContext as j } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useStringifyGenericFieldValue as v } from "../hooks/useStringifyGenericFieldValue.js";
-const b = ({
+import { jsx as P } from "react/jsx-runtime";
+import { useField as j } from "../hooks/useField.js";
+import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStringifyGenericFieldValue as y } from "../hooks/useStringifyGenericFieldValue.js";
+const k = ({
   rules: e,
   defaultValue: o,
   name: n,
-  errorMessage: t,
-  isRequired: r,
-  onChange: i,
-  transform: s,
-  options: m,
-  convertValueToString: p,
-  description: l,
-  onBlur: c,
-  inputRef: C,
-  FieldComponent: d,
-  ...f
+  control: t,
+  errorMessage: r,
+  isRequired: i,
+  onChange: s,
+  transform: m,
+  options: p,
+  convertValueToString: l,
+  description: c,
+  onBlur: C,
+  inputRef: d,
+  FieldComponent: f,
+  ...u
 }) => {
-  const u = j(), { value: a, onChange: g, ...F } = P({
+  const a = v(), { value: g, onChange: F, ...h } = j({
     name: n,
+    control: t,
     rules: e,
     defaultValue: o,
-    errorMessage: t,
-    isRequired: r,
-    onChange: i,
-    transform: s,
-    description: l,
-    onBlur: c,
-    inputRef: C
-  }), h = v({
-    options: m,
-    value: a,
-    onChange: g,
-    convertValueToString: p
-  }), x = d ?? u.Select;
-  return /* @__PURE__ */ S(x, { ...f, ...F, ...h });
+    errorMessage: r,
+    isRequired: i,
+    onChange: s,
+    transform: m,
+    description: c,
+    onBlur: C,
+    inputRef: d
+  }), x = y({
+    options: p,
+    value: g,
+    onChange: F,
+    convertValueToString: l
+  }), S = f ?? a.Select;
+  return /* @__PURE__ */ P(S, { ...u, ...h, ...x });
 };
 export {
-  b as SelectField
+  k as SelectField
 };
 //# sourceMappingURL=SelectField.js.map

package/dist/components/Common/Fields/SelectField/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sources":["../../../../../src/components/Common/Fields/SelectField/SelectField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SelectOption, SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericSelectOption<TValue> = OptionWithGenericValue<TValue, SelectOption>\n\nexport interface SelectFieldProps<TValue>\n  extends\n    Omit<SelectProps, 'name' | 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue, HTMLButtonElement> {\n  options: GenericSelectOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n  FieldComponent?: ComponentType<SelectProps>\n}\n\nexport const SelectField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...selectProps\n}: SelectFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue, HTMLButtonElement>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, SelectOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.Select\n  return <RenderComponent {...selectProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["SelectField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","FieldComponent","selectProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","RenderComponent"],"mappings":";;;;AAoBO,MAAMA,IAAc,CAAmB;AAAA,EAC5C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAoC;AAAA,IAC7E,MAAAjB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKS,IAAmBC,EAAoD;AAAA,IAC3E,SAAAd;AAAA,IACA,OAAAS;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAT;AAAA,EAAA,CACD,GAEKc,IAAkBV,KAAkBE,EAAW;AACrD,2BAAQQ,GAAA,EAAiB,GAAGT,GAAc,GAAGK,GAAa,GAAGE,GAAkB;AACjF;"}
+{"version":3,"file":"SelectField.js","sources":["../../../../../src/components/Common/Fields/SelectField/SelectField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SelectOption, SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericSelectOption<TValue> = OptionWithGenericValue<TValue, SelectOption>\n\nexport interface SelectFieldProps<TValue>\n  extends\n    Omit<SelectProps, 'name' | 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue, HTMLButtonElement> {\n  options: GenericSelectOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n  FieldComponent?: ComponentType<SelectProps>\n}\n\nexport const SelectField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...selectProps\n}: SelectFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue, HTMLButtonElement>({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, SelectOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.Select\n  return <RenderComponent {...selectProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["SelectField","rules","defaultValue","name","control","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","FieldComponent","selectProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","RenderComponent"],"mappings":";;;;AAoBO,MAAMA,IAAc,CAAmB;AAAA,EAC5C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAoC;AAAA,IAC7E,MAAAlB;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKS,IAAmBC,EAAoD;AAAA,IAC3E,SAAAd;AAAA,IACA,OAAAS;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAT;AAAA,EAAA,CACD,GAEKc,IAAkBV,KAAkBE,EAAW;AACrD,2BAAQQ,GAAA,EAAiB,GAAGT,GAAc,GAAGK,GAAa,GAAGE,GAAkB;AACjF;"}

package/dist/components/Common/Fields/SwitchField/SwitchField.js

@@ -1,35 +1,37 @@
-import { jsx as x } from "react/jsx-runtime";
-import { useField as h } from "../hooks/useField.js";
-import { useComponentContext as w } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const P = ({
+import { jsx as h } from "react/jsx-runtime";
+import { useField as w } from "../hooks/useField.js";
+import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const R = ({
   rules: o,
   defaultValue: t,
   name: e,
-  errorMessage: n,
-  isRequired: r,
-  onChange: m,
-  transform: s,
-  description: i,
-  onBlur: p,
-  inputRef: c,
-  FieldComponent: d,
-  ...f
+  control: n,
+  errorMessage: r,
+  isRequired: m,
+  onChange: s,
+  transform: i,
+  description: p,
+  onBlur: c,
+  inputRef: d,
+  FieldComponent: f,
+  ...C
 }) => {
-  const C = w(), l = h({
+  const l = F(), u = w({
     name: e,
+    control: n,
     rules: o,
     defaultValue: t,
-    errorMessage: n,
-    isRequired: r,
-    onChange: m,
-    transform: s,
-    description: i,
-    onBlur: p,
-    inputRef: c
-  }), u = d ?? C.Switch;
-  return /* @__PURE__ */ x(u, { ...f, ...l });
+    errorMessage: r,
+    isRequired: m,
+    onChange: s,
+    transform: i,
+    description: p,
+    onBlur: c,
+    inputRef: d
+  }), x = f ?? l.Switch;
+  return /* @__PURE__ */ h(x, { ...C, ...u });
 };
 export {
-  P as SwitchField
+  R as SwitchField
 };
 //# sourceMappingURL=SwitchField.js.map

package/dist/components/Common/Fields/SwitchField/SwitchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.js","sources":["../../../../../src/components/Common/Fields/SwitchField/SwitchField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nexport interface SwitchFieldProps\n  extends Omit<SwitchProps, 'name' | 'checked' | 'onChange' | 'isInvalid'>, UseFieldProps<boolean> {\n  FieldComponent?: ComponentType<SwitchProps>\n}\n\nexport const SwitchField: React.FC<SwitchFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...switchProps\n}: SwitchFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.Switch\n  return <RenderComponent {...switchProps} {...fieldProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","switchProps","Components","useComponentContext","fieldProps","useField","RenderComponent","jsx"],"mappings":";;;AASO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKO,IAAkBN,KAAkBE,EAAW;AACrD,SAAO,gBAAAK,EAACD,GAAA,EAAiB,GAAGL,GAAc,GAAGG,EAAA,CAAY;AAC3D;"}
+{"version":3,"file":"SwitchField.js","sources":["../../../../../src/components/Common/Fields/SwitchField/SwitchField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nexport interface SwitchFieldProps\n  extends Omit<SwitchProps, 'name' | 'checked' | 'onChange' | 'isInvalid'>, UseFieldProps<boolean> {\n  FieldComponent?: ComponentType<SwitchProps>\n}\n\nexport const SwitchField: React.FC<SwitchFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...switchProps\n}: SwitchFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.Switch\n  return <RenderComponent {...switchProps} {...fieldProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","control","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","switchProps","Components","useComponentContext","fieldProps","useField","RenderComponent","jsx"],"mappings":";;;AASO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAd;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKO,IAAkBN,KAAkBE,EAAW;AACrD,SAAO,gBAAAK,EAACD,GAAA,EAAiB,GAAGL,GAAc,GAAGG,EAAA,CAAY;AAC3D;"}

package/dist/components/Common/Fields/TextAreaField/TextAreaField.js

@@ -1,34 +1,36 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useField as u } from "../hooks/useField.js";
-import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const T = ({
+import { jsx as u } from "react/jsx-runtime";
+import { useField as C } from "../hooks/useField.js";
+import { useComponentContext as a } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const j = ({
   rules: o,
   defaultValue: e,
   name: t,
-  errorMessage: r,
-  isRequired: n,
-  onChange: m,
-  transform: s,
-  description: p,
-  onBlur: i,
-  inputRef: x,
-  ...f
+  control: r,
+  errorMessage: n,
+  isRequired: m,
+  onChange: s,
+  transform: p,
+  description: i,
+  onBlur: x,
+  inputRef: f,
+  ...c
 }) => {
-  const c = C(), d = u({
+  const d = a(), l = C({
     name: t,
+    control: r,
     rules: o,
     defaultValue: e,
-    errorMessage: r,
-    isRequired: n,
-    onChange: m,
-    transform: s,
-    description: p,
-    onBlur: i,
-    inputRef: x
+    errorMessage: n,
+    isRequired: m,
+    onChange: s,
+    transform: p,
+    description: i,
+    onBlur: x,
+    inputRef: f
   });
-  return /* @__PURE__ */ l(c.TextArea, { ...f, ...d });
+  return /* @__PURE__ */ u(d.TextArea, { ...c, ...l });
 };
 export {
-  T as TextAreaField
+  j as TextAreaField
 };
 //# sourceMappingURL=TextAreaField.js.map

package/dist/components/Common/Fields/TextAreaField/TextAreaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaField.js","sources":["../../../../../src/components/Common/Fields/TextAreaField/TextAreaField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextAreaFieldProps\n  extends\n    Omit<TextAreaProps, 'name' | 'value' | 'isInvalid'>,\n    UseFieldProps<string, HTMLTextAreaElement> {}\n\nexport const TextAreaField: React.FC<TextAreaFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...textAreaProps\n}: TextAreaFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.TextArea {...textAreaProps} {...fieldProps} />\n}\n"],"names":["TextAreaField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","textAreaProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AASO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA0B;AACxB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGG,GAAY;AACjE;"}
+{"version":3,"file":"TextAreaField.js","sources":["../../../../../src/components/Common/Fields/TextAreaField/TextAreaField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextAreaFieldProps\n  extends\n    Omit<TextAreaProps, 'name' | 'value' | 'isInvalid'>,\n    UseFieldProps<string, HTMLTextAreaElement> {}\n\nexport const TextAreaField: React.FC<TextAreaFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...textAreaProps\n}: TextAreaFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.TextArea {...textAreaProps} {...fieldProps} />\n}\n"],"names":["TextAreaField","rules","defaultValue","name","control","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","textAreaProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AASO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA0B;AACxB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAb;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGG,GAAY;AACjE;"}

package/dist/components/Common/Fields/TextInputField/TextInputField.js

@@ -1,35 +1,37 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useField as F } from "../hooks/useField.js";
-import { useComponentContext as I } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const R = ({
+import { jsx as F } from "react/jsx-runtime";
+import { useField as I } from "../hooks/useField.js";
+import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const a = ({
   rules: o,
   defaultValue: t,
   name: e,
-  errorMessage: n,
-  isRequired: r,
-  onChange: p,
-  transform: m,
-  description: s,
-  onBlur: i,
-  inputRef: u,
-  FieldComponent: x,
-  ...c
+  control: n,
+  errorMessage: r,
+  isRequired: p,
+  onChange: m,
+  transform: s,
+  description: i,
+  onBlur: u,
+  inputRef: x,
+  FieldComponent: c,
+  ...d
 }) => {
-  const d = I(), f = F({
+  const f = T(), C = I({
     name: e,
+    control: n,
     rules: o,
     defaultValue: t,
-    errorMessage: n,
-    isRequired: r,
-    onChange: p,
-    transform: m,
-    description: s,
-    onBlur: i,
-    inputRef: u
-  }), C = x ?? d.TextInput;
-  return /* @__PURE__ */ l(C, { ...c, ...f });
+    errorMessage: r,
+    isRequired: p,
+    onChange: m,
+    transform: s,
+    description: i,
+    onBlur: u,
+    inputRef: x
+  }), l = c ?? f.TextInput;
+  return /* @__PURE__ */ F(l, { ...d, ...C });
 };
 export {
-  R as TextInputField
+  a as TextInputField
 };
 //# sourceMappingURL=TextInputField.js.map

package/dist/components/Common/Fields/TextInputField/TextInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n  extends Omit<TextInputProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps {\n  FieldComponent?: ComponentType<TextInputProps>\n}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...textInputProps\n}: TextInputFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.TextInput\n  return <RenderComponent {...textInputProps} {...fieldProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","textInputProps","Components","useComponentContext","fieldProps","useField","RenderComponent","jsx"],"mappings":";;;AAUO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKO,IAAkBN,KAAkBE,EAAW;AACrD,SAAO,gBAAAK,EAACD,GAAA,EAAiB,GAAGL,GAAiB,GAAGG,EAAA,CAAY;AAC9D;"}
+{"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n  extends Omit<TextInputProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps {\n  FieldComponent?: ComponentType<TextInputProps>\n}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...textInputProps\n}: TextInputFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.TextInput\n  return <RenderComponent {...textInputProps} {...fieldProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","control","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","textInputProps","Components","useComponentContext","fieldProps","useField","RenderComponent","jsx"],"mappings":";;;AAUO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAd;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKO,IAAkBN,KAAkBE,EAAW;AACrD,SAAO,gBAAAK,EAACD,GAAA,EAAiB,GAAGL,GAAiB,GAAGG,EAAA,CAAY;AAC9D;"}

package/dist/components/Common/Fields/hooks/useField.d.ts

@@ -1,8 +1,9 @@
-import { RegisterOptions } from 'react-hook-form';
+import { Control, RegisterOptions } from 'react-hook-form';
 import { default as React, Ref } from 'react';
 export type Transform<TValue> = (value: TValue) => TValue;
 export interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {
     name: string;
+    control?: Control;
     rules?: RegisterOptions;
     defaultValue?: TValue;
     errorMessage?: string;
@@ -13,7 +14,7 @@ export interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {
     description?: React.ReactNode;
     inputRef?: Ref<TRef>;
 }
-export declare function useField<TValue = string, TRef = HTMLInputElement>({ name, rules, defaultValue, errorMessage, isRequired, onChange, onBlur, transform, description, inputRef, }: UseFieldProps<TValue, TRef>): {
+export declare function useField<TValue = string, TRef = HTMLInputElement>({ name, control: controlProp, rules, defaultValue, errorMessage, isRequired, onChange, onBlur, transform, description, inputRef, }: UseFieldProps<TValue, TRef>): {
     name: string;
     value: TValue;
     inputRef: React.RefCallback<any> | null;

package/dist/components/Common/Fields/hooks/useField.js

@@ -1,46 +1,50 @@
-import { useFormContext as F, useController as k } from "react-hook-form";
-import x, { useMemo as y } from "react";
-import { createMarkup as D } from "../../../../helpers/formattedStrings.js";
+import { useFormContext as k, useController as w } from "react-hook-form";
+import y, { useMemo as D } from "react";
+import { createMarkup as E } from "../../../../helpers/formattedStrings.js";
 import { useForkRef as I } from "../../../../hooks/useForkRef/useForkRef.js";
-const R = (e) => !e || typeof e != "string" ? e : x.createElement("div", {
-  dangerouslySetInnerHTML: D(e)
+const R = (e) => !e || typeof e != "string" ? e : y.createElement("div", {
+  dangerouslySetInnerHTML: E(e)
 });
 function L({
   name: e,
-  rules: c = {},
-  defaultValue: f,
-  errorMessage: m,
-  isRequired: o = !1,
-  onChange: i,
-  onBlur: p,
-  transform: n,
-  description: t,
-  inputRef: g
+  control: n,
+  rules: m = {},
+  defaultValue: d,
+  errorMessage: t,
+  isRequired: s = !1,
+  onChange: p,
+  onBlur: h,
+  transform: l,
+  description: c,
+  inputRef: v
 }) {
-  const { control: d } = F(), { field: r, fieldState: s } = k({
+  const C = k(), a = n ?? C?.control;
+  if (!a)
+    throw new Error("useField requires either a `control` prop or a FormProvider ancestor.");
+  const { field: r, fieldState: o } = w({
     name: e,
-    control: d,
+    control: a,
     rules: {
-      required: o,
-      ...c
+      required: s,
+      ...m
     },
-    defaultValue: f
-  }), { value: h } = r, v = I(r.ref, g), C = (a) => {
-    const u = n ? n(a) : a;
-    r.onChange(u), i?.(u);
-  }, M = () => {
-    r.onBlur(), p?.();
-  }, l = !!s.error, B = y(() => R(t), [t]);
+    defaultValue: d
+  }), { value: g } = r, F = I(r.ref, v), x = (i) => {
+    const f = l ? l(i) : i;
+    r.onChange(f), p?.(f);
+  }, B = () => {
+    r.onBlur(), h?.();
+  }, u = n ? !!o.error || !!t : !!o.error, M = D(() => R(c), [c]);
   return {
     name: r.name,
-    value: h,
-    inputRef: v,
-    isInvalid: l,
-    errorMessage: l ? m ?? s.error?.message : void 0,
-    onChange: C,
-    onBlur: M,
-    isRequired: o,
-    description: B
+    value: g,
+    inputRef: F,
+    isInvalid: u,
+    errorMessage: u ? t ?? o.error?.message : void 0,
+    onChange: x,
+    onBlur: B,
+    isRequired: s,
+    description: M
   };
 }
 export {

package/dist/components/Common/Fields/hooks/useField.js.map

@@ -1 +1 @@
-{"version":3,"file":"useField.js","sources":["../../../../../src/components/Common/Fields/hooks/useField.ts"],"sourcesContent":["import type { RegisterOptions } from 'react-hook-form'\nimport { useController, useFormContext } from 'react-hook-form'\nimport React, { useMemo, type Ref } from 'react'\nimport { createMarkup } from '@/helpers/formattedStrings'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {\n  name: string\n  rules?: RegisterOptions\n  defaultValue?: TValue\n  errorMessage?: string\n  isRequired?: boolean\n  onChange?: (value: TValue) => void\n  onBlur?: () => void\n  transform?: Transform<TValue>\n  description?: React.ReactNode\n  inputRef?: Ref<TRef>\n}\n\nconst processDescription = (description: React.ReactNode): React.ReactNode => {\n  if (!description || typeof description !== 'string') {\n    return description\n  }\n\n  // Use DOMPurify to sanitize the string and return a React element\n  return React.createElement('div', {\n    dangerouslySetInnerHTML: createMarkup(description),\n  })\n}\n\nexport function useField<TValue = string, TRef = HTMLInputElement>({\n  name,\n  rules = {},\n  defaultValue,\n  errorMessage,\n  isRequired = false,\n  onChange,\n  onBlur,\n  transform,\n  description,\n  inputRef,\n}: UseFieldProps<TValue, TRef>) {\n  const { control } = useFormContext()\n  const { field, fieldState } = useController({\n    name,\n    control,\n    rules: {\n      required: isRequired,\n      ...rules,\n    },\n    defaultValue,\n  })\n\n  const { value } = field\n\n  const ref = useForkRef(field.ref, inputRef)\n\n  const handleChange = (updatedValue: TValue) => {\n    const value = transform ? transform(updatedValue) : updatedValue\n    field.onChange(value)\n    onChange?.(value)\n  }\n\n  const handleBlur = () => {\n    field.onBlur()\n    onBlur?.()\n  }\n\n  const isInvalid = !!fieldState.error\n\n  const processedDescription = useMemo(() => processDescription(description), [description])\n\n  return {\n    name: field.name,\n    value: value as TValue,\n    inputRef: ref,\n    isInvalid,\n    errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n    onChange: handleChange,\n    onBlur: handleBlur,\n    isRequired,\n    description: processedDescription,\n  }\n}\n"],"names":["processDescription","description","React","createMarkup","useField","name","rules","defaultValue","errorMessage","isRequired","onChange","onBlur","transform","inputRef","control","useFormContext","field","fieldState","useController","value","ref","useForkRef","handleChange","updatedValue","handleBlur","isInvalid","processedDescription","useMemo"],"mappings":";;;;AAqBA,MAAMA,IAAqB,CAACC,MACtB,CAACA,KAAe,OAAOA,KAAgB,WAClCA,IAIFC,EAAM,cAAc,OAAO;AAAA,EAChC,yBAAyBC,EAAaF,CAAW;AAAA,CAClD;AAGI,SAASG,EAAmD;AAAA,EACjE,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAX;AAAA,EACA,UAAAY;AACF,GAAgC;AAC9B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAc;AAAA,IAC1C,MAAAb;AAAA,IACA,SAAAS;AAAA,IACA,OAAO;AAAA,MACL,UAAUL;AAAA,MACV,GAAGH;AAAA,IAAA;AAAA,IAEL,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,OAAAY,MAAUH,GAEZI,IAAMC,EAAWL,EAAM,KAAKH,CAAQ,GAEpCS,IAAe,CAACC,MAAyB;AAC7C,UAAMJ,IAAQP,IAAYA,EAAUW,CAAY,IAAIA;AACpD,IAAAP,EAAM,SAASG,CAAK,GACpBT,IAAWS,CAAK;AAAA,EAClB,GAEMK,IAAa,MAAM;AACvB,IAAAR,EAAM,OAAA,GACNL,IAAA;AAAA,EACF,GAEMc,IAAY,CAAC,CAACR,EAAW,OAEzBS,IAAuBC,EAAQ,MAAM3B,EAAmBC,CAAW,GAAG,CAACA,CAAW,CAAC;AAEzF,SAAO;AAAA,IACL,MAAMe,EAAM;AAAA,IACZ,OAAAG;AAAA,IACA,UAAUC;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAajB,KAAgBS,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUK;AAAA,IACV,QAAQE;AAAA,IACR,YAAAf;AAAA,IACA,aAAaiB;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"useField.js","sources":["../../../../../src/components/Common/Fields/hooks/useField.ts"],"sourcesContent":["import type { Control, RegisterOptions } from 'react-hook-form'\nimport { useController, useFormContext } from 'react-hook-form'\nimport React, { useMemo, type Ref } from 'react'\nimport { createMarkup } from '@/helpers/formattedStrings'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {\n  name: string\n  control?: Control\n  rules?: RegisterOptions\n  defaultValue?: TValue\n  errorMessage?: string\n  isRequired?: boolean\n  onChange?: (value: TValue) => void\n  onBlur?: () => void\n  transform?: Transform<TValue>\n  description?: React.ReactNode\n  inputRef?: Ref<TRef>\n}\n\nconst processDescription = (description: React.ReactNode): React.ReactNode => {\n  if (!description || typeof description !== 'string') {\n    return description\n  }\n\n  // Use DOMPurify to sanitize the string and return a React element\n  return React.createElement('div', {\n    dangerouslySetInnerHTML: createMarkup(description),\n  })\n}\n\nexport function useField<TValue = string, TRef = HTMLInputElement>({\n  name,\n  control: controlProp,\n  rules = {},\n  defaultValue,\n  errorMessage,\n  isRequired = false,\n  onChange,\n  onBlur,\n  transform,\n  description,\n  inputRef,\n}: UseFieldProps<TValue, TRef>) {\n  // useFormContext returns null outside FormProvider at runtime despite its non-null type signature\n  const formContext = useFormContext() as ReturnType<typeof useFormContext> | null\n  const resolvedControl = controlProp ?? formContext?.control\n\n  if (!resolvedControl) {\n    throw new Error('useField requires either a `control` prop or a FormProvider ancestor.')\n  }\n\n  const { field, fieldState } = useController({\n    name,\n    control: resolvedControl,\n    rules: {\n      required: isRequired,\n      ...rules,\n    },\n    defaultValue,\n  })\n\n  const { value } = field\n\n  const ref = useForkRef(field.ref, inputRef)\n\n  const handleChange = (updatedValue: TValue) => {\n    const value = transform ? transform(updatedValue) : updatedValue\n    field.onChange(value)\n    onChange?.(value)\n  }\n\n  const handleBlur = () => {\n    field.onBlur()\n    onBlur?.()\n  }\n\n  // When control is explicitly provided (UNSTABLE_Hooks prop-based path),\n  // errorMessage is a resolved error and is authoritative.\n  // When control comes from context (legacy pre-built path),\n  // errorMessage is a static i18n template — only display it when RHF has an error.\n  const isInvalid = controlProp ? !!fieldState.error || !!errorMessage : !!fieldState.error\n\n  const processedDescription = useMemo(() => processDescription(description), [description])\n\n  return {\n    name: field.name,\n    value: value as TValue,\n    inputRef: ref,\n    isInvalid,\n    errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n    onChange: handleChange,\n    onBlur: handleBlur,\n    isRequired,\n    description: processedDescription,\n  }\n}\n"],"names":["processDescription","description","React","createMarkup","useField","name","controlProp","rules","defaultValue","errorMessage","isRequired","onChange","onBlur","transform","inputRef","formContext","useFormContext","resolvedControl","field","fieldState","useController","value","ref","useForkRef","handleChange","updatedValue","handleBlur","isInvalid","processedDescription","useMemo"],"mappings":";;;;AAsBA,MAAMA,IAAqB,CAACC,MACtB,CAACA,KAAe,OAAOA,KAAgB,WAClCA,IAIFC,EAAM,cAAc,OAAO;AAAA,EAChC,yBAAyBC,EAAaF,CAAW;AAAA,CAClD;AAGI,SAASG,EAAmD;AAAA,EACjE,MAAAC;AAAA,EACA,SAASC;AAAA,EACT,OAAAC,IAAQ,CAAA;AAAA,EACR,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAZ;AAAA,EACA,UAAAa;AACF,GAAgC;AAE9B,QAAMC,IAAcC,EAAA,GACdC,IAAkBX,KAAeS,GAAa;AAEpD,MAAI,CAACE;AACH,UAAM,IAAI,MAAM,uEAAuE;AAGzF,QAAM,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAc;AAAA,IAC1C,MAAAf;AAAA,IACA,SAASY;AAAA,IACT,OAAO;AAAA,MACL,UAAUP;AAAA,MACV,GAAGH;AAAA,IAAA;AAAA,IAEL,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,OAAAa,MAAUH,GAEZI,IAAMC,EAAWL,EAAM,KAAKJ,CAAQ,GAEpCU,IAAe,CAACC,MAAyB;AAC7C,UAAMJ,IAAQR,IAAYA,EAAUY,CAAY,IAAIA;AACpD,IAAAP,EAAM,SAASG,CAAK,GACpBV,IAAWU,CAAK;AAAA,EAClB,GAEMK,IAAa,MAAM;AACvB,IAAAR,EAAM,OAAA,GACNN,IAAA;AAAA,EACF,GAMMe,IAAYrB,IAAc,CAAC,CAACa,EAAW,SAAS,CAAC,CAACV,IAAe,CAAC,CAACU,EAAW,OAE9ES,IAAuBC,EAAQ,MAAM7B,EAAmBC,CAAW,GAAG,CAACA,CAAW,CAAC;AAEzF,SAAO;AAAA,IACL,MAAMiB,EAAM;AAAA,IACZ,OAAAG;AAAA,IACA,UAAUC;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAalB,KAAgBU,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUK;AAAA,IACV,QAAQE;AAAA,IACR,YAAAhB;AAAA,IACA,aAAakB;AAAA,EAAA;AAEjB;"}