@prosopo/procaptcha-pow 2.12.6 → 2.13.0

package/.turbo/turbo-build$colon$cjs.log

@@ -1,5 +1,5 @@
 
-> @prosopo/procaptcha-pow@2.12.6 build:cjs
+> @prosopo/procaptcha-pow@2.13.0 build:cjs
 > NODE_ENV=${NODE_ENV:-development}; vite build --config vite.cjs.config.ts --mode $NODE_ENV
 
 ViteCommonJSConfig: .
@@ -46,9 +46,9 @@ Bundle build started
 ✓ 5 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/cjs/index.cjs                        0.20 kB │ gzip: 0.15 kB
-dist/cjs/components/ProcaptchaPoW.cjs     0.51 kB │ gzip: 0.27 kB
-dist/cjs/components/ProcaptchaWidget.cjs  5.31 kB │ gzip: 1.65 kB
+dist/cjs/index.cjs                        0.43 kB │ gzip: 0.19 kB
+dist/cjs/components/procaptchaPoW.cjs     0.71 kB │ gzip: 0.38 kB
+dist/cjs/components/procaptchaWidget.cjs  5.07 kB │ gzip: 1.66 kB
 dist/cjs/services/Manager.cjs             9.22 kB │ gzip: 2.61 kB
 
-✓ built in 69ms
+✓ built in 63ms

package/.turbo/turbo-build$colon$tsc.log

@@ -1,8 +1,8 @@
 
-> @prosopo/procaptcha-pow@2.12.6 build:tsc
+> @prosopo/procaptcha-pow@2.13.0 build:tsc
 > tsc --build --verbose
 
-10:45:55 PM - Projects in this build: 
+11:04:26 AM - Projects in this build: 
     * ../../dev/config/tsconfig.json
     * ../locale/tsconfig.json
     * ../util/tsconfig.json
@@ -20,37 +20,37 @@
     * ../procaptcha-common/tsconfig.json
     * tsconfig.json
 
-10:45:55 PM - Project '../../dev/config/tsconfig.json' is up to date because newest input '../../dev/config/src/webpack/webpack.config.ts' is older than output '../../dev/config/tsconfig.tsbuildinfo'
+11:04:26 AM - Project '../../dev/config/tsconfig.json' is up to date because newest input '../../dev/config/src/vite/NodejsPolarsDirnamePlugin.ts' is older than output '../../dev/config/tsconfig.tsbuildinfo'
 
-10:45:55 PM - Project '../locale/tsconfig.json' is up to date because newest input '../locale/src/translationKey.ts' is older than output '../locale/tsconfig.tsbuildinfo'
+11:04:26 AM - Project '../locale/tsconfig.json' is up to date because newest input '../locale/src/process.ts' is older than output '../locale/tsconfig.tsbuildinfo'
 
-10:45:55 PM - Project '../util/tsconfig.json' is up to date because newest input '../util/src/url.ts' is older than output '../util/tsconfig.tsbuildinfo'
+11:04:26 AM - Project '../util/tsconfig.json' is up to date because newest input '../util/src/ofLen.ts' is older than output '../util/tsconfig.tsbuildinfo'
 
-10:45:55 PM - Project '../util-crypto/tsconfig.json' is up to date because newest input '../util-crypto/src/types.ts' is older than output '../util-crypto/tsconfig.tsbuildinfo'
+11:04:26 AM - Project '../util-crypto/tsconfig.json' is up to date because newest input '../util-crypto/src/types.ts' is older than output '../util-crypto/tsconfig.tsbuildinfo'
 
-10:45:55 PM - Project '../types/tsconfig.json' is up to date because newest input '../types/src/types.test-d.ts' is older than output '../types/tsconfig.tsbuildinfo'
+11:04:26 AM - Project '../types/tsconfig.json' is up to date because newest input '../types/src/types.test-d.ts' is older than output '../types/tsconfig.tsbuildinfo'
 
