@prosopo/procaptcha-puzzle 2.10.39 → 2.10.41

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

@@ -1,5 +1,5 @@
 
-> @prosopo/procaptcha-puzzle@2.10.39 build:cjs
+> @prosopo/procaptcha-puzzle@2.10.41 build:cjs
 > NODE_ENV=${NODE_ENV:-development}; vite build --config vite.cjs.config.ts --mode $NODE_ENV
 
 ViteCommonJSConfig: .
@@ -39,15 +39,17 @@ ViteCommonJSConfig: .
     '@prosopo/keyring'
   ]
 }
-vite v6.4.1 building SSR bundle for production...
+The plugin "vite-tsconfig-paths" is detected. Vite now supports tsconfig paths resolution natively via the resolve.tsconfigPaths option. You can remove the plugin and set resolve.tsconfigPaths: true in your Vite config instead.
+vite v8.1.5 building ssr environment for production...
 Bundle build started
-transforming...
-Build end
-✓ 5 modules transformed.
+
+✓ 6 modules transformed.
 rendering chunks...
-dist/cjs/index.cjs                         0.27 kB
-dist/cjs/components/ProcaptchaPuzzle.cjs   0.70 kB
-dist/cjs/components/ProcaptchaWidget.cjs   7.33 kB
-dist/cjs/components/PuzzleCanvas.cjs      10.24 kB
-dist/cjs/services/Manager.cjs             10.38 kB
-✓ built in 257ms
+computing gzip size...
+dist/cjs/index.cjs                        0.22 kB │ gzip: 0.15 kB
+dist/cjs/components/ProcaptchaPuzzle.cjs  0.52 kB │ gzip: 0.27 kB
+dist/cjs/components/ProcaptchaWidget.cjs  6.96 kB │ gzip: 1.94 kB
+dist/cjs/components/PuzzleCanvas.cjs      8.35 kB │ gzip: 2.51 kB
+dist/cjs/services/Manager.cjs             9.00 kB │ gzip: 2.48 kB
+
+✓ built in 71ms

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

@@ -1,8 +1,8 @@
 
-> @prosopo/procaptcha-puzzle@2.10.39 build:tsc
+> @prosopo/procaptcha-puzzle@2.10.41 build:tsc
 > tsc --build --verbose
 
-10:22:53 PM - Projects in this build: 
+12:36:38 PM - 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:22:53 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'
+12:36:38 PM - Project '../../dev/config/tsconfig.json' is up to date because newest input '../../dev/config/src/webpack/index.ts' is older than output '../../dev/config/tsconfig.tsbuildinfo'
 
-10:22:53 PM - Project '../locale/tsconfig.json' is up to date because newest input '../locale/src/translationKey.ts' is older than output '../locale/tsconfig.tsbuildinfo'
+12:36:38 PM - Project '../locale/tsconfig.json' is up to date because newest input '../locale/src/translationKey.ts' is older than output '../locale/tsconfig.tsbuildinfo'
 
-10:22:53 PM - Project '../util/tsconfig.json' is up to date because newest input '../util/src/url.ts' is older than output '../util/tsconfig.tsbuildinfo'
+12:36:38 PM - Project '../util/tsconfig.json' is up to date because newest input '../util/src/url.ts' is older than output '../util/tsconfig.tsbuildinfo'
 
-10:22:54 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'
+12:36:38 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'
 
-10:22:54 PM - Project '../types/tsconfig.json' is up to date because newest input '../types/src/procaptcha/api.ts' is older than output '../types/tsconfig.tsbuildinfo'
+12:36:38 PM - Project '../types/tsconfig.json' is up to date because newest input '../types/src/provider/api.ts' is older than output '../types/tsconfig.tsbuildinfo'
 
-10:22:54 PM - Project '../api/tsconfig.json' is up to date because newest input '../api/src/index.ts' is older than output '../api/tsconfig.tsbuildinfo'
+12:36:38 PM - Project '../api/tsconfig.json' is up to date because newest input '../api/src/tests/apiHarness.ts' is older than output '../api/tsconfig.tsbuildinfo'
 
