@everymatrix/user-login 1.94.20 → 1.94.22

package/dist/esm/user-login.entry.js

@@ -510,11 +510,21 @@ const getSlottedElement = (host, slotName) => {
     host.shadowRoot?.querySelector(`slot[name="${slotName}"]`)
   );
 
-  if (!slot) return null;
+  if (!slot) {
+    console.error(`[${host.tagName.toLowerCase()}] slot "${slotName}" not found.`);
+    return null;
+  }
 
-  return /** @type {HTMLElement | null} */ (
+  const assignedElement = /** @type {HTMLElement | null} */ (
     slot.assignedElements?.()[0] ?? null
   );
+
+  if (!assignedElement) {
+    console.error( `[${host.tagName.toLowerCase()}] no element assigned to slot "${slotName}".`);
+    return null;
+  }
+
+  return assignedElement;
 };
 
 /**
@@ -537,6 +547,8 @@ const dispatchCustomEvent = (type, data = {}) => {
 };
 
 const SCRIPT_SRC$1 = 'https://www.google.com/recaptcha/api.js';
+const SCRIPT_LOAD_TIMEOUT_MS$1 = 5000;
+const RECAPTCHA_TOKEN_RESPONSE_HEADER = 'g-recaptcha-response';
 let scriptPromise$1 = null;
 function loadRecaptcha() {
     var _a;
@@ -553,11 +565,16 @@ function loadRecaptcha() {
             script.async = true;
             script.defer = true;
             script.onload = () => {
+                const deadline = Date.now() + SCRIPT_LOAD_TIMEOUT_MS$1;
                 const check = () => {
                     var _a;
                     if ((_a = window.grecaptcha) === null || _a === void 0 ? void 0 : _a.render) {
                         resolve();
                     }
+                    else if (Date.now() > deadline) {
+                        scriptPromise$1 = null;
+                        reject(new Error('[reCAPTCHA] timed out waiting for grecaptcha'));
+                    }
                     else {
                         setTimeout(check, 50);
                     }
@@ -601,28 +618,37 @@ function createRecaptcha(options) {
 }
 
 const SCRIPT_SRC = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
-const RESET_COOL_DOWN_MS = 3000;
 const RETRY_INTERVAL_MS = 3000;
 const DEFAULT_RETRY_COUNT = 5;
+const SCRIPT_LOAD_TIMEOUT_MS = 10000;
+const TURNSTILE_TOKEN_EXPIRY_MS = 5 * 60 * 1000;
 const DUMMY_TURNSTILE_RESPONSE = 'XXXX.DUMMY.TOKEN.XXXX';
-// Module-level singleton so multiple widgets share one script tag.
+const TURNSTILE_TOKEN_RESPONSE_HEADER = 'cf-captcha-response';
+const TURNSTILE_IS_VISIBLE_HEADER = 'cfCaptchaIsVisible';
 let scriptPromise = null;
 function loadTurnstile() {
     if (typeof window === 'undefined') {
         return Promise.reject(new Error('[Turnstile] SSR'));
     }
-    if (window.turnstile) {
+    if (window.turnstile)
         return Promise.resolve();
-    }
     if (!scriptPromise) {
         scriptPromise = new Promise((resolve, reject) => {
+            const timeout = setTimeout(() => {
+                scriptPromise = null;
+                reject(new Error('[Turnstile] script load timeout'));
+            }, SCRIPT_LOAD_TIMEOUT_MS);
             const script = document.createElement('script');
             script.src = SCRIPT_SRC;
             script.async = true;
             script.defer = true;
-            script.onload = () => resolve();
+            script.onload = () => {
+                clearTimeout(timeout);
+                resolve();
+            };
             script.onerror = () => {
-                scriptPromise = null; // allow later retries
+                clearTimeout(timeout);
+                scriptPromise = null;
                 reject(new Error('[Turnstile] script failed to load'));
             };
             document.head.appendChild(script);
@@ -630,159 +656,78 @@ function loadTurnstile() {
     }
     return scriptPromise;
 }
-/**
- * Creates a self-contained Cloudflare Turnstile controller for use in any
- * framework (Stencil, Vue, Svelte, vanilla TS). Mirrors the behavior of the
- * React `useTurnstile` hook used in the Flash project.
- *
- * Typical lifecycle:
- *   1. Call `render(containerEl)` in your mount/componentDidLoad — loads the
- *      script and renders an invisible widget.
- *   2. On form submit, `await ensureToken()` to get (or obtain) a token.
- *   3. Call `cleanup()` in your unmount/disconnectedCallback.
- *
- * @example
- * ```ts
- * const turnstile = createTurnstile({
- *   siteKey: 'YOUR_SITE_KEY',
- *   action: 'login',
- *   onLoadingChange: (loading) => { this.isTurnstileLoading = loading; },
- * });
- *
- * // in componentDidLoad
- * await turnstile.render(this.turnstileContainerEl);
- *
- * // in handleSubmit
- * const token = await turnstile.ensureToken();
- * headers['X-Captcha-Response'] = token;
- *
- * // in disconnectedCallback
- * turnstile.cleanup();
- * ```
- */
 function createTurnstile(options) {
     const { siteKey, action, isEnabled = true, enableFallback = false, retryCount = DEFAULT_RETRY_COUNT } = options;
     let token = null;
+    let tokenIssuedAt = 0;
     let widgetId;
     let container;
-    let pendingRequest = null;
-    let currentPromise = null;
-    let shouldReset = false;
-    let lastResetAt = 0;
+    let isDestroyed = false;
     let errorCount = 0;
+    let resolveToken = null;
+    let rejectToken = null;
     function setToken(value) {
         var _a;
         token = value;
+        if (value)
+            tokenIssuedAt = Date.now();
         (_a = options.onTokenChange) === null || _a === void 0 ? void 0 : _a.call(options, value);
     }
-    function setLoading(value) {
-        var _a;
-        (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, value);
-    }
-    function isWidgetReady() {
-        return !!window.turnstile && !!widgetId;
-    }
-    function handleVerificationSuccess(receivedToken) {
-        const pending = pendingRequest;
-        if (pending) {
-            if (pending.retryTimerId != null)
-                clearTimeout(pending.retryTimerId);
-            pending.resolve(receivedToken);
-            pendingRequest = null;
-        }
-        setToken(receivedToken);
-        setLoading(false);
-        shouldReset = false;
-        if (enableFallback)
-            errorCount = 0;
-    }
-    function scheduleNextExecute() {
-        const pending = pendingRequest;
-        if (!pending || !widgetId || !window.turnstile)
-            return;
-        pending.retryTimerId = setTimeout(() => {
-            if (!pendingRequest || !widgetId || !window.turnstile)
-                return;
-            errorCount += 1;
-            if (errorCount >= retryCount) {
-                if (pending.retryTimerId != null) {
-                    clearTimeout(pending.retryTimerId);
-                }
-                try {
-                    if (widgetId && window.turnstile) {
-                        window.turnstile.reset(widgetId);
-                        lastResetAt = Date.now();
-                    }
-                }
-                catch (e) {
-                    console.warn('[Turnstile] final reset failed', e);
-                }
-                setLoading(false);
-                shouldReset = false;
-                if (enableFallback) {
-                    handleVerificationSuccess(DUMMY_TURNSTILE_RESPONSE);
-                    return;
-                }
-                pendingRequest = null;
-                currentPromise = null;
-                errorCount = 0;
-                pending.reject(new Error('[Turnstile] Verification failed. Please try again.'));
-                return;
-            }
-            const now = Date.now();
-            if (shouldReset && now - lastResetAt >= RESET_COOL_DOWN_MS) {
-                try {
-                    window.turnstile.reset(widgetId);
-                    lastResetAt = now;
-                }
-                catch (e) {
-                    console.warn('[Turnstile] reset error', e);
-                }
-                finally {
-                    shouldReset = false;
-                }
-            }
-            try {
-                window.turnstile.execute(widgetId);
-            }
-            catch (e) {
-                console.warn('[Turnstile] execute threw -> reschedule', e);
-                scheduleNextExecute();
-            }
-        }, RETRY_INTERVAL_MS);
-    }
     function renderWidget() {
         if (widgetId || !container || !window.turnstile)
             return;
-        shouldReset = false;
         widgetId = window.turnstile.render(container, {
             sitekey: siteKey,
-            retry: 'never',
+            retry: 'auto',
             action,
             appearance: 'interaction-only',
             execution: 'execute',
-            callback: handleVerificationSuccess,
-            'error-callback': () => {
-                shouldReset = true;
-                if (pendingRequest)
-                    scheduleNextExecute();
+            theme: 'light',
+            'retry-interval': RETRY_INTERVAL_MS,
+            callback: (receivedToken) => {
+                var _a;
+                if (isDestroyed)
+                    return;
+                errorCount = 0;
+                setToken(receivedToken);
+                (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, false);
+                resolveToken === null || resolveToken === void 0 ? void 0 : resolveToken(receivedToken);
+                resolveToken = null;
+                rejectToken = null;
+            },
+            'error-callback': (errorCode) => {
+                var _a;
+                if (isDestroyed)
+                    return true;
+                errorCount += 1;
+                if (errorCount <= retryCount) {
+                    return false;
+                }
+                errorCount = 0;
+                (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, false);
+                if (widgetId && window.turnstile) {
+                    try {
+                        window.turnstile.reset(widgetId);
+                    }
+                    catch (_b) { }
+                }
+                if (enableFallback) {
+                    resolveToken === null || resolveToken === void 0 ? void 0 : resolveToken(DUMMY_TURNSTILE_RESPONSE);
+                }
+                else {
+                    const error = `[Turnstile] Verification failed (${errorCode}). Please try again.`;
+                    console.error(error);
+                    rejectToken === null || rejectToken === void 0 ? void 0 : rejectToken(new Error(error));
+                }
+                resolveToken = null;
+                rejectToken = null;
+                return true;
             },
             'expired-callback': () => {
                 setToken(null);
-                shouldReset = true;
-            },
-            'timeout-callback': () => {
-                if (pendingRequest) {
-                    shouldReset = true;
-                    scheduleNextExecute();
-                }
             }
         });
     }
-    /**
-     * Loads the Turnstile script (once) and renders the invisible widget into
-     * `hostContainer`. Safe to call before the script is available.
-     */
     async function render(hostContainer) {
         var _a;
         if (!isEnabled)
@@ -797,101 +742,71 @@ function createTurnstile(options) {
             console.error('[Turnstile] script load error', err);
         }
     }
-    /**
-     * Executes the challenge and returns a token Promise. If a request is already
-     * in-flight the same Promise is returned (no duplicate challenges).
-     */
     async function getToken() {
+        var _a;
         if (!isEnabled)
             return undefined;
-        if (!isWidgetReady()) {
+        if (!widgetId) {
             await loadTurnstile();
             renderWidget();
-            if (!isWidgetReady()) {
+            if (!widgetId)
                 throw new Error('[Turnstile] widget not ready');
-            }
         }
-        if (currentPromise)
-            return currentPromise;
-        setLoading(true);
-        const promise = new Promise((resolve, reject) => {
-            pendingRequest = { resolve, reject, retryTimerId: null };
+        (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, true);
+        return new Promise((resolve, reject) => {
+            var _a;
+            resolveToken = resolve;
+            rejectToken = reject;
             try {
                 window.turnstile.execute(widgetId);
             }
             catch (e) {
                 console.error('[Turnstile] execute error', e);
-                scheduleNextExecute();
+                (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, false);
+                resolveToken = null;
+                rejectToken = null;
+                reject(e);
             }
-        }).finally(() => {
-            if (currentPromise === promise)
-                currentPromise = null;
         });
-        currentPromise = promise;
-        return promise;
     }
-    /**
-     * Returns the cached token immediately if still valid; otherwise calls
-     * `getToken()`. Prefer this on form submit.
-     */
     async function ensureToken() {
         if (!isEnabled)
             return undefined;
-        if (token)
+        if (token && Date.now() - tokenIssuedAt < TURNSTILE_TOKEN_EXPIRY_MS)
             return token;
         return getToken();
     }
-    /**
-     * Resets the widget state and rejects any in-flight token promise.
-     * Call after a failed login attempt so the next submit gets a fresh token.
-     */
     function reset() {
+        var _a;
         if (widgetId && window.turnstile) {
             try {
                 window.turnstile.reset(widgetId);
-                lastResetAt = Date.now();
-            }
-            catch (_a) {
-                /* ignore */
             }
+            catch (_b) { }
         }
-        if (pendingRequest) {
-            const pending = pendingRequest;
-            if (pending.retryTimerId != null)
-                clearTimeout(pending.retryTimerId);
-            pending.reject(new Error('[Turnstile] reset by caller'));
-            pendingRequest = null;
-        }
-        shouldReset = false;
-        currentPromise = null;
-        setLoading(false);
+        errorCount = 0;
         setToken(null);
+        (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, false);
+        rejectToken === null || rejectToken === void 0 ? void 0 : rejectToken(new Error('[Turnstile] reset by caller'));
+        resolveToken = null;
+        rejectToken = null;
     }
-    /**
-     * Removes the widget from the DOM and rejects any pending promise.
-     * Call in `disconnectedCallback` / component unmount.
-     */
     function cleanup() {
-        try {
-            if (widgetId && window.turnstile) {
+        var _a;
+        isDestroyed = true;
+        if (widgetId && window.turnstile) {
+            try {
                 window.turnstile.remove(widgetId);
             }
+            catch (_b) { }
         }
-        catch (_a) {
-            /* ignore */
-        }
-        if (pendingRequest) {
-            const pending = pendingRequest;
-            if (pending.retryTimerId != null)
-                clearTimeout(pending.retryTimerId);
-            pending.reject(new Error('[Turnstile] widget destroyed'));
-            pendingRequest = null;
-        }
+        errorCount = 0;
+        rejectToken === null || rejectToken === void 0 ? void 0 : rejectToken(null);
+        resolveToken = null;
+        rejectToken = null;
         widgetId = undefined;
-        shouldReset = false;
-        currentPromise = null;
-        setLoading(false);
         setToken(null);
+        (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, false);
     }
     return { render, getToken, ensureToken, reset, cleanup };
 }
@@ -7604,7 +7519,7 @@ const UserLogin = class {
          * Login API call for Gm 1.7
          */
         this.userLoginGm17 = async () => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e;
             let headers = {
                 'Content-Type': 'application/json'
             };
@@ -7616,11 +7531,13 @@ const UserLogin = class {
                 let token;
                 if (typeof ((_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.ensureToken) === "function") {
                     token = await ((_c = (_b = this.captchaInstance) === null || _b === void 0 ? void 0 : _b.ensureToken) === null || _c === void 0 ? void 0 : _c.call(_b));
+                    headers[TURNSTILE_TOKEN_RESPONSE_HEADER] = token !== null && token !== void 0 ? token : "";
+                    headers[TURNSTILE_IS_VISIBLE_HEADER] = "false";
                 }
                 else {
                     token = this.captchaToken;
+                    headers[RECAPTCHA_TOKEN_RESPONSE_HEADER] = token !== null && token !== void 0 ? token : "";
                 }
-                headers['cf-captcha-response'] = token !== null && token !== void 0 ? token : "";
             }
             const options = {
                 method: 'POST',
@@ -7649,6 +7566,7 @@ const UserLogin = class {
             }
             finally {
                 this.isLoginLoading = false;
+                (_e = (_d = this.captchaInstance) === null || _d === void 0 ? void 0 : _d.reset) === null || _e === void 0 ? void 0 : _e.call(_d);
             }
         };
         /**
@@ -7711,15 +7629,17 @@ const UserLogin = class {
                 try {
                     const turnstileToken = await ((_b = (_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.ensureToken) === null || _b === void 0 ? void 0 : _b.call(_a));
                     if (turnstileToken) {
-                        headers.append('cf-captcha-response', turnstileToken);
-                        headers.append('cfCaptchaIsVisible', 'false');
+                        headers.append(TURNSTILE_TOKEN_RESPONSE_HEADER, turnstileToken);
+                        headers.append(TURNSTILE_IS_VISIBLE_HEADER, 'false');
                     }
                 }
                 catch (error) {
                     this.hasError = true;
-                    this.errorMessage = translate('genericError', this.lang) || `${error}`;
-                    this.sendErrorNotification(this.errorMessage);
                     this.isLoginLoading = false;
+                    if (error !== null) {
+                        this.errorMessage = translate('genericError', this.lang) || `${error}`;
+                        this.sendErrorNotification(this.errorMessage);
+                    }
                     return;
                 }
             }
@@ -7784,7 +7704,9 @@ const UserLogin = class {
                 this.sendErrorNotification(this.errorMessage);
             })
                 .finally(() => {
+                var _a, _b;
                 this.isLoginLoading = false;
+                (_b = (_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.reset) === null || _b === void 0 ? void 0 : _b.call(_a);
             });
         };
         /**
@@ -7905,8 +7827,6 @@ const UserLogin = class {
         this.biometricactionmode = 'switch';
         this.isFromLogin = true;
         this.turnstileSiteKey = undefined;
-        this.turnstileEnableFallback = false;
-        this.turnstileRetryCount = undefined;
         this.userNameEmail = '';
         this.userPassword = '';
         this.isValidUserEmail = true;
@@ -7922,7 +7842,6 @@ const UserLogin = class {
         this.isLoginLoading = false;
         this.isNativeApp = false;
         this.biometricsLoaded = false;
-        this.isTurnstileLoading = false;
     }
     /**
      * Watch for changes in the translation URL and fetch new translations
@@ -8023,7 +7942,6 @@ const UserLogin = class {
                 isEnabled: true,
                 provider: "cloudflare",
                 siteKey: this.turnstileSiteKey,
-                enableFallback: this.turnstileEnableFallback
             });
         }
     }
@@ -8056,8 +7974,7 @@ const UserLogin = class {
         });
     }
     async initializeCaptcha({ provider, siteKey, enableFallback }) {
-        const slotElement = getSlottedElement(this.host, CAPTCHA_CONTAINER_SLOT);
-        this.captchaContainerEl = slotElement;
+        const captchaContainerEl = getSlottedElement(this.host, CAPTCHA_CONTAINER_SLOT);
         const captchaCreator = {
             "google": createRecaptcha,
             "cloudflare": createTurnstile
@@ -8068,7 +7985,7 @@ const UserLogin = class {
             enableFallback,
             callback: provider === "google" ? (token) => { this.captchaToken = token; } : undefined
         });
-        await this.captchaInstance.render(this.captchaContainerEl);
+        await this.captchaInstance.render(captchaContainerEl);
     }
     /**
      * Lifecycle method: Clean up event listeners when the component is removed
@@ -8078,7 +7995,8 @@ const UserLogin = class {
         this.stylingSubscription && this.stylingSubscription.unsubscribe();
         window.removeEventListener('LoginCredentials', this.autofillCredentialsHandler);
         window.removeEventListener('message', this.messageHandler);
-        (_b = (_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.cleanup) === null || _b === void 0 ? void 0 : _b.call(_a);
+        if (this.turnstileSiteKey)
+            (_b = (_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.cleanup) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     /**
      * Send error notification as a post message
@@ -8160,7 +8078,7 @@ const UserLogin = class {
      * Render function
     */
     render() {
-        return (h("section", { key: 'c72b94ac2e6cde988ae4798402680a527e4a004e', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), h("slot", { key: '36c64bfcc9d5e19ae7b22d50638bf3c720167606', name: CAPTCHA_CONTAINER_SLOT })));
+        return (h("section", { key: 'd53f60a484827fbb28b2ec8a907ac21e0781427a', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), h("slot", { key: '8b42ec462b580ffb0d1448bbe185febada0bcd22', name: CAPTCHA_CONTAINER_SLOT })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/user-login.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["user-login",[[1,"user-login",{"endpoint":[513],"minPassLength":[514,"min-pass-length"],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"userPhoneRegex":[513,"user-phone-regex"],"userPhoneRegexOptions":[513,"user-phone-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"defaultPrefix":[513,"default-prefix"],"isPrefixEditable":[513,"is-prefix-editable"],"mbSource":[513,"mb-source"],"biometricEnabled":[513,"biometric-enabled"],"biometricactionmode":[1],"isFromLogin":[4,"is-from-login"],"turnstileSiteKey":[1,"turnstile-site-key"],"turnstileEnableFallback":[4,"turnstile-enable-fallback"],"turnstileRetryCount":[2,"turnstile-retry-count"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"isNativeApp":[32],"biometricsLoaded":[32],"isTurnstileLoading":[32],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
+  return bootstrapLazy([["user-login",[[1,"user-login",{"endpoint":[513],"minPassLength":[514,"min-pass-length"],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"userPhoneRegex":[513,"user-phone-regex"],"userPhoneRegexOptions":[513,"user-phone-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"defaultPrefix":[513,"default-prefix"],"isPrefixEditable":[513,"is-prefix-editable"],"mbSource":[513,"mb-source"],"biometricEnabled":[513,"biometric-enabled"],"biometricactionmode":[1],"isFromLogin":[4,"is-from-login"],"turnstileSiteKey":[1,"turnstile-site-key"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"isNativeApp":[32],"biometricsLoaded":[32],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
 });

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/user-login/.stencil/libs/common/src/captcha/google/index.d.ts

@@ -1,3 +1,4 @@
+export declare const RECAPTCHA_TOKEN_RESPONSE_HEADER = "g-recaptcha-response";
 export type RenderRecaptchaOptions = {
     siteKey: string;
     theme?: 'light' | 'dark';

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/user-login/.stencil/libs/common/src/captcha/index.d.ts

@@ -1,8 +1,9 @@
-import { createRecaptcha } from './google';
-import { createTurnstile } from './turnstile';
+import { createRecaptcha, RECAPTCHA_TOKEN_RESPONSE_HEADER } from './google';
+import { createTurnstile, TURNSTILE_TOKEN_RESPONSE_HEADER, TURNSTILE_IS_VISIBLE_HEADER } from './turnstile';
+declare const CAPTCHA_CONTAINER_SLOT = "captchaContainer";
 type CaptchaProvider = 'google' | 'cloudflare';
 type GM17CaptchaData = {
-    isEnabled: boolean;
+    isEnabled?: boolean;
     provider: CaptchaProvider;
     siteKey: string;
 };
@@ -12,4 +13,4 @@ type CaptchaOption = GM17CaptchaData & {
 type RecaptchaInstance = ReturnType<typeof createRecaptcha>;
 type TurnstileInstance = ReturnType<typeof createTurnstile>;
 type CaptchaInstance = RecaptchaInstance | TurnstileInstance;
-export { createRecaptcha, createTurnstile, RecaptchaInstance, TurnstileInstance, CaptchaInstance, CaptchaProvider, CaptchaOption, GM17CaptchaData };
+export { createRecaptcha, createTurnstile, RECAPTCHA_TOKEN_RESPONSE_HEADER, TURNSTILE_TOKEN_RESPONSE_HEADER, TURNSTILE_IS_VISIBLE_HEADER, CAPTCHA_CONTAINER_SLOT, RecaptchaInstance, TurnstileInstance, CaptchaInstance, CaptchaProvider, CaptchaOption, GM17CaptchaData };

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/user-login/.stencil/libs/common/src/captcha/turnstile/index.d.ts

@@ -1,51 +1,15 @@
+export declare const TURNSTILE_TOKEN_RESPONSE_HEADER = "cf-captcha-response";
+export declare const TURNSTILE_IS_VISIBLE_HEADER = "cfCaptchaIsVisible";
 export type CreateTurnstileOptions = {
     siteKey: string;
     action?: string;
-    /** When false every method is a no-op; getToken/ensureToken resolve to undefined. */
     isEnabled?: boolean;
-    /**
-     * Resolve with DUMMY_TURNSTILE_RESPONSE after DEFAULT_RETRY_COUNT consecutive
-     * retries. Only enable when the backend is configured to accept it (e.g. login only).
-     */
     enableFallback?: boolean;
     retryCount?: number;
-    /** Fired once the script has loaded and the widget is rendered. */
     onReady?: () => void;
-    /** Fired whenever the cached token changes (new value or null on expiry/reset). */
     onTokenChange?: (token: string | null) => void;
-    /** Fired when an async token fetch starts (true) or finishes (false). */
     onLoadingChange?: (isLoading: boolean) => void;
 };
-/**
- * Creates a self-contained Cloudflare Turnstile controller for use in any
- * framework (Stencil, Vue, Svelte, vanilla TS). Mirrors the behavior of the
- * React `useTurnstile` hook used in the Flash project.
- *
- * Typical lifecycle:
- *   1. Call `render(containerEl)` in your mount/componentDidLoad — loads the
- *      script and renders an invisible widget.
- *   2. On form submit, `await ensureToken()` to get (or obtain) a token.
- *   3. Call `cleanup()` in your unmount/disconnectedCallback.
- *
- * @example
- * ```ts
- * const turnstile = createTurnstile({
- *   siteKey: 'YOUR_SITE_KEY',
- *   action: 'login',
- *   onLoadingChange: (loading) => { this.isTurnstileLoading = loading; },
- * });
- *
- * // in componentDidLoad
- * await turnstile.render(this.turnstileContainerEl);
- *
- * // in handleSubmit
- * const token = await turnstile.ensureToken();
- * headers['X-Captcha-Response'] = token;
- *
- * // in disconnectedCallback
- * turnstile.cleanup();
- * ```
- */
 export declare function createTurnstile(options: CreateTurnstileOptions): {
     render: (hostContainer: HTMLElement) => Promise<void>;
     getToken: () => Promise<string | undefined>;

package/dist/types/components/user-login/user-login.d.ts

@@ -92,14 +92,6 @@ export declare class UserLogin {
      * Acts as the enable/disable flag for Turnstile.
      */
     turnstileSiteKey?: string;
-    /**
-     * Enable Turnstile fallback behavior.
-     */
-    turnstileEnableFallback?: boolean;
-    /**
-     * Number of retry attempts for Turnstile.
-     */
-    turnstileRetryCount?: number;
     userNameEmail: string;
     userPassword: string;
     isValidUserEmail: boolean;
@@ -118,13 +110,11 @@ export declare class UserLogin {
     isLoginLoading: boolean;
     isNativeApp: boolean;
     biometricsLoaded: boolean;
-    isTurnstileLoading: boolean;
     host: HTMLElement;
     private errorCode;
     private stylingContainer?;
     private stylingSubscription;
     private captchaInstance;
-    private captchaContainerEl;
     private captchaToken?;
     updateLoginCredentialsEvent?: CustomEvent;
     inputUserPhoneReference?: HTMLInputElement;