-10:45:55 PM - Project '../api/tsconfig.json' is up to date because newest input '../api/src/index.ts' is older than output '../api/tsconfig.tsbuildinfo'
+11:04:27 AM - Project '../api/tsconfig.json' is up to date because newest input '../api/src/index.ts' is older than output '../api/tsconfig.tsbuildinfo'
 
-10:45:55 PM - Project '../logger/tsconfig.json' is up to date because newest input '../logger/src/index.ts' is older than output '../logger/tsconfig.tsbuildinfo'
+11:04:27 AM - Project '../logger/tsconfig.json' is up to date because newest input '../logger/src/index.ts' is older than output '../logger/tsconfig.tsbuildinfo'
 
-10:45:55 PM - Project '../common/tsconfig.json' is up to date because newest input '../common/src/error.ts' is older than output '../common/tsconfig.tsbuildinfo'
+11:04:27 AM - Project '../common/tsconfig.json' is up to date because newest input '../common/src/utils/batches.ts' is older than output '../common/tsconfig.tsbuildinfo'
 
-10:45:55 PM - Project '../fingerprintjs/tsconfig.json' is up to date because newest input '../fingerprintjs/src/utils/browser.ts' is older than output '../fingerprintjs/tsconfig.tsbuildinfo'
+11:04:27 AM - Project '../fingerprintjs/tsconfig.json' is up to date because newest input '../fingerprintjs/src/utils/async.ts' is older than output '../fingerprintjs/tsconfig.tsbuildinfo'
 
-10:45:55 PM - Project '../fingerprint/tsconfig.json' is up to date because newest input '../fingerprint/src/index.ts' is older than output '../fingerprint/tsconfig.tsbuildinfo'
+11:04:27 AM - Project '../fingerprint/tsconfig.json' is up to date because newest input '../fingerprint/src/index.ts' is older than output '../fingerprint/tsconfig.tsbuildinfo'
 
-10:45:55 PM - Project '../load-balancer/tsconfig.json' is up to date because newest input '../load-balancer/src/developmentProviderUrl.ts' is older than output '../load-balancer/tsconfig.tsbuildinfo'
+11:04:27 AM - Project '../load-balancer/tsconfig.json' is up to date because newest input '../load-balancer/src/balancer.ts' is older than output '../load-balancer/tsconfig.tsbuildinfo'
 
-10:45:55 PM - Project '../widget-skeleton/tsconfig.json' is up to date because newest input '../widget-skeleton/src/theme.ts' is older than output '../widget-skeleton/tsconfig.tsbuildinfo'
+11:04:27 AM - Project '../widget-skeleton/tsconfig.json' is up to date because newest input '../widget-skeleton/src/index.ts' is older than output '../widget-skeleton/tsconfig.tsbuildinfo'
 
-10:45:55 PM - Project '../keyring/tsconfig.json' is up to date because newest input '../keyring/src/index.ts' is older than output '../keyring/tsconfig.tsbuildinfo'
+11:04:27 AM - Project '../keyring/tsconfig.json' is up to date because newest input '../keyring/src/keyring/keyring.test.ts' is older than output '../keyring/tsconfig.tsbuildinfo'
 
-10:45:56 PM - Project '../account/tsconfig.json' is up to date because newest input '../account/src/custom.d.ts' is older than output '../account/tsconfig.tsbuildinfo'
+11:04:27 AM - Project '../account/tsconfig.json' is up to date because newest input '../account/src/custom.d.ts' is older than output '../account/tsconfig.tsbuildinfo'
 
-10:45:56 PM - Project '../procaptcha-common/tsconfig.json' is up to date because newest input '../procaptcha-common/src/clientMetaData.ts' is older than output '../procaptcha-common/tsconfig.tsbuildinfo'
+11:04:27 AM - Project '../procaptcha-common/tsconfig.json' is up to date because newest input '../procaptcha-common/src/tests/challengeSurfaceRender.unit.test.ts' is older than output '../procaptcha-common/tsconfig.tsbuildinfo'
 
