@prosopo/procaptcha-react 2.12.0 → 2.13.0

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

@@ -1,5 +1,5 @@
 
-> @prosopo/procaptcha-react@2.12.0 build:cjs
+> @prosopo/procaptcha-react@2.13.0 build:cjs
 > NODE_ENV=${NODE_ENV:-development}; vite build --config vite.cjs.config.ts --mode $NODE_ENV
 
 ViteCommonJSConfig: .
@@ -7,8 +7,8 @@ ViteCommonJSConfig: .
   tsConfigPaths: [
     '/home/runner/work/captcha/captcha/packages/common/tsconfig.json',
     '/home/runner/work/captcha/captcha/packages/locale/tsconfig.json',
-    '/home/runner/work/captcha/captcha/packages/logger/tsconfig.json',
     '/home/runner/work/captcha/captcha/packages/util/tsconfig.json',
+    '/home/runner/work/captcha/captcha/packages/logger/tsconfig.json',
     '/home/runner/work/captcha/captcha/packages/types/tsconfig.json',
     '/home/runner/work/captcha/captcha/packages/util-crypto/tsconfig.json',
     '/home/runner/work/captcha/captcha/packages/procaptcha/tsconfig.json',
@@ -27,8 +27,8 @@ ViteCommonJSConfig: .
   externals: [
     '@prosopo/common',
     '@prosopo/locale',
-    '@prosopo/logger',
     '@prosopo/util',
+    '@prosopo/logger',
     '@prosopo/types',
     '@prosopo/util-crypto',
     '@prosopo/procaptcha',
@@ -54,11 +54,11 @@ dist/cjs/util/index.cjs                   0.56 kB │ gzip: 0.35 kB
 dist/cjs/components/procaptcha.cjs        0.75 kB │ gzip: 0.41 kB
 dist/cjs/components/index.cjs             0.89 kB │ gzip: 0.22 kB
 dist/cjs/index.cjs                        1.04 kB │ gzip: 0.28 kB
-dist/cjs/components/modal.cjs             1.10 kB │ gzip: 0.55 kB
+dist/cjs/components/modal.cjs             1.39 kB │ gzip: 0.64 kB
 dist/cjs/components/collector.cjs         1.53 kB │ gzip: 0.68 kB
-dist/cjs/components/button.cjs            3.31 kB │ gzip: 1.23 kB
+dist/cjs/components/button.cjs            3.22 kB │ gzip: 1.21 kB
 dist/cjs/components/procaptchaWidget.cjs  6.33 kB │ gzip: 2.06 kB
-dist/cjs/components/captchaWidget.cjs     6.47 kB │ gzip: 2.29 kB
-dist/cjs/components/captchaComponent.cjs  7.25 kB │ gzip: 1.89 kB
+dist/cjs/components/captchaWidget.cjs     7.05 kB │ gzip: 2.48 kB
+dist/cjs/components/captchaComponent.cjs  8.29 kB │ gzip: 2.17 kB
 
-✓ built in 48ms
+✓ built in 53ms

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

@@ -1,11 +1,11 @@
 
-> @prosopo/procaptcha-react@2.12.0 build:tsc
+> @prosopo/procaptcha-react@2.13.0 build:tsc
 > tsc --build --verbose
 
-11:04:34 AM - Projects in this build: 
+3:28:58 PM - Projects in this build: 
     * ../../dev/config/tsconfig.json
-    * ../locale/tsconfig.json
     * ../util/tsconfig.json
+    * ../locale/tsconfig.json
     * ../logger/tsconfig.json
     * ../util-crypto/tsconfig.json
     * ../types/tsconfig.json
@@ -22,41 +22,41 @@
     * ../procaptcha/tsconfig.json
     * tsconfig.json
 
-11:04:34 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'
+3:28:58 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:34 AM - Project '../locale/tsconfig.json' is up to date because newest input '../locale/src/process.ts' is older than output '../locale/tsconfig.tsbuildinfo'
+3:28:58 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:34 AM - Project '../util/tsconfig.json' is up to date because newest input '../util/src/ofLen.ts' is older than output '../util/tsconfig.tsbuildinfo'
+3:28:58 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:34 AM - Project '../logger/tsconfig.json' is up to date because newest input '../logger/src/index.ts' is older than output '../logger/tsconfig.tsbuildinfo'
+3:28:58 PM - Project '../logger/tsconfig.json' is up to date because newest input '../logger/src/logger.ts' is older than output '../logger/tsconfig.tsbuildinfo'
 
-11:04:34 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'
+3:28:58 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:34 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'
+3:28:58 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:34 AM - Project '../common/tsconfig.json' is up to date because newest input '../common/src/utils/batches.ts' is older than output '../common/tsconfig.tsbuildinfo'
+3:28:58 PM - Project '../common/tsconfig.json' is up to date because newest input '../common/src/index.ts' is older than output '../common/tsconfig.tsbuildinfo'
 
-11:04:34 AM - Project '../datasets/tsconfig.json' is up to date because newest input '../datasets/src/index.ts' is older than output '../datasets/tsconfig.tsbuildinfo'
+3:28:58 PM - Project '../datasets/tsconfig.json' is up to date because newest input '../datasets/src/tests/dataset.unit.test.ts' is older than output '../datasets/tsconfig.tsbuildinfo'
 
-11:04:34 AM - Project '../api/tsconfig.json' is up to date because newest input '../api/src/index.ts' is older than output '../api/tsconfig.tsbuildinfo'
+3:28:58 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:34 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'
+3:28:58 PM - Project '../load-balancer/tsconfig.json' is up to date because newest input '../load-balancer/src/tests/productionProviderList.unit.test.ts' is older than output '../load-balancer/tsconfig.tsbuildinfo'
 
-11:04:34 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'
+3:28:58 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:34 AM - Project '../fingerprintjs/tsconfig.json' is up to date because newest input '../fingerprintjs/src/utils/async.ts' is older than output '../fingerprintjs/tsconfig.tsbuildinfo'
+3:28:58 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:34 AM - Project '../fingerprint/tsconfig.json' is up to date because newest input '../fingerprint/src/index.ts' is older than output '../fingerprint/tsconfig.tsbuildinfo'
+3:28:58 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:34 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'
+3:28:58 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:34 AM - Project '../account/tsconfig.json' is up to date because newest input '../account/src/custom.d.ts' is older than output '../account/tsconfig.tsbuildinfo'
+3:28:58 PM - Project '../account/tsconfig.json' is up to date because newest input '../account/src/index.ts' is older than output '../account/tsconfig.tsbuildinfo'
 
-11:04:34 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'
+3:28:58 PM - Project '../procaptcha-common/tsconfig.json' is up to date because newest input '../procaptcha-common/src/extensionLoader.ts' is older than output '../procaptcha-common/tsconfig.tsbuildinfo'
 
-11:04:34 AM - Project '../procaptcha/tsconfig.json' is up to date because newest input '../procaptcha/src/modules/Manager.ts' is older than output '../procaptcha/tsconfig.tsbuildinfo'
+3:28:58 PM - Project '../procaptcha/tsconfig.json' is up to date because newest input '../procaptcha/src/modules/Manager.ts' is older than output '../procaptcha/tsconfig.tsbuildinfo'
 
-11:04:34 AM - Project 'tsconfig.json' is out of date because output file 'tsconfig.tsbuildinfo' does not exist
+3:28:58 PM - Project 'tsconfig.json' is out of date because output file 'tsconfig.tsbuildinfo' does not exist
 
-11:04:34 AM - Building project '/home/runner/work/captcha/captcha/packages/procaptcha-react/tsconfig.json'...
+3:28:58 PM - Building project '/home/runner/work/captcha/captcha/packages/procaptcha-react/tsconfig.json'...
 

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
 
-> @prosopo/procaptcha-react@2.12.0 build
+> @prosopo/procaptcha-react@2.13.0 build
 > npm run build:cross-env -- --mode ${NODE_ENV:-development}
 
 
-> @prosopo/procaptcha-react@2.12.0 build:cross-env
+> @prosopo/procaptcha-react@2.13.0 build:cross-env
 > vite build --config vite.esm.config.ts --mode production
 
 ViteEsmConfig: .
@@ -11,8 +11,8 @@ ViteEsmConfig: .
   tsConfigPaths: [
     '/home/runner/work/captcha/captcha/packages/common/tsconfig.json',
     '/home/runner/work/captcha/captcha/packages/locale/tsconfig.json',
-    '/home/runner/work/captcha/captcha/packages/logger/tsconfig.json',
     '/home/runner/work/captcha/captcha/packages/util/tsconfig.json',
+    '/home/runner/work/captcha/captcha/packages/logger/tsconfig.json',
     '/home/runner/work/captcha/captcha/packages/types/tsconfig.json',
     '/home/runner/work/captcha/captcha/packages/util-crypto/tsconfig.json',
     '/home/runner/work/captcha/captcha/packages/procaptcha/tsconfig.json',
@@ -31,8 +31,8 @@ ViteEsmConfig: .
   externals: [
     '@prosopo/common',
     '@prosopo/locale',
-    '@prosopo/logger',
     '@prosopo/util',
+    '@prosopo/logger',
     '@prosopo/types',
     '@prosopo/util-crypto',
     '@prosopo/procaptcha',
@@ -59,11 +59,11 @@ dist/components/index.js             0.53 kB │ gzip: 0.19 kB
 dist/util/index.js                   0.56 kB │ gzip: 0.35 kB
 dist/index.js                        0.65 kB │ gzip: 0.21 kB
 dist/components/procaptcha.js        0.68 kB │ gzip: 0.38 kB
-dist/components/modal.js             1.01 kB │ gzip: 0.53 kB
+dist/components/modal.js             1.22 kB │ gzip: 0.61 kB
 dist/components/collector.js         1.44 kB │ gzip: 0.66 kB
-dist/components/button.js            3.07 kB │ gzip: 1.21 kB
-dist/components/captchaWidget.js     5.98 kB │ gzip: 2.27 kB
+dist/components/button.js            2.99 kB │ gzip: 1.19 kB
 dist/components/procaptchaWidget.js  6.00 kB │ gzip: 2.05 kB
-dist/components/captchaComponent.js  6.34 kB │ gzip: 1.85 kB
+dist/components/captchaWidget.js     6.48 kB │ gzip: 2.45 kB
+dist/components/captchaComponent.js  7.28 kB │ gzip: 2.13 kB
 
-✓ built in 45ms
+✓ built in 33ms

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @prosopo/procaptcha-react
 
+## 2.13.0
+### Minor Changes
+
+- 5e5fb9e: Give the image challenge dialog different class names, a different DOM shape, different element types for its controls and slightly different spacing on every page load, so a solver script cannot hardcode a way to find or click anything inside it.
+  
+  This is the same treatment the checkbox got. Until now the dialog was identical for every user, forever: the panel was always `.prosopo-modalInner` inside `.prosopo-modalOuter` inside `.prosopo-challenge-content`, every tile and every action was a `<button>`, the grid gap was always 10px, and the whole thing sat at the same offsets. The end-to-end suite was itself finding the images by climbing four parents and stepping sideways from the instruction line — which is the clearest possible evidence that the markup was a reliable handle.
+  
+  Four things now change, all drawn fresh each time a challenge mounts:
+  
+  - **The names.** Every class the dialog renders — the two modal layers, the challenge surface and its panel, the reload control — is an 8-character token drawn at mount. Selectors scraped from one page load are dead on the next. The challenge surface is shared with the puzzle, so the puzzle gets this too. Nothing in the widget's own CSS referenced these names, but a site that had written its own rules against `.prosopo-modalOuter`, `.prosopo-modalInner`, `.prosopo-challenge-content` or `.reload-button` will find they no longer match. `image-captcha` on the widget root stays fixed, as `prosopo-checkbox` did, because that one sits in the embedding page's light DOM.
+  - **The shape.** The panel, the header, the grid, the action row, each action and each tile sit inside a random number of randomly named `div` or `span` wrappers. The wrappers are `display: contents`, so they generate no boxes and cannot move anything: depth varies, layout does not. Only elements with no accessible role are used, so nothing new is announced to a screen reader.
+  - **The element each control is made of.** Every tile and every action is now randomly either a real `<button>` or a `<div role="button" tabindex="0">`, so `button` no longer finds them all. The generic variant is given by hand what the button gave for free: it is in the tab order, it activates on Enter and on Space, Space does not scroll the dialog, and it carries the same `aria-pressed` state. The surface's focus trap already matched `[tabindex]:not([tabindex="-1"])`, so both variants are trapped and tabbable alike.
+  - **The spacing.** The grid gap, the grid's and the header's padding, the action row's padding and the panel's own margins are each nudged a few pixels, so tile centres are not where they were last time. Each of these changes the panel's size rather than moving the panel, so the surface still centres it and a panel taller than the viewport still scrolls to its own edges. The tile and action widths are now derived from the gap they were drawn with — three columns fit only if each cell gives up two thirds of a gap, and the old hardcoded basis would have wrapped the row at the wide end of the range.
+  
+  Three related fixes come with it:
+  
+  - The tick badge on a selected tile was shipping `data-testid="CheckIcon"` to production, plus an `aria-label` on an `aria-hidden` element that nothing could ever read and a stray `color="#fff"` attribute. All three are gone.
+  - The reload button acted on any click, including one a script dispatched. It now takes the same trusted-event gate every other control in the widget has.
+  - The end-to-end suite no longer depends on the markup at all. It uses `data-cy` hooks — the instruction line, the challenge panel, the round, the reload control — that are withheld from production builds, exactly as the checkbox withholds `captcha-checkbox`.
+  
+  Note what this does not do. The dialog still says it is a dialog, the tiles still expose the button role and their pressed state, and the images still carry alt text. A script that looks for what these things mean rather than what they are called will still find them. That is the price of the challenge being usable with a screen reader, and it is the right price; the point here is to kill the cheap selector, not to claim the dialog is unfindable.
+
+### Patch Changes
+
+- Updated dependencies [94929c3]
+- Updated dependencies [a9141c3]
+- Updated dependencies [a9141c3]
+- Updated dependencies [a9141c3]
+- Updated dependencies [e180281]
+- Updated dependencies [5e5fb9e]
+  - @prosopo/procaptcha-common@2.17.0
+  - @prosopo/locale@3.6.0
+  - @prosopo/common@3.1.59
+  - @prosopo/types@5.10.0
+  - @prosopo/util@3.3.11
+  - @prosopo/widget-skeleton@2.9.0
+  - @prosopo/procaptcha@2.11.18
+
 ## 2.12.0
 ### Minor Changes
 

package/dist/cjs/components/button.cjs

@@ -27,7 +27,10 @@ var mountButton = (container, initialProps) => {
 	let props = initialProps;
 	let hover = false;
 	let focusVisible = false;
-	const button = (0, _prosopo_procaptcha_common.createElement)("button");
+	const button = (0, _prosopo_procaptcha_common.createControl)(teardown, { onActivate: (event) => {
+		event.preventDefault();
+		props.onClick();
+	} });
 	const buttonStyle = () => {
 		const theme = "light" === props.themeColor ? _prosopo_widget_skeleton.lightTheme : _prosopo_widget_skeleton.darkTheme;
 		const baseStyle = {
@@ -78,11 +81,6 @@ var mountButton = (container, initialProps) => {
 		focusVisible = false;
 		render();
 	});
-	teardown.addEventListener(button, "click", (event) => {
-		if (!(0, _prosopo_procaptcha_common.isEventTrusted)(event)) return;
-		event.preventDefault();
-		props.onClick();
-	});
 	render();
 	container.appendChild(button);
 	return {

package/dist/cjs/components/captchaComponent.cjs

@@ -34,11 +34,22 @@ var targetStyle = (theme) => ({
 	color: theme.palette.titleAccent,
 	fontWeight: 700
 });
-var columnStyle = {
+var columnStyle = (gap) => ({
 	position: "relative",
 	flexGrow: 1,
-	flexBasis: "calc(33.333% - 10px)"
-};
+	flexBasis: (0, _prosopo_procaptcha_common.threeColumnBasis)(gap)
+});
+var SPACING_JITTER = 4;
+var MIN_CONTROL_GAP = 6;
+var MAX_CONTROL_GAP = 14;
+var HEADER_PADDING_Y = 12;
+var HEADER_PADDING_X = 14;
+var HEADER_PADDING_JITTER = 3;
+var MIN_WRAPPER_DEPTH = 0;
+var MAX_WRAPPER_DEPTH = 2;
+var decoy = (element) => (0, _prosopo_procaptcha_common.wrapRandomly)(element, MIN_WRAPPER_DEPTH, MAX_WRAPPER_DEPTH);
+/** A spacing token moved by a few pixels, never below zero. */
+var jittered = (base, jitter = SPACING_JITTER) => Math.max(0, base + (0, _prosopo_widget_skeleton.randomInt)(-jitter, jitter));
 var mountCaptchaComponent = (container, initialProps) => {
 	let props = initialProps;
 	const themeOf = (themeColor) => "light" === themeColor ? _prosopo_widget_skeleton.lightTheme : _prosopo_widget_skeleton.darkTheme;
@@ -46,26 +57,29 @@ var mountCaptchaComponent = (container, initialProps) => {
 	const currentSolution = () => (0, _prosopo_util.at)(props.solutions, props.index, { noWrap: true });
 	const isLastRound = () => props.index >= props.challenge.captchas.length - 1;
 	const theme = themeOf(props.themeColor);
-	const doubleSpacing = `${theme.spacing.unit * 2}px`;
-	const fullSpacing = `${theme.spacing.unit}px`;
+	const controlGap = (0, _prosopo_widget_skeleton.randomInt)(MIN_CONTROL_GAP, MAX_CONTROL_GAP);
+	const column = columnStyle(controlGap);
 	const targetLabel = (0, _prosopo_procaptcha_common.createElement)("span", { style: targetStyle(theme) });
-	const promptText = (0, _prosopo_procaptcha_common.createElement)("p", { style: promptStyle(theme) });
+	const promptText = (0, _prosopo_procaptcha_common.createElement)("p", {
+		style: promptStyle(theme),
+		attributes: require_index.default({ dev: { cy: "captcha-prompt" } })
+	});
 	const hintText = (0, _prosopo_procaptcha_common.createElement)("p", { style: hintStyle(theme) });
 	const header = (0, _prosopo_procaptcha_common.createElement)("div", {
 		style: {
-			padding: "12px 14px",
+			padding: `${jittered(HEADER_PADDING_Y, HEADER_PADDING_JITTER)}px ${jittered(HEADER_PADDING_X, HEADER_PADDING_JITTER)}px`,
 			fontFamily: theme.font.fontFamily
 		},
-		children: [promptText, hintText]
+		children: [decoy(promptText), decoy(hintText)]
 	});
 	const headerBar = (0, _prosopo_procaptcha_common.createElement)("div", {
 		style: {
 			backgroundColor: theme.palette.primaryContainer.main,
 			borderRadius: theme.shape.header,
 			width: "100%",
-			marginTop: fullSpacing
+			marginTop: `${jittered(theme.spacing.unit)}px`
 		},
-		children: [header]
+		children: [decoy(header)]
 	});
 	const headerRow = (0, _prosopo_procaptcha_common.createElement)("div", {
 		style: {
@@ -73,15 +87,15 @@ var mountCaptchaComponent = (container, initialProps) => {
 			alignItems: "center",
 			width: "100%"
 		},
-		children: [headerBar]
+		children: [decoy(headerBar)]
 	});
 	const gridHost = (0, _prosopo_procaptcha_common.createElement)("div", {
 		style: { overflow: "hidden" },
 		attributes: require_index.default({ dev: { cy: `captcha-${props.index}` } })
 	});
-	const cancelHost = (0, _prosopo_procaptcha_common.createElement)("div", { style: columnStyle });
-	const reloadHost = (0, _prosopo_procaptcha_common.createElement)("div", { style: columnStyle });
-	const nextHost = (0, _prosopo_procaptcha_common.createElement)("div", { style: columnStyle });
+	const cancelHost = (0, _prosopo_procaptcha_common.createElement)("div", { style: column });
+	const reloadHost = (0, _prosopo_procaptcha_common.createElement)("div", { style: column });
+	const nextHost = (0, _prosopo_procaptcha_common.createElement)("div", { style: column });
 	const controls = (0, _prosopo_procaptcha_common.createElement)("div", {
 		style: {
 			width: "100%",
@@ -89,12 +103,12 @@ var mountCaptchaComponent = (container, initialProps) => {
 			display: "flex",
 			flexDirection: "row",
 			justifyContent: "space-between",
-			gap: "10px"
+			gap: `${controlGap}px`
 		},
 		children: [
-			cancelHost,
-			reloadHost,
-			nextHost
+			decoy(cancelHost),
+			decoy(reloadHost),
+			decoy(nextHost)
 		]
 	});
 	const controlsRow = (0, _prosopo_procaptcha_common.createElement)("div", {
@@ -103,9 +117,9 @@ var mountCaptchaComponent = (container, initialProps) => {
 			alignItems: "center",
 			justifyContent: "space-between",
 			lineHeight: 1.75,
-			padding: `${fullSpacing} 0 ${doubleSpacing} 0`
+			padding: `${jittered(theme.spacing.unit)}px 0 ${jittered(theme.spacing.unit * 2)}px 0`
 		},
-		children: [controls]
+		children: [decoy(controls)]
 	});
 	const inner = (0, _prosopo_procaptcha_common.createElement)("div", {
 		style: {
@@ -113,19 +127,20 @@ var mountCaptchaComponent = (container, initialProps) => {
 			display: "flex",
 			flexDirection: "column",
 			minWidth: "300px",
-			marginLeft: fullSpacing,
-			marginRight: fullSpacing,
+			marginLeft: `${jittered(theme.spacing.unit)}px`,
+			marginRight: `${jittered(theme.spacing.unit)}px`,
 			justifyContent: "center"
 		},
 		children: [
-			headerRow,
-			gridHost,
-			controlsRow
+			decoy(headerRow),
+			decoy(gridHost),
+			decoy(controlsRow)
 		]
 	});
 	const root = (0, _prosopo_procaptcha_common.createElement)("div", {
 		style: outerStyle(theme),
-		children: [inner]
+		attributes: require_index.default({ dev: { cy: "captcha-panel" } }),
+		children: [decoy(inner)]
 	});
 	const grid = require_captchaWidget.mountCaptchaWidget(gridHost, {
 		challenge: currentCaptcha(),

package/dist/cjs/components/captchaWidget.cjs

@@ -6,23 +6,34 @@ var getHash = (item) => {
 	if (!item.hash) throw new _prosopo_common.ProsopoDatasetError("CAPTCHA.MISSING_ITEM_HASH", { context: { item } });
 	return item.hash;
 };
-var imageStyle = {
+var cellStyle = (gap) => ({
 	flexGrow: 1,
-	flexBasis: "calc(33.333% - 10px)",
+	flexBasis: (0, _prosopo_procaptcha_common.threeColumnBasis)(gap),
 	boxSizing: "border-box"
-};
+});
+var MIN_GRID_GAP = 8;
+var MAX_GRID_GAP = 15;
+var GRID_PADDING_JITTER = 4;
+var MIN_WRAPPER_DEPTH = 0;
+var MAX_WRAPPER_DEPTH = 2;
 var CHECK_ICON_PATH = "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z";
 var themeOf = (themeColor) => "light" === themeColor ? _prosopo_widget_skeleton.lightTheme : _prosopo_widget_skeleton.darkTheme;
-var gridStyle = (theme) => ({
+/** Drawn once per mounted grid, so tile centres move between page loads. */
+var generateMetrics = (theme) => ({
+	gap: (0, _prosopo_widget_skeleton.randomInt)(MIN_GRID_GAP, MAX_GRID_GAP),
+	paddingTop: Math.max(0, theme.spacing.unit + (0, _prosopo_widget_skeleton.randomInt)(-GRID_PADDING_JITTER, GRID_PADDING_JITTER)),
+	paddingBottom: Math.max(0, theme.spacing.unit + (0, _prosopo_widget_skeleton.randomInt)(-GRID_PADDING_JITTER, GRID_PADDING_JITTER))
+});
+var gridStyle = (metrics) => ({
 	width: "100%",
 	height: "100%",
 	display: "flex",
 	flexDirection: "row",
 	flexWrap: "wrap",
 	justifyContent: "space-between",
-	paddingTop: `${theme.spacing.unit}px`,
-	paddingBottom: `${theme.spacing.unit}px`,
-	gap: "10px"
+	paddingTop: `${metrics.paddingTop}px`,
+	paddingBottom: `${metrics.paddingBottom}px`,
+	gap: `${metrics.gap}px`
 });
 var selectionStyle = (theme, selected) => ({
 	borderRadius: selected ? theme.shape.tileSelected : theme.shape.tile,
@@ -42,7 +53,8 @@ var mountCaptchaWidget = (container, initialProps) => {
 	let renderedChallenge;
 	let tiles = [];
 	let focusedHash = null;
-	const grid = (0, _prosopo_procaptcha_common.createElement)("div", { style: gridStyle(themeOf(initialProps.themeColor)) });
+	const metrics = generateMetrics(themeOf(initialProps.themeColor));
+	const grid = (0, _prosopo_procaptcha_common.createElement)("div", { style: gridStyle(metrics) });
 	const buildTile = (item, index) => {
 		const hash = getHash(item);
 		const theme = themeOf(props.themeColor);
@@ -84,11 +96,8 @@ var mountCaptchaWidget = (container, initialProps) => {
 			},
 			attributes: {
 				focusable: "false",
-				color: "#fff",
 				"aria-hidden": "true",
-				viewBox: "0 0 24 24",
-				"data-testid": "CheckIcon",
-				"aria-label": "Check icon"
+				viewBox: "0 0 24 24"
 			},
 			children: [(0, _prosopo_procaptcha_common.createSvgElement)("path", { attributes: { d: CHECK_ICON_PATH } })]
 		});
@@ -110,7 +119,7 @@ var mountCaptchaWidget = (container, initialProps) => {
 			},
 			children: [icon]
 		});
-		const clickable = (0, _prosopo_procaptcha_common.createElement)("button", {
+		const clickable = (0, _prosopo_procaptcha_common.createControl)(teardown, {
 			style: {
 				position: "relative",
 				cursor: "pointer",
@@ -123,13 +132,11 @@ var mountCaptchaWidget = (container, initialProps) => {
 				appearance: "none",
 				display: "block"
 			},
-			attributes: { type: "button" },
-			children: [image, overlay]
-		});
-		teardown.addEventListener(clickable, "click", (event) => {
-			if (!(0, _prosopo_procaptcha_common.isEventTrusted)(event)) return;
-			const mouseEvent = event;
-			props.onClick(hash, mouseEvent.clientX, mouseEvent.clientY);
+			children: [image, overlay],
+			onActivate: (event) => {
+				const fromPointer = "clientX" in event;
+				props.onClick(hash, fromPointer ? event.clientX : 0, fromPointer ? event.clientY : 0);
+			}
 		});
 		teardown.addEventListener(clickable, "focus", () => {
 			focusedHash = clickable.matches(":focus-visible") ? hash : null;
@@ -140,10 +147,10 @@ var mountCaptchaWidget = (container, initialProps) => {
 			applyFocusRing();
 		});
 		const cell = (0, _prosopo_procaptcha_common.createElement)("div", {
-			style: imageStyle,
+			style: cellStyle(metrics.gap),
 			children: [clickable]
 		});
-		grid.appendChild(cell);
+		grid.appendChild((0, _prosopo_procaptcha_common.wrapRandomly)(cell, MIN_WRAPPER_DEPTH, MAX_WRAPPER_DEPTH));
 		return {
 			hash,
 			image,
@@ -165,7 +172,7 @@ var mountCaptchaWidget = (container, initialProps) => {
 		teardown.run();
 		teardown = new _prosopo_procaptcha_common.Teardown();
 		(0, _prosopo_procaptcha_common.clearElement)(grid);
-		(0, _prosopo_procaptcha_common.applyStyles)(grid, gridStyle(themeOf(props.themeColor)));
+		(0, _prosopo_procaptcha_common.applyStyles)(grid, gridStyle(metrics));
 		tiles = props.challenge.items.map(buildTile);
 		renderedChallenge = props.challenge;
 	};

package/dist/cjs/components/modal.cjs

@@ -1,10 +1,13 @@
 let _prosopo_procaptcha_common = require("@prosopo/procaptcha-common");
+let _prosopo_widget_skeleton = require("@prosopo/widget-skeleton");
 //#region src/components/modal.ts
+var MIN_WRAPPER_DEPTH = 1;
+var MAX_WRAPPER_DEPTH = 3;
 /**
 * The image captcha's dialog frame; positioning lives in `ChallengeSurface`.
 */
 var mountModal = (initialProps) => {
-	const inner = (0, _prosopo_procaptcha_common.createElement)("div", { className: "prosopo-modalInner" });
+	const inner = (0, _prosopo_procaptcha_common.createElement)("div", { className: (0, _prosopo_widget_skeleton.randomToken)() });
 	(0, _prosopo_procaptcha_common.applyStyles)(inner, {
 		maxWidth: "500px",
 		maxHeight: "100%",
@@ -14,17 +17,18 @@ var mountModal = (initialProps) => {
 		alignSelf: "center",
 		boxSizing: "border-box"
 	});
+	const outerClassName = (0, _prosopo_widget_skeleton.randomToken)();
 	const surfaceProps = (props) => ({
 		show: props.show,
 		placement: props.placement,
 		anchor: props.anchor,
 		onDismiss: props.onDismiss,
 		scrim: "none",
-		className: "prosopo-modalOuter",
+		className: outerClassName,
 		dialogLabel: props.dialogLabel
 	});
 	const surface = (0, _prosopo_procaptcha_common.mountChallengeSurface)(surfaceProps(initialProps));
-	surface.content.appendChild(inner);
+	surface.content.appendChild((0, _prosopo_procaptcha_common.wrapRandomly)(inner, MIN_WRAPPER_DEPTH, MAX_WRAPPER_DEPTH));
 	return {
 		content: inner,
 		update: (props) => surface.update(surfaceProps(props)),

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AAaA,OAAO,EACN,KAAK,SAAS,EAOd,MAAM,4BAA4B,CAAC;AAIpC,MAAM,WAAW,WAAW;IAC3B,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACb;AA6BD,eAAO,MAAM,WAAW,cACZ,WAAW,gBACR,WAAW,KACvB,SAAS,CAAC,WAAW,CAoGvB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AAaA,OAAO,EACN,KAAK,SAAS,EAMd,MAAM,4BAA4B,CAAC;AAIpC,MAAM,WAAW,WAAW;IAC3B,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACb;AA6BD,eAAO,MAAM,WAAW,cACZ,WAAW,gBACR,WAAW,KACvB,SAAS,CAAC,WAAW,CAiGvB,CAAC"}

package/dist/components/button.js

@@ -1,5 +1,5 @@
 import addDataAttr from "../util/index.js";
-import { Teardown, applyAttributes, applyStyles, createElement, isEventTrusted } from "@prosopo/procaptcha-common";
+import { Teardown, applyAttributes, applyStyles, createControl } from "@prosopo/procaptcha-common";
 import { darkTheme, lightTheme, withAlpha } from "@prosopo/widget-skeleton";
 //#region src/components/button.ts
 var buttonStyleBase = {
@@ -27,7 +27,10 @@ var mountButton = (container, initialProps) => {
 	let props = initialProps;
 	let hover = false;
 	let focusVisible = false;
-	const button = createElement("button");
+	const button = createControl(teardown, { onActivate: (event) => {
+		event.preventDefault();
+		props.onClick();
+	} });
 	const buttonStyle = () => {
 		const theme = "light" === props.themeColor ? lightTheme : darkTheme;
 		const baseStyle = {
@@ -78,11 +81,6 @@ var mountButton = (container, initialProps) => {
 		focusVisible = false;
 		render();
 	});
-	teardown.addEventListener(button, "click", (event) => {
-		if (!isEventTrusted(event)) return;
-		event.preventDefault();
-		props.onClick();
-	});
 	render();
 	container.appendChild(button);
 	return {

package/dist/components/button.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"captchaComponent.d.ts","sourceRoot":"","sources":["../../src/components/captchaComponent.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EACN,KAAK,SAAS,EAMd,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAO1D,MAAM,WAAW,qBAAqB;IACrC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;IACxC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;CACvB;AA8CD,eAAO,MAAM,qBAAqB,cACtB,WAAW,gBACR,qBAAqB,KACjC,SAAS,CAAC,qBAAqB,CAuMjC,CAAC"}
+{"version":3,"file":"captchaComponent.d.ts","sourceRoot":"","sources":["../../src/components/captchaComponent.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EACN,KAAK,SAAS,EAQd,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAY1D,MAAM,WAAW,qBAAqB;IACrC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;IACxC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;CACvB;AAmED,eAAO,MAAM,qBAAqB,cACtB,WAAW,gBACR,qBAAqB,KACjC,SAAS,CAAC,qBAAqB,CA2MjC,CAAC"}