impact-nova 2.6.0-alpha.0 → 2.6.0

package/dist/form-react/Fields/MonthRangeField.js

@@ -1,72 +1,72 @@
-import { jsx as u } from "react/jsx-runtime";
-import { Controller as x } from "react-hook-form";
-import { MonthRangePicker as F } from "../../components/forms/date-picker/month-range-picker.js";
-import { getFieldTestId as T } from "../utils/fieldTestIds.js";
-import { toLocalDate as o } from "../utils/calendar-boundary.js";
-const w = (a) => {
-  if (a.includes("/")) {
-    const [r, i] = a.split("/");
-    return { year: parseInt(i, 10), month: parseInt(r, 10) - 1 };
+import { jsx as i } from "react/jsx-runtime";
+import { Controller as F } from "react-hook-form";
+import { MonthRangePicker as b } from "../../components/forms/date-picker/month-range-picker.js";
+import { getFieldTestId as w } from "../utils/fieldTestIds.js";
+import { resolveMonthRangeMinMax as I } from "../utils/date.utils.js";
+const D = (r) => {
+  if (r.includes("/")) {
+    const [a, l] = r.split("/");
+    return { year: parseInt(l, 10), month: parseInt(a, 10) - 1 };
   }
-  const [s, l] = a.split("-");
-  return { year: parseInt(s, 10), month: parseInt(l, 10) - 1 };
-}, O = ({
-  field: a,
-  validationRules: s,
-  isDisabled: l,
-  formHelpers: r
+  const [n, s] = r.split("-");
+  return { year: parseInt(n, 10), month: parseInt(s, 10) - 1 };
+}, K = ({
+  field: r,
+  validationRules: n,
+  isDisabled: s,
+  formHelpers: a
 }) => {
-  const i = r.form.control, t = a.fieldType === "month_range" ? a : null;
-  if (!t) return null;
-  const y = t.displayFormat || "MM/YYYY", c = t.minMonthsOffset != null ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - t.minMonthsOffset, 1) : t.disablePastMonths ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1) : o(t.minDate), h = t.maxMonthsOffset != null ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() + t.maxMonthsOffset, 1) : o(t.maxDate);
-  return /* @__PURE__ */ u(
-    x,
+  const l = a.form.control, e = r.fieldType === "month_range" ? r : null;
+  if (!e) return null;
+  const y = e.displayFormat || "MM/YYYY", { minDate: u, maxDate: c, startMonth: v, endMonth: $ } = I(e);
+  return /* @__PURE__ */ i(
+    F,
     {
-      name: a.id,
-      control: i,
-      defaultValue: t.defaultRange ? { start: t.defaultRange.start || null, end: t.defaultRange.end || null } : void 0,
-      rules: s,
-      render: ({ field: d, fieldState: M }) => {
-        const f = !!M.error, n = d.value, p = n?.start ? w(n.start) : null, m = n?.end ? w(n.end) : null, Y = p && m;
-        return /* @__PURE__ */ u("div", { "data-testid": T(a.id), children: /* @__PURE__ */ u(
-          F,
+      name: r.id,
+      control: l,
+      defaultValue: e.defaultRange ? { start: e.defaultRange.start || null, end: e.defaultRange.end || null } : void 0,
+      rules: n,
+      render: ({ field: d, fieldState: p }) => {
+        const M = !!p.error, o = d.value, h = o?.start ? D(o.start) : null, S = o?.end ? D(o.end) : null, x = h && S;
+        return /* @__PURE__ */ i("div", { "data-testid": w(r.id), children: /* @__PURE__ */ i(
+          b,
           {
-            label: a.label,
+            label: r.label,
             displayFormat: y,
-            ...Y && {
+            ...x && {
               value: {
-                from: p,
-                to: m
+                from: h,
+                to: S
               }
             },
-            onChange: (e) => {
-              if (!e?.from || !e?.to) {
-                const S = { start: null, end: null };
-                d.onChange(S), r.setValue(a.id, S);
+            onChange: (t) => {
+              if (!t?.from || !t?.to) {
+                const g = { start: null, end: null };
+                d.onChange(g), a.setValue(r.id, g);
                 return;
               }
-              const $ = e.from.start ? `${e.from.start.getFullYear()}-${String(e.from.start.getMonth() + 1).padStart(2, "0")}-${String(e.from.start.getDate()).padStart(2, "0")}` : `${e.from.year}-${String(e.from.month + 1).padStart(2, "0")}-01`, D = e.to.end ? e.to.end.getDate() : new Date(e.to.year, e.to.month + 1, 0).getDate(), v = e.to.end ? `${e.to.end.getFullYear()}-${String(e.to.end.getMonth() + 1).padStart(2, "0")}-${String(D).padStart(2, "0")}` : `${e.to.year}-${String(e.to.month + 1).padStart(2, "0")}-${String(D).padStart(2, "0")}`, g = {
-                start: $,
-                end: v
+              const Y = t.from.start ? `${t.from.start.getFullYear()}-${String(t.from.start.getMonth() + 1).padStart(2, "0")}-${String(t.from.start.getDate()).padStart(2, "0")}` : `${t.from.year}-${String(t.from.month + 1).padStart(2, "0")}-01`, m = t.to.end ? t.to.end.getDate() : new Date(t.to.year, t.to.month + 1, 0).getDate(), T = t.to.end ? `${t.to.end.getFullYear()}-${String(t.to.end.getMonth() + 1).padStart(2, "0")}-${String(m).padStart(2, "0")}` : `${t.to.year}-${String(t.to.month + 1).padStart(2, "0")}-${String(m).padStart(2, "0")}`, f = {
+                start: Y,
+                end: T
               };
-              d.onChange(g), r.setValue(a.id, g);
+              d.onChange(f), a.setValue(r.id, f);
             },
-            placeholder: a.placeholder,
-            minDate: c,
-            maxDate: h,
-            startMonth: c || o(t.startMonth),
-            endMonth: h || o(t.endMonth),
-            required: a.isRequired,
-            disabled: l,
-            error: f,
-            helperText: f ? M.error?.message : a.helpText,
+            placeholder: r.placeholder,
+            minDate: u,
+            maxDate: c,
+            startMonth: v ?? u,
+            endMonth: $ ?? c,
+            required: r.isRequired,
+            disabled: s,
+            error: M,
+            helperText: M ? p.error?.message : r.helpText,
             showFooter: !0,
-            calendarKind: t.calendarKind,
-            fiscalMode: t.fiscalMode,
-            fiscalYearStartMonth: t.fiscalYearStartMonth,
-            fiscalMonthPattern: t.fiscalMonthPattern,
-            showPresets: t.showPresets,
-            autoNavigateToAvailable: t.autoNavigateToAvailable
+            calendarKind: e.calendarKind,
+            fiscalMode: e.fiscalMode,
+            fiscalYearStartMonth: e.fiscalYearStartMonth,
+            fiscalMonthPattern: e.fiscalMonthPattern,
+            showPresets: e.showPresets,
+            autoNavigateToAvailable: e.autoNavigateToAvailable
           }
         ) });
       }
@@ -74,5 +74,5 @@ const w = (a) => {
   );
 };
 export {
-  O as MonthRangeField
+  K as MonthRangeField
 };

package/dist/form-react/Fields/MultiMonthPickerField.js

@@ -1,47 +1,49 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Controller as d } from "react-hook-form";
-import { MultiMonthPicker as p } from "../../components/forms/date-picker/multi-month-picker.js";
-import { getFieldTestId as M } from "../utils/fieldTestIds.js";
-import { toLocalDate as t } from "../utils/calendar-boundary.js";
-const D = ({
+import { Controller as v } from "react-hook-form";
+import { MultiMonthPicker as g } from "../../components/forms/date-picker/multi-month-picker.js";
+import { getFieldTestId as x } from "../utils/fieldTestIds.js";
+import { resolveMonthRangeMinMax as T } from "../utils/date.utils.js";
+const q = ({
   field: r,
-  validationRules: m,
+  validationRules: i,
   isDisabled: u,
-  formHelpers: h
+  formHelpers: m
 }) => {
-  const s = h.form.control, e = r.fieldType === "multi_month_picker" ? r : null;
-  return e ? /* @__PURE__ */ o(
-    d,
+  const s = m.form.control, e = r.fieldType === "multi_month_picker" ? r : null;
+  if (!e) return null;
+  const { minDate: h, maxDate: c, startMonth: d, endMonth: p } = T(e);
+  return /* @__PURE__ */ o(
+    v,
     {
       name: r.id,
       control: s,
-      rules: m,
-      render: ({ field: a, fieldState: n }) => {
-        const l = !!n.error, i = a.value;
-        return /* @__PURE__ */ o("div", { "data-testid": M(r.id), children: /* @__PURE__ */ o(
-          p,
+      rules: i,
+      render: ({ field: t, fieldState: n }) => {
+        const a = !!n.error, l = t.value;
+        return /* @__PURE__ */ o("div", { "data-testid": x(r.id), children: /* @__PURE__ */ o(
+          g,
           {
             label: r.label,
-            value: Array.isArray(i) ? i : void 0,
-            onChange: (c) => {
-              a.onChange(c ?? []);
+            value: Array.isArray(l) ? l : void 0,
+            onChange: (M) => {
+              t.onChange(M ?? []);
             },
             placeholder: r.placeholder,
             required: r.isRequired,
             disabled: u,
-            error: l,
-            helperText: l ? n.error?.message : r.helpText,
-            minDate: t(e.minDate),
-            maxDate: t(e.maxDate),
-            startMonth: t(e.startMonth),
-            endMonth: t(e.endMonth),
+            error: a,
+            helperText: a ? n.error?.message : r.helpText,
+            minDate: h,
+            maxDate: c,
+            startMonth: d,
+            endMonth: p,
             autoNavigateToAvailable: e.autoNavigateToAvailable
           }
         ) });
       }
     }
-  ) : null;
+  );
 };
 export {
-  D as MultiMonthPickerField
+  q as MultiMonthPickerField
 };

package/dist/form-react/Fields/MultiWeekPickerField.js

@@ -1,55 +1,58 @@
 import { jsx as a } from "react/jsx-runtime";
-import { Controller as h } from "react-hook-form";
+import { Controller as f } from "react-hook-form";
 import { MultiWeekPicker as p } from "../../components/forms/date-picker/multi-week-picker.js";
-import { fiscalCalendarPassThrough as f } from "../../components/forms/date-picker/fiscal-pass-through.js";
-import { getFieldTestId as g } from "../utils/fieldTestIds.js";
-import { toLocalDate as n } from "../utils/calendar-boundary.js";
-const x = ({
-  field: e,
-  validationRules: s,
-  isDisabled: u,
+import { fiscalCalendarPassThrough as g } from "../../components/forms/date-picker/fiscal-pass-through.js";
+import { getFieldTestId as k } from "../utils/fieldTestIds.js";
+import { resolveWeekRangeMinMax as M } from "../utils/date.utils.js";
+const b = ({
+  field: r,
+  validationRules: l,
+  isDisabled: s,
   formHelpers: c
 }) => {
-  const d = c.form.control, r = e.fieldType === "multi_week_picker" ? e : null;
-  return r ? /* @__PURE__ */ a(
-    h,
+  const u = c.form.control, e = r.fieldType === "multi_week_picker" ? r : null;
+  if (!e) return null;
+  const { minDate: d, maxDate: m } = M(e);
+  return /* @__PURE__ */ a(
+    f,
     {
-      name: e.id,
-      control: d,
-      rules: s,
-      render: ({ field: t, fieldState: o }) => {
-        const i = !!o.error, l = t.value;
-        return /* @__PURE__ */ a("div", { "data-testid": g(e.id), children: /* @__PURE__ */ a(
+      name: r.id,
+      control: u,
+      rules: l,
+      render: ({ field: o, fieldState: t }) => {
+        const i = !!t.error, n = o.value;
+        return /* @__PURE__ */ a("div", { "data-testid": k(r.id), children: /* @__PURE__ */ a(
           p,
           {
-            label: e.label,
-            value: Array.isArray(l) ? l : void 0,
-            onChange: (m) => {
-              t.onChange(m ?? []);
+            label: r.label,
+            value: Array.isArray(n) ? n : void 0,
+            onChange: (h) => {
+              o.onChange(h ?? []);
             },
-            placeholder: e.placeholder,
-            required: e.isRequired,
-            disabled: u,
+            placeholder: r.placeholder,
+            required: r.isRequired,
+            disabled: s,
             error: i,
-            helperText: i ? o.error?.message : e.helpText,
-            minDate: n(r.minDate),
-            maxDate: n(r.maxDate),
-            ...f({
-              calendarKind: r.calendarKind,
-              fiscalMode: r.fiscalMode,
-              granularity: r.granularity,
-              fiscalMonthPattern: r.fiscalMonthPattern,
-              fiscalYearStartMonth: r.fiscalYearStartMonth,
-              weekStartsOn: r.weekStartsOn,
-              showPeriodBoundaries: r.showPeriodBoundaries,
-              autoNavigateToAvailable: r.autoNavigateToAvailable
+            helperText: i ? t.error?.message : r.helpText,
+            minDate: d,
+            maxDate: m,
+            ...g({
+              calendarKind: e.calendarKind,
+              fiscalMode: e.fiscalMode,
+              granularity: e.granularity,
+              fiscalMonthPattern: e.fiscalMonthPattern,
+              fiscalYearStartMonth: e.fiscalYearStartMonth,
+              weekStartsOn: e.weekStartsOn,
+              fiscalConfig: e.fiscalConfig,
+              showPeriodBoundaries: e.showPeriodBoundaries,
+              autoNavigateToAvailable: e.autoNavigateToAvailable
             })
           }
         ) });
       }
     }
-  ) : null;
+  );
 };
 export {
-  x as MultiWeekPickerField
+  b as MultiWeekPickerField
 };

package/dist/form-react/Fields/MultiYearPickerField.js

@@ -1,52 +1,52 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Controller as p } from "react-hook-form";
-import { MultiYearPicker as M } from "../../components/forms/date-picker/multi-year-picker.js";
-import { getFieldTestId as w } from "../utils/fieldTestIds.js";
-import { toLocalDate as o } from "../utils/calendar-boundary.js";
-const g = ({
-  field: t,
-  validationRules: h,
-  isDisabled: u,
-  formHelpers: n
+import { jsx as o } from "react/jsx-runtime";
+import { Controller as v } from "react-hook-form";
+import { MultiYearPicker as P } from "../../components/forms/date-picker/multi-year-picker.js";
+import { getFieldTestId as Y } from "../utils/fieldTestIds.js";
+import { resolveYearRangeMinMax as g } from "../utils/date.utils.js";
+const T = ({
+  field: e,
+  validationRules: u,
+  isDisabled: c,
+  formHelpers: a
 }) => {
-  const e = t.fieldType === "multi_year_picker" ? t : null;
-  if (!e) return null;
-  const c = n.form.control, d = e.defaultValue?.map((r) => ({ year: r }));
-  return /* @__PURE__ */ a(
-    p,
+  const r = e.fieldType === "multi_year_picker" ? e : null;
+  if (!r) return null;
+  const { minDate: h, maxDate: d, startMonth: m, endMonth: p } = g(r), M = a.form.control, w = r.defaultValue?.map((t) => ({ year: t }));
+  return /* @__PURE__ */ o(
+    v,
     {
-      name: t.id,
-      control: c,
-      defaultValue: d,
-      rules: h,
-      render: ({ field: r, fieldState: l }) => {
-        const s = !!l.error, m = r.value;
-        return /* @__PURE__ */ a("div", { "data-testid": w(t.id), children: /* @__PURE__ */ a(
-          M,
+      name: e.id,
+      control: M,
+      defaultValue: w,
+      rules: u,
+      render: ({ field: t, fieldState: n }) => {
+        const l = !!n.error, s = t.value, f = Array.isArray(s) ? s : void 0;
+        return /* @__PURE__ */ o("div", { "data-testid": Y(e.id), children: /* @__PURE__ */ o(
+          P,
           {
-            label: t.label,
-            value: m ?? void 0,
+            label: e.label,
+            value: f,
             onChange: (i) => {
-              r.onChange(i ?? null), n.setValue(t.id, i ?? null);
+              t.onChange(i ?? null), a.setValue(e.id, i ?? null);
             },
-            placeholder: t.placeholder,
-            minDate: o(e.minDate),
-            maxDate: o(e.maxDate),
-            startMonth: o(e.startMonth),
-            endMonth: o(e.endMonth),
-            required: t.isRequired,
-            disabled: u,
-            error: s,
-            helperText: s ? l.error?.message : t.helpText,
-            showFooter: e.showFooter,
-            showIntervalCaption: e.showIntervalCaption,
-            calendarKind: e.calendarKind,
-            fiscalMode: e.fiscalMode,
-            fiscalYearStartMonth: e.fiscalYearStartMonth,
-            fiscalMonthPattern: e.fiscalMonthPattern,
-            weekStartsOn: e.weekStartsOn,
-            showPresets: e.showPresets,
-            ...e.componentProps
+            placeholder: e.placeholder,
+            minDate: h,
+            maxDate: d,
+            startMonth: m,
+            endMonth: p,
+            required: e.isRequired,
+            disabled: c,
+            error: l,
+            helperText: l ? n.error?.message : e.helpText,
+            showFooter: r.showFooter,
+            showIntervalCaption: r.showIntervalCaption,
+            calendarKind: r.calendarKind,
+            fiscalMode: r.fiscalMode,
+            fiscalYearStartMonth: r.fiscalYearStartMonth,
+            fiscalMonthPattern: r.fiscalMonthPattern,
+            weekStartsOn: r.weekStartsOn,
+            showPresets: r.showPresets,
+            ...r.componentProps
           }
         ) });
       }
@@ -54,5 +54,5 @@ const g = ({
   );
 };
 export {
-  g as MultiYearPickerField
+  T as MultiYearPickerField
 };

package/dist/form-react/Fields/SelectField.js

@@ -1,47 +1,46 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useState as A } from "react";
-import { Controller as M } from "react-hook-form";
-import { Select as f } from "../../components/forms/select/select.js";
+import { Controller as f } from "react-hook-form";
+import { Select as M } from "../../components/forms/select/select.js";
 import { useSelectOptions as x } from "../hooks/useSelectOptions.js";
-import { getFieldTestId as E } from "../utils/fieldTestIds.js";
-import { isEmptyValue as R } from "../../form-engine/is-empty-value.js";
-const $ = ({
+import { getFieldTestId as T } from "../utils/fieldTestIds.js";
+const L = ({
   field: e,
   validationRules: p,
-  isDisabled: m,
-  formHelpers: s,
-  supportedValues: u
+  isDisabled: u,
+  formHelpers: n,
+  supportedValues: d
 }) => {
-  const t = e.fieldType === "select" ? e : null, [d, n] = A(!1), S = s.form.control, h = u?.[e.id], { options: g, isLoading: b, error: y, refetch: O } = x({
+  const t = e.fieldType === "select" ? e : null, [m, i] = A(!1), S = n.form.control, h = d?.[e.id], { options: g, isLoading: b, error: O, refetch: C } = x({
     apiConfig: t?.apiConfig,
-    formHelpers: s,
+    formHelpers: n,
     initialOptions: t?.options,
     id: e.id,
-    isEnabled: d,
+    isEnabled: m,
     getSelectOptionsName: t?.getSelectOptionsName,
     fieldSupportedValues: h,
     cascadingDependency: e.cascadingDependency
   });
   return t ? /* @__PURE__ */ c(
-    M,
+    f,
     {
       name: e.id,
       control: S,
       rules: p,
       render: ({ field: o, fieldState: l }) => {
-        const a = !!l.error, i = o.value, C = t?.isMultiSelect ? e.id : `${e.id}-${R(i) ? "empty" : "has-value"}`;
+        const s = !!l.error, a = o.value, y = t?.isMultiSelect ? a ?? [] : a?.[0] ?? null;
         return /* @__PURE__ */ c(
-          f,
+          M,
           {
             id: e.id,
             label: e.label,
             placeholder: e?.placeholder,
             required: e.isRequired,
             isReadOnly: e.isFieldReadonly,
-            disabled: m,
+            disabled: u,
             options: g,
             maxSelectableOptions: t?.maxSelectLimit,
-            value: t?.isMultiSelect ? i ?? [] : i?.[0],
+            value: y,
             onChange: (r) => {
               t?.isMultiSelect ? o.onChange(
                 Array.isArray(r) ? r : []
@@ -54,22 +53,21 @@ const $ = ({
             multiple: t?.isMultiSelect,
             isSelectAllEnabled: !t?.disableSelectAll,
             labelOrientation: t?.labelOrientation || "top",
-            error: a,
-            helperText: a ? l.error?.message : e.helpText,
+            error: s,
+            helperText: s ? l.error?.message : e.helpText,
             ignoreAccents: !0,
             isLoading: b,
-            fetchError: y,
-            onRefetch: O,
-            onMenuOpen: () => n(!0),
-            onMenuClose: () => n(!1),
-            "data-testid": E(e.id)
-          },
-          C
+            fetchError: O,
+            onRefetch: C,
+            onMenuOpen: () => i(!0),
+            onMenuClose: () => i(!1),
+            "data-testid": T(e.id)
+          }
         );
       }
     }
   ) : null;
 };
 export {
-  $ as SelectField
+  L as SelectField
 };

package/dist/form-react/Fields/TextFieldWithBackendValidation.js

@@ -1,5 +1,5 @@
-import { jsx as m, jsxs as T } from "react/jsx-runtime";
-import { useRef as p, useState as C } from "react";
+import { jsx as m, jsxs as v } from "react/jsx-runtime";
+import { useRef as p, useState as T } from "react";
 import { Controller as k } from "react-hook-form";
 import { SmartInput as I } from "../../components/forms/smart-input/smart-input.js";
 const B = ({
@@ -8,35 +8,35 @@ const B = ({
   isDisabled: x,
   formHelpers: t
 }) => {
-  const i = e.fieldType === "text_with_backend_validation" ? e : null, o = p(!1), l = p(null), [h, f] = C(!1), v = async (r) => {
+  const i = e.fieldType === "text_with_backend_validation" ? e : null, o = p(!1), l = p(null), [h, f] = T(!1), C = async (n) => {
     if (i?.validationConfig?.omitValidation?.includes(
       e.id
     )) {
       o.current = !1, l.current = null, await t.form.trigger(e.id);
       return;
     }
-    if (!(!r || r.trim() === "")) {
+    if (!(!n || n.trim() === "")) {
       f(!0);
       try {
-        const n = e.handlerName ? t.formContext?.functions?.[e.handlerName] : void 0;
+        const r = e.handlerName ? t.formContext?.functions?.[e.handlerName] : void 0;
         let a;
-        if (n) {
-          const d = i?.validationConfig?.fieldValuesToIncludeInApiRequest || [], s = d.length > 0 ? d.reduce(
+        if (r) {
+          const s = i?.validationConfig?.fieldValuesToIncludeInApiRequest || [], d = s.length > 0 ? s.reduce(
             (u, c) => (u[c] = t.form.getValues(c), u),
             {}
           ) : {};
-          a = await n({
+          a = await r({
             formHelpers: t,
             fieldId: e.id,
-            newValue: r,
+            newValue: n,
             oldValue: t.getPreviousFieldValue(e.id),
-            payload: { includedFieldValues: s }
+            payload: { includedFieldValues: d }
           });
         } else {
           if (!i?.validationConfig)
             throw new Error("Validation config is required");
-          const d = i.validationConfig.method || "POST", s = i.validationConfig.fieldValuesToIncludeInApiRequest || [], u = s.length > 0 ? s.reduce(
-            (V, w) => (V[w] = t.form.getValues(w), V),
+          const s = i.validationConfig.method || "POST", d = i.validationConfig.fieldValuesToIncludeInApiRequest || [], u = d.length > 0 ? d.reduce(
+            (w, V) => (w[V] = t.form.getValues(V), w),
             {}
           ) : {}, c = i.validationConfig.apiEndpoint;
           if (!c)
@@ -45,8 +45,8 @@ const B = ({
             {
               formHelpers: t,
               apiEndpoint: c,
-              value: r,
-              method: d,
+              value: n,
+              method: s,
               fieldValuesToIncludeInApiRequest: u
             }
           ), !a)
@@ -55,10 +55,10 @@ const B = ({
             );
         }
         a?.is_valid ? (o.current = !1, l.current = null, await t.form.trigger(e.id)) : (o.current = !0, l.current = a?.message?.trim() || `This ${e.label} is already taken`, await t.form.trigger(e.id));
-      } catch (n) {
-        o.current = !0, l.current = n instanceof Error ? n.message : `This ${e.label} is already taken`, await t.form.trigger(e.id), t.formContext?.transport?.showFormErrorToast?.({
+      } catch (r) {
+        o.current = !0, l.current = r instanceof Error ? r.message : `This ${e.label} is already taken`, await t.form.trigger(e.id), t.formContext?.transport?.showFormErrorToast?.({
           title: "Error",
-          description: n instanceof Error ? n.message : "Something went wrong"
+          description: r instanceof Error ? r.message : "Something went wrong"
         });
       } finally {
         f(!1);
@@ -77,34 +77,35 @@ const B = ({
           backendValidation: () => o.current ? l.current || "Validation pending" : !0
         }
       },
-      render: ({ field: r, fieldState: n }) => {
-        const a = !!n.error && n.error.message !== "Validation pending", d = r.value, s = a && !h ? n.error?.message : void 0;
-        return /* @__PURE__ */ T("div", { className: "w-full min-w-0", children: [
+      render: ({ field: n, fieldState: r }) => {
+        const a = !!r.error && r.error.message !== "Validation pending", s = n.value, d = a && !h ? r.error?.message : void 0;
+        return /* @__PURE__ */ v("div", { className: "w-full min-w-0", children: [
           /* @__PURE__ */ m(
             I,
             {
               label: e.label,
               type: "text",
-              value: d ?? void 0,
+              value: s ?? void 0,
               onChange: (u) => {
-                u ? (o.current = !0, l.current = null) : (o.current = !1, l.current = null), r.onChange(u);
+                u ? (o.current = !0, l.current = null) : (o.current = !1, l.current = null), n.onChange(u);
               },
               onBlur: () => {
-                r.onBlur(), v(d ?? "");
+                n.onBlur(), C(s ?? "");
               },
               placeholder: e.placeholder,
               required: e.isRequired,
               disabled: x,
               error: a && !h,
-              helperText: h ? "Validating…" : a ? void 0 : e.helpText
+              helperText: h ? "Validating…" : a ? void 0 : e.helpText,
+              allowSpecialCharacters: i.allowSpecialCharacters
             }
           ),
-          s ? /* @__PURE__ */ m(
+          d ? /* @__PURE__ */ m(
             "p",
             {
               className: "mt-2 text-sm leading-snug text-[#DC2626] break-words",
               role: "alert",
-              children: s
+              children: d
             }
           ) : null
         ] });