-10:45:56 PM - Project 'tsconfig.json' is out of date because output file 'tsconfig.tsbuildinfo' does not exist
+11:04:27 AM - Project 'tsconfig.json' is out of date because output file 'tsconfig.tsbuildinfo' does not exist
 
-10:45:56 PM - Building project '/home/runner/work/captcha/captcha/packages/procaptcha-pow/tsconfig.json'...
+11:04:27 AM - Building project '/home/runner/work/captcha/captcha/packages/procaptcha-pow/tsconfig.json'...
 

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
 
-> @prosopo/procaptcha-pow@2.12.6 build
+> @prosopo/procaptcha-pow@2.13.0 build
 > npm run build:cross-env -- --mode ${NODE_ENV:-development}
 
 
-> @prosopo/procaptcha-pow@2.12.6 build:cross-env
+> @prosopo/procaptcha-pow@2.13.0 build:cross-env
 > vite build --config vite.esm.config.ts --mode production
 
 ViteEsmConfig: .
@@ -51,9 +51,9 @@ Bundle build started
 rendering chunks...
 computing gzip size...
 dist/_virtual/_rolldown/runtime.js   0.04 kB │ gzip: 0.06 kB
-dist/index.js                        0.13 kB │ gzip: 0.11 kB
-dist/components/ProcaptchaPoW.js     0.37 kB │ gzip: 0.23 kB
-dist/components/ProcaptchaWidget.js  4.88 kB │ gzip: 1.63 kB
+dist/index.js                        0.27 kB │ gzip: 0.14 kB
+dist/components/procaptchaPoW.js     0.63 kB │ gzip: 0.36 kB
+dist/components/procaptchaWidget.js  4.82 kB │ gzip: 1.66 kB
 dist/services/Manager.js             8.55 kB │ gzip: 2.57 kB
 
-✓ built in 64ms
+✓ built in 59ms

package/CHANGELOG.md

@@ -1,5 +1,58 @@
 # @prosopo/procaptcha-pow
 
+## 2.13.0
+### Minor Changes
+
+- 59c02da: Replace React with vanilla TS/DOM in the widget.
+  
+  The widget packages no longer depend on react, react-dom, @emotion or
+  react-i18next: every component is now a `mount*` function returning a handle
+  with `update`/`destroy`. `useTranslation` is replaced by `createTranslator`,
+  which exposes i18next's `t` plus the events that used to trigger a re-render.
+  The rendered markup, styling and behaviour are unchanged — only the
+  implementation is.
+  
+  Everything the widget has gained since this rewrite started is carried over,
+  so nothing is lost by dropping React: the shared challenge surface (popup and
+  float placement, escape/outside-click dismissal and the dialog focus trap),
+  the image-tile and puzzle-piece keyboard paths, the checkbox's focus handover
+  across the loading swap, the server-rendered puzzle imagery, `startMode:
+  "manual"` with `window.procaptcha.start()`, `data-bind` / targeted
+  `execute(widgetId)`, the Web Bot Auth "authenticated" badge, the client
+  session id, and the bounded session re-mint and reload handling in the
+  frictionless wrapper.
+
+### Patch Changes
+
+- Updated dependencies [59c02da]
+  - @prosopo/procaptcha-common@2.16.0
+  - @prosopo/locale@3.5.0
+  - @prosopo/common@3.1.58
+  - @prosopo/types@5.9.2
+  - @prosopo/api@4.3.2
+  - @prosopo/fingerprint@2.7.51
+
+## 2.12.8
+### Patch Changes
+
+- Updated dependencies [a22069d]
+  - @prosopo/types@5.9.1
+  - @prosopo/locale@3.4.4
+  - @prosopo/api@4.3.1
+  - @prosopo/common@3.1.57
+  - @prosopo/fingerprint@2.7.50
+  - @prosopo/procaptcha-common@2.15.1
+
+## 2.12.7
+### Patch Changes
+
+- Updated dependencies [a606f54]
+- Updated dependencies [0f23010]
+  - @prosopo/types@5.9.0
+  - @prosopo/procaptcha-common@2.15.0
+  - @prosopo/api@4.3.0
+  - @prosopo/fingerprint@2.7.49
+
 ## 2.12.6
 ### Patch Changes
 

