@digiform/wizard 0.2.10 → 0.2.11

package/core/src/types/api.js

@@ -0,0 +1,12 @@
+"use client";
+const e = {
+  string: ["text", "email", "tel", "password", "textarea", "select"],
+  number: ["number", "range"],
+  boolean: ["checkbox", "radio"],
+  array: ["select", "checkbox-group", "radio-group"],
+  object: [],
+  null: []
+};
+export {
+  e as TYPE_COMPATIBILITY
+};

package/core/src/types/form-config.js

@@ -0,0 +1,60 @@
+"use client";
+import { z as o } from "zod";
+const t = o.object({
+  team: o.string()
+}), a = o.object({
+  primaryStorage: o.string(),
+  fallbackPaths: o.array(o.string()).optional(),
+  staticAssets: o.string().optional(),
+  templates: o.union([o.string(), t]).optional()
+}), e = o.object({
+  enabled: o.boolean(),
+  maxBackups: o.number().int().positive(),
+  backupPath: o.string()
+}), n = o.object({
+  strategy: o.enum(["filesystem", "memory", "database"]),
+  paths: a,
+  fileExtension: o.string(),
+  createDirectories: o.boolean(),
+  backup: e.optional()
+}), i = o.object({
+  strictMode: o.boolean(),
+  validateOnLoad: o.boolean(),
+  allowMigration: o.boolean()
+}), r = o.object({
+  minVersion: o.string(),
+  maxVersion: o.string()
+}), s = o.object({
+  version: o.string(),
+  lastUpdated: o.string().datetime(),
+  compatibility: r
+}), c = o.object({
+  autoBackup: o.boolean(),
+  formTemplates: o.boolean(),
+  formVersioning: o.boolean(),
+  formSharing: o.boolean()
+}), l = o.object({
+  enabled: o.boolean(),
+  sourceDirectories: o.array(o.string()),
+  preserveOriginals: o.boolean(),
+  logMigration: o.boolean()
+}), m = o.object({
+  $schema: o.string().optional(),
+  storage: n,
+  validation: i.optional(),
+  metadata: s.optional(),
+  features: c.optional(),
+  migration: l.optional()
+});
+export {
+  e as BackupConfigSchema,
+  r as CompatibilitySchema,
+  c as FeaturesConfigSchema,
+  m as FormConfigSchema,
+  s as MetadataConfigSchema,
+  l as MigrationConfigSchema,
+  n as StorageConfigSchema,
+  a as StoragePathsSchema,
+  t as TemplateStorageConfigSchema,
+  i as ValidationConfigSchema
+};

package/core/src/types/form-wizard-config-schema.js

