npm - @prosopo/procaptcha-bundle - Versions diffs - 3.2.10 → 4.1.7 - Mend

@prosopo/procaptcha-bundle 3.2.10 → 4.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (93) hide show

package/.turbo/turbo-build$colon$cjs.log +28 -35
package/.turbo/turbo-build$colon$tsc.log +80 -0
package/.turbo/turbo-build.log +33 -36
package/CHANGELOG.md +575 -0
package/dist/cjs/index.cjs +4 -9
package/dist/cjs/util/captcha/captchaRenderer.cjs +10 -9
package/dist/cjs/util/captcha/components/{frictionlessCaptcha.cjs → bundleCaptcha.cjs} +2 -2
package/dist/cjs/util/config.cjs +14 -4
package/dist/cjs/util/widgetFactory.cjs +4 -6
package/dist/components.d.ts +2 -0
package/dist/components.d.ts.map +1 -0
package/dist/components.js +2 -0
package/dist/components.js.map +1 -0
package/dist/index.d.ts +16 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +4 -9
package/dist/index.js.map +1 -0
package/dist/tests/procaptchaReady.unit.test.d.ts +2 -0
package/dist/tests/procaptchaReady.unit.test.d.ts.map +1 -0
package/dist/tests/procaptchaReady.unit.test.js +32 -0
package/dist/tests/procaptchaReady.unit.test.js.map +1 -0
package/dist/tests/util/config.test.d.ts +2 -0
package/dist/tests/util/config.test.d.ts.map +1 -0
package/dist/tests/util/config.test.js +69 -0
package/dist/tests/util/config.test.js.map +1 -0
package/dist/tests/util/renderLogic.test.d.ts +2 -0
package/dist/tests/util/renderLogic.test.d.ts.map +1 -0
package/dist/tests/util/renderLogic.test.js +144 -0
package/dist/tests/util/renderLogic.test.js.map +1 -0
package/dist/util/captcha/captchaRenderer.d.ts +19 -0
package/dist/util/captcha/captchaRenderer.d.ts.map +1 -0
package/dist/util/captcha/captchaRenderer.js +10 -9
package/dist/util/captcha/captchaRenderer.js.map +1 -0
package/dist/util/captcha/components/bundleCaptcha.d.ts +11 -0
package/dist/util/captcha/components/bundleCaptcha.d.ts.map +1 -0
package/dist/util/captcha/components/{frictionlessCaptcha.js → bundleCaptcha.js} +2 -2
package/dist/util/captcha/components/bundleCaptcha.js.map +1 -0
package/dist/util/config.d.ts +6 -0
package/dist/util/config.d.ts.map +1 -0
package/dist/util/config.js +14 -4
package/dist/util/config.js.map +1 -0
package/dist/util/configCreator.d.ts +5 -0
package/dist/util/configCreator.d.ts.map +1 -0
package/dist/util/configCreator.js.map +1 -0
package/dist/util/language.d.ts +3 -0
package/dist/util/language.d.ts.map +1 -0
package/dist/util/language.js.map +1 -0
package/dist/util/timeout.d.ts +3 -0
package/dist/util/timeout.d.ts.map +1 -0
package/dist/util/timeout.js.map +1 -0
package/dist/util/widgetFactory.d.ts +18 -0
package/dist/util/widgetFactory.d.ts.map +1 -0
package/dist/util/widgetFactory.js +4 -6
package/dist/util/widgetFactory.js.map +1 -0
package/dist/util/widgetThemeResolver.d.ts +9 -0
package/dist/util/widgetThemeResolver.d.ts.map +1 -0
package/dist/util/widgetThemeResolver.js.map +1 -0
package/package.json +14 -13
package/src/components.ts +15 -0
package/src/index.html +11 -0
package/src/index.ts +259 -0
package/src/tests/procaptchaReady.unit.test.ts +58 -0
package/src/tests/util/config.test.ts +97 -0
package/src/tests/util/renderLogic.test.tsx +221 -0
package/src/util/captcha/captchaRenderer.tsx +126 -0
package/src/util/captcha/components/bundleCaptcha.tsx +57 -0
package/src/util/config.ts +40 -0
package/src/util/configCreator.ts +51 -0
package/src/util/language.ts +53 -0
package/src/util/timeout.ts +43 -0
package/src/util/widgetFactory.ts +145 -0
package/src/util/widgetThemeResolver.ts +40 -0
package/tsconfig.cjs.json +35 -0
package/tsconfig.json +42 -0
package/tsconfig.tsbuildinfo +1 -0
package/tsconfig.types.json +9 -0
package/vite.cjs.config.ts +1 -1
package/vite.config.ts +23 -2
package/vite.esm.config.ts +1 -1
package/vite.iife.config.ts +119 -0
package/vite.serve.config.ts +23 -1
package/vite.test.config.ts +1 -1
package/webpack.config.cjs +1 -1
package/dist/cjs/util/captcha/captchaComponentProvider.cjs +0 -24
package/dist/cjs/util/captcha/captchaComponentsList.cjs +0 -12
package/dist/cjs/util/captcha/captchaType.cjs +0 -12
package/dist/cjs/util/captcha/components/imageCaptcha.cjs +0 -17
package/dist/cjs/util/captcha/components/powCaptcha.cjs +0 -17
package/dist/util/captcha/captchaComponentProvider.js +0 -24
package/dist/util/captcha/captchaComponentsList.js +0 -12
package/dist/util/captcha/captchaType.js +0 -12
package/dist/util/captcha/components/imageCaptcha.js +0 -17
package/dist/util/captcha/components/powCaptcha.js +0 -17

