@prosopo/procaptcha-common 2.11.17 → 2.11.18

package/dist/cjs/state/builder.cjs

@@ -1,88 +1,75 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const buildUpdateState = (state, onStateUpdate) => (nextState) => {
-  Object.assign(state, nextState);
-  onStateUpdate(nextState);
+//#region src/state/builder.ts
+var buildUpdateState = (state, onStateUpdate) => (nextState) => {
+	Object.assign(state, nextState);
+	onStateUpdate(nextState);
 };
-const useRefAsState = (useRef, defaultValue) => {
-  const ref = useRef(defaultValue);
-  const setter = (value2) => {
-    ref.current = value2;
-  };
-  const value = ref.current;
-  return [value, setter];
+/**
+* Wrap a ref to be the same format as useState.
+* @param useRef the useRef function from react
+* @param defaultValue the default value if the state is not already initialised
+* @returns a ref in the same format as a state, e.g. [value, setValue]
+*/
+var useRefAsState = (useRef, defaultValue) => {
+	const ref = useRef(defaultValue);
+	const setter = (value) => {
+		ref.current = value;
+	};
+	return [ref.current, setter];
 };
-const useProcaptcha = (useState, useRef) => {
-  const [isHuman, setIsHuman] = useState(false);
-  const [index, setIndex] = useState(0);
-  const [solutions, setSolutions] = useState(
-    []
-  );
-  const [captchaApi, setCaptchaApi] = useRefAsState(useRef, void 0);
-  const [showModal, setShowModal] = useState(false);
-  const [challenge, setChallenge] = useState(
-    void 0
-  );
-  const [loading, setLoading] = useState(false);
-  const [account, setAccount] = useState(void 0);
-  const [dappAccount, setDappAccount] = useState(void 0);
-  const [submission, setSubmission] = useRefAsState(useRef, void 0);
-  const [timeout, setTimeout] = useRefAsState(
-    useRef,
-    void 0
-  );
-  const [successfullChallengeTimeout, setSuccessfullChallengeTimeout] = useRefAsState(useRef, void 0);
-  const [sendData, setSendData] = useState(false);
-  const [attemptCount, setAttemptCount] = useState(0);
-  const [error, setError] = useState(void 0);
-  const [sessionId, setSessionId] = useState(void 0);
-  return [
-    // the state
-    {
-      isHuman,
-      index,
-      solutions,
-      captchaApi,
-      showModal,
-      challenge,
-      loading,
-      account,
-      dappAccount,
-      submission,
-      timeout,
-      successfullChallengeTimeout,
-      sendData,
-      attemptCount,
-      error,
-      sessionId
-    },
-    // and method to update the state
-    (nextState) => {
-      if (nextState.account !== void 0) setAccount(nextState.account);
-      if (nextState.isHuman !== void 0) setIsHuman(nextState.isHuman);
-      if (nextState.index !== void 0) setIndex(nextState.index);
-      if (nextState.solutions !== void 0)
-        setSolutions(nextState.solutions.slice());
-      if (nextState.captchaApi !== void 0)
-        setCaptchaApi(nextState.captchaApi);
-      if (nextState.showModal !== void 0) setShowModal(nextState.showModal);
-      if (nextState.challenge !== void 0) setChallenge(nextState.challenge);
-      if (nextState.loading !== void 0) setLoading(nextState.loading);
-      if (nextState.showModal !== void 0) setShowModal(nextState.showModal);
-      if (nextState.dappAccount !== void 0)
-        setDappAccount(nextState.dappAccount);
-      if (nextState.submission !== void 0)
-        setSubmission(nextState.submission);
-      if (nextState.timeout !== void 0) setTimeout(nextState.timeout);
-      if (nextState.successfullChallengeTimeout !== void 0)
-        setSuccessfullChallengeTimeout(nextState.timeout);
-      if (nextState.sendData !== void 0) setSendData(nextState.sendData);
-      if (nextState.attemptCount !== void 0)
-        setAttemptCount(nextState.attemptCount);
-      if (nextState.error !== void 0) setError(nextState.error);
-      if (nextState.sessionId !== void 0) setSessionId(nextState.sessionId);
-    }
-  ];
+var useProcaptcha = (useState, useRef) => {
+	const [isHuman, setIsHuman] = useState(false);
+	const [index, setIndex] = useState(0);
+	const [solutions, setSolutions] = useState([]);
+	const [captchaApi, setCaptchaApi] = useRefAsState(useRef, void 0);
+	const [showModal, setShowModal] = useState(false);
+	const [challenge, setChallenge] = useState(void 0);
+	const [loading, setLoading] = useState(false);
+	const [account, setAccount] = useState(void 0);
+	const [dappAccount, setDappAccount] = useState(void 0);
+	const [submission, setSubmission] = useRefAsState(useRef, void 0);
+	const [timeout, setTimeout] = useRefAsState(useRef, void 0);
+	const [successfullChallengeTimeout, setSuccessfullChallengeTimeout] = useRefAsState(useRef, void 0);
+	const [sendData, setSendData] = useState(false);
+	const [attemptCount, setAttemptCount] = useState(0);
+	const [error, setError] = useState(void 0);
+	const [sessionId, setSessionId] = useState(void 0);
+	return [{
+		isHuman,
+		index,
+		solutions,
+		captchaApi,
+		showModal,
+		challenge,
+		loading,
+		account,
+		dappAccount,
+		submission,
+		timeout,
+		successfullChallengeTimeout,
+		sendData,
+		attemptCount,
+		error,
+		sessionId
+	}, (nextState) => {
+		if (nextState.account !== void 0) setAccount(nextState.account);
+		if (nextState.isHuman !== void 0) setIsHuman(nextState.isHuman);
+		if (nextState.index !== void 0) setIndex(nextState.index);
+		if (nextState.solutions !== void 0) setSolutions(nextState.solutions.slice());
+		if (nextState.captchaApi !== void 0) setCaptchaApi(nextState.captchaApi);
+		if (nextState.showModal !== void 0) setShowModal(nextState.showModal);
+		if (nextState.challenge !== void 0) setChallenge(nextState.challenge);
+		if (nextState.loading !== void 0) setLoading(nextState.loading);
+		if (nextState.showModal !== void 0) setShowModal(nextState.showModal);
+		if (nextState.dappAccount !== void 0) setDappAccount(nextState.dappAccount);
+		if (nextState.submission !== void 0) setSubmission(nextState.submission);
+		if (nextState.timeout !== void 0) setTimeout(nextState.timeout);
+		if (nextState.successfullChallengeTimeout !== void 0) setSuccessfullChallengeTimeout(nextState.timeout);
+		if (nextState.sendData !== void 0) setSendData(nextState.sendData);
+		if (nextState.attemptCount !== void 0) setAttemptCount(nextState.attemptCount);
+		if (nextState.error !== void 0) setError(nextState.error);
+		if (nextState.sessionId !== void 0) setSessionId(nextState.sessionId);
+	}];
 };
+//#endregion
 exports.buildUpdateState = buildUpdateState;
 exports.useProcaptcha = useProcaptcha;

package/dist/elements/form.js

@@ -1,22 +1,14 @@
 import { ApiParams } from "@prosopo/types";
+//#region src/elements/form.ts
 function getParentForm(widgetElement) {
-  const parentForm = widgetElement.closest("form");
-  if (parentForm) {
-    return parentForm;
-  }
-  const rootWidgetNode = widgetElement.getRootNode();
-  if (rootWidgetNode instanceof ShadowRoot) {
-    return rootWidgetNode.host.closest("form");
-  }
-  return null;
+	const parentForm = widgetElement.closest("form");
+	if (parentForm) return parentForm;
+	const rootWidgetNode = widgetElement.getRootNode();
+	if (rootWidgetNode instanceof ShadowRoot) return rootWidgetNode.host.closest("form");
+	return null;
 }
-const removeProcaptchaResponse = () => {
-  const element = Array.from(
-    document.getElementsByName(ApiParams.procaptchaResponse)
-  );
-  element.map((el) => el.remove());
-};
-export {
-  getParentForm,
-  removeProcaptchaResponse
+var removeProcaptchaResponse = () => {
+	Array.from(document.getElementsByName(ApiParams.procaptchaResponse)).map((el) => el.remove());
 };
+//#endregion
+export { getParentForm, removeProcaptchaResponse };

package/dist/elements/window.js

@@ -1,19 +1,20 @@
-const getWindowCallback = (callbackName) => {
-  const fn = window[callbackName.replace("window.", "")];
-  if (typeof fn !== "function") {
-    throw new Error(
-      `Callback ${callbackName} is not defined on the window object`
-    );
-  }
-  return fn;
+//#region src/elements/window.ts
+var getWindowCallback = (callbackName) => {
+	const fn = window[callbackName.replace("window.", "")];
+	if (typeof fn !== "function") throw new Error(`Callback ${callbackName} is not defined on the window object`);
+	return fn;
 };
-const isSecureBrowserContext = () => {
-  if (typeof window === "undefined") {
-    return true;
-  }
-  return window.isSecureContext === true;
-};
-export {
-  getWindowCallback,
-  isSecureBrowserContext
+/**
+* Procaptcha depends on secure-context-only browser APIs (e.g. SubtleCrypto)
+* to run a challenge. These are unavailable when the widget is served over
+* plain HTTP, which otherwise surfaces as a cryptic provider-selection
+* failure. The browser already treats HTTPS and localhost as secure contexts,
+* so this only flags genuine HTTP origins. Non-browser (SSR) environments are
+* treated as secure since the HTTP restriction does not apply there.
+*/
+var isSecureBrowserContext = () => {
+	if (typeof window === "undefined") return true;
+	return window.isSecureContext === true;
 };
+//#endregion
+export { getWindowCallback, isSecureBrowserContext };

package/dist/extensionLoader.js

@@ -1,4 +1,4 @@
-const ExtensionLoader = async (web2) => web2 ? (await import("@prosopo/account/extension/ExtensionWeb2")).default : (await import("@prosopo/account/extension/ExtensionWeb3")).default;
-export {
-  ExtensionLoader
-};
+//#region src/extensionLoader.ts
+var ExtensionLoader = async (web2) => web2 ? (await import("@prosopo/account/extension/ExtensionWeb2")).default : (await import("@prosopo/account/extension/ExtensionWeb3")).default;
+//#endregion
+export { ExtensionLoader };

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export * from "./state/builder.js";
 export * from "./callbacks/defaultCallbacks.js";
 export * from "./callbacks/defaultEvents.js";
 export * from "./extensionLoader.js";
+export * from "./simdReadings.js";
 export * from "./elements/window.js";
 export * from "./reactComponents/Reload.js";
 export * from "./reactComponents/Checkbox.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAcA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAcA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC"}

package/dist/index.js

@@ -1,28 +1,13 @@
+import "./_virtual/_rolldown/runtime.js";
 import { getProcaptchaRandomActiveProvider, getRetryDelayMs, pickIpMode, providerRetry } from "./providers.js";
 import { buildUpdateState, useProcaptcha } from "./state/builder.js";
+import { getWindowCallback, isSecureBrowserContext } from "./elements/window.js";
 import { getDefaultCallbacks, setUserCallbacks } from "./callbacks/defaultCallbacks.js";
 import { getDefaultEvents } from "./callbacks/defaultEvents.js";
 import { ExtensionLoader } from "./extensionLoader.js";
-import { getWindowCallback, isSecureBrowserContext } from "./elements/window.js";
+import { SIMD_READINGS_SUBMIT_TIMEOUT_MS, getSimdReadingsForSubmit } from "./simdReadings.js";
 import { ReloadButton } from "./reactComponents/Reload.js";
 import { Checkbox } from "./reactComponents/Checkbox.js";
 import { Honeypot } from "./reactComponents/Honeypot.js";
 import { TestModeBanner } from "./reactComponents/TestModeBanner.js";
-export {
-  Checkbox,
-  ExtensionLoader,
-  Honeypot,
-  ReloadButton,
-  TestModeBanner,
-  buildUpdateState,
-  getDefaultCallbacks,
-  getDefaultEvents,
-  getProcaptchaRandomActiveProvider,
-  getRetryDelayMs,
-  getWindowCallback,
-  isSecureBrowserContext,
-  pickIpMode,
-  providerRetry,
-  setUserCallbacks,
-  useProcaptcha
-};
+export { Checkbox, ExtensionLoader, Honeypot, ReloadButton, SIMD_READINGS_SUBMIT_TIMEOUT_MS, TestModeBanner, buildUpdateState, getDefaultCallbacks, getDefaultEvents, getProcaptchaRandomActiveProvider, getRetryDelayMs, getSimdReadingsForSubmit, getWindowCallback, isSecureBrowserContext, pickIpMode, providerRetry, setUserCallbacks, useProcaptcha };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAcA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAcA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC"}

package/dist/providers.js

@@ -1,50 +1,34 @@
 import { getRandomActiveProvider, getRandomProviderFromList } from "@prosopo/load-balancer";
-const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-const pickIpMode = (flags) => {
-  if (flags?.ipv4) return "ipv4";
-  if (flags?.ipv6) return "ipv6";
-  return void 0;
+//#region src/providers.ts
+var sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+var pickIpMode = (flags) => {
+	if (flags?.ipv4) return "ipv4";
+	if (flags?.ipv6) return "ipv6";
 };
-const getProcaptchaRandomActiveProvider = async (defaultEnvironment, ipMode, retryContext) => {
-  if (!retryContext || retryContext.attempt <= 1) {
-    return getRandomActiveProvider(defaultEnvironment, ipMode);
-  }
-  return getRandomProviderFromList(
-    defaultEnvironment,
-    ipMode,
-    retryContext.excludeUrl
-  );
+var getProcaptchaRandomActiveProvider = async (defaultEnvironment, ipMode, retryContext) => {
+	if (!retryContext || retryContext.attempt <= 1) return getRandomActiveProvider(defaultEnvironment, ipMode);
+	return getRandomProviderFromList(defaultEnvironment, ipMode, retryContext.excludeUrl);
 };
-const RETRY_BASE_DELAY_MS = 500;
-const RETRY_MAX_DELAY_MS = 1e4;
-const getRetryDelayMs = (attemptCount, random = Math.random) => {
-  const safeAttempt = Math.max(0, Math.floor(attemptCount));
-  const cappedDelay = Math.min(
-    RETRY_MAX_DELAY_MS,
-    RETRY_BASE_DELAY_MS * 2 ** safeAttempt
-  );
-  return Math.round(random() * cappedDelay);
+var RETRY_BASE_DELAY_MS = 500;
+var RETRY_MAX_DELAY_MS = 1e4;
+var getRetryDelayMs = (attemptCount, random = Math.random) => {
+	const cappedDelay = Math.min(RETRY_MAX_DELAY_MS, RETRY_BASE_DELAY_MS * 2 ** Math.max(0, Math.floor(attemptCount)));
+	return Math.round(random() * cappedDelay);
 };
-const providerRetry = async (currentFn, retryFn, stateReset, attemptCount, retryMax, backoffMs = getRetryDelayMs(attemptCount)) => {
-  try {
-    await currentFn();
-  } catch (err) {
-    if (attemptCount >= retryMax) {
-      console.error(err);
-      console.error(
-        `Max retries (${attemptCount} of ${retryMax}) reached, aborting`
-      );
-      return stateReset();
-    }
-    console.error(err);
-    stateReset();
-    await sleep(backoffMs);
-    await retryFn();
-  }
-};
-export {
-  getProcaptchaRandomActiveProvider,
-  getRetryDelayMs,
-  pickIpMode,
-  providerRetry
+var providerRetry = async (currentFn, retryFn, stateReset, attemptCount, retryMax, backoffMs = getRetryDelayMs(attemptCount)) => {
+	try {
+		await currentFn();
+	} catch (err) {
+		if (attemptCount >= retryMax) {
+			console.error(err);
+			console.error(`Max retries (${attemptCount} of ${retryMax}) reached, aborting`);
+			return stateReset();
+		}
+		console.error(err);
+		stateReset();
+		await sleep(backoffMs);
+		await retryFn();
+	}
 };
+//#endregion
+export { getProcaptchaRandomActiveProvider, getRetryDelayMs, pickIpMode, providerRetry };

package/dist/reactComponents/Checkbox.js

@@ -1,9 +1,10 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { WIDGET_CHECKBOX_SPINNER_CSS_CLASS } from "@prosopo/widget-skeleton";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
-import { WIDGET_CHECKBOX_SPINNER_CSS_CLASS } from "@prosopo/widget-skeleton";
-import { useState, useMemo } from "react";
-const checkboxBefore = css`{
+//#region src/reactComponents/Checkbox.tsx
+var checkboxBefore = css`{
     &:before {
         content: '""';
         position: absolute;
@@ -11,43 +12,33 @@ const checkboxBefore = css`{
         width: 100%;
     }
 }`;
-const baseStyle = {
-  width: "28px",
-  height: "28px",
-  minWidth: "14px",
-  minHeight: "14px",
-  top: "auto",
-  left: "auto",
-  opacity: "1",
-  borderRadius: "12.5%",
-  appearance: "none",
-  cursor: "pointer",
-  margin: "0",
-  borderStyle: "solid",
-  borderWidth: "1px"
+var baseStyle = {
+	width: "28px",
+	height: "28px",
+	minWidth: "14px",
+	minHeight: "14px",
+	top: "auto",
+	left: "auto",
+	opacity: "1",
+	borderRadius: "12.5%",
+	appearance: "none",
+	cursor: "pointer",
+	margin: "0",
+	borderStyle: "solid",
+	borderWidth: "1px"
 };
-const ID_LETTERS = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
-const FAQ_LINK = process.env.PROSOPO_DOCS_URL ? `${new URL(`${process.env.PROSOPO_DOCS_URL}/en/basics/faq/`).href}/` : "https://docs.prosopo.io/en/basics/faq/";
-const generateRandomId = () => {
-  return Array.from(
-    { length: 8 },
-    () => ID_LETTERS[Math.floor(Math.random() * ID_LETTERS.length)]
-  ).join("");
+var ID_LETTERS = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+var FAQ_LINK = process.env.PROSOPO_DOCS_URL ? `${new URL(`${process.env.PROSOPO_DOCS_URL}/en/basics/faq/`).href}/` : "https://docs.prosopo.io/en/basics/faq/";
+var generateRandomId = () => {
+	return Array.from({ length: 8 }, () => ID_LETTERS[Math.floor(Math.random() * ID_LETTERS.length)]).join("");
 };
-const Checkbox = ({
-  theme,
-  onChange,
-  checked,
-  labelText,
-  error,
-  loading
-}) => {
-  const checkboxStyleBase = {
-    ...baseStyle,
-    border: `1px solid ${theme.palette.background.contrastText}`
-  };
-  const [hover, setHover] = useState(false);
-  const ResponsiveLabel = styled.label`
+var Checkbox = ({ theme, onChange, checked, labelText, error, loading }) => {
+	const checkboxStyleBase = {
+		...baseStyle,
+		border: `1px solid ${theme.palette.background.contrastText}`
+	};
+	const [hover, setHover] = useState(false);
+	const ResponsiveLabel = styled.label`
 		color: ${theme.palette.background.contrastText};
 		position: relative;
 		display: flex !important;
@@ -71,86 +62,73 @@ const Checkbox = ({
 			font-size: 16px;
 		}
 	`;
-  const checkboxStyle = useMemo(() => {
-    return {
-      ...checkboxStyleBase,
-      borderColor: hover ? theme.palette.background.contrastText : theme.palette.border,
-      appearance: checked ? "auto" : "none",
-      flex: 1,
-      margin: "15px",
-      minWidth: "28px",
-      minHeight: "28px"
-    };
-  }, [hover, theme, checked]);
-  const id = generateRandomId();
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      style: {
-        display: "inline-flex",
-        alignItems: "center",
-        minHeight: "58px"
-      },
-      children: [
-        loading ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: WIDGET_CHECKBOX_SPINNER_CSS_CLASS,
-            "aria-label": "Loading spinner"
-          }
-        ) : /* @__PURE__ */ jsx(
-          "input",
-          {
-            name: id,
-            id,
-            onMouseEnter: () => setHover(true),
-            onMouseLeave: () => setHover(false),
-            css: checkboxBefore,
-            type: "checkbox",
-            "aria-live": "assertive",
-            "aria-label": labelText,
-            onKeyDown: (e) => {
-              if (!e.isTrusted) {
-                return;
-              }
-              if (e.key === "Enter") {
-                e.preventDefault();
-                e.stopPropagation();
-                setHover(false);
-                onChange(e);
-              }
-            },
-            onChange: (e) => {
-              if (!e.isTrusted) {
-                return;
-              }
-              e.preventDefault();
-              e.stopPropagation();
-              setHover(false);
-              onChange(e);
-            },
-            checked,
-            style: checkboxStyle,
-            disabled: error !== void 0,
-            className: loading ? "prosopo-checkbox__loading-spinner" : "",
-            "data-cy": "captcha-checkbox"
-          }
-        ),
-        error ? /* @__PURE__ */ jsx(ResponsiveLabel, { htmFor: id, children: /* @__PURE__ */ jsx(
-          "a",
-          {
-            css: {
-              color: theme.palette.error.main
-            },
-            href: FAQ_LINK,
-            children: error
-          }
-        ) }) : /* @__PURE__ */ jsx(ResponsiveLabel, { htmFor: id, children: labelText })
-      ]
-    }
-  );
-};
-export {
-  Checkbox,
-  Checkbox as default
+	const checkboxStyle = useMemo(() => {
+		return {
+			...checkboxStyleBase,
+			borderColor: hover ? theme.palette.background.contrastText : theme.palette.border,
+			appearance: checked ? "auto" : "none",
+			flex: 1,
+			margin: "15px",
+			minWidth: "28px",
+			minHeight: "28px"
+		};
+	}, [
+		hover,
+		theme,
+		checked
+	]);
+	const id = generateRandomId();
+	return /* @__PURE__ */ jsxs("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			minHeight: "58px"
+		},
+		children: [loading ? /* @__PURE__ */ jsx("div", {
+			className: WIDGET_CHECKBOX_SPINNER_CSS_CLASS,
+			"aria-label": "Loading spinner"
+		}) : /* @__PURE__ */ jsx("input", {
+			name: id,
+			id,
+			onMouseEnter: () => setHover(true),
+			onMouseLeave: () => setHover(false),
+			css: checkboxBefore,
+			type: "checkbox",
+			"aria-live": "assertive",
+			"aria-label": labelText,
+			onKeyDown: (e) => {
+				if (!e.isTrusted) return;
+				if (e.key === "Enter") {
+					e.preventDefault();
+					e.stopPropagation();
+					setHover(false);
+					onChange(e);
+				}
+			},
+			onChange: (e) => {
+				if (!e.isTrusted) return;
+				e.preventDefault();
+				e.stopPropagation();
+				setHover(false);
+				onChange(e);
+			},
+			checked,
+			style: checkboxStyle,
+			disabled: error !== void 0,
+			className: loading ? "prosopo-checkbox__loading-spinner" : "",
+			"data-cy": "captcha-checkbox"
+		}), error ? /* @__PURE__ */ jsx(ResponsiveLabel, {
+			htmFor: id,
+			children: /* @__PURE__ */ jsx("a", {
+				css: { color: theme.palette.error.main },
+				href: FAQ_LINK,
+				children: error
+			})
+		}) : /* @__PURE__ */ jsx(ResponsiveLabel, {
+			htmFor: id,
+			children: labelText
+		})]
+	});
 };
+//#endregion
+export { Checkbox, Checkbox as default };