package/dist/cjs/components/procaptchaPoW.cjs

@@ -0,0 +1,22 @@
+//#region src/components/procaptchaPoW.ts
+/**
+* Dynamic import so the PoW widget lands in its own chunk, replacing the
+* `lazy()` + `<Suspense>` pair that used to provide the split.
+*/
+var loadProcaptchaPow = async () => (await Promise.resolve().then(() => require("./procaptchaWidget.cjs"))).mountProcaptchaPowWidget;
+var mountProcaptchaPow = (container, props) => {
+	let destroyed = false;
+	let inner;
+	loadProcaptchaPow().then((mount) => {
+		if (destroyed) return;
+		inner = mount(container, props);
+	});
+	return { destroy: () => {
+		destroyed = true;
+		inner?.destroy();
+		inner = void 0;
+	} };
+};
+//#endregion
+exports.loadProcaptchaPow = loadProcaptchaPow;
+exports.mountProcaptchaPow = mountProcaptchaPow;

package/dist/cjs/components/procaptchaWidget.cjs

@@ -0,0 +1,143 @@
+const require_Manager = require("../services/Manager.cjs");
+let _prosopo_locale = require("@prosopo/locale");
+let _prosopo_procaptcha_common = require("@prosopo/procaptcha-common");
+let _prosopo_types = require("@prosopo/types");
+let _prosopo_widget_skeleton = require("@prosopo/widget-skeleton");
+//#region src/components/procaptchaWidget.ts
+var PROCAPTCHA_EXECUTE_EVENT = "procaptcha:execute";
+var mountProcaptchaPowWidget = (container, props) => {
+	const teardown = new _prosopo_procaptcha_common.Teardown();
+	const config = props.config;
+	const i18n = props.i18n;
+	const frictionlessState = props.frictionlessState;
+	const callbacks = props.callbacks || {};
+	const translator = (0, _prosopo_locale.createTranslator)(i18n);
+	const isInvisible = _prosopo_types.ModeEnum.invisible === config.mode;
+	const store = (0, _prosopo_procaptcha_common.createProcaptchaState)();
+	let loading = false;
+	let lastError = store.state.error;
+	let lastCoords = null;
+	let sessionInvalidatedFired = false;
+	let executeRunning = false;
+	let honeypot;
+	let checkbox;
+	const updateState = (0, _prosopo_procaptcha_common.buildUpdateState)(store.state, store.update);
+	const manager = require_Manager.Manager(config, store.state, updateState, callbacks, frictionlessState, props.onEscalate, () => honeypot?.getValue());
+	const root = (0, _prosopo_procaptcha_common.createElement)("div");
+	container.appendChild(root);
+	if (frictionlessState?.hp) honeypot = (0, _prosopo_procaptcha_common.mountHoneypot)(root, { encodedQuestion: frictionlessState.hp });
+	const runErrorEffect = () => {
+		if (store.state.error === lastError) return;
+		lastError = store.state.error;
+		if (!store.state.error) return;
+		loading = false;
+		if ("CAPTCHA.NO_SESSION_FOUND" !== store.state.error.key) return;
+		if (props.onSessionInvalidated && !sessionInvalidatedFired) {
+			sessionInvalidatedFired = true;
+			props.onSessionInvalidated(lastCoords?.x, lastCoords?.y);
+			return;
+		}
+		if (frictionlessState) {
+			const timer = setTimeout(() => {
+				frictionlessState.restart();
+			}, 100);
+			teardown.add(() => clearTimeout(timer));
+		}
+	};
+	const render = () => {
+		runErrorEffect();
+		checkbox?.update(checkboxProps());
+	};
+	const scheduler = (0, _prosopo_procaptcha_common.createRenderScheduler)(render);
+	const checkboxProps = () => ({
+		checked: store.state.isHuman,
+		theme: "light" === config.theme ? _prosopo_widget_skeleton.lightTheme : _prosopo_widget_skeleton.darkTheme,
+		labelText: translator.isReady() ? translator.t("WIDGET.I_AM_HUMAN") : "",
+		error: store.state.error?.message,
+		loadingText: translator.t("WIDGET.CHECKING", { defaultValue: "Checking that you are human" }),
+		loading,
+		onChange: async (event) => {
+			if (loading) return;
+			loading = true;
+			scheduler.schedule();
+			let x = 0;
+			let y = 0;
+			if (!(0, _prosopo_procaptcha_common.isEventTrusted)(event)) {} else if ("touches" in event && event.touches.length > 0) {
+				const touch = event.touches[0];
+				if (touch) {
+					x = touch.clientX;
+					y = touch.clientY;
+				}
+			} else if ("clientX" in event && "clientY" in event) {
+				x = event.clientX;
+				y = event.clientY;
+			}
+			lastCoords = {
+				x,
+				y
+			};
+			try {
+				await manager.start(x, y);
+			} catch (error) {
+				console.error("Error starting PoW verification:", error);
+			}
+			loading = false;
+			scheduler.schedule();
+		}
+	});
+	if (!isInvisible) checkbox = (0, _prosopo_procaptcha_common.mountCheckbox)(root, checkboxProps());
+	teardown.add(scheduler.cancel);
+	teardown.add(store.subscribe(scheduler.schedule));
+	teardown.add(translator.subscribe(scheduler.schedule));
+	const handleExecute = () => {
+		if (executeRunning) return;
+		executeRunning = true;
+		if (!isInvisible) {
+			loading = true;
+			scheduler.schedule();
+		}
+		const logError = (error) => {
+			console.error("Error starting PoW verification:", error);
+		};
+		const done = () => {
+			executeRunning = false;
+			if (!isInvisible) {
+				loading = false;
+				scheduler.schedule();
+			}
+		};
+		try {
+			manager.start().catch(logError).finally(done);
+		} catch (error) {
+			logError(error);
+			done();
+		}
+	};
+	if (props.container) teardown.addEventListener(props.container, PROCAPTCHA_EXECUTE_EVENT, handleExecute);
+	if (isInvisible) teardown.addEventListener(document, PROCAPTCHA_EXECUTE_EVENT, handleExecute);
+	if (config.language) if (i18n) {
+		if (i18n.language !== config.language) i18n.changeLanguage(config.language);
+	} else (0, _prosopo_locale.loadI18next)(false, config.language);
+	if (props.autoStart) {
+		loading = true;
+		const coords = props.startCoords;
+		lastCoords = coords ?? null;
+		scheduler.schedule();
+		manager.start(coords?.x ?? 0, coords?.y ?? 0).catch((error) => {
+			console.error("Error starting PoW verification:", error);
+		}).finally(() => {
+			loading = false;
+			scheduler.schedule();
+		});
+	}
+	render();
+	return { destroy: () => {
+		teardown.run();
+		checkbox?.destroy();
+		honeypot?.destroy();
+		root.parentNode?.removeChild(root);
+	} };
+};
+//#endregion
+exports.default = mountProcaptchaPowWidget;
+exports.mountProcaptchaPowWidget = mountProcaptchaPowWidget;

