@digiform/wizard 0.3.0 → 0.3.2

package/ui/src/components/badge/badge.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsx as a } from "react/jsx-runtime";
-import { clsx as i } from "clsx";
-import r from "./badge.module.css.js";
-function l({ className: t, variant: e, ...o }) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: i(
-        r.badge,
-        r[`variant-${e ?? "default"}`],
-        t
-      ),
-      ...o
-    }
-  );
-}
-export {
-  l as Badge
-};

package/ui/src/components/badge/badge.module.css.js

@@ -1,12 +0,0 @@
-"use client";
-const a = "fb-badge_Q1h-y", t = {
-  badge: a,
-  "variant-default": "fb-variant-default_7HL-r",
-  "variant-secondary": "fb-variant-secondary_knrZF",
-  "variant-destructive": "fb-variant-destructive_YUruN",
-  "variant-outline": "fb-variant-outline_EHC5j"
-};
-export {
-  a as badge,
-  t as default
-};

package/wizard/src/features/api-integration/services/ActionExecutor.js

@@ -1,339 +0,0 @@
-"use client";
-/* empty css                               */
-import { isTemplateDialogConfig as m } from "../../../../../ui/src/lib/types/guards.js";
-import { ActionValidator as v, ActionValidationError as C } from "../../validation-system/validation/ActionValidation.js";
-import { memo as A, useCallback as E, useEffect as D } from "react";
-import { ApiCallService as S } from "./ApiCallService.js";
-import { resolveTemplateDialog as T } from "../../../../../ui/src/lib/utils/templateDialogResolver.js";
-const I = A(
-  ({
-    actions: s,
-    trigger: e,
-    formData: t,
-    onComplete: i,
-    onError: n,
-    onFieldUpdate: l,
-    onShowDialog: a,
-    onNavigate: f,
-    machineRef: r
-  }) => {
-    const y = E(async () => {
-      console.log("ActionExecutor: Starting action execution", {
-        actions: s,
-        trigger: e
-      });
-      const u = s.filter(
-        (o) => o.trigger === e
-      );
-      if (console.log("ActionExecutor: Filtered actions", {
-        triggeredActions: u,
-        trigger: e
-      }), u.length === 0) {
-        console.log("ActionExecutor: No actions to execute"), r?.send({
-          type: "ACTIONS_COMPLETED",
-          results: {}
-        }), i({});
-        return;
-      }
-      const d = [];
-      for (const o of u) {
-        const c = v.validateAction(o);
-        c.isValid || d.push(
-          `Action '${o.id}': ${c.errors.join(", ")}`
-        );
-      }
-      if (d.length > 0) {
-        const o = new C(
-          "validation-error",
-          "validation",
-          `Action validation failed: ${d.join("; ")}`,
-          { validationErrors: d }
-        );
-        r?.send({
-          type: "ACTIONS_COMPLETED",
-          results: {}
-        }), n(o);
-        return;
-      }
-      const x = [...u].sort(
-        (o, c) => o.order - c.order
-      ), g = {};
-      try {
-        for (const o of x)
-          r?.send({ type: "ACTION_START", actionId: o.id });
-        for (const o of x)
-          try {
-            let c = null;
-            switch (o.type) {
-              case "apiCall": {
-                console.log("ActionExecutor: Executing API call", {
-                  action: o,
-                  config: o.config
-                }), c = await new S({ onFieldUpdate: l }).executeApiCall(
-                  o.config,
-                  t
-                ), console.log("ActionExecutor: API call completed", { result: c });
-                break;
-              }
-              case "showDialog": {
-                console.log("🎯 ActionExecutor: Executing showDialog", {
-                  action: o,
-                  config: o.config
-                }), console.log(
-                  "🔧 ActionExecutor: Creating DialogExecutorService"
-                );
-                const p = new b();
-                console.log("🚀 ActionExecutor: Calling executor.execute"), c = await p.execute(
-                  o.config,
-                  t,
-                  a
-                ), console.log("✅ ActionExecutor: showDialog completed", {
-                  result: c
-                });
-                break;
-              }
-              case "navigate": {
-                c = await new w().execute(
-                  o.config,
-                  f
-                );
-                break;
-              }
-              case "executeVerifyDialog": {
-                console.log(
-                  "🔧 ActionExecutor: Executing executeVerifyDialog",
-                  {
-                    action: o,
-                    config: o.config
-                  }
-                ), c = await new O().execute(
-                  o.config,
-                  t,
-                  a
-                ), console.log(
-                  "✅ ActionExecutor: executeVerifyDialog completed",
-                  {
-                    result: c
-                  }
-                );
-                break;
-              }
-              default:
-                throw new Error(`Unknown action type: ${o.type}`);
-            }
-            g[o.id] = c, r?.send({
-              type: "ACTION_SUCCESS",
-              actionId: o.id,
-              result: c
-            });
-          } catch (c) {
-            r?.send({
-              type: "ACTION_ERROR",
-              actionId: o.id,
-              error: c
-            }), g[o.id] = { error: c.message };
-          }
-        r?.send({
-          type: "ACTIONS_COMPLETED",
-          results: g
-        }), i(g);
-      } catch (o) {
-        r?.send({
-          type: "ACTIONS_COMPLETED",
-          results: g
-        }), n(o);
-      }
-    }, [
-      s,
-      e,
-      t,
-      i,
-      n,
-      l,
-      a,
-      f,
-      r
-    ]);
-    return D(() => {
-      y();
-    }, [y]), null;
-  }
-);
-I.displayName = "ActionExecutor";
-class b {
-  async execute(e, t, i) {
-    console.log("🚀 DialogExecutorService.execute STARTED", {
-      config: e,
-      formData: t
-    });
-    const n = this.resolveDialogConfig(e, t);
-    return console.log("🔄 DialogExecutorService: Config resolved", {
-      resolvedConfig: n
-    }), console.log("📞 DialogExecutorService: Calling onShowDialog", {
-      resolvedConfig: n
-    }), i(n), console.log("✅ DialogExecutorService.execute COMPLETED", {
-      resolvedConfig: n
-    }), n;
-  }
-  resolveDialogConfig(e, t) {
-    if (console.log("🔍 DialogExecutorService.resolveDialogConfig input:", {
-      config: e,
-      formData: t
-    }), m(e)) {
-      console.log("✅ Detected as TemplateDialogConfig");
-      const n = this.resolveTemplateDialogWithActions(e);
-      console.log("🔄 Resolved template config:", { baseConfig: n });
-      const l = this.interpolateDialogConfig(n, t);
-      return console.log("✨ Final interpolated config:", { finalConfig: l }), l;
-    }
-    console.log("✅ Treating as direct DialogConfig");
-    const i = this.interpolateDialogConfig(
-      e,
-      t
-    );
-    return console.log("✨ Final direct config:", { finalConfig: i }), i;
-  }
-  interpolateDialogConfig(e, t) {
-    return {
-      ...e,
-      content: this.interpolateTemplate(e.content, t),
-      title: this.interpolateTemplate(e.title, t)
-    };
-  }
-  resolveTemplateDialogWithActions(e) {
-    console.log("🔄 Resolving template with actions:", e);
-    const t = e.template, i = t.config;
-    if (t.typeId === "confirmation-dialog") {
-      console.log(
-        "✅ Processing confirmation-dialog template:",
-        i
-      );
-      const n = {
-        title: i.title || "Confirm Action",
-        content: i.message || i.content || "Are you sure you want to proceed?",
-        type: "modal",
-        size: "medium",
-        dismissible: !0,
-        buttons: [
-          {
-            id: "cancel-btn",
-            label: i.cancelButtonLabel || "Cancel",
-            variant: "secondary",
-            action: i.onCancelAction || { type: "close" }
-          },
-          {
-            id: "confirm-btn",
-            label: i.confirmButtonLabel || "Confirm",
-            variant: i.confirmButtonVariant || "primary",
-            action: i.onConfirmAction || {
-              type: "navigate",
-              direction: "next"
-            }
-          }
-        ],
-        // Add template metadata for runtime behavior
-        templateMetadata: {
-          typeId: "confirmation-dialog",
-          showIcon: i.showIcon,
-          iconType: i.iconType
-        }
-      };
-      return console.log("✨ Resolved confirmation dialog config:", n), n;
-    }
-    return console.log(
-      "🔄 Falling back to resolveTemplateDialog for typeId:",
-      t.typeId
-    ), T(e);
-  }
-  interpolateTemplate(e, t) {
-    return e.replace(/\$\{data\.([^}]+)\}/g, (i, n) => {
-      const l = t[n];
-      return l != null ? String(l) : i;
-    });
-  }
-}
-class w {
-  async execute(e, t) {
-    return t(e), e;
-  }
-}
-class O {
-  async execute(e, t, i) {
-    console.log("🚀 GenericVerifyDialogService.execute STARTED", {
-      config: e,
-      formData: t
-    });
-    const n = e.postAction || { type: "close" };
-    let l;
-    switch (n.type) {
-      case "close":
-      case "saveSection":
-        l = {
-          type: "updateOriginalValue",
-          componentId: e.componentId
-        };
-        break;
-      case "nextStep":
-        l = {
-          type: "navigate",
-          direction: "next",
-          updateOriginalValue: !0,
-          componentId: e.componentId
-        };
-        break;
-      case "navigate":
-        l = {
-          type: "navigate",
-          direction: n.direction,
-          targetStep: n.targetStep,
-          updateOriginalValue: !0,
-          componentId: e.componentId
-        };
-        break;
-      default:
-        l = {
-          type: "updateOriginalValue",
-          componentId: e.componentId
-        };
-    }
-    const a = {
-      title: "Verify Changes",
-      content: "Please verify your changes before continuing.",
-      type: "modal",
-      size: "medium",
-      dismissible: !0,
-      buttons: [
-        {
-          id: "cancel-btn",
-          label: "Cancel",
-          variant: "secondary",
-          action: { type: "close" }
-        },
-        {
-          id: "verify-btn",
-          label: "Verify",
-          variant: "primary",
-          action: { type: "close" }
-          // This will be overridden by templateMetadata.onVerifiedAction
-        }
-      ],
-      // Add template metadata to identify this as a verification dialog
-      templateMetadata: {
-        typeId: "verify-dialog",
-        isGeneric: !0,
-        componentId: e.componentId,
-        onVerifiedAction: l
-        // This will be used by EmailVerificationDialog
-      }
-    };
-    return console.log("📞 GenericVerifyDialogService: Calling onShowDialog", {
-      defaultDialogConfig: a
-    }), i(a), console.log("✅ GenericVerifyDialogService.execute COMPLETED", {
-      defaultDialogConfig: a
-    }), a;
-  }
-}
-export {
-  I as ActionExecutor,
-  I as default
-};

