@prosopo/procaptcha-bundle 3.2.10 → 4.1.7

package/dist/util/configCreator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configCreator.js","sourceRoot":"","sources":["../../src/util/configCreator.ts"],"names":[],"mappings":"AAeA,OAAO,EACN,sBAAsB,EAEtB,sBAAsB,GACtB,MAAM,gBAAgB,CAAC;AAExB,SAAS,YAAY,CACpB,OAAgB,EAChB,QAA0B,OAAO,EACjC,QAAqD,EACrD,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,KAAK,EACjB,kBAA2B;IAE3B,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,gBAAgB,IAAI,EAAE,CAAC;IAC9C,CAAC;IAED,OAAO,sBAAsB,CAAC,KAAK,CAAC;QACnC,kBAAkB,EAAE,OAAO,CAAC,GAAG,CAAC,2BAA2B;YAC1D,CAAC,CAAC,sBAAsB,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC;YACvE,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,WAAW;QAC1C,kBAAkB,EAAE,kBAAkB,IAAI,EAAE;QAC5C,OAAO,EAAE;YACR,OAAO,EAAE,OAAO;SAChB;QACD,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,kBAAkB,IAAI,EAAE;QAC/C,aAAa,EAAE,OAAO,CAAC,GAAG,CAAC,wBAAwB,IAAI,EAAE;QACzD,IAAI;QACJ,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;QACzC,KAAK;QACL,QAAQ;KACR,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/util/language.d.ts

@@ -0,0 +1,3 @@
+import type { ProcaptchaClientConfigInput, ProcaptchaRenderOptions } from "@prosopo/types";
+export declare const setLanguage: (renderOptions: ProcaptchaRenderOptions | undefined, element: Element, config: ProcaptchaClientConfigInput) => void;
+//# sourceMappingURL=language.d.ts.map

package/dist/util/language.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.d.ts","sourceRoot":"","sources":["../../src/util/language.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACX,2BAA2B,EAC3B,uBAAuB,EACvB,MAAM,gBAAgB,CAAC;AAcxB,eAAO,MAAM,WAAW,kBACR,uBAAuB,GAAG,SAAS,WACzC,OAAO,UACR,2BAA2B,SAQnC,CAAC"}

package/dist/util/language.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.js","sourceRoot":"","sources":["../../src/util/language.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,cAAc,EAAkB,MAAM,iBAAiB,CAAC;AAkBjE,MAAM,CAAC,MAAM,WAAW,GAAG,CAC1B,aAAkD,EAClD,OAAgB,EAChB,MAAmC,EAClC,EAAE;IACH,MAAM,iBAAiB,GACtB,aAAa,EAAE,QAAQ,IAAI,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IAElE,IAAI,iBAAiB,EAAE,CAAC;QACvB,MAAM,CAAC,QAAQ,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IACvD,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,iBAA4C,EAAE,EAAE;IACzE,IAAI,CAAC;QACJ,OAAO,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAChD,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QAChB,OAAO,CAAC,KAAK,CAAC,+BAA+B,iBAAiB,EAAE,CAAC,CAAC;QAClE,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;AACF,CAAC,CAAC"}

package/dist/util/timeout.d.ts

@@ -0,0 +1,3 @@
+import type { ProcaptchaClientConfigOutput, ProcaptchaRenderOptions } from "@prosopo/types";
+export declare const setValidChallengeLength: (renderOptions: ProcaptchaRenderOptions | undefined, element: Element, config: ProcaptchaClientConfigOutput) => void;
+//# sourceMappingURL=timeout.d.ts.map

package/dist/util/timeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout.d.ts","sourceRoot":"","sources":["../../src/util/timeout.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACX,4BAA4B,EAC5B,uBAAuB,EACvB,MAAM,gBAAgB,CAAC;AASxB,eAAO,MAAM,uBAAuB,kBACpB,uBAAuB,GAAG,SAAS,WACzC,OAAO,UACR,4BAA4B,KAClC,IAaF,CAAC"}

