trustlab-api/resources/views/vendor/cloudflare-turnstile/components/turnstile.blade.php

@props([
    'id' => 'captcha',
])

@php
if (! preg_match('/^[a-zA-Z_][a-zA-Z0-9_]*$/', $id)) {
    throw new InvalidArgumentException("The Turnstile ID [{$id}] must start with a letter or underscore, and can only contain alphanumeric or underscore characters.");
}

$model = $attributes->has('wire:model') ? $attributes->get('wire:model') : null;
@endphp

<div
    data-sitekey="{{ config('services.turnstile.key') }}"
    @if ($model)
        wire:ignore
        data-callback="{{ $id }}Callback"
        data-expired-callback="{{ $id }}ExpiredCallback"
        data-timeout-callback="{{ $id }}ExpiredCallback"
        {{ $attributes->filter(fn($value, $key) => ! in_array($key, ['data-callback', 'data-expired-callback', 'data-timeout-callback', 'wire:model', 'id']))->class(['cf-turnstile']) }}
    @else
        {{ $attributes->class(['cf-turnstile']) }}
    @endif
></div>

@if ($model)
    <script>
        document.addEventListener('livewire:initialized', () => {
            window.{{ $id }}Callback = function (token) {
                @this.set("{{ $model }}", token);
            }

            window.{{ $id }}ExpiredCallback = function () {
                window.turnstile.reset();
            }

            @this.watch("{{ $model }}", (value, old) => {
                // If there was a value, and now there isn't, reset the Turnstile.
                if (!!old && !value) {
                    window.turnstile.reset();
                }
            })
        });
    </script>
@endif