@verbb/formie-browser 1.0.10 → 1.0.12

package/dist/chunks/opayo-DPUA5CKr.js

@@ -1,113 +0,0 @@
-import { s as e } from "./event-names-BCI2FLD8.js";
-import { t } from "./api-BYe9YPko.js";
-import { t as n } from "./debug-BV0DvdHx.js";
-import { r } from "./scripts-CbQ7agX3.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 = n("payments", "opayo"), c = e("opayo", "challenge"), l = "formie:payment:opayo:challenge:response", u = t({
-	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 };