@digiform/wizard 0.3.1 → 0.3.2

package/wizard/src/features/state-management/machines/formMachine.js

@@ -1,56 +1,56 @@
 "use client";
-import { createMachine as I, assign as a } from "xstate";
-import { executeComponentAction as p } from "./actions/componentActions.js";
-import { executePendingNavigation as f } from "./actions/navigationActions.js";
-import { executeSaveActions as m } from "./actions/saveActions.js";
-import { ComponentTriggerEngine as u } from "./componentTriggerEngine.js";
-import { canNavigate as d, isPendingNextNavigation as S, isPendingPreviousNavigation as A, isPendingStepNavigation as T, hasSaveContextActions as E, shouldProceedWithNormalNavigation as O, hasSaveTriggersForNext as N } from "./guards/navigationGuards.js";
-import { isSectionEditable as _, canExecuteSaveActions as C } from "./guards/saveGuards.js";
-import { hasDirtyComponentsWithTriggers as v } from "./guards/triggerGuards.js";
+import { createMachine as I, assign as i } from "xstate";
+import { executeComponentAction as d } from "./actions/componentActions.js";
+import { executePendingNavigation as S } from "./actions/navigationActions.js";
+import { executeSaveActions as f } from "./actions/saveActions.js";
+import { ComponentTriggerEngine as l } from "./componentTriggerEngine.js";
+import { canNavigate as c, isPendingNextNavigation as m, isPendingPreviousNavigation as A, isPendingStepNavigation as T, hasSaveContextActions as E, shouldProceedWithNormalNavigation as N, hasSaveTriggersForNext as O } from "./guards/navigationGuards.js";
+import { isSectionEditable as v, canExecuteSaveActions as _ } from "./guards/saveGuards.js";
+import { hasDirtyComponentsWithTriggers as C } from "./guards/triggerGuards.js";
 import { findComponentTriggers as V } from "./helpers/triggerHelpers.js";
