@prosopo/procaptcha-frictionless 2.12.21 → 2.12.22

package/dist/cjs/ProcaptchaFrictionless.cjs

@@ -1,263 +1,170 @@
-"use strict";
-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 (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+const require_customDetectBot = require("./customDetectBot.cjs");
+const require_sessionInvalidatedRecovery = require("./sessionInvalidatedRecovery.cjs");
+let _prosopo_locale = require("@prosopo/locale");
+let _prosopo_procaptcha_common = require("@prosopo/procaptcha-common");
+let _prosopo_types = require("@prosopo/types");
+let _prosopo_widget_skeleton = require("@prosopo/widget-skeleton");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/ProcaptchaFrictionless.tsx
+var ProcaptchaLoader = async () => (await import("@prosopo/procaptcha-react")).Procaptcha;
+var ProcaptchaPuzzleLoader = async () => (await import("@prosopo/procaptcha-puzzle")).ProcaptchaPuzzle;
+var ProcaptchaPowLoader = async () => (await import("@prosopo/procaptcha-pow")).ProcaptchaPow;
+var renderPlaceholder = (theme, mode, errorMessage, isTranslationLoaded, translationFn, loading) => {
+	const checkboxTheme = "light" === theme ? _prosopo_widget_skeleton.lightTheme : _prosopo_widget_skeleton.darkTheme;
+	if (mode === "invisible") return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_prosopo_procaptcha_common.Checkbox, {
+		theme: checkboxTheme,
+		onChange: async () => {},
+		checked: false,
+		labelText: isTranslationLoaded ? translationFn("WIDGET.I_AM_HUMAN") : "",
+		error: errorMessage,
+		"aria-label": "human checkbox",
+		loading
+	});
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const locale = require("@prosopo/locale");
-const procaptchaCommon = require("@prosopo/procaptcha-common");
-const types = require("@prosopo/types");
-const widgetSkeleton = require("@prosopo/widget-skeleton");
-const react = require("react");
-const customDetectBot = require("./customDetectBot.cjs");
-const sessionInvalidatedRecovery = require("./sessionInvalidatedRecovery.cjs");
-const ProcaptchaLoader = async () => (await import("@prosopo/procaptcha-react")).Procaptcha;
-const ProcaptchaPuzzleLoader = async () => (await import("@prosopo/procaptcha-puzzle")).ProcaptchaPuzzle;
-const ProcaptchaPowLoader = async () => (await import("@prosopo/procaptcha-pow")).ProcaptchaPow;
-const renderPlaceholder = (theme, mode, errorMessage, isTranslationLoaded, translationFn, loading) => {
-  const checkboxTheme = "light" === theme ? widgetSkeleton.lightTheme : widgetSkeleton.darkTheme;
-  if (mode === "invisible") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    procaptchaCommon.Checkbox,
-    {
-      theme: checkboxTheme,
-      onChange: async () => {
-      },
-      checked: false,
-      labelText: isTranslationLoaded ? translationFn("WIDGET.I_AM_HUMAN") : "",
-      error: errorMessage,
-      "aria-label": "human checkbox",
-      loading
-    }
-  );
-};
-const defaultLoadingState = (attemptCount) => ({
-  loading: false,
-  attemptCount: attemptCount || 0
+var defaultLoadingState = (attemptCount) => ({
+	loading: false,
+	attemptCount: attemptCount || 0
 });
-const ProcaptchaFrictionless = ({
-  config,
-  callbacks,
-  restart,
-  i18n,
-  detectBot = customDetectBot.default,
-  container
-}) => {
-  const stateRef = react.useRef(defaultLoadingState(0));
-  const events = procaptchaCommon.getDefaultEvents(callbacks);
-  const pendingRetryCoordsRef = react.useRef(null);
-  const sessionInvalidatedFiredRef = react.useRef(false);
-  react.useEffect(() => {
-    if (!config.language) return;
-    if (i18n) {
-      if (i18n.language !== config.language) {
-        void i18n.changeLanguage(config.language);
-      }
-      return;
-    }
-    void locale.loadI18next(false, config.language);
-  }, [i18n, config.language]);
-  const [componentToRender, setComponentToRender] = react.useState(
-    renderPlaceholder(
-      config.theme,
-      config.mode,
-      stateRef.current.errorMessage,
-      i18n.isInitialized,
-      i18n.t,
-      true
-    )
-  );
-  const resetState = (attemptCount) => {
-    stateRef.current = defaultLoadingState(
-      attemptCount || stateRef.current.attemptCount
-    );
-  };
-  const fallOverWithStyle = (errorMessage, errorKey) => {
-    if (errorKey === "CAPTCHA.NO_SESSION_FOUND") {
-      setTimeout(() => {
-        restartComponentTimeout();
-      }, 0);
-    }
-    setComponentToRender(
-      renderPlaceholder(
-        config.theme,
-        config.mode,
-        errorMessage || "Cannot load CAPTCHA",
-        i18n.isInitialized,
-        i18n.t,
-        false
-      )
-    );
-  };
-  const restartComponentTimeout = () => {
-    setTimeout(() => {
-      resetState(0);
-      events.onReset();
-      restart();
-    }, 1e4);
-  };
-  const renderForCaptchaType = async (captchaType, frictionlessState, autoStart = false, escalationCoords) => {
-    const onEscalate = (next, newSessionId, coords) => {
-      void renderForCaptchaType(
-        next,
-        {
-          ...frictionlessState,
-          sessionId: newSessionId
-        },
-        true,
-        coords
-      );
-    };
-    const onSessionInvalidated = (x, y) => {
-      const { shouldRestart } = sessionInvalidatedRecovery.handleSessionInvalidated(
-        x,
-        y,
-        sessionInvalidatedFiredRef,
-        pendingRetryCoordsRef
-      );
-      if (!shouldRestart) return;
-      resetState(0);
-      void start();
-    };
-    const { autoStart: resumedAutoStart, startCoords: retryStartCoords } = sessionInvalidatedRecovery.consumeRetryMountProps(pendingRetryCoordsRef, autoStart);
-    const startCoords = escalationCoords ?? retryStartCoords;
-    if (captchaType === types.CaptchaType.image) {
-      const Procaptcha = await ProcaptchaLoader();
-      setComponentToRender(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Procaptcha,
-          {
-            config,
-            callbacks,
-            frictionlessState,
-            i18n,
-            autoStart: resumedAutoStart,
-            startCoords,
-            onSessionInvalidated
-          }
-        )
-      );
-    } else if (captchaType === types.CaptchaType.puzzle) {
-      const ProcaptchaPuzzle = await ProcaptchaPuzzleLoader();
-      setComponentToRender(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ProcaptchaPuzzle,
-          {
-            config,
-            callbacks,
-            frictionlessState,
-            i18n,
-            autoStart: resumedAutoStart,
-            startCoords,
-            onSessionInvalidated
-          }
-        )
-      );
-    } else {
-      const ProcaptchaPow = await ProcaptchaPowLoader();
-      setComponentToRender(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ProcaptchaPow,
-          {
-            config,
-            callbacks,
-            frictionlessState,
-            i18n,
-            onEscalate,
-            autoStart: resumedAutoStart,
-            startCoords,
-            onSessionInvalidated
-          }
-        )
-      );
-    }
-  };
-  const start = async () => {
-    if (!procaptchaCommon.isSecureBrowserContext()) {
-      const errorMessage = i18n.isInitialized ? i18n.t("WIDGET.INSECURE_CONTEXT") : "Procaptcha requires a secure (HTTPS) connection";
-      events.onError(new Error(errorMessage));
-      fallOverWithStyle(errorMessage, "WIDGET.INSECURE_CONTEXT");
-      return;
-    }
-    await procaptchaCommon.providerRetry(
-      async () => {
-        stateRef.current.attemptCount += 1;
-        const configOutput = types.ProcaptchaConfigSchema.parse(config);
-        const result = await detectBot(configOutput, container, restart, {
-          attempt: stateRef.current.attemptCount
-        });
-        if (result.error?.message) {
-          stateRef.current = {
-            ...stateRef.current,
-            loading: false,
-            errorMessage: result.error?.message
-          };
-          events.onError(new Error(result.error?.message));
-          fallOverWithStyle(result.error?.message, result.error?.key);
-          return;
-        }
-        const frictionlessState = {
-          provider: result.provider,
-          sessionId: result.sessionId,
-          userAccount: result.userAccount,
-          restart,
-          // Pass restart function
-          behaviorCollector1: result.behaviorCollector1,
-          behaviorCollector2: result.behaviorCollector2,
-          behaviorCollector3: result.behaviorCollector3,
-          deviceCapability: result.deviceCapability,
-          encryptBehavioralData: result.encryptBehavioralData,
-          getSimdReadings: result.getSimdReadings,
-          hp: result.hp
-        };
-        await renderForCaptchaType(result.captchaType, frictionlessState);
-        stateRef.current = {
-          ...stateRef.current,
-          loading: false
-        };
-      },
-      start,
-      resetState,
-      stateRef.current.attemptCount,
-      5
-    ).finally(() => {
-      if (stateRef.current.attemptCount >= 5) {
-        fallOverWithStyle();
-        restartComponentTimeout();
-      }
-    });
-  };
-  const startedForKeyRef = react.useRef(null);
-  react.useEffect(() => {
-    const key = `${config.account?.address ?? ""}|${config.language ?? ""}|${config.mode ?? ""}`;
-    if (startedForKeyRef.current === key) return;
-    startedForKeyRef.current = key;
-    void start();
-  }, [config.account?.address, config.language, config.mode]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(procaptchaCommon.TestModeBanner, { siteKey: config.account?.address ?? "" }),
-    componentToRender
-  ] });
+var ProcaptchaFrictionless = ({ config, callbacks, restart, i18n, detectBot = require_customDetectBot.default, container }) => {
+	const stateRef = (0, react.useRef)(defaultLoadingState(0));
+	const events = (0, _prosopo_procaptcha_common.getDefaultEvents)(callbacks);
+	const pendingRetryCoordsRef = (0, react.useRef)(null);
+	const sessionInvalidatedFiredRef = (0, react.useRef)(false);
+	(0, react.useEffect)(() => {
+		if (!config.language) return;
+		if (i18n) {
+			if (i18n.language !== config.language) i18n.changeLanguage(config.language);
+			return;
+		}
+		(0, _prosopo_locale.loadI18next)(false, config.language);
+	}, [i18n, config.language]);
+	const [componentToRender, setComponentToRender] = (0, react.useState)(renderPlaceholder(config.theme, config.mode, stateRef.current.errorMessage, i18n.isInitialized, i18n.t, true));
+	const resetState = (attemptCount) => {
+		stateRef.current = defaultLoadingState(attemptCount || stateRef.current.attemptCount);
+	};
+	const fallOverWithStyle = (errorMessage, errorKey) => {
+		if (errorKey === "CAPTCHA.NO_SESSION_FOUND") setTimeout(() => {
+			restartComponentTimeout();
+		}, 0);
+		setComponentToRender(renderPlaceholder(config.theme, config.mode, errorMessage || "Cannot load CAPTCHA", i18n.isInitialized, i18n.t, false));
+	};
+	const restartComponentTimeout = () => {
+		setTimeout(() => {
+			resetState(0);
+			events.onReset();
+			restart();
+		}, 1e4);
+	};
+	const renderForCaptchaType = async (captchaType, frictionlessState, autoStart = false, escalationCoords) => {
+		const onEscalate = (next, newSessionId, coords) => {
+			renderForCaptchaType(next, {
+				...frictionlessState,
+				sessionId: newSessionId
+			}, true, coords);
+		};
+		const onSessionInvalidated = (x, y) => {
+			const { shouldRestart } = require_sessionInvalidatedRecovery.handleSessionInvalidated(x, y, sessionInvalidatedFiredRef, pendingRetryCoordsRef);
+			if (!shouldRestart) return;
+			resetState(0);
+			start();
+		};
+		const { autoStart: resumedAutoStart, startCoords: retryStartCoords } = require_sessionInvalidatedRecovery.consumeRetryMountProps(pendingRetryCoordsRef, autoStart);
+		const startCoords = escalationCoords ?? retryStartCoords;
+		if (captchaType === _prosopo_types.CaptchaType.image) {
+			const Procaptcha = await ProcaptchaLoader();
+			setComponentToRender(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Procaptcha, {
+				config,
+				callbacks,
+				frictionlessState,
+				i18n,
+				autoStart: resumedAutoStart,
+				startCoords,
+				onSessionInvalidated
+			}));
+		} else if (captchaType === _prosopo_types.CaptchaType.puzzle) {
+			const ProcaptchaPuzzle = await ProcaptchaPuzzleLoader();
+			setComponentToRender(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProcaptchaPuzzle, {
+				config,
+				callbacks,
+				frictionlessState,
+				i18n,
+				autoStart: resumedAutoStart,
+				startCoords,
+				onSessionInvalidated
+			}));
+		} else {
+			const ProcaptchaPow = await ProcaptchaPowLoader();
+			setComponentToRender(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProcaptchaPow, {
+				config,
+				callbacks,
+				frictionlessState,
+				i18n,
+				onEscalate,
+				autoStart: resumedAutoStart,
+				startCoords,
+				onSessionInvalidated
+			}));
+		}
+	};
+	const start = async () => {
+		if (!(0, _prosopo_procaptcha_common.isSecureBrowserContext)()) {
+			const errorMessage = i18n.isInitialized ? i18n.t("WIDGET.INSECURE_CONTEXT") : "Procaptcha requires a secure (HTTPS) connection";
+			events.onError(new Error(errorMessage));
+			fallOverWithStyle(errorMessage, "WIDGET.INSECURE_CONTEXT");
+			return;
+		}
+		await (0, _prosopo_procaptcha_common.providerRetry)(async () => {
+			stateRef.current.attemptCount += 1;
+			const result = await detectBot(_prosopo_types.ProcaptchaConfigSchema.parse(config), container, restart, { attempt: stateRef.current.attemptCount });
+			if (result.error?.message) {
+				stateRef.current = {
+					...stateRef.current,
+					loading: false,
+					errorMessage: result.error?.message
+				};
+				events.onError(new Error(result.error?.message));
+				fallOverWithStyle(result.error?.message, result.error?.key);
+				return;
+			}
+			const frictionlessState = {
+				provider: result.provider,
+				sessionId: result.sessionId,
+				userAccount: result.userAccount,
+				restart,
+				behaviorCollector1: result.behaviorCollector1,
+				behaviorCollector2: result.behaviorCollector2,
+				behaviorCollector3: result.behaviorCollector3,
+				deviceCapability: result.deviceCapability,
+				encryptBehavioralData: result.encryptBehavioralData,
+				getSimdReadings: result.getSimdReadings,
+				hp: result.hp
+			};
+			await renderForCaptchaType(result.captchaType, frictionlessState);
+			stateRef.current = {
+				...stateRef.current,
+				loading: false
+			};
+		}, start, resetState, stateRef.current.attemptCount, 5).finally(() => {
+			if (stateRef.current.attemptCount >= 5) {
+				fallOverWithStyle();
+				restartComponentTimeout();
+			}
+		});
+	};
+	const startedForKeyRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		const key = `${config.account?.address ?? ""}|${config.language ?? ""}|${config.mode ?? ""}`;
+		if (startedForKeyRef.current === key) return;
+		startedForKeyRef.current = key;
+		start();
+	}, [
+		config.account?.address,
+		config.language,
+		config.mode
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_prosopo_procaptcha_common.TestModeBanner, { siteKey: config.account?.address ?? "" }), componentToRender] });
 };
+//#endregion
 exports.ProcaptchaFrictionless = ProcaptchaFrictionless;