-10:22:54 PM - Project '../logger/tsconfig.json' is up to date because newest input '../logger/src/index.ts' is older than output '../logger/tsconfig.tsbuildinfo'
+12:36:38 PM - Project '../logger/tsconfig.json' is up to date because newest input '../logger/src/index.ts' is older than output '../logger/tsconfig.tsbuildinfo'
 
-10:22:54 PM - Project '../common/tsconfig.json' is up to date because newest input '../common/src/error.ts' is older than output '../common/tsconfig.tsbuildinfo'
+12:36:38 PM - Project '../common/tsconfig.json' is up to date because newest input '../common/src/index.ts' is older than output '../common/tsconfig.tsbuildinfo'
 
-10:22:54 PM - 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'
+12:36:38 PM - Project '../load-balancer/tsconfig.json' is up to date because newest input '../load-balancer/src/tests/providers.unit.test.ts' is older than output '../load-balancer/tsconfig.tsbuildinfo'
 
-10:22:54 PM - 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'
+12:36:38 PM - Project '../widget-skeleton/tsconfig.json' is up to date because newest input '../widget-skeleton/src/webComponent/createWidget.ts' is older than output '../widget-skeleton/tsconfig.tsbuildinfo'
 
-10:22:54 PM - Project '../fingerprintjs/tsconfig.json' is up to date because newest input '../fingerprintjs/src/utils/browser.ts' is older than output '../fingerprintjs/tsconfig.tsbuildinfo'
+12:36:38 PM - Project '../fingerprintjs/tsconfig.json' is up to date because newest input '../fingerprintjs/src/utils/browser.ts' is older than output '../fingerprintjs/tsconfig.tsbuildinfo'
 
-10:22:54 PM - Project '../fingerprint/tsconfig.json' is up to date because newest input '../fingerprint/src/index.ts' is older than output '../fingerprint/tsconfig.tsbuildinfo'
+12:36:38 PM - Project '../fingerprint/tsconfig.json' is up to date because newest input '../fingerprint/src/index.ts' is older than output '../fingerprint/tsconfig.tsbuildinfo'
 
-10:22:54 PM - Project '../keyring/tsconfig.json' is up to date because newest input '../keyring/src/index.ts' is older than output '../keyring/tsconfig.tsbuildinfo'
+12:36:38 PM - Project '../keyring/tsconfig.json' is up to date because newest input '../keyring/src/keyring/keyring.ts' is older than output '../keyring/tsconfig.tsbuildinfo'
 
-10:22:54 PM - Project '../account/tsconfig.json' is up to date because newest input '../account/src/custom.d.ts' is older than output '../account/tsconfig.tsbuildinfo'
+12:36:39 PM - Project '../account/tsconfig.json' is up to date because newest input '../account/src/custom.d.ts' is older than output '../account/tsconfig.tsbuildinfo'
 
-10:22:54 PM - Project '../procaptcha-common/tsconfig.json' is up to date because newest input '../procaptcha-common/src/reactComponents/Honeypot.tsx' is older than output '../procaptcha-common/tsconfig.tsbuildinfo'
+12:36:39 PM - Project '../procaptcha-common/tsconfig.json' is up to date because newest input '../procaptcha-common/src/simdReadings.ts' is older than output '../procaptcha-common/tsconfig.tsbuildinfo'
 
-10:22:54 PM - Project 'tsconfig.json' is out of date because output file 'tsconfig.tsbuildinfo' does not exist
+12:36:39 PM - Project 'tsconfig.json' is out of date because output file 'tsconfig.tsbuildinfo' does not exist
 
-10:22:54 PM - Building project '/home/runner/work/captcha/captcha/packages/procaptcha-puzzle/tsconfig.json'...
+12:36:39 PM - Building project '/home/runner/work/captcha/captcha/packages/procaptcha-puzzle/tsconfig.json'...
 

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
 
-> @prosopo/procaptcha-puzzle@2.10.39 build
+> @prosopo/procaptcha-puzzle@2.10.41 build
 > npm run build:cross-env -- --mode ${NODE_ENV:-development}
 
 
-> @prosopo/procaptcha-puzzle@2.10.39 build:cross-env
+> @prosopo/procaptcha-puzzle@2.10.41 build:cross-env
 > vite build --config vite.esm.config.ts --mode production
 
 ViteEsmConfig: .
