@insforge/react 0.2.2 → 0.2.4

package/dist/index.mjs

@@ -105,6 +105,23 @@ function InsforgeProvider({
       }
     };
   }, []);
+  const getPublicAuthConfig = useCallback(async () => {
+    try {
+      const result = await insforge.auth.getPublicAuthConfig();
+      if (result.data) {
+        return result.data;
+      } else {
+        console.error("[InsforgeProvider] Failed to get public auth config:", result.error);
+        return null;
+      }
+    } catch (error) {
+      console.error(
+        "[InsforgeProvider] Failed to get public auth config:",
+        error
+      );
+      return null;
+    }
+  }, [insforge]);
   const handleAuthSuccess = useCallback(
     async (authToken, fallbackUser) => {
       const userResult = await insforge.auth.getCurrentUser();
@@ -236,7 +253,10 @@ function InsforgeProvider({
   );
   const resetPassword = useCallback(
     async (token, newPassword) => {
-      const sdkResult = await insforge.auth.resetPassword({ newPassword, otp: token });
+      const sdkResult = await insforge.auth.resetPassword({
+        newPassword,
+        otp: token
+      });
       return sdkResult.data;
     },
     [insforge]
@@ -264,7 +284,8 @@ function InsforgeProvider({
         baseUrl,
         sendPasswordResetCode,
         resetPassword,
-        verifyEmail
+        verifyEmail,
+        getPublicAuthConfig
       },
       children
     }
@@ -278,42 +299,23 @@ function useInsforge() {
   return context;
 }
 function usePublicAuthConfig() {
-  const { baseUrl } = useInsforge();
-  const [oauthProviders, setOAuthProviders] = useState([]);
+  const { getPublicAuthConfig } = useInsforge();
   const [emailConfig, setEmailConfig] = useState(null);
   const [isLoaded, setIsLoaded] = useState(false);
   useEffect(() => {
-    let mounted = true;
     async function fetchConfig() {
-      try {
-        const response = await fetch(`${baseUrl}/api/auth/public-config`);
-        if (!mounted) return;
-        if (!response.ok) {
-          console.warn("[usePublicAuthConfig] Failed to fetch public auth config:", response.statusText);
-          setOAuthProviders([]);
-          setEmailConfig(null);
-        } else {
-          const data = await response.json();
-          const providerNames = data.providers?.map((p) => p.provider) || [];
-          setOAuthProviders(providerNames);
-          setEmailConfig(data.email || null);
-        }
-        setIsLoaded(true);
-      } catch (error) {
-        console.warn("[usePublicAuthConfig] Unexpected error:", error);
-        if (mounted) {
-          setOAuthProviders([]);
-          setEmailConfig(null);
-          setIsLoaded(true);
-        }
+      const result = await getPublicAuthConfig();
+      if (result) {
+        setEmailConfig(result);
+      } else {
+        console.error("[usePublicAuthConfig] Failed to get public auth config");
+        setEmailConfig(null);
       }
+      setIsLoaded(true);
     }
     fetchConfig();
-    return () => {
-      mounted = false;
-    };
-  }, [baseUrl]);
-  return { oauthProviders, emailConfig, isLoaded };
+  }, [getPublicAuthConfig]);
+  return { emailConfig, isLoaded };
 }
 function AuthBranding() {
   return /* @__PURE__ */ jsxs("div", { className: "bg-[#FAFAFA] px-2 py-4 flex flex-row justify-center items-center gap-1", children: [
@@ -665,6 +667,22 @@ function AuthSubmitButton({
   );
 }
 function AuthLink({ text, linkText, href, appearance = {} }) {
+  const currentSearch = typeof window !== "undefined" ? window.location.search : "";
+  const finalHref = (() => {
+    if (!currentSearch) return href;
+    try {
+      const url = new URL(href, window.location.origin);
+      const currentParams = new URLSearchParams(currentSearch);
+      currentParams.forEach((value, key) => {
+        if (!url.searchParams.has(key)) {
+          url.searchParams.set(key, value);
+        }
+      });
+      return url.pathname + url.search;
+    } catch {
+      return href;
+    }
+  })();
   return /* @__PURE__ */ jsxs("p", { className: cn(
     "text-center text-sm font-normal text-[#828282] leading-6",
     appearance.containerClassName
@@ -674,7 +692,7 @@ function AuthLink({ text, linkText, href, appearance = {} }) {
     /* @__PURE__ */ jsx(
       "a",
       {
-        href,
+        href: finalHref,
         className: cn(
           "text-sm font-medium text-black leading-6",
           appearance.linkClassName
@@ -1184,7 +1202,7 @@ function SignIn({
   ...uiProps
 }) {
   const { signIn, baseUrl } = useInsforge();
-  const { oauthProviders, emailConfig } = usePublicAuthConfig();
+  const { emailConfig } = usePublicAuthConfig();
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
@@ -1236,7 +1254,9 @@ function SignIn({
       setOauthLoading(null);
     }
   }
-  if (!emailConfig) return null;
+  if (!emailConfig) {
+    return null;
+  }
   return /* @__PURE__ */ jsx(
     SignInForm,
     {
@@ -1248,7 +1268,7 @@ function SignIn({
       error,
       loading,
       oauthLoading,
-      availableProviders: oauthProviders,
+      availableProviders: emailConfig?.oAuthProviders || [],
       onOAuthClick: handleOAuth,
       emailAuthConfig: emailConfig,
       ...uiProps
@@ -1411,7 +1431,7 @@ function SignUp({
   ...uiProps
 }) {
   const { signUp, baseUrl } = useInsforge();
-  const { oauthProviders, emailConfig } = usePublicAuthConfig();
+  const { emailConfig } = usePublicAuthConfig();
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
@@ -1468,7 +1488,9 @@ function SignUp({
       setOauthLoading(null);
     }
   }
-  if (!emailConfig) return null;
+  if (!emailConfig) {
+    return null;
+  }
   return /* @__PURE__ */ jsx(
     SignUpForm,
     {
@@ -1480,7 +1502,7 @@ function SignUp({
       error,
       loading,
       oauthLoading,
-      availableProviders: oauthProviders,
+      availableProviders: emailConfig?.oAuthProviders || [],
       onOAuthClick: handleOAuth,
       emailAuthConfig: emailConfig,
       ...uiProps