package/dist/util/timeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout.js","sourceRoot":"","sources":["../../src/util/timeout.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACtC,aAAkD,EAClD,OAAgB,EAChB,MAAoC,EAC7B,EAAE;IACT,MAAM,6BAA6B,GAClC,aAAa,EAAE,CAAC,wBAAwB,CAAC;QACzC,OAAO,CAAC,YAAY,CAAC,6BAA6B,CAAC,CAAC;IAErD,IAAI,6BAA6B,EAAE,CAAC;QACnC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,QAAQ,CACtD,6BAA6B,CAC7B,CAAC;QACF,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,eAAe,GAAG,MAAM,CAAC,QAAQ,CACpD,6BAA6B,CAC7B,CAAC;IACH,CAAC;AACF,CAAC,CAAC"}

package/dist/util/widgetFactory.d.ts

@@ -0,0 +1,18 @@
+import type { Ti18n } from "@prosopo/locale";
+import type { Callbacks, ProcaptchaRenderOptions } from "@prosopo/types";
+import type { Root } from "react-dom/client";
+import type { CaptchaRenderer } from "./captcha/captchaRenderer.js";
+import type { WidgetThemeResolver } from "./widgetThemeResolver.js";
+declare class WidgetFactory {
+    private readonly widgetThemeResolver;
+    private captchaRenderer;
+    private _i18n;
+    constructor(widgetThemeResolver: WidgetThemeResolver);
+    get i18n(): Ti18n;
+    createWidgets(containers: Element[], renderOptions: ProcaptchaRenderOptions, isWeb2?: boolean, invisible?: boolean): Promise<Root[]>;
+    createWidget(container: Element, renderOptions: ProcaptchaRenderOptions, callbacks: Callbacks, isWeb2?: boolean, invisible?: boolean): Promise<Root>;
+    protected getCaptchaRenderer(): Promise<CaptchaRenderer>;
+    protected createCaptchaRenderer(): Promise<CaptchaRenderer>;
+}
+export { WidgetFactory };
+//# sourceMappingURL=widgetFactory.d.ts.map

package/dist/util/widgetFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgetFactory.d.ts","sourceRoot":"","sources":["../../src/util/widgetFactory.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAK7C,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAMzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,cAAM,aAAa;IAKjB,OAAO,CAAC,QAAQ,CAAC,mBAAmB;IAJrC,OAAO,CAAC,eAAe,CAAgC;IACvD,OAAO,CAAC,KAAK,CAAsB;gBAGjB,mBAAmB,EAAE,mBAAmB;IAG1D,IAAI,IAAI,IAAI,KAAK,CAKhB;IAEY,aAAa,CACzB,UAAU,EAAE,OAAO,EAAE,EACrB,aAAa,EAAE,uBAAuB,EACtC,MAAM,UAAO,EACb,SAAS,UAAQ,GACf,OAAO,CAAC,IAAI,EAAE,CAAC;IAgBL,YAAY,CACxB,SAAS,EAAE,OAAO,EAClB,aAAa,EAAE,uBAAuB,EACtC,SAAS,EAAE,SAAS,EACpB,MAAM,UAAO,EACb,SAAS,UAAQ,GACf,OAAO,CAAC,IAAI,CAAC;cAoDA,kBAAkB,IAAI,OAAO,CAAC,eAAe,CAAC;cAY9C,qBAAqB,IAAI,OAAO,CAAC,eAAe,CAAC;CAMjE;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/util/widgetFactory.js

@@ -1,6 +1,5 @@
 import { loadI18next } from "@prosopo/locale";
 import { getDefaultCallbacks, setUserCallbacks } from "@prosopo/procaptcha-common";
