any ideas? - Cloudflare Developers

Hhoxefko any ideas?

H

hoxefkoOP•10/15/24, 9:41 AM

thanks in advance

M

manon•10/18/24, 2:49 PM

Hi ! I'm trying to incorporate a tunrstile captcha on my newsletter popin on my website but I don't understand where to put everything with only the cloudfare docs.
I have added to little snippet of html to my email-popin but it doesn't show the captcha when I run the server, do you have any idea why ?

J

jhd•10/19/24, 9:23 AM

Hi, I try to use Turnstile in my PS8.2 installation. Pixel One module works in 8.2 but how I put the code?

J

jhd•10/19/24, 9:23 AM

J

jhd•10/19/24, 9:23 AM

for example for contact form I need add this code to "theme/modules/contactform/views/templates/widget/contactform.tpl", but where?

J

jhd•10/19/24, 9:31 AM

Thank Leo, I found the site of module. Best regards

J

jhd•10/19/24, 9:31 AM

PS = Presta Shop

J

jhd•10/19/24, 9:31 AM

https://github.com/Pixel-Open/prestashop-cloudflare-turnstile/discussions/10

GitHub

Help not showing in ps 1.7.8 with classic theme · Pixel-Open presta...

HI, I ve installed the module, but its not showing at register form for the other forms i've added the following code at the correspondent tpl file : {widget name='pixel_cloudflare_turnstil...

J

jhd•10/19/24, 9:33 AM

Also, here is well explained. https://webkul.com/blog/prestashop-cloudflare-turnstile-user-guide/

J

jhd•10/19/24, 9:38 AM

Of course.

Mmanon Hi ! I'm trying to incorporate a tunrstile captcha on my newsletter popin on my ...

M

manon•10/21/24, 12:34 PM

any ideas ?

K

Kenton•10/21/24, 9:00 PM

Looking to use Cloudflare Turnstile with Lit elements / shadow dom? I've been trying to find a solution for a long time, and I've finally cracked it. I've seen here to "use slots", but I wasn't quite sure about how it was going to work (I use Vaadin router so its a bit more complicated)

I hope this helps someone

------ STEPS ------

Add this to your index.html This needs to live in index.html to bypass the shadow root pain

<script>
      window.addEventListener('load-turnstile', e => {
        const script = document.createElement('script');
        script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
        script.async = true;
        document.body.appendChild(script);
        script.onload = () => {
          const currentComponent = e.detail.component;

          const widgetContainer = document.createElement('div');
          widgetContainer.setAttribute('slot', 'turnstile');
          const WidgetId = turnstile.render(widgetContainer, {
            sitekey: '<your site key>',
            callback: token => {
              const tokenEvent = new CustomEvent('turnstile-token', {
                detail: { token: token },
              });
              currentComponent.dispatchEvent(tokenEvent);
            },
          });
          currentComponent.appendChild(widgetContainer);
        };
      });
    </script>

<script>
      window.addEventListener('load-turnstile', e => {
        const script = document.createElement('script');
        script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
        script.async = true;
        document.body.appendChild(script);
        script.onload = () => {
          const currentComponent = e.detail.component;

          const widgetContainer = document.createElement('div');
          widgetContainer.setAttribute('slot', 'turnstile');
          const WidgetId = turnstile.render(widgetContainer, {
            sitekey: '<your site key>',
            callback: token => {
              const tokenEvent = new CustomEvent('turnstile-token', {
                detail: { token: token },
              });
              currentComponent.dispatchEvent(tokenEvent);
            },
          });
          currentComponent.appendChild(widgetContainer);
        };
      });
    </script>

<script>
      window.addEventListener('load-turnstile', e => {
        const script = document.createElement('script');
        script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
        script.async = true;
        document.body.appendChild(script);
        script.onload = () => {
          const currentComponent = e.detail.component;

          const widgetContainer = document.createElement('div');
          widgetContainer.setAttribute('slot', 'turnstile');
          const WidgetId = turnstile.render(widgetContainer, {
            sitekey: '<your site key>',
            callback: token => {
              const tokenEvent = new CustomEvent('turnstile-token', {
                detail: { token: token },
              });
              currentComponent.dispatchEvent(tokenEvent);
            },
          });
          currentComponent.appendChild(widgetContainer);
        };
      });
    </script>

