@prosopo/procaptcha-audio 0.0.0-stage → 0.2.0

package/dist/components/audioPlayer.js

@@ -0,0 +1,275 @@
+import { Teardown, applyAttributes, applyStyles, createElement, mountChallengeSurface } from "@prosopo/procaptcha-common";
+//#region src/components/audioPlayer.ts
+var CONTAINER_WIDTH = 320;
+var SHAKE_MS = 500;
+var SHAKE_KEYFRAMES = `
+@keyframes prosopo-audio-shake {
+	0%, 100% { transform: translateX(0); }
+	10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }
+	20%, 40%, 60%, 80% { transform: translateX(4px); }
+}
+`;
+var VISUALLY_HIDDEN = {
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	overflow: "hidden",
+	clip: "rect(0 0 0 0)",
+	clipPath: "inset(50%)",
+	whiteSpace: "nowrap"
+};
+/**
+* The audio challenge. Accessibility is its purpose, so:
+* - every control is a native `<button>` or `<input>`, not a role on a div;
+* - the `<audio>` element is hidden and driven by our buttons, because several
+*   browsers' native controls offer the clip as a download;
+* - status changes go to a polite live region, since a screen-reader user
+*   cannot see the shake that marks a wrong answer;
+* - nothing autoplays: browsers block audio without a gesture, and a blocked
+*   play() looks like a broken widget.
+*/
+var mountAudioPlayer = (initialProps) => {
+	const teardown = new Teardown();
+	let props = initialProps;
+	let answer = "";
+	let playing = false;
+	let visible = false;
+	let shaking = false;
+	let shakeTimer;
+	let replays = 0;
+	let hasPlayed = false;
+	let events = [];
+	let startedAt = Date.now();
+	const t = (key, options) => props.translator.t(key, options);
+	const record = (kind) => {
+		events.push({
+			kind,
+			t: Date.now() - startedAt
+		});
+	};
+	const style = createElement("style", { text: SHAKE_KEYFRAMES });
+	const instruction = createElement("p", { style: {
+		margin: 0,
+		fontSize: "14px"
+	} });
+	const audio = createElement("audio", {
+		attributes: { preload: "auto" },
+		style: { display: "none" }
+	});
+	const playButton = createElement("button", { attributes: { type: "button" } });
+	const playRow = createElement("div", {
+		style: {
+			display: "flex",
+			gap: "8px"
+		},
+		children: [playButton]
+	});
+	const input = createElement("input", { attributes: {
+		type: "text",
+		inputmode: "numeric",
+		autocomplete: "off",
+		autocorrect: "off",
+		autocapitalize: "off",
+		spellcheck: "false"
+	} });
+	const submitButton = createElement("button", { attributes: { type: "button" } });
+	const announcer = createElement("div", {
+		attributes: {
+			"aria-live": "polite",
+			"aria-atomic": "true"
+		},
+		style: VISUALLY_HIDDEN
+	});
+	if ("production" !== process.env.NODE_ENV) {
+		applyAttributes(audio, { "data-cy": "prosopo-audio-clip" });
+		applyAttributes(playButton, { "data-cy": "prosopo-audio-play" });
+		applyAttributes(input, { "data-cy": "prosopo-audio-answer" });
+		applyAttributes(submitButton, { "data-cy": "prosopo-audio-submit" });
+	}
+	const panel = createElement("div", {
+		style: {
+			position: "relative",
+			display: "flex",
+			flexDirection: "column",
+			gap: "14px",
+			width: `${CONTAINER_WIDTH}px`,
+			boxSizing: "border-box",
+			padding: "20px",
+			borderRadius: "20px",
+			transition: "opacity 0.3s ease, transform 0.3s ease"
+		},
+		children: [
+			instruction,
+			audio,
+			playRow,
+			input,
+			submitButton,
+			announcer
+		]
+	});
+	const surfaceProps = () => ({
+		show: true,
+		placement: props.placement,
+		anchor: props.anchor,
+		onDismiss: props.onDismiss,
+		scrim: visible ? "dim" : "none",
+		dialogLabel: t("WIDGET.AUDIO_CHALLENGE_LABEL")
+	});
+	const surface = mountChallengeSurface(surfaceProps());
+	surface.content.append(style, panel);
+	const announce = (message) => {
+		announcer.textContent = message;
+	};
+	const playLabel = () => {
+		if (playing) return t("WIDGET.AUDIO_PLAYING");
+		return hasPlayed || answer.length > 0 ? t("WIDGET.AUDIO_REPLAY") : t("WIDGET.AUDIO_PLAY");
+	};
+	const render = () => {
+		const { theme, showRetry, submitting, characterCount } = props;
+		const accent = showRetry ? theme.palette.error.main : theme.palette.primary.main;
+		const blocked = submitting || 0 === answer.length;
+		const buttonStyle = {
+			fontFamily: theme.font.fontFamily,
+			fontSize: "14px",
+			padding: "10px 16px",
+			borderRadius: "8px",
+			border: `1px solid ${accent}`,
+			backgroundColor: "transparent",
+			color: accent,
+			cursor: "pointer"
+		};
+		applyStyles(panel, {
+			backgroundColor: theme.palette.surface,
+			color: theme.palette.onSurface,
+			fontFamily: theme.font.fontFamily,
+			opacity: visible ? 1 : 0,
+			transform: visible ? "scale(1)" : "scale(0.9)",
+			animation: shaking ? `prosopo-audio-shake ${SHAKE_MS}ms ease` : "none"
+		});
+		instruction.textContent = showRetry ? t("WIDGET.AUDIO_INCORRECT") : t("WIDGET.AUDIO_INSTRUCTIONS", { count: characterCount });
+		applyStyles(instruction, { color: showRetry ? theme.palette.error.main : theme.palette.onSurface });
+		if (audio.getAttribute("src") !== props.clip) audio.setAttribute("src", props.clip);
+		playButton.textContent = playLabel();
+		applyStyles(playButton, {
+			...buttonStyle,
+			flex: 1
+		});
+		input.maxLength = characterCount * 2;
+		input.disabled = submitting;
+		if (input.value !== answer) input.value = answer;
+		applyAttributes(input, { "aria-label": t("WIDGET.AUDIO_INPUT_LABEL", { count: characterCount }) });
+		applyStyles(input, {
+			fontFamily: theme.font.fontFamily,
+			fontSize: "18px",
+			letterSpacing: "0.3em",
+			textAlign: "center",
+			padding: "10px",
+			borderRadius: "8px",
+			border: `1px solid ${accent}`,
+			backgroundColor: "transparent",
+			color: theme.palette.onSurface
+		});
+		submitButton.textContent = submitting ? t("WIDGET.AUDIO_CHECKING") : t("WIDGET.AUDIO_SUBMIT");
+		submitButton.disabled = blocked;
+		applyStyles(submitButton, {
+			...buttonStyle,
+			backgroundColor: theme.palette.primary.main,
+			borderColor: theme.palette.primary.main,
+			color: theme.palette.primary.contrastText,
+			opacity: blocked ? .5 : 1,
+			cursor: blocked ? "not-allowed" : "pointer"
+		});
+		surface.update(surfaceProps());
+	};
+	const play = () => {
+		const isReplay = hasPlayed;
+		audio.currentTime = 0;
+		record(isReplay ? "replay" : "play");
+		if (isReplay) replays += 1;
+		hasPlayed = true;
+		const clipAtPlay = props.clip;
+		audio.play().then(() => {
+			if (clipAtPlay !== props.clip) return;
+			playing = true;
+			announce(t("WIDGET.AUDIO_PLAYING"));
+			render();
+		}, () => {
+			playing = false;
+			announce(t("WIDGET.AUDIO_PLAYBACK_FAILED"));
+			render();
+		});
+		render();
+	};
+	const submit = () => {
+		if (props.submitting || 0 === answer.length) return;
+		props.onComplete(answer, replays, [...events]);
+	};
+	teardown.addEventListener(playButton, "click", play);
+	teardown.addEventListener(submitButton, "click", submit);
+	teardown.addEventListener(input, "input", () => {
+		record("key");
+		answer = input.value;
+		render();
+	});
+	teardown.addEventListener(input, "keydown", (event) => {
+		if (!(event instanceof KeyboardEvent) || "Enter" !== event.key) return;
+		event.preventDefault();
+		submit();
+	});
+	teardown.addEventListener(audio, "ended", () => {
+		playing = false;
+		announce(t("WIDGET.AUDIO_FINISHED"));
+		render();
+	});
+	teardown.addEventListener(audio, "pause", () => {
+		playing = false;
+		render();
+	});
+	const resetForNewClip = () => {
+		audio.pause();
+		audio.currentTime = 0;
+		answer = "";
+		playing = false;
+		replays = 0;
+		hasPlayed = false;
+		events = [];
+		startedAt = Date.now();
+	};
+	const startShake = () => {
+		shaking = true;
+		announce(t("WIDGET.AUDIO_INCORRECT"));
+		if (void 0 !== shakeTimer) clearTimeout(shakeTimer);
+		shakeTimer = setTimeout(() => {
+			shakeTimer = void 0;
+			shaking = false;
+			render();
+		}, SHAKE_MS);
+	};
+	teardown.add(() => {
+		if (void 0 !== shakeTimer) clearTimeout(shakeTimer);
+	});
+	if (props.showRetry) startShake();
+	render();
+	input.focus();
+	const frameRequest = requestAnimationFrame(() => {
+		visible = true;
+		render();
+	});
+	teardown.add(() => cancelAnimationFrame(frameRequest));
+	return {
+		update: (nextProps) => {
+			const previous = props;
+			props = nextProps;
+			if (nextProps.clip !== previous.clip) resetForNewClip();
+			if (nextProps.showRetry && !previous.showRetry) startShake();
+			render();
+		},
+		destroy: () => {
+			teardown.run();
+			audio.pause();
+			surface.destroy();
+		}
+	};
+};
+//#endregion
+export { mountAudioPlayer };