@@ -0,0 +1,113 @@
+"use client";
+import { z as o } from "zod";
+const i = o.object({
+  id: o.string(),
+  type: o.string(),
+  label: o.string().optional(),
+  required: o.boolean().optional(),
+  validation: o.record(o.unknown()).optional(),
+  triggers: o.array(
+    o.object({
+      type: o.string(),
+      condition: o.unknown().optional(),
+      actions: o.array(
+        o.object({
+          type: o.string(),
+          config: o.unknown().optional()
+        })
+      )
+    })
+  ).optional()
+}).passthrough(), e = o.object({
+  id: o.string(),
+  title: o.string().optional(),
+  mode: o.enum(["readOnly", "editable", "default", "isEditable"]).optional(),
+  components: o.array(i),
+  showTitle: o.boolean().optional(),
+  showActionLink: o.boolean().optional(),
+  editText: o.string().optional(),
+  cancelText: o.string().optional(),
+  saveText: o.string().optional(),
+  // biome-ignore lint/suspicious/noExplicitAny: preserves backward compat (was `any` in hand-written interface)
+  genericTriggerActions: o.any().optional(),
+  visibilityConditions: o.unknown().optional(),
+  triggerContexts: o.object({
+    supportsSectionSave: o.boolean(),
+    showSaveButton: o.boolean(),
+    autoSaveOnNavigate: o.boolean()
+  }).optional(),
+  fieldValidation: o.unknown().optional()
+  // Complex nested structure, validate at runtime
+}).passthrough(), t = o.object({
+  next: o.object({
+    label: o.string(),
+    enabled: o.boolean()
+  }),
+  previous: o.object({
+    label: o.string(),
+    enabled: o.boolean()
+  })
+}), a = o.object({
+  label: o.string().optional(),
+  showPercentage: o.boolean().optional(),
+  duration: o.number().optional(),
+  size: o.enum(["sm", "md", "lg"]).optional(),
+  variant: o.enum(["default", "minimal", "branded", "striped"]).optional(),
+  animationSpeed: o.enum(["slow", "normal", "fast"]).optional(),
+  completionMessage: o.string().optional(),
+  apiEndpoint: o.object({
+    endpoint: o.string(),
+    method: o.enum(["GET", "POST", "PUT", "DELETE"]).optional(),
+    successStatus: o.union([o.number(), o.array(o.number())]).optional()
+  }).optional()
+}).optional(), r = o.object({
+  id: o.string(),
+  title: o.string(),
+  displayTitle: o.boolean().optional(),
+  showStepNumber: o.boolean().optional(),
+  sections: o.array(e).optional(),
+  navigation: t,
+  actions: o.array(o.unknown()).optional(),
+  // biome-ignore lint/suspicious/noExplicitAny: preserves backward compat (was `any` in hand-written interface)
+  genericTriggerActions: o.any().optional(),
+  waitForLoader: o.boolean().optional(),
+  loaderConfig: a
+}).passthrough(), l = o.object({
+  id: o.string(),
+  templateId: o.string(),
+  navigation: t.partial().optional(),
+  readonly: o.boolean().optional(),
+  title: o.string().optional(),
+  stepIndex: o.number().optional(),
+  componentOverrides: o.record(o.unknown()).optional(),
+  sectionOverrides: o.record(o.unknown()).optional(),
+  showStepNumber: o.boolean().optional(),
+  actions: o.array(o.unknown()).optional()
+}).passthrough(), s = o.object({
+  schemaVersion: o.number().optional(),
+  // Version tracking for lazy migration
+  id: o.string(),
+  title: o.string(),
+  description: o.string().optional(),
+  steps: o.array(o.union([r, l])),
+  validationMessageStyle: o.enum(["withLabel", "simple"]).optional(),
+  // biome-ignore lint/suspicious/noExplicitAny: preserves backward compat (was `any` in hand-written interface)
+  genericTriggerActions: o.any().optional()
+}).passthrough();
+function c(n) {
+  return s.safeParse(n);
+}
+function g(n) {
+  return n?.schemaVersion ?? 1;
+}
+export {
+  i as FormComponentSchema,
+  e as FormSectionSchema,
+  r as FormStepSchema,
+  s as FormWizardConfigSchema,
+  a as StepLoaderConfigSchema,
+  t as StepNavigationSchema,
+  l as TemplateStepSchema,
+  g as getSchemaVersion,
+  c as validateFormConfig
+};

package/core/src/types/guards.js

@@ -0,0 +1,19 @@
+"use client";
+function t(e) {
+  return typeof e == "object" && e !== null && "templateId" in e;
+}
+function i(e) {
+  return e.stepsData || [];
+}
+function n(e) {
+  return e && typeof e.template == "object" && typeof e.template.typeId == "string";
+}
+function a(e) {
+  return e && (e.templateTypeId || e.emailVerificationConfig);
+}
+export {
+  i as getTemplateSteps,
+  a as isLegacyDialogConfigWithTemplate,
+  n as isTemplateDialogConfig,
+  t as isTemplateStep
+};

package/core/src/types/validation.js

