@verbb/formie-browser 1.0.15 → 1.0.16

package/src/js/submit/pipeline.ts

@@ -1,5 +1,7 @@
+import type { FormieFormInstance } from '#contracts/client';
 import type { FormAction, SubmitStage } from '#contracts/common';
 import type { FormSubmitResult } from '#contracts/schema';
+import { withFormEventInstance } from '#core/dom-events';
 import { EventBus } from '#events/event-bus';
 import { submitForm } from '#transport/forms-api';
 import { createDebug } from '#utils/debug';
@@ -7,6 +9,7 @@ import { getFormPages, getValidationScope } from '#validation/scope';
 import type { FormieValidator } from '#validation/validator';
 
 export type SubmitPipelineContext = {
+    instance?: FormieFormInstance;
     form: HTMLFormElement;
     action: FormAction;
     formData: FormData;
@@ -207,7 +210,7 @@ export async function runSubmitPipeline(
     let dispatchResult: FormSubmitResult | null = null;
     const finalSubmitAttempt = isFinalSubmitAttempt(form, action);
 
-    const context: SubmitPipelineContext = {
+    const context: SubmitPipelineContext = withFormEventInstance(form, {
         form,
         action,
         formData: buildSubmitFormData(form, action),
@@ -218,6 +221,10 @@ export async function runSubmitPipeline(
         },
         isAborted: () => aborted,
         abortReason: () => abortReason,
+    });
+
+    const emitSubmitResult = (eventName: string, result: FormSubmitResult) => {
+        return bus.emitSafe(eventName, withFormEventInstance(form, result));
     };
 
     const runners: Record<SubmitStage, StageRunner> = {
@@ -368,7 +375,7 @@ export async function runSubmitPipeline(
         if (aborted) {
             const abortedResult = getAbortedResult(stage, abortReason);
             {
-                const emitReport = await bus.emitSafe('formie:submit:after', abortedResult);
+                const emitReport = await emitSubmitResult('formie:submit:after', abortedResult);
                 if (emitReport.failed.length > 0) {
                     debug.warn('Submit after listeners failed (abort before stage).', {
                         stage,
@@ -377,7 +384,7 @@ export async function runSubmitPipeline(
                 }
             }
             if (finalSubmitAttempt) {
-                const emitReport = await bus.emitSafe('formie:submit:final:after', abortedResult);
+                const emitReport = await emitSubmitResult('formie:submit:final:after', abortedResult);
                 if (emitReport.failed.length > 0) {
                     debug.warn('Final submit after listeners failed (abort before stage).', {
                         stage,
@@ -414,7 +421,7 @@ export async function runSubmitPipeline(
         if (aborted) {
             const abortedResult = getAbortedResult(stage, abortReason);
             {
-                const emitReport = await bus.emitSafe('formie:submit:after', abortedResult);
+                const emitReport = await emitSubmitResult('formie:submit:after', abortedResult);
                 if (emitReport.failed.length > 0) {
                     debug.warn('Submit after listeners failed (abort after stage).', {
                         stage,
@@ -423,7 +430,7 @@ export async function runSubmitPipeline(
                 }
             }
             if (finalSubmitAttempt) {
-                const emitReport = await bus.emitSafe('formie:submit:final:after', abortedResult);
+                const emitReport = await emitSubmitResult('formie:submit:final:after', abortedResult);
                 if (emitReport.failed.length > 0) {
                     debug.warn('Final submit after listeners failed (abort after stage).', {
                         stage,
@@ -439,7 +446,7 @@ export async function runSubmitPipeline(
         // matching stage after-hook so modules can clean up their own state.
         if (stageResult && !stageResult.ok) {
             {
-                const emitReport = await bus.emitSafe('formie:submit:after', stageResult);
+                const emitReport = await emitSubmitResult('formie:submit:after', stageResult);
                 if (emitReport.failed.length > 0) {
                     debug.warn('Submit after listeners failed (failed stage).', {
                         stage,
@@ -448,7 +455,7 @@ export async function runSubmitPipeline(
                 }
             }
             if (finalSubmitAttempt) {
-                const emitReport = await bus.emitSafe('formie:submit:final:after', stageResult);
+                const emitReport = await emitSubmitResult('formie:submit:final:after', stageResult);
                 if (emitReport.failed.length > 0) {
                     debug.warn('Final submit after listeners failed (failed stage).', {
                         stage,
@@ -473,7 +480,7 @@ export async function runSubmitPipeline(
     };
 
     {
-        const emitReport = await bus.emitSafe('formie:submit:after', successResult);
+        const emitReport = await emitSubmitResult('formie:submit:after', successResult);
         if (emitReport.failed.length > 0) {
             debug.warn('Submit after listeners failed (success).', {
                 failed: emitReport.failed.length,
@@ -481,7 +488,7 @@ export async function runSubmitPipeline(
         }
     }
     if (finalSubmitAttempt) {
-        const emitReport = await bus.emitSafe('formie:submit:final:after', successResult);
+        const emitReport = await emitSubmitResult('formie:submit:final:after', successResult);
         if (emitReport.failed.length > 0) {
             debug.warn('Final submit after listeners failed (success).', {
                 failed: emitReport.failed.length,

package/src/js/utils/form-started-at.ts

@@ -11,15 +11,30 @@ export function ensureFormStartedAt(form: HTMLFormElement): void {
     const renderId = renderIdInput?.value?.trim() ?? '';
     const storageKey = renderId ? `${FORM_STARTED_AT_STORAGE_PREFIX}${renderId}` : null;
 
-    let startedAt = storageKey ? sessionStorage.getItem(storageKey) : null;
+    const continuing = ['submissionUid', 'progressId'].some((name) =>
+        form.querySelector<HTMLInputElement>(`input[name="${name}"]`)?.value.trim()
+    );
+
+    // Reuse elapsed time for an existing draft or live mount, not a fresh visit.
+    let startedAt = startedAtInput.value || (continuing && storageKey ? sessionStorage.getItem(storageKey) : null);
 
     if (!startedAt) {
         startedAt = String(Date.now());
+    }
 
-        if (storageKey) {
-            sessionStorage.setItem(storageKey, startedAt);
-        }
+    if (storageKey) {
+        sessionStorage.setItem(storageKey, startedAt);
     }
 
     startedAtInput.value = startedAt;
 }
+
+export function resetFormStartedAt(form: HTMLFormElement): void {
+    const input = form.querySelector<HTMLInputElement>('input[name="formStartedAt"]');
+
+    if (input) {
+        // Hidden input values survive form.reset(), so start the next submission explicitly.
+        input.value = String(Date.now());
+        ensureFormStartedAt(form);
+    }
+}

package/src/js/utils/unload-warning.ts

@@ -1,4 +1,5 @@
 import { isFormCsrfFieldName } from '#utils/csrf';
+import { dispatchFormieDomEvent } from '#core/dom-events';
 
 const DIRTY_TRACKING_IGNORED_FIELD_NAMES = new Set([
     'action',
@@ -14,6 +15,37 @@ const DIRTY_TRACKING_IGNORED_FIELD_NAMES = new Set([
     'progressId',
 ]);
 
+type FormSnapshot = Array<[string, FormDataEntryValue]>;
+
+export type FormUnloadWarningExclusionsEventDetail = {
+    readonly form: HTMLFormElement;
+    readonly exclude: (...fieldNames: string[]) => void;
+};
+
+function collectExcludedFieldNames(form: HTMLFormElement): Set<string> {
+    const excludedFieldNames = new Set<string>();
+    let collecting = true;
+
+    dispatchFormieDomEvent(form, 'formie:unload-warning:collect-exclusions', {
+        form,
+        exclude: (...fieldNames: string[]) => {
+            // Exclusions belong to this synchronous comparison, not a later check.
+            if (!collecting) {
+                return;
+            }
+
+            fieldNames.forEach((name) => {
+                if (typeof name === 'string' && name !== '') {
+                    excludedFieldNames.add(name);
+                }
+            });
+        },
+    } satisfies FormUnloadWarningExclusionsEventDetail);
+    collecting = false;
+
+    return excludedFieldNames;
+}
+
 function serializeStableValue(value: unknown, seen: WeakSet<object>): string {
     if (value == null) {
         return String(value);
@@ -82,9 +114,16 @@ function shouldTrackFieldName(name: string, form: HTMLFormElement): boolean {
     return !DIRTY_TRACKING_IGNORED_FIELD_NAMES.has(normalizedName);
 }
 
-function buildTrackedSnapshot(form: HTMLFormElement): string {
-    const entries = Array.from(new FormData(form).entries()).filter(([name]) => {
-        return shouldTrackFieldName(String(name || ''), form);
+function buildTrackedSnapshot(
+    snapshot: FormSnapshot,
+    form: HTMLFormElement,
+    excludedFieldNames: Set<string>,
+): string {
+    const entries = snapshot.filter(([name]) => {
+        return (
+            !excludedFieldNames.has(name) &&
+            shouldTrackFieldName(String(name || ''), form)
+        );
     });
 
     return stableSerialize(entries);
@@ -103,8 +142,9 @@ export function createFormUnloadWarningGuard(
         shouldWarn?: () => boolean;
     } = {},
 ): FormUnloadWarningGuard {
-    let baselineSnapshot: string | null = null;
+    let baselineSnapshot: FormSnapshot = [];
     let isReady = false;
+    let destroyed = false;
     let isDirty = false;
     let animationFrameId: number | null = null;
     let dirtyTimerId: number | null = null;
@@ -132,18 +172,31 @@ export function createFormUnloadWarningGuard(
             return false;
         }
 
-        isDirty = buildTrackedSnapshot(form) !== baselineSnapshot;
+        // Apply the same current exclusions to both sides. A late registration
+        // must neither create a false edit nor reset genuine visitor changes.
+        const excludedFieldNames = collectExcludedFieldNames(form);
+        const currentSnapshot = Array.from(new FormData(form).entries());
+        isDirty =
+            buildTrackedSnapshot(currentSnapshot, form, excludedFieldNames) !==
+            buildTrackedSnapshot(baselineSnapshot, form, excludedFieldNames);
 
         return isDirty;
     };
 
     const captureBaseline = (): void => {
-        baselineSnapshot = buildTrackedSnapshot(form);
+        if (destroyed) {
+            return;
+        }
+        clearScheduledWork();
+        baselineSnapshot = Array.from(new FormData(form).entries());
         isReady = true;
         isDirty = false;
     };
 
     const scheduleBaselineCapture = (): void => {
+        if (destroyed) {
+            return;
+        }
         clearScheduledWork();
         isReady = false;
 
@@ -183,13 +236,16 @@ export function createFormUnloadWarningGuard(
     form.addEventListener('input', scheduleDirtyRefresh);
     form.addEventListener('change', scheduleDirtyRefresh);
     window.addEventListener('beforeunload', handleBeforeUnload);
-    scheduleBaselineCapture();
+    captureBaseline();
 
     return {
         captureBaseline,
         scheduleBaselineCapture,
         refreshDirtyState,
         destroy: () => {
+            destroyed = true;
+            isReady = false;
+            baselineSnapshot = [];
             clearScheduledWork();
             form.removeEventListener('input', scheduleDirtyRefresh);
             form.removeEventListener('change', scheduleDirtyRefresh);

package/src/js/validation/rules/required.ts

@@ -7,6 +7,12 @@ const required: ValidationRuleDefinition = {
             return true;
         }
 
+        // Required tables need rows, not a value in every cell. Cell values are
+        // optional, including unchecked checkboxes and blank email addresses.
+        if (input.closest('[data-formie-field-handle]')?.getAttribute('data-formie-field-type') === 'table') {
+            return true;
+        }
+
         if (input instanceof HTMLInputElement && input.type === 'file') {
             if (input.files?.length) {
                 return true;

package/src/js/validation/submit-readiness.ts

@@ -33,8 +33,10 @@ export function syncSubmitReadiness(form: HTMLFormElement, validator: FormieVali
     }
 
     const { scope, final } = getValidationScope(form);
+    // Readiness observes DOM changes; redrawing errors here would retrigger it indefinitely.
     const isReady = validator.isValid(scope, {
         includeHiddenPages: final,
+        renderErrors: false,
     });
 
     form.setAttribute(SUBMIT_READY_ATTR, isReady ? 'true' : 'false');

package/src/js/validation/validator.ts

@@ -25,6 +25,7 @@ type ValidatorDefinition = {
 
 type ValidateOptions = {
     includeHiddenPages?: boolean;
+    renderErrors?: boolean;
 };
 
 const DEFAULT_PATTERNS: Record<string, RegExp> = {
@@ -40,11 +41,13 @@ const DEFAULT_PATTERNS: Record<string, RegExp> = {
 const debug = createDebug('general', 'validator');
 
 function isValidationInput(node: Element | null): node is ValidationInput {
+    // Enhancement libraries inject unnamed search controls that do not submit
+    // field values and must not inherit the field's validation rules.
     return !!node && (
         node instanceof HTMLInputElement ||
         node instanceof HTMLSelectElement ||
         node instanceof HTMLTextAreaElement
-    );
+    ) && !!node.name;
 }
 
 function isPainted(element: HTMLElement): boolean {
@@ -161,6 +164,7 @@ export class FormieValidator {
 
         this.inputs(inputOrSelector).forEach((input) => {
             let errorShown = false;
+            const renderErrors = options.renderErrors !== false && this.shouldShowError(input);
 
             if (!this.isVisible(input, options)) {
                 return;
@@ -179,7 +183,7 @@ export class FormieValidator {
                 seenGroups.add(groupKey);
             }
 
-            if (this.shouldShowError(input)) {
+            if (renderErrors) {
                 this.removeError(input);
             }
 
@@ -191,7 +195,7 @@ export class FormieValidator {
                 if (!isValid) {
                     const errorMessage = this.getErrorMessage(input, validatorName, validatorConfig, opts);
 
-                    if (this.shouldShowError(input) && !errorShown) {
+                    if (renderErrors && !errorShown) {
                         this.showError(input, validatorName, errorMessage);
                     }
 
@@ -208,7 +212,7 @@ export class FormieValidator {
                 }
             });
 
-            if (!errorShown && this.shouldShowError(input)) {
+            if (!errorShown && renderErrors) {
                 this.removeError(input);
             }
         });
@@ -497,6 +501,13 @@ export class FormieValidator {
             }
         }
 
+        // Third-party select enhancements hide the native value control without
+        // Formie's combobox marker. The containing field still determines whether
+        // its selected values need validation, including an empty required value.
+        if (element instanceof HTMLSelectElement && field instanceof HTMLElement) {
+            return isPainted(element) || isPainted(field);
+        }
+
         return isPainted(element);
     }
 

package/src/vendor.d.ts

@@ -58,7 +58,9 @@ declare module 'flatpickr/dist/l10n/index.js' {
 
 declare module 'intl-tel-input' {
     type IntlTelInputInstance = {
+        readonly promise: Promise<void>;
         setCountry(country: string): void;
+        setNumber(number: string): void;
         isValidNumber(): boolean;
         getSelectedCountryData(): { iso2?: string } | null;
         getValidationError(): number;

package/dist/chunks/opayo-BwWdInEP.js

@@ -1,188 +0,0 @@
-import { t as e } from "./request-profile-DhwkeCpS.js";
-import { t } from "./dist-ZLeW0zZ3.js";
-import { s as n } from "./event-names-BCI2FLD8.js";
-import { t as r } from "./api-Dxl_CKw-.js";
-import { t as i } from "./debug-BV0DvdHx.js";
-import { a } from "./theme-classes-DAQuEqdP.js";
-import { t as o } from "./csrf-DxHg_ZYt.js";
-import { r as s } from "./scripts-DrccjrFv.js";
-import { t as c } from "./styles-BfoIZwJp.js";
-//#endregion
-//#region src/js/modules/payments/opayo.ts
-c("opayo", ["@layer formie-theme{.formie-opayo-drop-in{box-sizing:border-box;width:100%;min-height:10rem}}"]);
-var l = "FORMIE_OPAYO_SCRIPT", u = "https://live.opayo.eu.elavon.com/api/v1/js/sagepay.js", d = "https://sandbox.opayo.eu.elavon.com/api/v1/js/sagepay.js", f = "[data-formie-opayo-drop-in]", p = i("payments", "opayo"), m = n("opayo", "challenge"), h = "formie:payment:opayo:challenge:response";
-function g(e) {
-	return e.checkoutMode === "dropIn";
-}
-async function _(n) {
-	let { form: r, handle: i, sessionToken: a, services: s } = n, c = new FormData();
-	o(c, r), c.set("action", "formie/payment-sessions/initialize"), c.append("handle", i), c.append("sessionToken", a);
-	try {
-		let i = await t(n.sessionEndpoint || r.action, {
-			method: "POST",
-			body: c
-		}, e(r));
-		return i.status < 200 || i.status >= 300 ? (s.addError(`${i.status}: ${i.statusText}`), p.warn("Merchant session request failed.", {
-			status: i.status,
-			statusText: i.statusText
-		}), null) : (await i.json()).merchantSessionKey || (s.addError("Unable to get merchant session."), p.warn("merchantSessionKey missing in session response."), null);
-	} catch {
-		return s.addError("Network error. Please try again."), p.warn("Network error requesting merchant session."), null;
-	}
-}
-function v(e) {
-	return e.id ||= `formie-opayo-drop-in-${Math.random().toString(36).slice(2, 9)}`, e.id;
-}
-var y = r({
-	moduleId: "formie:opayo",
-	defaultRequiredInputSuffixes: ["opayoTokenId"],
-	load: async (e) => {
-		let { provider: t } = e.options, n = t.useSandbox ? d : u, r = g(t) ? "sagepayCheckout" : "sagepayOwnForm";
-		return await s(r, {
-			id: l,
-			src: n,
-			timeoutMs: 1e4
-		}), null;
-	},
-	mount: async ({ field: e, services: t, provider: n }) => {
-		if (!g(n)) return null;
-		let r = t.form, i = window.sagepayCheckout, a = e.querySelector(f);
-		if (!r?.action) return t.addError("Form action is missing."), p.warn("Missing form action before drop-in mount."), null;
-		if (!i) return t.addError("Opayo script failed to load."), p.warn("sagepayCheckout global not available."), null;
-		if (!a) return t.addError("Opayo drop-in container is missing."), p.warn("Drop-in container not found in payment field."), null;
-		let o = n.handle || "opayo", s = await _({
-			form: r,
-			handle: o,
-			sessionToken: n.sessionToken || "",
-			sessionEndpoint: n.sessionEndpoint,
-			services: t
-		});
-		if (!s) return null;
-		let c = v(a), l = {
-			checkout: null,
-			merchantSessionKey: s,
-			pendingAuthorize: null,
-			retriedTokenise: !1
-		};
-		return l.checkout = i({
-			merchantSessionKey: s,
-			containerSelector: `#${c}`,
-			onTokenise: (e) => {
-				let i = l.pendingAuthorize;
-				if (l.pendingAuthorize = null, !i) {
-					p.warn("Drop-in tokenisation completed without a pending authorize step.");
-					return;
-				}
-				if (e.success && e.cardIdentifier) {
-					t.updateInputs("opayoTokenId", e.cardIdentifier), t.updateInputs("opayoSessionKey", l.merchantSessionKey), p.log("Drop-in tokenization succeeded.", { hasCardIdentifier: !!e.cardIdentifier }), i(!0);
-					return;
-				}
-				if (!l.retriedTokenise) {
-					l.retriedTokenise = !0, _({
-						form: r,
-						handle: o,
-						sessionToken: n.sessionToken || "",
-						sessionEndpoint: n.sessionEndpoint,
-						services: t
-					}).then((n) => {
-						if (!n) {
-							t.addError(e.errors?.[0]?.message || "Tokenization failed."), p.warn("Drop-in tokenization failed after session refresh.", e), i(!1);
-							return;
-						}
-						l.merchantSessionKey = n, l.pendingAuthorize = i, l.checkout.tokenise({ newMerchantSessionKey: n });
-					});
-					return;
-				}
-				t.addError(e.errors?.[0]?.message || "Tokenization failed."), p.warn("Drop-in tokenization failed.", e), i(!1);
-			}
-		}), p.log("Drop-in checkout mounted.", { containerId: c }), l;
-	},
-	unmount: async ({ widget: e }) => {
-		e?.checkout?.destroy?.();
-	},
-	onBeforePayment: async (e) => {
-		let { field: t, services: n, options: r, provider: i, widget: a } = e, o = i.handle || "opayo", s = n.form;
-		if (!s?.action) return n.addError("Form action is missing."), p.warn("Missing form action before authorize."), !1;
-		if (g(i)) return a ? (a.retriedTokenise = !1, new Promise((e) => {
-			a.pendingAuthorize = e, a.checkout.tokenise();
-		})) : (n.addError("Opayo drop-in checkout is not ready."), p.warn("Drop-in authorize requested before widget mount."), !1);
-		let c = window.sagepayOwnForm;
-		if (!c) return n.addError("Opayo script failed to load."), p.warn("sagepayOwnForm global not available."), !1;
-		let l = t.querySelector("[data-opayo-card=\"cardholder-name\"]")?.value ?? "", u = t.querySelector("[data-opayo-card=\"card-number\"]")?.value ?? "", d = t.querySelector("[data-opayo-card=\"expiry-date\"]")?.value ?? "", f = t.querySelector("[data-opayo-card=\"security-code\"]")?.value ?? "";
-		u = u.replace(/[\s/]/g, ""), d = d.replace(/[\s/]/g, "");
-		let m = await _({
-			form: s,
-			handle: o,
-			sessionToken: i.sessionToken || "",
-			sessionEndpoint: i.sessionEndpoint,
-			services: n
-		});
-		return m ? new Promise((e) => {
-			c({ merchantSessionKey: m }).tokeniseCardDetails({
-				cardDetails: {
-					cardholderName: l,
-					cardNumber: u,
-					expiryDate: d,
-					securityCode: f
-				},
-				onTokenised: (t) => {
-					t.success && t.cardIdentifier ? (n.updateInputs("opayoTokenId", t.cardIdentifier), n.updateInputs("opayoSessionKey", m), p.log("Tokenization succeeded.", { hasCardIdentifier: !!t.cardIdentifier }), e(!0)) : (n.addError(t.errors?.[0]?.message || "Tokenization failed."), p.warn("Tokenization failed.", t), e(!1));
-				}
-			});
-		}) : !1;
-	},
-	setup: async (e) => {
-		let { services: t } = e;
-		e.target;
-		let n = null, r = !1, i = () => {
-			n?.parentNode && n.parentNode.removeChild(n), n = null;
-		}, o = t.events.onForm(m, ((e) => {
-			let o = e.detail?.data;
-			if (!o?.acsUrl || !o?.creq) return;
-			r = !1, p.log("Received payment challenge event.", {
-				hasAcsUrl: !!o.acsUrl,
-				hasCreq: !!o.creq
-			});
-			let s = t.form, c = s?.querySelector("input[name*=\"opayoSessionKey\"]")?.value || "", l = document.createElement("div");
-			l.className = "formie-modal", l.id = `formie-opayo-dialog-${Math.random().toString(36).slice(2, 9)}`, l.innerHTML = "\n                <div class=\"formie-modal-backdrop\" data-dialog-close></div>\n                <div class=\"formie-modal-content\">\n                    <div data-formie-opayo-loading style=\"--formie-loading-width: 3rem; --formie-loading-height: 3rem; top: 50%; margin-top: -1.5rem;\"></div>\n                    <iframe width=\"100%\" height=\"100%\" style=\"width: 100%; height: 100%; position: relative; z-index: 1;\"></iframe>\n                </div>\n            ";
-			let u = l.querySelector("[data-formie-opayo-loading]");
-			u && a(u, s, "loading", !0);
-			let d = l.querySelector("iframe"), f = (e) => e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), m = o.returnUrl || o.redirectUrl || "", h = `<form action="${f(o.acsUrl)}" method="post">
-                <input type="hidden" name="creq" value="${f(o.creq || "")}" />
-                <input type="hidden" name="threeDSSessionData" value="${f(o.threeDSSessionData || "")}" />
-                <input type="hidden" name="MD" value="${f(c)}" />
-                <input type="hidden" name="TermUrl" value="${f(m)}" />
-                <input type="hidden" name="ThreeDSNotificationURL" value="${f(m)}" />
-            </form><script>document.forms[0].submit();<\/script>`;
-			i(), document.body.appendChild(l), n = l, d?.contentWindow && (d.contentWindow.document.open(), d.contentWindow.document.write(h), d.contentWindow.document.close());
-		})), s = (e) => {
-			if (e.data?.message === h) {
-				if (!n) {
-					p.log("Ignoring 3DS response without active dialog.");
-					return;
-				}
-				if (r) {
-					p.warn("Ignoring duplicate 3DS response while processing.");
-					return;
-				}
-				if (r = !0, p.log("Received payment challenge response message.", e.data?.value), i(), t.removeError(), e.data?.value?.error) {
-					t.addError(e.data.value.error.message), t.releaseSubmitLoading(), r = !1;
-					return;
-				}
-				t.updateInputs("opayo3DSComplete", e.data.value?.transactionId ?? ""), t.triggerSubmit();
-			}
-		};
-		return window.addEventListener("message", s), { destroy: () => {
-			o(), window.removeEventListener("message", s), i(), r = !1;
-		} };
-	},
-	onAfterSubmit: async ({ services: e }) => {
-		e.updateInputs([
-			"opayoTokenId",
-			"opayoSessionKey",
-			"opayo3DSComplete"
-		], "");
-	}
-});
-//#endregion
-export { y as opayoModule };

package/dist/chunks/recaptcha-shared-DTbTw-MF.js

@@ -1,27 +0,0 @@
-import { a as e, r as t } from "./api-BK9b340y.js";
-import { r as n } from "./scripts-DrccjrFv.js";
-//#region src/js/modules/captchas/recaptcha-shared.ts
-async function r(r, i = !1, a) {
-	let o = typeof r.language == "string" && r.language.trim() !== "" ? r.language.trim() : "en", { async: s, defer: c } = t(r.loadingMethod), l = i ? "https://www.google.com/recaptcha/enterprise.js" : "https://www.recaptcha.net/recaptcha/api.js", u = typeof a == "string" && a.trim() !== "" ? a.trim() : "explicit", d = new URL(l);
-	return d.searchParams.set("render", u), d.searchParams.set("hl", o), u !== "explicit" && typeof r.badge == "string" && r.badge.trim() !== "" && d.searchParams.set("badge", r.badge.trim()), n("grecaptcha", {
-		id: i ? "FORMIE_RECAPTCHA_ENTERPRISE_SCRIPT" : "FORMIE_RECAPTCHA_SCRIPT",
-		src: d.toString(),
-		async: s,
-		defer: c,
-		timeoutMs: e
-	});
-}
-function i(e, t) {
-	let n = e.enterprise || e;
-	return new Promise((e, r) => {
-		try {
-			n.ready(() => {
-				Promise.resolve(t()).then(e).catch(r);
-			});
-		} catch (e) {
-			r(e);
-		}
-	});
-}
-//#endregion
-export { i as n, r as t };

package/dist/chunks/recaptcha-v3-CflUHeZD.js

@@ -1,28 +0,0 @@
-import { t as e } from "./api-BK9b340y.js";
-import { n as t, t as n } from "./recaptcha-shared-DTbTw-MF.js";
-//#region src/js/modules/captchas/recaptcha-v3.ts
-var r = e({
-	moduleId: "formie:recaptcha-v3",
-	defaultPlaceholderSelector: "[data-recaptcha-placeholder]",
-	defaultTokenFieldNames: ["g-recaptcha-response"],
-	load: ({ options: e }) => n(e.provider, !1, e.provider.siteKey || void 0),
-	mount: ({ api: e, provider: t }) => new Promise((n) => {
-		e.ready(() => {
-			n(t.siteKey || "recaptcha-v3");
-		});
-	}),
-	challenge: async ({ api: e, provider: n, placeholder: r, services: i, stageCtx: a }) => {
-		if (!i.tokens.has() && (await t(e, async () => {
-			let t = await e.execute(n.siteKey || "", { action: n.action || "submit" });
-			typeof t == "string" && t.trim() !== "" && i.tokens.write(t.trim());
-		}), !await i.tokens.wait(12e4))) {
-			let e = i.errors.getDefaultMessage();
-			i.errors.show(e, r), a.abort(e);
-		}
-	},
-	unmount: ({ services: e }) => {
-		e.tokens.clear();
-	}
-});
-//#endregion
-export { r as recaptchaV3Module };