package/wizard/src/features/api-integration/services/ApiCallExecutor.js

@@ -1,6 +0,0 @@
-"use client";
-const l = () => null;
-export {
-  l as ApiCallExecutor,
-  l as default
-};

package/wizard/src/features/api-integration/services/DialogExecutor.js

@@ -1,6 +0,0 @@
-"use client";
-const e = () => null;
-export {
-  e as DialogExecutor,
-  e as default
-};

package/wizard/src/features/api-integration/services/GenericTriggerService.js

@@ -1,284 +0,0 @@
-"use client";
-import { GenericTriggerEngine as l, createTriggerContext as a } from "../../trigger-action-system/utils/GenericTriggerEngine.js";
-class g {
-  constructor(e) {
-    this.formMachine = e;
-  }
-  goToStep(e, t) {
-    this.formMachine.send({ type: "GO_TO_STEP", stepId: e, behavior: t });
-  }
-  goNext(e) {
-    this.formMachine.send({ type: "NEXT", skipValidation: e });
-  }
-  goPrevious(e) {
-    this.formMachine.send({ type: "PREVIOUS", skipValidation: e });
-  }
-  goToSection(e, t) {
-    t && this.goToStep(t);
-    const i = document.getElementById(e);
-    i && i.scrollIntoView({ behavior: "smooth" });
-  }
-}
-class p {
-  constructor(e) {
-    this.formMachine = e;
-  }
-  showAlert(e) {
-    const t = e;
-    t.targetId ? this.formMachine.send({
-      type: "SHOW_COMPONENT_ALERT",
-      componentId: t.targetId,
-      alert: {
-        message: e.message,
-        type: e.alertType,
-        position: e.position === "toast" ? "inline" : e.position,
-        dismissible: e.dismissible ?? !1,
-        autoHide: e.autoHide,
-        autoHideDelay: e.autoHideDelay
-      }
-    }) : this.showNotification({
-      type: "ui:showNotification",
-      message: e.message,
-      notificationType: e.alertType,
-      position: e.position === "toast" ? "top-right" : "top"
-    });
-  }
-  showDialog(e) {
-    let t;
-    e.dialogType === "email-verification" ? t = {
-      type: "email-verification",
-      title: typeof e.title == "string" ? e.title : e.templateConfig?.title,
-      content: typeof e.content == "string" ? e.content : e.templateConfig?.description,
-      templateMetadata: e.templateConfig
-    } : e.dialogType === "confirmation" ? t = {
-      type: "confirmation",
-      title: e.title,
-      content: e.content,
-      buttons: e.buttons?.map((i) => ({
-        label: i.label,
-        variant: i.variant ?? "default",
-        action: i.action.type || "close"
-      }))
-    } : t = {
-      type: "custom",
-      title: e.title,
-      content: e.content,
-      templateMetadata: e.templateConfig
-    }, this.formMachine.send({
-      type: "SHOW_ACTION_DIALOG",
-      dialogConfig: t
-    });
-  }
-  showNotification(e) {
-    console.log(
-      `🔔 Notification [${e.notificationType}]: ${e.message}`
-    ), typeof window < "u" && window.dispatchEvent(
-      new CustomEvent("form:notification", {
-        detail: e
-      })
-    );
-  }
-  hideDialog() {
-    this.formMachine.send({ type: "HIDE_ACTION_DIALOG" });
-  }
-}
-class d {
-  constructor(e) {
-    this.formMachine = e;
-  }
-  async apiCall(e) {
-    try {
-      const t = await fetch(e.url, {
-        method: e.method,
-        headers: {
-          "Content-Type": "application/json",
-          ...e.headers
-        },
-        body: e.body ? JSON.stringify(e.body) : void 0,
-        signal: e.timeout ? AbortSignal.timeout(e.timeout) : void 0
-      });
-      if (!t.ok)
-        throw new Error(
-          `API call failed: ${t.status} ${t.statusText}`
-        );
-      const i = await t.json();
-      if (e.fieldMappings)
-        for (const [s, o] of Object.entries(
-          e.fieldMappings
-        )) {
-          const r = this.getNestedValue(i, s);
-          r !== void 0 && this.setValue(o, r);
-        }
-      return e.onSuccess && console.log(
-        "API call succeeded, executing success actions",
-        e.onSuccess
-      ), i;
-    } catch (t) {
-      throw console.error("API call failed:", t), e.onError && console.log("API call failed, executing error actions", e.onError), t;
-    }
-  }
-  setValue(e, t) {
-    const [i, s] = e.split(".");
-    i === "component" ? this.formMachine.send({
-      type: "UPDATE_COMPONENT_VALUE",
-      componentId: s,
-      value: t
-    }) : this.formMachine.send({
-      type: "UPDATE_FIELD",
-      field: e,
-      value: t
-    });
-  }
-  getValue(e) {
-    const i = this.formMachine.getSnapshot().context.data;
-    return this.getNestedValue(i, e);
-  }
-  clearValue(e) {
-    this.setValue(e, "");
-  }
-  getNestedValue(e, t) {
-    return t.split(".").reduce((i, s) => i && typeof i == "object" && i !== null ? i[s] : void 0, e);
-  }
-}
-class h {
-  constructor(e) {
-    this.formMachine = e;
-  }
-  validateField(e) {
-    const i = this.formMachine.getSnapshot().context.errors;
-    return this.formMachine.send({
-      type: "VALIDATE_FIELD",
-      fieldId: e
-    }), !i[e] || i[e].length === 0;
-  }
-  validateSection(e) {
-    return this.formMachine.send({
-      type: "VALIDATE_SECTION",
-      sectionId: e
-    }), !0;
-  }
-  validateStep(e) {
-    return this.formMachine.send({
-      type: "VALIDATE_STEP",
-      stepId: e
-    }), !0;
-  }
-}
-class u {
-  engine;
-  services;
-  constructor(e) {
-    this.services = {
-      navigation: new g(e),
-      ui: new p(e),
-      data: new d(e),
-      validation: new h(e)
-    }, this.engine = new l(this.services);
-  }
-  /**
-   * Initialize triggers from form configuration
-   */
-  initializeFromConfig(e) {
-    e.genericTriggerActions?.triggers && this.engine.registerTriggers(
-      `form:${e.id}`,
-      e.genericTriggerActions.triggers
-    );
-    for (const t of e.steps) {
-      "genericTriggerActions" in t && t.genericTriggerActions?.triggers && this.engine.registerTriggers(
-        `step:${t.id}`,
-        t.genericTriggerActions.triggers
-      );
-      const i = "sections" in t ? t : null;
-      if (i?.sections)
-        for (const s of i.sections) {
-          s.genericTriggerActions?.triggers && this.engine.registerTriggers(
-            `section:${s.id}`,
-            s.genericTriggerActions.triggers
-          );
-          for (const o of s.components)
-            o.genericTriggerActions?.triggers && this.engine.registerTriggers(
-              `component:${o.id}`,
-              o.genericTriggerActions.triggers
-            );
-        }
-    }
-  }
-  /**
-   * Trigger evaluation for form events
-   */
-  async evaluateFormTrigger(e, t, i, s) {
-    const o = a(
-      e,
-      "form",
-      `form:${t}`,
-      {
-        formData: i,
-        metadata: s
-      }
-    );
-    await this.engine.evaluateTriggers(o);
-  }
-  /**
-   * Trigger evaluation for step events
-   */
-  async evaluateStepTrigger(e, t, i, s) {
-    const o = a(
-      e,
-      "step",
-      `step:${t}`,
-      {
-        formData: i,
-        metadata: s
-      }
-    );
-    await this.engine.evaluateTriggers(o);
-  }
-  /**
-   * Trigger evaluation for section events
-   */
-  async evaluateSectionTrigger(e, t, i, s) {
-    const o = a(
-      e,
-      "section",
-      `section:${t}`,
-      {
-        formData: i,
-        metadata: s
-      }
-    );
-    await this.engine.evaluateTriggers(o);
-  }
-  /**
-   * Trigger evaluation for component events
-   */
-  async evaluateComponentTrigger(e, t, i, s, o, r) {
-    const c = a(
-      e,
-      "component",
-      `component:${t}`,
-      {
-        currentValue: i,
-        previousValue: s,
-        formData: o,
-        metadata: r
-      }
-    );
-    await this.engine.evaluateTriggers(c);
-  }
-  /**
-   * Register additional triggers dynamically
-   */
-  registerTriggers(e, t) {
-    t.triggers && this.engine.registerTriggers(e, t.triggers);
-  }
-  /**
-   * Cleanup resources
-   */
-  dispose() {
-    this.engine.dispose();
-  }
-}
-export {
-  u as GenericTriggerService,
-  u as default
-};

package/wizard/src/features/api-integration/services/NavigationExecutor.js

@@ -1,6 +0,0 @@
-"use client";
-const t = () => null;
-export {
-  t as NavigationExecutor,
-  t as default
-};