@@ -0,0 +1,61 @@
+"use client";
+const l = {
+  required: {
+    withLabel: (e) => `${e} is verplicht`,
+    simple: () => "Dit veld is verplicht"
+  },
+  minLength: {
+    withLabel: (e, i) => `${e} moet minimaal ${i} tekens lang zijn`,
+    simple: (e) => `Dit veld moet minimaal ${e} tekens lang zijn`
+  },
+  maxLength: {
+    withLabel: (e, i) => `${e} moet maximaal ${i} tekens lang zijn`,
+    simple: (e) => `Dit veld moet maximaal ${e} tekens lang zijn`
+  },
+  pattern: {
+    withLabel: (e) => `${e} formaat is ongeldig`,
+    simple: () => "Dit veld formaat is ongeldig"
+  },
+  email: {
+    withLabel: (e) => `${e} moet een geldig e-mailadres zijn`,
+    simple: () => "Dit veld moet een geldig e-mailadres zijn"
+  },
+  min: {
+    withLabel: (e, i) => `${e} moet minimaal ${i} zijn`,
+    simple: (e) => `Dit veld moet minimaal ${e} zijn`
+  },
+  max: {
+    withLabel: (e, i) => `${e} moet maximaal ${i} zijn`,
+    simple: (e) => `Dit veld moet maximaal ${e} zijn`
+  },
+  minItems: {
+    withLabel: (e, i) => `${e} moet minimaal ${i} items hebben`,
+    simple: (e) => `Dit veld moet minimaal ${e} items hebben`
+  },
+  maxItems: {
+    withLabel: (e, i) => `${e} moet maximaal ${i} items hebben`,
+    simple: (e) => `Dit veld moet maximaal ${e} items hebben`
+  },
+  url: {
+    withLabel: (e) => `${e} moet een geldige URL zijn`,
+    simple: () => "Dit veld moet een geldige URL zijn"
+  },
+  phone: {
+    withLabel: (e) => `${e} moet een geldig telefoonnummer zijn`,
+    simple: () => "Dit veld moet een geldig telefoonnummer zijn"
+  }
+}, n = {
+  // For components that need labeled messages (ValidationBuilder, etc.)
+  withLabel: (e, i, ...m) => l[e].withLabel(i, ...m),
+  // For components that need simple messages (createZodSchema, etc.)
+  simple: (e, ...i) => l[e].simple(...i),
+  // Dynamic message selection based on form configuration (defaults to withLabel)
+  auto: (e, i, m = "withLabel", ...t) => {
+    const a = l[e];
+    return m === "simple" ? a.simple(...t) : a.withLabel(i, ...t);
+  }
+};
+export {
+  l as DEFAULT_VALIDATION_MESSAGES,
+  n as getValidationMessage
+};

package/core/src/utils/apiBodyUtils.js