package/dist/cjs/index.cjs

@@ -1,3 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ProcaptchaPoW = require("./components/ProcaptchaPoW.cjs");
-exports.ProcaptchaPow = require_ProcaptchaPoW.ProcaptchaPow;
+const require_procaptchaWidget = require("./components/procaptchaWidget.cjs");
+const require_procaptchaPoW = require("./components/procaptchaPoW.cjs");
+exports.loadProcaptchaPow = require_procaptchaPoW.loadProcaptchaPow;
+exports.mountProcaptchaPow = require_procaptchaPoW.mountProcaptchaPow;
+exports.mountProcaptchaPowWidget = require_procaptchaWidget.default;

package/dist/components/procaptchaPoW.d.ts

@@ -0,0 +1,7 @@
+import type { ProcaptchaProps } from "@prosopo/types";
+import type { ProcaptchaPowHandle } from "./procaptchaWidget.js";
+export type { ProcaptchaPowHandle };
+export type ProcaptchaPowMountFn = (container: HTMLElement, props: ProcaptchaProps) => ProcaptchaPowHandle;
+export declare const loadProcaptchaPow: () => Promise<ProcaptchaPowMountFn>;
+export declare const mountProcaptchaPow: (container: HTMLElement, props: ProcaptchaProps) => ProcaptchaPowHandle;
+//# sourceMappingURL=procaptchaPoW.d.ts.map

