@verbb/formie-browser 1.0.0 → 1.0.2

package/dist/chunks/recaptcha-enterprise-DPJNyv1X.js

@@ -1,72 +0,0 @@
-import { t as defineCaptchaModule } from "./api-DOfDzYC_.js";
-import { t as loadRecaptchaGlobal } from "./recaptcha-shared-DTI4qWVR.js";
-//#region src/js/modules/captchas/recaptcha-enterprise.ts
-var recaptchaEnterpriseModule = defineCaptchaModule({
-	id: "recaptcha-enterprise",
-	defaultPlaceholderSelector: "[data-recaptcha-placeholder]",
-	defaultTokenFieldNames: ["g-recaptcha-response"],
-	load: ({ options }) => {
-		return loadRecaptchaGlobal(options.provider, true, options.provider.enterpriseType === "score" || options.provider.enterpriseType === "policy" ? options.provider.siteKey || void 0 : void 0);
-	},
-	mount: ({ api, container, provider, services }) => {
-		const enterpriseApi = api.enterprise || api;
-		return new Promise((resolve) => {
-			enterpriseApi.ready(() => {
-				if (provider.enterpriseType !== "checkbox") {
-					resolve(provider.siteKey || `recaptcha-enterprise-${provider.enterpriseType || "score"}`);
-					return;
-				}
-				resolve(enterpriseApi.render(container, {
-					sitekey: provider.siteKey || "",
-					theme: provider.theme || "light",
-					badge: provider.badge || "bottomright",
-					size: provider.size || "normal",
-					action: provider.action || "submit",
-					callback: (token) => {
-						if (typeof token === "string" && token.trim() !== "") services.tokens.write(token.trim());
-						services.errors.clear();
-					},
-					"expired-callback": () => {
-						services.tokens.clear();
-						services.errors.clear();
-					},
-					"error-callback": () => {
-						services.tokens.clear();
-					}
-				}));
-			});
-		});
-	},
-	screen: async ({ api, widget, provider, placeholder, services, stageCtx }) => {
-		const enterpriseApi = api.enterprise || api;
-		if (provider.enterpriseType === "checkbox") {
-			if (services.tokens.has()) return;
-			const message = services.errors.getDefaultMessage();
-			services.errors.show(message, placeholder);
-			stageCtx.abort(message);
-			return;
-		}
-		if (services.tokens.has()) return;
-		if (provider.enterpriseType === "score" || provider.enterpriseType === "policy") {
-			const token = await enterpriseApi.execute(provider.siteKey || "", { action: provider.action || "submit" });
-			if (typeof token === "string" && token.trim() !== "") services.tokens.write(token.trim());
-		} else enterpriseApi.execute(widget);
-		if (!await services.tokens.wait(12e4)) {
-			const message = services.errors.getDefaultMessage();
-			services.errors.show(message, placeholder);
-			stageCtx.abort(message);
-		}
-	},
-	reset: ({ api, widget, provider, services }) => {
-		const enterpriseApi = api.enterprise || api;
-		if (provider.enterpriseType === "checkbox") enterpriseApi.reset(widget);
-		services.tokens.clear();
-	},
-	unmount: ({ api, widget, provider, services }) => {
-		const enterpriseApi = api.enterprise || api;
-		if (provider.enterpriseType === "checkbox") enterpriseApi.reset(widget);
-		services.tokens.clear();
-	}
-});
-//#endregion
-export { recaptchaEnterpriseModule };

package/dist/chunks/recaptcha-shared-DTI4qWVR.js

