@verbb/formie-browser 1.0.4 → 1.0.6

package/dist/chunks/loqate-Cp2zvwpE.js

@@ -0,0 +1,76 @@
+import { i as e } from "./constants-DVcJAvc5.js";
+import { t } from "./api-sPqGbOww.js";
+import { r as n } from "./scripts-6CYSUGKQ.js";
+//#region src/js/modules/address/loqate.ts
+var r = "FORMIE_LOQATE_SCRIPT", i = t({
+	id: "loqate",
+	load: async () => {
+		await n("pca", {
+			id: r,
+			src: "https://services.pcapredict.com/js/address-3.91.min.js",
+			async: !0,
+			defer: !0
+		});
+		let e = document.createElement("link");
+		return e.href = "https://services.pcapredict.com/css/address-3.91.min.css", e.rel = "stylesheet", e.type = "text/css", document.querySelector(`link[href="${e.href}"]`) || document.body.appendChild(e), window.pca;
+	},
+	mount: ({ api: t, field: n, services: r, provider: i }) => {
+		let a = i.namespace || "", o = i.apiKey || "";
+		if (!o) throw Error("Loqate API key is required");
+		let s = (t) => {
+			if (a) return `${a}[${t}]`;
+			let r = e(n, t);
+			return r?.name ? r.name : r?.id ? r.id : "";
+		}, c = s("autoComplete");
+		if (!c) throw Error("Loqate: could not find autocomplete input within address field");
+		let l = [
+			{
+				element: c,
+				field: "",
+				mode: t.fieldMode.SEARCH
+			},
+			{
+				element: s("address1"),
+				field: "Line1",
+				mode: t.fieldMode.POPULATE
+			},
+			{
+				element: s("address2"),
+				field: "Line2",
+				mode: t.fieldMode.POPULATE
+			},
+			{
+				element: s("address3"),
+				field: "Line3",
+				mode: t.fieldMode.POPULATE
+			},
+			{
+				element: s("city"),
+				field: "City",
+				mode: t.fieldMode.POPULATE
+			},
+			{
+				element: s("state"),
+				field: "Province",
+				mode: t.fieldMode.POPULATE
+			},
+			{
+				element: s("zip"),
+				field: "PostalCode",
+				mode: t.fieldMode.POPULATE
+			},
+			{
+				element: s("country"),
+				field: "CountryName",
+				mode: t.fieldMode.COUNTRY
+			}
+		].filter((e) => e.element), u = new t.Address(l, {
+			key: o,
+			simulateReactEvents: !0,
+			...i.reconfigurableOptions || {}
+		});
+		return typeof u.load == "function" && u.load(), u;
+	}
+});
+//#endregion
+export { i as loqateModule };

package/dist/chunks/mollie-COG-ko2D.js

@@ -0,0 +1,23 @@
+import { s as e } from "./event-names-BCI2FLD8.js";
+import { t } from "./api-CmwLRq_n.js";
+//#region src/js/modules/payments/mollie.ts
+var n = e("mollie", "redirect"), r = t({
+	id: "mollie",
+	defaultRequiredInputSuffixes: [],
+	load: async () => null,
+	setup: async ({ services: e, root: t }) => {
+		let r = (t) => {
+			let n = t.detail?.data;
+			if (!n?.checkoutUrl) {
+				e.addError("Missing Mollie checkout URL.");
+				return;
+			}
+			window.location.href = n.checkoutUrl;
+		};
+		return t.addEventListener(n, r), { destroy: () => {
+			t.removeEventListener(n, r);
+		} };
+	}
+});
+//#endregion
+export { r as mollieModule };

package/dist/chunks/moneris-CMH8PlRc.js