package/dist/components/procaptchaPoW.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"procaptchaPoW.d.ts","sourceRoot":"","sources":["../../src/components/procaptchaPoW.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,YAAY,EAAE,mBAAmB,EAAE,CAAC;AAEpC,MAAM,MAAM,oBAAoB,GAAG,CAClC,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,eAAe,KAClB,mBAAmB,CAAC;AAMzB,eAAO,MAAM,iBAAiB,QAAa,OAAO,CAAC,oBAAoB,CACN,CAAC;AAElE,eAAO,MAAM,kBAAkB,cACnB,WAAW,SACf,eAAe,KACpB,mBAkBF,CAAC"}

package/dist/components/procaptchaPoW.js

@@ -0,0 +1,21 @@
+//#region src/components/procaptchaPoW.ts
+/**
+* Dynamic import so the PoW widget lands in its own chunk, replacing the
+* `lazy()` + `<Suspense>` pair that used to provide the split.
+*/
+var loadProcaptchaPow = async () => (await import("./procaptchaWidget.js")).mountProcaptchaPowWidget;
+var mountProcaptchaPow = (container, props) => {
+	let destroyed = false;
+	let inner;
+	loadProcaptchaPow().then((mount) => {
+		if (destroyed) return;
+		inner = mount(container, props);
+	});
+	return { destroy: () => {
+		destroyed = true;
+		inner?.destroy();
+		inner = void 0;
+	} };
+};
+//#endregion
+export { loadProcaptchaPow, mountProcaptchaPow };

package/dist/components/procaptchaPoW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"procaptchaPoW.js","sourceRoot":"","sources":["../../src/components/procaptchaPoW.ts"],"names":[],"mappings":"AA4BA,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,IAAmC,EAAE,CAC1E,CAAC,MAAM,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,wBAAwB,CAAC;AAElE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CACjC,SAAsB,EACtB,KAAsB,EACA,EAAE;IACxB,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,IAAI,KAAsC,CAAC;IAE3C,KAAK,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC,KAA2B,EAAE,EAAE;QAC7D,IAAI,SAAS,EAAE,CAAC;YACf,OAAO;QACR,CAAC;QACD,KAAK,GAAG,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,OAAO;QACN,OAAO,EAAE,GAAG,EAAE;YACb,SAAS,GAAG,IAAI,CAAC;YACjB,KAAK,EAAE,OAAO,EAAE,CAAC;YACjB,KAAK,GAAG,SAAS,CAAC;QACnB,CAAC;KACD,CAAC;AACH,CAAC,CAAC"}

package/dist/components/procaptchaWidget.d.ts

@@ -0,0 +1,7 @@
+import { type ProcaptchaProps } from "@prosopo/types";
+export interface ProcaptchaPowHandle {
+    destroy(): void;
+}
+export declare const mountProcaptchaPowWidget: (container: HTMLElement, props: ProcaptchaProps) => ProcaptchaPowHandle;
+export default mountProcaptchaPowWidget;
+//# sourceMappingURL=procaptchaWidget.d.ts.map

package/dist/components/procaptchaWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"procaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/procaptchaWidget.ts"],"names":[],"mappings":"AA6BA,OAAO,EAEN,KAAK,eAAe,EAEpB,MAAM,gBAAgB,CAAC;AAOxB,MAAM,WAAW,mBAAmB;IACnC,OAAO,IAAI,IAAI,CAAC;CAChB;AAED,eAAO,MAAM,wBAAwB,cACzB,WAAW,SACf,eAAe,KACpB,mBAuOF,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/components/procaptchaWidget.js

