@digiform/wizard 0.3.1 → 0.3.2

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

@@ -1,31 +1,31 @@
 "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 h, jsx as n, Fragment as M } from "react/jsx-runtime";
+import S 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 { isTemplateStep as l } from "../../../../../../ui/src/lib/types/guards.js";
+import { logger as C } from "../../../../../../ui/src/lib/logger.js";
+import { useForm as U } 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 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 { FormProvider as j } from "../../hooks/useFormContext.js";
+import { buildDefaultValues as v } from "../../utils/formDataBuilder.js";
+import { resetFormDirtyStateAfterApiPopulation as z } from "../../utils/formDirtyStateSync.js";
+import G from "../FormFooter.js";
+import H from "../FormHeader.js";
+import K from "../FormSection/FormSection.js";
+import { ProgressLoaderRuntime as Q } from "../ProgressLoaderRuntime.js";
+import { useFormMachine as X } from "../../../state-management/machines/useFormMachine.js";
+import { EnhancedActionExecutor as q } from "../../../api-integration/components/EnhancedActionExecutor/EnhancedActionExecutor.js";
 import { ValidationEngine as B } from "../../../validation-system/validation/ValidationEngine.js";
 const J = ({
-  currentStep: s,
-  hasStepLoader: a,
+  currentStep: r,
+  hasStepLoader: s,
   loaderConfig: o
 }) => {
-  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: e } = W(), u = l(r) ? [] : r.sections || [];
+  return /* @__PURE__ */ h("div", { className: S.stepContent, children: [
+    s && /* @__PURE__ */ n("div", { className: S.loaderWrapper, children: /* @__PURE__ */ n(
+      Q,
       {
         properties: {
           label: o?.label,
@@ -46,45 +46,38 @@ const J = ({
         }
       }
     ) }),
-    (!a || t) && /* @__PURE__ */ i(M, { children: d.map((c) => /* @__PURE__ */ i(q, { section: c }, c.id)) })
+    (!s || e) && /* @__PURE__ */ n(M, { children: u.map((i) => /* @__PURE__ */ n(K, { section: i }, i.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,
+  const [r, s, o] = X(), { currentStep: e, config: u } = o, i = p(), d = p(), F = p(), T = u.validationMessageStyle || "withLabel";
+  i.current || (i.current = new B({ messageStyle: T })), (!d.current || F.current !== e.id) && (l(e) ? d.current = i.current.getStepSchema({
+    ...e,
     sections: []
-  }) : u.current = c.current.getStepSchema(t), F.current = t.id);
-  const v = { ...m(t) ? E({
-    ...t,
+  }) : d.current = i.current.getStepSchema(e), F.current = e.id);
+  const b = { ...l(e) ? v({
+    ...e,
     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(() => {
+  }) : v(e), ...o.data }, y = (t) => {
+    (e.actions || []).length > 0 && s({ type: "EXECUTE_ACTIONS", trigger: t });
+  }, x = p(), f = p(!1);
+  e.id !== x.current && (e.actions || []).length > 0 && !f.current && (x.current = e.id, f.current = !0, setTimeout(() => {
     y("onStepLoad"), setTimeout(() => {
-      g.current = !1;
+      f.current = !1;
     }, 1e3);
   }, 0));
-  const N = async ({
-    value: e
+  const L = async ({
+    value: t
   }) => {
-    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) => {
-  }, 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) => {
-    switch (e.type) {
+    (e.actions || []).some(
+      (g) => g.trigger === "onStepFinish"
+    ) ? s({ type: "REQUEST_NAVIGATION", navigationType: "next" }) : o.nextStep();
+  }, N = (t) => {
+  }, D = (t) => {
+    C.error("Action execution failed", { error: t.message }, t);
+  }, O = (t) => {
+    s({ type: "SHOW_ACTION_DIALOG", dialogConfig: t });
+  }, V = (t) => {
+    switch (t.type) {
       case "next":
         o.nextStep();
         break;
@@ -92,70 +85,68 @@ const J = ({
         o.previousStep();
         break;
       case "step":
-        e.targetStep && o.goToStep(e.targetStep);
+        t.targetStep && o.goToStep(t.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 = U({
+    defaultValues: b,
+    onSubmit: L
+  }), P = (t, a) => {
+    const c = t, g = m.getFieldValue(c), _ = r.context.componentOriginalValues[c]?.value;
+    if (g !== a) {
+      const w = a;
+      o.setData(c, w), m.setFieldValue(c, a);
       try {
-        H(l, {
-          updatedFields: [r],
+        z(m, {
+          updatedFields: [c],
           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 (I) {
+        console.error("❌ Failed to reset dirty state:", I);
       }
     }
-    R !== n && (console.log("🎯 Marking component as populated:", { componentId: r, value: n }), setTimeout(() => {
-      a({
+    _ !== a && setTimeout(() => {
+      s({
         type: "MARK_COMPONENT_AS_POPULATED",
-        componentId: r,
-        value: n
+        componentId: c,
+        value: a
       });
-    }, 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);
+  }, A = e, E = !l(e) && A.waitForLoader === !0, R = E ? A.loaderConfig : void 0;
+  return /* @__PURE__ */ h(j, { value: m, children: [
+    r.matches("executingActions") && (r.context.executingTrigger === "onStepLoad" || r.context.executingTrigger === "onStepFinish") && /* @__PURE__ */ n(
+      q,
       {
-        actions: t.actions || [],
-        trigger: s.context.executingTrigger || "onStepLoad",
-        formData: s.context.data,
-        onComplete: D,
-        onError: L,
-        onFieldUpdate: w,
+        actions: e.actions || [],
+        trigger: r.context.executingTrigger || "onStepLoad",
+        formData: r.context.data,
+        onComplete: N,
+        onError: D,
+        onFieldUpdate: P,
         onShowDialog: O,
         onNavigate: V,
         machineRef: {
-          send: a
+          send: s
         }
       }
     ),
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ h(
       "form",
       {
-        onSubmit: (e) => {
-          e.preventDefault(), e.stopPropagation(), l.handleSubmit();
+        onSubmit: (t) => {
+          t.preventDefault(), t.stopPropagation(), m.handleSubmit();
         },
         children: [
-          /* @__PURE__ */ i(z, {}),
-          /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(
+          /* @__PURE__ */ n(H, {}),
+          /* @__PURE__ */ n(k, { children: /* @__PURE__ */ n(
             J,
             {
-              currentStep: t,
-              hasStepLoader: T,
-              loaderConfig: _
+              currentStep: e,
+              hasStepLoader: E,
+              loaderConfig: R
             }
           ) }),
-          /* @__PURE__ */ i(j, { className: h.footer })
+          /* @__PURE__ */ n(G, { className: S.footer })
         ]
       }
     )

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/config/templateLoader.js

@@ -1,7 +1,7 @@
 "use client";
 /* empty css                               */
 import { isGenericTemplate as v, isTeamTemplate as h } from "../../../../../ui/src/lib/utils/templateUtils.js";
-async function m() {
+async function g() {
   try {
     const { templateStorageService: e } = await import("@formbuilder/builder");
     return e;
@@ -11,12 +11,12 @@ async function m() {
 }
 async function y() {
   try {
-    const e = await m();
+    const e = await g();
     if (!e) return;
     if (!e.isReady()) {
-      const i = await fetch("/form.config.json");
-      if (i.ok) {
-        const r = (await i.json()).storage?.paths?.templates;
+      const a = await fetch("/form.config.json");
+      if (a.ok) {
+        const r = (await a.json()).storage?.paths?.templates;
         r && await e.initialize(r);
       }
     }
@@ -40,7 +40,7 @@ function d(e) {
     }
   };
 }
-const f = /* @__PURE__ */ new Map(), c = {
+const f = /* @__PURE__ */ new Map(), l = {
   "generic-contact-information": async () => {
     const e = await fetch(
       "/src/packages/form-wizard/admin/templates/generic/contact-information.json"
@@ -86,27 +86,27 @@ async function b(e) {
   if (f.has(e))
     return f.get(e);
   try {
-    let i;
+    let a;
     if (v(e)) {
-      const a = c[e];
-      if (!a) {
-        const o = Object.keys(c);
+      const i = l[e];
+      if (!i) {
+        const s = Object.keys(l);
         throw new Error(
-          `Generic template '${e}' not found. Available generic templates: ${o.join(", ")}`
+          `Generic template '${e}' not found. Available generic templates: ${s.join(", ")}`
         );
       }
-      const r = await a();
-      i = d(
+      const r = await i();
+      a = d(
         r
       );
     } else if (h(e)) {
       await y();
-      const a = await m();
-      if (!a)
+      const i = await g();
+      if (!i)
         throw new Error(
           `Team template '${e}' could not be loaded: template storage service is not available`
         );
-      const r = await a.loadTemplate(
+      const r = await i.loadTemplate(
         e,
         "team"
       );
@@ -114,53 +114,46 @@ async function b(e) {
         throw new Error(
           `Team template '${e}' not found: ${"error" in r && r.error?.message || "Unknown error"}`
         );
-      i = d(r.data);
+      a = d(r.data);
     } else {
-      const a = c[e];
-      if (a) {
-        const r = await a();
-        i = d(
+      const i = l[e];
+      if (i) {
+        const r = await i();
+        a = d(
           r
         );
       } else {
-        const r = Object.keys(c);
+        const r = Object.keys(l);
         throw new Error(
           `Template '${e}' not found. Available generic templates: ${r.join(", ")}`
         );
       }
     }
-    if (!i.metadata || !Array.isArray(i.stepsData))
+    if (!a.metadata || !Array.isArray(a.stepsData))
       throw new Error(
         `Invalid template structure for template: ${e}. Templates must have metadata and stepsData array.`
       );
-    return f.set(e, i), i;
-  } catch (i) {
+    return f.set(e, a), a;
+  } catch (a) {
     throw new Error(
-      `Failed to load template '${e}': ${i instanceof Error ? i.message : "Unknown error"}`
+      `Failed to load template '${e}': ${a instanceof Error ? a.message : "Unknown error"}`
     );
   }
 }
-async function E(e, i, a) {
-  console.log(
-    "Resolving template step:",
-    e,
-    "stepIndex:",
-    a
-  );
+async function E(e, a, i) {
   const r = await b(e.templateId);
-  console.log("Loaded template:", r);
-  let o;
+  let s;
   if (r.stepsData && Array.isArray(r.stepsData) && r.stepsData.length > 0)
-    a !== void 0 && a >= 0 && a < r.stepsData.length ? (o = r.stepsData[a], console.log(`Using template data for step ${a}:`, o)) : (o = r.stepsData[0], console.warn(
-      `Invalid stepIndex ${a} for template, using first step`
+    i !== void 0 && i >= 0 && i < r.stepsData.length ? s = r.stepsData[i] : (s = r.stepsData[0], console.warn(
+      `Invalid stepIndex ${i} for template, using first step`
     ));
   else
     throw new Error(`Template ${e.templateId} has no steps data`);
-  const u = o.sections?.map((w) => ({
+  const u = s.sections?.map((w) => ({
     ...w,
     components: w.components.map((t) => {
-      const g = ((l) => `comp-${e.id}-${t.id || l}`)(t.id), s = {
-        id: g,
+      const m = ((c) => `comp-${e.id}-${t.id || c}`)(t.id), o = {
+        id: m,
         type: t.type,
         properties: {
           // Use properties from component.properties if it exists, otherwise fallback to root level
@@ -175,7 +168,7 @@ async function E(e, i, a) {
           type: t.properties?.type || t.type,
           // Copy all other properties from component.properties if it exists
           ...t.properties && Object.keys(t.properties).reduce(
-            (l, p) => ([
+            (c, p) => ([
               "label",
               "placeholder",
               "description",
@@ -184,48 +177,48 @@ async function E(e, i, a) {
               "readOnly",
               "invalid",
               "type"
-            ].includes(p) || (l[p] = t.properties[p]), l),
+            ].includes(p) || (c[p] = t.properties[p]), c),
             {}
           )
         },
         // Copy validation if it exists
         ...t.validation && { validation: t.validation }
-      }, n = e.componentOverrides?.[g];
+      }, n = e.componentOverrides?.[m];
       return n ? {
-        ...s,
+        ...o,
         ...n,
         // Merge properties deeply to allow partial property updates
         properties: {
-          ...s.properties,
+          ...o.properties,
           ...n.properties
         },
         // Merge validation deeply if both exist
-        ...s.validation && n.validation && {
+        ...o.validation && n.validation && {
           validation: {
-            ...s.validation,
+            ...o.validation,
             ...n.validation
           }
         }
-      } : s;
+      } : o;
     })
   }));
   return {
     id: e.id,
     // Use the step ID from the form config
-    title: e.title || o.title,
-    displayTitle: o.displayTitle,
-    showStepNumber: e.showStepNumber !== void 0 ? e.showStepNumber : o.showStepNumber,
+    title: e.title || s.title,
+    displayTitle: s.displayTitle,
+    showStepNumber: e.showStepNumber !== void 0 ? e.showStepNumber : s.showStepNumber,
     sections: u,
     navigation: {
       // Use default navigation, then template navigation if available, then step override
-      ...i,
-      ...o.navigation,
+      ...a,
+      ...s.navigation,
       // Cast since navigation might not exist in Omit type
       ...e.navigation
     },
     // Copy actions if they exist
-    ...o.actions && {
-      actions: o.actions
+    ...s.actions && {
+      actions: s.actions
     }
   };
 }

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
 };