@authon/js 0.3.3 → 0.3.5

package/dist/index.js

@@ -393,12 +393,10 @@ var ModalRenderer = class {
             </button>`;
     }).join("") : "";
     const divider = showProviders && b.showDivider !== false && b.showEmailPassword !== false ? `<div class="divider"><span>or</span></div>` : "";
-    const captchaContainer = this.captchaSiteKey ? '<div id="turnstile-container" style="display:flex;justify-content:center;margin:4px 0"></div>' : "";
     const emailForm = b.showEmailPassword !== false ? `<form class="email-form" id="email-form">
           <input type="email" placeholder="Email address" name="email" required class="input" autocomplete="email" />
           <input type="password" placeholder="Password" name="password" required class="input" autocomplete="${isSignUp ? "new-password" : "current-password"}" />
           ${isSignUp ? '<p class="password-hint">Must contain uppercase, lowercase, and a number (min 8 chars)</p>' : ""}
-          ${captchaContainer}
           <button type="submit" class="submit-btn">${isSignUp ? "Sign up" : "Sign in"}</button>
         </form>` : "";
     const hasMethodAbove = showProviders && this.enabledProviders.length > 0 || b.showEmailPassword !== false;
@@ -456,28 +454,13 @@ var ModalRenderer = class {
     `;
   }
   renderTurnstile() {
-    if (!this.captchaSiteKey || !this.shadowRoot) return;
-    const anchor = this.shadowRoot.getElementById("turnstile-container");
-    if (!anchor) return;
+    if (!this.captchaSiteKey) return;
     const w = window;
-    const positionWrapper = () => {
-      if (!this.turnstileWrapper || !anchor.isConnected) return;
-      const rect = anchor.getBoundingClientRect();
-      Object.assign(this.turnstileWrapper.style, {
-        position: "fixed",
-        top: `${rect.top}px`,
-        left: `${rect.left}px`,
-        width: `${rect.width}px`,
-        zIndex: "2147483647",
-        display: "flex",
-        justifyContent: "center"
-      });
-    };
     const tryRender = () => {
-      if (!w.turnstile || !anchor.isConnected) return;
+      if (!w.turnstile) return;
       this.turnstileWrapper = document.createElement("div");
+      this.turnstileWrapper.style.cssText = "position:fixed;bottom:10px;right:10px;z-index:2147483647;";
       document.body.appendChild(this.turnstileWrapper);
-      positionWrapper();
       this.turnstileWidgetId = w.turnstile.render(this.turnstileWrapper, {
         sitekey: this.captchaSiteKey,
         callback: (token) => {
@@ -490,10 +473,8 @@ var ModalRenderer = class {
           this.turnstileToken = "";
         },
         theme: this.isDark() ? "dark" : "light",
-        size: "flexible"
+        appearance: "interaction-only"
       });
-      window.addEventListener("scroll", positionWrapper, { passive: true });
-      window.addEventListener("resize", positionWrapper, { passive: true });
     };
     if (w.turnstile) {
       tryRender();