@verbb/formie-browser 1.0.12 → 1.0.14

package/dist/chunks/google-address-BH3Zhi06.js

@@ -1,161 +0,0 @@
-import { n as e } from "./event-names-BCI2FLD8.js";
-import { t } from "./api-sPqGbOww.js";
-import { n, t as r } from "./scripts-CbQ7agX3.js";
-//#region src/js/modules/address/google-address.ts
-var i = "FORMIE_GOOGLE_ADDRESS_SCRIPT", a = "formieGoogleMapsReady", o = null;
-async function s(e) {
-	let t = window, s = t.google;
-	if (s != null) {
-		let e = s.maps;
-		if (e?.places?.PlaceAutocompleteElement) return s;
-		let t = e;
-		return typeof t?.importLibrary == "function" && await t.importLibrary("places"), s;
-	}
-	if (o) return o;
-	if (document.getElementById(i)) {
-		let e = await r("google", 1e4), t = e?.maps;
-		return typeof t?.importLibrary == "function" && await t.importLibrary("places"), e;
-	}
-	let c = new URL("https://maps.googleapis.com/maps/api/js");
-	c.searchParams.set("key", e), c.searchParams.set("loading", "async"), c.searchParams.set("libraries", "places"), c.searchParams.set("callback", a), o = (async () => {
-		let e = new Promise((e, n) => {
-			let r = setTimeout(() => {
-				t[a] && (delete t[a], n(/* @__PURE__ */ Error("Google Maps API load timeout")));
-			}, 15e3);
-			t[a] = () => {
-				clearTimeout(r), delete t[a], e(t.google);
-			};
-		});
-		await n({
-			id: i,
-			src: c.toString(),
-			async: !0,
-			defer: !0
-		});
-		let r = await e, o = r?.maps;
-		return typeof o?.importLibrary == "function" && await o.importLibrary("places"), r;
-	})();
-	try {
-		return await o;
-	} catch (e) {
-		throw o = null, e;
-	}
-}
-function c(e, t) {
-	t.formattedAddress && e.input.setValue("autoComplete", t.formattedAddress), t.address1 && e.input.setValue("address1", t.address1), t.city !== void 0 && e.input.setValue("city", t.city), t.state !== void 0 && e.input.setValue("state", t.state), t.zip !== void 0 && e.input.setValue("zip", t.zip), t.country !== void 0 && e.input.setValue("country", t.country);
-}
-function l() {
-	return {
-		subpremise: "shortText",
-		street_number: "shortText",
-		route: "longText",
-		postal_town: "longText",
-		locality: "longText",
-		administrative_area_level_1: "shortText",
-		country: "shortText",
-		postal_code: "shortText"
-	};
-}
-function u(e) {
-	let t = l(), n = {};
-	for (let r of e) {
-		let e = r.types?.[0];
-		!e || !t[e] || (n[e] = r[t[e]] ?? r.short_text ?? r.long_text ?? "");
-	}
-	return n;
-}
-function d(e) {
-	let t = "";
-	return (e.street_number || e.route) && (t = [e.street_number, e.route].filter(Boolean).join(" "), e.subpremise && (t = `${e.subpremise}/${t}`)), {
-		address1: t,
-		city: e.locality || e.postal_town || "",
-		state: e.administrative_area_level_1 || "",
-		zip: e.postal_code || "",
-		country: e.country || ""
-	};
-}
-function f(e) {
-	let t = e.componentRestrictions;
-	if (t && typeof t == "object") {
-		let e = t.country;
-		if (Array.isArray(e) ? e.length > 0 : e) return !0;
-	}
-	let n = e.includedRegionCodes;
-	return Array.isArray(n) && n.length > 0;
-}
-function p(e) {
-	let t = {
-		types: ["geocode"],
-		...e.options || {}
-	}, n = e.countryDefaultValue?.trim().toLowerCase();
-	return !n || f(t) ? t : {
-		...t,
-		componentRestrictions: { country: n },
-		includedRegionCodes: [n.toUpperCase()]
-	};
-}
-var m = t({
-	id: "google-address",
-	load: async ({ options: e }) => {
-		let t = e.provider.apiKey;
-		if (!t) throw Error("Google Places API key is required");
-		return s(t);
-	},
-	mount: async ({ api: t, field: n, services: r, provider: i }) => {
-		let a = r.input.getAutocomplete(), o = t?.maps?.places?.PlaceAutocompleteElement;
-		if (!a || typeof o != "function") return console.warn("[formie] Google Places API not ready; address autocomplete skipped."), null;
-		let s = new o(p(i)), l = window.getComputedStyle(a).height;
-		s.style.height = l, s.style.boxSizing = "border-box";
-		let f = a.parentElement;
-		f?.classList.contains("formie-autocomplete-wrapper") || (f = document.createElement("div"), f.classList.add("formie-autocomplete-wrapper"), a.parentNode?.insertBefore(f, a), f.appendChild(a));
-		let m = a.value;
-		if (m) {
-			let e = document.createElement("div");
-			e.classList.add("formie-autocomplete-placeholder"), e.textContent = m, f.style.position = "relative", e.style.cssText = `
-                position: absolute; left: 0; top: 0; height: ${l};
-                line-height: ${l}; width: 100%; padding: 0 2.5rem;
-                pointer-events: none; color: #6B7280; font-size: 14px; z-index: 1;
-            `, f.appendChild(e), s.addEventListener("focusin", () => {
-				e.style.display = "none";
-			}), s.addEventListener("focusout", () => {
-				a.value && (e.style.display = "");
-			});
-		}
-		return f.replaceChild(s, a), a.type = "hidden", a.name = a.getAttribute("name") || "", f.appendChild(a), s.addEventListener("gmp-select", async (t) => {
-			let i = t.placePrediction;
-			if (!i) return;
-			let a = await i.toPlace();
-			await a.fetchFields({ fields: ["addressComponents", "formattedAddress"] }), a.addressComponents && (c(r, {
-				...d(u(a.addressComponents)),
-				formattedAddress: a.formattedAddress
-			}), n.dispatchEvent(new CustomEvent(e("google", "populate"), {
-				bubbles: !0,
-				detail: {
-					addressProvider: "google",
-					place: a,
-					formattedAddress: a.formattedAddress,
-					addressComponents: a.addressComponents
-				}
-			})));
-		}), s;
-	},
-	onCurrentLocation: async (e, { field: t, services: n }) => {
-		let { latitude: r, longitude: i } = e.coords, a = n.form, o = a?.action || window.location.href, s = t.getAttribute("data-formie-field-handle")?.trim(), l = (a?.querySelector("[name=\"handle\"]"))?.value?.trim();
-		if (!(!l || !s)) try {
-			let e = new FormData();
-			e.append("action", "formie/address/google-places-geocode"), e.append("latlng", `${r},${i}`), e.append("handle", l), e.append("fieldHandle", s);
-			let t = await (await fetch(o, {
-				method: "POST",
-				body: e,
-				credentials: "include",
-				headers: {
-					"X-Requested-With": "XMLHttpRequest",
-					Accept: "application/json"
-				}
-			})).json();
-			t?.results?.[0]?.address_components && c(n, d(u(t.results[0].address_components)));
-		} catch {}
-	}
-});
-//#endregion
-export { m as googleAddressModule };