package/src/tests/util/renderLogic.test.tsx ADDED Viewed

@@ -0,0 +1,221 @@
+// 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 { ProcaptchaFrictionless } from "@prosopo/procaptcha-frictionless";
+import type { Callbacks, ProcaptchaProps } from "@prosopo/types";
+import { type DOMWindow, JSDOM } from "jsdom";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { WidgetFactory } from "../../util/widgetFactory.js";
+import { WidgetThemeResolver } from "../../util/widgetThemeResolver.js";
+const widgetFactory = new WidgetFactory(new WidgetThemeResolver());
+interface TestContext {
+	document?: Document;
+	window?: DOMWindow;
+}
+const callbacks: Callbacks = {
+	onHuman: () => console.log("onHuman"),
+	onChallengeExpired: () => console.log("onChallengeExpired"),
+	onExpired: () => console.log("onExpired"),
+	onError: () => console.log("onError"),
+	onClose: () => console.log("onClose"),
+	onOpen: () => console.log("onOpen"),
+	onFailed: () => console.log("onFailed"),
+	onReset: () => console.log("onReset"),
+	onExtensionNotFound: () => console.log("onExtensionNotFound"),
+	onReload: () => console.log("onReload"),
+};
+vi.mock("@prosopo/detector", async () => {
+	return {
+		isBot: async () => {
+			return { isBot: true };
+		},
+	};
+});
+vi.mock("@polkadot/extension-dapp", async () => {
+	return {
+		web3Enable: async () => {
+			return [];
+		},
+	};
+});
+vi.mock("@prosopo/procaptcha-frictionless", async () => {
+	return {
+		ProcaptchaFrictionless: vi.fn((props: ProcaptchaProps) => {
+			return (
+				// @ts-ignore
+				<div config={props.config} callbacks={props.callbacks}>
+					ProcaptchaFrictionless
+				</div>
+			);
+		}),
+	};
+});
+describe("Config utility functions", () => {
+	let dom: JSDOM;
+	beforeEach<TestContext>((context) => {
+		dom = new JSDOM("<!DOCTYPE html><html><body></body></html>", {
+			url: "https://example.com",
+		});
+		context.document = dom.window.document;
+		context.window = dom.window;
+		// @ts-ignore
+		global.window = dom.window;
+		// @ts-ignore
+		global.document = dom.window.document;
+		// @ts-ignore
+		global.HTMLElement = dom.window.HTMLElement;
+		// @ts-ignore
+		global.Element = dom.window.Element;
+		// @ts-ignore
+		global.Node = dom.window.Node;
+		// @ts-ignore
+		global.navigator = dom.window.navigator;
+		vi.clearAllMocks();
+	});
+	afterEach<TestContext>((context) => {
+		context.document = undefined;
+		context.window = undefined;
+		// @ts-ignore
+		global.HTMLElement = undefined;
+		// @ts-ignore
+		global.Element = undefined;
+		// @ts-ignore
+		global.Node = undefined;
+		// @ts-ignore
+		global.navigator = undefined;
+		vi.clearAllMocks();
+	});
+	it<TestContext>("always mounts the unified frictionless dispatcher", async (ctx) => {
+		// @ts-ignore
+		const script = ctx.document.createElement("script");
+		script.src = "https://example.com/procaptcha.js";
+		document.body.appendChild(script);
+		expect(ctx.window).toBeDefined();
+		if (!ctx.window) {
+			expect(true).toBe(false);
+			return;
+		}
+		await widgetFactory.createWidgets([script], {
+			siteKey: "1234",
+		});
+		await vi.waitFor(() => {
+			expect(ProcaptchaFrictionless).toHaveBeenCalledTimes(1);
+		});
+	});
+	it<TestContext>("ignores any legacy data-captcha-type attribute on the host element", async (ctx) => {
+		// @ts-ignore
+		const script = ctx.document.createElement("script");
+		script.src = "https://example.com/procaptcha.js";
+		// Customers may still have this attribute on their HTML from before
+		// the server-driven captchaType refactor. The bundle must silently
+		// ignore it and always mount the unified dispatcher.
+		script.setAttribute("data-captcha-type", "image");
+		document.body.appendChild(script);
+		expect(ctx.window).toBeDefined();
+		if (!ctx.window) {
+			expect(true).toBe(false);
+			return;
+		}
+		await widgetFactory.createWidgets([script], {
+			siteKey: "1234",
+		});
+		await vi.waitFor(() => {
+			expect(ProcaptchaFrictionless).toHaveBeenCalledTimes(1);
+		});
+	});
+	it<TestContext>("user callbacks should be set when defined on the window and pulled in via data attributes", async (ctx) => {
+		// @ts-ignore
+		const script = ctx.document.createElement("script");
+		script.src = "https://example.com/procaptcha.js";
+		// @ts-ignore
+		script["data-callback"] = "onHuman";
+		// @ts-ignore
+		script["data-chalexpired-callback"] = "onChallengeExpired";
+		// @ts-ignore
+		script["data-expired-callback"] = "onExpired";
+		// @ts-ignore
+		script["data-error-callback"] = "onError";
+		// @ts-ignore
+		script["data-close-callback"] = "onClose";
+		// @ts-ignore
+		script["data-open-callback"] = "onOpen";
+		// @ts-ignore
+		script["data-failed-callback"] = "onFailed";
+		// @ts-ignore
+		script["data-reset-callback"] = "onReset";
+		document.body.appendChild(script);
+		expect(ctx.window).toBeDefined();
+		if (!ctx.window) {
+			expect(true).toBe(false);
+			return;
+		}
+		ctx.window.onHuman = callbacks.onHuman;
+		ctx.window.onChallengeExpired = callbacks.onChallengeExpired;
+		ctx.window.onExpired = callbacks.onExpired;
+		ctx.window.onError = callbacks.onError;
+		ctx.window.onClose = callbacks.onClose;
+		ctx.window.onOpen = callbacks.onOpen;
+		ctx.window.onFailed = callbacks.onFailed;
+		ctx.window.onReset = callbacks.onReset;
+		ctx.window.onExtensionNotFound = callbacks.onExtensionNotFound;
+		ctx.window.onReload = callbacks.onReload;
+		await widgetFactory.createWidgets([script], {
+			siteKey: "1234",
+		});
+		await vi.waitFor(() => {
+			expect(ProcaptchaFrictionless).toHaveBeenCalledTimes(1);
+			// hack to get mock calls
+			// @ts-ignore
+			const call = ProcaptchaFrictionless.mock.calls[0];
+			const props = call[0];
+			// Check that the core properties we care about are present
+			expect(props.config.account.address).toBe("1234");
+			expect(props.config.web2).toBe(true);
+			expect(props.config.solutionThreshold).toBe(80);
+			expect(props.config.dappName).toBe("ProsopoClientDapp");
+			expect(props.config.theme).toBe("light");
+			expect(props.config.mode).toBe("visible");
+			// Check that callbacks object exists (it will be empty since we're not testing callback extraction here)
+			expect(props.callbacks).toBeDefined();
+			expect(typeof props.callbacks).toBe("object");
+		});
+	});
+});

