@digiform/wizard 0.2.18 → 0.3.1

package/wizard/src/features/form-runtime/FormWizard/FormWizard.js

@@ -1,29 +1,32 @@
 "use client";
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useFormMachineProvider as E, FormMachineContext as z } from "../../state-management/machines/useFormMachine.js";
-import { ActionManager as M } from "../../trigger-action-system/components/ActionManager.js";
+import { wizardDefaultRenderer as z } from "../../../renderer/wizardRenderer.js";
 /* empty css                               */
-import { FormLayout as s } from "../../../../../ui/src/components/FormLayout/FormLayout.js";
-import { formWizardQueryClient as N } from "../../../../../ui/src/lib/queryClient.js";
-import { QueryClientProvider as W } from "@tanstack/react-query";
+import { FormLayout as m } from "../../../../../ui/src/components/FormLayout/FormLayout.js";
+import { formWizardQueryClient as E } from "../../../../../ui/src/lib/queryClient.js";
+import { QueryClientProvider as M } from "@tanstack/react-query";
 import { clsx as g } from "clsx";
-import { memo as w, useState as h, useEffect as L, useMemo as u } from "react";
+import { memo as N, useState as h, useEffect as w, useMemo as u } from "react";
 import n from "./FormWizard.module.css.js";
-import P from "../components/FormStep/FormStep.js";
-import T from "../components/StepProgressIndicator/StepProgressIndicator.js";
-import { hasTemplateSteps as I, resolveFormWizardConfig as x } from "../config/configResolver.js";
-import { ThemeProvider as b, useThemeConfig as U } from "../../../../../ui/src/theme/ThemeProvider.js";
+import W from "../components/FormStep/FormStep.js";
+import L from "../components/StepProgressIndicator/StepProgressIndicator.js";
+import { hasTemplateSteps as P, resolveFormWizardConfig as T } from "../config/configResolver.js";
+import { ThemeProvider as I, useThemeConfig as x } from "../../../../../ui/src/theme/ThemeProvider.js";
+import { useFormMachineProvider as b, FormMachineContext as U } from "../../state-management/machines/useFormMachine.js";
 import j from "../../../../../ui/src/lib/error-boundaries/FormWizardErrorBoundary.js";
 import { FormEditingProvider as O } from "../../../../../ui/src/lib/providers/FormEditingContext.js";