-import { CaptchaType } from "@prosopo/types";
 import { lightTheme, darkTheme, createWidgetSkeleton } from "@prosopo/widget-skeleton";
 class WidgetFactory {
   constructor(widgetThemeResolver) {
@@ -56,8 +55,7 @@ class WidgetFactory {
       {
         identifierPrefix: "procaptcha-",
         emotionCacheKey: "procaptcha",
-        webComponentTag: "prosopo-procaptcha",
-        defaultCaptchaType: CaptchaType.frictionless
+        webComponentTag: "prosopo-procaptcha"
       },
       widgetInteractiveArea,
       renderOptions,
@@ -65,7 +63,8 @@ class WidgetFactory {
       isWeb2,
       this.i18n,
       invisible,
-      widgetContainer
+      widgetContainer,
+      container
     );
     return captchaRoot;
   }
@@ -80,8 +79,7 @@ class WidgetFactory {
   }
   async createCaptchaRenderer() {
     const CaptchaRenderer = (await import("./captcha/captchaRenderer.js")).CaptchaRenderer;
-    const CaptchaComponentProvider = (await import("./captcha/captchaComponentProvider.js")).CaptchaComponentProvider;
-    return new CaptchaRenderer(new CaptchaComponentProvider());
+    return new CaptchaRenderer();
   }
 }
 export {

package/dist/util/widgetFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgetFactory.js","sourceRoot":"","sources":["../../src/util/widgetFactory.ts"],"names":[],"mappings":"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"}

package/dist/util/widgetThemeResolver.d.ts

@@ -0,0 +1,9 @@
+import type { ProcaptchaRenderOptions } from "@prosopo/types";
+declare class WidgetThemeResolver {
+    private readonly themesSet;
+    private readonly defaultTheme;
+    resolveWidgetTheme(element: Element, renderOptions: ProcaptchaRenderOptions): "light" | "dark";
+    protected validateTheme(themeAttribute: string): "light" | "dark";
+}
+export { WidgetThemeResolver };
+//# sourceMappingURL=widgetThemeResolver.d.ts.map

package/dist/util/widgetThemeResolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgetThemeResolver.d.ts","sourceRoot":"","sources":["../../src/util/widgetThemeResolver.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,cAAM,mBAAmB;IACxB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA8B;IACxD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAW;IAEjC,kBAAkB,CACxB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,uBAAuB,GACpC,OAAO,GAAG,MAAM;IASnB,SAAS,CAAC,aAAa,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;CAKjE;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/util/widgetThemeResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgetThemeResolver.js","sourceRoot":"","sources":["../../src/util/widgetThemeResolver.ts"],"names":[],"mappings":"AAgBA,MAAM,mBAAmB;IAAzB;QACkB,cAAS,GAAG,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;QACvC,iBAAY,GAAG,OAAO,CAAC;IAmBzC,CAAC;IAjBO,kBAAkB,CACxB,OAAgB,EAChB,aAAsC;QAEtC,MAAM,cAAc,GACnB,aAAa,CAAC,KAAK;YACnB,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC;YAClC,IAAI,CAAC,YAAY,CAAC;QAEnB,OAAO,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC;IAES,aAAa,CAAC,cAAsB;QAC7C,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;YACxC,CAAC,CAAE,cAAmC;YACtC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;IACtB,CAAC;CACD;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prosopo/procaptcha-bundle",
-	"version": "3.2.10",
+	"version": "4.1.7",
 	"author": "PROSOPO LIMITED <info@prosopo.io>",
 	"license": "Apache-2.0",
 	"main": "dist/index.js",
@@ -25,11 +25,13 @@
 	"source": "./src/index.tsx",
 	"scripts": {
 		"clean": "del-cli --verbose dist tsconfig.tsbuildinfo",
-		"build": "NODE_ENV=${NODE_ENV:-development}; vite build --config vite.esm.config.ts --mode $NODE_ENV",
+		"build": "npm run build:cross-env -- --mode ${NODE_ENV:-development}",
+		"build:cross-env": "vite build --config vite.esm.config.ts",
 		"build:tsc": "tsc --build --verbose",
 		"build:cjs": "NODE_ENV=${NODE_ENV:-development}; vite build --config vite.cjs.config.ts --mode $NODE_ENV",
 		"typecheck": "tsc --project tsconfig.types.json",
 		"bundle": "NODE_ENV=${NODE_ENV:-development}; vite build --config vite.config.ts --mode $NODE_ENV",
+		"bundle:iife": "NODE_ENV=${NODE_ENV:-development}; vite build --config vite.iife.config.ts --mode $NODE_ENV",
 		"start": "NODE_ENV=${NODE_ENV:-development}; vite serve --mode $NODE_ENV --host",
 		"bundle:webpack": "NODE_ENV=${NODE_ENV:-development}; MODE=${MODE:-$NODE_ENV}; webpack build --config webpack.config.cjs --mode $MODE",
 		"serve": "NODE_ENV=${NODE_ENV:-development}; vite serve --config vite.serve.config.ts --mode $NODE_ENV --host",
@@ -37,15 +39,13 @@
 	},
 	"browserslist": ["> 0.5%, last 2 versions, not dead"],
 	"dependencies": {
-		"@prosopo/dotenv": "3.0.31",
-		"@prosopo/locale": "3.1.26",
-		"@prosopo/procaptcha-common": "2.9.19",
-		"@prosopo/procaptcha-frictionless": "2.8.22",
-		"@prosopo/procaptcha-pow": "2.8.27",
-		"@prosopo/procaptcha-react": "2.9.21",
-		"@prosopo/types": "3.6.4",
-		"@prosopo/util": "3.2.4",
-		"@prosopo/widget-skeleton": "2.7.12",
+		"@prosopo/dotenv": "3.0.43",
+		"@prosopo/locale": "3.2.4",
+		"@prosopo/procaptcha-common": "2.10.17",
+		"@prosopo/procaptcha-frictionless": "2.11.0",
+		"@prosopo/types": "4.3.0",
+		"@prosopo/util": "3.2.15",
+		"@prosopo/widget-skeleton": "2.8.3",
 		"dotenv": "16.4.5",
 		"fast-glob": "3.3.2",
 		"jsdom": "25.0.0",
@@ -56,7 +56,8 @@
 	},
 	"repository": {
 		"type": "git",
-		"url": "git+https://github.com/prosopo/captcha.git"
+		"url": "git+https://github.com/prosopo/captcha.git",
+		"directory": "packages/procaptcha-bundle"
 	},
 	"bugs": {
 		"url": "https://github.com/prosopo/captcha/issues"
@@ -67,7 +68,7 @@
 		"registry": "https://registry.npmjs.org"
 	},
 	"devDependencies": {
-		"@prosopo/config": "3.1.26",
+		"@prosopo/config": "3.3.1",
 		"@types/jsdom": "21.1.7",
 		"@types/node": "22.10.2",
 		"@types/react": "18.3.1",

package/src/components.ts

@@ -0,0 +1,15 @@
+// Copyright 2021-2026 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+export * from "./util/captcha/components/bundleCaptcha.js";

package/src/index.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Prosopo CAPTCHA</title>
+    </head>
+    <body>
+        <div id="root"></div>
+    </body>
+</html>

package/src/index.ts

@@ -0,0 +1,259 @@
+// Copyright 2021-2026 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import { getWindowCallback } from "@prosopo/procaptcha-common";
+import type { ProcaptchaRenderOptions } from "@prosopo/types";
+import { at } from "@prosopo/util";
+import type { Root } from "react-dom/client";
+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: Root[] = [];
+
+const widgetFactory = new WidgetFactory(new WidgetThemeResolver());
+
+// Define a custom event name for procaptcha execution
+const PROCAPTCHA_EXECUTE_EVENT = "procaptcha:execute";
+
+// Define a custom event name for procaptcha ready
+const PROCAPTCHA_READY_EVENT = "procaptcha:ready";
+
+// Implicit render for targeting all elements with class 'procaptcha'
+const implicitRender = async () => {
+	// Get elements with class 'procaptcha', not including buttons
+	const elements: Element[] = Array.from(
+		document.getElementsByClassName("procaptcha"),
+	).filter((element) => element.tagName.toLowerCase() !== "button");
+
+	// Set siteKey from renderOptions or from the first element's data-sitekey attribute
+	if (elements.length) {
+		const siteKey = at(elements, 0).getAttribute("data-sitekey");
+		const web3 = at(elements, 0).getAttribute("data-web3");
+		if (!siteKey) {
+			console.error("No site key found");
+			return;
+		}
+
+		const root = await widgetFactory.createWidgets(
+			elements,
+			{
+				siteKey: siteKey,
+			},
+			!(web3 === "true"),
+		);
+
+		procaptchaRoots.push(...root);
+	}
+
+	// Check for invisible mode indicators (procaptcha class on buttons)
+	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 root = await widgetFactory.createWidgets(
+				[button],
+				{
+					siteKey: siteKey,
+					callback: callback,
+				},
+				true,
+				true,
+			);
+
+			procaptchaRoots.push(...root);
+
+			// Add click event listener to the button
+			button.addEventListener("click", async (event) => {
+				event.preventDefault();
+				execute();
+			});
+		}
+	}
+};
+
+// Explicit render for targeting specific elements
+export const render = async (
+	element: Element,
+	renderOptions: ProcaptchaRenderOptions,
+) => {
+	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);
+};
+
+export default function ready(fn: () => void) {
+	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();
+		});
+	}
+}
+
+export const execute = () => {
+	const containers = findProcaptchaContainers();
+
+	if (containers.length === 0) {
+		console.error("No Procaptcha containers found for execution");
+		return;
+	}
+
+	// Dispatch a custom event to notify React components to show the modal or perform silent verification
+	const executeEvent = new CustomEvent(PROCAPTCHA_EXECUTE_EVENT, {
+		detail: {
+			containerId: containers[0]?.id || "procaptcha-container",
+			containerCount: containers.length,
+			timestamp: Date.now(),
+		},
+		bubbles: true,
+		cancelable: true,
+	});
+
+	// Dispatch the event on the document
+	document.dispatchEvent(executeEvent);
+};
+
+function findProcaptchaContainers(): Element[] {
+	const containers: Element[] = [];
+
+	// Strategy 1: Look for elements with data-size="invisible"
+	const invisibleContainers = Array.from(
+		document.querySelectorAll('[data-size="invisible"]'),
+	);
+	containers.push(...invisibleContainers);
+
+	// Strategy 2: Look for elements with specific IDs
+	const idContainers = Array.from(
+		document.querySelectorAll(
+			'#procaptcha-container, [id$="-procaptcha-container"]',
+		),
+	);
+
+	// Strategy 3: Look for elements with class 'p-procaptcha'
+	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;
+}
+
+// extend the global Window interface to include the procaptcha object
+declare global {
+	interface Window {
+		procaptcha: {
+			ready: typeof ready;
+			render: typeof render;
+			reset: typeof reset;
+			execute: typeof execute;
+		};
+	}
+}
+
+const start = () => {
+	// onLoadUrlCallback defines the name of the callback function to be called when the script is loaded
+	// onRenderExplicit takes values of either explicit or implicit
+	const { onloadUrlCallback, renderExplicit } = extractParams(BUNDLE_NAMES);
+	let readyCalled = false;
+
+	// Render the Procaptcha component implicitly if renderExplicit is not set to explicit
+	if (renderExplicit !== "explicit") {
+		getProcaptchaScript(BUNDLE_NAMES)?.addEventListener("load", () => {
+			ready(implicitRender);
+			readyCalled = true;
+		});
+		// or if the document has already loaded, call the implicit render function
+		if (document.readyState === "complete" && !readyCalled) {
+			ready(implicitRender);
+		}
+	}
+
+	if (onloadUrlCallback) {
+		// Add event listener to the script tag to call the callback function when the script is loaded
+		getProcaptchaScript(BUNDLE_NAMES)?.addEventListener("load", () => {
+			const onloadCallback = getWindowCallback(onloadUrlCallback);
+			ready(onloadCallback);
+		});
+
+		// or if the document has already loaded, call the callback function
+		if (document.readyState === "complete" && !readyCalled) {
+			const onloadCallback = getWindowCallback(onloadUrlCallback);
+			ready(onloadCallback);
+		}
+	}
+};
+
+export const reset = () => {
+	for (const root of procaptchaRoots) {
+		root.unmount();
+	}
+	procaptchaRoots = [];
+
+	start();
+};
+
+// set the procaptcha attribute on the window
+window.procaptcha = { ready, render, reset, execute };
+
+// Dispatch a custom event to notify that window.procaptcha is ready
+const procaptchaReadyEvent = new CustomEvent(PROCAPTCHA_READY_EVENT, {
+	detail: {
+		timestamp: Date.now(),
+	},
+	bubbles: true,
+	cancelable: false,
+});
+document.dispatchEvent(procaptchaReadyEvent);
+
+start();

