@digiform/wizard 0.2.10 → 0.2.16

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

@@ -0,0 +1,284 @@
+"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

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

package/wizard/src/features/dialog-system/components/ActionDialog/ActionDialog.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+/* empty css                                  */
+import { Button as N } from "../../../../../../ui/src/components/button/button.js";
+import { Dialog as g, DialogContent as D, DialogHeader as S, DialogTitle as f, DialogDescription as I } from "../../../../../../ui/src/components/dialog/dialog.js";
+import { Sheet as T, SheetContent as M, SheetHeader as _, SheetTitle as B } from "../../../../../../ui/src/components/sheet/sheet.js";
+import { memo as H, useState as x } from "react";
+import { ConfirmationDialog as $ } from "../ConfirmationDialog/ConfirmationDialog.js";
+import { EmailVerificationDialog as b } from "../EmailVerificationDialog/EmailVerificationDialog.js";
+import l from "./ActionDialog.module.css.js";
+const w = H(
+  ({ config: t, formData: n, onButtonClick: s, onClose: o, isOpen: i }) => {
+    const [c, h] = x(!1);
+    if (!t) return null;
+    if (console.log("🔍 ActionDialog config:", {
+      config: t,
+      typeId: t.templateMetadata?.typeId,
+      title: t.title
+    }), t.templateMetadata?.typeId === "verify-dialog")
+      return /* @__PURE__ */ e(
+        b,
+        {
+          config: t,
+          formData: n,
+          onButtonClick: s,
+          onClose: o,
+          isOpen: i
+        }
+      );
+    if (t.templateMetadata?.typeId === "confirmation-dialog")
+      return /* @__PURE__ */ e(
+        $,
+        {
+          config: t,
+          formData: n,
+          onButtonClick: s,
+          onClose: o,
+          isOpen: i
+        }
+      );
+    const y = async (a) => {
+      h(!0);
+      try {
+        s(a.action);
+      } finally {
+        h(!1);
+      }
+    }, u = () => {
+      t.dismissible !== !1 && !c && o();
+    }, v = (a) => {
+      switch (a) {
+        case "primary":
+          return "default";
+        case "secondary":
+          return "secondary";
+        case "danger":
+          return "destructive";
+        default:
+          return "secondary";
+      }
+    }, d = t.content.replace(
+      /\$\{data\.([^}]+)\}/g,
+      (a, C) => {
+        const p = n[C];
+        return p != null ? String(p) : a;
+      }
+    ), m = () => /* @__PURE__ */ e("div", { className: l.buttonRow, children: t.buttons.map((a) => /* @__PURE__ */ e(
+      N,
+      {
+        variant: v(a.variant),
+        onClick: () => y(a),
+        disabled: c,
+        className: l.minWidthButton,
+        children: a.label
+      },
+      `${a.label}-${a.action}`
+    )) });
+    return t.type === "toast" ? i ? /* @__PURE__ */ e("div", { className: l.toastContainer, children: /* @__PURE__ */ r("div", { className: l.toastCard, children: [
+      /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ e("h3", { className: l.toastTitle, children: t.title }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: l.toastContent,
+            dangerouslySetInnerHTML: { __html: d }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(m, {})
+    ] }) }) : null : t.type === "sidebar" ? /* @__PURE__ */ e(T, { open: i, onOpenChange: (a) => !a && u(), children: /* @__PURE__ */ r(M, { className: l.sheetContent, children: [
+      /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(B, { children: t.title }) }),
+      /* @__PURE__ */ r("div", { className: l.sheetBody, children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: l.sheetText,
+            dangerouslySetInnerHTML: { __html: d }
+          }
+        ),
+        /* @__PURE__ */ e(m, {})
+      ] })
+    ] }) }) : /* @__PURE__ */ e(g, { open: i, onOpenChange: (a) => !a && u(), children: /* @__PURE__ */ r(D, { className: l[`size-${t.size || "medium"}`], children: [
+      /* @__PURE__ */ r(S, { children: [
+        /* @__PURE__ */ e(f, { children: t.title }),
+        /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: d } }) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: l.modalButtonRow, children: /* @__PURE__ */ e(m, {}) })
+    ] }) });
+  }
+);
+w.displayName = "ActionDialog";
+export {
+  w as ActionDialog,
+  w as default
+};

