@thecb/components 11.3.2-beta.1 → 11.3.2

package/dist/index.esm.js

@@ -50039,13 +50039,10 @@ var TurnstileWidget = /*#__PURE__*/forwardRef(function (_ref4, ref) {
     _ref4$theme = _ref4.theme,
     theme = _ref4$theme === void 0 ? "light" : _ref4$theme,
     _ref4$extraStyles = _ref4.extraStyles,
-    extraStyles = _ref4$extraStyles === void 0 ? "" : _ref4$extraStyles,
-    _ref4$maxErrorRetries = _ref4.maxErrorRetries,
-    maxErrorRetries = _ref4$maxErrorRetries === void 0 ? 3 : _ref4$maxErrorRetries;
+    extraStyles = _ref4$extraStyles === void 0 ? "" : _ref4$extraStyles;
   if (!verifyURL || !siteKey) return null;
   var widgetRef = useRef(null);
   var widgetIdRef = useRef(null);
-  var retryCountRef = useRef(0);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     error = _useState2[0],
@@ -50054,61 +50051,42 @@ var TurnstileWidget = /*#__PURE__*/forwardRef(function (_ref4, ref) {
     scriptLoaded = _useTurnstileScript.scriptLoaded,
     scriptError = _useTurnstileScript.scriptError;
 
-  // Clear the error state and reset retry count
+  // Clear the error state
   var clearError = function clearError() {
     setError(null);
-    retryCountRef.current = 0;
   };
 
   // Handle errors based on the retry strategy
   var handleError = function handleError(errorCode) {
-    retryCountRef.current += 1;
-    var currentRetryCount = retryCountRef.current;
-
-    // If we haven't exceeded max retries, reset and try again
-    if (currentRetryCount <= maxErrorRetries) {
-      window.turnstile.reset(widgetIdRef.current);
-      setError(null);
-      return;
-    }
-
-    // Max retries exceeded - show appropriate error message
-    if (errorCode) {
-      var errorMessage = getErrorMessage(errorCode);
-      setError(errorMessage);
-    }
-  };
-  var getErrorMessage = function getErrorMessage(errorCode) {
+    if (!errorCode) return;
     var isFatalError = FATAL_ERROR_CODES.some(function (pattern) {
       return pattern.test(errorCode);
     });
+    var errorMessage = getErrorMessage(isFatalError);
+    setError(errorMessage);
+  };
+  var getErrorMessage = function getErrorMessage(isFatalError) {
     if (isFatalError) {
-      return "Browser or system error. Please refresh the page or update your browser.";
+      return "Browser or system error. Please refresh the page or try a different browser.";
     }
     return "Something went wrong. Please refresh and try again.";
   };
 
-  // Reset the Turnstile widget when requested
-  var resetWidget = useCallback(function () {
-    if (widgetIdRef.current && window.turnstile) {
-      window.turnstile.reset(widgetIdRef.current);
-      clearError();
-    }
-  }, [clearError]);
-
   // Allow the parent component to reset the Turnstile widget
   useImperativeHandle(ref, function () {
     return {
-      reset: resetWidget
+      reset: function reset() {
+        if (widgetIdRef.current && window.turnstile) {
+          window.turnstile.reset(widgetIdRef.current);
+          clearError();
+        }
+      }
     };
-  }, [resetWidget]);
+  }, []);
   useEffect$1(function () {
     if (scriptError) {
       setError("Unable to load security verification. Please refresh the page.");
-      onError === null || onError === void 0 || onError({
-        type: "script_load_failed",
-        error: scriptError
-      });
+      onError === null || onError === void 0 || onError("script_load_failed");
       return;
     }
     if (widgetIdRef.current || !window.turnstile || !scriptLoaded) return;
@@ -50121,12 +50099,10 @@ var TurnstileWidget = /*#__PURE__*/forwardRef(function (_ref4, ref) {
         theme: theme,
         callback: function callback(token) {
           clearError();
-          onSuccess(token);
+          onSuccess === null || onSuccess === void 0 || onSuccess(token);
         },
         "error-callback": function errorCallback(errorCode) {
-          if (retry === "never") {
-            handleError(errorCode);
-          }
+          handleError(errorCode);
           onError === null || onError === void 0 || onError(errorCode);
         },
         "expired-callback": function expiredCallback() {
@@ -50136,10 +50112,7 @@ var TurnstileWidget = /*#__PURE__*/forwardRef(function (_ref4, ref) {
       });
     } catch (error) {
       setError("Unable to load security verification. Please refresh the page.");
-      onError === null || onError === void 0 || onError({
-        type: "render_failed",
-        error: error
-      });
+      onError === null || onError === void 0 || onError("render_failed");
     }
     return function () {
       if (widgetIdRef.current && window.turnstile) {
@@ -50148,7 +50121,7 @@ var TurnstileWidget = /*#__PURE__*/forwardRef(function (_ref4, ref) {
         clearError();
       }
     };
-  }, [scriptLoaded, siteKey]);
+  }, [scriptLoaded, scriptError, siteKey]);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TurnstileWidgetContainer, {
     padding: padding,
     justify: justify,
@@ -50159,7 +50132,7 @@ var TurnstileWidget = /*#__PURE__*/forwardRef(function (_ref4, ref) {
   }), error && /*#__PURE__*/React__default.createElement(Text$1, {
     color: ERROR_COLOR,
     variant: "pXS",
-    extraStyles: "\n                word-break: break-word;\n                text-align: end;\n              "
+    extraStyles: "\n                word-break: break-word;\n                text-align: end;\n                padding-top: 0.5rem;\n              "
   }, error)));
 });