@authowl/react 0.21.1 → 0.21.2

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/{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() {