From a25c3555993128103ba43c7124b8ea66a2533470 Mon Sep 17 00:00:00 2001 From: Agis Anastasopoulos Date: Tue, 20 Aug 2024 13:37:27 +0300 Subject: [PATCH 1/2] fix(clerk-js): Better CAPTCHA widget console error --- packages/clerk-js/src/utils/captcha/hcaptcha.ts | 4 +++- packages/clerk-js/src/utils/captcha/turnstile.ts | 4 +++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/clerk-js/src/utils/captcha/hcaptcha.ts b/packages/clerk-js/src/utils/captcha/hcaptcha.ts index 29498035ae6..855d8689034 100644 --- a/packages/clerk-js/src/utils/captcha/hcaptcha.ts +++ b/packages/clerk-js/src/utils/captcha/hcaptcha.ts @@ -56,7 +56,9 @@ export const getHCaptchaToken = async (captchaOptions: { visibleDiv.style.display = 'block'; widgetDiv = visibleDiv; } else { - console.error('Captcha DOM element not found. Using invisible captcha widget.'); + console.error( + 'Cannot initialize Smart CAPTCHA widget because the `clerk-captcha` DOM element was not found; falling back to Invisible CAPTCHA widget. If you are using a custom flow, visit https://clerk.com/docs/custom-flows/bot-sign-up-protection for instructions', + ); widgetDiv = createInvisibleDOMElement(); isInvisibleWidget = true; hCaptchaSiteKey = invisibleSiteKey; diff --git a/packages/clerk-js/src/utils/captcha/turnstile.ts b/packages/clerk-js/src/utils/captcha/turnstile.ts index ce63d283a4a..c286638e8ce 100644 --- a/packages/clerk-js/src/utils/captcha/turnstile.ts +++ b/packages/clerk-js/src/utils/captcha/turnstile.ts @@ -127,7 +127,9 @@ export const getTunstileToken = async (captchaOptions: { visibleDiv.style.display = 'block'; widgetDiv = visibleDiv; } else { - console.error('Captcha DOM element not found. Using invisible captcha widget.'); + console.error( + 'Cannot initialize Smart CAPTCHA widget because the `clerk-captcha` DOM element was not found; falling back to Invisible CAPTCHA widget. If you are using a custom flow, visit https://clerk.com/docs/custom-flows/bot-sign-up-protection for instructions', + ); widgetDiv = createInvisibleDOMElement(); isInvisibleWidget = true; turnstileSiteKey = invisibleSiteKey; From 5c5e5740a64fd89a996446f39bf47c09d5554183 Mon Sep 17 00:00:00 2001 From: Stefanos Anagnostou Date: Tue, 20 Aug 2024 13:44:03 +0300 Subject: [PATCH 2/2] Create sour-bulldogs-explode.md --- .changeset/sour-bulldogs-explode.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/sour-bulldogs-explode.md diff --git a/.changeset/sour-bulldogs-explode.md b/.changeset/sour-bulldogs-explode.md new file mode 100644 index 00000000000..24d1834a503 --- /dev/null +++ b/.changeset/sour-bulldogs-explode.md @@ -0,0 +1,5 @@ +--- +"@clerk/clerk-js": patch +--- + +Improve the Smart CAPTCHA widget console error.