@prosopo/procaptcha-react 2.11.3 → 2.13.0

package/dist/tests/render.js

@@ -1,27 +1,9 @@
-import { act } from "react";
-import { createRoot } from "react-dom/client";
 export const mount = () => {
     const container = document.createElement("div");
     document.body.appendChild(container);
-    let root;
-    act(() => {
-        root = createRoot(container);
-    });
-    if (!root)
-        throw new Error("expected a react root");
-    const created = root;
     return {
         container,
-        root: created,
-        render: (element) => {
-            act(() => {
-                created.render(element);
-            });
-        },
         unmount: () => {
-            act(() => {
-                created.unmount();
-            });
             container.remove();
         },
     };
@@ -40,29 +22,40 @@ const setTrusted = (event, trusted) => {
     }
     throw new Error("could not reach the jsdom event implementation");
 };
-export const fire = (element, type, options = {}) => {
-    const event = new MouseEvent(type, {
+const build = (type, options) => {
+    if (undefined !== options.key) {
+        return new KeyboardEvent(type, {
+            bubbles: true,
+            cancelable: true,
+            key: options.key,
+        });
+    }
+    return new MouseEvent(type, {
         bubbles: true,
         cancelable: true,
         clientX: options.clientX ?? 0,
         clientY: options.clientY ?? 0,
     });
+};
+export const fire = (element, type, options = {}) => {
+    fireAndReturn(element, type, options);
+};
+export const fireAndReturn = (element, type, options = {}) => {
+    const event = build(type, options);
     setTrusted(event, options.trusted ?? true);
     if (options.touches) {
         Object.defineProperty(event, "touches", { value: options.touches });
     }
-    act(() => {
-        element.dispatchEvent(event);
-    });
-};
-export const fireAndReturn = (element, type, options = {}) => {
-    const event = new MouseEvent(type, { bubbles: true, cancelable: true });
-    setTrusted(event, options.trusted ?? true);
-    act(() => {
-        element.dispatchEvent(event);
-    });
+    element.dispatchEvent(event);
     return event;
 };
+export const settle = async () => {
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    await Promise.resolve();
+};
+export const styleSnapshot = (element) => Array.from(element.style)
+    .map((name) => `${name}: ${element.style.getPropertyValue(name)}`)
+    .sort();
 export const asRgb = (hex) => {
     const short = hex.replace("#", "");
     const value = short.length === 3

package/dist/tests/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sourceRoot":"","sources":["../../src/tests/render.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../src/tests/render.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAC,MAAM,KAAK,GAAG,GAAY,EAAE;IAClC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACrC,OAAO;QACN,SAAS;QACT,OAAO,EAAE,GAAG,EAAE;YACb,SAAS,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;KACD,CAAC;AACH,CAAC,CAAC;AAgBF,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,OAAgB,EAAQ,EAAE;IAC3D,KAAK,MAAM,MAAM,IAAI,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1D,MAAM,IAAI,GAAY,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACjD,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YAI7D,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE;gBACxC,YAAY,EAAE,IAAI;gBAClB,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO;gBAClB,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS;aACpB,CAAC,CAAC;YACH,OAAO;QACR,CAAC;IACF,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;AACnE,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,OAAoB,EAAS,EAAE;IAC3D,IAAI,SAAS,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC;QAC/B,OAAO,IAAI,aAAa,CAAC,IAAI,EAAE;YAC9B,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,GAAG,EAAE,OAAO,CAAC,GAAG;SAChB,CAAC,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,UAAU,CAAC,IAAI,EAAE;QAC3B,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,CAAC;QAC7B,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,CAAC;KAC7B,CAAC,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,IAAI,GAAG,CACnB,OAAgB,EAChB,IAAY,EACZ,UAAuB,EAAE,EAClB,EAAE;IACT,aAAa,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AACvC,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,aAAa,GAAG,CAC5B,OAAgB,EAChB,IAAY,EACZ,UAAuB,EAAE,EACjB,EAAE;IACV,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;IAC3C,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrB,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IACrE,CAAC;IACD,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7B,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,IAAmB,EAAE;IAG/C,MAAM,IAAI,OAAO,CAAO,CAAC,OAAmB,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACzE,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;AACzB,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAoB,EAAY,EAAE,CAC/D,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;KACvB,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;KACzE,IAAI,EAAE,CAAC;AAMV,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAW,EAAU,EAAE;IAC5C,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAEnC,MAAM,KAAK,GACV,KAAK,CAAC,MAAM,KAAK,CAAC;QACjB,CAAC,CAAC,KAAK;aACJ,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;aACzB,IAAI,CAAC,EAAE,CAAC;QACX,CAAC,CAAC,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,CAAC,KAAa,EAAU,EAAE,CACzC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACpD,OAAO,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AAC3D,CAAC,CAAC"}

package/dist/util/index.d.ts

@@ -1,9 +1,10 @@
+import type { AttributeMap } from "@prosopo/procaptcha-common";
+type DataValues = {
+    [key: string]: string;
+};
 export default function addDataAttr({ general, dev, }: {
-    general?: {
-        [key: string]: string;
-    };
-    dev?: {
-        [key: string]: string;
-    };
-}): {};
+    general?: DataValues;
+    dev?: DataValues;
+}): AttributeMap;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AA0BA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EACnC,OAAO,EACP,GAAG,GACH,EAAE;IACF,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACpC,GAAG,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CAChC,MAOA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,KAAK,UAAU,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAkB5C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EACnC,OAAO,EACP,GAAG,GACH,EAAE;IACF,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,GAAG,CAAC,EAAE,UAAU,CAAC;CACjB,GAAG,YAAY,CAOf"}

package/dist/util/index.js

@@ -1,9 +1,11 @@
 //#region src/util/index.ts
 function renameKeysForDataAttr(data = {}) {
-	return Object.keys(data).reduce((prev, curr) => ({
-		...prev,
-		[`data-${curr}`]: data[curr]
-	}), {});
+	const renamed = {};
+	for (const key of Object.keys(data)) {
+		const value = data[key];
+		if (void 0 !== value) renamed[`data-${key}`] = value;
+	}
+	return renamed;
 }
 /**
 * maps any data to data attributes (mapped to { data-[key]: value })

package/dist/util/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAaA,SAAS,qBAAqB,CAAC,OAAkC,EAAE;IAClE,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAE9B,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAC3D,EAAE,CACF,CAAC;AACH,CAAC;AAOD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EACnC,OAAO,EACP,GAAG,GAIH;IACA,OAAO;QACN,GAAG,qBAAqB,CAAC,OAAO,CAAC;QACjC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YACxC,CAAC,CAAC,qBAAqB,CAAC,GAAG,CAAC;YAC5B,CAAC,CAAC,EAAE,CAAC;KACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAiBA,SAAS,qBAAqB,CAAC,OAAmB,EAAE;IACnD,MAAM,OAAO,GAAe,EAAE,CAAC;IAC/B,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACrC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QACxB,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;YACzB,OAAO,CAAC,QAAQ,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC;QAChC,CAAC;IACF,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAOD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EACnC,OAAO,EACP,GAAG,GAIH;IACA,OAAO;QACN,GAAG,qBAAqB,CAAC,OAAO,CAAC;QACjC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YACxC,CAAC,CAAC,qBAAqB,CAAC,GAAG,CAAC;YAC5B,CAAC,CAAC,EAAE,CAAC;KACN,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prosopo/procaptcha-react",
-	"version": "2.11.3",
+	"version": "2.13.0",
 	"author": "PROSOPO LIMITED <info@prosopo.io>",
 	"license": "Apache-2.0",
 	"main": "dist/index.js",
@@ -32,22 +32,17 @@
 	},
 	"browserslist": ["> 0.5%, last 2 versions, not dead"],
 	"dependencies": {
-		"@prosopo/common": "3.1.56",
-		"@prosopo/locale": "3.4.3",
-		"@prosopo/procaptcha": "2.11.15",
-		"@prosopo/procaptcha-common": "2.15.0",
-		"@prosopo/types": "5.9.0",
-		"@prosopo/util": "3.3.10",
-		"@prosopo/widget-skeleton": "2.8.7",
-		"csstype": "3.2.3",
-		"react": "19.3.0",
-		"react-dom": "19.3.0"
+		"@prosopo/common": "3.1.59",
+		"@prosopo/locale": "3.6.0",
+		"@prosopo/procaptcha": "2.11.18",
+		"@prosopo/procaptcha-common": "2.17.0",
+		"@prosopo/types": "5.10.0",
+		"@prosopo/util": "3.3.11",
+		"@prosopo/widget-skeleton": "2.9.0"
 	},
 	"devDependencies": {
-		"@emotion/react": "11.14.0",
-		"@prosopo/config": "3.3.17",
+		"@prosopo/config": "3.4.0",
 		"@types/node": "22.10.2",
-		"@types/react-dom": "19.3.0",
 		"@vitest/coverage-v8": "4.1.11",
 		"concurrently": "9.0.1",
 		"del-cli": "6.0.0",

package/vite.test.config.ts

@@ -16,13 +16,12 @@ import { defineConfig, mergeConfig } from "vitest/config";
 
 process.env.NODE_ENV = "test";
 
-// Everything here is a React component, so the suite renders into a real DOM.
+// Every component here builds real DOM, so the suite runs against jsdom.
 export default mergeConfig(
 	ViteTestConfig(),
 	defineConfig({
 		test: {
 			environment: "jsdom",
-			setupFiles: ["./src/tests/setup.ts"],
 		},
 	}),
 );

package/dist/cjs/_virtual/_rolldown/runtime.cjs

@@ -1,23 +0,0 @@
-//#region \0rolldown/runtime.js
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-//#endregion
-exports.__toESM = __toESM;

package/dist/cjs/components/Button.cjs

@@ -1,81 +0,0 @@
-const require_index = require("../util/index.cjs");
-let _prosopo_procaptcha_common = require("@prosopo/procaptcha-common");
-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/Button.tsx
-var buttonStyleBase = {
-	display: "inline-flex",
-	alignItems: "center",
-	justifyContent: "center",
-	position: "relative",
-	boxSizing: "border-box",
-	outline: "0px",
-	margin: "0px",
-	cursor: "pointer",
-	userSelect: "none",
-	verticalAlign: "middle",
-	appearance: void 0,
-	textDecoration: "none",
-	textTransform: "none",
-	minWidth: "64px",
-	minHeight: "40px",
-	borderRadius: "100px",
-	border: "none",
-	transition: "background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, filter 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-	backgroundColor: "transparent"
-};
-var Button = ({ themeColor, buttonType, text, onClick }) => {
-	const theme = (0, react.useMemo)(() => themeColor === "light" ? _prosopo_widget_skeleton.lightTheme : _prosopo_widget_skeleton.darkTheme, [themeColor]);
-	const [hover, setHover] = (0, react.useState)(false);
-	const [focusVisible, setFocusVisible] = (0, react.useState)(false);
-	const buttonStyle = (0, react.useMemo)(() => {
-		const baseStyle = {
-			...buttonStyleBase,
-			...theme.typography.labelLarge,
-			borderRadius: theme.shape.button,
-			fontFamily: theme.font.fontFamily,
-			width: "100%"
-		};
-		if (buttonType === "cancel") return {
-			...baseStyle,
-			padding: "8px 12px",
-			backgroundColor: hover ? (0, _prosopo_widget_skeleton.withAlpha)(theme.palette.primary.main, theme.stateLayer.hover) : "transparent",
-			color: theme.palette.primary.main
-		};
-		return {
-			...baseStyle,
-			padding: "8px 24px",
-			backgroundColor: theme.palette.primary.main,
-			color: theme.palette.primary.contrastText,
-			boxShadow: hover ? `inset 0 0 0 100px ${(0, _prosopo_widget_skeleton.withAlpha)(theme.palette.primary.contrastText, theme.stateLayer.hover)}` : theme.elevation.buttonPrimary
-		};
-	}, [
-		buttonType,
-		hover,
-		theme
-	]);
-	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("button", {
-		...require_index.default({ dev: { cy: `button-${buttonType}` } }),
-		onMouseEnter: () => setHover(true),
-		onMouseLeave: () => setHover(false),
-		onFocus: (e) => setFocusVisible(e.target.matches(":focus-visible")),
-		onBlur: () => setFocusVisible(false),
-		style: {
-			...buttonStyle,
-			...focusVisible ? {
-				outline: `3px solid ${theme.palette.primary.main}`,
-				outlineOffset: "2px"
-			} : {}
-		},
-		onClick: (e) => {
-			if (!(0, _prosopo_procaptcha_common.isEventTrusted)(e)) return;
-			e.preventDefault();
-			onClick();
-		},
-		"aria-label": text,
-		children: text
-	});
-};
-//#endregion
-exports.default = Button;

package/dist/cjs/components/CaptchaComponent.cjs

@@ -1,171 +0,0 @@
-const require_CaptchaWidget = require("./CaptchaWidget.cjs");
-const require_index = require("../util/index.cjs");
-const require_Button = require("./Button.cjs");
-let _prosopo_procaptcha_common = require("@prosopo/procaptcha-common");
-let _prosopo_widget_skeleton = require("@prosopo/widget-skeleton");
-let react = require("react");
-let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
-let _prosopo_locale = require("@prosopo/locale");
-let _prosopo_util = require("@prosopo/util");
-//#region src/components/CaptchaComponent.tsx
-var CaptchaComponent = ({ challenge, index, solutions, onSubmit, onCancel, onClick, onNext, onReload, themeColor }) => {
-	const { t } = (0, _prosopo_locale.useTranslation)();
-	const captcha = (0, _prosopo_util.at)(challenge.captchas, index, { noWrap: true });
-	const solution = (0, _prosopo_util.at)(solutions, index, { noWrap: true });
-	const theme = (0, react.useMemo)(() => themeColor === "light" ? _prosopo_widget_skeleton.lightTheme : _prosopo_widget_skeleton.darkTheme, [themeColor]);
-	const doubleSpacing = `${theme.spacing.unit * 2}px`;
-	const fullSpacing = `${theme.spacing.unit}px`;
-	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react.Suspense, {
-		fallback: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", { children: "Loading..." }),
-		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-			style: {
-				overflowX: "auto",
-				overflowY: "auto",
-				maxWidth: "500px",
-				maxHeight: "100%",
-				display: "flex",
-				flexDirection: "column",
-				border: `1px solid ${theme.palette.border}`,
-				boxShadow: theme.elevation.card,
-				borderRadius: theme.shape.card,
-				backgroundColor: theme.palette.background.default,
-				userSelect: "none",
-				touchAction: "none",
-				overscrollBehavior: "none"
-			},
-			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
-				style: {
-					backgroundColor: theme.palette.background.default,
-					display: "flex",
-					flexDirection: "column",
-					minWidth: "300px",
-					marginLeft: fullSpacing,
-					marginRight: fullSpacing,
-					justifyContent: "center"
-				},
-				children: [
-					/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							width: "100%"
-						},
-						children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-							style: {
-								backgroundColor: theme.palette.primaryContainer.main,
-								borderRadius: theme.shape.header,
-								width: "100%",
-								marginTop: fullSpacing
-							},
-							children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
-								style: {
-									padding: "12px 14px",
-									fontFamily: theme.font.fontFamily
-								},
-								children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("p", {
-									style: {
-										...theme.typography.titleMedium,
-										color: theme.palette.primaryContainer.contrastText,
-										margin: 0
-									},
-									children: [
-										t("WIDGET.SELECT_ALL"),
-										":",
-										"\xA0",
-										/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
-											style: {
-												color: theme.palette.titleAccent,
-												fontWeight: 700
-											},
-											children: `${captcha.target} `
-										})
-									]
-								}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("p", {
-									style: {
-										...theme.typography.bodyMedium,
-										color: theme.palette.onSurfaceVariant,
-										margin: "4px 0 0 0"
-									},
-									children: t("WIDGET.IF_NONE_CLICK_NEXT")
-								})]
-							})
-						})
-					}),
-					/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-						...require_index.default({ dev: { cy: `captcha-${index}` } }),
-						style: { overflow: "hidden" },
-						children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_CaptchaWidget.CaptchaWidget, {
-							challenge: captcha,
-							solution,
-							onClick,
-							themeColor
-						})
-					}),
-					/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "space-between",
-							lineHeight: 1.75,
-							padding: `${fullSpacing} 0 ${doubleSpacing} 0`
-						},
-						children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
-							style: {
-								width: "100%",
-								height: "100%",
-								display: "flex",
-								flexDirection: "row",
-								justifyContent: "space-between",
-								gap: "10px"
-							},
-							children: [
-								/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-									style: {
-										position: "relative",
-										flexGrow: 1,
-										flexBasis: "calc(33.333% - 10px)"
-									},
-									children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Button.default, {
-										themeColor,
-										buttonType: "cancel",
-										onClick: onCancel,
-										text: t("WIDGET.CANCEL"),
-										"aria-label": t("WIDGET.CANCEL")
-									})
-								}),
-								/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-									style: {
-										position: "relative",
-										flexGrow: 1,
-										flexBasis: "calc(33.333% - 10px)"
-									},
-									children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(_prosopo_procaptcha_common.ReloadButton, {
-										themeColor,
-										onReload
-									})
-								}),
-								/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-									style: {
-										position: "relative",
-										flexGrow: 1,
-										flexBasis: "calc(33.333% - 10px)"
-									},
-									children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Button.default, {
-										themeColor,
-										buttonType: "next",
-										text: index < challenge.captchas.length - 1 ? t("WIDGET.NEXT") : t("WIDGET.SUBMIT"),
-										onClick: index < challenge.captchas.length - 1 ? onNext : onSubmit,
-										"aria-label": index < challenge.captchas.length - 1 ? t("WIDGET.NEXT") : t("WIDGET.SUBMIT"),
-										"data-cy": "button-next"
-									})
-								})
-							]
-						})
-					})
-				]
-			})
-		})
-	});
-};
-//#endregion
-exports.default = CaptchaComponent;

package/dist/cjs/components/CaptchaWidget.cjs

@@ -1,129 +0,0 @@
-let _prosopo_common = require("@prosopo/common");
-let _prosopo_procaptcha_common = require("@prosopo/procaptcha-common");
-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/CaptchaWidget.tsx
-var getHash = (item) => {
-	if (!item.hash) throw new _prosopo_common.ProsopoDatasetError("CAPTCHA.MISSING_ITEM_HASH", { context: { item } });
-	return item.hash;
-};
-var CaptchaWidget = ({ challenge, solution, onClick, themeColor }) => {
-	const items = challenge.items;
-	const theme = (0, react.useMemo)(() => themeColor === "light" ? _prosopo_widget_skeleton.lightTheme : _prosopo_widget_skeleton.darkTheme, [themeColor]);
-	const [focusedHash, setFocusedHash] = (0, react.useState)(null);
-	const fullSpacing = `${theme.spacing.unit}px`;
-	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-		style: {
-			width: "100%",
-			height: "100%",
-			display: "flex",
-			flexDirection: "row",
-			flexWrap: "wrap",
-			justifyContent: "space-between",
-			paddingBottom: fullSpacing,
-			paddingTop: fullSpacing,
-			gap: "10px"
-		},
-		children: items.map((item, index) => {
-			const hash = getHash(item);
-			const selected = solution.some((s) => s[0] === hash);
-			return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-				style: {
-					flexGrow: 1,
-					flexBasis: "calc(33.333% - 10px)",
-					boxSizing: "border-box"
-				},
-				children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					"aria-pressed": selected,
-					style: {
-						position: "relative",
-						cursor: "pointer",
-						height: "100%",
-						width: "100%",
-						padding: 0,
-						margin: 0,
-						border: "none",
-						background: "none",
-						appearance: "none",
-						display: "block",
-						...focusedHash === hash ? {
-							outline: `3px solid ${theme.palette.primary.main}`,
-							outlineOffset: "2px"
-						} : { outline: "none" }
-					},
-					onFocus: (e) => setFocusedHash(e.target.matches(":focus-visible") ? hash : null),
-					onBlur: () => setFocusedHash(null),
-					onClick: (e) => {
-						if (!(0, _prosopo_procaptcha_common.isEventTrusted)(e)) return;
-						onClick(hash, e.clientX, e.clientY);
-					},
-					children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("img", {
-						style: {
-							width: "100%",
-							display: "block",
-							objectFit: "cover",
-							aspectRatio: "1/1",
-							height: "auto",
-							overflow: "hidden",
-							borderStyle: "solid",
-							borderWidth: "1px",
-							borderColor: theme.palette.tile.border,
-							borderRadius: selected ? theme.shape.tileSelected : theme.shape.tile,
-							transform: selected ? "scale(0.9)" : "none",
-							transition: "transform 200ms cubic-bezier(0.2, 0, 0, 1), border-radius 200ms"
-						},
-						src: item.data,
-						alt: `Captcha image ${index + 1}`,
-						onError: (e) => {
-							const target = e.currentTarget;
-							const retryCount = Number(target.dataset.retryCount ?? "0") + 1;
-							target.dataset.retryCount = String(retryCount);
-							if (retryCount <= 3) target.src = `${item.data}?retry=${Date.now()}`;
-						}
-					}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-						style: {
-							position: "absolute",
-							top: 0,
-							left: 0,
-							bottom: 0,
-							right: 0,
-							height: "100%",
-							width: "100%",
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "center",
-							backgroundColor: theme.palette.overlay,
-							borderRadius: theme.shape.tileSelected,
-							visibility: selected ? "visible" : "hidden"
-						},
-						children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("svg", {
-							style: {
-								backgroundColor: theme.palette.checkbox.fill,
-								display: "block",
-								width: "34px",
-								height: "34px",
-								padding: "7px",
-								borderRadius: "50%",
-								boxSizing: "border-box",
-								transition: "fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-								userSelect: "none",
-								fill: theme.palette.checkbox.tick
-							},
-							focusable: "false",
-							color: "#fff",
-							"aria-hidden": "true",
-							viewBox: "0 0 24 24",
-							"data-testid": "CheckIcon",
-							"aria-label": "Check icon",
-							children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })
-						})
-					})]
-				})
-			}, item.hash);
-		})
-	});
-};
-//#endregion
-exports.CaptchaWidget = CaptchaWidget;

package/dist/cjs/components/Modal.cjs

@@ -1,35 +0,0 @@
-const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
-let _prosopo_procaptcha_common = require("@prosopo/procaptcha-common");
-let react = require("react");
-react = require_runtime.__toESM(react, 1);
-let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
-//#region src/components/Modal.tsx
-/** The image captcha's dialog frame; positioning lives in `ChallengeSurface`. */
-var ModalComponent = react.default.memo((props) => {
-	const { show, children, placement, anchor, onDismiss, dialogLabel } = props;
-	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(_prosopo_procaptcha_common.ChallengeSurface, {
-		show,
-		placement,
-		anchor,
-		onDismiss,
-		scrim: "none",
-		className: "prosopo-modalOuter",
-		dialogLabel,
-		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-			className: "prosopo-modalInner",
-			style: {
-				maxWidth: "500px",
-				maxHeight: "100%",
-				backgroundColor: "transparent",
-				border: "none",
-				borderRadius: "28px",
-				alignSelf: "center",
-				boxSizing: "border-box"
-			},
-			children
-		})
-	});
-});
-ModalComponent.displayName = "ModalComponent";
-//#endregion
-exports.default = ModalComponent;

package/dist/cjs/components/Procaptcha.cjs

@@ -1,7 +0,0 @@
-let react = require("react");
-let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
-//#region src/components/Procaptcha.tsx
-var ProcaptchaWidget = (0, react.lazy)(async () => Promise.resolve().then(() => require("./ProcaptchaWidget.cjs")));
-var Procaptcha = (props) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react.Suspense, { children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ProcaptchaWidget, { ...props }) });
-//#endregion
-exports.default = Procaptcha;