package/dist/components/audioPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audioPlayer.js","sourceRoot":"","sources":["../../src/components/audioPlayer.ts"],"names":[],"mappings":"AAeA,OAAO,EAKN,QAAQ,EACR,eAAe,EACf,WAAW,EACX,aAAa,EACb,qBAAqB,GACrB,MAAM,4BAA4B,CAAC;AAuBpC,MAAM,eAAe,GAAG,GAAG,CAAC;AAE5B,MAAM,QAAQ,GAAG,GAAG,CAAC;AAErB,MAAM,eAAe,GAAG;;;;;;CAMvB,CAAC;AAEF,MAAM,eAAe,GAAa;IACjC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,YAAY;IACtB,UAAU,EAAE,QAAQ;CACpB,CAAC;AAYF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC/B,YAA8B,EACA,EAAE;IAChC,MAAM,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;IAChC,IAAI,KAAK,GAAG,YAAY,CAAC;IAEzB,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,UAAqD,CAAC;IAE1D,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,IAAI,MAAM,GAAiB,EAAE,CAAC;IAC9B,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IAE3B,MAAM,CAAC,GAAG,CAAC,GAAmB,EAAE,OAAiC,EAAU,EAAE,CAC5E,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAElC,MAAM,MAAM,GAAG,CAAC,IAAwB,EAAE,EAAE;QAC3C,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,EAAE;QACtC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE;KACtC,CAAC,CAAC;IAGH,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,EAAE;QACpC,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAC1B,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,EAAE;QAC1C,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC9B,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,EAAE;QACpC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE;QACtC,QAAQ,EAAE,CAAC,UAAU,CAAC;KACtB,CAAC,CAAC;IAGH,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,EAAE;QACpC,UAAU,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,SAAS;YACpB,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,KAAK;YACrB,UAAU,EAAE,OAAO;SACnB;KACD,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,aAAa,CAAC,QAAQ,EAAE;QAC5C,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC9B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,EAAE;QACtC,UAAU,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE;QAC5D,KAAK,EAAE,eAAe;KACtB,CAAC,CAAC;IAIH,IAAI,YAAY,KAAK,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC3C,eAAe,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC,CAAC;QAC5D,eAAe,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC,CAAC;QACjE,eAAe,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC,CAAC;QAC9D,eAAe,CAAC,YAAY,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC,CAAC;IACtE,CAAC;IAED,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,EAAE;QAClC,KAAK,EAAE;YACN,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,KAAK,EAAE,GAAG,eAAe,IAAI;YAC7B,SAAS,EAAE,YAAY;YACvB,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,MAAM;YACpB,UAAU,EAAE,wCAAwC;SACpD;QACD,QAAQ,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,CAAC;KACvE,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,GAA0B,EAAE,CAAC,CAAC;QAClD,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;QAC/B,WAAW,EAAE,CAAC,CAAC,8BAA8B,CAAC;KAC9C,CAAC,CAAC;IAEH,MAAM,OAAO,GAA8B,qBAAqB,CAC/D,YAAY,EAAE,CACd,CAAC;IACF,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAG,CAAC,OAAe,EAAE,EAAE;QACpC,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAW,EAAE;QAC9B,IAAI,OAAO,EAAE,CAAC;YACb,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC;QAClC,CAAC;QACD,OAAO,SAAS,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;YACpC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC;YAC1B,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;QAC/D,MAAM,MAAM,GAAG,SAAS;YACvB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;YAC1B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;QAC9B,MAAM,OAAO,GAAG,UAAU,IAAI,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC;QAElD,MAAM,WAAW,GAAa;YAC7B,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU;YACjC,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,WAAW;YACpB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,aAAa,MAAM,EAAE;YAC7B,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,SAAS;SACjB,CAAC;QAEF,WAAW,CAAC,KAAK,EAAE;YAClB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;YACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS;YAC9B,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU;YACjC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;YAC9C,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,QAAQ,SAAS,CAAC,CAAC,CAAC,MAAM;SACtE,CAAC,CAAC;QAEH,WAAW,CAAC,WAAW,GAAG,SAAS;YAClC,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC;YAC7B,CAAC,CAAC,CAAC,CAAC,2BAA2B,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC;QAC7D,WAAW,CAAC,WAAW,EAAE;YACxB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;SACrE,CAAC,CAAC;QAEH,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,IAAI,EAAE,CAAC;YAC9C,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QACvC,CAAC;QAED,UAAU,CAAC,WAAW,GAAG,SAAS,EAAE,CAAC;QACrC,WAAW,CAAC,UAAU,EAAE,EAAE,GAAG,WAAW,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;QAErD,KAAK,CAAC,SAAS,GAAG,cAAc,GAAG,CAAC,CAAC;QACrC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC5B,IAAI,KAAK,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;YAC5B,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QACtB,CAAC;QACD,eAAe,CAAC,KAAK,EAAE;YACtB,YAAY,EAAE,CAAC,CAAC,0BAA0B,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;SACtE,CAAC,CAAC;QACH,WAAW,CAAC,KAAK,EAAE;YAClB,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU;YACjC,QAAQ,EAAE,MAAM;YAChB,aAAa,EAAE,OAAO;YACtB,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,aAAa,MAAM,EAAE;YAC7B,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS;SAC9B,CAAC,CAAC;QAEH,YAAY,CAAC,WAAW,GAAG,UAAU;YACpC,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC;YAC5B,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;QAC5B,YAAY,CAAC,QAAQ,GAAG,OAAO,CAAC;QAEhC,WAAW,CAAC,YAAY,EAAE;YACzB,GAAG,WAAW;YACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;YAC3C,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;YACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;YACzC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC1B,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;SAC3C,CAAC,CAAC;QAEH,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QACjB,MAAM,QAAQ,GAAG,SAAS,CAAC;QAC3B,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC;QACtB,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACrC,IAAI,QAAQ,EAAE,CAAC;YACd,OAAO,IAAI,CAAC,CAAC;QACd,CAAC;QACD,SAAS,GAAG,IAAI,CAAC;QACjB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC;QAE9B,KAAK,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,CACrB,GAAG,EAAE;YACJ,IAAI,UAAU,KAAK,KAAK,CAAC,IAAI,EAAE,CAAC;gBAC/B,OAAO;YACR,CAAC;YACD,OAAO,GAAG,IAAI,CAAC;YACf,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC;YACpC,MAAM,EAAE,CAAC;QACV,CAAC,EACD,GAAG,EAAE;YACJ,OAAO,GAAG,KAAK,CAAC;YAChB,QAAQ,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC;YAC5C,MAAM,EAAE,CAAC;QACV,CAAC,CACD,CAAC;QACF,MAAM,EAAE,CAAC;IACV,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,IAAI,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC;YAC7C,OAAO;QACR,CAAC;QACD,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACrD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IACzD,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,KAAK,CAAC,CAAC;QACd,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;QACrB,MAAM,EAAE,CAAC;IACV,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE;QAC5D,IAAI,CAAC,CAAC,KAAK,YAAY,aAAa,CAAC,IAAI,OAAO,KAAK,KAAK,CAAC,GAAG,EAAE,CAAC;YAChE,OAAO;QACR,CAAC;QACD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,EAAE,CAAC;IACV,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;QAC9C,OAAO,GAAG,KAAK,CAAC;QAChB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;QACrC,MAAM,EAAE,CAAC;IACV,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;QAC9C,OAAO,GAAG,KAAK,CAAC;QAChB,MAAM,EAAE,CAAC;IACV,CAAC,CAAC,CAAC;IAIH,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC;QACtB,MAAM,GAAG,EAAE,CAAC;QACZ,OAAO,GAAG,KAAK,CAAC;QAChB,OAAO,GAAG,CAAC,CAAC;QACZ,SAAS,GAAG,KAAK,CAAC;QAClB,MAAM,GAAG,EAAE,CAAC;QACZ,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,OAAO,GAAG,IAAI,CAAC;QACf,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC;QACtC,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;YAC9B,YAAY,CAAC,UAAU,CAAC,CAAC;QAC1B,CAAC;QACD,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,UAAU,GAAG,SAAS,CAAC;YACvB,OAAO,GAAG,KAAK,CAAC;YAChB,MAAM,EAAE,CAAC;QACV,CAAC,EAAE,QAAQ,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE;QACjB,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;YAC9B,YAAY,CAAC,UAAU,CAAC,CAAC;QAC1B,CAAC;IACF,CAAC,CAAC,CAAC;IAEH,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACrB,UAAU,EAAE,CAAC;IACd,CAAC;IAED,MAAM,EAAE,CAAC;IAET,KAAK,CAAC,KAAK,EAAE,CAAC;IAEd,MAAM,YAAY,GAAG,qBAAqB,CAAC,GAAG,EAAE;QAC/C,OAAO,GAAG,IAAI,CAAC;QACf,MAAM,EAAE,CAAC;IACV,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC;IAEvD,OAAO;QACN,MAAM,EAAE,CAAC,SAA2B,EAAE,EAAE;YACvC,MAAM,QAAQ,GAAG,KAAK,CAAC;YACvB,KAAK,GAAG,SAAS,CAAC;YAClB,IAAI,SAAS,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;gBACtC,eAAe,EAAE,CAAC;YACnB,CAAC;YACD,IAAI,SAAS,CAAC,SAAS,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC;gBAChD,UAAU,EAAE,CAAC;YACd,CAAC;YACD,MAAM,EAAE,CAAC;QACV,CAAC;QACD,OAAO,EAAE,GAAG,EAAE;YACb,QAAQ,CAAC,GAAG,EAAE,CAAC;YACf,KAAK,CAAC,KAAK,EAAE,CAAC;YACd,OAAO,CAAC,OAAO,EAAE,CAAC;QACnB,CAAC;KACD,CAAC;AACH,CAAC,CAAC"}

