@verbb/formie-browser 1.0.11 → 1.0.13

package/dist/chunks/{text-limit-Bn18WrPU.js → text-limit-BGaY0jhI.js}

@@ -1,7 +1,7 @@
 import { i as e } from "./i18n-BY1ds1BL.js";
 import { t } from "./styles-BfoIZwJp.js";
 import { c as n, i as r, l as i } from "./shared-Bx9s0i0P.js";
-import { n as a } from "./dist-BdUy8m_p.js";
+import { n as a } from "./dist-D6i-VNgM.js";
 //#region src/css/theme/fields/_text-limit.css?inline
 var o = "@layer formie-theme{.formie-limit-number{font-weight:var(--formie-font-weight-semibold);color:var(--formie-color-text)}.formie-limit-number-error{color:var(--formie-color-danger)}}", s = "input[data-formie-single-line-text-input], textarea[data-formie-multi-line-text-input]", c = [
 	"textMinCharacterLimit",

package/dist/css/theme/fields/_check-radio.css

@@ -116,8 +116,10 @@
 
     .formie-field-option:has(> input[data-formie-other-option]),
     .formie-other-option {
+        display: flex;
         flex-wrap: wrap;
-        align-items: flex-start;
+        align-items: center;
+        width: 100%;
     }
 
     .formie-field-option:has(> input[data-formie-other-option]:checked) > .formie-other-option-text,

package/dist/css/theme/fields/_signature.css

@@ -20,7 +20,8 @@
     [data-formie-field-type="signature"] .formie-signature-canvas {
         display: block;
         width: var(--formie-signature-width);
-        height: var(--formie-signature-height);
+        min-height: var(--formie-signature-height);
+        height: auto;
         border: var(--formie-signature-border);
         background: var(--formie-signature-background);
         border-radius: var(--formie-signature-border-radius);

package/dist/css/theme/integrations/_opayo.css

@@ -0,0 +1,9 @@
+@layer formie-theme {
+
+    /* Opayo drop-in checkout iframe mount point. */
+    .formie-opayo-drop-in {
+        width: 100%;
+        min-height: 10rem;
+        box-sizing: border-box;
+    }
+}

package/dist/index.js

@@ -1,5 +1,5 @@
 import { c as e, d as t, l as n, o as r, r as i, t as a, u as o } from "./chunks/event-names-BCI2FLD8.js";
-import { a as s, c, d as l, f as u, i as d, l as f, n as p, o as m, p as h, r as g, s as _, t as v, u as y } from "./chunks/api-BYe9YPko.js";
+import { a as s, c, d as l, f as u, i as d, l as f, n as p, o as m, p as h, r as g, s as _, t as v, u as y } from "./chunks/api-DqpfkZWL.js";
 import { a as b, i as x, n as ee, r as te, t as S } from "./chunks/debug-BV0DvdHx.js";
 import { n as ne, r as C, t as w } from "./chunks/theme-classes-Tv7q7ToE.js";
 import { t as T } from "./chunks/http-D-JExro7.js";
@@ -1382,42 +1382,42 @@ var L = class {
 	snaptcha: () => import("./chunks/snaptcha-DKx98oon.js").then((e) => e.snaptchaModule),
 	turnstile: () => import("./chunks/turnstile-DJakPzQD.js").then((e) => e.turnstileModule)
 }, Xt = {
-	calculations: () => import("./chunks/calculations-DERi2xaC.js").then((e) => e.calculationsModule),
+	calculations: () => import("./chunks/calculations-Dv3hYb8_.js").then((e) => e.calculationsModule),
 	"checkbox-radio": () => import("./chunks/checkbox-radio-BY2aTCOG.js").then((e) => e.checkboxRadioModule),
 	combobox: () => import("./chunks/combobox-C0EuExSI.js").then((e) => e.comboboxModule),
-	conditions: () => import("./chunks/conditions-65kBcFWW.js").then((e) => e.conditionsModule),
+	conditions: () => import("./chunks/conditions-CPH1snCx.js").then((e) => e.conditionsModule),
 	"custom-google-maps": () => import("./chunks/custom-google-maps-BsaSirEZ.js").then((e) => e.customGoogleMapsModule),
 	"custom-link": () => import("./chunks/custom-link-CJ1-FjEM.js").then((e) => e.customLinkModule),
 	"custom-maps": () => import("./chunks/custom-maps-DYW_pBid.js").then((e) => e.customMapsModule),
-	"date-picker": () => import("./chunks/date-picker-5CA_-zGb.js").then((e) => e.datePickerModule),
+	"date-picker": () => import("./chunks/date-picker-F9BUBDSW.js").then((e) => e.datePickerModule),
 	"file-upload": () => import("./chunks/file-upload-rqfZNqlH.js").then((e) => e.fileUploadModule),
 	"upload-manager": () => import("./chunks/upload-manager-W-QDgxKD.js").then((e) => e.uploadManagerModule),
 	hidden: () => import("./chunks/hidden-D7_Ch-QN.js").then((e) => e.hiddenModule),
 	"phone-country": () => import("./chunks/phone-country-D3ayr60L.js").then((e) => e.phoneCountryModule),
-	"password-validation": () => import("./chunks/password-validation-T0vDQPCr.js").then((e) => e.passwordValidationModule),
+	"password-validation": () => import("./chunks/password-validation-D06uH9va.js").then((e) => e.passwordValidationModule),
 	"address-country": () => import("./chunks/address-country-Rx6GQTND.js").then((e) => e.addressCountryModule),
 	"address-state": () => import("./chunks/address-state-BwE01m2_.js").then((e) => e.addressStateModule),
 	repeater: () => import("./chunks/repeater-BVnPUqTj.js").then((e) => e.repeaterModule),
 	"rich-text": () => import("./chunks/rich-text-Bg_--4TG.js").then((e) => e.richTextModule),
-	signature: () => import("./chunks/signature-xz4QO7CR.js").then((e) => e.signatureModule),
+	signature: () => import("./chunks/signature-IOhuicje.js").then((e) => e.signatureModule),
 	summary: () => import("./chunks/summary-Dks0gXS3.js").then((e) => e.summaryModule),
 	"survey-likert": () => import("./chunks/survey-likert-DkE6bR7B.js").then((e) => e.surveyLikertModule),
 	"survey-rank": () => import("./chunks/survey-rank-DN6x4IZM.js").then((e) => e.surveyRankModule),
 	"survey-rating": () => import("./chunks/survey-rating-BnsNL9U5.js").then((e) => e.surveyRatingModule),
 	table: () => import("./chunks/table-CAjCJHrL.js").then((e) => e.tableModule),
-	"text-limit": () => import("./chunks/text-limit-Bn18WrPU.js").then((e) => e.textLimitModule)
+	"text-limit": () => import("./chunks/text-limit-BGaY0jhI.js").then((e) => e.textLimitModule)
 }, Zt = {
-	bpoint: () => import("./chunks/bpoint-C0VOftX9.js").then((e) => e.bpointModule),
-	eway: () => import("./chunks/eway-CS6Y1Yvo.js").then((e) => e.ewayModule),
-	"go-cardless": () => import("./chunks/go-cardless-BTPD668l.js").then((e) => e.goCardlessModule),
-	mollie: () => import("./chunks/mollie-CXgBwvo6.js").then((e) => e.mollieModule),
-	moneris: () => import("./chunks/moneris-B6oLu7nj.js").then((e) => e.monerisModule),
-	opayo: () => import("./chunks/opayo-DPUA5CKr.js").then((e) => e.opayoModule),
-	paddle: () => import("./chunks/paddle-GRlsm5mm.js").then((e) => e.paddleModule),
-	paypal: () => import("./chunks/paypal-CdcZnf6r.js").then((e) => e.paypalModule),
-	payway: () => import("./chunks/payway-CfmYOS__.js").then((e) => e.paywayModule),
-	square: () => import("./chunks/square-BY--5M-X.js").then((e) => e.squareModule),
-	stripe: () => import("./chunks/stripe-uusYjWty.js").then((e) => e.stripeModule)
+	bpoint: () => import("./chunks/bpoint-Dlq34XH1.js").then((e) => e.bpointModule),
+	eway: () => import("./chunks/eway-D9_m8ooj.js").then((e) => e.ewayModule),
+	"go-cardless": () => import("./chunks/go-cardless-DAT3ZaQf.js").then((e) => e.goCardlessModule),
+	mollie: () => import("./chunks/mollie-Bibhl67p.js").then((e) => e.mollieModule),
+	moneris: () => import("./chunks/moneris-H2wSqk9h.js").then((e) => e.monerisModule),
+	opayo: () => import("./chunks/opayo-CR0DtsLa.js").then((e) => e.opayoModule),
+	paddle: () => import("./chunks/paddle-DkvIxQdG.js").then((e) => e.paddleModule),
+	paypal: () => import("./chunks/paypal-CQpAF7Ua.js").then((e) => e.paypalModule),
+	payway: () => import("./chunks/payway-CwDkC7YZ.js").then((e) => e.paywayModule),
+	square: () => import("./chunks/square-DwdcOI1G.js").then((e) => e.squareModule),
+	stripe: () => import("./chunks/stripe-DaoG2FT1.js").then((e) => e.stripeModule)
 }, Qt = {
 	...Xt,
 	...Jt,
@@ -2231,7 +2231,9 @@ function sr() {
 			instance: D,
 			options: g,
 			unbinds: d
-		})), b && (ar(r, b, m, l, T, d), T && (d.push(_(b, T, r)), d.push(bn(b))), await or(r, m, b)), i.forEach((e) => {
+		})), b && (ar(r, b, m, l, T, d), T && (d.push(_(b, T, r)), d.push(bn(b))), await or(r, m, b), b.dispatchEvent(new CustomEvent("formie:state:reset")), window.setTimeout(() => {
+			b.dispatchEvent(new CustomEvent("formie:state:reset"));
+		}, 350)), i.forEach((e) => {
 			let t = l.on(`formie:stage:${e}:before`, async (t) => {
 				h(r, `formie:stage:${e}:before`, t);
 			}), n = l.on(`formie:stage:${e}:before`, async (e) => {

package/dist/js/core/create-formie-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-formie-client.d.ts","sourceRoot":"","sources":["../../../src/js/core/create-formie-client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,YAAY,EAGf,MAAM,mBAAmB,CAAC;AA81B3B,wBAAgB,kBAAkB,IAAI,YAAY,CAysBjD"}
+{"version":3,"file":"create-formie-client.d.ts","sourceRoot":"","sources":["../../../src/js/core/create-formie-client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,YAAY,EAGf,MAAM,mBAAmB,CAAC;AA81B3B,wBAAgB,kBAAkB,IAAI,YAAY,CAgtBjD"}

package/dist/js/modules/fields/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/date-picker.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAgUjE,eAAO,MAAM,gBAAgB,EAAE,sBAwC9B,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/date-picker.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAsUjE,eAAO,MAAM,gBAAgB,EAAE,sBAwC9B,CAAC"}

package/dist/js/modules/fields/signature.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"signature.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/signature.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAmVjE,eAAO,MAAM,eAAe,EAAE,sBA2C7B,CAAC"}
+{"version":3,"file":"signature.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/signature.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAyXjE,eAAO,MAAM,eAAe,EAAE,sBA2C7B,CAAC"}

package/dist/js/modules/payments/factories.d.ts

@@ -8,6 +8,10 @@ type PaymentSetupResult = {
     destroy?: () => void | Promise<void>;
     onBeforeStage?: (stageCtx: import('#contracts/modules').SubmitHookContext) => void | Promise<void>;
 };
+export type PaymentAfterSubmitResult = {
+    /** Tear down the current widget and mount again (for example after a failed payment). */
+    remount?: boolean;
+};
 export type ManagedPaymentModuleAdapter<TProvider extends Record<string, unknown>, TApi, TWidget> = {
     id: string;
     defaultRequiredInputSuffixes?: string[];
@@ -47,7 +51,7 @@ export type ManagedPaymentModuleAdapter<TProvider extends Record<string, unknown
         options: NormalizedPaymentModuleOptions<TProvider>;
         provider: TProvider;
         result?: import('#contracts/schema').FormSubmitResult;
-    }) => void | Promise<void>;
+    }) => void | Promise<void> | PaymentAfterSubmitResult | Promise<PaymentAfterSubmitResult>;
 };
 export declare function createManagedPaymentModule<TProvider extends Record<string, unknown>, TApi, TWidget>(adapter: ManagedPaymentModuleAdapter<TProvider, TApi, TWidget>): FormieModuleDefinition;
 export {};