@@ -43,15 +43,18 @@ ViteEsmConfig: .
     '@prosopo/keyring'
   ]
 }
-vite v6.4.1 building SSR bundle for production...
+The plugin "vite-tsconfig-paths" is detected. Vite now supports tsconfig paths resolution natively via the resolve.tsconfigPaths option. You can remove the plugin and set resolve.tsconfigPaths: true in your Vite config instead.
+vite v8.1.5 building ssr environment for production...
 Bundle build started
-transforming...
-Build end
-✓ 5 modules transformed.
+
+✓ 6 modules transformed.
 rendering chunks...
-dist/index.js                         0.14 kB
-dist/components/ProcaptchaPuzzle.js   0.34 kB
-dist/components/ProcaptchaWidget.js   7.13 kB
-dist/components/PuzzleCanvas.js       9.97 kB
-dist/services/Manager.js             10.22 kB
-✓ built in 241ms
+computing gzip size...
+dist/_virtual/_rolldown/runtime.js   0.04 kB │ gzip: 0.06 kB
+dist/index.js                        0.14 kB │ gzip: 0.11 kB
+dist/components/ProcaptchaPuzzle.js  0.38 kB │ gzip: 0.24 kB
+dist/components/ProcaptchaWidget.js  6.47 kB │ gzip: 1.91 kB
+dist/components/PuzzleCanvas.js      7.89 kB │ gzip: 2.48 kB
+dist/services/Manager.js             8.48 kB │ gzip: 2.44 kB
+
+✓ built in 82ms

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @prosopo/procaptcha-puzzle
 
+## 2.10.41
+### Patch Changes
+
+- 3f75ac4: Add unit and type test coverage for the puzzle widget, and fix two defects it uncovered: the checkbox click coordinates were wiped before reaching the solution salt, and a rejected challenge fetch left the spinner up with an unhandled rejection.
+- Updated dependencies [1e0cf14]
+  - @prosopo/api@3.5.21
+
+## 2.10.40
+### Patch Changes
+
+- ab3499c: feat(procaptcha): block on SIMD readings at solution submit
+  
+  Solution submit is the last hop the client controls, so it's the last chance to
+  attach the catcher's WASM SIMD readings for a session. The image, PoW and puzzle
+  managers now wait for the benchmark there via a shared
+  `getSimdReadingsForSubmit` helper, capped at 5s, instead of attaching only
+  whatever the prefetch happened to have resolved.
+  
+  The helper passes the budget down to the detector *and* races it locally — the
+  detector ships prebuilt, so a bundle that ignores `timeoutMs` (or a benchmark
+  wedged on a busy main thread) can't hang the submission. It never rejects: a
+  missing accessor, a rejection, a synchronous throw and a timeout all resolve to
+  `undefined` and the solution is submitted without readings, so a user is never
+  failed over telemetry.
+  
+  The earlier frictionless POST and challenge GET hops are unchanged and remain
+  non-blocking.
+- e14fce6: chore(deps): bump vite to 6.4.3 and mongoose to 8.24.1, and adjust types for the mongoose 8.24 Document/ObjectId changes
+- Updated dependencies [2c47bb7]
+- Updated dependencies [ab3499c]
+- Updated dependencies [0e1171c]
+- Updated dependencies [103318c]
+- Updated dependencies [270a8d8]
+- Updated dependencies [e14fce6]
+  - @prosopo/util@3.3.5
+  - @prosopo/procaptcha-common@2.11.18
+  - @prosopo/locale@3.2.8
+  - @prosopo/types@4.10.0
+  - @prosopo/api@3.5.20
+  - @prosopo/common@3.1.48
+
 ## 2.10.39
 ### Patch Changes
 

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,3 @@
+import "node:module";
+//#endregion
+export {};