package/dist/components/procaptchaAudio.d.ts

@@ -0,0 +1,7 @@
+import { type WidgetMountFn } from "@prosopo/procaptcha-common";
+import type { ProcaptchaAudioHandle } from "./procaptchaWidget.js";
+export type { ProcaptchaAudioHandle };
+export type ProcaptchaAudioMountFn = WidgetMountFn<ProcaptchaAudioHandle>;
+export declare const loadProcaptchaAudio: () => Promise<ProcaptchaAudioMountFn>;
+export declare const mountProcaptchaAudio: ProcaptchaAudioMountFn;
+//# sourceMappingURL=procaptchaAudio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"procaptchaAudio.d.ts","sourceRoot":"","sources":["../../src/components/procaptchaAudio.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,YAAY,EAAE,qBAAqB,EAAE,CAAC;AAEtC,MAAM,MAAM,sBAAsB,GAAG,aAAa,CAAC,qBAAqB,CAAC,CAAC;AAE1E,eAAO,MAAM,mBAAmB,QAAa,OAAO,CAAC,sBAAsB,CACR,CAAC;AAEpE,eAAO,MAAM,oBAAoB,EAAE,sBACJ,CAAC"}

package/dist/components/procaptchaAudio.js

@@ -0,0 +1,6 @@
+import { lazyMount } from "@prosopo/procaptcha-common";
+//#region src/components/procaptchaAudio.ts
+var loadProcaptchaAudio = async () => (await import("./procaptchaWidget.js")).mountProcaptchaAudioWidget;
+var mountProcaptchaAudio = lazyMount(loadProcaptchaAudio);
+//#endregion
+export { loadProcaptchaAudio, mountProcaptchaAudio };