@@ -1,22 +0,0 @@
-import { a as CAPTCHA_PROVIDER_LOAD_TIMEOUT_MS, r as getScriptAttributes } from "./api-DOfDzYC_.js";
-import { r as loadScriptAndEnsureGlobal } from "./scripts-BGD_iU_6.js";
-//#region src/js/modules/captchas/recaptcha-shared.ts
-async function loadRecaptchaGlobal(options, enterprise = false, renderValue) {
-	const language = typeof options.language === "string" && options.language.trim() !== "" ? options.language.trim() : "en";
-	const { async, defer } = getScriptAttributes(options.loadingMethod);
-	const host = enterprise ? "https://www.google.com/recaptcha/enterprise.js" : "https://www.recaptcha.net/recaptcha/api.js";
-	const render = typeof renderValue === "string" && renderValue.trim() !== "" ? renderValue.trim() : "explicit";
-	const src = new URL(host);
-	src.searchParams.set("render", render);
-	src.searchParams.set("hl", language);
-	if (render !== "explicit" && typeof options.badge === "string" && options.badge.trim() !== "") src.searchParams.set("badge", options.badge.trim());
-	return loadScriptAndEnsureGlobal("grecaptcha", {
-		id: enterprise ? "FORMIE_RECAPTCHA_ENTERPRISE_SCRIPT" : "FORMIE_RECAPTCHA_SCRIPT",
-		src: src.toString(),
-		async,
-		defer,
-		timeoutMs: CAPTCHA_PROVIDER_LOAD_TIMEOUT_MS
-	});
-}
-//#endregion
-export { loadRecaptchaGlobal as t };

package/dist/chunks/recaptcha-v2-checkbox-zFjpvJ5c.js

@@ -1,49 +0,0 @@
-import { t as defineCaptchaModule } from "./api-DOfDzYC_.js";
-import { t as loadRecaptchaGlobal } from "./recaptcha-shared-DTI4qWVR.js";
-//#region src/js/modules/captchas/recaptcha-v2-checkbox.ts
-var recaptchaV2CheckboxModule = defineCaptchaModule({
-	id: "recaptcha-v2-checkbox",
-	defaultPlaceholderSelector: "[data-recaptcha-placeholder]",
-	defaultTokenFieldNames: ["g-recaptcha-response"],
-	load: ({ options }) => {
-		return loadRecaptchaGlobal(options.provider);
-	},
-	mount: ({ api, container, provider, services }) => {
-		return new Promise((resolve) => {
-			api.ready(() => {
-				resolve(api.render(container, {
-					sitekey: provider.siteKey || "",
-					theme: provider.theme || "light",
-					size: provider.size || "normal",
-					callback: (token) => {
-						if (typeof token === "string" && token.trim() !== "") services.tokens.write(token.trim());
-						services.errors.clear();
-					},
-					"expired-callback": () => {
-						services.tokens.clear();
-						services.errors.clear();
-					},
-					"error-callback": () => {
-						services.tokens.clear();
-					}
-				}));
-			});
-		});
-	},
-	screen: ({ placeholder, services, stageCtx }) => {
-		if (services.tokens.has()) return;
-		const message = services.errors.getDefaultMessage();
-		services.errors.show(message, placeholder);
-		stageCtx.abort(message);
-	},
-	reset: ({ api, widget, services }) => {
-		api.reset(widget);
-		services.tokens.clear();
-	},
-	unmount: ({ api, widget, services }) => {
-		api.reset(widget);
-		services.tokens.clear();
-	}
-});
-//#endregion
-export { recaptchaV2CheckboxModule };

package/dist/chunks/recaptcha-v2-invisible-CnYtkNvz.js