@@ -0,0 +1,117 @@
+import { t as e } from "./api-CmwLRq_n.js";
+//#region src/js/modules/payments/moneris.ts
+var t = {
+	940: "Invalid profile ID (tokenization request).",
+	941: "Error generating token.",
+	942: "Invalid Profile ID or source URL.",
+	943: "Card data is invalid.",
+	944: "Invalid expiration date.",
+	945: "Invalid CVD."
+}, n = (e) => {
+	let n = (e) => {
+		let n = String(e.dataKey ?? e.data_key ?? "").trim(), r = String(e.responseCode ?? e.response_code ?? "").trim(), i = String(e.responseMessage ?? e.response_message ?? "").trim(), a = String(e.error ?? e.errorMessage ?? e.message ?? "").trim();
+		if (n) return {
+			token: n,
+			error: ""
+		};
+		if (r && r !== "001") {
+			let e = t[r] || `Moneris response code ${r}.`;
+			return {
+				token: "",
+				error: i || e
+			};
+		}
+		return {
+			token: "",
+			error: a
+		};
+	};
+	if (e && typeof e == "object") return n(e);
+	if (typeof e != "string") return {
+		token: "",
+		error: ""
+	};
+	let r = e.trim();
+	if (!r) return {
+		token: "",
+		error: ""
+	};
+	try {
+		let e = JSON.parse(r);
+		if (e && typeof e == "object") return n(e);
+	} catch {}
+	if (r.includes("=")) {
+		let e = new URLSearchParams(r), n = (e.get("dataKey") || e.get("data_key") || "").trim(), i = (e.get("responseCode") || e.get("response_code") || "").trim(), a = (e.get("responseMessage") || e.get("response_message") || "").trim(), o = (e.get("error") || e.get("message") || "").trim();
+		if (n) return {
+			token: n,
+			error: ""
+		};
+		if (i && i !== "001") {
+			let e = t[i] || `Moneris response code ${i}.`;
+			return {
+				token: "",
+				error: a || e
+			};
+		}
+		return {
+			token: "",
+			error: o
+		};
+	}
+	return /^[A-Za-z0-9._-]{8,}$/.test(r) ? {
+		token: r,
+		error: ""
+	} : {
+		token: "",
+		error: ""
+	};
+}, r = e({
+	id: "moneris",
+	defaultRequiredInputSuffixes: ["monerisTokenId"],
+	load: async () => null,
+	onBeforeAuthorize: async (e) => {
+		let { field: t, services: r, options: i } = e, a = t, o = (i.provider.endpointUrl || "").trim(), s = t.querySelector("[data-formie-moneris-frame]"), c = "";
+		try {
+			c = new URL(o, window.location.origin).origin;
+		} catch {
+			c = "";
+		}
+		if (!s?.contentWindow || !c) return r.addError("Moneris frame or endpoint is missing."), !1;
+		a.__formieMonerisAuthorizeCleanup?.();
+		let l = (a.__formieMonerisAuthorizeRequestId || 0) + 1;
+		return a.__formieMonerisAuthorizeRequestId = l, new Promise((e) => {
+			let t = !1, i = "", o = 0, u = () => {
+				window.removeEventListener("message", d), window.clearTimeout(o), a.__formieMonerisAuthorizeCleanup === u && (a.__formieMonerisAuthorizeCleanup = null);
+			}, d = (o) => {
+				if (t || l !== a.__formieMonerisAuthorizeRequestId || o.origin !== c) return;
+				let s = n(o.data);
+				s.token ? (t = !0, u(), r.updateInputs("monerisTokenId", s.token), e(!0)) : s.error && (i = s.error);
+			};
+			a.__formieMonerisAuthorizeCleanup = u, o = window.setTimeout(() => {
+				t || (t = !0, u(), r.addError(i || "Moneris tokenization timed out. Please try again."), e(!1));
+			}, 1e4), window.addEventListener("message", d);
+			try {
+				s.contentWindow?.postMessage("tokenize", c);
+			} catch {
+				t = !0, u(), r.addError("Moneris tokenization could not be started."), e(!1);
+			}
+		});
+	},
+	setup: async (e) => {
+		let { services: t } = e, r = t.events.onRoot("message", (e) => {
+			if (!e.origin.includes("moneris")) return;
+			let r = n(e.data);
+			r.token && t.updateInputs("monerisTokenId", r.token);
+		});
+		return { destroy: () => {
+			r();
+			let t = e.target;
+			t.__formieMonerisAuthorizeCleanup?.(), t.__formieMonerisAuthorizeCleanup = null;
+		} };
+	},
+	onAfterSubmit: async ({ services: e }) => {
+		e.updateInputs("monerisTokenId", "");
+	}
+});
+//#endregion
+export { r as monerisModule };