package/dist/components/procaptchaAudio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"procaptchaAudio.js","sourceRoot":"","sources":["../../src/components/procaptchaAudio.ts"],"names":[],"mappings":"AAcA,OAAO,EAAsB,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAO3E,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,IAAqC,EAAE,CAC9E,CAAC,MAAM,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,0BAA0B,CAAC;AAEpE,MAAM,CAAC,MAAM,oBAAoB,GAChC,SAAS,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/components/procaptchaWidget.d.ts

@@ -0,0 +1,7 @@
+import { type ProcaptchaProps } from "@prosopo/types";
+export interface ProcaptchaAudioHandle {
+    destroy(): void;
+}
+export declare const mountProcaptchaAudioWidget: (container: HTMLElement, props: ProcaptchaProps) => ProcaptchaAudioHandle;
+export default mountProcaptchaAudioWidget;
+//# sourceMappingURL=procaptchaWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"procaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/procaptchaWidget.ts"],"names":[],"mappings":"AAmCA,OAAO,EAIN,KAAK,eAAe,EAEpB,MAAM,gBAAgB,CAAC;AAOxB,MAAM,WAAW,qBAAqB;IACrC,OAAO,IAAI,IAAI,CAAC;CAChB;AAED,eAAO,MAAM,0BAA0B,cAC3B,WAAW,SACf,eAAe,KACpB,qBAoTF,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/components/procaptchaWidget.js