package/wizard/src/features/dialog-system/components/ActionDialog/ActionDialog.module.css.js

@@ -0,0 +1,29 @@
+"use client";
+const t = "fb-buttonRow_IpMPI", o = "fb-minWidthButton_Ggq-E", e = "fb-toastContainer_iL55M", s = "fb-toastCard_EslQ-", n = "fb-toastTitle_W3izr", a = "fb-toastContent_h6A9y", i = "fb-sheetContent_Ccs86", b = "fb-sheetBody_XqkvA", d = "fb-sheetText_yRGd-", l = "fb-modalButtonRow_c7V4P", c = {
+  buttonRow: t,
+  minWidthButton: o,
+  toastContainer: e,
+  toastCard: s,
+  toastTitle: n,
+  toastContent: a,
+  sheetContent: i,
+  sheetBody: b,
+  sheetText: d,
+  "size-small": "fb-size-small_YcmVE",
+  "size-medium": "fb-size-medium_auCiA",
+  "size-large": "fb-size-large_8EHM7",
+  modalButtonRow: l
+};
+export {
+  t as buttonRow,
+  c as default,
+  o as minWidthButton,
+  l as modalButtonRow,
+  b as sheetBody,
+  i as sheetContent,
+  d as sheetText,
+  s as toastCard,
+  e as toastContainer,
+  a as toastContent,
+  n as toastTitle
+};

package/wizard/src/features/dialog-system/components/ConfirmationDialog/ConfirmationDialog.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx as o, jsxs as a, Fragment as f } from "react/jsx-runtime";
+/* empty css                                  */
+import { Button as p } from "../../../../../../ui/src/components/button/button.js";
+import { Dialog as h, DialogContent as u, DialogHeader as C, DialogTitle as c, DialogDescription as s } from "../../../../../../ui/src/components/dialog/dialog.js";
+import { HelpCircle as m, Info as D, AlertTriangle as N } from "lucide-react";
+import { memo as v } from "react";
+import e from "./ConfirmationDialog.module.css.js";
+const y = v(
+  ({
+    config: i,
+    formData: I,
+    onButtonClick: d,
+    onClose: w,
+    isOpen: t
+  }) => {
+    console.log("🔍 ConfirmationDialog rendering!", { isOpen: t, config: i });
+    const l = i.templateMetadata, g = (n) => {
+      console.log("🔥 ConfirmationDialog: Button clicked with action:", n), console.log("🔥 ConfirmationDialog: Action type:", n.type), console.log(
+        "🔥 ConfirmationDialog: Action details:",
+        JSON.stringify(n, null, 2)
+      ), d(n), console.log("🔥 ConfirmationDialog: onButtonClick called");
+    }, r = (() => {
+      if (!l?.showIcon) return null;
+      switch (l?.iconType) {
+        case "warning":
+          return /* @__PURE__ */ o(N, { className: e.iconWarning });
+        case "question":
+          return /* @__PURE__ */ o(m, { className: e.iconInfo });
+        case "info":
+          return /* @__PURE__ */ o(D, { className: e.iconInfo });
+        default:
+          return /* @__PURE__ */ o(m, { className: e.iconInfo });
+      }
+    })();
+    return /* @__PURE__ */ o(h, { open: t, onOpenChange: () => !1, children: /* @__PURE__ */ a(u, { className: e.dialogContent, children: [
+      /* @__PURE__ */ o(C, { children: r ? /* @__PURE__ */ a("div", { className: e.iconRow, children: [
+        /* @__PURE__ */ o("div", { className: e.iconCircle, children: r }),
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ o(c, { children: i.title }),
+          /* @__PURE__ */ o(s, { className: e.descriptionSpaced, children: i.content })
+        ] })
+      ] }) : /* @__PURE__ */ a(f, { children: [
+        /* @__PURE__ */ o(c, { children: i.title }),
+        /* @__PURE__ */ o(s, { children: i.content })
+      ] }) }),
+      /* @__PURE__ */ o("div", { className: e.buttonRow, children: i.buttons.map((n) => /* @__PURE__ */ o(
+        p,
+        {
+          variant: n.variant === "danger" ? "destructive" : n.variant === "secondary" ? "outline" : "default",
+          onClick: () => g(n.action),
+          className: e.minWidthButton,
+          children: n.label
+        },
+        n.id
+      )) })
+    ] }) });
+  }
+);
+y.displayName = "ConfirmationDialog";
+export {
+  y as ConfirmationDialog,
+  y as default
+};

