@digiform/wizard 0.3.1 → 0.3.3

package/wizard/src/features/form-runtime/components/FormStep/FormStep.js

@@ -1,141 +1,125 @@
 "use client";
-import { jsxs as f, jsx as i, Fragment as M } from "react/jsx-runtime";
-import h from "./FormStep.module.css.js";
+import { jsxs as f, jsx as r, Fragment as _ } from "react/jsx-runtime";
+import g from "./FormStep.module.css.js";
 /* empty css                                  */
-import { isTemplateStep as m } from "../../../../../../ui/src/lib/types/guards.js";
-import { logger as U } from "../../../../../../ui/src/lib/logger.js";
-import { useForm as C } from "@tanstack/react-form";
+import { logger as w } from "../../../../../../ui/src/lib/logger.js";
+import { useForm as I } from "@tanstack/react-form";
 import { useRef as p } from "react";
-import { LoaderProvider as k, useLoaderContext as W } from "../../context/LoaderContext.js";
-import { FormProvider as G } from "../../hooks/useFormContext.js";
-import { buildDefaultValues as E } from "../../utils/formDataBuilder.js";
-import { resetFormDirtyStateAfterApiPopulation as H } from "../../utils/formDirtyStateSync.js";
+import { LoaderProvider as M, useLoaderContext as C } from "../../context/LoaderContext.js";
+import { FormProvider as U } from "../../hooks/useFormContext.js";
+import { buildDefaultValues as k } from "../../utils/formDataBuilder.js";
+import { resetFormDirtyStateAfterApiPopulation as W } from "../../utils/formDirtyStateSync.js";
 import j from "../FormFooter.js";
 import z from "../FormHeader.js";
