@gusto/embedded-react-sdk 0.13.2 → 0.13.4

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

@@ -1,8 +1,8 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useField as g } from "../hooks/useField.js";
-import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useStringifyGenericFieldValue as h } from "../hooks/useStringifyGenericFieldValue.js";
-const v = ({
+import { jsx as h } from "react/jsx-runtime";
+import { useField as x } from "../hooks/useField.js";
+import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStringifyGenericFieldValue as P } from "../hooks/useStringifyGenericFieldValue.js";
+const V = ({
   rules: e,
   defaultValue: o,
   name: n,
@@ -12,25 +12,31 @@ const v = ({
   transform: s,
   options: m,
   convertValueToString: l,
-  ...p
+  description: p,
+  onBlur: c,
+  inputRef: f,
+  ...u
 }) => {
-  const c = F(), { value: f, onChange: u, ...C } = g({
+  const C = S(), { value: a, onChange: d, ...g } = x({
     name: n,
     rules: e,
     defaultValue: o,
     errorMessage: t,
     isRequired: r,
     onChange: i,
-    transform: s
-  }), a = h({
+    transform: s,
+    description: p,
+    onBlur: c,
+    inputRef: f
+  }), F = P({
     options: m,
-    value: f,
-    onChange: u,
+    value: a,
+    onChange: d,
     convertValueToString: l
   });
-  return /* @__PURE__ */ d(c.Select, { ...p, ...C, ...a });
+  return /* @__PURE__ */ h(C.Select, { ...u, ...g, ...F });
 };
 export {
-  v as SelectField
+  V 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 { 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 Omit<SelectProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'options'>,\n    UseFieldProps<TValue> {\n  options: GenericSelectOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\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  ...selectProps\n}: SelectFieldProps<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  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, SelectOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.Select {...selectProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["SelectField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","selectProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAiBO,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,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAoD;AAAA,IAC3E,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAED,SAAO,gBAAAU,EAACR,EAAW,QAAX,EAAmB,GAAGD,GAAc,GAAGK,GAAa,GAAGE,GAAkB;AACnF;"}
+{"version":3,"file":"SelectField.js","sources":["../../../../../src/components/Common/Fields/SelectField/SelectField.tsx"],"sourcesContent":["import { 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 Omit<SelectProps, 'name' | 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue, HTMLButtonElement> {\n  options: GenericSelectOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\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  ...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  return <Components.Select {...selectProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["SelectField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","selectProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAiBO,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,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAoC;AAAA,IAC7E,MAAAhB;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,GAEKQ,IAAmBC,EAAoD;AAAA,IAC3E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD;AAED,SAAO,gBAAAa,EAACR,EAAW,QAAX,EAAmB,GAAGD,GAAc,GAAGK,GAAa,GAAGE,GAAkB;AACnF;"}

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

@@ -1,5 +1,5 @@
 import { UseFieldProps } from '../hooks/useField';
 import { SwitchProps } from '../../UI/Switch/SwitchTypes';
-export interface SwitchFieldProps extends Omit<SwitchProps, 'name' | 'checked' | 'onChange'>, UseFieldProps<boolean> {
+export interface SwitchFieldProps extends Omit<SwitchProps, 'name' | 'checked' | 'onChange' | 'isInvalid'>, UseFieldProps<boolean> {
 }
 export declare const SwitchField: React.FC<SwitchFieldProps>;

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

@@ -1,7 +1,7 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useField as d } from "../hooks/useField.js";
-import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const h = ({
+import { jsx as u } from "react/jsx-runtime";
+import { useField as x } from "../hooks/useField.js";
+import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const S = ({
   rules: o,
   defaultValue: t,
   name: e,
@@ -9,20 +9,26 @@ const h = ({
   isRequired: n,
   onChange: i,
   transform: m,
-  ...s
+  description: s,
+  onBlur: p,
+  inputRef: c,
+  ...f
 }) => {
-  const p = l(), c = d({
+  const d = C(), l = x({
     name: e,
     rules: o,
     defaultValue: t,
     errorMessage: r,
     isRequired: n,
     onChange: i,
-    transform: m
+    transform: m,
+    description: s,
+    onBlur: p,
+    inputRef: c
   });
-  return /* @__PURE__ */ f(p.Switch, { ...c, ...s });
+  return /* @__PURE__ */ u(d.Switch, { ...f, ...l });
 };
 export {
-  h as SwitchField
+  S 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 { 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'>,\n    UseFieldProps<boolean> {}\n\nexport const SwitchField: React.FC<SwitchFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\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  })\n\n  return <Components.Switch {...fieldProps} {...switchProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","switchProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAOO,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,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAT;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,QAAX,EAAmB,GAAGE,GAAa,GAAGH,GAAa;AAC7D;"}
+{"version":3,"file":"SwitchField.js","sources":["../../../../../src/components/Common/Fields/SwitchField/SwitchField.tsx"],"sourcesContent":["import { 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'>,\n    UseFieldProps<boolean> {}\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  ...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  return <Components.Switch {...switchProps} {...fieldProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","switchProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAOO,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,GAAGC;AACL,MAAwB;AACtB,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,QAAX,EAAmB,GAAGD,GAAc,GAAGG,GAAY;AAC7D;"}

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

@@ -1,5 +1,5 @@
 import { UseFieldProps } from '../hooks/useField';
 import { TextInputProps } from '../../UI/TextInput/TextInputTypes';
-export interface TextInputFieldProps extends Omit<TextInputProps, 'name' | 'value'>, UseFieldProps {
+export interface TextInputFieldProps extends Omit<TextInputProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps {
 }
 export declare const TextInputField: React.FC<TextInputFieldProps>;

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

@@ -1,7 +1,7 @@
-import { jsx as x } from "react/jsx-runtime";
-import { useField as f } from "../hooks/useField.js";
-import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const F = ({
+import { jsx as d } from "react/jsx-runtime";
+import { useField as l } from "../hooks/useField.js";
+import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const j = ({
   rules: o,
   defaultValue: t,
   name: e,
@@ -9,20 +9,26 @@ const F = ({
   isRequired: r,
   onChange: p,
   transform: m,
-  ...s
+  description: s,
+  onBlur: i,
+  inputRef: u,
+  ...x
 }) => {
-  const i = c(), u = f({
+  const f = C(), c = l({
     name: e,
     rules: o,
     defaultValue: t,
     errorMessage: n,
     isRequired: r,
     onChange: p,
-    transform: m
+    transform: m,
+    description: s,
+    onBlur: i,
+    inputRef: u
   });
-  return /* @__PURE__ */ x(i.TextInput, { ...u, ...s });
+  return /* @__PURE__ */ d(f.TextInput, { ...x, ...c });
 };
 export {
-  F as TextInputField
+  j 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 { 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'>,\n    UseFieldProps {}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\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  })\n\n  return <Components.TextInput {...fieldProps} {...textInputProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","textInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,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,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAT;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,WAAX,EAAsB,GAAGE,GAAa,GAAGH,GAAgB;AACnE;"}
+{"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import { 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'>,\n    UseFieldProps {}\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  ...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  return <Components.TextInput {...textInputProps} {...fieldProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","textInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,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,GAAGC;AACL,MAA2B;AACzB,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,WAAX,EAAsB,GAAGD,GAAiB,GAAGG,GAAY;AACnE;"}

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

@@ -1,25 +1,26 @@
 import { RegisterOptions } from 'react-hook-form';
-import { default as React } from 'react';
+import { default as React, Ref } from 'react';
 export type Transform<TValue> = (value: TValue) => TValue;
-export interface UseFieldProps<TValue = string> {
+export interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {
     name: string;
     rules?: RegisterOptions;
     defaultValue?: TValue;
     errorMessage?: string;
     isRequired?: boolean;
     onChange?: (value: TValue) => void;
+    onBlur?: () => void;
     transform?: Transform<TValue>;
     description?: React.ReactNode;
+    inputRef?: Ref<TRef>;
 }
-export declare function useField<TValue = string>({ name, rules, defaultValue, errorMessage, isRequired, onChange, transform, description, }: UseFieldProps<TValue>): {
+export declare function useField<TValue = string, TRef = HTMLInputElement>({ name, rules, defaultValue, errorMessage, isRequired, onChange, onBlur, transform, description, inputRef, }: UseFieldProps<TValue, TRef>): {
+    name: string;
     value: TValue;
-    inputRef: import('react-hook-form').RefCallBack;
+    inputRef: React.RefCallback<any> | null;
     isInvalid: boolean;
     errorMessage: string | undefined;
     onChange: (updatedValue: TValue) => void;
+    onBlur: () => void;
     isRequired: boolean;
     description: React.ReactNode;
-    onBlur: import('react-hook-form').Noop;
-    disabled?: boolean;
-    name: string;
 };

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

@@ -1,43 +1,49 @@
-import { useFormContext as h, useController as M } from "react-hook-form";
-import F, { useMemo as x } from "react";
-import { createMarkup as y } from "../../../../helpers/formattedStrings.js";
-const D = (e) => !e || typeof e != "string" ? e : F.createElement("div", {
-  dangerouslySetInnerHTML: y(e)
+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 { useForkRef as I } from "../../../../hooks/useForkRef/useForkRef.js";
+const R = (e) => !e || typeof e != "string" ? e : x.createElement("div", {
+  dangerouslySetInnerHTML: D(e)
 });
-function k({
+function L({
   name: e,
-  rules: u = {},
-  defaultValue: i,
-  errorMessage: f,
+  rules: c = {},
+  defaultValue: f,
+  errorMessage: m,
   isRequired: o = !1,
-  onChange: m,
-  transform: t,
-  description: n
+  onChange: i,
+  onBlur: p,
+  transform: n,
+  description: t,
+  inputRef: g
 }) {
-  const { control: p } = h(), { field: r, fieldState: s } = M({
+  const { control: d } = F(), { field: r, fieldState: s } = k({
     name: e,
-    control: p,
+    control: d,
     rules: {
       required: o,
-      ...u
+      ...c
     },
-    defaultValue: i
-  }), { ref: g, ...d } = r, v = (a) => {
-    const c = t ? t(a) : a;
-    r.onChange(c), m?.(c);
-  }, l = !!s.error, C = x(() => D(n), [n]);
+    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]);
   return {
-    ...d,
-    value: r.value,
-    inputRef: g,
+    name: r.name,
+    value: h,
+    inputRef: v,
     isInvalid: l,
-    errorMessage: l ? f ?? s.error?.message : void 0,
-    onChange: v,
+    errorMessage: l ? m ?? s.error?.message : void 0,
+    onChange: C,
+    onBlur: M,
     isRequired: o,
-    description: C
+    description: B
   };
 }
 export {
-  k as useField
+  L as useField
 };
 //# sourceMappingURL=useField.js.map

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 } from 'react'\nimport { createMarkup } from '@/helpers/formattedStrings'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string> {\n  name: string\n  rules?: RegisterOptions\n  defaultValue?: TValue\n  errorMessage?: string\n  isRequired?: boolean\n  onChange?: (value: TValue) => void\n  transform?: Transform<TValue>\n  description?: React.ReactNode\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>({\n  name,\n  rules = {},\n  defaultValue,\n  errorMessage,\n  isRequired = false,\n  onChange,\n  transform,\n  description,\n}: UseFieldProps<TValue>) {\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 { ref, ...restFieldProps } = field\n\n  const handleChange = (updatedValue: TValue) => {\n    const value = transform ? transform(updatedValue) : updatedValue\n    field.onChange(value)\n    onChange?.(value)\n  }\n\n  const isInvalid = !!fieldState.error\n\n  const processedDescription = useMemo(() => processDescription(description), [description])\n\n  return {\n    ...restFieldProps,\n    value: field.value as TValue,\n    inputRef: ref,\n    isInvalid,\n    errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n    onChange: handleChange,\n    isRequired,\n    description: processedDescription,\n  }\n}\n"],"names":["processDescription","description","React","createMarkup","useField","name","rules","defaultValue","errorMessage","isRequired","onChange","transform","control","useFormContext","field","fieldState","useController","ref","restFieldProps","handleChange","updatedValue","value","isInvalid","processedDescription","useMemo"],"mappings":";;;AAkBA,MAAMA,IAAqB,CAACC,MACtB,CAACA,KAAe,OAAOA,KAAgB,WAClCA,IAIFC,EAAM,cAAc,OAAO;AAAA,EAChC,yBAAyBC,EAAaF,CAAW;AAAA,CAClD;AAGI,SAASG,EAA0B;AAAA,EACxC,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAV;AACF,GAA0B;AACxB,QAAM,EAAE,SAAAW,EAAA,IAAYC,EAAA,GACd,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAc;AAAA,IAC1C,MAAAX;AAAA,IACA,SAAAO;AAAA,IACA,OAAO;AAAA,MACL,UAAUH;AAAA,MACV,GAAGH;AAAA,IAAA;AAAA,IAEL,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,KAAAU,GAAK,GAAGC,EAAA,IAAmBJ,GAE7BK,IAAe,CAACC,MAAyB;AAC7C,UAAMC,IAAQV,IAAYA,EAAUS,CAAY,IAAIA;AACpD,IAAAN,EAAM,SAASO,CAAK,GACpBX,IAAWW,CAAK;AAAA,EAClB,GAEMC,IAAY,CAAC,CAACP,EAAW,OAEzBQ,IAAuBC,EAAQ,MAAMxB,EAAmBC,CAAW,GAAG,CAACA,CAAW,CAAC;AAEzF,SAAO;AAAA,IACL,GAAGiB;AAAA,IACH,OAAOJ,EAAM;AAAA,IACb,UAAUG;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAad,KAAgBO,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUI;AAAA,IACV,YAAAV;AAAA,IACA,aAAac;AAAA,EAAA;AAEjB;"}
+{"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;"}

package/dist/components/Common/SignatureForm/SignatureForm.js

@@ -5,22 +5,24 @@ import { zodResolver as l } from "@hookform/resolvers/zod";
 import t from "./SignatureForm.module.scss.js";
 import { Form as u } from "../Form/Form.js";
 import { Flex as c } from "../Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
 const f = o.object({
   signature: o.string().min(1),
   confirmSignature: o.literal(!0)
-}), d = {
+}), p = {
   signature: ""
 };
-function b({ onSubmit: m, children: i, formProps: n }) {
+function z({ onSubmit: m, children: i, formProps: n }) {
   const e = s({
     resolver: l(f),
-    defaultValues: d,
+    defaultValues: p,
     ...n
   });
   return /* @__PURE__ */ r(a, { ...e, children: /* @__PURE__ */ r(u, { onSubmit: e.handleSubmit(m), className: t.container, children: /* @__PURE__ */ r("div", { className: t.formFields, children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: i }) }) }) });
 }
 export {
-  b as SignatureForm,
+  z as SignatureForm,
   f as SignatureFormSchema
 };
 //# sourceMappingURL=SignatureForm.js.map

package/dist/components/Common/SignatureForm/SignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n  signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n  onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n  children?: React.ReactNode\n  formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n  const methods = useForm<SignatureFormInputs>({\n    resolver: zodResolver(SignatureFormSchema),\n    defaultValues: signatureFormDefaultValues,\n    ...formProps,\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n        <div className={styles.formFields}>\n          <Flex flexDirection=\"column\" gap={20}>\n            {children}\n          </Flex>\n        </div>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}
+{"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n  signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n  onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n  children?: React.ReactNode\n  formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n  const methods = useForm<SignatureFormInputs>({\n    resolver: zodResolver(SignatureFormSchema),\n    defaultValues: signatureFormDefaultValues,\n    ...formProps,\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n        <div className={styles.formFields}>\n          <Flex flexDirection=\"column\" gap={20}>\n            {children}\n          </Flex>\n        </div>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}

package/dist/components/Common/SignatureForm/SignatureFormActions.js

@@ -1,19 +1,21 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { ActionsLayout as m } from "../ActionsLayout/ActionsLayout.js";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function f({
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import "classnames";
+import "../../../shared/constants.js";
+import { ActionsLayout as s } from "../ActionsLayout/ActionsLayout.js";
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function d({
   onBack: t,
   backLabel: r,
-  submitLabel: e,
-  isLoading: i = !1
+  submitLabel: i,
+  isLoading: e = !1
 }) {
-  const o = u();
-  return /* @__PURE__ */ s(m, { children: [
+  const o = p();
+  return /* @__PURE__ */ m(s, { children: [
     t && /* @__PURE__ */ n(o.Button, { variant: "secondary", type: "button", onClick: t, children: r }),
-    /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: i, children: e })
+    /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: e, children: i })
   ] });
 }
 export {
-  f as SignatureFormActions
+  d as SignatureFormActions
 };
 //# sourceMappingURL=SignatureFormActions.js.map

package/dist/components/Common/SignatureForm/SignatureFormActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Common/SignatureForm/SignatureFormFields.js

@@ -1,14 +1,16 @@
-import { jsxs as s, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, Fragment as s, jsx as e } from "react/jsx-runtime";
+import "classnames";
+import "../../../shared/constants.js";
 import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
 import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
-function p({
+function f({
   signatureLabel: r,
   signatureDescription: i = "",
   signatureError: t = "",
   confirmationLabel: o,
-  confirmationError: n = ""
+  confirmationError: m = ""
 }) {
-  return /* @__PURE__ */ s(m, { children: [
+  return /* @__PURE__ */ n(s, { children: [
     /* @__PURE__ */ e(
       a,
       {
@@ -25,12 +27,12 @@ function p({
         name: "confirmSignature",
         isRequired: !0,
         label: o,
-        errorMessage: n
+        errorMessage: m
       }
     )
   ] });
 }
 export {
-  p as SignatureFormFields
+  f as SignatureFormFields
 };
 //# sourceMappingURL=SignatureFormFields.js.map

package/dist/components/Common/SignatureForm/SignatureFormFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

package/dist/components/Common/UI/Alert/Alert.js

@@ -1,20 +1,20 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
 import { useId as u, useRef as p, useEffect as v } from "react";
 import g from "classnames";
 import { ButtonIcon as N } from "../Button/ButtonIcon.js";
-import { AlertDefaults as S } from "./AlertTypes.js";
+import { AlertDefaults as b } from "./AlertTypes.js";
 import e from "./Alert.module.scss.js";
-import { applyMissingDefaults as b } from "../../../../helpers/applyMissingDefaults.js";
+import { applyMissingDefaults as S } from "../../../../helpers/applyMissingDefaults.js";
 import I from "../../../../assets/icons/info.svg.js";
 import y from "../../../../assets/icons/success_check.svg.js";
-import D from "../../../../assets/icons/warning.svg.js";
-import w from "../../../../assets/icons/error.svg.js";
-import x from "../../../../assets/icons/close.svg.js";
-function z(n) {
-  const l = b(n, S), { label: c, children: m, status: i, icon: d, className: f, onDismiss: t } = l, o = u(), s = p(null), h = i === "info" ? /* @__PURE__ */ r(I, { "aria-hidden": !0 }) : i === "success" ? /* @__PURE__ */ r(y, { "aria-hidden": !0 }) : i === "warning" ? /* @__PURE__ */ r(D, { "aria-hidden": !0 }) : /* @__PURE__ */ r(w, { "aria-hidden": !0 });
+import C from "../../../../assets/icons/warning.svg.js";
+import D from "../../../../assets/icons/error.svg.js";
+import w from "../../../../assets/icons/close.svg.js";
+function q(n) {
+  const l = S(n, b), { label: c, children: m, status: i, icon: d, className: f, onDismiss: a } = l, o = u(), s = p(null), h = i === "info" ? /* @__PURE__ */ r(I, { "aria-hidden": !0 }) : i === "success" ? /* @__PURE__ */ r(y, { "aria-hidden": !0 }) : i === "warning" ? /* @__PURE__ */ r(C, { "aria-hidden": !0 }) : /* @__PURE__ */ r(D, { "aria-hidden": !0 });
   return v(() => {
     s.current && s.current.scrollIntoView({ behavior: "smooth" });
-  }, []), /* @__PURE__ */ r("div", { className: g(e.root, f), children: /* @__PURE__ */ a(
+  }, []), /* @__PURE__ */ r("div", { className: g(e.root, f), children: /* @__PURE__ */ t(
     "div",
     {
       className: e.alert,
@@ -23,17 +23,17 @@ function z(n) {
       "data-variant": i,
       ref: s,
       children: [
-        /* @__PURE__ */ r("div", { className: e.icon, children: d || h }),
-        /* @__PURE__ */ a("div", { className: e.contentWrapper, children: [
+        /* @__PURE__ */ r("div", { className: e.header, children: /* @__PURE__ */ t("div", { className: e.iconLabelContainer, children: [
+          /* @__PURE__ */ r("div", { className: e.icon, children: d || h }),
           /* @__PURE__ */ r("h6", { id: o, children: c }),
-          /* @__PURE__ */ r("div", { className: e.content, children: m })
-        ] }),
-        t && /* @__PURE__ */ r("div", { className: e.dismiss, children: /* @__PURE__ */ r(N, { variant: "tertiary", onClick: t, "aria-label": "Dismiss alert", children: /* @__PURE__ */ r(x, { width: 36, height: 36 }) }) })
+          a && /* @__PURE__ */ r("div", { className: e.dismiss, children: /* @__PURE__ */ r(N, { variant: "tertiary", onClick: a, "aria-label": "Dismiss alert", children: /* @__PURE__ */ r(w, { width: 36, height: 36 }) }) })
+        ] }) }),
+        /* @__PURE__ */ r("div", { className: e.content, children: m })
       ]
     }
   ) });
 }
 export {
-  z as Alert
+  q as Alert
 };
 //# sourceMappingURL=Alert.js.map

package/dist/components/Common/UI/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { ButtonIcon } from '../Button/ButtonIcon'\nimport { type AlertProps, AlertDefaults } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\nimport CloseIcon from '@/assets/icons/close.svg?react'\n\nexport function Alert(rawProps: AlertProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, AlertDefaults)\n  const { label, children, status, icon, className, onDismiss } = resolvedProps\n  const id = useId()\n  const alertRef = useRef<HTMLDivElement>(null)\n  const defaultIcon =\n    status === 'info' ? (\n      <InfoIcon aria-hidden />\n    ) : status === 'success' ? (\n      <SuccessIcon aria-hidden />\n    ) : status === 'warning' ? (\n      <WarningIcon aria-hidden />\n    ) : (\n      <ErrorIcon aria-hidden />\n    )\n\n  useEffect(() => {\n    if (alertRef.current) alertRef.current.scrollIntoView({ behavior: 'smooth' })\n  }, [])\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <div\n        className={styles.alert}\n        role=\"alert\"\n        aria-labelledby={id}\n        data-variant={status}\n        ref={alertRef}\n      >\n        <div className={styles.icon}>{icon || defaultIcon}</div>\n        <div className={styles.contentWrapper}>\n          <h6 id={id}>{label}</h6>\n          <div className={styles.content}>{children}</div>\n        </div>\n        {onDismiss && (\n          <div className={styles.dismiss}>\n            <ButtonIcon variant=\"tertiary\" onClick={onDismiss} aria-label=\"Dismiss alert\">\n              <CloseIcon width={36} height={36} />\n            </ButtonIcon>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["Alert","rawProps","resolvedProps","applyMissingDefaults","AlertDefaults","label","children","status","icon","className","onDismiss","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs","ButtonIcon","CloseIcon"],"mappings":";;;;;;;;;;;;AAYO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,GAAW,WAAAC,MAAcR,GAC1DS,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJR,MAAW,SACT,gBAAAS,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBV,MAAW,YACb,gBAAAS,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBX,MAAW,YACb,gBAAAS,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAIR,EAAS,WAASA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU;AAAA,EAC9E,GAAG,CAAA,CAAE,qBAGF,OAAA,EAAI,WAAWS,EAAWC,EAAO,MAAMd,CAAS,GAC/C,UAAA,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcJ;AAAA,MACd,KAAKM;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,QAClD,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA;AAAA,UAAA,gBAAAP,EAAC,MAAA,EAAG,IAAAL,GAAS,UAAAN,EAAA,CAAM;AAAA,UACnB,gBAAAW,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAjB,EAAA,CAAS;AAAA,QAAA,GAC5C;AAAA,QACCI,uBACE,OAAA,EAAI,WAAWa,EAAO,SACrB,UAAA,gBAAAP,EAACS,KAAW,SAAQ,YAAW,SAASf,GAAW,cAAW,iBAC5D,UAAA,gBAAAM,EAACU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACpC,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { ButtonIcon } from '../Button/ButtonIcon'\nimport { type AlertProps, AlertDefaults } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\nimport CloseIcon from '@/assets/icons/close.svg?react'\n\nexport function Alert(rawProps: AlertProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, AlertDefaults)\n  const { label, children, status, icon, className, onDismiss } = resolvedProps\n  const id = useId()\n  const alertRef = useRef<HTMLDivElement>(null)\n  const defaultIcon =\n    status === 'info' ? (\n      <InfoIcon aria-hidden />\n    ) : status === 'success' ? (\n      <SuccessIcon aria-hidden />\n    ) : status === 'warning' ? (\n      <WarningIcon aria-hidden />\n    ) : (\n      <ErrorIcon aria-hidden />\n    )\n\n  useEffect(() => {\n    if (alertRef.current) alertRef.current.scrollIntoView({ behavior: 'smooth' })\n  }, [])\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <div\n        className={styles.alert}\n        role=\"alert\"\n        aria-labelledby={id}\n        data-variant={status}\n        ref={alertRef}\n      >\n        <div className={styles.header}>\n          <div className={styles.iconLabelContainer}>\n            <div className={styles.icon}>{icon || defaultIcon}</div>\n            <h6 id={id}>{label}</h6>\n            {onDismiss && (\n              <div className={styles.dismiss}>\n                <ButtonIcon variant=\"tertiary\" onClick={onDismiss} aria-label=\"Dismiss alert\">\n                  <CloseIcon width={36} height={36} />\n                </ButtonIcon>\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={styles.content}>{children}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["Alert","rawProps","resolvedProps","applyMissingDefaults","AlertDefaults","label","children","status","icon","className","onDismiss","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs","ButtonIcon","CloseIcon"],"mappings":";;;;;;;;;;;;AAYO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,GAAW,WAAAC,MAAcR,GAC1DS,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJR,MAAW,SACT,gBAAAS,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBV,MAAW,YACb,gBAAAS,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBX,MAAW,YACb,gBAAAS,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAIR,EAAS,WAASA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU;AAAA,EAC9E,GAAG,CAAA,CAAE,qBAGF,OAAA,EAAI,WAAWS,EAAWC,EAAO,MAAMd,CAAS,GAC/C,UAAA,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcJ;AAAA,MACd,KAAKM;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,QACrB,4BAAC,OAAA,EAAI,WAAWA,EAAO,oBACrB,UAAA;AAAA,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,UAClD,gBAAAC,EAAC,MAAA,EAAG,IAAAL,GAAS,UAAAN,EAAA,CAAM;AAAA,UAClBK,uBACE,OAAA,EAAI,WAAWa,EAAO,SACrB,UAAA,gBAAAP,EAACS,KAAW,SAAQ,YAAW,SAASf,GAAW,cAAW,iBAC5D,UAAA,gBAAAM,EAACU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACpC,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QACA,gBAAAV,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAjB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE9C;AAEJ;"}

package/dist/components/Common/UI/Alert/Alert.module.scss.js

@@ -1,18 +1,20 @@
-const t = "_root_bw473_1", o = "_alert_bw473_1", n = "_icon_bw473_15", s = "_contentWrapper_bw473_23", _ = "_content_bw473_23", c = "_dismiss_bw473_41", e = {
-  root: t,
+const n = "_root_hr8n7_1", o = "_alert_hr8n7_1", t = "_header_hr8n7_15", e = "_iconLabelContainer_hr8n7_20", _ = "_icon_hr8n7_20", r = "_content_hr8n7_41", s = "_dismiss_hr8n7_50", c = {
+  root: n,
   alert: o,
-  icon: n,
-  contentWrapper: s,
-  content: _,
-  dismiss: c
+  header: t,
+  iconLabelContainer: e,
+  icon: _,
+  content: r,
+  dismiss: s
 };
 export {
   o as alert,
-  _ as content,
-  s as contentWrapper,
-  e as default,
-  c as dismiss,
-  n as icon,
-  t as root
+  r as content,
+  c as default,
+  s as dismiss,
+  t as header,
+  _ as icon,
+  e as iconLabelContainer,
+  n as root
 };
 //# sourceMappingURL=Alert.module.scss.js.map

package/dist/components/Common/UI/Alert/Alert.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Alert.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/Common/UI/Card/Card.module.scss.js

@@ -1,4 +1,4 @@
-const a = "_cardContainer_17qsq_1", n = {
+const a = "_cardContainer_sq7ek_1", n = {
   cardContainer: a
 };
 export {