package/dist/js/modules/payments/factories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factories.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/payments/factories.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"factories.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/payments/factories.ts"],"names":[],"mappings":"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"}

package/dist/js/modules/payments/opayo.d.ts

@@ -5,7 +5,7 @@ type SagePayTokeniseResult = {
         message: string;
     }>;
 };
-type SagePayGlobal = {
+type SagePayOwnFormGlobal = {
     (opts: {
         merchantSessionKey: string;
     }): {
@@ -15,9 +15,24 @@ type SagePayGlobal = {
         }) => void;
     };
 };
+type SagePayCheckoutInstance = {
+    tokenise: (opts?: {
+        newMerchantSessionKey?: string;
+    }) => void;
+    destroy: () => void;
+};
+type SagePayCheckoutGlobal = {
+    (opts: {
+        merchantSessionKey: string;
+        containerSelector: string;
+        onTokenise?: (result: SagePayTokeniseResult) => void;
+        reusableCardIdentifier?: string;
+    }): SagePayCheckoutInstance;
+};
 declare global {
     interface Window {
-        sagepayOwnForm?: SagePayGlobal;
+        sagepayOwnForm?: SagePayOwnFormGlobal;
+        sagepayCheckout?: SagePayCheckoutGlobal;
     }
 }
 export declare const opayoModule: import("../../..").FormieModuleDefinition;