@@ -0,0 +1,95 @@
+"use client";
+function b(o, s) {
+  if (o.body) {
+    if (typeof o.body == "string")
+      return d(o.body, s);
+    if (typeof o.body == "object") {
+      const n = f(o.body, s);
+      return JSON.stringify(n);
+    }
+  }
+  if (o.bodyFields) {
+    const n = {};
+    for (const t of o.bodyFields) {
+      if (!t.key.trim()) continue;
+      let e;
+      t.type === "static" ? e = t.value : t.type === "dynamic" && t.fieldPath ? e = p(s, t.fieldPath) : e = t.value, y(n, t.key, e);
+    }
+    return JSON.stringify(n);
+  }
+}
+function p(o, s) {
+  return s.split(".").reduce((n, t) => n?.[t], o);
+}
+function d(o, s) {
+  let n = o.replace(/\$\{data\.([^}]+)\}/g, (t, e) => {
+    const i = p(s, e);
+    return i != null ? String(i) : t;
+  });
+  return n = n.replace(/\$\{([^}]+)\}/g, (t, e) => {
+    if (t.includes("data.")) return t;
+    if (e.includes(".")) {
+      const r = e.split("."), l = r[r.length - 1], u = s[l];
+      return u != null ? String(u) : t;
+    }
+    const i = p(s, e);
+    return i != null ? String(i) : t;
+  }), n;
+}
+function f(o, s) {
+  const n = {};
+  for (const [t, e] of Object.entries(o))
+    typeof e == "string" ? n[t] = d(e, s) : e && typeof e == "object" && !Array.isArray(e) ? n[t] = f(
+      e,
+      s
+    ) : Array.isArray(e) ? n[t] = e.map(
+      (i) => typeof i == "string" ? d(i, s) : i && typeof i == "object" ? f(
+        i,
+        s
+      ) : i
+    ) : n[t] = e;
+  return n;
+}
+function y(o, s, n) {
+  const t = s.split("."), e = t.pop(), i = t.reduce((r, l) => ((typeof r[l] != "object" || r[l] === null) && (r[l] = {}), r[l]), o);
+  i[e] = n;
+}
+function v(o, s) {
+  const n = [], t = o.findIndex((e) => e.id === s);
+  for (let e = 0; e <= t; e++) {
+    const i = o[e];
+    if (!i) continue;
+    const r = i.sections || [];
+    for (const l of r) {
+      const u = l.components || [];
+      for (const c of u)
+        a(c) && n.push({
+          id: c.id,
+          label: c.label,
+          path: c.id,
+          // For now, use component ID as path
+          stepTitle: i.title,
+          stepIndex: e + 1
+        });
+    }
+  }
+  return n;
+}
+function a(o) {
+  return [
+    "text",
+    "email",
+    "number",
+    "checkbox",
+    "radioGroup",
+    "dropdown"
+  ].includes(o.type);
+}
+export {
+  b as compileApiRequestBody,
+  v as getAvailableFormFields,
+  p as getValueFromFormData,
+  f as interpolateObjectTemplate,
+  d as interpolateTemplate,
+  y as setNestedValue
+};

package/features/api-integration.d.ts

@@ -0,0 +1,2 @@
+export * from './api-integration/index'
+export {}

package/features/api-integration.js

@@ -0,0 +1,17 @@
+"use client";
+import { ActionExecutor as e } from "../wizard/src/features/api-integration/services/ActionExecutor.js";
+import { ApiCallExecutor as c } from "../wizard/src/features/api-integration/services/ApiCallExecutor.js";
+import { ApiCallService as x } from "../wizard/src/features/api-integration/services/ApiCallService.js";
+import { DialogExecutor as f } from "../wizard/src/features/api-integration/services/DialogExecutor.js";
+import { EnhancedActionExecutor as n } from "../wizard/src/features/api-integration/components/EnhancedActionExecutor/EnhancedActionExecutor.js";
+import { GenericTriggerService as l } from "../wizard/src/features/api-integration/services/GenericTriggerService.js";
+import { NavigationExecutor as E } from "../wizard/src/features/api-integration/services/NavigationExecutor.js";
+export {
+  e as ActionExecutor,
+  c as ApiCallExecutor,
+  x as ApiCallService,
+  f as DialogExecutor,
+  n as EnhancedActionExecutor,
+  l as GenericTriggerService,
+  E as NavigationExecutor
+};

package/features/dialog-system.d.ts

@@ -0,0 +1,2 @@
+export * from './dialog-system/index'
+export {}

package/features/dialog-system.js

@@ -0,0 +1,9 @@
+"use client";
+import { ActionDialog as r } from "../wizard/src/features/dialog-system/components/ActionDialog/ActionDialog.js";
+import { ConfirmationDialog as a } from "../wizard/src/features/dialog-system/components/ConfirmationDialog/ConfirmationDialog.js";
+import { EmailVerificationDialog as f } from "../wizard/src/features/dialog-system/components/EmailVerificationDialog/EmailVerificationDialog.js";
+export {
+  r as ActionDialog,
+  a as ConfirmationDialog,
+  f as EmailVerificationDialog
+};

package/features/form-runtime.d.ts

@@ -0,0 +1,2 @@
+export * from './form-runtime/index'
+export {}

package/features/form-runtime.js