package/dist/cjs/components/ProcaptchaPuzzle.cjs

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const _interopNamespaceDefaultOnly = (e) => Object.freeze(Object.defineProperty({ __proto__: null, default: e }, Symbol.toStringTag, { value: "Module" }));
-const ProcaptchaWidget = react.lazy(
-  async () => Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./ProcaptchaWidget.cjs")))
-);
-const ProcaptchaPuzzle = (props) => /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { children: /* @__PURE__ */ jsxRuntime.jsx(ProcaptchaWidget, { ...props }) });
+let react = require("react");
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+//#region src/components/ProcaptchaPuzzle.tsx
+var ProcaptchaWidget = (0, react.lazy)(async () => Promise.resolve().then(() => require("./ProcaptchaWidget.cjs")));
+var ProcaptchaPuzzle = (props) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react.Suspense, { children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ProcaptchaWidget, { ...props }) });
+//#endregion
 exports.ProcaptchaPuzzle = ProcaptchaPuzzle;

package/dist/cjs/components/ProcaptchaWidget.cjs

@@ -1,214 +1,192 @@
-"use strict";
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const locale = require("@prosopo/locale");
-const procaptchaCommon = require("@prosopo/procaptcha-common");
-const types = require("@prosopo/types");
-const widgetSkeleton = require("@prosopo/widget-skeleton");
-const react = require("react");
-const Manager = require("../services/Manager.cjs");
-const PuzzleCanvas = require("./PuzzleCanvas.cjs");
-const PROCAPTCHA_EXECUTE_EVENT = "procaptcha:execute";
-const Procaptcha = (props) => {
-  const { t, ready: isTranslationReady } = locale.useTranslation();
-  const config = props.config;
-  const i18n = props.i18n;
-  const theme = "light" === config.theme ? widgetSkeleton.lightTheme : widgetSkeleton.darkTheme;
-  const frictionlessState = props.frictionlessState;
-  const callbacks = props.callbacks || {};
-  const [state, _updateState] = procaptchaCommon.useProcaptcha(react.useState, react.useRef);
-  const [loading, setLoading] = react.useState(false);
-  const [puzzlePhase, setPuzzlePhase] = react.useState("checkbox");
-  const [challengeData, setChallengeData] = react.useState(null);
-  const [showRetry, setShowRetry] = react.useState(false);
-  const updateState = procaptchaCommon.buildUpdateState(state, _updateState);
-  const hpRef = react.useRef(null);
-  const manager = react.useRef(
-    Manager.Manager(
-      config,
-      state,
-      updateState,
-      callbacks,
-      frictionlessState,
-      () => hpRef.current?.value || void 0
-    )
-  );
-  const lastCoordsRef = react.useRef(null);
-  const sessionInvalidatedFiredRef = react.useRef(false);
-  react.useEffect(() => {
-    if (!config.language) return;
-    if (i18n) {
-      if (i18n.language !== config.language) {
-        void i18n.changeLanguage(config.language);
-      }
-      return;
-    }
-    void locale.loadI18next(false, config.language);
-  }, [i18n, config.language]);
-  react.useEffect(() => {
-    if (!props.autoStart) return;
-    setLoading(true);
-    setShowRetry(false);
-    const coords = props.startCoords;
-    lastCoordsRef.current = coords ?? null;
-    manager.current.start(coords?.x ?? 0, coords?.y ?? 0).then(
-      (challenge) => {
-        if (challenge) {
-          setChallengeData(challenge);
-          setPuzzlePhase("dragging");
-        }
-        setLoading(false);
-      },
-      () => setLoading(false)
-    );
-  }, [props.autoStart, props.startCoords]);
-  react.useEffect(() => {
-    if (!state.error) return void 0;
-    setLoading(false);
-    setPuzzlePhase("checkbox");
-    setChallengeData(null);
-    setShowRetry(false);
-    if (state.error.key !== "CAPTCHA.NO_SESSION_FOUND") return void 0;
-    if (props.onSessionInvalidated && !sessionInvalidatedFiredRef.current) {
-      sessionInvalidatedFiredRef.current = true;
-      const coords = lastCoordsRef.current;
-      props.onSessionInvalidated(coords?.x, coords?.y);
-      return void 0;
-    }
-    if (frictionlessState) {
-      const timer = setTimeout(() => {
-        frictionlessState.restart();
-      }, 100);
-      return () => clearTimeout(timer);
-    }
-    return void 0;
-  }, [state.error, frictionlessState, props.onSessionInvalidated]);
-  react.useEffect(() => {
-    if (config.mode === types.ModeEnum.invisible) {
-      const handleExecuteEvent = async () => {
-        if (loading) {
-          return;
-        }
-        setLoading(true);
-        setShowRetry(false);
-        try {
-          const challenge = await manager.current.start();
-          if (challenge) {
-            setChallengeData(challenge);
-            setPuzzlePhase("dragging");
-          }
-        } catch (error) {
-          callbacks.onError?.(
-            error instanceof Error ? error : new Error(String(error))
-          );
-        } finally {
-          setLoading(false);
-        }
-      };
-      document.addEventListener(PROCAPTCHA_EXECUTE_EVENT, handleExecuteEvent);
-      return () => {
-        document.removeEventListener(
-          PROCAPTCHA_EXECUTE_EVENT,
-          handleExecuteEvent
-        );
-      };
-    }
-    return () => {
-    };
-  }, [config.mode, callbacks.onError, loading]);
-  const handlePuzzleComplete = react.useCallback(
-    async (finalX, finalY, puzzleEvents) => {
-      setPuzzlePhase("submitting");
-      let verified = false;
-      try {
-        verified = await manager.current.submitSolution(
-          finalX,
-          finalY,
-          puzzleEvents
-        );
-      } catch (error) {
-        callbacks.onError?.(
-          error instanceof Error ? error : new Error(String(error))
-        );
-      }
-      if (verified) {
-        setPuzzlePhase("checkbox");
-        setChallengeData(null);
-        setShowRetry(false);
-        setLoading(false);
-        return;
-      }
-      setShowRetry(true);
-      setPuzzlePhase("dragging");
-      try {
-        const newChallenge = await manager.current.start();
-        if (newChallenge) {
-          setChallengeData(newChallenge);
-        } else {
-          setPuzzlePhase("checkbox");
-          setChallengeData(null);
-          setShowRetry(false);
-        }
-      } catch {
-        setPuzzlePhase("checkbox");
-        setChallengeData(null);
-        setShowRetry(false);
-      }
-      setLoading(false);
-    },
-    [callbacks.onError]
-  );
-  const isInvisible = config.mode === types.ModeEnum.invisible;
-  const showPuzzleOverlay = (puzzlePhase === "dragging" || puzzlePhase === "submitting") && challengeData;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    frictionlessState?.hp && /* @__PURE__ */ jsxRuntime.jsx(procaptchaCommon.Honeypot, { ref: hpRef, encodedQuestion: frictionlessState.hp }),
-    showPuzzleOverlay && /* @__PURE__ */ jsxRuntime.jsx(
-      PuzzleCanvas.PuzzleCanvas,
-      {
-        originX: challengeData.originX,
-        originY: challengeData.originY,
-        targetX: challengeData.targetX,
-        targetY: challengeData.targetY,
-        onComplete: handlePuzzleComplete,
-        showRetry,
-        submitting: puzzlePhase === "submitting"
-      }
-    ),
-    !isInvisible && /* @__PURE__ */ jsxRuntime.jsx(
-      procaptchaCommon.Checkbox,
-      {
-        checked: state.isHuman,
-        theme,
-        onChange: async (event) => {
-          if (loading) {
-            return;
-          }
-          setLoading(true);
-          setShowRetry(false);
-          let x = 0;
-          let y = 0;
-          const mouseOrTouchEvent = event.nativeEvent;
-          if (!mouseOrTouchEvent.isTrusted) {
-          } else if ("touches" in mouseOrTouchEvent && mouseOrTouchEvent.touches.length > 0 && mouseOrTouchEvent.touches[0]) {
-            x = mouseOrTouchEvent.touches[0].clientX;
-            y = mouseOrTouchEvent.touches[0].clientY;
-          } else if ("clientX" in mouseOrTouchEvent && "clientY" in mouseOrTouchEvent) {
-            x = mouseOrTouchEvent.clientX;
-            y = mouseOrTouchEvent.clientY;
-          }
-          lastCoordsRef.current = { x, y };
-          const challenge = await manager.current.start(x, y);
-          if (challenge) {
-            setChallengeData(challenge);
-            setPuzzlePhase("dragging");
-          }
-          setLoading(false);
-        },
-        labelText: isTranslationReady ? t("WIDGET.I_AM_HUMAN") : "",
-        error: state.error?.message,
-        "aria-label": "human checkbox",
-        loading: loading || puzzlePhase === "submitting"
-      }
-    )
-  ] });
+const require_Manager = require("../services/Manager.cjs");
+const require_PuzzleCanvas = require("./PuzzleCanvas.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");
+let react = require("react");
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+//#region src/components/ProcaptchaWidget.tsx
+var PROCAPTCHA_EXECUTE_EVENT = "procaptcha:execute";
+var Procaptcha = (props) => {
+	const { t, ready: isTranslationReady } = (0, _prosopo_locale.useTranslation)();
+	const config = props.config;
+	const i18n = props.i18n;
+	const theme = "light" === config.theme ? _prosopo_widget_skeleton.lightTheme : _prosopo_widget_skeleton.darkTheme;
+	const frictionlessState = props.frictionlessState;
+	const callbacks = props.callbacks || {};
+	const [state, _updateState] = (0, _prosopo_procaptcha_common.useProcaptcha)(react.useState, react.useRef);
+	const [loading, setLoading] = (0, react.useState)(false);
+	const [puzzlePhase, setPuzzlePhase] = (0, react.useState)("checkbox");
+	const [challengeData, setChallengeData] = (0, react.useState)(null);
+	const [showRetry, setShowRetry] = (0, react.useState)(false);
+	const updateState = (0, _prosopo_procaptcha_common.buildUpdateState)(state, _updateState);
+	const hpRef = (0, react.useRef)(null);
+	const manager = (0, react.useRef)(require_Manager.Manager(config, state, updateState, callbacks, frictionlessState, () => hpRef.current?.value || void 0));
+	const lastCoordsRef = (0, react.useRef)(null);
+	const sessionInvalidatedFiredRef = (0, react.useRef)(false);
+	(0, react.useEffect)(() => {
+		if (!config.language) return;
+		if (i18n) {
+			if (i18n.language !== config.language) i18n.changeLanguage(config.language);
+			return;
+		}
+		(0, _prosopo_locale.loadI18next)(false, config.language);
+	}, [i18n, config.language]);
+	(0, react.useEffect)(() => {
+		if (!props.autoStart) return;
+		setLoading(true);
+		setShowRetry(false);
+		const coords = props.startCoords;
+		lastCoordsRef.current = coords ?? null;
+		manager.current.start(coords?.x ?? 0, coords?.y ?? 0).then((challenge) => {
+			if (challenge) {
+				setChallengeData(challenge);
+				setPuzzlePhase("dragging");
+			}
+			setLoading(false);
+		}, () => setLoading(false));
+	}, [props.autoStart, props.startCoords]);
+	(0, react.useEffect)(() => {
+		if (!state.error) return void 0;
+		setLoading(false);
+		setPuzzlePhase("checkbox");
+		setChallengeData(null);
+		setShowRetry(false);
+		if (state.error.key !== "CAPTCHA.NO_SESSION_FOUND") return void 0;
+		if (props.onSessionInvalidated && !sessionInvalidatedFiredRef.current) {
+			sessionInvalidatedFiredRef.current = true;
+			const coords = lastCoordsRef.current;
+			props.onSessionInvalidated(coords?.x, coords?.y);
+			return;
+		}
+		if (frictionlessState) {
+			const timer = setTimeout(() => {
+				frictionlessState.restart();
+			}, 100);
+			return () => clearTimeout(timer);
+		}
+	}, [
+		state.error,
+		frictionlessState,
+		props.onSessionInvalidated
+	]);
+	(0, react.useEffect)(() => {
+		if (config.mode === _prosopo_types.ModeEnum.invisible) {
+			const handleExecuteEvent = async () => {
+				if (loading) return;
+				setLoading(true);
+				setShowRetry(false);
+				try {
+					const challenge = await manager.current.start();
+					if (challenge) {
+						setChallengeData(challenge);
+						setPuzzlePhase("dragging");
+					}
+				} catch (error) {
+					callbacks.onError?.(error instanceof Error ? error : new Error(String(error)));
+				} finally {
+					setLoading(false);
+				}
+			};
+			document.addEventListener(PROCAPTCHA_EXECUTE_EVENT, handleExecuteEvent);
+			return () => {
+				document.removeEventListener(PROCAPTCHA_EXECUTE_EVENT, handleExecuteEvent);
+			};
+		}
+		return () => {};
+	}, [
+		config.mode,
+		callbacks.onError,
+		loading
+	]);
+	const handlePuzzleComplete = (0, react.useCallback)(async (finalX, finalY, puzzleEvents) => {
+		setPuzzlePhase("submitting");
+		let verified = false;
+		try {
+			verified = await manager.current.submitSolution(finalX, finalY, puzzleEvents);
+		} catch (error) {
+			callbacks.onError?.(error instanceof Error ? error : new Error(String(error)));
+		}
+		if (verified) {
+			setPuzzlePhase("checkbox");
+			setChallengeData(null);
+			setShowRetry(false);
+			setLoading(false);
+			return;
+		}
+		setShowRetry(true);
+		setPuzzlePhase("dragging");
+		try {
+			const newChallenge = await manager.current.start();
+			if (newChallenge) setChallengeData(newChallenge);
+			else {
+				setPuzzlePhase("checkbox");
+				setChallengeData(null);
+				setShowRetry(false);
+			}
+		} catch {
+			setPuzzlePhase("checkbox");
+			setChallengeData(null);
+			setShowRetry(false);
+		}
+		setLoading(false);
+	}, [callbacks.onError]);
+	const isInvisible = config.mode === _prosopo_types.ModeEnum.invisible;
+	const showPuzzleOverlay = (puzzlePhase === "dragging" || puzzlePhase === "submitting") && challengeData;
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [
+		frictionlessState?.hp && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(_prosopo_procaptcha_common.Honeypot, {
+			ref: hpRef,
+			encodedQuestion: frictionlessState.hp
+		}),
+		showPuzzleOverlay && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_PuzzleCanvas.PuzzleCanvas, {
+			originX: challengeData.originX,
+			originY: challengeData.originY,
+			targetX: challengeData.targetX,
+			targetY: challengeData.targetY,
+			onComplete: handlePuzzleComplete,
+			showRetry,
+			submitting: puzzlePhase === "submitting"
+		}),
+		!isInvisible && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(_prosopo_procaptcha_common.Checkbox, {
+			checked: state.isHuman,
+			theme,
+			onChange: async (event) => {
+				if (loading) return;
+				setLoading(true);
+				setShowRetry(false);
+				let x = 0;
+				let y = 0;
+				const mouseOrTouchEvent = event.nativeEvent;
+				if (!mouseOrTouchEvent.isTrusted) {} else if ("touches" in mouseOrTouchEvent && mouseOrTouchEvent.touches.length > 0 && mouseOrTouchEvent.touches[0]) {
+					x = mouseOrTouchEvent.touches[0].clientX;
+					y = mouseOrTouchEvent.touches[0].clientY;
+				} else if ("clientX" in mouseOrTouchEvent && "clientY" in mouseOrTouchEvent) {
+					x = mouseOrTouchEvent.clientX;
+					y = mouseOrTouchEvent.clientY;
+				}
+				lastCoordsRef.current = {
+					x,
+					y
+				};
+				try {
+					const challenge = await manager.current.start(x, y);
+					if (challenge) {
+						setChallengeData(challenge);
+						setPuzzlePhase("dragging");
+					}
+				} catch (error) {
+					callbacks.onError?.(error instanceof Error ? error : new Error(String(error)));
+				} finally {
+					setLoading(false);
+				}
+			},
+			labelText: isTranslationReady ? t("WIDGET.I_AM_HUMAN") : "",
+			error: state.error?.message,
+			"aria-label": "human checkbox",
+			loading: loading || puzzlePhase === "submitting"
+		})
+	] });
 };
-module.exports = Procaptcha;
+//#endregion
+exports.default = Procaptcha;