-import m from "../../../../../ui/src/lib/error-boundaries/ComponentErrorBoundary.js";
-import { ValidationEngine as V } from "../../validation-system/validation/ValidationEngine.js";
-import { Heading as k } from "@rijkshuisstijl-community/components-react";
-const v = w(
+import s from "../../../../../ui/src/lib/error-boundaries/ComponentErrorBoundary.js";
+import { ActionManager as R } from "../../trigger-action-system/components/ActionManager.js";
+import { registerRenderComponent as V } from "../../../../../ui/src/component-registry/renderComponent.js";
+import { ValidationEngine as k } from "../../validation-system/validation/ValidationEngine.js";
+import { Heading as A } from "@rijkshuisstijl-community/components-react";
+V(z);
+const v = N(
   ({
     config: r,
     initialData: a = {},
-    onSubmit: y,
-    queryClient: C = N
+    onSubmit: C,
+    queryClient: y = E
   }) => {
     console.log(
       "🏁 [FormWizard] FormWizardCore component MOUNTING with config:",
@@ -40,11 +43,11 @@ const v = w(
       );
     }, 100);
     const [t, d] = h(null), [c, f] = h(null);
-    L(() => {
+    w(() => {
       (async () => {
         try {
-          if (f(null), I(r)) {
-            const o = await x(r);
+          if (f(null), P(r)) {
+            const o = await T(r);
             d(o);
           } else
             d(r);
@@ -60,7 +63,7 @@ const v = w(
         "🚀 [FormWizard] Creating ValidationEngine with messageStyle:",
         r.validationMessageStyle || "withLabel"
       );
-      const i = new V({
+      const i = new k({
         messageStyle: r.validationMessageStyle || "withLabel"
       });
       return console.log("✅ [FormWizard] ValidationEngine created:", {
@@ -77,31 +80,31 @@ const v = w(
           schema: o.schema || p.getStepSchema(o)
         };
       })
-    } : null, [t, p]), F = E({
+    } : null, [t, p]), F = b({
       config: S || r,
       // Fallback to original config if resolution fails
       initialData: a,
-      onSubmit: y
+      onSubmit: C
     });
     return c ? /* @__PURE__ */ l("div", { className: g("form-wizard-error", n.errorState), children: [
       /* @__PURE__ */ e("h3", { className: n.errorHeading, children: "Configuration Error" }),
       /* @__PURE__ */ e("p", { children: c })
-    ] }) : t ? /* @__PURE__ */ e(W, { client: C, children: /* @__PURE__ */ e(j, { formId: r.id, children: /* @__PURE__ */ e(O, { children: /* @__PURE__ */ l(z.Provider, { value: F, children: [
-      /* @__PURE__ */ e(m, { componentName: "ActionManager", children: /* @__PURE__ */ e(M, {}) }),
-      /* @__PURE__ */ l(s, { className: n.formLayout, children: [
-        /* @__PURE__ */ e(s.Title, { children: /* @__PURE__ */ e(k, { level: 1, children: r.title }) }),
-        /* @__PURE__ */ e(s.LeftColumn, { children: /* @__PURE__ */ e(m, { componentName: "StepProgressIndicator", children: /* @__PURE__ */ e(T, {}) }) }),
-        /* @__PURE__ */ e(m, { componentName: "FormStep", children: /* @__PURE__ */ e(P, {}) })
+    ] }) : t ? /* @__PURE__ */ e(M, { client: y, children: /* @__PURE__ */ e(j, { formId: r.id, children: /* @__PURE__ */ e(O, { children: /* @__PURE__ */ l(U.Provider, { value: F, children: [
+      /* @__PURE__ */ e(s, { componentName: "ActionManager", children: /* @__PURE__ */ e(R, {}) }),
+      /* @__PURE__ */ l(m, { className: n.formLayout, children: [
+        /* @__PURE__ */ e(m.Title, { children: /* @__PURE__ */ e(A, { level: 1, children: r.title }) }),
+        /* @__PURE__ */ e(m.LeftColumn, { children: /* @__PURE__ */ e(s, { componentName: "StepProgressIndicator", children: /* @__PURE__ */ e(L, {}) }) }),
+        /* @__PURE__ */ e(s, { componentName: "FormStep", children: /* @__PURE__ */ e(W, {}) })
       ] })
     ] }) }) }) }) : /* @__PURE__ */ e("div", { className: g("form-wizard-loading", n.loadingState), children: /* @__PURE__ */ e("div", { className: n.loadingPulse, children: "Loading form templates..." }) });
   }
 );
 v.displayName = "FormWizardCore";
-const A = (r) => {
-  const a = U();
-  return /* @__PURE__ */ e(b, { config: a, children: /* @__PURE__ */ e(v, { ...r }) });
+const B = (r) => {
+  const a = x();
+  return /* @__PURE__ */ e(I, { config: a, children: /* @__PURE__ */ e(v, { ...r }) });
 };
-A.displayName = "FormWizard";
+B.displayName = "FormWizard";
 export {
-  A as default
+  B as default
 };

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

@@ -1,42 +1,42 @@
 "use client";
 import { jsx as n, jsxs as p } from "react/jsx-runtime";
-import { useFormMachine as M } from "../../state-management/machines/useFormMachine.js";
 import { ComponentAlerts as F } from "../../trigger-action-system/components/ComponentAlert/ComponentAlert.js";
 /* empty css                               */
-import { memo as N, useMemo as x } from "react";
-import { adaptComponentForRegistry as _ } from "../ComponentAdapterComplete/ComponentAdapterComplete.js";
-import { useComponentTriggers as B } from "../hooks/useComponentTriggers.js";
-import { useComponentVisibility as H } from "../hooks/useComponentVisibility.js";
-import { useFieldEventHandlers as O } from "../hooks/useFieldEventHandlers.js";
-import { useFormContext as U } from "../hooks/useFormContext.js";
-import { useFormFieldState as G } from "../hooks/useFormFieldState.js";
-import { useValidationEvents as z } from "../hooks/useValidationEvents.js";
-import { checkHasIsDirtyTriggers as P, shouldBeFormField as j, checkFieldHasValue as q, getValidationDisplayState as J, shouldShowComponentAlerts as W, shouldShowDisplayMode as X } from "../utils/fieldHelpers.js";
+import { memo as M, useMemo as N } from "react";
+import { adaptComponentForRegistry as x } from "../ComponentAdapterComplete/ComponentAdapterComplete.js";
+import { useComponentTriggers as _ } from "../hooks/useComponentTriggers.js";
+import { useComponentVisibility as B } from "../hooks/useComponentVisibility.js";
+import { useFieldEventHandlers as H } from "../hooks/useFieldEventHandlers.js";
+import { useFormContext as O } from "../hooks/useFormContext.js";
+import { useFormFieldState as U } from "../hooks/useFormFieldState.js";
+import { useValidationEvents as G } from "../hooks/useValidationEvents.js";
+import { checkHasIsDirtyTriggers as z, shouldBeFormField as P, checkFieldHasValue as j, getValidationDisplayState as q, shouldShowComponentAlerts as J, shouldShowDisplayMode as W } from "../utils/fieldHelpers.js";
 import { logger as e } from "../utils/logger.js";
 import { updateValidationCache as C } from "../utils/validationUX.js";
-import { ProgressLoaderRuntime as Z } from "./ProgressLoaderRuntime.js";
-import { DisplayModeRenderer as K } from "./renderers/DisplayModeRenderer/DisplayModeRenderer.js";
-import { InteractiveFieldRenderer as Q } from "./renderers/InteractiveFieldRenderer/InteractiveFieldRenderer.js";
+import { ProgressLoaderRuntime as X } from "./ProgressLoaderRuntime.js";
+import { DisplayModeRenderer as Z } from "./renderers/DisplayModeRenderer/DisplayModeRenderer.js";
+import { InteractiveFieldRenderer as K } from "./renderers/InteractiveFieldRenderer/InteractiveFieldRenderer.js";
+import { useFormMachine as Q } from "../../state-management/machines/useFormMachine.js";
 import Y from "../../../../../ui/src/lib/error-boundaries/ComponentErrorBoundary.js";
-const ii = N(
+const ii = M(
   ({ component: i, readOnly: V = !1 }) => {
-    const [D, ai, g] = M(), c = U(), { isVisible: T } = H({
+    const [D, ai, g] = Q(), c = O(), { isVisible: T } = B({
       visibilityConditions: i.visibilityConditions,
       formData: D.context.data
-    }), { forceShowValidation: A, resetValidationState: $ } = z({
+    }), { forceShowValidation: A, resetValidationState: $ } = G({
       componentId: i.id
-    }), y = P(i), { originalValueFromMachine: b, initializeField: R, getEnhancedIsDirty: S } = G({
+    }), y = z(i), { originalValueFromMachine: b, initializeField: R, getEnhancedIsDirty: S } = U({
       componentId: i.id,
       hasIsDirtyTriggers: y
-    }), { handleChange: L, handleBlur: k } = O({
+    }), { handleChange: L, handleBlur: k } = H({
       componentId: i.id,
       hasIsDirtyTriggers: y,
       originalValueFromMachine: b,
       getEnhancedIsDirty: S,
       resetValidationState: $
-    }), f = B({
+    }), f = _({
       componentId: i.id
-    }), m = x(() => {
+    }), m = N(() => {
       const a = g.validationEngine;
       return e.debug(`ValidationEngine instance check for ${i.id}:`, {
         validationEngine: !!a,
@@ -156,7 +156,7 @@ const ii = N(
       validationRules: i.validation,
       validationEngineExists: !!g.validationEngine
     });
-    const w = j(i);
+    const w = P(i);
     if (i.validation && g.validationEngine)
       try {
         const a = g.validationEngine.validateField(
@@ -316,21 +316,21 @@ const ii = N(
                         r
                       );
                     }
-                  const s = q(t, i.type), d = X(
+                  const s = j(t, i.type), d = W(
                     V,
                     s
-                  ), { isSubmitAttempted: u } = J(
+                  ), { isSubmitAttempted: u } = q(
                     a.state.meta,
                     c.state,
                     A
-                  ), o = W(
+                  ), o = J(
                     y,
                     l,
                     f.alerts.length
                   );
                   return d && I ? /* @__PURE__ */ p("div", { children: [
                     /* @__PURE__ */ n(
-                      K,
+                      Z,
                       {
                         component: i,
                         fieldValue: t
@@ -339,7 +339,7 @@ const ii = N(
                     o && f.alerts.length > 0 && /* @__PURE__ */ n(F, { alerts: f.alerts })
                   ] }) : /* @__PURE__ */ p("div", { children: [
                     /* @__PURE__ */ n(
-                      Q,
+                      K,
                       {
                         component: i,
                         field: a,
@@ -369,14 +369,14 @@ const ii = N(
             ) : i.type === "progress-loader" ? (
               // Special handling for progress-loader: use runtime wrapper for auto-start
               /* @__PURE__ */ n(
-                Z,
+                X,
                 {
                   properties: i.properties || {}
                 }
               )
             ) : (
               // For display-only components, render directly without form.Field wrapper
-              _(
+              x(
                 i,
                 null,
                 // no form value

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

@@ -2,9 +2,9 @@
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { clsx as S } from "clsx";
 /* empty css                               */
-import { useFormMachine as V } from "../../state-management/machines/useFormMachine.js";
-import { useFormContext as y } from "../hooks/useFormContext.js";
-import { useFormEditing as v } from "../../../../../ui/src/lib/providers/FormEditingContext.js";
+import { useFormContext as V } from "../hooks/useFormContext.js";
+import { useFormEditing as y } from "../../../../../ui/src/lib/providers/FormEditingContext.js";
+import { useFormMachine as v } from "../../state-management/machines/useFormMachine.js";
 import { Button as E } from "@rijkshuisstijl-community/components-react";
 const M = ({
   navigation: l,
@@ -41,7 +41,7 @@ const M = ({
     }
   );
 }, A = ({ children: l, ...d }) => {
-  const { isEditing: a } = v(), [g, m, n] = V(), { currentStep: r, isLastStep: u } = n, { navigation: b } = r, e = y();
+  const { isEditing: a } = y(), [g, m, n] = v(), { currentStep: r, isLastStep: u } = n, { navigation: b } = r, e = V();
   return /* @__PURE__ */ f(
     M,
     {

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

@@ -1,26 +1,26 @@
 "use client";
 import { jsx as g, jsxs as h } from "react/jsx-runtime";
-import { ComponentTriggerEngine as k } from "../../../state-management/machines/componentTriggerEngine.js";
-import { useFormMachine as _ } from "../../../state-management/machines/useFormMachine.js";
-import { clsx as D } from "clsx";
-import { X as P, Edit as w, Check as L } from "lucide-react";
-import { memo as M, useState as R, useMemo as x, useEffect as $, useCallback as S } from "react";
+import { clsx as k } from "clsx";
+import { X as _, Edit as D, Check as P } from "lucide-react";
+import { memo as w, useState as L, useMemo as x, useEffect as M, useCallback as S } from "react";
 import u from "./FormSection.module.css.js";
-import { useFormContext as B } from "../../hooks/useFormContext.js";
-import U from "../FormField.js";
-import { evaluateVisibility as G } from "../../utils/visibilityUtils.js";
+import { useFormContext as R } from "../../hooks/useFormContext.js";
+import $ from "../FormField.js";
+import { useFormMachine as B } from "../../../state-management/machines/useFormMachine.js";
+import { evaluateVisibility as U } from "../../utils/visibilityUtils.js";
+import { ComponentTriggerEngine as G } from "../../../state-management/machines/componentTriggerEngine.js";
 import { Heading as q, Button as j } from "@rijkshuisstijl-community/components-react";
-const H = M(({ section: e }) => {
-  const [a, d, p] = _(), {
+const H = w(({ section: e }) => {
+  const [a, d, p] = B(), {
     validateSection: y,
     validateField: C,
     startSectionEdit: T,
     cancelSectionEdit: F
-  } = p, m = B(), [f, E] = R(!1), N = x(() => {
+  } = p, m = R(), [f, E] = L(!1), N = x(() => {
     if (!e.visibilityConditions)
       return !0;
     const o = a.context.data;
-    return G(e.visibilityConditions, o);
+    return U(e.visibilityConditions, o);
   }, [e.visibilityConditions, a.context.data]), r = x(
     () => ({
       title: e.title,
@@ -44,7 +44,7 @@ const H = M(({ section: e }) => {
     () => a.context.activeDialog,
     [a.context.activeDialog]
   );
-  $(() => {
+  M(() => {
     r.mode !== "editable" || !f || b && !a.context.activeDialog && (console.log(
       "🔥 FormSection: Dialog closed, checking if verification completed"
     ), n.every((t) => {
@@ -148,7 +148,7 @@ const H = M(({ section: e }) => {
       }), console.log(
         "🎯 [FormSection] Checking for dirty fields with verification requirements"
       );
-      const c = p.config, l = a.context.currentStepIndex, v = k.createExecutionPlan(
+      const c = p.config, l = a.context.currentStepIndex, v = G.createExecutionPlan(
         c,
         "save",
         l,
@@ -221,7 +221,7 @@ const H = M(({ section: e }) => {
       },
       "data-section-id": e.id,
       "data-visible": N,
-      children: /* @__PURE__ */ h("div", { className: D("form-section", u.section), children: [
+      children: /* @__PURE__ */ h("div", { className: k("form-section", u.section), children: [
         r.showTitle && /* @__PURE__ */ h("div", { className: u.sectionHeader, children: [
           /* @__PURE__ */ g(q, { level: 3, children: r.title }),
           r.mode === "editable" && r.showActionLink && /* @__PURE__ */ g("div", { children: f ? /* @__PURE__ */ h(
@@ -231,7 +231,7 @@ const H = M(({ section: e }) => {
               onClick: V,
               className: u.cancelButton,
               children: [
-                /* @__PURE__ */ g(P, { className: u.iconSm }),
+                /* @__PURE__ */ g(_, { className: u.iconSm }),
                 r.cancelText
               ]
             }
@@ -242,7 +242,7 @@ const H = M(({ section: e }) => {
               onClick: O,
               className: u.editButton,
               children: [
-                /* @__PURE__ */ g(w, { className: u.iconSm }),
+                /* @__PURE__ */ g(D, { className: u.iconSm }),
                 r.editText
               ]
             }
@@ -250,7 +250,7 @@ const H = M(({ section: e }) => {
         ] }),
         /* @__PURE__ */ h("div", { className: u.sectionContent, children: [
           r.components.map((o) => /* @__PURE__ */ g(
-            U,
+            $,
             {
               component: o,
               readOnly: I
@@ -263,7 +263,7 @@ const H = M(({ section: e }) => {
               appearance: "primary-action-button",
               onClick: A,
               children: [
-                /* @__PURE__ */ g(L, { className: u.iconSm }),
+                /* @__PURE__ */ g(P, { className: u.iconSm }),
                 r.saveText
               ]
             }

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

@@ -4,28 +4,28 @@ import h 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 { EnhancedActionExecutor as C } from "../../../api-integration/components/EnhancedActionExecutor/EnhancedActionExecutor.js";
-import { useFormMachine as k } from "../../../state-management/machines/useFormMachine.js";
-import { useForm as W } from "@tanstack/react-form";
+import { useForm as C } from "@tanstack/react-form";
 import { useRef as p } from "react";
-import { LoaderProvider as G, useLoaderContext as H } from "../../context/LoaderContext.js";
-import { FormProvider as j } from "../../hooks/useFormContext.js";
+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 z } from "../../utils/formDirtyStateSync.js";
-import q from "../FormFooter.js";
-import K from "../FormHeader.js";
-import Q from "../FormSection/FormSection.js";
-import { ProgressLoaderRuntime as X } from "../ProgressLoaderRuntime.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 { ValidationEngine as B } from "../../../validation-system/validation/ValidationEngine.js";
 const J = ({
   currentStep: s,
   hasStepLoader: a,
   loaderConfig: o
 }) => {
-  const { isLoadingComplete: t } = H(), d = m(s) ? [] : s.sections || [];
+  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(
-      X,
+      K,
       {
         properties: {
           label: o?.label,
@@ -46,10 +46,10 @@ const J = ({
         }
       }
     ) }),
-    (!a || t) && /* @__PURE__ */ i(M, { children: d.map((c) => /* @__PURE__ */ i(Q, { section: c }, c.id)) })
+    (!a || t) && /* @__PURE__ */ i(M, { children: d.map((c) => /* @__PURE__ */ i(q, { section: c }, c.id)) })
   ] });
 }, Y = () => {
-  const [s, a, o] = k(), { currentStep: t, config: d } = o, c = p(), u = p(), F = p(), b = d.validationMessageStyle || "withLabel";
+  const [s, a, o] = Q(), { currentStep: t, config: d } = o, c = p(), u = p(), F = p(), b = d.validationMessageStyle || "withLabel";
   c.current || (c.current = new B({ messageStyle: b })), (!u.current || F.current !== t.id) && (m(t) ? u.current = c.current.getStepSchema({
     ...t,
     sections: []
@@ -95,7 +95,7 @@ const J = ({
         e.targetStep && o.goToStep(e.targetStep);
         break;
     }
-  }, l = W({
+  }, l = C({
     defaultValues: v,
     onSubmit: N
   }), w = (e, n) => {
@@ -106,7 +106,7 @@ const J = ({
       const I = n;
       o.setData(r, I), l.setFieldValue(r, n);
       try {
-        z(l, {
+        H(l, {
           updatedFields: [r],
           debug: process.env.NODE_ENV === "development"
         }), console.log("✅ Dirty state reset complete for:", r);
@@ -122,9 +122,9 @@ const J = ({
       });
     }, 0));
   }, A = t, T = !m(t) && A.waitForLoader === !0, _ = T ? A.loaderConfig : void 0;
-  return /* @__PURE__ */ f(j, { value: l, children: [
+  return /* @__PURE__ */ f(G, { value: l, children: [
     s.matches("executingActions") && (s.context.executingTrigger === "onStepLoad" || s.context.executingTrigger === "onStepFinish") && /* @__PURE__ */ i(
-      C,
+      X,
       {
         actions: t.actions || [],
         trigger: s.context.executingTrigger || "onStepLoad",
@@ -146,8 +146,8 @@ const J = ({
           e.preventDefault(), e.stopPropagation(), l.handleSubmit();
         },
         children: [
-          /* @__PURE__ */ i(K, {}),
-          /* @__PURE__ */ i(G, { children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i(z, {}),
+          /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(
             J,
             {
               currentStep: t,
@@ -155,7 +155,7 @@ const J = ({
               loaderConfig: _
             }
           ) }),
-          /* @__PURE__ */ i(q, { className: h.footer })
+          /* @__PURE__ */ i(j, { className: h.footer })
         ]
       }
     )

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 /* empty css                                  */
-import { useFormMachine as h } from "../../../state-management/machines/useFormMachine.js";
 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";

package/wizard/src/features/form-runtime/config/configResolver.js

@@ -1,23 +1,23 @@
 "use client";
 import { resolveTemplateStep as i } from "./templateLoader.js";
-import { isTemplateStep as r } from "../../../../../core/src/types/guards.js";
+import { isTemplateStep as n } from "../../../../../core/src/types/guards.js";
 async function m(e) {
-  const t = {
+  const s = {
     next: { label: "Next", enabled: !0 },
     previous: { label: "Previous", enabled: !0 }
   }, l = await Promise.all(
-    e.steps.map(async (s, n) => {
-      if (r(s)) {
-        const a = { ...t };
-        n === 0 && (a.previous.enabled = !1), n === e.steps.length - 1 && (a.next.label = "Submit");
-        const o = s.stepIndex;
+    e.steps.map(async (t, r) => {
+      if (n(t)) {
+        const a = { ...s };
+        r === 0 && (a.previous.enabled = !1), r === e.steps.length - 1 && (a.next.label = "Submit");
+        const o = t.stepIndex;
         return await i(
-          s,
+          t,
           a,
           o
         );
       }
-      return s;
+      return t;
     })
   );
   return {
@@ -26,13 +26,9 @@ async function m(e) {
   };
 }
 function f(e) {
-  return e.steps.some((t) => r(t));
-}
-function d(e) {
-  return e.steps.filter(r).map((t) => t.templateId);
+  return e.steps.some((s) => n(s));
 }
 export {
-  d as getUsedTemplateIds,
   f as hasTemplateSteps,
   m as resolveFormWizardConfig
 };