<script>
      window.addEventListener('load-turnstile', e => {
        const script = document.createElement('script');
        script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
        script.async = true;
        document.body.appendChild(script);
        script.onload = () => {
          const currentComponent = e.detail.component;

          const widgetContainer = document.createElement('div');
          widgetContainer.setAttribute('slot', 'turnstile');
          const WidgetId = turnstile.render(widgetContainer, {
            sitekey: '<your site key>',
            callback: token => {
              const tokenEvent = new CustomEvent('turnstile-token', {
                detail: { token: token },
              });
              currentComponent.dispatchEvent(tokenEvent);
            },
          });
          currentComponent.appendChild(widgetContainer);
        };
      });
    </script>

K

Kenton•10/21/24, 9:00 PM

Add a slot named turnstile: You'll need a

<slot name="turnstile"></slot>

<slot name="turnstile"></slot>

<slot name="turnstile"></slot>

<slot name="turnstile"></slot> in your component (READ CAVEAT AT BOTTOM)

Setup a helpful sdk: Heres my basic framework for doing that:

export function LoadTurnstileWidget(el: HTMLElement) {
  const event = new CustomEvent('load-turnstile', {
    detail: {
      component: el,
    },
  });
  window.dispatchEvent(event);
}

export type TurnstileCallback = (token: String) => void;

export function ListenForTurnstileToken(
  attachTo: HTMLElement,
  callback: TurnstileCallback
) {
  attachTo.addEventListener('turnstile-token', (e: Event) => {
    const { token } = (e as CustomEvent).detail;

    callback(token);
  });
}

export function LoadTurnstileWidget(el: HTMLElement) {
  const event = new CustomEvent('load-turnstile', {
    detail: {
      component: el,
    },
  });
  window.dispatchEvent(event);
}

export type TurnstileCallback = (token: String) => void;

export function ListenForTurnstileToken(
  attachTo: HTMLElement,
  callback: TurnstileCallback
) {
  attachTo.addEventListener('turnstile-token', (e: Event) => {
    const { token } = (e as CustomEvent).detail;

    callback(token);
  });
}

export function LoadTurnstileWidget(el: HTMLElement) {
  const event = new CustomEvent('load-turnstile', {
    detail: {
      component: el,
    },
  });
  window.dispatchEvent(event);
}

export type TurnstileCallback = (token: String) => void;

export function ListenForTurnstileToken(
  attachTo: HTMLElement,
  callback: TurnstileCallback
) {
  attachTo.addEventListener('turnstile-token', (e: Event) => {
    const { token } = (e as CustomEvent).detail;

    callback(token);
  });
}

export function LoadTurnstileWidget(el: HTMLElement) {
  const event = new CustomEvent('load-turnstile', {
    detail: {
      component: el,
    },
  });
  window.dispatchEvent(event);
}

export type TurnstileCallback = (token: String) => void;

export function ListenForTurnstileToken(
  attachTo: HTMLElement,
  callback: TurnstileCallback
) {
  attachTo.addEventListener('turnstile-token', (e: Event) => {
    const { token } = (e as CustomEvent).detail;

    callback(token);
  });
}

Use it: In your elements constructor:

constructor() {
    super();
    LoadTurnstileWidget(this);

    ListenForTurnstileToken(this, (token: String) => {
      console.log('Got', token);
    });
  }

constructor() {
    super();
    LoadTurnstileWidget(this);

    ListenForTurnstileToken(this, (token: String) => {
      console.log('Got', token);
    });
  }

constructor() {
    super();
    LoadTurnstileWidget(this);

    ListenForTurnstileToken(this, (token: String) => {
      console.log('Got', token);
    });
  }

constructor() {
    super();
    LoadTurnstileWidget(this);

    ListenForTurnstileToken(this, (token: String) => {
      console.log('Got', token);
    });
  }

Success! You should now be seeing a Turnstile widget

CAVEATS
This doesn't seem to work well in nested components (hence why i didn't make a <turnstile-widget-component>), if someone has a solution, please share.

(sorry i had to split this into two messages)

S

stack_underflow•10/23/24, 3:43 PM

Anyone else experiencing a 500 http response code when fetching “https://challenges.cloudflare.com/cdn-cgi/challenge-platform/h/g/turnstile/if/ov2/av0/rcv0/0/ua9tf/<<sitekey>>/light/fbE/normal/en/?”

It’s very intermittent. It’s causing the widget to hang or crash and some other issues.

K

kian•10/23/24, 3:44 PM

How often does it occur?

S

stack_underflow•10/23/24, 3:49 PM