package/src/util/captcha/captchaRenderer.tsx ADDED Viewed

@@ -0,0 +1,126 @@
+// 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 createCache, { type EmotionCache } from "@emotion/cache";
+import { CacheProvider } from "@emotion/react";
+import type { Ti18n } from "@prosopo/locale";
+import type {
+	Callbacks,
+	ProcaptchaClientConfigOutput,
+	ProcaptchaRenderOptions,
+} from "@prosopo/types";
+import type { ReactNode } from "react";
+import { type Root, createRoot } from "react-dom/client";
+import { createConfig } from "../configCreator.js";
+import { setLanguage } from "../language.js";
+import { setValidChallengeLength } from "../timeout.js";
+import { BundleCaptcha } from "./components/bundleCaptcha.js";
+interface RenderSettings {
+	identifierPrefix: string;
+	emotionCacheKey: string;
+	webComponentTag: string;
+}
+class CaptchaRenderer {
+	public renderCaptcha(
+		settings: RenderSettings,
+		container: HTMLElement,
+		renderOptions: ProcaptchaRenderOptions,
+		callbacks: Callbacks,
+		isWeb2: boolean,
+		i18n: Ti18n,
+		invisible: boolean,
+		widgetContainer: HTMLElement,
+		sourceElement?: Element,
+	): Root {
+		const config = createConfig(
+			renderOptions.siteKey,
+			renderOptions.theme,
+			renderOptions.language,
+			isWeb2,
+			invisible,
+			renderOptions.userAccountAddress,
+		);
+		this.readAndValidateSettings(
+			sourceElement || container,
+			config,
+			renderOptions,
+		);
+		const reactRoot = this.createReactRoot(
+			container,
+			settings.identifierPrefix,
+		);
+		const emotionCache = this.makeEmotionCache(
+			settings.emotionCacheKey,
+			container,
+		);
+		const captchaComponent = (
+			<BundleCaptcha
+				config={config}
+				callbacks={callbacks}
+				i18n={i18n}
+				container={widgetContainer}
+			/>
+		);
+		this.renderCaptchaComponent(reactRoot, emotionCache, captchaComponent);
+		return reactRoot;
+	}
+	protected readAndValidateSettings(
+		element: Element,
+		config: ProcaptchaClientConfigOutput,
+		renderOptions: ProcaptchaRenderOptions,
+	): void {
+		setValidChallengeLength(renderOptions, element, config);
+		setLanguage(renderOptions, element, config);
+	}
+	protected makeEmotionCache(
+		cacheKey: string,
+		container: HTMLElement,
+	): EmotionCache {
+		return createCache({
+			key: cacheKey,
+			prepend: true,
+			container: container,
+		});
+	}
+	protected createReactRoot(
+		container: HTMLElement,
+		identifierPrefix: string,
+	): Root {
+		return createRoot(container, {
+			identifierPrefix: identifierPrefix,
+		});
+	}
+	protected renderCaptchaComponent(
+		reactRoot: Root,
+		emotionCache: EmotionCache,
+		captchaComponent: ReactNode,
+	): void {
+		reactRoot.render(
+			<CacheProvider value={emotionCache}>{captchaComponent}</CacheProvider>,
+		);
+	}
+}
+export { CaptchaRenderer };

