@prosopo/procaptcha-frictionless 2.6.28 → 2.6.29

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @prosopo/procaptcha-frictionless
 
+## 2.6.29
+### Patch Changes
+
+- 3573f0b: fix npm scripts bundle command
+- 3573f0b: build using vite, typecheck using tsc
+- efd8102: Add tests for unwrap error helper
+- 3573f0b: standardise all vite based npm scripts for bundling
+- Updated dependencies [2f0c830]
+- Updated dependencies [93d5e50]
+- Updated dependencies [3573f0b]
+- Updated dependencies [3573f0b]
+- Updated dependencies [efd8102]
+- Updated dependencies [93d5e50]
+- Updated dependencies [63519d7]
+- Updated dependencies [f29fc7e]
+- Updated dependencies [3573f0b]
+- Updated dependencies [2d0dd8a]
+  - @prosopo/detector@3.0.1
+  - @prosopo/widget-skeleton@2.6.1
+  - @prosopo/locale@3.1.0
+  - @prosopo/types@3.0.4
+  - @prosopo/procaptcha-react@2.6.29
+  - @prosopo/procaptcha-pow@2.7.15
+  - @prosopo/config@3.1.1
+
 ## 2.6.28
 ### Patch Changes
 

package/dist/ProcaptchaFrictionless.js

@@ -1,104 +1,169 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { loadI18next } from "@prosopo/locale";
-import { Checkbox, getDefaultEvents, providerRetry, } from "@prosopo/procaptcha-common";
+import { Checkbox, getDefaultEvents, providerRetry } from "@prosopo/procaptcha-common";
 import { ProcaptchaPow } from "@prosopo/procaptcha-pow";
 import { Procaptcha } from "@prosopo/procaptcha-react";
-import { ProcaptchaConfigSchema, } from "@prosopo/types";
-import { darkTheme, lightTheme } from "@prosopo/widget-skeleton";
-import { useEffect, useRef, useState } from "react";
+import { ProcaptchaConfigSchema } from "@prosopo/types";
+import { lightTheme, darkTheme } from "@prosopo/widget-skeleton";
+import { useRef, useEffect, useState } from "react";
 import customDetectBot from "./customDetectBot.js";
 const renderPlaceholder = (theme, mode, errorMessage, isTranslationLoaded, translationFn, loading) => {
-    const checkboxTheme = "light" === theme ? lightTheme : darkTheme;
-    if (mode === "invisible") {
-        return null;
+  const checkboxTheme = "light" === theme ? lightTheme : darkTheme;
+  if (mode === "invisible") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      theme: checkboxTheme,
+      onChange: async () => {
+      },
+      checked: false,
+      labelText: isTranslationLoaded ? translationFn("WIDGET.I_AM_HUMAN") : "",
+      error: errorMessage,
+      "aria-label": "human checkbox",
+      loading
     }
-    return (_jsx(Checkbox, { theme: checkboxTheme, onChange: async () => { }, checked: false, labelText: isTranslationLoaded ? translationFn("WIDGET.I_AM_HUMAN") : "", error: errorMessage, "aria-label": "human checkbox", loading: loading }));
+  );
 };
 const defaultLoadingState = (attemptCount) => ({
-    loading: false,
-    attemptCount: attemptCount || 0,
+  loading: false,
+  attemptCount: attemptCount || 0
 });
-export const ProcaptchaFrictionless = ({ config, callbacks, restart, i18n, detectBot = customDetectBot, }) => {
-    const stateRef = useRef(defaultLoadingState(0));
-    const events = getDefaultEvents(callbacks);
-    useEffect(() => {
-        if (config.language) {
-            if (i18n) {
-                if (i18n.language !== config.language) {
-                    i18n.changeLanguage(config.language).then((r) => r);
-                }
-            }
-            else {
-                loadI18next(false).then((i18n) => {
-                    if (i18n.language !== config.language)
-                        i18n.changeLanguage(config.language).then((r) => r);
-                });
-            }
+const ProcaptchaFrictionless = ({
+  config,
+  callbacks,
+  restart,
+  i18n,
+  detectBot = customDetectBot
+}) => {
+  const stateRef = useRef(defaultLoadingState(0));
+  const events = getDefaultEvents(callbacks);
+  useEffect(() => {
+    if (config.language) {
+      if (i18n) {
+        if (i18n.language !== config.language) {
+          i18n.changeLanguage(config.language).then((r) => r);
         }
-    }, [i18n, config.language]);
-    const [componentToRender, setComponentToRender] = 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();
-        }, 10000);
-    };
-    const start = async () => {
-        await providerRetry(async () => {
-            stateRef.current.attemptCount += 1;
-            const configOutput = ProcaptchaConfigSchema.parse(config);
-            const result = await detectBot(configOutput);
-            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,
-            };
-            if (result.captchaType === "image") {
-                setComponentToRender(_jsx(Procaptcha, { config: config, callbacks: callbacks, frictionlessState: frictionlessState, i18n: i18n }));
-            }
-            else {
-                setComponentToRender(_jsx(ProcaptchaPow, { config: config, callbacks: callbacks, frictionlessState: frictionlessState, i18n: i18n }));
-                stateRef.current = {
-                    ...stateRef.current,
-                    loading: false,
-                };
-            }
-        }, start, resetState, stateRef.current.attemptCount, 5).finally(() => {
-            if (stateRef.current.attemptCount >= 5) {
-                fallOverWithStyle();
-                restartComponentTimeout();
-            }
+      } else {
+        loadI18next(false).then((i18n2) => {
+          if (i18n2.language !== config.language)
+            i18n2.changeLanguage(config.language).then((r) => r);
         });
-    };
-    useEffect(() => {
-        const detectAndSetComponent = async () => {
-            await start();
+      }
+    }
+  }, [i18n, config.language]);
+  const [componentToRender, setComponentToRender] = 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 start = async () => {
+    await providerRetry(
+      async () => {
+        stateRef.current.attemptCount += 1;
+        const configOutput = ProcaptchaConfigSchema.parse(config);
+        const result = await detectBot(configOutput);
+        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
         };
-        detectAndSetComponent();
-    }, [config, callbacks, detectBot, config.language]);
-    return componentToRender;
+        if (result.captchaType === "image") {
+          setComponentToRender(
+            /* @__PURE__ */ jsx(
+              Procaptcha,
+              {
+                config,
+                callbacks,
+                frictionlessState,
+                i18n
+              }
+            )
+          );
+        } else {
+          setComponentToRender(
+            /* @__PURE__ */ jsx(
+              ProcaptchaPow,
+              {
+                config,
+                callbacks,
+                frictionlessState,
+                i18n
+              }
+            )
+          );
+          stateRef.current = {
+            ...stateRef.current,
+            loading: false
+          };
+        }
+      },
+      start,
+      resetState,
+      stateRef.current.attemptCount,
+      5
+    ).finally(() => {
+      if (stateRef.current.attemptCount >= 5) {
+        fallOverWithStyle();
+        restartComponentTimeout();
+      }
+    });
+  };
+  useEffect(() => {
+    const detectAndSetComponent = async () => {
+      await start();
+    };
+    detectAndSetComponent();
+  }, [config, callbacks, detectBot, config.language]);
+  return componentToRender;
+};
+export {
+  ProcaptchaFrictionless
 };
-//# sourceMappingURL=ProcaptchaFrictionless.js.map