package/dist/chunks/opayo-D2jsR5vh.js

@@ -0,0 +1,113 @@
+import { s as e } from "./event-names-BCI2FLD8.js";
+import { t } from "./debug-BV0DvdHx.js";
+import { t as n } from "./api-CmwLRq_n.js";
+import { r } from "./scripts-6CYSUGKQ.js";
+//#region src/js/modules/payments/opayo.ts
+var i = "FORMIE_OPAYO_SCRIPT", a = "https://live.opayo.eu.elavon.com/api/v1/js/sagepay.js", o = "https://sandbox.opayo.eu.elavon.com/api/v1/js/sagepay.js", s = t("payments", "opayo"), c = e("opayo", "challenge"), l = "formie:payment:opayo:challenge:response", u = n({
+	id: "opayo",
+	defaultRequiredInputSuffixes: ["opayoTokenId"],
+	load: async (e) => {
+		let { provider: t } = e.options;
+		return await r("sagepayOwnForm", {
+			id: i,
+			src: t.useSandbox ? o : a,
+			timeoutMs: 1e4
+		}), null;
+	},
+	onBeforeAuthorize: async (e) => {
+		let { field: t, services: n, options: r } = e, i = r.provider, a = i.handle || "opayo", o = n.form;
+		if (!o?.action) return n.addError("Form action is missing."), s.warn("Missing form action before authorize."), !1;
+		let c = window.sagepayOwnForm;
+		if (!c) return n.addError("Opayo script failed to load."), s.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 ?? "";
+		return u = u.replace(/[\s/]/g, ""), d = d.replace(/[\s/]/g, ""), new Promise((e) => {
+			let t = new FormData();
+			t.append("action", "formie/payment-webhooks/process-callback"), t.append("merchantSessionKey", "true"), t.append("handle", a), t.append("sessionToken", i.sessionToken || ""), fetch(o.action, {
+				method: "POST",
+				body: t
+			}).then(async (t) => {
+				if (t.status < 200 || t.status >= 300) {
+					n.addError(`${t.status}: ${t.statusText}`), s.warn("Merchant session request failed.", {
+						status: t.status,
+						statusText: t.statusText
+					}), e(!1);
+					return;
+				}
+				try {
+					let r = (await t.json()).merchantSessionKey;
+					if (!r) {
+						n.addError("Unable to get merchant session."), s.warn("merchantSessionKey missing in callback response."), e(!1);
+						return;
+					}
+					c({ merchantSessionKey: r }).tokeniseCardDetails({
+						cardDetails: {
+							cardholderName: l,
+							cardNumber: u,
+							expiryDate: d,
+							securityCode: f
+						},
+						onTokenised: (t) => {
+							t.success && t.cardIdentifier ? (n.updateInputs("opayoTokenId", t.cardIdentifier), n.updateInputs("opayoSessionKey", r), s.log("Tokenization succeeded.", { hasCardIdentifier: !!t.cardIdentifier }), e(!0)) : (n.addError(t.errors?.[0]?.message || "Tokenization failed."), s.warn("Tokenization failed.", t), e(!1));
+						}
+					});
+				} catch {
+					n.addError("Unable to parse merchant session response."), s.warn("Failed to parse merchant session response."), e(!1);
+				}
+			}).catch(() => {
+				n.addError("Network error. Please try again."), s.warn("Network error requesting merchant session."), e(!1);
+			});
+		});
+	},
+	setup: async (e) => {
+		let { services: t } = e;
+		e.target;
+		let n = null, r = !1, i = () => {
+			n?.parentNode && n.parentNode.removeChild(n), n = null;
+		}, a = t.events.onForm(c, ((e) => {
+			let a = e.detail?.data;
+			if (!a?.acsUrl || !a?.creq) return;
+			r = !1, s.log("Received payment challenge event.", {
+				hasAcsUrl: !!a.acsUrl,
+				hasCreq: !!a.creq
+			});
+			let o = t.form?.querySelector("input[name*=\"opayoSessionKey\"]")?.value || "", c = document.createElement("div");
+			c.className = "formie-modal", c.id = `formie-opayo-dialog-${Math.random().toString(36).slice(2, 9)}`, c.innerHTML = "\n                <div class=\"formie-modal-backdrop\" data-dialog-close></div>\n                <div class=\"formie-modal-content\">\n                    <div class=\"formie-loading formie-loading-large\" 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 l = c.querySelector("iframe"), u = (e) => e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), d = a.returnUrl || a.redirectUrl || "", f = `<form action="${u(a.acsUrl)}" method="post">
+                <input type="hidden" name="creq" value="${u(a.creq || "")}" />
+                <input type="hidden" name="threeDSSessionData" value="${u(a.threeDSSessionData || "")}" />
+                <input type="hidden" name="MD" value="${u(o)}" />
+                <input type="hidden" name="TermUrl" value="${u(d)}" />
+                <input type="hidden" name="ThreeDSNotificationURL" value="${u(d)}" />
+            </form><script>document.forms[0].submit();<\/script>`;
+			i(), document.body.appendChild(c), n = c, l?.contentWindow && (l.contentWindow.document.open(), l.contentWindow.document.write(f), l.contentWindow.document.close());
+		})), o = (e) => {
+			if (e.data?.message === l) {
+				if (!n) {
+					s.log("Ignoring 3DS response without active dialog.");
+					return;
+				}
+				if (r) {
+					s.warn("Ignoring duplicate 3DS response while processing.");
+					return;
+				}
+				if (r = !0, s.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", o), { destroy: () => {
+			a(), window.removeEventListener("message", o), i(), r = !1;
+		} };
+	},
+	onAfterSubmit: async ({ services: e }) => {
+		e.updateInputs([
+			"opayoTokenId",
+			"opayoSessionKey",
+			"opayo3DSComplete"
+		], "");
+	}
+});
+//#endregion
+export { u as opayoModule };

package/dist/chunks/paddle-DxF88RfC.js

@@ -0,0 +1,55 @@
+import { s as e } from "./event-names-BCI2FLD8.js";
+import { t } from "./api-CmwLRq_n.js";
+import { r as n } from "./scripts-6CYSUGKQ.js";
+//#region src/js/modules/payments/paddle.ts
+var r = "FORMIE_PADDLE_SCRIPT", i = e("paddle", "initialize"), a = t({
+	id: "paddle",
+	defaultRequiredInputSuffixes: ["paddleCheckoutData"],
+	load: async () => null,
+	setup: async (e) => {
+		let { services: t } = e;
+		e.target;
+		let a = e.options.provider, o = a.clientSideToken;
+		if (!o?.trim()) return t.addError("Missing clientSideToken for Paddle."), {};
+		let s;
+		try {
+			s = await n("Paddle", {
+				id: r,
+				src: "https://cdn.paddle.com/paddle/v2/paddle.js"
+			}), s.Environment.set(a.environment || "production");
+		} catch (e) {
+			return t.addError(e instanceof Error ? e.message : "Failed to load Paddle SDK."), {};
+		}
+		s.Initialize({
+			token: o,
+			checkout: { settings: {
+				displayMode: "overlay",
+				variant: "multi-page"
+			} },
+			eventCallback: (e) => {
+				e.name === "checkout.completed" && (t.updateInputs("paddleCheckoutInit", ""), t.updateInputs("paddleCheckoutData", JSON.stringify(e.data || {})), setTimeout(() => {
+					s.Checkout.close(), t.triggerSubmit();
+				}, 500));
+			}
+		});
+		let c = (e) => {
+			if (!e?.items) return t.addError("Missing Paddle checkout items."), !1;
+			try {
+				t.releaseSubmitLoading(), s.Checkout.open(e);
+			} catch (e) {
+				return t.addError(e instanceof Error ? e.message : "Unable to open Paddle checkout."), !1;
+			}
+			return !0;
+		}, l = t.events.onForm(i, ((e) => {
+			c(e.detail?.data);
+		}));
+		return { destroy: () => {
+			l();
+		} };
+	},
+	onAfterSubmit: async ({ services: e }) => {
+		e.updateInputs("paddleCheckoutInit", "true"), e.updateInputs("paddleCheckoutData", "");
+	}
+});
+//#endregion
+export { a as paddleModule };

package/dist/chunks/paypal-b5pnwrA2.js

@@ -0,0 +1,95 @@
+import { t as e } from "./api-CmwLRq_n.js";
+import { r as t } from "./scripts-6CYSUGKQ.js";
+import { t as n } from "./styles-BfoIZwJp.js";
+//#endregion
+//#region src/js/modules/payments/paypal.ts
+n("paypal", ["@layer formie-theme{.formie-paypal-button{border:var(--formie-border-width) solid var(--formie-color-border);border-radius:var(--formie-radius-sm);background:var(--formie-color-surface);box-sizing:border-box;min-height:var(--formie-control-height);padding:var(--formie-space-2)}}"]);
+var r = "FORMIE_PAYPAL_SCRIPT";
+function i(e) {
+	if (!e) return "";
+	let t = (e.purchase_units || [])[0]?.payments || {}, n = t.authorizations || [], r = t.captures || [];
+	return String(n[0]?.id || r[0]?.id || "").trim();
+}
+function a(e, t) {
+	return `https://www.paypal.com/sdk/js?${[
+		"intent=authorize",
+		`currency=${encodeURIComponent(t)}`,
+		`client-id=${encodeURIComponent(e)}`
+	].join("&")}`;
+}
+var o = e({
+	id: "paypal",
+	defaultRequiredInputSuffixes: ["paypalOrderId", "paypalAuthId"],
+	load: async (e) => {
+		let { provider: n } = e.options, i = n.clientId;
+		return i?.trim() ? (await t("paypal", {
+			id: r,
+			src: a(i, n.currency || "AUD")
+		}), window.paypal) : (console.error("[formie] Missing clientId for PayPal."), null);
+	},
+	mount: async (e) => {
+		let { api: t, field: n, services: r, options: a, provider: o } = e, s = n.querySelector("[data-formie-paypal-button]");
+		if (!s || !t || s.getAttribute("data-formie-paypal-rendered") === "true") return null;
+		s.innerHTML = "";
+		let c = !!o.useSandbox, l = r.resolveCurrency({
+			value: o.currency,
+			defaultCurrency: "AUD"
+		});
+		if (!l.ok) return r.addError("error" in l ? l.error : "Invalid PayPal currency."), null;
+		let u = l.value, d = {
+			layout: o.buttonLayout || "vertical",
+			color: o.buttonColor || "gold",
+			shape: o.buttonShape || "rect",
+			label: o.buttonLabel || "paypal",
+			width: o.buttonWidth || 250,
+			height: o.buttonHeight || 35
+		};
+		d.layout === "horizontal" && (d.tagline = o.buttonTagline ?? !0);
+		let f = {
+			env: c ? "sandbox" : "production",
+			style: d,
+			createOrder: (e, t) => {
+				r.removeError();
+				let n = r.resolveAmount({
+					type: o.amountType,
+					fixed: o.amountFixed,
+					variable: o.amountVariable
+				});
+				if (!n.ok) {
+					let e = "error" in n ? n.error : "Invalid PayPal amount.";
+					throw r.addError(e), Error(e);
+				}
+				return t.order.create({
+					intent: "AUTHORIZE",
+					application_context: { user_action: "CONTINUE" },
+					purchase_units: [{ amount: {
+						currency_code: u,
+						value: String(n.value)
+					} }]
+				});
+			},
+			onError: (e) => {
+				r.addError(e?.message || "PayPal error.");
+			},
+			onApprove: async (e, t) => {
+				try {
+					let n = i(await t.order.authorize());
+					r.updateInputs("paypalOrderId", e.orderID), r.updateInputs("paypalAuthId", n || ""), n ? r.addSuccess("Payment authorized. Finalize the form to complete payment.") : r.addSuccess("PayPal approval received. Finalizing payment on submit.");
+				} catch {
+					r.addError("Unable to authorize payment. Please try again.");
+				}
+			}
+		}, p = t.Buttons(f);
+		return s.setAttribute("data-formie-paypal-rendered", "true"), p.render(s);
+	},
+	unmount: async (e) => {
+		e.widget?.close && e.widget.close();
+		let t = e.field.querySelector("[data-formie-paypal-button]");
+		t && (t.removeAttribute("data-formie-paypal-rendered"), t.innerHTML = "");
+	},
+	onAfterSubmit: async ({ services: e }) => {
+		e.updateInputs(["paypalOrderId", "paypalAuthId"], ""), e.removeSuccess(), e.removeError();
+	}
+});
+//#endregion
+export { o as paypalModule };

package/dist/chunks/payway-BJYu9DIR.js

@@ -0,0 +1,55 @@
+import { t as e } from "./api-CmwLRq_n.js";
+import { r as t } from "./scripts-6CYSUGKQ.js";
+import { t as n } from "./styles-BfoIZwJp.js";
+//#endregion
+//#region src/js/modules/payments/payway.ts
+n("payway", ["@layer formie-theme{.formie-payway-button{border:var(--formie-border-width) solid var(--formie-color-border);border-radius:var(--formie-radius-sm);background:var(--formie-color-surface);box-sizing:border-box;min-height:var(--formie-control-height);padding:var(--formie-space-2)}}"]);
+var r = "FORMIE_PAYWAY_SCRIPT", i = e({
+	id: "payway",
+	defaultRequiredInputSuffixes: ["paywayTokenId"],
+	load: async (e) => {
+		let { provider: n } = e.options;
+		return n.publishableKey?.trim() ? (await t("payway", {
+			id: r,
+			src: "https://api.payway.com.au/rest/v1/payway.js"
+		}), null) : (console.error("[formie] Missing publishableKey for PayWay."), null);
+	},
+	mount: async (e) => {
+		let { field: t, services: n, options: r } = e, i = r.provider;
+		if (!t.querySelector("[data-formie-payway-button]")) return null;
+		let a = window.payway;
+		return a ? new Promise((e) => {
+			a.createCreditCardFrame({
+				layout: "wide",
+				publishableApiKey: i.publishableKey || "",
+				tokenMode: "callback"
+			}, (t, r) => {
+				if (t || !r) {
+					n.addError(t?.message || "PayWay frame failed to load."), e(null);
+					return;
+				}
+				e(r);
+			});
+		}) : null;
+	},
+	unmount: async (e) => {
+		e.widget?.destroy();
+	},
+	onBeforeAuthorize: async (e) => {
+		let { widget: t, services: n } = e;
+		return t ? new Promise((e) => {
+			t.getToken((t, r) => {
+				if (t) {
+					n.addError(t.message), e(!1);
+					return;
+				}
+				r?.singleUseTokenId ? (n.updateInputs("paywayTokenId", r.singleUseTokenId), e(!0)) : (n.addError("Tokenization failed."), e(!1));
+			});
+		}) : (n.addError("PayWay card frame is not ready."), !1);
+	},
+	onAfterSubmit: async ({ services: e }) => {
+		e.updateInputs("paywayTokenId", "");
+	}
+});
+//#endregion
+export { i as paywayModule };