@@ -1,62 +0,0 @@
-import { t as defineCaptchaModule } from "./api-DOfDzYC_.js";
-import { t as loadRecaptchaGlobal } from "./recaptcha-shared-DTI4qWVR.js";
-//#region src/js/modules/captchas/recaptcha-v2-invisible.ts
-async function waitForRecaptchaResponse(api, widgetId, timeoutMs = 1e3) {
-	const deadline = Date.now() + timeoutMs;
-	while (Date.now() < deadline) {
-		const response = typeof api.getResponse === "function" ? api.getResponse(widgetId) : "";
-		if (typeof response === "string" && response.trim() !== "") return response.trim();
-		await new Promise((resolve) => {
-			window.setTimeout(resolve, 100);
-		});
-	}
-}
-var recaptchaV2InvisibleModule = defineCaptchaModule({
-	id: "recaptcha-v2-invisible",
-	defaultPlaceholderSelector: "[data-recaptcha-placeholder]",
-	defaultTokenFieldNames: ["g-recaptcha-response"],
-	load: ({ options }) => {
-		return loadRecaptchaGlobal(options.provider);
-	},
-	mount: ({ api, container, provider, services }) => {
-		return new Promise((resolve) => {
-			api.ready(() => {
-				const widgetId = api.render(container, {
-					sitekey: provider.siteKey || "",
-					badge: provider.badge || "bottomright",
-					size: "invisible",
-					callback: (token) => {
-						const response = typeof token === "string" && token.trim() !== "" ? token.trim() : typeof api.getResponse === "function" ? api.getResponse(widgetId) : "";
-						if (response) services.tokens.write(response);
-						services.errors.clear();
-					},
-					"expired-callback": () => {
-						services.tokens.clear();
-						services.errors.clear();
-					},
-					"error-callback": () => {
-						services.tokens.clear();
-					}
-				});
-				resolve({ id: widgetId });
-			});
-		});
-	},
-	screen: async ({ api, widget, placeholder, services, stageCtx }) => {
-		if (services.tokens.has()) return;
-		api.execute(widget.id);
-		const token = await waitForRecaptchaResponse(api, widget.id);
-		if (typeof token === "string" && token.trim() !== "") services.tokens.write(token.trim());
-		if (!await services.tokens.wait(12e4)) {
-			const message = services.errors.getDefaultMessage();
-			services.errors.show(message, placeholder);
-			stageCtx.abort(message);
-		}
-	},
-	unmount: ({ api, widget, services }) => {
-		api.reset(widget.id);
-		services.tokens.clear();
-	}
-});
-//#endregion
-export { recaptchaV2InvisibleModule };

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

@@ -1,33 +0,0 @@
-import { t as defineCaptchaModule } from "./api-DOfDzYC_.js";
-import { t as loadRecaptchaGlobal } from "./recaptcha-shared-DTI4qWVR.js";
-//#region src/js/modules/captchas/recaptcha-v3.ts
-var recaptchaV3Module = defineCaptchaModule({
-	id: "recaptcha-v3",
-	defaultPlaceholderSelector: "[data-recaptcha-placeholder]",
-	defaultTokenFieldNames: ["g-recaptcha-response"],
-	load: ({ options }) => {
-		return loadRecaptchaGlobal(options.provider, false, options.provider.siteKey || void 0);
-	},
-	mount: ({ api, provider }) => {
-		return new Promise((resolve) => {
-			api.ready(() => {
-				resolve(provider.siteKey || "recaptcha-v3");
-			});
-		});
-	},
-	screen: async ({ api, provider, placeholder, services, stageCtx }) => {
-		if (services.tokens.has()) return;
-		const token = await api.execute(provider.siteKey || "", { action: provider.action || "submit" });
-		if (typeof token === "string" && token.trim() !== "") services.tokens.write(token.trim());
-		if (!await services.tokens.wait(12e4)) {
-			const message = services.errors.getDefaultMessage();
-			services.errors.show(message, placeholder);
-			stageCtx.abort(message);
-		}
-	},
-	unmount: ({ services }) => {
-		services.tokens.clear();
-	}
-});
-//#endregion
-export { recaptchaV3Module };

package/dist/chunks/repeater-CXD1eLSn.js