package/src/util/captcha/components/bundleCaptcha.tsx ADDED Viewed

@@ -0,0 +1,57 @@
+// 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 type { Ti18n } from "@prosopo/locale";
+import { getDefaultEvents } from "@prosopo/procaptcha-common";
+import { ProcaptchaFrictionless } from "@prosopo/procaptcha-frictionless";
+import type {
+	ProcaptchaCallbacks,
+	ProcaptchaClientConfigInput,
+} from "@prosopo/types";
+import { useState } from "react";
+interface BundleCaptchaProps {
+	config: ProcaptchaClientConfigInput;
+	callbacks: ProcaptchaCallbacks;
+	i18n: Ti18n;
+	container: HTMLElement;
+}
+// Universal captcha mount used by the script-tag bundle. Wraps
+// ProcaptchaFrictionless with a `key`-driven restart hook so a "no session"
+// error can fully unmount and remount the underlying widget. The server
+// decides which concrete challenge type to render via the /frictionless
+// endpoint — the wrapper itself is type-agnostic.
+const BundleCaptcha = (props: BundleCaptchaProps) => {
+	const { config, callbacks, i18n, container } = props;
+	const [componentKey, setComponentKey] = useState(0);
+	const restart = () => {
+		setComponentKey((prevKey) => prevKey + 1);
+	};
+	return (
+		<ProcaptchaFrictionless
+			key={componentKey}
+			config={config}
+			callbacks={getDefaultEvents(callbacks)}
+			restart={restart}
+			i18n={i18n}
+			container={container}
+		/>
+	);
+};
+export { BundleCaptcha };