@@ -0,0 +1,63 @@
+"use client";
+import { adaptComponentForRegistry as r } from "../wizard/src/features/form-runtime/ComponentAdapterComplete/ComponentAdapterComplete.js";
+import { default as o } from "../wizard/src/features/form-runtime/FormWizard/FormWizard.js";
+import { default as i } from "../wizard/src/features/form-runtime/components/FormField.js";
+import { default as s } from "../wizard/src/features/form-runtime/components/FormSection/FormSection.js";
+import { default as n } from "../wizard/src/features/form-runtime/components/FormStep/FormStep.js";
+import { getAvailableGenericTemplatesSync as d, getTemplateInfo as T, validateTemplateReferences as f } from "../wizard/src/features/form-runtime/config/templateUtils.js";
+import { getUsedTemplateIds as u, hasTemplateSteps as x, resolveFormWizardConfig as I } from "../wizard/src/features/form-runtime/config/configResolver.js";
+import { getLockMessage as A, getTemplateConfig as F, getTemplateDisplayConfig as C, getTemplatePermissions as y, getTemplateTypeFromInput as E, isActionAllowed as M, isGenericTemplateInput as S, isStepLocked as V, isTeamTemplateInput as b, validateTemplateAction as h } from "../wizard/src/features/form-runtime/config/templateConfig.js";
+import { clearTemplateCache as k, getAvailableGenericTemplates as G, getAvailableTemplates as R, getTemplateMetadata as U, loadTemplate as L, resolveTemplateStep as w } from "../wizard/src/features/form-runtime/config/templateLoader.js";
+import { useComponentTriggers as N, useFieldTriggerMonitor as W } from "../wizard/src/features/form-runtime/hooks/useComponentTriggers.js";
+import { getErrorDebugInfo as P, getFirstErrorMessage as _, getMostRelevantError as j, parseAllErrors as q, parseError as B } from "../wizard/src/features/form-runtime/utils/errorUtils.js";
+import { validateComponentValue as J, validateRule as K } from "../wizard/src/features/form-runtime/utils/validation.js";
+import { VALIDATION_TIMING as X, clearUserInteractionTracking as Y, getDisplayErrorMessage as Z, getValidationTiming as $, hasUserInteracted as ee, markFieldAsUserInteracted as te, shouldShowValidationError as re, updateValidationCache as ae } from "../wizard/src/features/form-runtime/utils/validationUX.js";
+import { evaluateVisibility as le, getVisibilityDependencies as ie } from "../wizard/src/features/form-runtime/utils/visibilityUtils.js";
+export {
+  r as ComponentAdapterComplete,
+  i as FormField,
+  s as FormSection,
+  n as FormStep,
+  o as FormWizard,
+  X as VALIDATION_TIMING,
+  k as clearTemplateCache,
+  Y as clearUserInteractionTracking,
+  le as evaluateVisibility,
+  G as getAvailableGenericTemplates,
+  d as getAvailableGenericTemplatesSync,
+  R as getAvailableTemplates,
+  Z as getDisplayErrorMessage,
+  P as getErrorDebugInfo,
+  _ as getFirstErrorMessage,
+  A as getLockMessage,
+  j as getMostRelevantError,
+  F as getTemplateConfig,
+  C as getTemplateDisplayConfig,
+  T as getTemplateInfo,
+  U as getTemplateMetadata,
+  y as getTemplatePermissions,
+  E as getTemplateTypeFromInput,
+  u as getUsedTemplateIds,
+  $ as getValidationTiming,
+  ie as getVisibilityDependencies,
+  x as hasTemplateSteps,
+  ee as hasUserInteracted,
+  M as isActionAllowed,
+  S as isGenericTemplateInput,
+  V as isStepLocked,
+  b as isTeamTemplateInput,
+  L as loadTemplate,
+  te as markFieldAsUserInteracted,
+  q as parseAllErrors,
+  B as parseError,
+  I as resolveFormWizardConfig,
+  w as resolveTemplateStep,
+  re as shouldShowValidationError,
+  ae as updateValidationCache,
+  N as useComponentTriggers,
+  W as useFieldTriggerMonitor,
+  J as validateComponentValue,
+  K as validateRule,
+  h as validateTemplateAction,
+  f as validateTemplateReferences
+};