@@ -0,0 +1,195 @@
+import "../_virtual/_rolldown/runtime.js";
+import { Manager } from "../services/Manager.js";
+import { mountAudioPlayer } from "./audioPlayer.js";
+import { createTranslator, loadI18next, localiseErrorMessage } from "@prosopo/locale";
+import { PROCAPTCHA_EXECUTE_EVENT, Teardown, buildUpdateState, createElement, createProcaptchaState, createRenderScheduler, mountCheckbox, mountHoneypot, trustedClickCoords } from "@prosopo/procaptcha-common";
+import { ModeEnum } from "@prosopo/types";
+import { darkTheme, lightTheme } from "@prosopo/widget-skeleton";
+//#region src/components/procaptchaWidget.ts
+var mountProcaptchaAudioWidget = (container, props) => {
+	const teardown = new Teardown();
+	const config = props.config;
+	const i18n = props.i18n;
+	const frictionlessState = props.frictionlessState;
+	const callbacks = props.callbacks || {};
+	const translator = createTranslator(i18n);
+	const isInvisible = ModeEnum.invisible === config.mode;
+	const theme = "light" === config.theme ? lightTheme : darkTheme;
+	const store = createProcaptchaState();
+	let loading = false;
+	let audioPhase = "checkbox";
+	let challengeData = null;
+	let showRetry = true === props.startShowRetry;
+	let lastError = store.state.error;
+	let lastCoords = null;
+	let sessionInvalidatedFired = false;
+	let honeypot;
+	let checkbox;
+	let player;
+	const onReload = props.onReload;
+	const updateState = buildUpdateState(store.state, store.update);
+	const manager = Manager(config, store.state, updateState, callbacks, frictionlessState, () => honeypot?.getValue(), onReload ? (x, y) => onReload(x, y, { showRetry: true }) : void 0);
+	const root = createElement("div");
+	container.appendChild(root);
+	if (frictionlessState?.hp) honeypot = mountHoneypot(root, { encodedQuestion: frictionlessState.hp });
+	const reportError = (error) => {
+		callbacks.onError?.(error instanceof Error ? error : new Error(String(error)));
+	};
+	const returnToCheckbox = () => {
+		audioPhase = "checkbox";
+		challengeData = null;
+		showRetry = false;
+	};
+	const showChallenge = (challenge) => {
+		if (challenge) {
+			challengeData = challenge;
+			audioPhase = "answering";
+		}
+	};
+	const handleAudioComplete = async (answer, replays, audioEvents) => {
+		audioPhase = "submitting";
+		scheduler.schedule();
+		let verified = false;
+		try {
+			verified = await manager.submitSolution(answer, replays, audioEvents);
+		} catch (error) {
+			reportError(error);
+		}
+		if (verified) {
+			returnToCheckbox();
+			loading = false;
+			scheduler.schedule();
+			return;
+		}
+		showRetry = true;
+		if (onReload) {
+			scheduler.schedule();
+			return;
+		}
+		audioPhase = "answering";
+		scheduler.schedule();
+		try {
+			const newChallenge = await manager.start();
+			if (newChallenge) challengeData = newChallenge;
+			else returnToCheckbox();
+		} catch {
+			returnToCheckbox();
+		}
+		loading = false;
+		scheduler.schedule();
+	};
+	const handleDismiss = () => {
+		returnToCheckbox();
+		loading = false;
+		scheduler.schedule();
+	};
+	const playerProps = (challenge) => ({
+		clip: challenge.clip,
+		characterCount: challenge.characterCount,
+		onComplete: (answer, replays, events) => {
+			handleAudioComplete(answer, replays, events);
+		},
+		showRetry,
+		submitting: "submitting" === audioPhase,
+		theme,
+		translator,
+		placement: config.placement,
+		anchor: props.container,
+		onDismiss: handleDismiss
+	});
+	const runErrorEffect = () => {
+		if (store.state.error === lastError) return;
+		lastError = store.state.error;
+		if (!store.state.error) return;
+		loading = false;
+		returnToCheckbox();
+		if ("CAPTCHA.NO_SESSION_FOUND" !== store.state.error.key) return;
+		if (props.onSessionInvalidated && !sessionInvalidatedFired || void 0 !== frictionlessState) {
+			loading = true;
+			store.update({ error: void 0 });
+		}
+		if (props.onSessionInvalidated && !sessionInvalidatedFired) {
+			sessionInvalidatedFired = true;
+			props.onSessionInvalidated(lastCoords?.x, lastCoords?.y);
+			return;
+		}
+		if (frictionlessState) {
+			const timer = setTimeout(() => {
+				frictionlessState.restart();
+			}, 100);
+			teardown.add(() => clearTimeout(timer));
+		}
+	};
+	const render = () => {
+		runErrorEffect();
+		if (("answering" === audioPhase || "submitting" === audioPhase) && null !== challengeData) if (void 0 === player) player = mountAudioPlayer(playerProps(challengeData));
+		else player.update(playerProps(challengeData));
+		else {
+			player?.destroy();
+			player = void 0;
+		}
+		checkbox?.update(checkboxProps());
+	};
+	const scheduler = createRenderScheduler(render);
+	const beginChallenge = async (coords) => {
+		if (loading) return;
+		loading = true;
+		showRetry = false;
+		scheduler.schedule();
+		if (coords) lastCoords = coords;
+		try {
+			showChallenge(await manager.start(coords?.x, coords?.y));
+		} catch (error) {
+			reportError(error);
+		} finally {
+			loading = false;
+			scheduler.schedule();
+		}
+	};
+	const checkboxProps = () => ({
+		checked: store.state.isHuman,
+		theme,
+		labelText: translator.isReady() ? translator.t("WIDGET.I_AM_HUMAN") : "",
+		error: store.state.error ? localiseErrorMessage(translator.i18n, store.state.error) : void 0,
+		loadingText: translator.t("WIDGET.CHECKING", { defaultValue: "Checking that you are human" }),
+		loading: loading || "submitting" === audioPhase,
+		onChange: (event) => beginChallenge(trustedClickCoords(event))
+	});
+	if (!isInvisible) checkbox = mountCheckbox(root, checkboxProps());
+	teardown.add(scheduler.cancel);
+	teardown.add(store.subscribe(scheduler.schedule));
+	teardown.add(translator.subscribe(scheduler.schedule));
+	const handleExecute = () => {
+		beginChallenge();
+	};
+	if (props.container) teardown.addEventListener(props.container, PROCAPTCHA_EXECUTE_EVENT, handleExecute);
+	if (isInvisible) teardown.addEventListener(document, PROCAPTCHA_EXECUTE_EVENT, handleExecute);
+	if (config.language) if (i18n) {
+		if (i18n.language !== config.language) i18n.changeLanguage(config.language);
+	} else loadI18next(false, config.language);
+	if (props.autoStart) {
+		loading = true;
+		const coords = props.startCoords;
+		lastCoords = coords ?? null;
+		scheduler.schedule();
+		manager.start(coords?.x ?? 0, coords?.y ?? 0).then((challenge) => {
+			showChallenge(challenge);
+			loading = false;
+			scheduler.schedule();
+		}, () => {
+			loading = false;
+			scheduler.schedule();
+		});
+	}
+	render();
+	return { destroy: () => {
+		manager.dispose();
+		teardown.run();
+		player?.destroy();
+		checkbox?.destroy();
+		honeypot?.destroy();
+		root.parentNode?.removeChild(root);
+	} };
+};
+//#endregion
+export { mountProcaptchaAudioWidget as default, mountProcaptchaAudioWidget };

