@prosopo/procaptcha-common 2.12.5 → 2.13.0

package/dist/reactComponents/ChallengeSurface.js

@@ -0,0 +1,161 @@
+import { PlacementEnum } from "@prosopo/types";
+import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createPortal } from "react-dom";
+//#region src/reactComponents/ChallengeSurface.tsx
+var SURFACE_Z_INDEX = 2147483646;
+var CONTENT_Z_INDEX = 2147483647;
+var IOS_LIFT_STYLE_ID = "prosopo-challenge-surface-ios-lift";
+var IOS_LIFT_CSS = `
+.prosopo-challenge-content--ios-lift {
+	transform: translate(-50%, -50%);
+}
+@supports (-webkit-touch-callout: none) {
+	.prosopo-challenge-content--ios-lift {
+		transform: translate(-50%, -100%);
+	}
+}
+`;
+var ensureIosLiftStyles = () => {
+	if (typeof document === "undefined") return;
+	if (document.getElementById(IOS_LIFT_STYLE_ID)) return;
+	const style = document.createElement("style");
+	style.id = IOS_LIFT_STYLE_ID;
+	style.textContent = IOS_LIFT_CSS;
+	document.head.appendChild(style);
+};
+var FLOAT_GAP_PX = 8;
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+/**
+* Places the panel directly above the anchor, in document coordinates.
+*
+* Document coordinates rather than viewport ones, because the panel is
+* `position: absolute`: the page carries it while scrolling instead of the
+* panel being recomputed against a moving viewport, which is what made it
+* drift. Always above, never flipped, so the challenge does not jump to the
+* other side of the widget as the page moves.
+*/
+var computeFloatPosition = (anchorRect, panelHeight, scrollX, scrollY) => ({
+	top: Math.max(0, anchorRect.top + scrollY - panelHeight - FLOAT_GAP_PX),
+	left: anchorRect.left + scrollX
+});
+var ChallengeSurface = React.memo((props) => {
+	const { show, children, placement = PlacementEnum.popup, anchor, scrim = "none", onDismiss, popupIosLift = false, className } = props;
+	const contentRef = useRef(null);
+	const [floatPosition, setFloatPosition] = useState(null);
+	const isFloating = placement === PlacementEnum.float && !!anchor;
+	const reposition = useCallback(() => {
+		if (!isFloating || !anchor || !contentRef.current) return;
+		const panel = contentRef.current.getBoundingClientRect();
+		const next = computeFloatPosition(anchor.getBoundingClientRect(), panel.height, window.scrollX, window.scrollY);
+		setFloatPosition((current) => current && current.top === next.top && current.left === next.left ? current : next);
+	}, [isFloating, anchor]);
+	useIsomorphicLayoutEffect(() => {
+		if (!show || !isFloating) {
+			setFloatPosition(null);
+			return;
+		}
+		reposition();
+	}, [
+		show,
+		isFloating,
+		reposition
+	]);
+	useEffect(() => {
+		if (!show || !isFloating) return;
+		window.addEventListener("resize", reposition);
+		const observer = typeof ResizeObserver === "function" ? new ResizeObserver(reposition) : null;
+		if (observer && contentRef.current) observer.observe(contentRef.current);
+		if (observer && anchor) observer.observe(anchor);
+		return () => {
+			window.removeEventListener("resize", reposition);
+			observer?.disconnect();
+		};
+	}, [
+		show,
+		isFloating,
+		anchor,
+		reposition
+	]);
+	useEffect(() => {
+		if (!show || !onDismiss) return;
+		const onKeyDown = (event) => {
+			if (event.key === "Escape") onDismiss();
+		};
+		document.addEventListener("keydown", onKeyDown);
+		return () => document.removeEventListener("keydown", onKeyDown);
+	}, [show, onDismiss]);
+	useEffect(() => {
+		if (!show || !isFloating || !onDismiss) return;
+		const onPointerDown = (event) => {
+			const target = event.target;
+			if (!(target instanceof Node)) return;
+			if (contentRef.current?.contains(target)) return;
+			if (anchor?.contains(target)) return;
+			onDismiss();
+		};
+		document.addEventListener("pointerdown", onPointerDown);
+		return () => document.removeEventListener("pointerdown", onPointerDown);
+	}, [
+		show,
+		isFloating,
+		anchor,
+		onDismiss
+	]);
+	useEffect(() => {
+		if (popupIosLift && !isFloating) ensureIosLiftStyles();
+	}, [popupIosLift, isFloating]);
+	if (typeof document === "undefined") return null;
+	const layerStyle = isFloating ? {
+		position: "absolute",
+		top: 0,
+		left: 0,
+		width: 0,
+		height: 0,
+		zIndex: SURFACE_Z_INDEX,
+		display: show ? "block" : "none",
+		pointerEvents: "none"
+	} : {
+		position: "fixed",
+		inset: 0,
+		zIndex: SURFACE_Z_INDEX,
+		display: show ? "flex" : "none",
+		alignItems: "center",
+		justifyContent: "center",
+		minHeight: "100vh",
+		backgroundColor: scrim === "dim" && show ? "rgba(0, 0, 0, 0.4)" : "transparent",
+		transition: "background-color 0.3s ease"
+	};
+	const contentStyle = isFloating ? {
+		position: "absolute",
+		zIndex: CONTENT_Z_INDEX,
+		pointerEvents: "auto",
+		top: `${floatPosition?.top ?? 0}px`,
+		left: `${floatPosition?.left ?? 0}px`,
+		visibility: floatPosition ? "visible" : "hidden"
+	} : {
+		position: "absolute",
+		top: "50%",
+		left: "50%",
+		transform: popupIosLift ? void 0 : "translate(-50%, -50%)",
+		zIndex: CONTENT_Z_INDEX,
+		boxSizing: "border-box"
+	};
+	return createPortal(/* @__PURE__ */ jsx("div", {
+		className: [
+			"prosopo-challenge-surface",
+			`prosopo-challenge-surface--${isFloating ? "float" : "popup"}`,
+			className
+		].filter(Boolean).join(" "),
+		style: layerStyle,
+		children: /* @__PURE__ */ jsx("div", {
+			ref: contentRef,
+			className: popupIosLift && !isFloating ? "prosopo-challenge-content prosopo-challenge-content--ios-lift" : "prosopo-challenge-content",
+			style: contentStyle,
+			children
+		})
+	}), document.body);
+});
+ChallengeSurface.displayName = "ChallengeSurface";
+//#endregion
+export { ChallengeSurface, computeFloatPosition };

