@authowl/react 0.21.1 → 0.22.0

package/dist/{TeamsSection-SHXAL64Q.js → TeamsSection-ZQDNMWV3.js}

@@ -9,7 +9,7 @@ import {
   useServerError,
   useSubmitAction,
   useT
-} from "./chunk-K67DJJHP.js";
+} from "./chunk-PUJV7S6G.js";
 
 // src/components/organization/TeamsSection.tsx
 import * as React4 from "react";

package/dist/captcha-loader-VNULARCZ.js

@@ -0,0 +1,68 @@
+"use client";
+
+// src/components/captcha-loader.ts
+var SCRIPT_LOAD_TIMEOUT_MS = 1e4;
+var GLOBAL_POLL_INTERVAL_MS = 25;
+var loaders = /* @__PURE__ */ new Map();
+function providerGlobal(adapter) {
+  const api = window[adapter.globalName];
+  return typeof api?.render === "function" ? api : void 0;
+}
+function loadCaptcha(adapter) {
+  const available = providerGlobal(adapter);
+  if (available) return Promise.resolve(available);
+  const cached = loaders.get(adapter.scriptUrl);
+  if (cached) return cached;
+  const loading = new Promise((resolve, reject) => {
+    const existing = document.querySelector(
+      `script[src="${adapter.scriptUrl}"]`
+    );
+    const script = existing ?? document.createElement("script");
+    let poll;
+    const cleanup = () => {
+      clearTimeout(timeout);
+      if (poll !== void 0) clearInterval(poll);
+      script.removeEventListener("load", loaded);
+      script.removeEventListener("error", failed);
+    };
+    const resolveWhenPublished = () => {
+      const api = providerGlobal(adapter);
+      if (!api) return false;
+      cleanup();
+      resolve(api);
+      return true;
+    };
+    const loaded = () => {
+      if (!resolveWhenPublished() && poll === void 0) {
+        poll = setInterval(resolveWhenPublished, GLOBAL_POLL_INTERVAL_MS);
+      }
+    };
+    const failed = () => {
+      cleanup();
+      if (!existing) script.remove();
+      reject(new Error(`${adapter.label} failed to load`));
+    };
+    const timeout = setTimeout(failed, SCRIPT_LOAD_TIMEOUT_MS);
+    script.addEventListener("load", loaded, { once: true });
+    script.addEventListener("error", failed, { once: true });
+    if (existing) {
+      loaded();
+    } else {
+      script.src = adapter.scriptUrl;
+      script.async = true;
+      script.defer = true;
+      const nonce = document.querySelector("script[nonce]")?.nonce;
+      if (nonce) script.nonce = nonce;
+      document.head.appendChild(script);
+    }
+  });
+  const retryable = loading.catch((error) => {
+    loaders.delete(adapter.scriptUrl);
+    throw error;
+  });
+  loaders.set(adapter.scriptUrl, retryable);
+  return retryable;
+}
+export {
+  loadCaptcha
+};

package/dist/captcha-providers-STYFL25P.js