package/dist/chunks/http-D-JExro7.js

@@ -1,27 +0,0 @@
-//#region src/js/utils/http.ts
-async function e(e, t = {}) {
-	let n = {
-		Accept: "application/json",
-		...t.headers || {}
-	};
-	return delete n["X-Requested-With"], delete n["x-requested-with"], fetch(String(e), {
-		method: t.method || "GET",
-		body: t.body ?? null,
-		signal: t.signal,
-		cache: "no-store",
-		headers: n,
-		credentials: "same-origin"
-	});
-}
-async function t(t, n = {}) {
-	let r = await e(t, n);
-	if (!r.ok) throw Error(`Request failed (${r.status}) for ${String(t)}`);
-	return r.json();
-}
-async function n(t, n = {}) {
-	let r = await e(t, n);
-	if (!r.ok) throw Error(`Request failed (${r.status}) for ${String(t)}`);
-	return r.text();
-}
-//#endregion
-export { n, t };

package/dist/chunks/opayo-CR0DtsLa.js

@@ -1,179 +0,0 @@
-import { s as e } from "./event-names-BCI2FLD8.js";
-import { t } from "./api-DqpfkZWL.js";
-import { t as n } from "./debug-BV0DvdHx.js";
-import { r } from "./scripts-CbQ7agX3.js";
-import { t as i } from "./styles-BfoIZwJp.js";
-//#endregion
-//#region src/js/modules/payments/opayo.ts
-i("opayo", ["@layer formie-theme{.formie-opayo-drop-in{box-sizing:border-box;width:100%;min-height:10rem}}"]);
-var a = "FORMIE_OPAYO_SCRIPT", o = "https://live.opayo.eu.elavon.com/api/v1/js/sagepay.js", s = "https://sandbox.opayo.eu.elavon.com/api/v1/js/sagepay.js", c = "[data-formie-opayo-drop-in]", l = n("payments", "opayo"), u = e("opayo", "challenge"), d = "formie:payment:opayo:challenge:response";
-function f(e) {
-	return e.checkoutMode === "dropIn";
-}
-async function p(e) {
-	let { form: t, handle: n, sessionToken: r, services: i } = e, a = new FormData();
-	a.append("action", "formie/payment-webhooks/process-callback"), a.append("merchantSessionKey", "true"), a.append("handle", n), a.append("sessionToken", r);
-	try {
-		let e = await fetch(t.action, {
-			method: "POST",
-			body: a
-		});
-		return e.status < 200 || e.status >= 300 ? (i.addError(`${e.status}: ${e.statusText}`), l.warn("Merchant session request failed.", {
-			status: e.status,
-			statusText: e.statusText
-		}), null) : (await e.json()).merchantSessionKey || (i.addError("Unable to get merchant session."), l.warn("merchantSessionKey missing in callback response."), null);
-	} catch {
-		return i.addError("Network error. Please try again."), l.warn("Network error requesting merchant session."), null;
-	}
-}
-function m(e) {
-	return e.id ||= `formie-opayo-drop-in-${Math.random().toString(36).slice(2, 9)}`, e.id;
-}
-var h = t({
-	id: "opayo",
-	defaultRequiredInputSuffixes: ["opayoTokenId"],
-	load: async (e) => {
-		let { provider: t } = e.options, n = t.useSandbox ? s : o;
-		return await r(f(t) ? "sagepayCheckout" : "sagepayOwnForm", {
-			id: a,
-			src: n,
-			timeoutMs: 1e4
-		}), null;
-	},
-	mount: async ({ field: e, services: t, provider: n }) => {
-		if (!f(n)) return null;
-		let r = t.form, i = window.sagepayCheckout, a = e.querySelector(c);
-		if (!r?.action) return t.addError("Form action is missing."), l.warn("Missing form action before drop-in mount."), null;
-		if (!i) return t.addError("Opayo script failed to load."), l.warn("sagepayCheckout global not available."), null;
-		if (!a) return t.addError("Opayo drop-in container is missing."), l.warn("Drop-in container not found in payment field."), null;
-		let o = n.handle || "opayo", s = await p({
-			form: r,
-			handle: o,
-			sessionToken: n.sessionToken || "",
-			services: t
-		});
-		if (!s) return null;
-		let u = m(a), d = {
-			checkout: null,
-			merchantSessionKey: s,
-			pendingAuthorize: null,
-			retriedTokenise: !1
-		};
-		return d.checkout = i({
-			merchantSessionKey: s,
-			containerSelector: `#${u}`,
-			onTokenise: (e) => {
-				let i = d.pendingAuthorize;
-				if (d.pendingAuthorize = null, !i) {
-					l.warn("Drop-in tokenisation completed without a pending authorize step.");
-					return;
-				}
-				if (e.success && e.cardIdentifier) {
-					t.updateInputs("opayoTokenId", e.cardIdentifier), t.updateInputs("opayoSessionKey", d.merchantSessionKey), l.log("Drop-in tokenization succeeded.", { hasCardIdentifier: !!e.cardIdentifier }), i(!0);
-					return;
-				}
-				if (!d.retriedTokenise) {
-					d.retriedTokenise = !0, p({
-						form: r,
-						handle: o,
-						sessionToken: n.sessionToken || "",
-						services: t
-					}).then((n) => {
-						if (!n) {
-							t.addError(e.errors?.[0]?.message || "Tokenization failed."), l.warn("Drop-in tokenization failed after session refresh.", e), i(!1);
-							return;
-						}
-						d.merchantSessionKey = n, d.pendingAuthorize = i, d.checkout.tokenise({ newMerchantSessionKey: n });
-					});
-					return;
-				}
-				t.addError(e.errors?.[0]?.message || "Tokenization failed."), l.warn("Drop-in tokenization failed.", e), i(!1);
-			}
-		}), l.log("Drop-in checkout mounted.", { containerId: u }), d;
-	},
-	unmount: async ({ widget: e }) => {
-		e?.checkout?.destroy?.();
-	},
-	onBeforeAuthorize: 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."), l.warn("Missing form action before authorize."), !1;
-		if (f(i)) return a ? (a.retriedTokenise = !1, new Promise((e) => {
-			a.pendingAuthorize = e, a.checkout.tokenise();
-		})) : (n.addError("Opayo drop-in checkout is not ready."), l.warn("Drop-in authorize requested before widget mount."), !1);
-		let c = window.sagepayOwnForm;
-		if (!c) return n.addError("Opayo script failed to load."), l.warn("sagepayOwnForm global not available."), !1;
-		let u = t.querySelector("[data-opayo-card=\"cardholder-name\"]")?.value ?? "", d = t.querySelector("[data-opayo-card=\"card-number\"]")?.value ?? "", m = t.querySelector("[data-opayo-card=\"expiry-date\"]")?.value ?? "", h = t.querySelector("[data-opayo-card=\"security-code\"]")?.value ?? "";
-		d = d.replace(/[\s/]/g, ""), m = m.replace(/[\s/]/g, "");
-		let g = await p({
-			form: s,
-			handle: o,
-			sessionToken: i.sessionToken || "",
-			services: n
-		});
-		return g ? new Promise((e) => {
-			c({ merchantSessionKey: g }).tokeniseCardDetails({
-				cardDetails: {
-					cardholderName: u,
-					cardNumber: d,
-					expiryDate: m,
-					securityCode: h
-				},
-				onTokenised: (t) => {
-					t.success && t.cardIdentifier ? (n.updateInputs("opayoTokenId", t.cardIdentifier), n.updateInputs("opayoSessionKey", g), l.log("Tokenization succeeded.", { hasCardIdentifier: !!t.cardIdentifier }), e(!0)) : (n.addError(t.errors?.[0]?.message || "Tokenization failed."), l.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;
-		}, a = t.events.onForm(u, ((e) => {
-			let a = e.detail?.data;
-			if (!a?.acsUrl || !a?.creq) return;
-			r = !1, l.log("Received payment challenge event.", {
-				hasAcsUrl: !!a.acsUrl,
-				hasCreq: !!a.creq
-			});
-			let o = t.form?.querySelector("input[name*=\"opayoSessionKey\"]")?.value || "", s = document.createElement("div");
-			s.className = "formie-modal", s.id = `formie-opayo-dialog-${Math.random().toString(36).slice(2, 9)}`, s.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 c = s.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(s), n = s, c?.contentWindow && (c.contentWindow.document.open(), c.contentWindow.document.write(f), c.contentWindow.document.close());
-		})), o = (e) => {
-			if (e.data?.message === d) {
-				if (!n) {
-					l.log("Ignoring 3DS response without active dialog.");
-					return;
-				}
-				if (r) {
-					l.warn("Ignoring duplicate 3DS response while processing.");
-					return;
-				}
-				if (r = !0, l.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 { h as opayoModule };