@marvalt/madapter 2.1.0 → 2.1.1

package/dist/index.cjs

@@ -2658,6 +2658,65 @@ const useMauticEvent = () => {
     };
 };
 
+const TurnstileWidget = ({ siteKey, onSuccess, onError, onExpire, theme = 'auto', size = 'normal', tabIndex, }) => {
+    const widgetRef = React.useRef(null);
+    const widgetId = React.useRef(null);
+    const scriptLoaded = React.useRef(false);
+    React.useEffect(() => {
+        if (!widgetRef.current || !siteKey)
+            return;
+        const loadTurnstile = () => {
+            if (window.turnstile && widgetRef.current && !widgetId.current) {
+                try {
+                    widgetId.current = window.turnstile.render(widgetRef.current, {
+                        sitekey: siteKey,
+                        callback: onSuccess,
+                        'error-callback': onError,
+                        'expired-callback': onExpire,
+                        theme,
+                        size,
+                        tabindex: tabIndex,
+                    });
+                }
+                catch (error) {
+                    console.error('Failed to render Turnstile widget:', error);
+                    onError?.();
+                }
+            }
+        };
+        // Check if Turnstile is already loaded
+        if (window.turnstile) {
+            loadTurnstile();
+        }
+        else if (!scriptLoaded.current) {
+            // Load Turnstile script
+            scriptLoaded.current = true;
+            const script = document.createElement('script');
+            script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
+            script.async = true;
+            script.defer = true;
+            script.onload = loadTurnstile;
+            script.onerror = () => {
+                console.error('Failed to load Turnstile script');
+                onError?.();
+            };
+            document.head.appendChild(script);
+        }
+        return () => {
+            if (widgetId.current && window.turnstile) {
+                try {
+                    window.turnstile.remove(widgetId.current);
+                }
+                catch (error) {
+                    console.error('Failed to remove Turnstile widget:', error);
+                }
+                widgetId.current = null;
+            }
+        };
+    }, [siteKey, onSuccess, onError, onExpire, theme, size, tabIndex]);
+    return jsxRuntimeExports.jsx("div", { ref: widgetRef, className: "cf-turnstile" });
+};
+
 const MauticContext = React.createContext(null);
 const MauticProvider = ({ config, children }) => {
     const client = React.useMemo(() => {
@@ -3076,6 +3135,7 @@ exports.MauticGenerator = MauticGenerator;
 exports.MauticProvider = MauticProvider;
 exports.MauticService = MauticService;
 exports.MauticTracking = MauticTracking;
+exports.TurnstileWidget = TurnstileWidget;
 exports.createMauticConfig = createMauticConfig;
 exports.formatFormDataForSubmission = formatFormDataForSubmission;
 exports.generateMauticData = generateMauticData;