We’re only in testing right now but our QA has been experiencing it daily. Started seeing it Monday. It was happening very frequently then so we thought it was because of the scheduled maintenance. Seems to have improved a bit since but is still happening infrequently. Also seems to be happening more on specific machines on different networks.

Sstack_underflow We’re only in testing right now but our QA has been experiencing it daily. Start...

K

kian•10/23/24, 4:20 PM

Thanks! Are you able to share your sitekey? Feel free to DM me it (but fwiw they aren't sensitive values).

S

stack_underflow•10/23/24, 6:34 PM

0x4AAAAAAAhWUK4Q-E6T0RlF

S

stack_underflow•10/23/24, 6:38 PM

Also seeing this in the console

Turnstile Widget seem to have hung: qxvom
[Cloudflare Turnstile] Error: 300030.

O

Olof•10/24/24, 2:27 PM

Hi I'm trying to verify the token on the backend. Using Net Core. I get a StatusCode OK even though I pass in random strings as token and secret key. I cant understand why.

var content = new FormUrlEncodedContent(new Dictionary<string, string>
            {
                {"secret", "Wrong_secretKey"},
                {"response", "Random_string_as_token" },
                {"remoteip", remoteIpAddress.ToString() }
            });
            var response = await _httpClient.PostAsync("https://challenges.cloudflare.com/turnstile/v0/siteverify", content);
            if(response.IsSuccessStatusCode)
            {
                var result = response.ToJson(); //response.Content.ReadFromJsonAsync<CaptchaResponse>();
                return result;
            }
            return $"Error verifying Captcha: {response.StatusCode}";

var content = new FormUrlEncodedContent(new Dictionary<string, string>
            {
                {"secret", "Wrong_secretKey"},
                {"response", "Random_string_as_token" },
                {"remoteip", remoteIpAddress.ToString() }
            });
            var response = await _httpClient.PostAsync("https://challenges.cloudflare.com/turnstile/v0/siteverify", content);
            if(response.IsSuccessStatusCode)
            {
                var result = response.ToJson(); //response.Content.ReadFromJsonAsync<CaptchaResponse>();
                return result;
            }
            return $"Error verifying Captcha: {response.StatusCode}";

var content = new FormUrlEncodedContent(new Dictionary<string, string>
            {
                {"secret", "Wrong_secretKey"},
                {"response", "Random_string_as_token" },
                {"remoteip", remoteIpAddress.ToString() }
            });
            var response = await _httpClient.PostAsync("https://challenges.cloudflare.com/turnstile/v0/siteverify", content);
            if(response.IsSuccessStatusCode)
            {
                var result = response.ToJson(); //response.Content.ReadFromJsonAsync<CaptchaResponse>();
                return result;
            }
            return $"Error verifying Captcha: {response.StatusCode}";

var content = new FormUrlEncodedContent(new Dictionary<string, string>
            {
                {"secret", "Wrong_secretKey"},
                {"response", "Random_string_as_token" },
                {"remoteip", remoteIpAddress.ToString() }
            });
            var response = await _httpClient.PostAsync("https://challenges.cloudflare.com/turnstile/v0/siteverify", content);
            if(response.IsSuccessStatusCode)
            {
                var result = response.ToJson(); //response.Content.ReadFromJsonAsync<CaptchaResponse>();
                return result;
            }
            return $"Error verifying Captcha: {response.StatusCode}";

O

Olof•10/24/24, 2:27 PM

This is my response (from result.json)

Version    "1.1"
Content    Object { Headers: […] }
Headers    [ {…}, {…} ]
0    Object { Key: "Content-Type", Value: […] }
Key    "Content-Type"
Value    [ "application/json" ]
1    Object { Key: "Content-Length", Value: […] }
Key    "Content-Length"
Value    [ "70" ]
StatusCode    "ok"
ReasonPhrase    "OK"
Headers    [ {…}, {…}, {…}, {…}, {…} ]
0    Object { Key: "Date", Value: […] }
Key    "Date"
Value    [ "Thu, 24 Oct 2024 14:21:25 GMT" ]
0    "Thu, 24 Oct 2024 14:21:25 GMT"
1    Object { Key: "Connection", Value: […] }
Key    "Connection"
Value    [ "keep-alive" ]
0    "keep-alive"
2    Object { Key: "Server", Value: […] }
Key    "Server"
Value    [ "cloudflare" ]
3    Object { Key: "CF-RAY", Value: […] }
Key    "CF-RAY"
Value    [ "8d7a9cf80b6209b0-ARN" ]
0    "8d7a9cf80b6209b0-ARN"
4    Object { Key: "Alt-Svc", Value: […] }
Key    "Alt-Svc"
Value    [ 'h3=":443"' ]
TrailingHeaders    []
RequestMessage    Object { Version: "1.1", VersionPolicy: "requestVersionOrLower", RequestUri: "https://challenges.cloudflare.com/turnstile/v0/siteverify", … }
Version    "1.1"
VersionPolicy    "requestVersionOrLower"
Content    Object { Headers: […] }
Method    Object { Method: "POST" }
RequestUri    "https://challenges.cloudflare.com/turnstile/v0/siteverify"
Headers    [ {…} ]
0    Object { Key: "traceparent", Value: […] }
Key    "traceparent"
Value    [ "00-3fc6a3746c4609166de3f4e37f6e82c3-6eb800d5f07796be-XX" ]
0    "00-3fc6a3746c4609166de3f4e37f6e82c3-6eb800d5f07796be-00"
Properties    Object { }
Options    Object { }
IsSuccessStatusCode    true

Version    "1.1"
Content    Object { Headers: […] }
Headers    [ {…}, {…} ]
0    Object { Key: "Content-Type", Value: […] }
Key    "Content-Type"
Value    [ "application/json" ]
1    Object { Key: "Content-Length", Value: […] }
Key    "Content-Length"
Value    [ "70" ]
StatusCode    "ok"
ReasonPhrase    "OK"
Headers    [ {…}, {…}, {…}, {…}, {…} ]
0    Object { Key: "Date", Value: […] }
Key    "Date"
Value    [ "Thu, 24 Oct 2024 14:21:25 GMT" ]
0    "Thu, 24 Oct 2024 14:21:25 GMT"
1    Object { Key: "Connection", Value: […] }
Key    "Connection"
Value    [ "keep-alive" ]
0    "keep-alive"
2    Object { Key: "Server", Value: […] }
Key    "Server"
Value    [ "cloudflare" ]
3    Object { Key: "CF-RAY", Value: […] }
Key    "CF-RAY"
Value    [ "8d7a9cf80b6209b0-ARN" ]
0    "8d7a9cf80b6209b0-ARN"
4    Object { Key: "Alt-Svc", Value: […] }
Key    "Alt-Svc"
Value    [ 'h3=":443"' ]
TrailingHeaders    []
RequestMessage    Object { Version: "1.1", VersionPolicy: "requestVersionOrLower", RequestUri: "https://challenges.cloudflare.com/turnstile/v0/siteverify", … }
Version    "1.1"
VersionPolicy    "requestVersionOrLower"
Content    Object { Headers: […] }
Method    Object { Method: "POST" }
RequestUri    "https://challenges.cloudflare.com/turnstile/v0/siteverify"
Headers    [ {…} ]
0    Object { Key: "traceparent", Value: […] }
Key    "traceparent"
Value    [ "00-3fc6a3746c4609166de3f4e37f6e82c3-6eb800d5f07796be-XX" ]
0    "00-3fc6a3746c4609166de3f4e37f6e82c3-6eb800d5f07796be-00"
Properties    Object { }
Options    Object { }
IsSuccessStatusCode    true

Version    "1.1"
Content    Object { Headers: […] }
Headers    [ {…}, {…} ]
0    Object { Key: "Content-Type", Value: […] }
Key    "Content-Type"
Value    [ "application/json" ]
1    Object { Key: "Content-Length", Value: […] }
Key    "Content-Length"
Value    [ "70" ]
StatusCode    "ok"
ReasonPhrase    "OK"
Headers    [ {…}, {…}, {…}, {…}, {…} ]
0    Object { Key: "Date", Value: […] }
Key    "Date"
Value    [ "Thu, 24 Oct 2024 14:21:25 GMT" ]
0    "Thu, 24 Oct 2024 14:21:25 GMT"
1    Object { Key: "Connection", Value: […] }
Key    "Connection"
Value    [ "keep-alive" ]
0    "keep-alive"
2    Object { Key: "Server", Value: […] }
Key    "Server"
Value    [ "cloudflare" ]
3    Object { Key: "CF-RAY", Value: […] }
Key    "CF-RAY"
Value    [ "8d7a9cf80b6209b0-ARN" ]
0    "8d7a9cf80b6209b0-ARN"
4    Object { Key: "Alt-Svc", Value: […] }
Key    "Alt-Svc"
Value    [ 'h3=":443"' ]
TrailingHeaders    []
RequestMessage    Object { Version: "1.1", VersionPolicy: "requestVersionOrLower", RequestUri: "https://challenges.cloudflare.com/turnstile/v0/siteverify", … }
Version    "1.1"
VersionPolicy    "requestVersionOrLower"
Content    Object { Headers: […] }
Method    Object { Method: "POST" }
RequestUri    "https://challenges.cloudflare.com/turnstile/v0/siteverify"
Headers    [ {…} ]
0    Object { Key: "traceparent", Value: […] }
Key    "traceparent"
Value    [ "00-3fc6a3746c4609166de3f4e37f6e82c3-6eb800d5f07796be-XX" ]
0    "00-3fc6a3746c4609166de3f4e37f6e82c3-6eb800d5f07796be-00"
Properties    Object { }
Options    Object { }
IsSuccessStatusCode    true

Version    "1.1"
Content    Object { Headers: […] }
Headers    [ {…}, {…} ]
0    Object { Key: "Content-Type", Value: […] }
Key    "Content-Type"
Value    [ "application/json" ]
1    Object { Key: "Content-Length", Value: […] }
Key    "Content-Length"
Value    [ "70" ]
StatusCode    "ok"
ReasonPhrase    "OK"
Headers    [ {…}, {…}, {…}, {…}, {…} ]
0    Object { Key: "Date", Value: […] }
Key    "Date"
Value    [ "Thu, 24 Oct 2024 14:21:25 GMT" ]
0    "Thu, 24 Oct 2024 14:21:25 GMT"
1    Object { Key: "Connection", Value: […] }
Key    "Connection"
Value    [ "keep-alive" ]
0    "keep-alive"
2    Object { Key: "Server", Value: […] }
Key    "Server"
Value    [ "cloudflare" ]
3    Object { Key: "CF-RAY", Value: […] }
Key    "CF-RAY"
Value    [ "8d7a9cf80b6209b0-ARN" ]
0    "8d7a9cf80b6209b0-ARN"
4    Object { Key: "Alt-Svc", Value: […] }
Key    "Alt-Svc"
Value    [ 'h3=":443"' ]
TrailingHeaders    []
RequestMessage    Object { Version: "1.1", VersionPolicy: "requestVersionOrLower", RequestUri: "https://challenges.cloudflare.com/turnstile/v0/siteverify", … }
Version    "1.1"
VersionPolicy    "requestVersionOrLower"
Content    Object { Headers: […] }
Method    Object { Method: "POST" }
RequestUri    "https://challenges.cloudflare.com/turnstile/v0/siteverify"
Headers    [ {…} ]
0    Object { Key: "traceparent", Value: […] }
Key    "traceparent"
Value    [ "00-3fc6a3746c4609166de3f4e37f6e82c3-6eb800d5f07796be-XX" ]
0    "00-3fc6a3746c4609166de3f4e37f6e82c3-6eb800d5f07796be-00"
Properties    Object { }
Options    Object { }
IsSuccessStatusCode    true

M

manjerico•10/24/24, 2:59 PM

someone can correct me if I'm wrong, but it seems like you're looking into the HTTP response success code to assess proper validation, instead of the

success

success

success

success property inside the response data

Mmanjerico someone can correct me if I'm wrong, but it seems like you're looking into the H...

O

Olof•10/24/24, 3:22 PM

Thanks for the tip. I ended up using a package called BitArmory.Turnstile that seams to work.

J

Joe•10/24/24, 3:36 PM

in my code i'm looking for the success

(!$response['success'])

(!$response['success'])

(!$response['success'])

(!$response['success'])

Sstack_underflow Anyone else experiencing a 500 http response code when fetching “https://challen...

H

Hugo•10/25/24, 2:42 PM

We face a similar issue, causing the widget to stay in place after validation

Ddanwall Looking into my issue further, I seem to be getting a lot of 400020 errors which...

S

stack_underflow•10/29/24, 5:02 PM

For some reason they changed the invalid site key to this error. I had to dig through the code to find it.

R

REcpa123•11/4/24, 9:30 PM

I tired adding a new form to my site using Fluent Forms. I have had Turnstile on my site for a couple of years and never had any issues. On the new form when I hit submit I get an error to "please prove that you are human x" but no where to check a box. I'm not using WAF rules, just the api key. I ended up disabling the plugin.

Original message was deleted

R

REcpa123•11/13/24, 8:11 PM

https://www.loom.com/share/ee20a05aaf7c43f08c67269d2429ce02?sid=bc7bb9b8-11e6-4ae5-93ea-39d5f6d8486a

Loom

Video Message Troubleshooting

Hey there! In this video, I troubleshoot an issue with sending a message. I encounter a problem at 0 seconds and try to resolve it by putting something in at 14 seconds. Watch how I navigate through the process. No action requested from you, just a quick walkthrough!

R

REcpa123•11/13/24, 8:12 PM

You really just need to see the end of the video once I click submit.

S

space77along•11/14/24, 1:40 AM

I got my hands on Claude 3.5 Sonnet with computer use, and it seems surprising good at passing captchas.
I'm using https://github.com/showlab/computer_use_ootb to control a VM instead of https://github.com/anthropics/anthropic-quickstarts/tree/main/computer-use-demo in docker so maybe it performed better.

GitHub

GitHub - showlab/computer_use_ootb: An out-of-the-box (OOTB) versio...

An out-of-the-box (OOTB) version of Anthropic Claude Computer Use for Windows and macOS - showlab/computer_use_ootb

GitHub

anthropic-quickstarts/computer-use-demo at main · anthropics/anthro...

A collection of projects designed to help developers quickly get started with building deployable applications using the Anthropic API - anthropics/anthropic-quickstarts

D

DevsrealmGuy•11/14/24, 11:28 AM

Hi guys, anyone knows why I all of a sudden started getting the error:

invalid-input-response

invalid-input-response

invalid-input-response

invalid-input-response

D

DevsrealmGuy•11/14/24, 11:32 AM

Here is part of my implementation:

    // Helper function to make POST requests using fetch
    const postRequest = async (data:any) => {
        const response = await fetch(url, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(data),
        });

        return response.json();  // Parse and return JSON response
    };