@@ -0,0 +1,143 @@
+import "../_virtual/_rolldown/runtime.js";
+import { Manager } from "../services/Manager.js";
+import { createTranslator, loadI18next } from "@prosopo/locale";
+import { Teardown, buildUpdateState, createElement, createProcaptchaState, createRenderScheduler, isEventTrusted, mountCheckbox, mountHoneypot } from "@prosopo/procaptcha-common";
+import { ModeEnum } from "@prosopo/types";
+import { darkTheme, lightTheme } from "@prosopo/widget-skeleton";
+//#region src/components/procaptchaWidget.ts
+var PROCAPTCHA_EXECUTE_EVENT = "procaptcha:execute";
+var mountProcaptchaPowWidget = (container, props) => {
+	const teardown = new Teardown();
+	const config = props.config;
+	const i18n = props.i18n;
+	const frictionlessState = props.frictionlessState;
+	const callbacks = props.callbacks || {};
+	const translator = createTranslator(i18n);
+	const isInvisible = ModeEnum.invisible === config.mode;
+	const store = createProcaptchaState();
+	let loading = false;
+	let lastError = store.state.error;
+	let lastCoords = null;
+	let sessionInvalidatedFired = false;
+	let executeRunning = false;
+	let honeypot;
+	let checkbox;
+	const updateState = buildUpdateState(store.state, store.update);
+	const manager = Manager(config, store.state, updateState, callbacks, frictionlessState, props.onEscalate, () => honeypot?.getValue());
+	const root = createElement("div");
+	container.appendChild(root);
+	if (frictionlessState?.hp) honeypot = mountHoneypot(root, { encodedQuestion: frictionlessState.hp });
+	const runErrorEffect = () => {
+		if (store.state.error === lastError) return;
+		lastError = store.state.error;
+		if (!store.state.error) return;
+		loading = false;
+		if ("CAPTCHA.NO_SESSION_FOUND" !== store.state.error.key) return;
+		if (props.onSessionInvalidated && !sessionInvalidatedFired) {
+			sessionInvalidatedFired = true;
+			props.onSessionInvalidated(lastCoords?.x, lastCoords?.y);
+			return;
+		}
+		if (frictionlessState) {
+			const timer = setTimeout(() => {
+				frictionlessState.restart();
+			}, 100);
+			teardown.add(() => clearTimeout(timer));
+		}
+	};
+	const render = () => {
+		runErrorEffect();
+		checkbox?.update(checkboxProps());
+	};
+	const scheduler = createRenderScheduler(render);
+	const checkboxProps = () => ({
+		checked: store.state.isHuman,
+		theme: "light" === config.theme ? lightTheme : darkTheme,
+		labelText: translator.isReady() ? translator.t("WIDGET.I_AM_HUMAN") : "",
+		error: store.state.error?.message,
+		loadingText: translator.t("WIDGET.CHECKING", { defaultValue: "Checking that you are human" }),
+		loading,
+		onChange: async (event) => {
+			if (loading) return;
+			loading = true;
+			scheduler.schedule();
+			let x = 0;
+			let y = 0;
+			if (!isEventTrusted(event)) {} else if ("touches" in event && event.touches.length > 0) {
+				const touch = event.touches[0];
+				if (touch) {
+					x = touch.clientX;
+					y = touch.clientY;
+				}
+			} else if ("clientX" in event && "clientY" in event) {
+				x = event.clientX;
+				y = event.clientY;
+			}
+			lastCoords = {
+				x,
+				y
+			};
+			try {
+				await manager.start(x, y);
+			} catch (error) {
+				console.error("Error starting PoW verification:", error);
+			}
+			loading = false;
+			scheduler.schedule();
+		}
+	});
+	if (!isInvisible) checkbox = mountCheckbox(root, checkboxProps());
+	teardown.add(scheduler.cancel);
+	teardown.add(store.subscribe(scheduler.schedule));
+	teardown.add(translator.subscribe(scheduler.schedule));
+	const handleExecute = () => {
+		if (executeRunning) return;
+		executeRunning = true;
+		if (!isInvisible) {
+			loading = true;
+			scheduler.schedule();
+		}
+		const logError = (error) => {
+			console.error("Error starting PoW verification:", error);
+		};
+		const done = () => {
+			executeRunning = false;
+			if (!isInvisible) {
+				loading = false;
+				scheduler.schedule();
+			}
+		};
+		try {
+			manager.start().catch(logError).finally(done);
+		} catch (error) {
+			logError(error);
+			done();
+		}
+	};
+	if (props.container) teardown.addEventListener(props.container, PROCAPTCHA_EXECUTE_EVENT, handleExecute);
+	if (isInvisible) teardown.addEventListener(document, PROCAPTCHA_EXECUTE_EVENT, handleExecute);
+	if (config.language) if (i18n) {
+		if (i18n.language !== config.language) i18n.changeLanguage(config.language);
+	} else loadI18next(false, config.language);
+	if (props.autoStart) {
+		loading = true;
+		const coords = props.startCoords;
+		lastCoords = coords ?? null;
+		scheduler.schedule();
+		manager.start(coords?.x ?? 0, coords?.y ?? 0).catch((error) => {
+			console.error("Error starting PoW verification:", error);
+		}).finally(() => {
+			loading = false;
+			scheduler.schedule();
+		});
+	}
+	render();
+	return { destroy: () => {
+		teardown.run();
+		checkbox?.destroy();
+		honeypot?.destroy();
+		root.parentNode?.removeChild(root);
+	} };
+};
+//#endregion
+export { mountProcaptchaPowWidget as default, mountProcaptchaPowWidget };