package/src/tests/procaptchaReady.unit.test.ts

@@ -0,0 +1,58 @@
+// Copyright 2021-2026 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import { JSDOM } from "jsdom";
+import { afterEach, beforeEach, describe, expect, it } from "vitest";
+
+describe("procaptcha:ready event", () => {
+	let dom: JSDOM;
+
+	beforeEach(() => {
+		dom = new JSDOM("<!DOCTYPE html><html><body></body></html>", {
+			url: "https://example.com",
+		});
+		// @ts-ignore
+		global.document = dom.window.document;
+		// @ts-ignore
+		global.window = dom.window as unknown as Window & typeof globalThis;
+	});
+
+	afterEach(() => {
+		// biome-ignore lint/suspicious/noExplicitAny: TODO fix any
+		(global as any).document = undefined;
+		// biome-ignore lint/suspicious/noExplicitAny: TODO fix any
+		(global as any).window = undefined;
+	});
+
+	it("should dispatch procaptcha:ready event when window.procaptcha is set", (done) => {
+		// Set up event listener before importing the module
+		document.addEventListener("procaptcha:ready", (event: Event) => {
+			const customEvent = event as CustomEvent;
+			expect(customEvent.detail).toBeDefined();
+			expect(typeof customEvent.detail.timestamp).toBe("number");
+			expect(customEvent.bubbles).toBe(true);
+			expect(customEvent.cancelable).toBe(false);
+
+			// Check that window.procaptcha is available when the event fires
+			expect(window.procaptcha).toBeDefined();
+			expect(window.procaptcha?.render).toBeDefined();
+			expect(window.procaptcha?.ready).toBeDefined();
+			expect(window.procaptcha?.reset).toBeDefined();
+			expect(window.procaptcha?.execute).toBeDefined();
+		});
+
+		// Import the module which should set window.procaptcha and dispatch the event
+		import("../index.js");
+	});
+});