package/dist/reactComponents/ChallengeSurface.js.map

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

package/dist/tests/challengeSurface.unit.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=challengeSurface.unit.test.d.ts.map

package/dist/tests/challengeSurface.unit.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"challengeSurface.unit.test.d.ts","sourceRoot":"","sources":["../../src/tests/challengeSurface.unit.test.ts"],"names":[],"mappings":""}

package/dist/tests/challengeSurface.unit.test.js

@@ -0,0 +1,54 @@
+import { describe, expect, it } from "vitest";
+import { computeFloatPosition } from "../reactComponents/ChallengeSurface.js";
+const VIEWPORT_WIDTH = 1000;
+const VIEWPORT_HEIGHT = 800;
+const rect = (left, top, width, height) => ({
+    left,
+    top,
+    width,
+    height,
+    right: left + width,
+    bottom: top + height,
+    x: left,
+    y: top,
+    toJSON: () => ({}),
+});
+const PANEL_HEIGHT = 250;
+const place = (anchor, panelHeight = PANEL_HEIGHT, scrollX = 0, scrollY = 0) => computeFloatPosition(anchor, panelHeight, scrollX, scrollY);
+describe("computeFloatPosition", () => {
+    it("sits directly above the anchor", () => {
+        const anchor = rect(100, 300, 300, 78);
+        const { top, left } = place(anchor);
+        expect(top).toBe(anchor.top - PANEL_HEIGHT - 8);
+        expect(left).toBe(anchor.left);
+    });
+    it("stays above the anchor even when the space below is larger", () => {
+        const anchor = rect(100, 400, 300, 50);
+        const { top } = place(anchor);
+        expect(top).toBe(anchor.top - PANEL_HEIGHT - 8);
+        expect(top + PANEL_HEIGHT).toBeLessThan(anchor.top);
+    });
+    it("converts the viewport rect into document coordinates", () => {
+        const anchor = rect(100, 300, 300, 78);
+        const { top, left } = place(anchor, PANEL_HEIGHT, 40, 500);
+        expect(top).toBe(anchor.top + 500 - PANEL_HEIGHT - 8);
+        expect(left).toBe(anchor.left + 40);
+    });
+    it("does not move when only the scroll offset changes", () => {
+        const unscrolled = place(rect(100, 300, 300, 78), PANEL_HEIGHT, 0, 0);
+        const scrolled = place(rect(100, 100, 300, 78), PANEL_HEIGHT, 0, 200);
+        expect(scrolled).toEqual(unscrolled);
+    });
+    it("tracks a taller panel so its bottom edge stays on the anchor", () => {
+        const anchor = rect(100, 600, 300, 78);
+        const short = place(anchor, 100);
+        const tall = place(anchor, 400);
+        expect(short.top + 100).toBe(tall.top + 400);
+    });
+    it("clamps to the top of the document rather than going out of reach", () => {
+        const anchor = rect(100, 20, 300, 78);
+        const { top } = place(anchor, PANEL_HEIGHT);
+        expect(top).toBe(0);
+    });
+});
+//# sourceMappingURL=challengeSurface.unit.test.js.map