package/features/state-management.d.ts

@@ -0,0 +1,2 @@
+export * from './state-management/index'
+export {}

package/features/state-management.js

@@ -0,0 +1,21 @@
+"use client";
+import { ComponentTriggerEngine as o, createExecutionPlan as r, determineTriggerContext as i, evaluateComponentTriggers as t, findComponentActions as g, findComponentTriggers as m, findDirtyComponentsForNavigation as s, findDirtyComponentsWithTriggers as a, getTriggersForAction as p, hasComponentActions as c, hasComponentTriggers as C } from "../wizard/src/features/state-management/machines/componentTriggerEngine.js";
+import { FormMachineContext as h, useFormMachine as T, useFormMachineProvider as d } from "../wizard/src/features/state-management/machines/useFormMachine.js";
+import { formMachine as u } from "../wizard/src/features/state-management/machines/formMachine.js";
+export {
+  o as ComponentTriggerEngine,
+  h as FormMachineContext,
+  r as createExecutionPlan,
+  i as determineTriggerContext,
+  t as evaluateComponentTriggers,
+  g as findComponentActions,
+  m as findComponentTriggers,
+  s as findDirtyComponentsForNavigation,
+  a as findDirtyComponentsWithTriggers,
+  u as formMachine,
+  p as getTriggersForAction,
+  c as hasComponentActions,
+  C as hasComponentTriggers,
+  T as useFormMachine,
+  d as useFormMachineProvider
+};

package/features/trigger-action-system.d.ts

@@ -0,0 +1,2 @@
+export * from './trigger-action-system/index'
+export {}

package/features/trigger-action-system.js

@@ -0,0 +1,12 @@
+"use client";
+import { ActionLoadingIndicator as o } from "../wizard/src/features/trigger-action-system/components/ActionLoadingIndicator/ActionLoadingIndicator.js";
+import { ActionManager as n } from "../wizard/src/features/trigger-action-system/components/ActionManager.js";
+import { ComponentAlert as g } from "../wizard/src/features/trigger-action-system/components/ComponentAlert/ComponentAlert.js";
+import { GenericTriggerEngine as a, createTriggerContext as m } from "../wizard/src/features/trigger-action-system/utils/GenericTriggerEngine.js";
+export {
+  o as ActionLoadingIndicator,
+  n as ActionManager,
+  g as ComponentAlert,
+  a as GenericTriggerEngine,
+  m as createTriggerContext
+};

package/features/validation-system.d.ts

@@ -0,0 +1,2 @@
+export * from './validation-system/index'
+export {}

package/features/validation-system.js

@@ -0,0 +1,23 @@
+"use client";
+import { default as t } from "../wizard/src/features/validation-system/components/ValidationDebugger.js";
+import { createTanStackSchema as n, validateWithTanStack as o, validateWithTanStackReturnArray as l } from "../wizard/src/features/validation-system/validation/tanstackSchemaAdapter.js";
+import { ValidationEngine as d, createValidationEngine as m, defaultValidationEngine as p } from "../wizard/src/features/validation-system/validation/ValidationEngine.js";
+import { findComponentById as f, getAllComponents as g, getStepComponents as S, isFormValid as s, isStepValid as u, validateField as v, validateFieldReturnArray as V, validateForm as x, validateStep as F } from "../wizard/src/features/validation-system/validation/validationService.js";
+export {
+  t as ValidationDebugger,
+  d as ValidationEngine,
+  n as createTanStackSchema,
+  m as createValidationEngine,
+  p as defaultValidationEngine,
+  f as findComponentById,
+  g as getAllComponents,
+  S as getStepComponents,
+  s as isFormValid,
+  u as isStepValid,
+  v as validateField,
+  V as validateFieldReturnArray,
+  x as validateForm,
+  F as validateStep,
+  o as validateWithTanStack,
+  l as validateWithTanStackReturnArray
+};