package/src/util/config.ts ADDED Viewed

@@ -0,0 +1,40 @@
+// 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 const getProcaptchaScript = (
+	names: string[],
+): HTMLScriptElement | null => {
+	for (const name of names) {
+		const script = document.querySelector<HTMLScriptElement>(
+			`script[src*="${name}"]`,
+		);
+		if (script) {
+			return script;
+		}
+	}
+	return null;
+};
+export const extractParams = (names: string[]) => {
+	const script = getProcaptchaScript(names);
+	if (script) {
+		const params = new URLSearchParams(script.src.split("?")[1]);
+		return {
+			onloadUrlCallback: params.get("onload") || undefined,
+			renderExplicit: params.get("render") || undefined,
+		};
+	}
+	return { onloadUrlCallback: undefined, renderExplicit: undefined };
+};

package/src/util/configCreator.ts ADDED Viewed

@@ -0,0 +1,51 @@
+// 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 type { Languages } from "@prosopo/locale";
+import {
+	EnvironmentTypesSchema,
+	type ProcaptchaClientConfigOutput,
+	ProcaptchaConfigSchema,
+} from "@prosopo/types";
+function createConfig(
+	siteKey?: string,
+	theme: "light" | "dark" = "light",
+	language?: (typeof Languages)[keyof typeof Languages],
+	web2 = true,
+	invisible = false,
+	userAccountAddress?: string,
+): ProcaptchaClientConfigOutput {
+	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,
+	});
+}
+export { createConfig };

package/src/util/language.ts ADDED Viewed

@@ -0,0 +1,53 @@
+// 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 { LanguageSchema, type Languages } from "@prosopo/locale";
+import type {
+	ProcaptchaClientConfigInput,
+	ProcaptchaRenderOptions,
+} from "@prosopo/types";
+/**
+ * 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
+ */
+export const setLanguage = (
+	renderOptions: ProcaptchaRenderOptions | undefined,
+	element: Element,
+	config: ProcaptchaClientConfigInput,
+) => {
+	const languageAttribute =
+		renderOptions?.language || element.getAttribute("data-language");
+	if (languageAttribute) {
+		config.language = validateLanguage(languageAttribute);
+	}
+};
+const validateLanguage = (languageAttribute: string | typeof Languages) => {
+	try {
+		return LanguageSchema.parse(languageAttribute);
+	} catch (error) {
+		console.error(`Invalid language attribute: ${languageAttribute}`);
+		return LanguageSchema.parse("en");
+	}
+};

package/src/util/timeout.ts ADDED Viewed

@@ -0,0 +1,43 @@
+// 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 type {
+	ProcaptchaClientConfigOutput,
+	ProcaptchaRenderOptions,
+} from "@prosopo/types";
+/**
+ * Set the timeout for a solved captcha
+ *
+ * @param renderOptions
+ * @param element
+ * @param config
+ */
+export const setValidChallengeLength = (
+	renderOptions: ProcaptchaRenderOptions | undefined,
+	element: Element,
+	config: ProcaptchaClientConfigOutput,
+): void => {
+	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,
+		);
+	}
+};