package/dist/components/procaptchaWidget.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/procaptchaWidget.js";
+export * from "./components/procaptchaAudio.js";
+export * from "./components/audioPlayer.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+import "./_virtual/_rolldown/runtime.js";
+import { mountAudioPlayer } from "./components/audioPlayer.js";
+import mountProcaptchaAudioWidget from "./components/procaptchaWidget.js";
+import { loadProcaptchaAudio, mountProcaptchaAudio } from "./components/procaptchaAudio.js";
+export { loadProcaptchaAudio, mountAudioPlayer, mountProcaptchaAudio, mountProcaptchaAudioWidget };

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC"}

package/dist/services/Manager.d.ts

@@ -0,0 +1,10 @@
+import { type AudioEvent, type FrictionlessState, type GetAudioCaptchaResponse, type ProcaptchaCallbacks, type ProcaptchaClientConfigInput, type ProcaptchaState, type ProcaptchaStateUpdateFn } from "@prosopo/types";
+interface AudioManagerHandle {
+    start: (x?: number, y?: number) => Promise<GetAudioCaptchaResponse | undefined>;
+    submitSolution: (answer: string, replays: number, audioEvents: AudioEvent[]) => Promise<boolean>;
+    resetState: (frictionlessRestart?: () => void) => void;
+    dispose: () => void;
+}
+export declare const Manager: (configInput: ProcaptchaClientConfigInput, state: ProcaptchaState, onStateUpdate: ProcaptchaStateUpdateFn, callbacks: ProcaptchaCallbacks, frictionlessState?: FrictionlessState, getHoneypotValue?: () => string | undefined, onReloadRequest?: (x?: number, y?: number) => void) => AudioManagerHandle;
+export {};
+//# sourceMappingURL=Manager.d.ts.map

package/dist/services/Manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Manager.d.ts","sourceRoot":"","sources":["../../src/services/Manager.ts"],"names":[],"mappings":"AA8BA,OAAO,EAGN,KAAK,UAAU,EAEf,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,2BAA2B,EAEhC,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAE5B,MAAM,gBAAgB,CAAC;AAIxB,UAAU,kBAAkB;IAC3B,KAAK,EAAE,CACN,CAAC,CAAC,EAAE,MAAM,EACV,CAAC,CAAC,EAAE,MAAM,KACN,OAAO,CAAC,uBAAuB,GAAG,SAAS,CAAC,CAAC;IAClD,cAAc,EAAE,CACf,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,UAAU,EAAE,KACrB,OAAO,CAAC,OAAO,CAAC,CAAC;IACtB,UAAU,EAAE,CAAC,mBAAmB,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,gBACN,2BAA2B,SACjC,eAAe,iBACP,uBAAuB,aAC3B,mBAAmB,sBACV,iBAAiB,qBAClB,MAAM,MAAM,GAAG,SAAS,oBAEzB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,KAChD,kBA4WF,CAAC"}