// Generate an idempotency key for the request
const idempotencyKey = crypto.randomUUID();

const firstOutcome = await postRequest({
            secret: SECRET_KEY,
            response: token,
            remoteip: ip,
            idempotency_key: idempotencyKey,
        });

    // Helper function to make POST requests using fetch
    const postRequest = async (data:any) => {
        const response = await fetch(url, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(data),
        });

        return response.json();  // Parse and return JSON response
    };

// Generate an idempotency key for the request
const idempotencyKey = crypto.randomUUID();

const firstOutcome = await postRequest({
            secret: SECRET_KEY,
            response: token,
            remoteip: ip,
            idempotency_key: idempotencyKey,
        });

    // Helper function to make POST requests using fetch
    const postRequest = async (data:any) => {
        const response = await fetch(url, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(data),
        });

        return response.json();  // Parse and return JSON response
    };

// Generate an idempotency key for the request
const idempotencyKey = crypto.randomUUID();

const firstOutcome = await postRequest({
            secret: SECRET_KEY,
            response: token,
            remoteip: ip,
            idempotency_key: idempotencyKey,
        });

    // Helper function to make POST requests using fetch
    const postRequest = async (data:any) => {
        const response = await fetch(url, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(data),
        });

        return response.json();  // Parse and return JSON response
    };