package/dist/tests/challengeSurface.unit.test.js.map

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

package/dist/tests/challengeSurfaceRender.unit.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=challengeSurfaceRender.unit.test.d.ts.map

package/dist/tests/challengeSurfaceRender.unit.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"challengeSurfaceRender.unit.test.d.ts","sourceRoot":"","sources":["../../src/tests/challengeSurfaceRender.unit.test.tsx"],"names":[],"mappings":""}

package/dist/tests/challengeSurfaceRender.unit.test.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { PlacementEnum } from "@prosopo/types";
+import { createRoot } from "react-dom/client";
+import { act } from "react-dom/test-utils";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { ChallengeSurface } from "../reactComponents/ChallengeSurface.js";
+let container;
+let root;
+let anchor;
+const layer = () => document.querySelector(".prosopo-challenge-surface");
+const content = () => document.querySelector(".prosopo-challenge-content");
+const render = ({ placement, withAnchor = true, onDismiss, show = true, }) => {
+    act(() => {
+        root.render(_jsx(ChallengeSurface, { show: show, placement: placement, anchor: withAnchor ? anchor : null, onDismiss: onDismiss, children: _jsx("div", { "data-testid": "challenge", children: "challenge" }) }));
+    });
+};
+beforeEach(() => {
+    container = document.createElement("div");
+    anchor = document.createElement("div");
+    document.body.append(container, anchor);
+    root = createRoot(container);
+});
+afterEach(() => {
+    act(() => root.unmount());
+    container.remove();
+    anchor.remove();
+});
+describe("where the surface renders", () => {
+    it("portals out of the mount container to the body", () => {
+        render({});
+        expect(container.querySelector(".prosopo-challenge-surface")).toBeNull();
+        expect(layer()?.parentElement).toBe(document.body);
+    });
+    it("hides rather than unmounts when not shown", () => {
+        render({ show: false });
+        expect(layer()?.style.display).toBe("none");
+        expect(layer()?.textContent).toContain("challenge");
+    });
+});
+describe("popup", () => {
+    it("is the default placement", () => {
+        render({});
+        expect(layer()?.className).toContain("prosopo-challenge-surface--popup");
+    });
+    it("covers the page, so nothing behind it is reachable", () => {
+        render({ placement: PlacementEnum.popup });
+        expect(layer()?.style.display).toBe("flex");
+        expect(layer()?.style.pointerEvents).toBe("");
+    });
+    it("ignores an outside click", () => {
+        const onDismiss = vi.fn();
+        render({ placement: PlacementEnum.popup, onDismiss });
+        act(() => {
+            document.body.dispatchEvent(new Event("pointerdown", { bubbles: true }));
+        });
+        expect(onDismiss).not.toHaveBeenCalled();
+    });
+});
+describe("float", () => {
+    it("leaves the page usable behind it", () => {
+        render({ placement: PlacementEnum.float });
+        expect(layer()?.className).toContain("prosopo-challenge-surface--float");
+        expect(layer()?.style.pointerEvents).toBe("none");
+        expect(content()?.style.pointerEvents).toBe("auto");
+    });
+    it("positions the panel absolutely so the page scrolls it", () => {
+        render({ placement: PlacementEnum.float });
+        expect(content()?.style.position).toBe("absolute");
+        expect(layer()?.style.position).toBe("absolute");
+        expect(layer()?.style.width).toBe("0px");
+        expect(layer()?.style.height).toBe("0px");
+    });
+    it("dismisses on a click outside the panel", () => {
+        const onDismiss = vi.fn();
+        render({ placement: PlacementEnum.float, onDismiss });
+        act(() => {
+            document.body.dispatchEvent(new Event("pointerdown", { bubbles: true }));
+        });
+        expect(onDismiss).toHaveBeenCalledTimes(1);
+    });
+    it("does not dismiss on a click inside the panel", () => {
+        const onDismiss = vi.fn();
+        render({ placement: PlacementEnum.float, onDismiss });
+        act(() => {
+            content()?.dispatchEvent(new Event("pointerdown", { bubbles: true }));
+        });
+        expect(onDismiss).not.toHaveBeenCalled();
+    });
+    it("does not dismiss on a click on the anchor", () => {
+        const onDismiss = vi.fn();
+        render({ placement: PlacementEnum.float, onDismiss });
+        act(() => {
+            anchor.dispatchEvent(new Event("pointerdown", { bubbles: true }));
+        });
+        expect(onDismiss).not.toHaveBeenCalled();
+    });
+    it("falls back to popup with no anchor to attach to", () => {
+        render({ placement: PlacementEnum.float, withAnchor: false });
+        expect(layer()?.className).toContain("prosopo-challenge-surface--popup");
+        expect(layer()?.style.pointerEvents).toBe("");
+    });
+});
+describe("dismissing with the keyboard", () => {
+    it("closes on Escape in either placement", () => {
+        for (const placement of [PlacementEnum.popup, PlacementEnum.float]) {
+            const onDismiss = vi.fn();
+            render({ placement, onDismiss });
+            act(() => {
+                document.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape", bubbles: true }));
+            });
+            expect(onDismiss, `${placement} should close on Escape`).toHaveBeenCalled();
+        }
+    });
+    it("ignores other keys", () => {
+        const onDismiss = vi.fn();
+        render({ placement: PlacementEnum.float, onDismiss });
+        act(() => {
+            document.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter", bubbles: true }));
+        });
+        expect(onDismiss).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=challengeSurfaceRender.unit.test.js.map

package/dist/tests/challengeSurfaceRender.unit.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"challengeSurfaceRender.unit.test.js","sourceRoot":"","sources":["../../src/tests/challengeSurfaceRender.unit.test.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prosopo/procaptcha-common",
-	"version": "2.12.5",
+	"version": "2.13.0",
 	"author": "PROSOPO LIMITED <info@prosopo.io>",
 	"license": "Apache-2.0",
 	"main": "dist/index.js",
@@ -34,20 +34,20 @@
 	"dependencies": {
 		"@emotion/react": "11.14.0",
 		"@emotion/styled": "11.14.1",
-		"@prosopo/account": "2.8.86",
-		"@prosopo/load-balancer": "2.10.38",
-		"@prosopo/types": "5.5.3",
-		"@prosopo/widget-skeleton": "2.8.6",
+		"@prosopo/account": "2.8.88",
+		"@prosopo/load-balancer": "2.10.40",
+		"@prosopo/types": "5.7.0",
+		"@prosopo/widget-skeleton": "2.8.7",
 		"react": "19.2.8",
 		"react-dom": "19.2.8"
 	},
 	"devDependencies": {
-		"@prosopo/config": "3.3.12",
-		"@types/jsdom": "21.1.7",
+		"@prosopo/config": "3.3.14",
+		"@types/jsdom": "30.0.0",
 		"@types/node": "22.10.2",
 		"@types/react": "19.2.18",
 		"@types/react-dom": "19.2.5",
-		"@vitest/coverage-v8": "4.1.10",
+		"@vitest/coverage-v8": "4.1.11",
 		"concurrently": "9.0.1",
 		"del-cli": "6.0.0",
 		"dotenv": "16.4.5",
@@ -57,7 +57,7 @@
 		"tsx": "4.20.3",
 		"typescript": "5.6.2",
 		"vite": "8.1.5",
-		"vitest": "4.1.10"
+		"vitest": "4.1.11"
 	},
 	"repository": {
 		"type": "git",

package/src/index.ts

@@ -23,5 +23,6 @@ export * from "./simdReadings.js";
 export * from "./elements/window.js";
 export * from "./reactComponents/Reload.js";
 export * from "./reactComponents/Checkbox.js";
+export * from "./reactComponents/ChallengeSurface.js";
 export * from "./reactComponents/Honeypot.js";
 export * from "./reactComponents/TestModeBanner.js";