package/wizard/src/features/dialog-system/components/ConfirmationDialog/ConfirmationDialog.module.css.js

@@ -0,0 +1,22 @@
+"use client";
+const n = "fb-dialogContent_MQjVY", o = "fb-iconRow_zoQXV", t = "fb-iconCircle_UvpAZ", i = "fb-descriptionSpaced_AmH9W", c = "fb-buttonRow_lfgxL", e = "fb-minWidthButton_maffF", s = "fb-iconWarning_OcS7O", f = "fb-iconInfo_xQhjd", d = {
+  dialogContent: n,
+  iconRow: o,
+  iconCircle: t,
+  descriptionSpaced: i,
+  buttonRow: c,
+  minWidthButton: e,
+  iconWarning: s,
+  iconInfo: f
+};
+export {
+  c as buttonRow,
+  d as default,
+  i as descriptionSpaced,
+  n as dialogContent,
+  t as iconCircle,
+  f as iconInfo,
+  o as iconRow,
+  s as iconWarning,
+  e as minWidthButton
+};

package/wizard/src/features/dialog-system/components/EmailVerificationDialog/EmailVerificationDialog.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+/* empty css                                  */
+import { Alert as E, AlertDescription as $ } from "../../../../../../ui/src/components/alert/alert.js";
+import { Button as m } from "../../../../../../ui/src/components/button/button.js";
+import { Dialog as D, DialogContent as V, DialogHeader as x, DialogTitle as A, DialogDescription as L } from "../../../../../../ui/src/components/dialog/dialog.js";
+import { ValidationCode as P } from "../../../../../../ui/src/components/ValidationCode/ValidationCode.js";
+import { CheckCircle as _, Mail as j, AlertCircle as q } from "lucide-react";
+import { memo as H, useState as f, useEffect as I, useCallback as W } from "react";
+import i from "./EmailVerificationDialog.module.css.js";
+const Y = H(
+  ({
+    config: h,
+    formData: z,
+    onButtonClick: g,
+    onClose: F,
+    isOpen: u
+  }) => {
+    console.log("🔥 EmailVerificationDialog rendering!", { isOpen: u, config: h });
+    const t = h.templateMetadata, [c, C] = f(""), [n, r] = f("idle"), [p, l] = f(""), [d, v] = f(0), [b, k] = f(0);
+    I(() => {
+      if (d > 0) {
+        const a = setTimeout(() => v(d - 1), 1e3);
+        return () => clearTimeout(a);
+      }
+    }, [d]);
+    const N = W(async () => {
+      r("verifying");
+      const a = b + 1;
+      k(a);
+      try {
+        if (await new Promise((s) => setTimeout(s, 1500)), c === "123456" || c === "000000" || c === "111111")
+          r("success");
+        else {
+          const s = t?.maxAttempts;
+          if (s && a >= s)
+            r("blocked"), l(
+              "Maximum verification attempts exceeded. Please request a new verification code."
+            );
+          else {
+            r("error");
+            const M = s ? s - a : null, R = t?.errorMessage || "Invalid code. Please try again.", S = M ? ` (${M} attempts remaining)` : "";
+            l(R + S);
+          }
+        }
+      } catch {
+        r("error"), l(
+          t?.errorMessage || "Verification failed. Please try again."
+        );
+      }
+    }, [
+      c,
+      t?.errorMessage,
+      t?.maxAttempts,
+      b
+    ]), w = (a) => {
+      C(a), (n === "error" || n === "blocked") && (r("idle"), l(""));
+    }, T = (a) => {
+      console.log("completedCode", a), t?.enableAutoSubmit && n === "idle" && N();
+    }, y = () => {
+      v(t?.resendTimer || 60), C(""), r("idle"), l(""), k(0);
+    }, B = () => {
+      g({ type: "close" });
+    };
+    return n === "success" ? /* @__PURE__ */ e(D, { open: u, onOpenChange: () => !1, children: /* @__PURE__ */ o(V, { className: i.dialogContent, children: [
+      /* @__PURE__ */ o(x, { children: [
+        /* @__PURE__ */ o("div", { className: i.headerRow, children: [
+          /* @__PURE__ */ e(_, { className: `${i.iconMd} ${i.iconSuccess}` }),
+          /* @__PURE__ */ e(A, { children: t?.successTitle || "Verification Successful" })
+        ] }),
+        /* @__PURE__ */ e(L, { children: t?.successMessage || "Your email has been verified successfully." })
+      ] }),
+      /* @__PURE__ */ e("div", { className: i.successButtonRow, children: /* @__PURE__ */ e(
+        m,
+        {
+          onClick: () => g(
+            t?.onVerifiedAction || {
+              type: "navigate",
+              direction: "next"
+            }
+          ),
+          className: i.minWidthButton,
+          children: t?.continueButtonLabel || "Continue"
+        }
+      ) })
+    ] }) }) : /* @__PURE__ */ e(D, { open: u, onOpenChange: () => !1, children: /* @__PURE__ */ o(V, { className: i.dialogContent, children: [
+      /* @__PURE__ */ o(x, { children: [
+        /* @__PURE__ */ o("div", { className: i.headerRow, children: [
+          /* @__PURE__ */ e(j, { className: `${i.iconMd} ${i.iconMail}` }),
+          /* @__PURE__ */ e(A, { children: h.title })
+        ] }),
+        /* @__PURE__ */ e(L, { children: h.content })
+      ] }),
+      /* @__PURE__ */ o("div", { className: i.formContent, children: [
+        /* @__PURE__ */ o("div", { className: i.codeSection, children: [
+          /* @__PURE__ */ e("div", { className: i.codeLabel, children: "Verification Code" }),
+          /* @__PURE__ */ e("div", { className: i.codeCenter, children: /* @__PURE__ */ e(
+            P,
+            {
+              maxLength: t?.codeLength || 6,
+              value: c,
+              onChange: w,
+              onComplete: T,
+              disabled: n === "verifying" || n === "blocked"
+            }
+          ) })
+        ] }),
+        (n === "error" || n === "blocked") && p && /* @__PURE__ */ o(E, { variant: "destructive", children: [
+          /* @__PURE__ */ e(q, { className: i.iconSm }),
+          /* @__PURE__ */ e($, { children: p })
+        ] }),
+        t?.enableResend && n !== "blocked" && /* @__PURE__ */ e("div", { className: i.resendText, children: d > 0 ? `Resend code in ${d}s` : /* @__PURE__ */ e(
+          m,
+          {
+            variant: "link",
+            onClick: y,
+            className: i.resendLinkDefault,
+            children: t?.resendButtonLabel || "Send new code"
+          }
+        ) }),
+        n === "blocked" && /* @__PURE__ */ e("div", { className: i.blockedText, children: /* @__PURE__ */ e(
+          m,
+          {
+            variant: "link",
+            onClick: y,
+            className: i.resendLink,
+            children: t?.resendButtonLabel || "Request new verification code"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ o("div", { className: i.footerButtonRow, children: [
+        /* @__PURE__ */ e(m, { variant: "secondary", onClick: B, children: t?.cancelButtonLabel || "Cancel" }),
+        /* @__PURE__ */ e(
+          m,
+          {
+            onClick: N,
+            disabled: c.length !== (t?.codeLength || 6) || n === "verifying" || n === "blocked",
+            children: n === "verifying" ? "Verifying..." : n === "blocked" ? "Blocked" : t?.verifyButtonLabel || "Verify Email"
+          }
+        )
+      ] })
+    ] }) });
+  }
+);
+Y.displayName = "EmailVerificationDialog";
+export {
+  Y as EmailVerificationDialog,
+  Y as default
+};