-import { memoryUtils as h } from "./performance.js";
-const W = I({
+import { memoryUtils as R } from "./performance.js";
+const x = I({
   id: "formMachine",
   types: {},
-  context: ({ input: e }) => ({
-    config: e.config || { id: "", title: "", steps: [] },
-    currentStepId: e.currentStepId || "",
-    currentStepIndex: e.currentStepIndex || 0,
-    data: e.data || {},
-    errors: e.errors || {},
-    dirtyFields: e.dirtyFields || {},
-    touchedFields: e.touchedFields || {},
-    isValid: e.isValid ?? !0,
-    isSubmitting: e.isSubmitting ?? !1,
-    fieldStates: e.fieldStates || {},
-    sectionBackups: e.sectionBackups || {},
-    activeActions: e.activeActions || {},
-    actionResults: e.actionResults || {},
-    activeDialog: e.activeDialog || null,
-    executingTrigger: e.executingTrigger || null,
-    pendingNavigation: e.pendingNavigation || null,
-    canNavigate: e.canNavigate ?? !0,
-    waitingForActions: e.waitingForActions ?? !1,
+  context: ({ input: t }) => ({
+    config: t.config || { id: "", title: "", steps: [] },
+    currentStepId: t.currentStepId || "",
+    currentStepIndex: t.currentStepIndex || 0,
+    data: t.data || {},
+    errors: t.errors || {},
+    dirtyFields: t.dirtyFields || {},
+    touchedFields: t.touchedFields || {},
+    isValid: t.isValid ?? !0,
+    isSubmitting: t.isSubmitting ?? !1,
+    fieldStates: t.fieldStates || {},
+    sectionBackups: t.sectionBackups || {},
+    activeActions: t.activeActions || {},
+    actionResults: t.actionResults || {},
+    activeDialog: t.activeDialog || null,
+    executingTrigger: t.executingTrigger || null,
+    pendingNavigation: t.pendingNavigation || null,
+    canNavigate: t.canNavigate ?? !0,
+    waitingForActions: t.waitingForActions ?? !1,
     // Initialize field change validation state
-    fieldChangeState: e.fieldChangeState || {},
-    fieldValidationState: e.fieldValidationState || {
+    fieldChangeState: t.fieldChangeState || {},
+    fieldValidationState: t.fieldValidationState || {
       activeWarnings: [],
       pendingVerifications: [],
       verificationResults: {}
     },
     // Initialize component trigger-action system state
-    componentTriggerState: e.componentTriggerState || {},
-    activeComponentActions: e.activeComponentActions || {},
-    componentAlerts: e.componentAlerts || {},
+    componentTriggerState: t.componentTriggerState || {},
+    activeComponentActions: t.activeComponentActions || {},
+    componentAlerts: t.componentAlerts || {},
     // Enhanced original value tracking
-    componentOriginalValues: e.componentOriginalValues || {},
+    componentOriginalValues: t.componentOriginalValues || {},
     // New simplified state machine context
-    activeExecutionPlan: e.activeExecutionPlan || null,
-    executionResults: e.executionResults || {},
+    activeExecutionPlan: t.activeExecutionPlan || null,
+    executionResults: t.executionResults || {},
     // Track completed context actions
-    contextActionCompletions: e.contextActionCompletions || {},
+    contextActionCompletions: t.contextActionCompletions || {},
     // Initialize enhanced save state tracking
-    saveState: e.saveState || {
+    saveState: t.saveState || {
       saveInProgress: !1,
       saveInitiator: null,
       savingSection: null,
@@ -59,82 +59,41 @@ const W = I({
       completedVerifications: [],
       validationErrors: {},
       saveStartTimestamp: null
-    }
+    },
+    forcedValidationFields: t.forcedValidationFields || []
   }),
   initial: "idle",
   // Global events that should work in any state
   on: {
+    TRIGGER_STEP_VALIDATION: {
+      actions: i({
+        forcedValidationFields: ({ event: t }) => t.fieldIds
+      })
+    },
     EVALUATE_COMPONENT_TRIGGERS: {
       actions: [
         // Create execution plan for fieldChange context and execute if needed
-        ({ context: e, event: t, self: n }) => {
-          if (t.type !== "EVALUATE_COMPONENT_TRIGGERS")
+        ({ context: t, event: e, self: n }) => {
+          if (e.type !== "EVALUATE_COMPONENT_TRIGGERS")
             return;
-          const { componentId: i, value: o } = t, r = e.componentOriginalValues[i], s = !!(r?.isPopulated && r.value !== o);
-          console.log(
-            `🔥 [formMachine] EVALUATE_COMPONENT_TRIGGERS for ${i}:`,
-            {
-              value: o,
-              originalValue: r?.value,
-              isPopulated: r?.isPopulated,
-              isDirty: s,
-              hasAlerts: !!e.componentAlerts[i]?.length
-            }
-          ), console.log(
-            `🔍 [formMachine] Checking alert dismissal condition for ${i}:`,
-            {
-              isDirty: s,
-              hasAlerts: !!e.componentAlerts[i]?.length,
-              alertsCount: e.componentAlerts[i]?.length,
-              allComponentAlerts: Object.keys(e.componentAlerts),
-              alertsForComponent: e.componentAlerts[i],
-              conditionMet: !s && e.componentAlerts[i]?.length
-            }
-          ), !s && e.componentAlerts[i]?.length && (console.log(
-            `🧹 [formMachine] Clearing alerts for ${i} - field no longer dirty`
-          ), console.log(
-            `🧹 [formMachine] Sending DISMISS_COMPONENT_ALERT for ${i}`,
-            {
-              alertsCount: e.componentAlerts[i]?.length,
-              currentState: "about to send"
-            }
-          ), n.send({
+          const { componentId: a, value: o } = e, r = t.componentOriginalValues[a];
+          !(r?.isPopulated && r.value !== o) && t.componentAlerts[a]?.length && n.send({
             type: "DISMISS_COMPONENT_ALERT",
-            componentId: i
-          }), console.log(
-            `🧹 [formMachine] DISMISS_COMPONENT_ALERT sent for ${i}`
-          ));
-          const g = u.createExecutionPlan(
-            e.config,
+            componentId: a
+          });
+          const p = l.createExecutionPlan(
+            t.config,
             "fieldChange",
-            e.currentStepIndex,
-            e
+            t.currentStepIndex,
+            t
           );
-          console.log(
-            `🎯 [formMachine] FieldChange execution plan for ${i}:`,
-            {
-              totalActions: g.totalActions,
-              executionsCount: g.executions.length,
-              executions: g.executions.map((c) => ({
-                componentId: c.componentId,
-                triggerId: c.trigger.id,
-                actionsCount: c.actions.length,
-                actions: c.actions.map((l) => ({
-                  id: l.id,
-                  type: l.type,
-                  contexts: l.contexts
-                }))
-              }))
-            }
-          ), g.totalActions > 0 && g.executions.forEach((c) => {
-            c.actions.forEach((l) => {
-              console.log(
-                `⚡ [formMachine] Executing fieldChange action ${l.id} for ${c.componentId}`
-              ), n.send({
+          p.totalActions > 0 && p.executions.forEach((g) => {
+            g.actions.forEach((u) => {
+              n.send({
                 type: "TRIGGER_COMPONENT_ACTION",
-                componentId: c.componentId,
-                triggerId: c.trigger.id,
-                actionId: l.id,
+                componentId: g.componentId,
+                triggerId: g.trigger.id,
+                actionId: u.id,
                 eventType: "valueChange"
               });
             });
@@ -143,55 +102,47 @@ const W = I({
       ]
     },
     SET_COMPONENT_ORIGINAL_VALUE: {
-      actions: a({
-        componentOriginalValues: ({ context: e, event: t }) => ({
-          ...e.componentOriginalValues,
-          [t.componentId]: {
-            value: t.value,
+      actions: i({
+        componentOriginalValues: ({ context: t, event: e }) => ({
+          ...t.componentOriginalValues,
+          [e.componentId]: {
+            value: e.value,
             timestamp: Date.now(),
-            source: t.source || "initialized",
-            isPopulated: t.source !== "initialized"
+            source: e.source || "initialized",
+            isPopulated: e.source !== "initialized"
           }
         }),
-        componentTriggerState: ({ context: e, event: t }) => {
+        componentTriggerState: ({ context: t, event: e }) => {
           const n = V(
-            e.config,
-            t.componentId
-          ), i = { ...e.componentTriggerState };
+            t.config,
+            e.componentId
+          ), a = { ...t.componentTriggerState };
           return n.forEach((o) => {
-            const r = `${t.componentId}-${o.id}`;
-            i[r] ? i[r].originalValue === void 0 && (i[r] = {
-              ...i[r],
-              originalValue: t.value
-            }) : i[r] = {
-              componentId: t.componentId,
+            const r = `${e.componentId}-${o.id}`;
+            a[r] ? a[r].originalValue === void 0 && (a[r] = {
+              ...a[r],
+              originalValue: e.value
+            }) : a[r] = {
+              componentId: e.componentId,
               triggerId: o.id,
               isActive: !1,
-              originalValue: t.value,
+              originalValue: e.value,
               lastEvaluated: Date.now()
             };
-          }), i;
+          }), a;
         }
       })
     },
     MARK_COMPONENT_AS_POPULATED: {
-      actions: a({
+      actions: i({
         componentOriginalValues: ({
-          context: e,
-          event: t
-        }) => (console.log(
-          `🔧 [formMachine] MARK_COMPONENT_AS_POPULATED fixing original value for ${t.componentId}:`,
-          {
-            eventValue: t.value,
-            contextDataValue: e.data[t.componentId],
-            existingOriginalValue: e.componentOriginalValues[t.componentId]?.value,
-            isPopulated: e.componentOriginalValues[t.componentId]?.isPopulated
-          }
-        ), {
-          ...e.componentOriginalValues,
-          [t.componentId]: {
-            ...e.componentOriginalValues[t.componentId],
-            value: t.value,
+          context: t,
+          event: e
+        }) => ({
+          ...t.componentOriginalValues,
+          [e.componentId]: {
+            ...t.componentOriginalValues[e.componentId],
+            value: e.value,
             // Use event.value instead of currentValue from context.data
             timestamp: Date.now(),
             source: "api_populated",
@@ -202,24 +153,16 @@ const W = I({
     },
     UPDATE_COMPONENT_ORIGINAL_VALUE: {
       actions: [
-        a({
+        i({
           componentOriginalValues: ({
-            context: e,
-            event: t
+            context: t,
+            event: e
           }) => {
-            const n = e.data[t.componentId];
-            return console.log(
-              `🔄 [formMachine] UPDATE_COMPONENT_ORIGINAL_VALUE for ${t.componentId}:`,
-              {
-                componentId: t.componentId,
-                currentValue: n,
-                oldOriginalValue: e.componentOriginalValues[t.componentId]?.value,
-                willUpdateTo: n
-              }
-            ), {
-              ...e.componentOriginalValues,
-              [t.componentId]: {
-                ...e.componentOriginalValues[t.componentId],
+            const n = t.data[e.componentId];
+            return {
+              ...t.componentOriginalValues,
+              [e.componentId]: {
+                ...t.componentOriginalValues[e.componentId],
                 value: n,
                 // Update original value to current field value
                 timestamp: Date.now(),
@@ -230,13 +173,11 @@ const W = I({
           }
         }),
         // Re-evaluate triggers after updating original value to clear alerts
-        ({ context: e, event: t, self: n }) => {
-          console.log(
-            `🔄 [formMachine] Re-evaluating triggers after UPDATE_COMPONENT_ORIGINAL_VALUE for ${t.componentId}`
-          ), n.send({
+        ({ context: t, event: e, self: n }) => {
+          n.send({
             type: "EVALUATE_COMPONENT_TRIGGERS",
-            componentId: t.componentId,
-            value: e.data[t.componentId],
+            componentId: e.componentId,
+            value: t.data[e.componentId],
             eventType: "valueChange"
           });
         }
@@ -247,49 +188,49 @@ const W = I({
     idle: {
       on: {
         SET_DATA: {
-          actions: a({
-            data: ({ context: e, event: t }) => e.data[t.key] === t.value ? e.data : Object.assign({}, e.data, {
-              [t.key]: t.value
+          actions: i({
+            data: ({ context: t, event: e }) => t.data[e.key] === e.value ? t.data : Object.assign({}, t.data, {
+              [e.key]: e.value
             }),
-            dirtyFields: ({ context: e, event: t }) => e.dirtyFields[t.key] ? e.dirtyFields : Object.assign({}, e.dirtyFields, {
-              [t.key]: !0
+            dirtyFields: ({ context: t, event: e }) => t.dirtyFields[e.key] ? t.dirtyFields : Object.assign({}, t.dirtyFields, {
+              [e.key]: !0
             })
           })
         },
         SET_FIELD_STATE: {
-          actions: a({
-            fieldStates: ({ context: e, event: t }) => {
-              const n = e.fieldStates[t.componentId] || {
+          actions: i({
+            fieldStates: ({ context: t, event: e }) => {
+              const n = t.fieldStates[e.componentId] || {
                 value: void 0,
                 error: null,
                 isDirty: !1,
                 isTouched: !1,
                 isValidating: !1
               };
-              let i = !1;
-              for (const r in t.state) {
+              let a = !1;
+              for (const r in e.state) {
                 const s = r;
-                if (n[s] !== t.state[s]) {
-                  i = !0;
+                if (n[s] !== e.state[s]) {
+                  a = !0;
                   break;
                 }
               }
-              if (!i)
-                return e.fieldStates;
-              const o = Object.assign({}, e.fieldStates);
-              return o[t.componentId] = Object.assign(
+              if (!a)
+                return t.fieldStates;
+              const o = Object.assign({}, t.fieldStates);
+              return o[e.componentId] = Object.assign(
                 {},
                 n,
-                t.state
+                e.state
               ), o;
             }
           })
         },
         VALIDATE_FIELD: {
           actions: [
-            a({
-              touchedFields: ({ context: e, event: t }) => e.touchedFields[t.componentId] ? e.touchedFields : Object.assign({}, e.touchedFields, {
-                [t.componentId]: !0
+            i({
+              touchedFields: ({ context: t, event: e }) => t.touchedFields[e.componentId] ? t.touchedFields : Object.assign({}, t.touchedFields, {
+                [e.componentId]: !0
               })
             })
           ]
@@ -304,77 +245,77 @@ const W = I({
           actions: []
         },
         START_SECTION_EDIT: {
-          actions: a({
-            sectionBackups: ({ context: e, event: t }) => {
-              if (e.sectionBackups[t.sectionId])
-                return e.sectionBackups;
+          actions: i({
+            sectionBackups: ({ context: t, event: e }) => {
+              if (t.sectionBackups[e.sectionId])
+                return t.sectionBackups;
               const n = {};
-              for (const i of t.componentIds)
-                n[i] = e.data[i];
-              return Object.assign({}, e.sectionBackups, {
-                [t.sectionId]: n
+              for (const a of e.componentIds)
+                n[a] = t.data[a];
+              return Object.assign({}, t.sectionBackups, {
+                [e.sectionId]: n
               });
             }
           })
         },
         CANCEL_SECTION_EDIT: {
-          actions: a({
-            data: ({ context: e, event: t }) => {
-              const n = e.sectionBackups[t.sectionId];
-              if (!n) return e.data;
-              let i = !1;
+          actions: i({
+            data: ({ context: t, event: e }) => {
+              const n = t.sectionBackups[e.sectionId];
+              if (!n) return t.data;
+              let a = !1;
               for (const [r, s] of Object.entries(n))
-                if (e.data[r] !== s) {
-                  i = !0;
+                if (t.data[r] !== s) {
+                  a = !0;
                   break;
                 }
-              if (!i)
-                return e.data;
-              const o = Object.assign({}, e.data);
+              if (!a)
+                return t.data;
+              const o = Object.assign({}, t.data);
               for (const [r, s] of Object.entries(n))
                 o[r] = s;
               return o;
             },
             // Clear the backup after restoring
-            sectionBackups: ({ context: e, event: t }) => {
-              if (!e.sectionBackups[t.sectionId])
-                return e.sectionBackups;
-              const n = Object.assign({}, e.sectionBackups);
-              return delete n[t.sectionId], n;
+            sectionBackups: ({ context: t, event: e }) => {
+              if (!t.sectionBackups[e.sectionId])
+                return t.sectionBackups;
+              const n = Object.assign({}, t.sectionBackups);
+              return delete n[e.sectionId], n;
             }
           })
         },
         REQUEST_NAVIGATION: {
           target: "evaluatingNavigation",
           actions: [
-            a({
-              pendingNavigation: ({ event: e }) => {
-                if (e.type !== "REQUEST_NAVIGATION") return null;
-                const t = {
-                  type: e.navigationType
+            i({
+              pendingNavigation: ({ event: t }) => {
+                if (t.type !== "REQUEST_NAVIGATION") return null;
+                const e = {
+                  type: t.navigationType
                 };
-                return e.stepId !== void 0 && (t.stepId = e.stepId), t;
+                return t.stepId !== void 0 && (e.stepId = t.stepId), e;
               }
             })
           ]
         },
         NEXT: [
           {
-            guard: N,
+            guard: O,
             target: "evaluatingNavigation",
             actions: [
-              a({
-                activeExecutionPlan: ({ context: e }) => u.createExecutionPlan(
-                  e.config,
+              i({
+                activeExecutionPlan: ({ context: t }) => l.createExecutionPlan(
+                  t.config,
                   "save",
-                  e.currentStepIndex,
-                  e
+                  t.currentStepIndex,
+                  t
                 )
               }),
-              a({
+              i({
                 pendingNavigation: { type: "next" }
               }),
-              a({
+              i({
                 pendingNavigation: null,
                 canNavigate: !1
               })
@@ -382,18 +323,18 @@ const W = I({
           },
           {
             // Direct navigation if no triggers need execution
-            guard: d,
-            actions: a({
-              currentStepIndex: ({ context: e }) => Math.min(
-                e.currentStepIndex + 1,
-                e.config.steps.length - 1
+            guard: c,
+            actions: i({
+              currentStepIndex: ({ context: t }) => Math.min(
+                t.currentStepIndex + 1,
+                t.config.steps.length - 1
               ),
-              currentStepId: ({ context: e }) => {
-                const t = Math.min(
-                  e.currentStepIndex + 1,
-                  e.config.steps.length - 1
+              currentStepId: ({ context: t }) => {
+                const e = Math.min(
+                  t.currentStepIndex + 1,
+                  t.config.steps.length - 1
                 );
-                return e.config.steps[t]?.id || "";
+                return t.config.steps[e]?.id || "";
               },
               pendingNavigation: null
             })
@@ -401,19 +342,19 @@ const W = I({
           {
             // Fallback - set pending navigation and transition to evaluation state
             target: "evaluatingNavigation",
-            actions: a({
+            actions: i({
               pendingNavigation: { type: "next" }
             })
           }
         ],
         PREVIOUS: [
           {
-            guard: d,
-            actions: a({
-              currentStepIndex: ({ context: e }) => Math.max(e.currentStepIndex - 1, 0),
-              currentStepId: ({ context: e }) => {
-                const t = Math.max(e.currentStepIndex - 1, 0);
-                return e.config.steps[t]?.id || "";
+            guard: c,
+            actions: i({
+              currentStepIndex: ({ context: t }) => Math.max(t.currentStepIndex - 1, 0),
+              currentStepId: ({ context: t }) => {
+                const e = Math.max(t.currentStepIndex - 1, 0);
+                return t.config.steps[e]?.id || "";
               },
               pendingNavigation: null
             })
@@ -421,34 +362,34 @@ const W = I({
           {
             // Fallback - set pending navigation and transition to evaluation state
             target: "evaluatingNavigation",
-            actions: a({
+            actions: i({
               pendingNavigation: { type: "previous" }
             })
           }
         ],
         GO_TO_STEP: [
           {
-            guard: d,
-            actions: a({
-              currentStepIndex: ({ context: e, event: t }) => {
-                if (t.type !== "GO_TO_STEP")
-                  return e.currentStepIndex;
-                const n = e.config.steps.findIndex(
-                  (i) => i.id === t.stepId
+            guard: c,
+            actions: i({
+              currentStepIndex: ({ context: t, event: e }) => {
+                if (e.type !== "GO_TO_STEP")
+                  return t.currentStepIndex;
+                const n = t.config.steps.findIndex(
+                  (a) => a.id === e.stepId
                 );
-                return n >= 0 ? n : e.currentStepIndex;
+                return n >= 0 ? n : t.currentStepIndex;
               },
-              currentStepId: ({ context: e, event: t }) => t.type !== "GO_TO_STEP" ? e.currentStepId : t.stepId,
+              currentStepId: ({ context: t, event: e }) => e.type !== "GO_TO_STEP" ? t.currentStepId : e.stepId,
               pendingNavigation: null
             })
           },
           {
             // Fallback - set pending navigation and transition to evaluation state
             target: "evaluatingNavigation",
-            actions: a({
-              pendingNavigation: ({ event: e }) => e.type !== "GO_TO_STEP" ? null : {
+            actions: i({
+              pendingNavigation: ({ event: t }) => t.type !== "GO_TO_STEP" ? null : {
                 type: "step",
-                stepId: e.stepId
+                stepId: t.stepId
               }
             })
           }
@@ -457,9 +398,9 @@ const W = I({
           target: "submitting"
         },
         RESET: {
-          actions: a({
+          actions: i({
             currentStepIndex: 0,
-            currentStepId: ({ context: e }) => e.config.steps[0]?.id || "",
+            currentStepId: ({ context: t }) => t.config.steps[0]?.id || "",
             data: {},
             errors: {},
             dirtyFields: {},
@@ -488,31 +429,31 @@ const W = I({
         },
         EXECUTE_TRIGGER: {
           target: "executingActions",
-          actions: a({
-            executingTrigger: ({ event: e }) => e.trigger,
+          actions: i({
+            executingTrigger: ({ event: t }) => t.trigger,
             waitingForActions: !0,
             canNavigate: !1
           })
         },
         EXECUTE_ACTIONS: {
           target: "executingActions",
-          actions: a({
-            executingTrigger: ({ event: e }) => e.trigger,
+          actions: i({
+            executingTrigger: ({ event: t }) => t.trigger,
             waitingForActions: !0,
             canNavigate: !1
           })
         },
         EXECUTE_CONTEXT_ACTIONS: {
           target: "executingContextActions",
-          actions: a({
-            activeExecutionPlan: ({ event: e }) => e.executionPlan,
+          actions: i({
+            activeExecutionPlan: ({ event: t }) => t.executionPlan,
             canNavigate: !1
           })
         },
         SHOW_ACTION_DIALOG: {
           target: "showingActionDialog",
-          actions: a({
-            activeDialog: ({ event: e }) => e.dialogConfig,
+          actions: i({
+            activeDialog: ({ event: t }) => t.dialogConfig,
             canNavigate: !0,
             // Reset navigation permission when showing dialog
             waitingForActions: !1
@@ -520,74 +461,74 @@ const W = I({
           })
         },
         SHOW_FIELD_WARNING: {
-          actions: a({
-            fieldChangeState: ({ context: e, event: t }) => t.type !== "SHOW_FIELD_WARNING" ? e.fieldChangeState : {
-              ...e.fieldChangeState,
-              [t.fieldId]: {
-                ...e.fieldChangeState[t.fieldId],
+          actions: i({
+            fieldChangeState: ({ context: t, event: e }) => e.type !== "SHOW_FIELD_WARNING" ? t.fieldChangeState : {
+              ...t.fieldChangeState,
+              [e.fieldId]: {
+                ...t.fieldChangeState[e.fieldId],
                 validationWarnings: [
-                  ...e.fieldChangeState[t.fieldId]?.validationWarnings || [],
+                  ...t.fieldChangeState[e.fieldId]?.validationWarnings || [],
                   {
-                    id: t.warningId,
-                    fieldId: t.fieldId,
-                    message: t.message,
-                    severity: t.warningType || "warning",
-                    type: t.warningType || "warning",
+                    id: e.warningId,
+                    fieldId: e.fieldId,
+                    message: e.message,
+                    severity: e.warningType || "warning",
+                    type: e.warningType || "warning",
                     timestamp: Date.now(),
                     dismissible: !0
                   }
                 ]
               }
             },
-            fieldValidationState: ({ context: e, event: t }) => t.type !== "SHOW_FIELD_WARNING" ? e.fieldValidationState : {
-              ...e.fieldValidationState,
-              activeWarnings: e.fieldValidationState.activeWarnings.includes(
-                t.fieldId
-              ) ? e.fieldValidationState.activeWarnings : [
-                ...e.fieldValidationState.activeWarnings,
-                t.fieldId
+            fieldValidationState: ({ context: t, event: e }) => e.type !== "SHOW_FIELD_WARNING" ? t.fieldValidationState : {
+              ...t.fieldValidationState,
+              activeWarnings: t.fieldValidationState.activeWarnings.includes(
+                e.fieldId
+              ) ? t.fieldValidationState.activeWarnings : [
+                ...t.fieldValidationState.activeWarnings,
+                e.fieldId
               ]
             }
           })
         },
         DISMISS_FIELD_WARNING: {
-          actions: a({
-            fieldChangeState: ({ context: e, event: t }) => {
-              const n = e.fieldChangeState[t.fieldId];
+          actions: i({
+            fieldChangeState: ({ context: t, event: e }) => {
+              const n = t.fieldChangeState[e.fieldId];
               return n ? {
-                ...e.fieldChangeState,
-                [t.fieldId]: {
+                ...t.fieldChangeState,
+                [e.fieldId]: {
                   ...n,
                   validationWarnings: n.validationWarnings?.filter(
-                    (i) => i.id !== t.warningId
+                    (a) => a.id !== e.warningId
                   ) || []
                 }
-              } : e.fieldChangeState;
+              } : t.fieldChangeState;
             },
-            fieldValidationState: ({ context: e, event: t }) => {
-              const i = e.fieldChangeState[t.fieldId]?.validationWarnings?.length > 0;
+            fieldValidationState: ({ context: t, event: e }) => {
+              const a = t.fieldChangeState[e.fieldId]?.validationWarnings?.length > 0;
               return {
-                ...e.fieldValidationState,
-                activeWarnings: i ? e.fieldValidationState.activeWarnings : e.fieldValidationState.activeWarnings.filter(
-                  (o) => o !== t.fieldId
+                ...t.fieldValidationState,
+                activeWarnings: a ? t.fieldValidationState.activeWarnings : t.fieldValidationState.activeWarnings.filter(
+                  (o) => o !== e.fieldId
                 )
               };
             }
           })
         },
         START_FIELD_VERIFICATION: {
-          actions: a({
-            fieldValidationState: ({ context: e, event: t }) => t.type !== "START_FIELD_VERIFICATION" ? e.fieldValidationState : {
-              ...e.fieldValidationState,
-              pendingVerifications: e.fieldValidationState.pendingVerifications.includes(
-                t.fieldId
-              ) ? e.fieldValidationState.pendingVerifications : [
-                ...e.fieldValidationState.pendingVerifications,
-                t.fieldId
+          actions: i({
+            fieldValidationState: ({ context: t, event: e }) => e.type !== "START_FIELD_VERIFICATION" ? t.fieldValidationState : {
+              ...t.fieldValidationState,
+              pendingVerifications: t.fieldValidationState.pendingVerifications.includes(
+                e.fieldId
+              ) ? t.fieldValidationState.pendingVerifications : [
+                ...t.fieldValidationState.pendingVerifications,
+                e.fieldId
               ],
               verificationResults: {
-                ...e.fieldValidationState.verificationResults,
-                [t.fieldId]: {
+                ...t.fieldValidationState.verificationResults,
+                [e.fieldId]: {
                   status: "pending",
                   timestamp: Date.now()
                 }
@@ -596,47 +537,47 @@ const W = I({
           })
         },
         FIELD_VERIFICATION_COMPLETE: {
-          actions: a({
+          actions: i({
             fieldValidationState: ({
-              context: e,
-              event: t
+              context: t,
+              event: e
             }) => ({
-              ...e.fieldValidationState,
-              pendingVerifications: e.fieldValidationState.pendingVerifications.filter(
-                (n) => n !== t.fieldId
+              ...t.fieldValidationState,
+              pendingVerifications: t.fieldValidationState.pendingVerifications.filter(
+                (n) => n !== e.fieldId
               ),
               verificationResults: {
-                ...e.fieldValidationState.verificationResults,
-                [t.fieldId]: {
-                  status: t.success ? "success" : "failed",
+                ...t.fieldValidationState.verificationResults,
+                [e.fieldId]: {
+                  status: e.success ? "success" : "failed",
                   timestamp: Date.now(),
-                  result: t.result
+                  result: e.result
                 }
               }
             })
           })
         },
         CLEAR_FIELD_CHANGES: {
-          actions: a({
-            fieldChangeState: ({ context: e, event: t }) => {
-              if (t.fieldId) {
-                const n = { ...e.fieldChangeState };
-                return delete n[t.fieldId], n;
+          actions: i({
+            fieldChangeState: ({ context: t, event: e }) => {
+              if (e.fieldId) {
+                const n = { ...t.fieldChangeState };
+                return delete n[e.fieldId], n;
               } else
                 return {};
             },
-            fieldValidationState: ({ context: e, event: t }) => t.fieldId ? {
-              ...e.fieldValidationState,
-              activeWarnings: e.fieldValidationState.activeWarnings.filter(
-                (n) => n !== t.fieldId
+            fieldValidationState: ({ context: t, event: e }) => e.fieldId ? {
+              ...t.fieldValidationState,
+              activeWarnings: t.fieldValidationState.activeWarnings.filter(
+                (n) => n !== e.fieldId
               ),
-              pendingVerifications: e.fieldValidationState.pendingVerifications.filter(
-                (n) => n !== t.fieldId
+              pendingVerifications: t.fieldValidationState.pendingVerifications.filter(
+                (n) => n !== e.fieldId
               ),
               verificationResults: Object.fromEntries(
                 Object.entries(
-                  e.fieldValidationState.verificationResults
-                ).filter(([n]) => n !== t.fieldId)
+                  t.fieldValidationState.verificationResults
+                ).filter(([n]) => n !== e.fieldId)
               )
             } : {
               activeWarnings: [],
@@ -646,73 +587,63 @@ const W = I({
           })
         },
         SET_COMPONENT_ORIGINAL_VALUE: {
-          actions: a({
-            componentOriginalValues: ({ context: e, event: t }) => {
-              const n = e.componentOriginalValues[t.componentId], i = {
-                value: t.value,
+          actions: i({
+            componentOriginalValues: ({ context: t, event: e }) => {
+              const n = t.componentOriginalValues[e.componentId], a = {
+                value: e.value,
                 timestamp: Date.now(),
-                source: t.source || "initialized",
-                isPopulated: t.source !== "initialized"
+                source: e.source || "initialized",
+                isPopulated: e.source !== "initialized"
               };
-              return n && h.shallowEqual(n, i) ? e.componentOriginalValues : Object.assign({}, e.componentOriginalValues, {
-                [t.componentId]: i
+              return n && R.shallowEqual(n, a) ? t.componentOriginalValues : Object.assign({}, t.componentOriginalValues, {
+                [e.componentId]: a
               });
             }
           })
         },
         TRIGGER_COMPONENT_ACTION: {
-          actions: [p]
+          actions: [d]
         },
         SHOW_COMPONENT_ALERT: {
-          actions: a({
-            componentAlerts: ({ context: e, event: t }) => {
-              const i = (e.componentAlerts[t.componentId] || []).filter(
-                (o) => o.id !== t.alert.id
+          actions: i({
+            componentAlerts: ({ context: t, event: e }) => {
+              const a = (t.componentAlerts[e.componentId] || []).filter(
+                (o) => o.id !== e.alert.id
               );
               return {
-                ...e.componentAlerts,
-                [t.componentId]: [...i, t.alert]
+                ...t.componentAlerts,
+                [e.componentId]: [...a, e.alert]
               };
             }
           })
         },
         DISMISS_COMPONENT_ALERT: {
-          actions: a({
-            componentAlerts: ({ context: e, event: t }) => {
-              const n = e.componentAlerts[t.componentId] || [], i = t.alertId ? n.filter((o) => o.id !== t.alertId) : [];
-              return console.log(
-                `🧹 [formMachine] DISMISS_COMPONENT_ALERT for ${t.componentId}:`,
-                {
-                  alertId: t.alertId,
-                  beforeCount: n.length,
-                  afterCount: i.length,
-                  clearedAll: !t.alertId && n.length > 0
-                }
-              ), {
-                ...e.componentAlerts,
-                [t.componentId]: i
+          actions: i({
+            componentAlerts: ({ context: t, event: e }) => {
+              const n = t.componentAlerts[e.componentId] || [], a = e.alertId ? n.filter((o) => o.id !== e.alertId) : [];
+              return {
+                ...t.componentAlerts,
+                [e.componentId]: a
               };
             }
           })
         },
         CLEAR_COMPONENT_ALERT: {
-          actions: a({
-            componentAlerts: ({ context: e, event: t }) => (console.log(
-              `🧹 [formMachine] CLEAR_COMPONENT_ALERT for ${t.componentId}`
-            ), {
-              ...e.componentAlerts,
-              [t.componentId]: []
+          actions: i({
+            componentAlerts: ({ context: t, event: e }) => ({
+              ...t.componentAlerts,
+              [e.componentId]: []
             })
           })
         },
         START_SAVE: {
           target: "preparingSave",
-          actions: a({
-            saveState: ({ context: e, event: t }) => t.type !== "START_SAVE" ? e.saveState : {
-              ...e.saveState,
+          actions: i({
+            saveState: ({ context: t, event: e }) => e.type !== "START_SAVE" ? t.saveState : {
+              ...t.saveState,
               saveInProgress: !0,
-              saveInitiator: t.initiator,
-              savingSection: t.sectionId,
+              saveInitiator: e.initiator,
+              savingSection: e.sectionId,
               saveStartTimestamp: Date.now(),
               pendingVerifications: [],
               completedVerifications: [],
@@ -721,12 +652,12 @@ const W = I({
           })
         },
         SAVE_DIALOG_SHOWN: {
-          actions: a({
-            saveState: ({ context: e, event: t }) => t.type !== "SAVE_DIALOG_SHOWN" ? e.saveState : {
-              ...e.saveState,
+          actions: i({
+            saveState: ({ context: t, event: e }) => e.type !== "SAVE_DIALOG_SHOWN" ? t.saveState : {
+              ...t.saveState,
               pendingVerifications: [
-                ...e.saveState.pendingVerifications,
-                t.dialogId
+                ...t.saveState.pendingVerifications,
+                e.dialogId
               ]
             }
           })
@@ -737,19 +668,19 @@ const W = I({
     executingContextActions: {
       entry: [
         // Execute all actions in the execution plan
-        ({ context: e, self: t }) => {
-          const n = e.activeExecutionPlan;
-          n && (n.executions.forEach((i) => {
-            i.actions.forEach((o) => {
-              t.send({
+        ({ context: t, self: e }) => {
+          const n = t.activeExecutionPlan;
+          n && (n.executions.forEach((a) => {
+            a.actions.forEach((o) => {
+              e.send({
                 type: "TRIGGER_COMPONENT_ACTION",
-                componentId: i.componentId,
-                triggerId: i.trigger.id,
+                componentId: a.componentId,
+                triggerId: a.trigger.id,
                 actionId: o.id,
                 eventType: "navigationAttempt"
               });
             });
-          }), n.totalActions === 0 && t.send({
+          }), n.totalActions === 0 && e.send({
             type: "CONTEXT_ACTIONS_COMPLETE",
             results: {}
           }));
@@ -758,48 +689,48 @@ const W = I({
       on: {
         REQUEST_NAVIGATION: {
           actions: [
-            a({
-              pendingNavigation: ({ event: e }) => {
-                if (e.type !== "REQUEST_NAVIGATION") return null;
-                const t = {
-                  type: e.navigationType
+            i({
+              pendingNavigation: ({ event: t }) => {
+                if (t.type !== "REQUEST_NAVIGATION") return null;
+                const e = {
+                  type: t.navigationType
                 };
-                return e.stepId !== void 0 && (t.stepId = e.stepId), t;
+                return t.stepId !== void 0 && (e.stepId = t.stepId), e;
               }
             })
           ]
         },
         TRIGGER_COMPONENT_ACTION: {
-          actions: [p]
+          actions: [d]
         },
         CONTEXT_ACTIONS_COMPLETE: {
           target: "idle",
           actions: [
-            a({
+            i({
               activeExecutionPlan: null,
-              executionResults: ({ context: e, event: t }) => ({
-                ...e.executionResults,
-                ...t.results
+              executionResults: ({ context: t, event: e }) => ({
+                ...t.executionResults,
+                ...e.results
               })
             }),
-            f
+            S
           ]
         },
         SHOW_ACTION_DIALOG: {
           target: "showingActionDialog",
-          actions: a({
-            activeDialog: ({ event: e }) => e.dialogConfig
+          actions: i({
+            activeDialog: ({ event: t }) => t.dialogConfig
           })
         },
         SHOW_COMPONENT_ALERT: {
-          actions: a({
-            componentAlerts: ({ context: e, event: t }) => {
-              const i = (e.componentAlerts[t.componentId] || []).filter(
-                (o) => o.id !== t.alert.id
+          actions: i({
+            componentAlerts: ({ context: t, event: e }) => {
+              const a = (t.componentAlerts[e.componentId] || []).filter(
+                (o) => o.id !== e.alert.id
               );
               return {
-                ...e.componentAlerts,
-                [t.componentId]: [...i, t.alert]
+                ...t.componentAlerts,
+                [e.componentId]: [...a, e.alert]
               };
             }
           })
@@ -807,31 +738,31 @@ const W = I({
       }
     },
     submitting: {
-      entry: a({ isSubmitting: !0 }),
+      entry: i({ isSubmitting: !0 }),
       on: {
         SUBMIT_SUCCESS: {
           target: "idle",
-          actions: a({ isSubmitting: !1 })
+          actions: i({ isSubmitting: !1 })
         },
         SUBMIT_ERROR: {
           target: "idle",
-          actions: a({
+          actions: i({
             isSubmitting: !1,
-            errors: ({ context: e, event: t }) => ({
-              ...e.errors,
-              _form: [t.error.message]
+            errors: ({ context: t, event: e }) => ({
+              ...t.errors,
+              _form: [e.error.message]
             })
           })
         },
         SET_COMPONENT_ORIGINAL_VALUE: {
-          actions: a({
-            componentOriginalValues: ({ context: e, event: t }) => ({
-              ...e.componentOriginalValues,
-              [t.componentId]: {
-                value: t.value,
+          actions: i({
+            componentOriginalValues: ({ context: t, event: e }) => ({
+              ...t.componentOriginalValues,
+              [e.componentId]: {
+                value: e.value,
                 timestamp: Date.now(),
-                source: t.source || "initialized",
-                isPopulated: t.source !== "initialized"
+                source: e.source || "initialized",
+                isPopulated: e.source !== "initialized"
               }
             })
           })
@@ -842,16 +773,16 @@ const W = I({
     executingActions: {
       on: {
         COMPONENT_ACTION_START: {
-          actions: a({
-            activeComponentActions: ({ context: e, event: t }) => {
-              const n = e.activeComponentActions[t.componentId] || [];
+          actions: i({
+            activeComponentActions: ({ context: t, event: e }) => {
+              const n = t.activeComponentActions[e.componentId] || [];
               return {
-                ...e.activeComponentActions,
-                [t.componentId]: [
+                ...t.activeComponentActions,
+                [e.componentId]: [
                   ...n,
                   {
-                    actionId: t.actionId,
-                    componentId: t.componentId,
+                    actionId: e.actionId,
+                    componentId: e.componentId,
                     status: "executing",
                     startTime: Date.now()
                   }
@@ -861,54 +792,54 @@ const W = I({
           })
         },
         COMPONENT_ACTION_COMPLETE: {
-          actions: a({
-            activeComponentActions: ({ context: e, event: t }) => {
-              const n = e.activeComponentActions[t.componentId] || [];
+          actions: i({
+            activeComponentActions: ({ context: t, event: e }) => {
+              const n = t.activeComponentActions[e.componentId] || [];
               return {
-                ...e.activeComponentActions,
-                [t.componentId]: n.map(
-                  (i) => i.actionId === t.actionId ? { ...i, status: "completed" } : i
+                ...t.activeComponentActions,
+                [e.componentId]: n.map(
+                  (a) => a.actionId === e.actionId ? { ...a, status: "completed" } : a
                 )
               };
             }
           })
         },
         COMPONENT_ACTION_FAILED: {
-          actions: a({
-            activeComponentActions: ({ context: e, event: t }) => {
-              const n = e.activeComponentActions[t.componentId] || [];
+          actions: i({
+            activeComponentActions: ({ context: t, event: e }) => {
+              const n = t.activeComponentActions[e.componentId] || [];
               return {
-                ...e.activeComponentActions,
-                [t.componentId]: n.map(
-                  (i) => i.actionId === t.actionId ? {
-                    ...i,
+                ...t.activeComponentActions,
+                [e.componentId]: n.map(
+                  (a) => a.actionId === e.actionId ? {
+                    ...a,
                     status: "failed",
-                    error: t.error
-                  } : i
+                    error: e.error
+                  } : a
                 )
               };
             }
           })
         },
         SHOW_COMPONENT_ALERT: {
-          actions: a({
-            componentAlerts: ({ context: e, event: t }) => {
-              const i = (e.componentAlerts[t.componentId] || []).filter(
-                (o) => o.id !== t.alert.id
+          actions: i({
+            componentAlerts: ({ context: t, event: e }) => {
+              const a = (t.componentAlerts[e.componentId] || []).filter(
+                (o) => o.id !== e.alert.id
               );
               return {
-                ...e.componentAlerts,
-                [t.componentId]: [...i, t.alert]
+                ...t.componentAlerts,
+                [e.componentId]: [...a, e.alert]
               };
             }
           })
         },
         ACTION_START: {
-          actions: a({
-            activeActions: ({ context: e, event: t }) => ({
-              ...e.activeActions,
-              [t.actionId]: {
-                actionId: t.actionId,
+          actions: i({
+            activeActions: ({ context: t, event: e }) => ({
+              ...t.activeActions,
+              [e.actionId]: {
+                actionId: e.actionId,
                 status: "executing",
                 startTime: Date.now()
               }
@@ -916,26 +847,26 @@ const W = I({
           })
         },
         ACTION_SUCCESS: {
-          actions: a({
-            activeActions: ({ context: e, event: t }) => ({
-              ...e.activeActions,
-              [t.actionId]: {
-                ...e.activeActions[t.actionId],
+          actions: i({
+            activeActions: ({ context: t, event: e }) => ({
+              ...t.activeActions,
+              [e.actionId]: {
+                ...t.activeActions[e.actionId],
                 status: "success",
-                result: t.result,
+                result: e.result,
                 completedTime: Date.now()
               }
             })
           })
         },
         ACTION_ERROR: {
-          actions: a({
-            activeActions: ({ context: e, event: t }) => ({
-              ...e.activeActions,
-              [t.actionId]: {
-                ...e.activeActions[t.actionId],
+          actions: i({
+            activeActions: ({ context: t, event: e }) => ({
+              ...t.activeActions,
+              [e.actionId]: {
+                ...t.activeActions[e.actionId],
                 status: "error",
-                error: t.error,
+                error: e.error,
                 completedTime: Date.now()
               }
             })
@@ -943,23 +874,23 @@ const W = I({
         },
         ACTIONS_COMPLETED: {
           target: "executingPendingNavigation",
-          actions: a({
+          actions: i({
             // Clear all action execution state
             activeActions: {},
             executingTrigger: null,
             waitingForActions: !1,
             canNavigate: !0,
             // Store final results
-            actionResults: ({ context: e, event: t }) => ({
-              ...e.actionResults,
-              ...t.results
+            actionResults: ({ context: t, event: e }) => ({
+              ...t.actionResults,
+              ...e.results
             })
           })
         },
         SHOW_ACTION_DIALOG: {
           target: "showingActionDialog",
-          actions: a({
-            activeDialog: ({ event: e }) => e.dialogConfig,
+          actions: i({
+            activeDialog: ({ event: t }) => t.dialogConfig,
             canNavigate: !1,
             // Block navigation until dialog is resolved
             waitingForActions: !1
@@ -967,24 +898,24 @@ const W = I({
           })
         },
         TRIGGER_COMPONENT_ACTION: {
-          actions: [p]
+          actions: [d]
         },
         DISMISS_COMPONENT_ALERT: {
-          actions: a({
-            componentAlerts: ({ context: e, event: t }) => {
-              const n = e.componentAlerts[t.componentId] || [], i = t.alertId ? n.filter((o) => o.id !== t.alertId) : [];
+          actions: i({
+            componentAlerts: ({ context: t, event: e }) => {
+              const n = t.componentAlerts[e.componentId] || [], a = e.alertId ? n.filter((o) => o.id !== e.alertId) : [];
               return {
-                ...e.componentAlerts,
-                [t.componentId]: i
+                ...t.componentAlerts,
+                [e.componentId]: a
               };
             }
           })
         },
         CLEAR_COMPONENT_ALERT: {
-          actions: a({
-            componentAlerts: ({ context: e, event: t }) => ({
-              ...e.componentAlerts,
-              [t.componentId]: []
+          actions: i({
+            componentAlerts: ({ context: t, event: e }) => ({
+              ...t.componentAlerts,
+              [e.componentId]: []
             })
           })
         }
@@ -999,63 +930,39 @@ const W = I({
           guard: E,
           target: "executingContextActions",
           actions: [
-            a({
-              activeExecutionPlan: ({ context: e }) => {
-                console.log(
-                  "🎯 [formMachine] Creating execution plan for save context in evaluatingNavigation"
-                );
-                const t = u.createExecutionPlan(
-                  e.config,
-                  "save",
-                  e.currentStepIndex,
-                  e
-                );
-                return console.log("🎯 [formMachine] Save context execution plan:", {
-                  totalActions: t.totalActions,
-                  executionsCount: t.executions.length,
-                  executions: t.executions.map((n) => ({
-                    componentId: n.componentId,
-                    triggerId: n.trigger.id,
-                    triggerType: n.trigger.type,
-                    actionsCount: n.actions.length,
-                    actions: n.actions.map((i) => ({
-                      id: i.id,
-                      type: i.type,
-                      contexts: i.contexts
-                    }))
-                  }))
-                }), t;
-              }
+            i({
+              activeExecutionPlan: ({ context: t }) => l.createExecutionPlan(
+                t.config,
+                "save",
+                t.currentStepIndex,
+                t
+              )
             })
           ]
         },
         {
           // PRIORITY 2: Check for other dirty components with triggers for step navigation
-          guard: v,
+          guard: C,
           target: "executingTriggerActions",
           actions: [
-            a({
+            i({
               executingTrigger: "onStepFinish",
               waitingForActions: !0,
               canNavigate: !1
             }),
             // Execute the component trigger actions
-            ({ context: e, self: t }) => {
-              console.log(
-                "🎯 [formMachine] Executing dirty component trigger actions for step navigation"
-              ), u.findDirtyComponentsForNavigation(
-                e.config,
-                e.currentStepIndex,
-                e,
+            ({ context: t, self: e }) => {
+              l.findDirtyComponentsForNavigation(
+                t.config,
+                t.currentStepIndex,
+                t,
                 "step"
               ).forEach(
-                ({ componentId: i, trigger: o, actions: r }) => {
+                ({ componentId: a, trigger: o, actions: r }) => {
                   r.forEach((s) => {
-                    console.log(
-                      `⚡ [formMachine] Executing step navigation action ${s.id} for ${i}`
-                    ), t.send({
+                    e.send({
                       type: "TRIGGER_COMPONENT_ACTION",
-                      componentId: i,
+                      componentId: a,
                       triggerId: o.id,
                       actionId: s.id,
                       eventType: "navigationAttempt"
@@ -1068,40 +975,22 @@ const W = I({
         },
         {
           // PRIORITY 3: Execute step-level onStepFinish actions if this is a next navigation
-          guard: ({ context: e }) => {
-            if (e.pendingNavigation?.type !== "next") return !1;
-            const t = e.config.steps[e.currentStepIndex];
-            if (!t || !("actions" in t)) return !1;
-            const n = t.actions || [], i = n.some(
+          guard: ({ context: t }) => {
+            if (t.pendingNavigation?.type !== "next") return !1;
+            const e = t.config.steps[t.currentStepIndex];
+            return !e || !("actions" in e) ? !1 : (e.actions || []).some(
               (o) => o.trigger === "onStepFinish"
             );
-            return console.log(
-              "🎯 [formMachine] Checking for step-level onStepFinish actions:",
-              {
-                stepIndex: e.currentStepIndex,
-                stepId: t.id,
-                hasFinishActions: i,
-                stepActionsCount: n.length
-              }
-            ), i;
           },
           target: "executingActions",
           actions: [
-            a({
+            i({
               executingTrigger: "onStepFinish",
               waitingForActions: !0,
               canNavigate: !1
             }),
-            ({ context: e, self: t }) => {
-              const n = e.config.steps[e.currentStepIndex], i = n.actions || [];
-              console.log(
-                "🎯 [formMachine] Executing step-level onStepFinish actions:",
-                {
-                  stepIndex: e.currentStepIndex,
-                  stepId: n.id,
-                  actionsCount: i.length
-                }
-              ), t.send({
+            ({ self: t }) => {
+              t.send({
                 type: "EXECUTE_ACTIONS",
                 trigger: "onStepFinish"
               });
@@ -1110,7 +999,7 @@ const W = I({
         },
         {
           // PRIORITY 4: Proceed with normal navigation evaluation
-          guard: O,
+          guard: N,
           target: "executingPendingNavigation"
         }
       ]
@@ -1120,26 +1009,26 @@ const W = I({
       on: {
         TRIGGER_COMPONENT_ACTION: {
           actions: [
-            a({
-              componentTriggerState: ({ context: e, event: t }) => ({
-                ...e.componentTriggerState,
-                [`${t.componentId}-${t.triggerId}`]: {
-                  ...e.componentTriggerState[`${t.componentId}-${t.triggerId}`],
+            i({
+              componentTriggerState: ({ context: t, event: e }) => ({
+                ...t.componentTriggerState,
+                [`${e.componentId}-${e.triggerId}`]: {
+                  ...t.componentTriggerState[`${e.componentId}-${e.triggerId}`],
                   isActive: !0,
                   lastTriggered: Date.now()
                 }
               })
             }),
-            a({
-              activeComponentActions: ({ context: e, event: t }) => {
-                const n = e.activeComponentActions[t.componentId] || [];
+            i({
+              activeComponentActions: ({ context: t, event: e }) => {
+                const n = t.activeComponentActions[e.componentId] || [];
                 return {
-                  ...e.activeComponentActions,
-                  [t.componentId]: [
+                  ...t.activeComponentActions,
+                  [e.componentId]: [
                     ...n,
                     {
-                      actionId: t.actionId,
-                      componentId: t.componentId,
+                      actionId: e.actionId,
+                      componentId: e.componentId,
                       status: "executing",
                       startTime: Date.now()
                     }
@@ -1147,40 +1036,40 @@ const W = I({
                 };
               }
             }),
-            p
+            d
           ]
         },
         TRIGGER_ACTIONS_COMPLETE: {
           target: "executingPendingNavigation",
-          actions: a({
+          actions: i({
             executingTrigger: null,
             waitingForActions: !1,
             canNavigate: !0
           })
         },
         DISMISS_COMPONENT_ALERT: {
-          actions: a({
-            componentAlerts: ({ context: e, event: t }) => {
-              const n = e.componentAlerts[t.componentId] || [], i = t.alertId ? n.filter((o) => o.id !== t.alertId) : [];
+          actions: i({
+            componentAlerts: ({ context: t, event: e }) => {
+              const n = t.componentAlerts[e.componentId] || [], a = e.alertId ? n.filter((o) => o.id !== e.alertId) : [];
               return {
-                ...e.componentAlerts,
-                [t.componentId]: i
+                ...t.componentAlerts,
+                [e.componentId]: a
               };
             }
           })
         },
         CLEAR_COMPONENT_ALERT: {
-          actions: a({
-            componentAlerts: ({ context: e, event: t }) => ({
-              ...e.componentAlerts,
-              [t.componentId]: []
+          actions: i({
+            componentAlerts: ({ context: t, event: e }) => ({
+              ...t.componentAlerts,
+              [e.componentId]: []
             })
           })
         },
         SHOW_ACTION_DIALOG: {
           target: "showingActionDialog",
-          actions: a({
-            activeDialog: ({ event: e }) => e.dialogConfig,
+          actions: i({
+            activeDialog: ({ event: t }) => t.dialogConfig,
             canNavigate: !1,
             waitingForActions: !1
           })
@@ -1191,19 +1080,19 @@ const W = I({
     executingPendingNavigation: {
       always: [
         {
-          guard: S,
+          guard: m,
           target: "idle",
-          actions: a({
-            currentStepIndex: ({ context: e }) => Math.min(
-              e.currentStepIndex + 1,
-              e.config.steps.length - 1
+          actions: i({
+            currentStepIndex: ({ context: t }) => Math.min(
+              t.currentStepIndex + 1,
+              t.config.steps.length - 1
             ),
-            currentStepId: ({ context: e }) => {
-              const t = Math.min(
-                e.currentStepIndex + 1,
-                e.config.steps.length - 1
+            currentStepId: ({ context: t }) => {
+              const e = Math.min(
+                t.currentStepIndex + 1,
+                t.config.steps.length - 1
               );
-              return e.config.steps[t]?.id || "";
+              return t.config.steps[e]?.id || "";
             },
             pendingNavigation: null
           })
@@ -1211,11 +1100,11 @@ const W = I({
         {
           guard: A,
           target: "idle",
-          actions: a({
-            currentStepIndex: ({ context: e }) => Math.max(e.currentStepIndex - 1, 0),
-            currentStepId: ({ context: e }) => {
-              const t = Math.max(e.currentStepIndex - 1, 0);
-              return e.config.steps[t]?.id || "";
+          actions: i({
+            currentStepIndex: ({ context: t }) => Math.max(t.currentStepIndex - 1, 0),
+            currentStepId: ({ context: t }) => {
+              const e = Math.max(t.currentStepIndex - 1, 0);
+              return t.config.steps[e]?.id || "";
             },
             pendingNavigation: null
           })
@@ -1223,21 +1112,21 @@ const W = I({
         {
           guard: T,
           target: "idle",
-          actions: a({
-            currentStepIndex: ({ context: e }) => {
-              const t = e.config.steps.findIndex(
-                (n) => n.id === e.pendingNavigation?.stepId
+          actions: i({
+            currentStepIndex: ({ context: t }) => {
+              const e = t.config.steps.findIndex(
+                (n) => n.id === t.pendingNavigation?.stepId
               );
-              return t >= 0 ? t : e.currentStepIndex;
+              return e >= 0 ? e : t.currentStepIndex;
             },
-            currentStepId: ({ context: e }) => e.pendingNavigation?.stepId || e.currentStepId,
+            currentStepId: ({ context: t }) => t.pendingNavigation?.stepId || t.currentStepId,
             pendingNavigation: null,
             canNavigate: !0
           })
         },
         {
           target: "idle",
-          actions: a({
+          actions: i({
             pendingNavigation: null,
             canNavigate: !0
           })
@@ -1248,7 +1137,7 @@ const W = I({
       on: {
         HIDE_ACTION_DIALOG: {
           target: "idle",
-          actions: a({
+          actions: i({
             activeDialog: null,
             canNavigate: !0,
             // Allow navigation when dialog is hidden (cancelled)
@@ -1260,44 +1149,36 @@ const W = I({
         DIALOG_VERIFIED: {
           target: "executingPendingNavigation",
           actions: [
-            a({
+            i({
               activeDialog: null,
               canNavigate: !0
               // Allow navigation after successful verification
             }),
             // Handle updateOriginalValue action from verified dialog
-            ({ context: e, self: t }) => {
-              const n = e.activeDialog;
+            ({ context: t, self: e }) => {
+              const n = t.activeDialog;
               if (!n) return;
-              const i = n;
-              if (i.templateConfig?.onVerifiedAction?.type === "updateOriginalValue") {
-                const o = i.componentId;
-                o && e.data[o] !== void 0 && (console.log(
-                  `🔄 [formMachine] DIALOG_VERIFIED: Updating original value for ${o}`,
-                  {
-                    newValue: e.data[o],
-                    oldOriginalValue: e.componentOriginalValues[o]?.value
-                  }
-                ), t.send({
+              const a = n;
+              if (a.templateConfig?.onVerifiedAction?.type === "updateOriginalValue") {
+                const o = a.componentId;
+                o && t.data[o] !== void 0 && (e.send({
                   type: "SET_COMPONENT_ORIGINAL_VALUE",
                   componentId: o,
-                  value: e.data[o],
+                  value: t.data[o],
                   source: "user_verified"
-                }), t.send({
+                }), e.send({
                   type: "MARK_COMPONENT_AS_POPULATED",
                   componentId: o,
-                  value: e.data[o]
-                }), t.send({
+                  value: t.data[o]
+                }), e.send({
                   type: "DISMISS_COMPONENT_ALERT",
                   componentId: o
-                }), t.send({
+                }), e.send({
                   type: "EVALUATE_COMPONENT_TRIGGERS",
                   componentId: o,
-                  value: e.data[o],
+                  value: t.data[o],
                   eventType: "valueChange"
-                }), console.log(
-                  `🔄 [formMachine] Sending RESET_FIELD_TANSTACK_STATE event for ${o}`
-                ));
+                }));
               }
             }
           ]
@@ -1305,7 +1186,7 @@ const W = I({
         // Handle dialog cancellation
         DIALOG_CANCELLED: {
           target: "idle",
-          actions: a({
+          actions: i({
             activeDialog: null,
             canNavigate: !0,
             // Reset navigation permission
@@ -1319,26 +1200,26 @@ const W = I({
         },
         NEXT: [
           {
-            guard: d,
+            guard: c,
             target: "idle",
-            actions: a({
-              currentStepIndex: ({ context: e }) => Math.min(
-                e.currentStepIndex + 1,
-                e.config.steps.length - 1
+            actions: i({
+              currentStepIndex: ({ context: t }) => Math.min(
+                t.currentStepIndex + 1,
+                t.config.steps.length - 1
               ),
-              currentStepId: ({ context: e }) => {
-                const t = Math.min(
-                  e.currentStepIndex + 1,
-                  e.config.steps.length - 1
+              currentStepId: ({ context: t }) => {
+                const e = Math.min(
+                  t.currentStepIndex + 1,
+                  t.config.steps.length - 1
                 );
-                return e.config.steps[t]?.id || "";
+                return t.config.steps[e]?.id || "";
               },
               pendingNavigation: null
             })
           },
           {
             target: "idle",
-            actions: a({
+            actions: i({
               activeDialog: null,
               pendingNavigation: { type: "next" }
             })
@@ -1346,20 +1227,20 @@ const W = I({
         ],
         PREVIOUS: [
           {
-            guard: d,
+            guard: c,
             target: "idle",
-            actions: a({
-              currentStepIndex: ({ context: e }) => Math.max(e.currentStepIndex - 1, 0),
-              currentStepId: ({ context: e }) => {
-                const t = Math.max(e.currentStepIndex - 1, 0);
-                return e.config.steps[t]?.id || "";
+            actions: i({
+              currentStepIndex: ({ context: t }) => Math.max(t.currentStepIndex - 1, 0),
+              currentStepId: ({ context: t }) => {
+                const e = Math.max(t.currentStepIndex - 1, 0);
+                return t.config.steps[e]?.id || "";
               },
               pendingNavigation: null
             })
           },
           {
             target: "idle",
-            actions: a({
+            actions: i({
               activeDialog: null,
               pendingNavigation: { type: "previous" }
             })
@@ -1367,28 +1248,28 @@ const W = I({
         ],
         GO_TO_STEP: [
           {
-            guard: d,
+            guard: c,
             target: "idle",
-            actions: a({
-              currentStepIndex: ({ context: e, event: t }) => {
-                if (t.type !== "GO_TO_STEP")
-                  return e.currentStepIndex;
-                const n = e.config.steps.findIndex(
-                  (i) => i.id === t.stepId
+            actions: i({
+              currentStepIndex: ({ context: t, event: e }) => {
+                if (e.type !== "GO_TO_STEP")
+                  return t.currentStepIndex;
+                const n = t.config.steps.findIndex(
+                  (a) => a.id === e.stepId
                 );
-                return n >= 0 ? n : e.currentStepIndex;
+                return n >= 0 ? n : t.currentStepIndex;
               },
-              currentStepId: ({ context: e, event: t }) => t.type !== "GO_TO_STEP" ? e.currentStepId : t.stepId,
+              currentStepId: ({ context: t, event: e }) => e.type !== "GO_TO_STEP" ? t.currentStepId : e.stepId,
               pendingNavigation: null
             })
           },
           {
             target: "idle",
-            actions: a({
+            actions: i({
               activeDialog: null,
-              pendingNavigation: ({ event: e }) => ({
+              pendingNavigation: ({ event: t }) => ({
                 type: "step",
-                stepId: e.stepId
+                stepId: t.stepId
               })
             })
           }
@@ -1401,19 +1282,19 @@ const W = I({
       always: [
         {
           // Validate save fields and create execution plan
-          guard: C,
+          guard: _,
           target: "executingSaveActions",
-          actions: a({
-            saveState: ({ context: e }) => {
-              const t = u.createExecutionPlan(
-                e.config,
+          actions: i({
+            saveState: ({ context: t }) => {
+              const e = l.createExecutionPlan(
+                t.config,
                 "save",
-                e.currentStepIndex,
-                e
+                t.currentStepIndex,
+                t
               );
               return {
-                ...e.saveState,
-                executionPlan: t
+                ...t.saveState,
+                executionPlan: e
               };
             }
           })
@@ -1422,9 +1303,9 @@ const W = I({
           // Validation failed or no actions to execute
           target: "idle",
           actions: [
-            a({
-              saveState: ({ context: e }) => ({
-                ...e.saveState,
+            i({
+              saveState: ({ context: t }) => ({
+                ...t.saveState,
                 saveInProgress: !1,
                 saveInitiator: null,
                 savingSection: null,
@@ -1439,15 +1320,15 @@ const W = I({
       ]
     },
     executingSaveActions: {
-      entry: [m],
+      entry: [f],
       on: {
         TRIGGER_COMPONENT_ACTION: {
-          actions: [p]
+          actions: [d]
         },
         SHOW_ACTION_DIALOG: {
           target: "awaitingVerification",
-          actions: a({
-            activeDialog: ({ event: e }) => e.dialogConfig
+          actions: i({
+            activeDialog: ({ event: t }) => t.dialogConfig
           })
         },
         SAVE_ACTIONS_COMPLETE: {
@@ -1460,20 +1341,20 @@ const W = I({
         DIALOG_VERIFIED: {
           target: "completingSave",
           actions: [
-            a({
+            i({
               activeDialog: null,
-              saveState: ({ context: e }) => ({
-                ...e.saveState,
+              saveState: ({ context: t }) => ({
+                ...t.saveState,
                 completedVerifications: [
-                  ...e.saveState.completedVerifications,
-                  `${e.activeDialog?.templateMetadata?.componentId || "unknown"}`
+                  ...t.saveState.completedVerifications,
+                  `${t.activeDialog?.templateMetadata?.componentId || "unknown"}`
                 ]
               })
             }),
-            ({ context: e, self: t }) => {
-              e.saveState.pendingVerifications.length <= e.saveState.completedVerifications.length + 1 && t.send({
+            ({ context: t, self: e }) => {
+              t.saveState.pendingVerifications.length <= t.saveState.completedVerifications.length + 1 && e.send({
                 type: "SAVE_ACTIONS_COMPLETE",
-                sectionId: e.saveState.savingSection || "",
+                sectionId: t.saveState.savingSection || "",
                 results: {}
               });
             }
@@ -1482,10 +1363,10 @@ const W = I({
         DIALOG_CANCELLED: {
           target: "idle",
           actions: [
-            a({
+            i({
               activeDialog: null,
-              saveState: ({ context: e }) => ({
-                ...e.saveState,
+              saveState: ({ context: t }) => ({
+                ...t.saveState,
                 saveInProgress: !1,
                 saveInitiator: null,
                 savingSection: null,
@@ -1504,12 +1385,12 @@ const W = I({
       always: [
         {
           // Handle section mode transitions after successful save
-          guard: _,
+          guard: v,
           target: "idle",
           actions: [
-            a({
-              saveState: ({ context: e }) => ({
-                ...e.saveState,
+            i({
+              saveState: ({ context: t }) => ({
+                ...t.saveState,
                 saveInProgress: !1,
                 saveInitiator: null,
                 savingSection: null,
@@ -1525,9 +1406,9 @@ const W = I({
           // Default completion
           target: "idle",
           actions: [
-            a({
-              saveState: ({ context: e }) => ({
-                ...e.saveState,
+            i({
+              saveState: ({ context: t }) => ({
+                ...t.saveState,
                 saveInProgress: !1,
                 saveInitiator: null,
                 savingSection: null,
@@ -1537,19 +1418,19 @@ const W = I({
                 executionPlan: null
               })
             }),
-            ({ context: e, self: t }) => {
-              if (e.saveState.saveInitiator === "navigation" && e.pendingNavigation)
-                switch (e.pendingNavigation.type) {
+            ({ context: t, self: e }) => {
+              if (t.saveState.saveInitiator === "navigation" && t.pendingNavigation)
+                switch (t.pendingNavigation.type) {
                   case "next":
-                    t.send({ type: "NEXT" });
+                    e.send({ type: "NEXT" });
                     break;
                   case "previous":
-                    t.send({ type: "PREVIOUS" });
+                    e.send({ type: "PREVIOUS" });
                     break;
                   case "step":
-                    t.send({
+                    e.send({
                       type: "GO_TO_STEP",
-                      stepId: e.pendingNavigation.stepId
+                      stepId: t.pendingNavigation.stepId
                     });
                     break;
                 }
@@ -1561,5 +1442,5 @@ const W = I({
   }
 });
 export {
-  W as formMachine
+  x as formMachine
 };