-import q from "../FormSection/FormSection.js";
-import { ProgressLoaderRuntime as K } from "../ProgressLoaderRuntime.js";
-import { useFormMachine as Q } from "../../../state-management/machines/useFormMachine.js";
-import { EnhancedActionExecutor as X } from "../../../api-integration/components/EnhancedActionExecutor/EnhancedActionExecutor.js";
-import { ValidationEngine as B } from "../../../validation-system/validation/ValidationEngine.js";
-const J = ({
-  currentStep: s,
-  hasStepLoader: a,
-  loaderConfig: o
+import G from "../FormSection/FormSection.js";
+import { ProgressLoaderRuntime as H } from "../ProgressLoaderRuntime.js";
+import { useFormMachine as K } from "../../../state-management/machines/useFormMachine.js";
+import { EnhancedActionExecutor as Q } from "../../../api-integration/components/EnhancedActionExecutor/EnhancedActionExecutor.js";
+import { ValidationEngine as X } from "../../../validation-system/validation/ValidationEngine.js";
+const q = ({
+  currentStep: n,
+  hasStepLoader: s,
+  loaderConfig: t
 }) => {
-  const { isLoadingComplete: t } = W(), d = m(s) ? [] : s.sections || [];
-  return /* @__PURE__ */ f("div", { className: h.stepContent, children: [
-    a && /* @__PURE__ */ i("div", { className: h.loaderWrapper, children: /* @__PURE__ */ i(
-      K,
+  const { isLoadingComplete: o } = C(), l = n.sections || [];
+  return /* @__PURE__ */ f("div", { className: g.stepContent, children: [
+    s && /* @__PURE__ */ r("div", { className: g.loaderWrapper, children: /* @__PURE__ */ r(
+      H,
       {
         properties: {
-          label: o?.label,
-          showPercentage: o?.showPercentage ?? !0,
-          duration: o?.duration ?? 3,
-          size: o?.size ?? "md",
-          variant: o?.variant ?? "default",
-          animationSpeed: o?.animationSpeed ?? "normal",
+          label: t?.label,
+          showPercentage: t?.showPercentage ?? !0,
+          duration: t?.duration ?? 3,
+          size: t?.size ?? "md",
+          variant: t?.variant ?? "default",
+          animationSpeed: t?.animationSpeed ?? "normal",
           autoStart: !0,
           hideOnComplete: !0,
-          onComplete: o?.completionMessage ? {
+          onComplete: t?.completionMessage ? {
             showMessage: {
               enabled: !0,
-              text: o.completionMessage,
+              text: t.completionMessage,
               type: "success"
             }
           } : void 0
         }
       }
     ) }),
-    (!a || t) && /* @__PURE__ */ i(M, { children: d.map((c) => /* @__PURE__ */ i(q, { section: c }, c.id)) })
+    (!s || o) && /* @__PURE__ */ r(_, { children: l.map((c) => /* @__PURE__ */ r(G, { section: c }, c.id)) })
   ] });
-}, Y = () => {
-  const [s, a, o] = Q(), { currentStep: t, config: d } = o, c = p(), u = p(), F = p(), b = d.validationMessageStyle || "withLabel";
-  c.current || (c.current = new B({ messageStyle: b })), (!u.current || F.current !== t.id) && (m(t) ? u.current = c.current.getStepSchema({
-    ...t,
-    sections: []
-  }) : u.current = c.current.getStepSchema(t), F.current = t.id);
-  const v = { ...m(t) ? E({
-    ...t,
-    sections: []
-  }) : E(t), ...o.data }, y = (e) => {
-    (t.actions || []).length > 0 && a({ type: "EXECUTE_ACTIONS", trigger: e });
-  }, x = p(), g = p(!1);
-  t.id !== x.current && (t.actions || []).length > 0 && !g.current && (x.current = t.id, g.current = !0, setTimeout(() => {
-    y("onStepLoad"), setTimeout(() => {
-      g.current = !1;
+}, B = () => {
+  const [n, s, t] = K(), { currentStep: o, config: l } = t, c = p(), h = p(), S = p(), A = l.validationMessageStyle || "withLabel";
+  c.current || (c.current = new X({ messageStyle: A })), (!h.current || S.current !== o.id) && (h.current = c.current.getStepSchema(o), S.current = o.id);
+  const E = { ...k(o), ...t.data }, v = (e) => {
+    (o.actions || []).length > 0 && s({ type: "EXECUTE_ACTIONS", trigger: e });
+  }, F = p(), u = p(!1);
+  o.id !== F.current && (o.actions || []).length > 0 && !u.current && (F.current = o.id, u.current = !0, setTimeout(() => {
+    v("onStepLoad"), setTimeout(() => {
+      u.current = !1;
     }, 1e3);
   }, 0));
-  const N = async ({
+  const b = async ({
     value: e
   }) => {
-    const n = t.actions || [], r = n.some(
-      (S) => S.trigger === "onStepFinish"
-    );
-    console.log("🎯 [FormStep] handleSubmit called with form values:", {
-      stepActions: n.length,
-      hasFinishActions: r,
-      formValue: e
-    }), r ? (console.log(
-      "🎯 [FormStep] Step has onStepFinish actions, requesting navigation first"
-    ), a({ type: "REQUEST_NAVIGATION", navigationType: "next" })) : (console.log("🎯 [FormStep] No step actions, direct navigation"), o.nextStep());
-  }, D = (e) => {
+    (o.actions || []).some(
+      (d) => d.trigger === "onStepFinish"
+    ) ? s({ type: "REQUEST_NAVIGATION", navigationType: "next" }) : t.nextStep();
+  }, y = (e) => {
+  }, T = (e) => {
+    w.error("Action execution failed", { error: e.message }, e);
   }, L = (e) => {
-    U.error("Action execution failed", { error: e.message }, e);
-  }, O = (e) => {
-    console.log("🔥 FormStep: handleShowDialog called", { dialogConfig: e }), a({ type: "SHOW_ACTION_DIALOG", dialogConfig: e }), console.log("🔥 FormStep: SHOW_ACTION_DIALOG event sent");
-  }, V = (e) => {
+    s({ type: "SHOW_ACTION_DIALOG", dialogConfig: e });
+  }, N = (e) => {
     switch (e.type) {
       case "next":
-        o.nextStep();
+        t.nextStep();
         break;
       case "previous":
-        o.previousStep();
+        t.previousStep();
         break;
       case "step":
-        e.targetStep && o.goToStep(e.targetStep);
+        e.targetStep && t.goToStep(e.targetStep);
         break;
     }
-  }, l = C({
-    defaultValues: v,
-    onSubmit: N
-  }), w = (e, n) => {
-    console.log("🎯 handleFieldUpdate called:", { fieldPath: e, value: n });
-    const r = e, S = l.getFieldValue(r), R = s.context.componentOriginalValues[r]?.value;
-    if (S !== n) {
-      console.log("🔄 Updating TanStack Form field:", { componentId: r, value: n });
-      const I = n;
-      o.setData(r, I), l.setFieldValue(r, n);
+  }, m = I({
+    defaultValues: E,
+    onSubmit: b
+  }), D = (e, i) => {
+    const a = e, d = m.getFieldValue(a), V = n.context.componentOriginalValues[a]?.value;
+    if (d !== i) {
+      const P = i;
+      t.setData(a, P), m.setFieldValue(a, i);
       try {
-        H(l, {
-          updatedFields: [r],
+        W(m, {
+          updatedFields: [a],
           debug: process.env.NODE_ENV === "development"
-        }), console.log("✅ Dirty state reset complete for:", r);
-      } catch (P) {
-        console.error("❌ Failed to reset dirty state:", P);
+        });
+      } catch (R) {
+        console.error("❌ Failed to reset dirty state:", R);
       }
     }
-    R !== n && (console.log("🎯 Marking component as populated:", { componentId: r, value: n }), setTimeout(() => {
-      a({
+    V !== i && setTimeout(() => {
+      s({
         type: "MARK_COMPONENT_AS_POPULATED",
-        componentId: r,
-        value: n
+        componentId: a,
+        value: i
       });
-    }, 0));
-  }, A = t, T = !m(t) && A.waitForLoader === !0, _ = T ? A.loaderConfig : void 0;
-  return /* @__PURE__ */ f(G, { value: l, children: [
-    s.matches("executingActions") && (s.context.executingTrigger === "onStepLoad" || s.context.executingTrigger === "onStepFinish") && /* @__PURE__ */ i(
-      X,
+    }, 0);
+  }, x = o.waitForLoader === !0, O = x ? o.loaderConfig : void 0;
+  return /* @__PURE__ */ f(U, { value: m, children: [
+    n.matches("executingActions") && (n.context.executingTrigger === "onStepLoad" || n.context.executingTrigger === "onStepFinish") && /* @__PURE__ */ r(
+      Q,
       {
-        actions: t.actions || [],
-        trigger: s.context.executingTrigger || "onStepLoad",
-        formData: s.context.data,
-        onComplete: D,
-        onError: L,
-        onFieldUpdate: w,
-        onShowDialog: O,
-        onNavigate: V,
+        actions: o.actions || [],
+        trigger: n.context.executingTrigger || "onStepLoad",
+        formData: n.context.data,
+        onComplete: y,
+        onError: T,
+        onFieldUpdate: D,
+        onShowDialog: L,
+        onNavigate: N,
         machineRef: {
-          send: a
+          send: s
         }
       }
     ),
@@ -143,25 +127,25 @@ const J = ({
       "form",
       {
         onSubmit: (e) => {
-          e.preventDefault(), e.stopPropagation(), l.handleSubmit();
+          e.preventDefault(), e.stopPropagation(), m.handleSubmit();
         },
         children: [
-          /* @__PURE__ */ i(z, {}),
-          /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(
-            J,
+          /* @__PURE__ */ r(z, {}),
+          /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
+            q,
             {
-              currentStep: t,
-              hasStepLoader: T,
-              loaderConfig: _
+              currentStep: o,
+              hasStepLoader: x,
+              loaderConfig: O
             }
           ) }),
-          /* @__PURE__ */ i(j, { className: h.footer })
+          /* @__PURE__ */ r(j, { className: g.footer })
         ]
       }
     )
   ] });
 };
-Y.displayName = "FormStep";
+B.displayName = "FormStep";
 export {
-  Y as default
+  B as default
 };

package/wizard/src/features/form-runtime/components/StepProgressIndicator/StepProgressIndicator.js

@@ -1,57 +1,51 @@
 "use client";
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
 /* empty css                                  */
 import o from "clsx";
 import e from "./StepProgressIndicator.module.css.js";
-import { useFormMachine as h } from "../../../state-management/machines/useFormMachine.js";
-import v from "../../../../../../ui/src/lib/assets/icons/Check.js";
-import N from "../../../../../../ui/src/lib/assets/icons/ChevronRight.js";
-import { Heading as f } from "@rijkshuisstijl-community/components-react";
+import { useFormMachine as d } from "../../../state-management/machines/useFormMachine.js";
+import h from "../../../../../../ui/src/lib/assets/icons/Check.js";
+import v from "../../../../../../ui/src/lib/assets/icons/ChevronRight.js";
+import { Heading as N } from "@rijkshuisstijl-community/components-react";
 const x = () => {
-  const [, , m] = h(), { currentStepIndex: l, steps: c, config: p } = m;
-  return console.log("🏁 StepProgressIndicator render:", {
-    currentStepIndex: l,
-    totalSteps: c.length,
-    formId: p.id,
-    stepIds: c.map((s) => s.id),
-    stepTitles: c.map((s) => s.title)
-  }), /* @__PURE__ */ r("div", { className: e.stepListWrapper, children: [
-    /* @__PURE__ */ t(f, { level: 2, children: "Stappenplan" }),
-    /* @__PURE__ */ t("ul", { className: e.stepList, children: c.map((s, i) => {
-      const n = i === l, d = i > l, a = i < l;
-      return /* @__PURE__ */ r(
+  const [, , m] = d(), { currentStepIndex: c, steps: l } = m;
+  return /* @__PURE__ */ s("div", { className: e.stepListWrapper, children: [
+    /* @__PURE__ */ t(N, { level: 2, children: "Stappenplan" }),
+    /* @__PURE__ */ t("ul", { className: e.stepList, children: l.map((n, r) => {
+      const i = r === c, p = r > c, a = r < c;
+      return /* @__PURE__ */ s(
         "li",
         {
           className: o(e.stepListItem, {
-            [e.inactive]: d,
+            [e.inactive]: p,
             [e.completed]: a,
-            [e.current]: n
+            [e.current]: i
           }),
           children: [
-            /* @__PURE__ */ r("div", { className: e.leftContainer, children: [
-              /* @__PURE__ */ t("div", { className: e.circle, children: a ? /* @__PURE__ */ t(v, {}) : /* @__PURE__ */ t(
+            /* @__PURE__ */ s("div", { className: e.leftContainer, children: [
+              /* @__PURE__ */ t("div", { className: e.circle, children: a ? /* @__PURE__ */ t(h, {}) : /* @__PURE__ */ t(
                 "div",
                 {
                   className: o({
-                    [e.currentDot]: n
+                    [e.currentDot]: i
                   })
                 }
               ) }),
-              i < c.length - 1 && /* @__PURE__ */ t("div", { className: e.connector })
+              r < l.length - 1 && /* @__PURE__ */ t("div", { className: e.connector })
             ] }),
-            /* @__PURE__ */ r("div", { className: e.content, children: [
-              /* @__PURE__ */ r("div", { className: e.contentText, children: [
-                /* @__PURE__ */ r("div", { className: e.stepNumber, children: [
+            /* @__PURE__ */ s("div", { className: e.content, children: [
+              /* @__PURE__ */ s("div", { className: e.contentText, children: [
+                /* @__PURE__ */ s("div", { className: e.stepNumber, children: [
                   "Stap ",
-                  i + 1
+                  r + 1
                 ] }),
-                /* @__PURE__ */ t("span", { className: e.stepTitle, children: s.title })
+                /* @__PURE__ */ t("span", { className: e.stepTitle, children: n.title })
               ] }),
-              n ? /* @__PURE__ */ t("div", { className: e.iconRightContainer, children: /* @__PURE__ */ t(N, {}) }) : null
+              i ? /* @__PURE__ */ t("div", { className: e.iconRightContainer, children: /* @__PURE__ */ t(v, {}) }) : null
             ] })
           ]
         },
-        s.id
+        n.id
       );
     }) })
   ] });

package/wizard/src/features/form-runtime/hooks/useComponentTriggers.js

@@ -1,78 +1,59 @@
 "use client";
-import { useRef as C, useCallback as g } from "react";
-import { useFormMachine as x } from "../../state-management/machines/useFormMachine.js";
-const M = ({
-  componentId: e,
-  initialValue: l,
-  onValueChange: i
+import { useRef as h, useCallback as i } from "react";
+import { useFormMachine as z } from "../../state-management/machines/useFormMachine.js";
+const _ = ({
+  componentId: r,
+  initialValue: o,
+  onValueChange: a
 }) => {
-  const [, , T] = x(), {
-    evaluateComponentTriggers: n,
-    setComponentOriginalValue: u,
-    getComponentAlerts: h,
-    dismissComponentAlert: c,
+  const [, , C] = z(), {
+    evaluateComponentTriggers: u,
+    setComponentOriginalValue: c,
+    getComponentAlerts: T,
+    dismissComponentAlert: l,
     hasComponentTriggers: A,
     hasComponentActions: m,
     getComponentTriggerState: p
-  } = T, f = C(!1), o = C(l);
-  l !== void 0 && !f.current && (u(e, l), o.current = l, f.current = !0);
-  const t = g(
-    (r, a) => {
-      console.log(
-        `🧪 [useComponentTriggers] evaluateTriggers called for ${e}:`,
-        {
-          eventType: r,
-          value: a,
-          evaluateComponentTriggers: !!n
-        }
-      ), n(e, r, a);
+  } = C, f = h(!1), n = h(o);
+  o !== void 0 && !f.current && (c(r, o), n.current = o, f.current = !0);
+  const e = i(
+    (s, g) => {
+      u(r, s, g);
     },
-    [e, n]
-  ), $ = g(
-    (r, a = "api_populated") => {
-      u(e, r, a), o.current = r;
+    [r, u]
+  ), R = i(
+    (s, g = "api_populated") => {
+      c(r, s, g), n.current = s;
     },
-    [e, u]
-  ), b = h(e), R = g(
-    (r) => {
-      c(e, r);
+    [r, c]
+  ), b = T(r), F = i(
+    (s) => {
+      l(r, s);
     },
-    [e, c]
-  ), s = A(e), F = m(e), O = p(e), S = g(
-    (r) => {
-      console.log(
-        `🧪 [useComponentTriggers] handleValueChange called for ${e}:`,
-        {
-          value: r,
-          oldValue: o.current,
-          hasTriggers: s,
-          onValueChange: !!i
-        }
-      ), o.current = r, i && i(r), s ? (console.log(
-        `🧪 [useComponentTriggers] About to call evaluateTriggers for ${e}`
-      ), t("valueChange", r)) : console.log(
-        `🧪 [useComponentTriggers] hasTriggers is false for ${e}`
-      );
+    [r, l]
+  ), t = A(r), O = m(r), S = p(r), k = i(
+    (s) => {
+      n.current = s, a && a(s), t && e("valueChange", s);
     },
-    [t, s, i, e]
-  ), k = g(() => {
-    s && t("focus", o.current);
-  }, [t, s]), v = g(() => {
-    s && t("blur", o.current);
-  }, [t, s]);
+    [e, t, a, r]
+  ), v = i(() => {
+    t && e("focus", n.current);
+  }, [e, t]), x = i(() => {
+    t && e("blur", n.current);
+  }, [e, t]);
   return {
-    evaluateTriggers: t,
-    setOriginalValue: $,
+    evaluateTriggers: e,
+    setOriginalValue: R,
     alerts: b,
-    dismissAlert: R,
-    hasTriggers: s,
-    hasActions: F,
-    triggerState: O,
-    handleValueChange: S,
-    handleFocus: k,
-    handleBlur: v
+    dismissAlert: F,
+    hasTriggers: t,
+    hasActions: O,
+    triggerState: S,
+    handleValueChange: k,
+    handleFocus: v,
+    handleBlur: x
   };
 };
 export {
-  M as useComponentTriggers
+  _ as useComponentTriggers
 };

package/wizard/src/features/form-runtime/hooks/useFieldEventHandlers.js

@@ -1,61 +1,47 @@
 "use client";
-import { useCallback as g } from "react";
-import { markFieldAsUserInteracted as u } from "../utils/validationUX.js";
+import { useCallback as m } from "react";
+import { markFieldAsUserInteracted as o } from "../utils/validationUX.js";
 import { useComponentTriggers as B } from "./useComponentTriggers.js";
-import { useFormMachine as F } from "../../state-management/machines/useFormMachine.js";
-const E = ({
-  componentId: s,
-  hasIsDirtyTriggers: r,
-  originalValueFromMachine: i,
+import { useFormMachine as k } from "../../state-management/machines/useFormMachine.js";
+const b = ({
+  componentId: r,
+  hasIsDirtyTriggers: i,
+  originalValueFromMachine: l,
   getEnhancedIsDirty: n,
   resetValidationState: f
 }) => {
-  const [, , d] = F(), { setData: h } = d, t = B({ componentId: s }), C = g(
-    (a) => (e) => {
-      const l = a.state.value;
-      if (console.log(
-        `🔍 [useFieldEventHandlers] handleChange for ${s}:`,
-        {
-          oldValue: l,
-          newValue: e,
-          valueType: typeof e,
-          isSameValue: l === e
-        }
-      ), u(s), a.handleChange(e), console.log(
-        `🔍 [useFieldEventHandlers] AFTER field.handleChange for ${s}:`,
-        {
-          fieldStateValue: a.state.value,
-          fieldStateMeta: a.state.meta
-        }
-      ), l !== e && h(s, e), f(), r && i !== void 0) {
-        const c = n(
-          l,
-          a.state.meta.isDirty
-        ), o = e !== i;
-        o !== c && (o ? t.evaluateTriggers("valueChange", e) : t.dismissAlert());
+  const [, , u] = k(), { setData: h } = u, s = B({ componentId: r }), C = m(
+    (t) => (e) => {
+      const a = t.state.value;
+      if (o(r), t.handleChange(e), a !== e && h(r, e), f(), i && l !== void 0) {
+        const d = n(
+          a,
+          t.state.meta.isDirty
+        ), g = e !== l;
+        g !== d && (g ? s.evaluateTriggers("valueChange", e) : s.dismissAlert());
       }
-      t.hasTriggers && !r && l !== e && t.handleValueChange(e);
+      s.hasTriggers && !i && a !== e && s.handleValueChange(e);
     },
     [
-      s,
+      r,
       h,
       f,
-      r,
       i,
+      l,
       n,
-      t
+      s
     ]
-  ), m = g(
-    (a) => () => {
-      u(s), a.handleBlur(), t.hasTriggers && t.handleBlur();
+  ), c = m(
+    (t) => () => {
+      o(r), t.handleBlur(), s.hasTriggers && s.handleBlur();
     },
-    [s, t]
+    [r, s]
   );
   return {
     handleChange: C,
-    handleBlur: m
+    handleBlur: c
   };
 };
 export {
-  E as useFieldEventHandlers
+  b as useFieldEventHandlers
 };

package/wizard/src/features/form-runtime/hooks/useValidationEvents.js

@@ -1,37 +1,34 @@
 "use client";
-import { useState as s, useRef as u, useCallback as c, useEffect as f } from "react";
+import { useState as c, useCallback as f, useMemo as u, useEffect as r } from "react";
+import { useFormMachine as V } from "../../state-management/machines/useFormMachine.js";
 const w = ({
-  componentId: t
+  componentId: e
 }) => {
-  const [d, i] = s(!1), a = u(null), o = c(() => {
-    i(!1);
-  }, []);
-  return f(() => {
-    const r = (n) => {
-      const { fieldId: e } = n.detail;
-      e === t && i(!0);
-    }, l = (n) => {
-      const { fieldIds: e } = n.detail;
-      Array.isArray(e) && e.includes(t) && i(!0);
+  const [i] = V(), [n, t] = c(!1), s = f(() => {
+    t(!1);
+  }, []), a = u(
+    () => i.context.forcedValidationFields.includes(e),
+    [i.context.forcedValidationFields, e]
+  );
+  return r(() => {
+    a && t(!0);
+  }, [a]), r(() => {
+    const o = (d) => {
+      const { fieldId: l } = d.detail;
+      l === e && t(!0);
     };
-    return a.current = r, window.addEventListener(
+    return window.addEventListener(
       "triggerFieldValidation",
-      r
-    ), window.addEventListener(
-      "triggerStepValidation",
-      l
+      o
     ), () => {
       window.removeEventListener(
         "triggerFieldValidation",
-        r
-      ), window.removeEventListener(
-        "triggerStepValidation",
-        l
-      ), a.current = null;
+        o
+      );
     };
-  }, [t]), {
-    forceShowValidation: d,
-    resetValidationState: o
+  }, [e]), {
+    forceShowValidation: n,
+    resetValidationState: s
   };
 };
 export {