@prosopo/procaptcha-bundle 4.1.40 → 4.1.41

package/dist/index.js

@@ -1,182 +1,138 @@
-import { getWindowCallback } from "@prosopo/procaptcha-common";
-import { at } from "@prosopo/util";
+import "./_virtual/_rolldown/runtime.js";
 import { extractParams, getProcaptchaScript } from "./util/config.js";
 import { WidgetFactory } from "./util/widgetFactory.js";
 import { WidgetThemeResolver } from "./util/widgetThemeResolver.js";
-const BUNDLE_NAMES = ["procaptcha.bundle.iife.js", "procaptcha.bundle.js"];
-let procaptchaRoots = [];
-const widgetFactory = new WidgetFactory(new WidgetThemeResolver());
-const PROCAPTCHA_EXECUTE_EVENT = "procaptcha:execute";
-const PROCAPTCHA_READY_EVENT = "procaptcha:ready";
-const implicitRender = async () => {
-  const elements = Array.from(
-    document.getElementsByClassName("procaptcha")
-  ).filter((element) => element.tagName.toLowerCase() !== "button");
-  if (elements.length) {
-    const firstElement = at(elements, 0);
-    const siteKey = firstElement.getAttribute("data-sitekey");
-    const web3 = firstElement.getAttribute("data-web3");
-    const ipv4 = firstElement.getAttribute("data-ipv4") === "true";
-    const ipv6 = firstElement.getAttribute("data-ipv6") === "true";
-    if (!siteKey) {
-      console.error("No site key found");
-      return;
-    }
-    const root = await widgetFactory.createWidgets(
-      elements,
-      {
-        siteKey,
-        ipv4,
-        ipv6
-      },
-      !(web3 === "true")
-    );
-    procaptchaRoots.push(...root);
-  }
-  const invisibleButtons = Array.from(
-    document.getElementsByClassName("procaptcha")
-  ).filter((button) => button.tagName.toLowerCase() === "button");
-  if (invisibleButtons.length) {
-    for (const button of invisibleButtons) {
-      const siteKey = button.getAttribute("data-sitekey") || "";
-      const callback = button.getAttribute("data-callback") || "";
-      const ipv4 = button.getAttribute("data-ipv4") === "true";
-      const ipv6 = button.getAttribute("data-ipv6") === "true";
-      const root = await widgetFactory.createWidgets(
-        [button],
-        {
-          siteKey,
-          callback,
-          ipv4,
-          ipv6
-        },
-        true,
-        true
-      );
-      procaptchaRoots.push(...root);
-      button.addEventListener("click", async (event) => {
-        event.preventDefault();
-        execute();
-      });
-    }
-  }
+import { getWindowCallback } from "@prosopo/procaptcha-common";
+import { at } from "@prosopo/util";
+//#region src/index.ts
+var BUNDLE_NAMES = ["procaptcha.bundle.iife.js", "procaptcha.bundle.js"];
+var procaptchaRoots = [];
+var widgetFactory = new WidgetFactory(new WidgetThemeResolver());
+var PROCAPTCHA_EXECUTE_EVENT = "procaptcha:execute";
+var PROCAPTCHA_READY_EVENT = "procaptcha:ready";
+var implicitRender = async () => {
+	const elements = Array.from(document.getElementsByClassName("procaptcha")).filter((element) => element.tagName.toLowerCase() !== "button");
+	if (elements.length) {
+		const firstElement = at(elements, 0);
+		const siteKey = firstElement.getAttribute("data-sitekey");
+		const web3 = firstElement.getAttribute("data-web3");
+		const ipv4 = firstElement.getAttribute("data-ipv4") === "true";
+		const ipv6 = firstElement.getAttribute("data-ipv6") === "true";
+		if (!siteKey) {
+			console.error("No site key found");
+			return;
+		}
+		const root = await widgetFactory.createWidgets(elements, {
+			siteKey,
+			ipv4,
+			ipv6
+		}, !(web3 === "true"));
+		procaptchaRoots.push(...root);
+	}
+	const invisibleButtons = Array.from(document.getElementsByClassName("procaptcha")).filter((button) => button.tagName.toLowerCase() === "button");
+	if (invisibleButtons.length) for (const button of invisibleButtons) {
+		const siteKey = button.getAttribute("data-sitekey") || "";
+		const callback = button.getAttribute("data-callback") || "";
+		const ipv4 = button.getAttribute("data-ipv4") === "true";
+		const ipv6 = button.getAttribute("data-ipv6") === "true";
+		const root = await widgetFactory.createWidgets([button], {
+			siteKey,
+			callback,
+			ipv4,
+			ipv6
+		}, true, true);
+		procaptchaRoots.push(...root);
+		button.addEventListener("click", async (event) => {
+			event.preventDefault();
+			execute();
+		});
+	}
 };
-const render = async (element, renderOptions) => {
-  const hasInvisibleSize = Object.prototype.hasOwnProperty.call(renderOptions, "size") && renderOptions.size === "invisible";
-  const isWeb2 = !renderOptions.web3;
-  if (hasInvisibleSize || element.tagName.toLowerCase() === "button") {
-    const roots2 = await widgetFactory.createWidgets(
-      [element],
-      renderOptions,
-      isWeb2,
-      true
-    );
-    procaptchaRoots.push(...roots2);
-    return;
-  }
-  const roots = await widgetFactory.createWidgets(
-    [element],
-    renderOptions,
-    isWeb2,
-    false
-  );
-  procaptchaRoots.push(...roots);
+var render = async (element, renderOptions) => {
+	const hasInvisibleSize = Object.prototype.hasOwnProperty.call(renderOptions, "size") && renderOptions.size === "invisible";
+	const isWeb2 = !renderOptions.web3;
+	if (hasInvisibleSize || element.tagName.toLowerCase() === "button") {
+		const roots = await widgetFactory.createWidgets([element], renderOptions, isWeb2, true);
+		procaptchaRoots.push(...roots);
+		return;
+	}
+	const roots = await widgetFactory.createWidgets([element], renderOptions, isWeb2, false);
+	procaptchaRoots.push(...roots);
 };
 function ready(fn) {
-  if (document && document.readyState !== "loading") {
-    console.log("document.readyState ready!");
-    fn();
-  } else {
-    console.log("DOMContentLoaded listener!");
-    document.addEventListener("DOMContentLoaded", () => {
-      console.log("DOMContentLoaded fired");
-      console.log(window);
-      fn();
-    });
-  }
+	if (document && document.readyState !== "loading") {
+		console.log("document.readyState ready!");
+		fn();
+	} else {
+		console.log("DOMContentLoaded listener!");
+		document.addEventListener("DOMContentLoaded", () => {
+			console.log("DOMContentLoaded fired");
+			console.log(window);
+			fn();
+		});
+	}
 }
-const execute = () => {
-  const containers = findProcaptchaContainers();
-  if (containers.length === 0) {
-    console.error("No Procaptcha containers found for execution");
-    return;
-  }
-  const executeEvent = new CustomEvent(PROCAPTCHA_EXECUTE_EVENT, {
-    detail: {
-      containerId: containers[0]?.id || "procaptcha-container",
-      containerCount: containers.length,
-      timestamp: Date.now()
-    },
-    bubbles: true,
-    cancelable: true
-  });
-  document.dispatchEvent(executeEvent);
+var execute = () => {
+	const containers = findProcaptchaContainers();
+	if (containers.length === 0) {
+		console.error("No Procaptcha containers found for execution");
+		return;
+	}
+	const executeEvent = new CustomEvent(PROCAPTCHA_EXECUTE_EVENT, {
+		detail: {
+			containerId: containers[0]?.id || "procaptcha-container",
+			containerCount: containers.length,
+			timestamp: Date.now()
+		},
+		bubbles: true,
+		cancelable: true
+	});
+	document.dispatchEvent(executeEvent);
 };
 function findProcaptchaContainers() {
-  const containers = [];
-  const invisibleContainers = Array.from(
-    document.querySelectorAll('[data-size="invisible"]')
-  );
-  containers.push(...invisibleContainers);
-  const idContainers = Array.from(
-    document.querySelectorAll(
-      '#procaptcha-container, [id$="-procaptcha-container"]'
-    )
-  );
-  const classContainers = Array.from(
-    document.getElementsByClassName("p-procaptcha")
-  );
-  containers.push(...classContainers);
-  for (const container of idContainers) {
-    if (!containers.includes(container)) {
-      containers.push(container);
-    }
-  }
-  return containers;
+	const containers = [];
+	const invisibleContainers = Array.from(document.querySelectorAll("[data-size=\"invisible\"]"));
+	containers.push(...invisibleContainers);
+	const idContainers = Array.from(document.querySelectorAll("#procaptcha-container, [id$=\"-procaptcha-container\"]"));
+	const classContainers = Array.from(document.getElementsByClassName("p-procaptcha"));
+	containers.push(...classContainers);
+	for (const container of idContainers) if (!containers.includes(container)) containers.push(container);
+	return containers;
 }
-const start = () => {
-  const { onloadUrlCallback, renderExplicit } = extractParams(BUNDLE_NAMES);
-  let readyCalled = false;
-  if (renderExplicit !== "explicit") {
-    getProcaptchaScript(BUNDLE_NAMES)?.addEventListener("load", () => {
-      ready(implicitRender);
-      readyCalled = true;
-    });
-    if (document.readyState === "complete" && !readyCalled) {
-      ready(implicitRender);
-    }
-  }
-  if (onloadUrlCallback) {
-    getProcaptchaScript(BUNDLE_NAMES)?.addEventListener("load", () => {
-      const onloadCallback = getWindowCallback(onloadUrlCallback);
-      ready(onloadCallback);
-    });
-    if (document.readyState === "complete" && !readyCalled) {
-      const onloadCallback = getWindowCallback(onloadUrlCallback);
-      ready(onloadCallback);
-    }
-  }
+var start = () => {
+	const { onloadUrlCallback, renderExplicit } = extractParams(BUNDLE_NAMES);
+	let readyCalled = false;
+	if (renderExplicit !== "explicit") {
+		getProcaptchaScript(BUNDLE_NAMES)?.addEventListener("load", () => {
+			ready(implicitRender);
+			readyCalled = true;
+		});
+		if (document.readyState === "complete" && !readyCalled) ready(implicitRender);
+	}
+	if (onloadUrlCallback) {
+		getProcaptchaScript(BUNDLE_NAMES)?.addEventListener("load", () => {
+			ready(getWindowCallback(onloadUrlCallback));
+		});
+		if (document.readyState === "complete" && !readyCalled) ready(getWindowCallback(onloadUrlCallback));
+	}
+};
+var reset = () => {
+	for (const root of procaptchaRoots) root.unmount();
+	procaptchaRoots = [];
+	start();
 };
-const reset = () => {
-  for (const root of procaptchaRoots) {
-    root.unmount();
-  }
-  procaptchaRoots = [];
-  start();
+window.procaptcha = {
+	ready,
+	render,
+	reset,
+	execute
 };
-window.procaptcha = { ready, render, reset, execute };
-const procaptchaReadyEvent = new CustomEvent(PROCAPTCHA_READY_EVENT, {
-  detail: {
-    timestamp: Date.now()
-  },
-  bubbles: true,
-  cancelable: false
+var procaptchaReadyEvent = new CustomEvent(PROCAPTCHA_READY_EVENT, {
+	detail: { timestamp: Date.now() },
+	bubbles: true,
+	cancelable: false
 });
 document.dispatchEvent(procaptchaReadyEvent);
 start();
-export {
-  ready as default,
-  execute,
-  render,
-  reset
-};
+//#endregion
+export { ready as default, execute, render, reset };

package/dist/util/captcha/captchaRenderer.js

@@ -1,70 +1,48 @@
-import { jsx } from "react/jsx-runtime";
-import createCache from "@emotion/cache";
-import { CacheProvider } from "@emotion/react";
-import { createRoot } from "react-dom/client";
-import { createConfig } from "../configCreator.js";
+import "../../_virtual/_rolldown/runtime.js";
 import { setLanguage } from "../language.js";
+import { createConfig } from "../configCreator.js";
 import { setValidChallengeLength } from "../timeout.js";
 import { BundleCaptcha } from "./components/bundleCaptcha.js";
-class CaptchaRenderer {
-  renderCaptcha(settings, container, renderOptions, callbacks, isWeb2, i18n, invisible, widgetContainer, sourceElement) {
-    const config = createConfig(
-      renderOptions.siteKey,
-      renderOptions.theme,
-      renderOptions.language,
-      isWeb2,
-      invisible,
-      renderOptions.userAccountAddress,
-      renderOptions.ipv4,
-      renderOptions.ipv6
-    );
-    this.readAndValidateSettings(
-      sourceElement || container,
-      config,
-      renderOptions
-    );
-    const reactRoot = this.createReactRoot(
-      container,
-      settings.identifierPrefix
-    );
-    const emotionCache = this.makeEmotionCache(
-      settings.emotionCacheKey,
-      container
-    );
-    const captchaComponent = /* @__PURE__ */ jsx(
-      BundleCaptcha,
-      {
-        config,
-        callbacks,
-        i18n,
-        container: widgetContainer
-      }
-    );
-    this.renderCaptchaComponent(reactRoot, emotionCache, captchaComponent);
-    return reactRoot;
-  }
-  readAndValidateSettings(element, config, renderOptions) {
-    setValidChallengeLength(renderOptions, element, config);
-    setLanguage(renderOptions, element, config);
-  }
-  makeEmotionCache(cacheKey, container) {
-    return createCache({
-      key: cacheKey,
-      prepend: true,
-      container
-    });
-  }
-  createReactRoot(container, identifierPrefix) {
-    return createRoot(container, {
-      identifierPrefix
-    });
-  }
-  renderCaptchaComponent(reactRoot, emotionCache, captchaComponent) {
-    reactRoot.render(
-      /* @__PURE__ */ jsx(CacheProvider, { value: emotionCache, children: captchaComponent })
-    );
-  }
-}
-export {
-  CaptchaRenderer
+import createCache from "@emotion/cache";
+import { CacheProvider } from "@emotion/react";
+import { createRoot } from "react-dom/client";
+import { jsx } from "react/jsx-runtime";
+//#region src/util/captcha/captchaRenderer.tsx
+var CaptchaRenderer = class {
+	renderCaptcha(settings, container, renderOptions, callbacks, isWeb2, i18n, invisible, widgetContainer, sourceElement) {
+		const config = createConfig(renderOptions.siteKey, renderOptions.theme, renderOptions.language, isWeb2, invisible, renderOptions.userAccountAddress, renderOptions.ipv4, renderOptions.ipv6);
+		this.readAndValidateSettings(sourceElement || container, config, renderOptions);
+		const reactRoot = this.createReactRoot(container, settings.identifierPrefix);
+		const emotionCache = this.makeEmotionCache(settings.emotionCacheKey, container);
+		const captchaComponent = /* @__PURE__ */ jsx(BundleCaptcha, {
+			config,
+			callbacks,
+			i18n,
+			container: widgetContainer
+		});
+		this.renderCaptchaComponent(reactRoot, emotionCache, captchaComponent);
+		return reactRoot;
+	}
+	readAndValidateSettings(element, config, renderOptions) {
+		setValidChallengeLength(renderOptions, element, config);
+		setLanguage(renderOptions, element, config);
+	}
+	makeEmotionCache(cacheKey, container) {
+		return createCache({
+			key: cacheKey,
+			prepend: true,
+			container
+		});
+	}
+	createReactRoot(container, identifierPrefix) {
+		return createRoot(container, { identifierPrefix });
+	}
+	renderCaptchaComponent(reactRoot, emotionCache, captchaComponent) {
+		reactRoot.render(/* @__PURE__ */ jsx(CacheProvider, {
+			value: emotionCache,
+			children: captchaComponent
+		}));
+	}
 };
+//#endregion
+export { CaptchaRenderer };

package/dist/util/captcha/components/bundleCaptcha.js

@@ -1,25 +1,21 @@
-import { jsx } from "react/jsx-runtime";
 import { getDefaultEvents } from "@prosopo/procaptcha-common";
 import { ProcaptchaFrictionless } from "@prosopo/procaptcha-frictionless";
 import { useState } from "react";
-const BundleCaptcha = (props) => {
-  const { config, callbacks, i18n, container } = props;
-  const [componentKey, setComponentKey] = useState(0);
-  const restart = () => {
-    setComponentKey((prevKey) => prevKey + 1);
-  };
-  return /* @__PURE__ */ jsx(
-    ProcaptchaFrictionless,
-    {
-      config,
-      callbacks: getDefaultEvents(callbacks),
-      restart,
-      i18n,
-      container
-    },
-    componentKey
-  );
-};
-export {
-  BundleCaptcha
+import { jsx } from "react/jsx-runtime";
+//#region src/util/captcha/components/bundleCaptcha.tsx
+var BundleCaptcha = (props) => {
+	const { config, callbacks, i18n, container } = props;
+	const [componentKey, setComponentKey] = useState(0);
+	const restart = () => {
+		setComponentKey((prevKey) => prevKey + 1);
+	};
+	return /* @__PURE__ */ jsx(ProcaptchaFrictionless, {
+		config,
+		callbacks: getDefaultEvents(callbacks),
+		restart,
+		i18n,
+		container
+	}, componentKey);
 };
+//#endregion
+export { BundleCaptcha };

package/dist/util/config.js

@@ -1,26 +1,24 @@
-const getProcaptchaScript = (names) => {
-  for (const name of names) {
-    const script = document.querySelector(
-      `script[src*="${name}"]`
-    );
-    if (script) {
-      return script;
-    }
-  }
-  return null;
+//#region src/util/config.ts
+var getProcaptchaScript = (names) => {
+	for (const name of names) {
+		const script = document.querySelector(`script[src*="${name}"]`);
+		if (script) return script;
+	}
+	return null;
 };
-const extractParams = (names) => {
-  const script = getProcaptchaScript(names);
-  if (script) {
-    const params = new URLSearchParams(script.src.split("?")[1]);
-    return {
-      onloadUrlCallback: params.get("onload") || void 0,
-      renderExplicit: params.get("render") || void 0
-    };
-  }
-  return { onloadUrlCallback: void 0, renderExplicit: void 0 };
-};
-export {
-  extractParams,
-  getProcaptchaScript
+var extractParams = (names) => {
+	const script = getProcaptchaScript(names);
+	if (script) {
+		const params = new URLSearchParams(script.src.split("?")[1]);
+		return {
+			onloadUrlCallback: params.get("onload") || void 0,
+			renderExplicit: params.get("render") || void 0
+		};
+	}
+	return {
+		onloadUrlCallback: void 0,
+		renderExplicit: void 0
+	};
 };
+//#endregion
+export { extractParams, getProcaptchaScript };

package/dist/util/configCreator.js

@@ -1,24 +1,20 @@
-import { ProcaptchaConfigSchema, EnvironmentTypesSchema } from "@prosopo/types";
+import { EnvironmentTypesSchema, ProcaptchaConfigSchema } from "@prosopo/types";
+//#region src/util/configCreator.ts
 function createConfig(siteKey, theme = "light", language, web2 = true, invisible = false, userAccountAddress, ipv4 = false, ipv6 = false) {
-  if (!siteKey) {
-    siteKey = process.env.PROSOPO_SITE_KEY || "";
-  }
-  return ProcaptchaConfigSchema.parse({
-    defaultEnvironment: process.env.PROSOPO_DEFAULT_ENVIRONMENT ? EnvironmentTypesSchema.parse(process.env.PROSOPO_DEFAULT_ENVIRONMENT) : EnvironmentTypesSchema.enum.development,
-    userAccountAddress: userAccountAddress || "",
-    account: {
-      address: siteKey
-    },
-    serverUrl: process.env.PROSOPO_SERVER_URL || "",
-    mongoAtlasUri: process.env.PROSOPO_MONGO_EVENTS_URI || "",
-    web2,
-    mode: invisible ? "invisible" : "visible",
-    theme,
-    language,
-    ipv4,
-    ipv6
-  });
+	if (!siteKey) siteKey = process.env.PROSOPO_SITE_KEY || "";
+	return ProcaptchaConfigSchema.parse({
+		defaultEnvironment: process.env.PROSOPO_DEFAULT_ENVIRONMENT ? EnvironmentTypesSchema.parse(process.env.PROSOPO_DEFAULT_ENVIRONMENT) : EnvironmentTypesSchema.enum.development,
+		userAccountAddress: userAccountAddress || "",
+		account: { address: siteKey },
+		serverUrl: process.env.PROSOPO_SERVER_URL || "",
+		mongoAtlasUri: process.env.PROSOPO_MONGO_EVENTS_URI || "",
+		web2,
+		mode: invisible ? "invisible" : "visible",
+		theme,
+		language,
+		ipv4,
+		ipv6
+	});
 }
-export {
-  createConfig
-};
+//#endregion
+export { createConfig };

package/dist/util/language.js

@@ -1,26 +1,33 @@
 import { LanguageSchema } from "@prosopo/locale";
-const setLanguage = (renderOptions, element, config) => {
-  const resolved = resolveLanguage(renderOptions, element);
-  if (resolved) {
-    config.language = resolved;
-  }
+//#region src/util/language.ts
+/**
+* Prioritizes language selection from:
+* 1. renderOptions.language
+* 2. element's data-language attribute
+* 3. Defaults to 'en'
+*
+* Validates the language against currently supported languages
+*
+* @param renderOptions
+* @param element
+* @param config
+*/
+var setLanguage = (renderOptions, element, config) => {
+	const resolved = resolveLanguage(renderOptions, element);
+	if (resolved) config.language = resolved;
 };
-const resolveLanguage = (renderOptions, element) => {
-  const languageAttribute = renderOptions?.language || element.getAttribute("data-language");
-  if (!languageAttribute) {
-    return void 0;
-  }
-  return validateLanguage(languageAttribute);
+var resolveLanguage = (renderOptions, element) => {
+	const languageAttribute = renderOptions?.language || element.getAttribute("data-language");
+	if (!languageAttribute) return;
+	return validateLanguage(languageAttribute);
 };
-const validateLanguage = (languageAttribute) => {
-  try {
-    return LanguageSchema.parse(languageAttribute);
-  } catch (error) {
-    console.error(`Invalid language attribute: ${languageAttribute}`);
-    return LanguageSchema.parse("en");
-  }
-};
-export {
-  resolveLanguage,
-  setLanguage
+var validateLanguage = (languageAttribute) => {
+	try {
+		return LanguageSchema.parse(languageAttribute);
+	} catch (error) {
+		console.error(`Invalid language attribute: ${languageAttribute}`);
+		return LanguageSchema.parse("en");
+	}
 };
+//#endregion
+export { resolveLanguage, setLanguage };

package/dist/util/timeout.js

@@ -1,14 +1,17 @@
-const setValidChallengeLength = (renderOptions, element, config) => {
-  const challengeValidLengthAttribute = renderOptions?.["challenge-valid-length"] || element.getAttribute("data-challenge-valid-length");
-  if (challengeValidLengthAttribute) {
-    config.captchas.image.solutionTimeout = Number.parseInt(
-      challengeValidLengthAttribute
-    );
-    config.captchas.pow.solutionTimeout = Number.parseInt(
-      challengeValidLengthAttribute
-    );
-  }
-};
-export {
-  setValidChallengeLength
+//#region src/util/timeout.ts
+/**
+* Set the timeout for a solved captcha
+*
+* @param renderOptions
+* @param element
+* @param config
+*/
+var setValidChallengeLength = (renderOptions, element, config) => {
+	const challengeValidLengthAttribute = renderOptions?.["challenge-valid-length"] || element.getAttribute("data-challenge-valid-length");
+	if (challengeValidLengthAttribute) {
+		config.captchas.image.solutionTimeout = Number.parseInt(challengeValidLengthAttribute);
+		config.captchas.pow.solutionTimeout = Number.parseInt(challengeValidLengthAttribute);
+	}
 };
+//#endregion
+export { setValidChallengeLength };