// Generate an idempotency key for the request
const idempotencyKey = crypto.randomUUID();

const firstOutcome = await postRequest({
            secret: SECRET_KEY,
            response: token,
            remoteip: ip,
            idempotency_key: idempotencyKey,
        });

D

DevsrealmGuy•11/14/24, 11:54 AM

This has been working since October and yesterday all of a sudden, I had the error

D

DevsrealmGuy•11/14/24, 12:15 PM

No, you can check here: ] Redacted] it passes the captcha, however, if you inspect with devtool, it returns the error

A

ake•11/14/24, 12:39 PM

Have same problem, validation produces invalid-input-response even on "always pass" test key. It accepts everything but widget response

D

DevsrealmGuy•11/14/24, 12:55 PM

In my case, this has been working for months (since October), the issue started appearing yesterday all of a sudden, didn't make no change

Sslowlorisd Are you using the correct secret key when calling siteverify? Test secret keys c...

D

DevsrealmGuy•11/14/24, 1:03 PM

Between, siteVerify should be called with the SecretKey and not the SiteKey, asking because you mentioned SiteKey here

D

DevsrealmGuy•11/14/24, 1:51 PM

Yeah, I intentionally added that just now to nail the issue, apparently, the last person that deployed it didn't run the build function that would swap the dev env with the one in prod.

D

DevsrealmGuy•11/14/24, 1:54 PM

Though, I still can't confirm this worked yet as I am waiting for my new changes to be deployed