@@ -1,151 +0,0 @@
-import { t as createDebug } from "./debug-KnZeKYBI.js";
-import { n as sleep } from "./async-B3DUf1GZ.js";
-import { t as ensureModuleStyles } from "./styles-BIh6g7V_.js";
-import { a as getTemplateSource, o as getTemplateSourceHtml, t as dispatchFieldEvent } from "./shared-DC6_1u8X.js";
-//#region src/css/theme/fields/_repeater.css?inline
-var _repeater_default = "@layer formie-theme{.formie-repeater-container{gap:var(--formie-space-4);display:grid}.formie-repeater-item-wrapper{gap:var(--formie-space-4);padding:var(--formie-space-4);border:var(--formie-border-width) solid var(--formie-color-border);border-radius:var(--formie-radius-md);transition:border-color .15s,box-shadow .15s,background-color .15s;display:grid;position:relative}.formie-repeater-item-wrapper:focus-within{border-color:var(--formie-focus-ring-border-color);box-shadow:var(--formie-shadow-focus)}.formie-field-has-error .formie-repeater-item-wrapper{border-color:var(--formie-color-danger)}.formie-field-has-error .formie-repeater-item-wrapper:focus-within{box-shadow:var(--formie-shadow-danger-focus)}.formie-repeater-item-wrapper>.formie-repeater-remove-button{top:var(--formie-repeater-remove-button-top);right:var(--formie-repeater-remove-button-right);transform:var(--formie-repeater-remove-button-transform);font-size:0;line-height:0;position:absolute}.formie-button.formie-repeater-add-button{width:auto;max-width:100%;padding-left:var(--formie-repeater-add-button-padding-left);justify-content:center;justify-self:start;align-items:center;display:inline-flex;position:relative}.formie-button.formie-repeater-add-button:before{content:\"\";width:var(--formie-repeater-add-button-width);height:var(--formie-repeater-add-button-height);left:var(--formie-repeater-add-button-left);-webkit-mask-image:var(--formie-repeater-add-button-icon-mask);-webkit-mask-image:var(--formie-repeater-add-button-icon-mask);mask-image:var(--formie-repeater-add-button-icon-mask);background-color:currentColor;display:block;position:absolute;top:50%;transform:translateY(-50%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}";
-//#endregion
-//#region src/js/modules/fields/repeater.ts
-var FIELD_SELECTOR = "[data-formie-repeater-field-layout]";
-var CONTAINER_SELECTOR = "[data-formie-repeater-container]";
-var ROW_SELECTOR = "[data-formie-repeater-item]";
-var ADD_SELECTOR = "[data-formie-repeater-add]";
-var REMOVE_SELECTOR = "[data-formie-repeater-remove]";
-var TEMPLATE_ID_ATTR = "data-formie-template-id";
-var MODULE_ID = "repeater";
-var debug = createDebug("fields", "repeater");
-ensureModuleStyles(MODULE_ID, [_repeater_default]);
-function getTemplate(field, templateId) {
-	return getTemplateSource(field, templateId);
-}
-function buildRowFromTemplate(templateHtml, rowId) {
-	const wrapper = document.createElement("div");
-	wrapper.innerHTML = templateHtml.replaceAll("__ROW__", String(rowId)).trim();
-	return wrapper.firstElementChild instanceof HTMLElement ? wrapper.firstElementChild : null;
-}
-function getRowCount(field) {
-	return field.querySelectorAll(ROW_SELECTOR).length;
-}
-function syncAddButton(addButton, rowCount) {
-	if (!addButton) return;
-	const maxRows = parseInt(addButton.getAttribute("data-formie-max-rows") || "", 10);
-	if (maxRows > 0 && rowCount >= maxRows) {
-		addButton.disabled = true;
-		return;
-	}
-	addButton.disabled = false;
-}
-function bindRepeaterField(field) {
-	const container = field.matches(CONTAINER_SELECTOR) ? field : field.querySelector(CONTAINER_SELECTOR);
-	const addButton = field.querySelector(ADD_SELECTOR);
-	if (!(container instanceof HTMLElement)) {
-		debug.warn("Missing repeater container; skipping field.");
-		return () => {};
-	}
-	const removeHandlers = /* @__PURE__ */ new Map();
-	let rowCounter = Array.from(field.querySelectorAll(ROW_SELECTOR)).reduce((max, row) => {
-		const current = parseInt(row.getAttribute("data-formie-repeater-item-id") || "", 10);
-		return Number.isNaN(current) ? max : Math.max(max, current + 1);
-	}, 0);
-	const bindRemoveButtons = () => {
-		field.querySelectorAll(REMOVE_SELECTOR).forEach((button) => {
-			if (!(button instanceof HTMLElement) || removeHandlers.has(button)) return;
-			const handler = (event) => {
-				event.preventDefault();
-				const row = button.closest(ROW_SELECTOR);
-				if (!(row instanceof HTMLElement)) return;
-				const minRows = parseInt((addButton instanceof HTMLButtonElement ? addButton.getAttribute("data-formie-min-rows") : "") || "", 10);
-				if (minRows > 0 && getRowCount(field) <= minRows) return;
-				row.remove();
-				syncAddButton(addButton instanceof HTMLButtonElement ? addButton : null, getRowCount(field));
-				debug.log("Row removed.", { rowCount: getRowCount(field) });
-				dispatchFieldEvent(field, MODULE_ID, "remove", {
-					repeater: field,
-					row
-				});
-			};
-			button.addEventListener("click", handler);
-			removeHandlers.set(button, handler);
-		});
-	};
-	const addRow = async () => {
-		if (!(addButton instanceof HTMLButtonElement)) return;
-		const handle = addButton.getAttribute("data-formie-repeater-add");
-		if (!handle) {
-			debug.warn("Add handle missing.");
-			return;
-		}
-		const templateId = addButton.getAttribute(TEMPLATE_ID_ATTR) || field.getAttribute(TEMPLATE_ID_ATTR);
-		const maxRows = parseInt(addButton.getAttribute("data-formie-max-rows") || "", 10);
-		if (maxRows > 0 && getRowCount(field) >= maxRows) return;
-		const template = getTemplate(field, templateId);
-		if (!template) {
-			debug.warn("Template not found for add action.", { handle });
-			return;
-		}
-		const row = buildRowFromTemplate(getTemplateSourceHtml(template), rowCounter++);
-		if (!row) {
-			debug.warn("Failed to build row from template.");
-			return;
-		}
-		container.appendChild(row);
-		await sleep(50);
-		bindRemoveButtons();
-		syncAddButton(addButton, getRowCount(field));
-		debug.log("Row appended.", { rowCount: getRowCount(field) });
-		dispatchFieldEvent(field, MODULE_ID, "append", {
-			repeater: field,
-			row
-		});
-		dispatchFieldEvent(field, MODULE_ID, "init-row", {
-			repeater: field,
-			row
-		});
-	};
-	const addHandler = (event) => {
-		event.preventDefault();
-		addRow();
-	};
-	if (addButton instanceof HTMLButtonElement) addButton.addEventListener("click", addHandler);
-	bindRemoveButtons();
-	syncAddButton(addButton instanceof HTMLButtonElement ? addButton : null, getRowCount(field));
-	if (addButton instanceof HTMLButtonElement && getRowCount(field) === 0) {
-		const minRows = parseInt(addButton.getAttribute("data-formie-min-rows") || "", 10);
-		for (let index = 0; index < minRows; index += 1) addRow();
-	}
-	dispatchFieldEvent(field, MODULE_ID, "init", { repeater: field });
-	debug.log("Field initialized.", { rowCount: getRowCount(field) });
-	return () => {
-		if (addButton instanceof HTMLButtonElement) addButton.removeEventListener("click", addHandler);
-		removeHandlers.forEach((handler, button) => {
-			button.removeEventListener("click", handler);
-		});
-	};
-}
-var repeaterModule = {
-	id: MODULE_ID,
-	kind: "field",
-	match: (ctx) => {
-		return ctx.target instanceof HTMLElement && (ctx.target.matches(FIELD_SELECTOR) || !!ctx.target.querySelector(FIELD_SELECTOR));
-	},
-	setup: async (ctx) => {
-		if (!(ctx.target instanceof HTMLElement)) return;
-		const fields = ctx.target.matches(FIELD_SELECTOR) ? [ctx.target] : Array.from(ctx.target.querySelectorAll(FIELD_SELECTOR)).filter((field) => {
-			return field instanceof HTMLElement;
-		});
-		const destroyBindings = fields.map((field) => {
-			return bindRepeaterField(field);
-		});
-		debug.log("Module setup.", { fieldCount: fields.length });
-		await ctx.emit("formie:module:repeater:init", { count: fields.length });
-		return { destroy: () => {
-			destroyBindings.forEach((destroyBinding) => {
-				destroyBinding();
-			});
-			debug.log("Module destroy.", { fieldCount: fields.length });
-			ctx.emit("formie:module:repeater:destroy", {});
-		} };
-	}
-};
-//#endregion
-export { repeaterModule };