@@ -0,0 +1,71 @@
+"use client";
+
+// src/components/captcha-providers.ts
+function preferredTheme() {
+  return typeof window !== "undefined" && window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function teardown(api, widgetId) {
+  if (api.remove) {
+    try {
+      api.remove(widgetId);
+      return;
+    } catch {
+    }
+  }
+  try {
+    api.reset?.(widgetId);
+  } catch {
+  }
+}
+var CAPTCHA_ADAPTERS = {
+  turnstile: {
+    scriptUrl: "https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit",
+    globalName: "turnstile",
+    label: "Cloudflare Turnstile",
+    invisibleRenderOptions: ({ siteKey, theme, action, language }) => ({
+      sitekey: siteKey,
+      theme,
+      action,
+      language,
+      execution: "execute",
+      appearance: "interaction-only",
+      size: "flexible"
+    }),
+    teardown
+  },
+  hcaptcha: {
+    scriptUrl: "https://js.hcaptcha.com/1/api.js?render=explicit",
+    globalName: "hcaptcha",
+    label: "hCaptcha",
+    invisibleRenderOptions: ({ siteKey, theme }) => ({
+      sitekey: siteKey,
+      // 'auto' is Turnstile vocabulary. hCaptcha and reCAPTCHA take light|dark
+      // only and silently fall back to light on anything else, which reads badly
+      // in a dark application.
+      theme: theme === "auto" ? preferredTheme() : theme,
+      size: "invisible"
+    }),
+    teardown
+  },
+  "recaptcha-v2": {
+    scriptUrl: "https://www.google.com/recaptcha/api.js?render=explicit",
+    globalName: "grecaptcha",
+    label: "reCAPTCHA",
+    invisibleRenderOptions: ({ siteKey, theme }) => ({
+      sitekey: siteKey,
+      // 'auto' is Turnstile vocabulary. hCaptcha and reCAPTCHA take light|dark
+      // only and silently fall back to light on anything else, which reads badly
+      // in a dark application.
+      theme: theme === "auto" ? preferredTheme() : theme,
+      size: "invisible"
+    }),
+    teardown
+  }
+};
+function captchaAdapterFor(provider) {
+  return CAPTCHA_ADAPTERS[provider] ?? null;
+}
+export {
+  CAPTCHA_ADAPTERS,
+  captchaAdapterFor
+};

package/dist/{chunk-K67DJJHP.js → chunk-PUJV7S6G.js}

@@ -381,7 +381,7 @@ function warnPublicConfigFailed(resolved, error) {
   warnedConfigProjects.add(key);
   const reason = error instanceof Error ? error.message : String(error);
   console.warn(
-    `[AuthOwl] Could not load this project's public config from ${origin} (${reason}). Falling back to a password-only sign-in form, regardless of the methods this project actually enabled. Likely causes: the API is unreachable, \`apiUrl\` is wrong, or the publishable key points at a missing/mismatched project. If password sign-in is not enabled for this project, the form will dead-end at submit - check \`apiUrl\` and \`publishableKey\` on <AuthOwlProvider>. (This warning is dev-only.)`
+    `[AuthOwl] Could not load this project's public config from ${origin} (${reason}). Authentication UI is unavailable until the request succeeds. Likely causes: the API is unreachable, \`apiUrl\` is wrong, or the publishable key points at a missing/mismatched project. Check \`apiUrl\` and \`publishableKey\` on <AuthOwlProvider>. (This warning is dev-only.)`
   );
 }
 var Context = React4.createContext(null);
@@ -418,6 +418,8 @@ function AuthOwlProvider({
   const client = React4.useMemo(() => createAuthOwlClient(resolved), [resolved]);
   const [config, setConfig] = React4.useState(null);
   const [configState, setConfigState] = React4.useState("loading");
+  const [configAttempt, setConfigAttempt] = React4.useState(0);
+  const retryPublicConfig = React4.useCallback(() => setConfigAttempt((attempt) => attempt + 1), []);
   React4.useEffect(() => {
     let active = true;
     setConfigState("loading");
@@ -434,7 +436,7 @@ function AuthOwlProvider({
     return () => {
       active = false;
     };
-  }, [resolved]);
+  }, [resolved, configAttempt]);
   const merged = resolveAppearance(appearance, config);
   const [autoLocale, setAutoLocale] = React4.useState(null);
   React4.useEffect(() => {
@@ -445,8 +447,8 @@ function AuthOwlProvider({
     captureInvitationClaim();
   }, []);
   const ctxValue = React4.useMemo(
-    () => ({ client, appearance, config, configState, locale }),
-    [client, appearance, config, configState, locale]
+    () => ({ client, appearance, config, configState, retryPublicConfig, locale }),
+    [client, appearance, config, configState, retryPublicConfig, locale]
   );
   return /* @__PURE__ */ jsx4(Context.Provider, { value: ctxValue, children: /* @__PURE__ */ jsxs3(
     "div",
@@ -489,11 +491,12 @@ function useAccount() {
   return useAuthClient().account;
 }
 function usePublicConfig() {
-  const { config, configState } = useAuthOwlContext();
+  const { config, configState, retryPublicConfig } = useAuthOwlContext();
   return {
     config,
     isLoading: configState === "loading",
-    isError: configState === "error"
+    isError: configState === "error",
+    retry: retryPublicConfig
   };
 }
 function useSession() {