package/dist/js/modules/payments/opayo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"opayo.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/payments/opayo.ts"],"names":[],"mappings":"AAKA,KAAK,qBAAqB,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,aAAa,GAAG;IACjB,CAAC,IAAI,EAAE;QAAE,kBAAkB,EAAE,MAAM,CAAA;KAAE,GAAG;QACpC,mBAAmB,EAAE,CAAC,IAAI,EAAE;YACxB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACpC,WAAW,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;SACxD,KAAK,IAAI,CAAC;KACd,CAAC;CACL,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,cAAc,CAAC,EAAE,aAAa,CAAC;KAClC;CACJ;AAeD,eAAO,MAAM,WAAW,2CAwOtB,CAAC"}
+{"version":3,"file":"opayo.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/payments/opayo.ts"],"names":[],"mappings":"AAUA,KAAK,qBAAqB,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,oBAAoB,GAAG;IACxB,CAAC,IAAI,EAAE;QAAE,kBAAkB,EAAE,MAAM,CAAA;KAAE,GAAG;QACpC,mBAAmB,EAAE,CAAC,IAAI,EAAE;YACxB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACpC,WAAW,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;SACxD,KAAK,IAAI,CAAC;KACd,CAAC;CACL,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC3B,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,qBAAqB,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,CAAC,IAAI,EAAE;QACH,kBAAkB,EAAE,MAAM,CAAC;QAC3B,iBAAiB,EAAE,MAAM,CAAC;QAC1B,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;QACrD,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACnC,GAAG,uBAAuB,CAAC;CAC/B,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,cAAc,CAAC,EAAE,oBAAoB,CAAC;QACtC,eAAe,CAAC,EAAE,qBAAqB,CAAC;KAC3C;CACJ;AAwFD,eAAO,MAAM,WAAW,2CAsUtB,CAAC"}