package/src/tests/util/config.test.ts

@@ -0,0 +1,97 @@
+// Copyright 2021-2026 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import { JSDOM } from "jsdom";
+
+import { afterEach, beforeEach, describe, expect, it } from "vitest";
+import { extractParams, getProcaptchaScript } from "../../util/config.js";
+
+describe("Config utility functions", () => {
+	let dom: JSDOM;
+
+	beforeEach(() => {
+		dom = new JSDOM("<!DOCTYPE html><html><body></body></html>", {
+			url: "https://example.com",
+		});
+		global.document = dom.window.document;
+	});
+
+	afterEach(() => {
+		// biome-ignore lint/suspicious/noExplicitAny: TODO fix any
+		(global as any).document = undefined;
+	});
+
+	describe("getProcaptchaScript", () => {
+		it("should return null when no matching script is found", () => {
+			const result = getProcaptchaScript(["nonexistent"]);
+			expect(result).toBeNull();
+		});
+
+		it("should return the script element when a matching script is found", () => {
+			const script = document.createElement("script");
+			script.src = "https://example.com/procaptcha.js";
+			document.body.appendChild(script);
+
+			const result = getProcaptchaScript(["procaptcha"]);
+			expect(result).toBe(script);
+		});
+	});
+
+	describe("extractParams", () => {
+		it("should return undefined values when no matching script is found", () => {
+			const result = extractParams(["nonexistent"]);
+			expect(result).toEqual({
+				onloadUrlCallback: undefined,
+				renderExplicit: undefined,
+			});
+		});
+
+		it("should extract parameters from the script URL", () => {
+			const script = document.createElement("script");
+			script.src =
+				"https://example.com/procaptcha.js?onload=onloadCallback&render=explicit";
+			document.body.appendChild(script);
+
+			const result = extractParams(["procaptcha"]);
+			expect(result).toEqual({
+				onloadUrlCallback: "onloadCallback",
+				renderExplicit: "explicit",
+			});
+		});
+
+		it("should return undefined for missing parameters", () => {
+			const script = document.createElement("script");
+			script.src = "https://example.com/procaptcha.js?onload=onloadCallback";
+			document.body.appendChild(script);
+
+			const result = extractParams(["procaptcha"]);
+			expect(result).toEqual({
+				onloadUrlCallback: "onloadCallback",
+				renderExplicit: undefined,
+			});
+		});
+
+		it("should handle scripts without query parameters", () => {
+			const script = document.createElement("script");
+			script.src = "https://example.com/procaptcha.js";
+			document.body.appendChild(script);
+
+			const result = extractParams(["procaptcha"]);
+			expect(result).toEqual({
+				onloadUrlCallback: undefined,
+				renderExplicit: undefined,
+			});
+		});
+	});
+});