package/dist/components/procaptchaWidget.js.map

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

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./components/ProcaptchaWidget.js";
-export * from "./components/ProcaptchaPoW.js";
+export * from "./components/procaptchaWidget.js";
+export * from "./components/procaptchaPoW.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,3 +1,4 @@
 import "./_virtual/_rolldown/runtime.js";
-import { ProcaptchaPow } from "./components/ProcaptchaPoW.js";
-export { ProcaptchaPow };
+import mountProcaptchaPowWidget from "./components/procaptchaWidget.js";
+import { loadProcaptchaPow, mountProcaptchaPow } from "./components/procaptchaPoW.js";
+export { loadProcaptchaPow, mountProcaptchaPow, mountProcaptchaPowWidget };

package/dist/tests/domHarness.d.ts

@@ -0,0 +1,20 @@
+export interface Mounted {
+    container: HTMLDivElement;
+    unmount: () => void;
+}
+export declare const mount: () => Mounted;
+interface FireOptions {
+    trusted?: boolean;
+    clientX?: number;
+    clientY?: number;
+    touches?: {
+        clientX: number;
+        clientY: number;
+    }[];
+    key?: string;
+}
+export declare const fire: (element: Element, type: string, options?: FireOptions) => void;
+export declare const fireAndReturn: (element: Element, type: string, options?: FireOptions) => Event;
+export declare const settle: () => Promise<void>;
+export {};
+//# sourceMappingURL=domHarness.d.ts.map

package/dist/tests/domHarness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domHarness.d.ts","sourceRoot":"","sources":["../../src/tests/domHarness.ts"],"names":[],"mappings":"AAoBA,MAAM,WAAW,OAAO;IACvB,SAAS,EAAE,cAAc,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,QAAO,OASxB,CAAC;AAEF,UAAU,WAAW;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;CACb;AA8CD,eAAO,MAAM,IAAI,YACP,OAAO,QACV,MAAM,YACH,WAAW,KAClB,IAEF,CAAC;AAIF,eAAO,MAAM,aAAa,YAChB,OAAO,QACV,MAAM,YACH,WAAW,KAClB,KAQF,CAAC;AAMF,eAAO,MAAM,MAAM,QAAa,OAAO,CAAC,IAAI,CAK3C,CAAC"}