package/dist/js/modules/payments/paypal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paypal.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/payments/paypal.ts"],"names":[],"mappings":"AA4EA,eAAO,MAAM,YAAY,2CAyIvB,CAAC"}
+{"version":3,"file":"paypal.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/payments/paypal.ts"],"names":[],"mappings":"AAqFA,eAAO,MAAM,YAAY,2CAoJvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verbb/formie-browser",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -70,7 +70,7 @@
     "@placekit/autocomplete-js": "^2.2.1",
     "@uppy/core": "^5.2.0",
     "@uppy/xhr-upload": "^5.2.0",
-    "@verbb/formie-core": "1.0.11",
+    "@verbb/formie-core": "1.0.13",
     "expression-language": "^2.5.4",
     "flatpickr": "^4.6.13",
     "friendly-challenge": "^0.9.19",

package/src/css/theme/fields/_check-radio.css

@@ -116,8 +116,10 @@
 
     .formie-field-option:has(> input[data-formie-other-option]),
     .formie-other-option {
+        display: flex;
         flex-wrap: wrap;
-        align-items: flex-start;
+        align-items: center;
+        width: 100%;
     }
 
     .formie-field-option:has(> input[data-formie-other-option]:checked) > .formie-other-option-text,

package/src/css/theme/fields/_signature.css

@@ -20,7 +20,8 @@
     [data-formie-field-type="signature"] .formie-signature-canvas {
         display: block;
         width: var(--formie-signature-width);
-        height: var(--formie-signature-height);
+        min-height: var(--formie-signature-height);
+        height: auto;
         border: var(--formie-signature-border);
         background: var(--formie-signature-background);
         border-radius: var(--formie-signature-border-radius);

package/src/css/theme/integrations/_opayo.css

@@ -0,0 +1,9 @@
+@layer formie-theme {
+
+    /* Opayo drop-in checkout iframe mount point. */
+    .formie-opayo-drop-in {
+        width: 100%;
+        min-height: 10rem;
+        box-sizing: border-box;
+    }
+}

package/src/js/core/create-formie-client.ts

@@ -1192,6 +1192,13 @@ export function createFormieClient(): FormieClient {
             }
 
             await refreshTokensIfNeeded(target, normalizedOptions, form);
+
+            // Recapture after captcha/token hydration and field-module init settle so
+            // programmatic post-mount value changes do not leave a false dirty state.
+            form.dispatchEvent(new CustomEvent('formie:state:reset'));
+            window.setTimeout(() => {
+                form.dispatchEvent(new CustomEvent('formie:state:reset'));
+            }, 350);
         }
 
         stageNames.forEach((stageName) => {

package/src/js/modules/fields/date-picker.ts

@@ -285,6 +285,12 @@ function initDatePicker(input: FlatpickrInput, options: DatePickerOptions): () =
         if (startDate) {
             defaultOptions.defaultDate = endDate ? [startDate, endDate] : [startDate];
         }
+    } else if (input.value) {
+        const defaultDate = parseSubmissionDate(input.value);
+
+        if (defaultDate) {
+            defaultOptions.defaultDate = defaultDate;
+        }
     }
 
     const mergedOptions = {

package/src/js/modules/fields/signature.ts

@@ -111,11 +111,45 @@ function drawValueOnCanvas(canvas: HTMLCanvasElement, value: string): void {
     };
 }
 
+function getImageDimensions(dataUrl: string): Promise<{ width: number; height: number } | null> {
+    return new Promise((resolve) => {
+        const image = new Image();
+        image.onload = () => {
+            resolve({
+                width: image.naturalWidth,
+                height: image.naturalHeight,
+            });
+        };
+        image.onerror = () => resolve(null);
+        image.src = dataUrl;
+    });
+}
+
+async function syncCanvasHeightToSignatureValue(canvas: HTMLCanvasElement, value: string): Promise<void> {
+    const dimensions = await getImageDimensions(value);
+
+    if (!dimensions?.width || !dimensions?.height) {
+        return;
+    }
+
+    const { width: containerWidth } = getCanvasSize(canvas);
+
+    if (!(containerWidth > 0)) {
+        return;
+    }
+
+    // Match the stored PNG aspect ratio so restored signatures are not vertically stretched.
+    const aspectHeight = Math.max(1, Math.round(containerWidth * (dimensions.height / dimensions.width)));
+    canvas.style.height = `${aspectHeight}px`;
+}
+
 async function restoreSignatureValue(signaturePad: SignaturePad, canvas: HTMLCanvasElement, value: string): Promise<void> {
     if (!value) {
         return;
     }
 
+    await syncCanvasHeightToSignatureValue(canvas, value);
+
     try {
         await signaturePad.fromDataURL(value);
     } catch {
@@ -184,6 +218,12 @@ function initSignatureField(
     };
 
     const resizeCanvas = async(): Promise<boolean> => {
+        const existingValue = input.value || (signaturePad.isEmpty() ? '' : signaturePad.toDataURL());
+
+        if (existingValue) {
+            await syncCanvasHeightToSignatureValue(canvas, existingValue);
+        }
+
         const { width, height } = getCanvasSize(canvas);
 
         if (!(width > 0) || !(height > 0)) {
@@ -196,8 +236,6 @@ function initSignatureField(
             return false;
         }
 
-        const existingValue = input.value || (signaturePad.isEmpty() ? '' : signaturePad.toDataURL());
-
         canvas.width = width * ratio;
         canvas.height = height * ratio;
         context.setTransform(1, 0, 0, 1, 0, 0);

package/src/js/modules/payments/factories.ts

@@ -33,6 +33,11 @@ type PaymentSetupResult = {
     onBeforeStage?: (stageCtx: import('#contracts/modules').SubmitHookContext) => void | Promise<void>;
 };
 
+export type PaymentAfterSubmitResult = {
+    /** Tear down the current widget and mount again (for example after a failed payment). */
+    remount?: boolean;
+};
+
 export type ManagedPaymentModuleAdapter<
     TProvider extends Record<string, unknown>,
     TApi,
@@ -74,7 +79,7 @@ export type ManagedPaymentModuleAdapter<
         options: NormalizedPaymentModuleOptions<TProvider>;
         provider: TProvider;
         result?: import('#contracts/schema').FormSubmitResult;
-    }) => void | Promise<void>;
+    }) => void | Promise<void> | PaymentAfterSubmitResult | Promise<PaymentAfterSubmitResult>;
 };
 
 export function createManagedPaymentModule<
@@ -318,13 +323,33 @@ export function createManagedPaymentModule<
                         return;
                     }
 
-                    await adapter.onAfterSubmit({
+                    const afterSubmitResult = await adapter.onAfterSubmit({
                         field: ctx.target,
                         services,
                         options,
                         provider: options.provider,
                         result,
                     });
+
+                    if (!afterSubmitResult?.remount || !adapter.mount) {
+                        return;
+                    }
+
+                    if (widget && adapter.unmount) {
+                        const api = await getApi();
+
+                        await adapter.unmount({
+                            api,
+                            widget,
+                            field: ctx.target,
+                            services,
+                            options,
+                            provider: options.provider,
+                        });
+                    }
+
+                    widget = null;
+                    await ensureMounted();
                 },
             };
         },