@insforge/react 0.5.6 → 0.5.8

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { ConditionalProps, ForgotPassword, ForgotPasswordProps, Protect, ProtectProps, ResetPassword, ResetPasswordProps, SignIn, SignInProps, SignUp, SignUpProps, SignedIn, SignedOut, UserButton, UserButtonProps, VerifyEmail, VerifyEmailProps } from './components.cjs';
+export { ConditionalProps, ForgotPassword, ForgotPasswordProps, Protect, ProtectProps, ResetPassword, ResetPasswordProps, SignIn, SignInButton, SignInButtonProps, SignInProps, SignUp, SignUpButton, SignUpButtonProps, SignUpProps, SignedIn, SignedOut, UserButton, UserButtonProps, VerifyEmail, VerifyEmailProps } from './components.cjs';
 export { ForgotPasswordForm, ForgotPasswordFormProps, ResetPasswordForm, ResetPasswordFormProps, SignInForm, SignInFormProps, SignUpForm, SignUpFormProps, VerifyEmailStatus, VerifyEmailStatusProps } from './forms.cjs';
 export { AuthBranding, AuthContainer, AuthContainerProps, AuthDivider, AuthDividerProps, AuthEmailVerificationStep, AuthErrorBanner, AuthErrorBannerProps, AuthFormField, AuthFormFieldProps, AuthHeader, AuthHeaderProps, AuthLink, AuthLinkProps, AuthOAuthButton, AuthOAuthButtonProps, AuthOAuthProviders, AuthOAuthProvidersProps, AuthPasswordField, AuthPasswordFieldProps, AuthPasswordStrengthIndicator, AuthPasswordStrengthIndicatorProps, AuthResetPasswordVerificationStep, AuthSubmitButton, AuthSubmitButtonProps, AuthVerificationCodeInput, AuthVerificationCodeInputProps } from './atoms.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -10,7 +10,6 @@ import { CreateSessionResponse, CreateUserResponse, ResetPasswordResponse, GetPu
 export { useAuth, usePublicAuthConfig, useUser } from './hooks.cjs';
 export { checkPasswordStrength, createPasswordSchema, emailSchema, passwordSchema, resolveAuthPath, resolveAuthUrl, validateEmail, validatePassword } from './lib.cjs';
 export { BrowserNavigationAdapter, NavigationAdapter, NavigationProvider, NavigationProviderProps, useNavigationAdapter, useSearchParams } from './navigation.cjs';
-export { RouteGuard, RouteGuardProps } from './routes.cjs';
 import 'zod';
 
 interface InsforgeContextValue {
@@ -93,7 +92,6 @@ interface InsforgeProviderProps {
  *   return (
  *     <InsforgeProvider
  *       baseUrl={import.meta.env.VITE_INSFORGE_BASE_URL}
- *       afterSignInUrl="/dashboard"
  *     >
  *       {children}
  *     </InsforgeProvider>

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { ConditionalProps, ForgotPassword, ForgotPasswordProps, Protect, ProtectProps, ResetPassword, ResetPasswordProps, SignIn, SignInProps, SignUp, SignUpProps, SignedIn, SignedOut, UserButton, UserButtonProps, VerifyEmail, VerifyEmailProps } from './components.js';
+export { ConditionalProps, ForgotPassword, ForgotPasswordProps, Protect, ProtectProps, ResetPassword, ResetPasswordProps, SignIn, SignInButton, SignInButtonProps, SignInProps, SignUp, SignUpButton, SignUpButtonProps, SignUpProps, SignedIn, SignedOut, UserButton, UserButtonProps, VerifyEmail, VerifyEmailProps } from './components.js';
 export { ForgotPasswordForm, ForgotPasswordFormProps, ResetPasswordForm, ResetPasswordFormProps, SignInForm, SignInFormProps, SignUpForm, SignUpFormProps, VerifyEmailStatus, VerifyEmailStatusProps } from './forms.js';
 export { AuthBranding, AuthContainer, AuthContainerProps, AuthDivider, AuthDividerProps, AuthEmailVerificationStep, AuthErrorBanner, AuthErrorBannerProps, AuthFormField, AuthFormFieldProps, AuthHeader, AuthHeaderProps, AuthLink, AuthLinkProps, AuthOAuthButton, AuthOAuthButtonProps, AuthOAuthProviders, AuthOAuthProvidersProps, AuthPasswordField, AuthPasswordFieldProps, AuthPasswordStrengthIndicator, AuthPasswordStrengthIndicatorProps, AuthResetPasswordVerificationStep, AuthSubmitButton, AuthSubmitButtonProps, AuthVerificationCodeInput, AuthVerificationCodeInputProps } from './atoms.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -10,7 +10,6 @@ import { CreateSessionResponse, CreateUserResponse, ResetPasswordResponse, GetPu
 export { useAuth, usePublicAuthConfig, useUser } from './hooks.js';
 export { checkPasswordStrength, createPasswordSchema, emailSchema, passwordSchema, resolveAuthPath, resolveAuthUrl, validateEmail, validatePassword } from './lib.js';
 export { BrowserNavigationAdapter, NavigationAdapter, NavigationProvider, NavigationProviderProps, useNavigationAdapter, useSearchParams } from './navigation.js';
-export { RouteGuard, RouteGuardProps } from './routes.js';
 import 'zod';
 
 interface InsforgeContextValue {
@@ -93,7 +92,6 @@ interface InsforgeProviderProps {
  *   return (
  *     <InsforgeProvider
  *       baseUrl={import.meta.env.VITE_INSFORGE_BASE_URL}
- *       afterSignInUrl="/dashboard"
  *     >
  *       {children}
  *     </InsforgeProvider>

package/dist/index.js

@@ -12,7 +12,7 @@ if (typeof document !== 'undefined' && typeof window !== 'undefined') {
   }
 }
 
-import { createContext, useContext, useState, useRef, useCallback, useEffect, useMemo } from 'react';
+import { createContext, useContext, useState, useRef, useCallback, useEffect, useMemo, isValidElement, cloneElement } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createClient } from '@insforge/sdk';
 import { AlertTriangle, Check, EyeOff, Eye, Loader2, CircleCheck, LogOut } from 'lucide-react';
@@ -2457,6 +2457,48 @@ function SignedOut({ children }) {
   }
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
+function SignInButton({ children, className }) {
+  const { afterSignInUrl, baseUrl } = useInsforge();
+  const handleClick = () => {
+    const redirectUrl = new URL(afterSignInUrl, window.location.origin).href;
+    const authUrl = new URL("/auth/sign-in", baseUrl);
+    authUrl.searchParams.set("redirect", redirectUrl);
+    window.location.replace(authUrl.toString());
+  };
+  if (children && isValidElement(children)) {
+    const originalOnClick = children.props?.onClick;
+    return cloneElement(children, {
+      onClick: (e) => {
+        handleClick();
+        if (originalOnClick) {
+          originalOnClick(e);
+        }
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx("button", { type: "button", className, onClick: handleClick, children: children || "Sign in" });
+}
+function SignUpButton({ children, className }) {
+  const { afterSignInUrl, baseUrl } = useInsforge();
+  const handleClick = () => {
+    const redirectUrl = new URL(afterSignInUrl, window.location.origin).href;
+    const authUrl = new URL("/auth/sign-up", baseUrl);
+    authUrl.searchParams.set("redirect", redirectUrl);
+    window.location.replace(authUrl.toString());
+  };
+  if (children && isValidElement(children)) {
+    const originalOnClick = children.props?.onClick;
+    return cloneElement(children, {
+      onClick: (e) => {
+        handleClick();
+        if (originalOnClick) {
+          originalOnClick(e);
+        }
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx("button", { type: "button", className, onClick: handleClick, children: children || "Sign up" });
+}
 
 // src/hooks/useAuth.ts
 function useAuth() {
@@ -2469,97 +2511,7 @@ function useUser() {
   const { user, isLoaded, updateUser, setUser } = useInsforge();
   return { user, isLoaded, updateUser, setUser };
 }
-function RouteGuard({
-  children,
-  builtInAuth = true,
-  paths = {},
-  publicRoutes = [],
-  loadingFallback
-}) {
-  const { isSignedIn, isLoaded, afterSignInUrl, baseUrl } = useInsforge();
-  const { signIn = "/sign-in", signUp = "/sign-up", forgotPassword = "/forgot-password" } = paths;
-  const [currentPath, setCurrentPath] = useState("");
-  useEffect(() => {
-    const updatePath = () => {
-      const path = window.location.hash ? window.location.hash.slice(1) : window.location.pathname;
-      setCurrentPath(path || "/");
-    };
-    updatePath();
-    window.addEventListener("hashchange", updatePath);
-    window.addEventListener("popstate", updatePath);
-    return () => {
-      window.removeEventListener("hashchange", updatePath);
-      window.removeEventListener("popstate", updatePath);
-    };
-  }, []);
-  const isPublicRoute = publicRoutes.some((route) => {
-    if (route.endsWith("/*")) {
-      const prefix = route.slice(0, -2);
-      return currentPath.startsWith(prefix);
-    }
-    return currentPath === route || currentPath.startsWith(route + "?");
-  });
-  useEffect(() => {
-    if (!isLoaded) return;
-    if (isSignedIn) return;
-    if (!isSignedIn) {
-      if (builtInAuth) {
-        const isSignInPage = currentPath === signIn || currentPath.startsWith(signIn + "?");
-        const isSignUpPage = currentPath === signUp || currentPath.startsWith(signUp + "?");
-        const isForgotPasswordPage = currentPath === forgotPassword || currentPath.startsWith(forgotPassword + "?");
-        if (isSignInPage) {
-          const redirectUrl = new URL(afterSignInUrl, window.location.origin).href;
-          const authUrl = new URL("/auth/sign-in", baseUrl);
-          authUrl.searchParams.set("redirect", redirectUrl);
-          window.location.replace(authUrl.toString());
-          return;
-        }
-        if (isSignUpPage) {
-          const redirectUrl = new URL(afterSignInUrl, window.location.origin).href;
-          const authUrl = new URL("/auth/sign-up", baseUrl);
-          authUrl.searchParams.set("redirect", redirectUrl);
-          window.location.replace(authUrl.toString());
-          return;
-        }
-        if (isForgotPasswordPage) {
-          const authUrl = new URL("/auth/forgot-password", baseUrl);
-          window.location.replace(authUrl.toString());
-          return;
-        }
-        if (isPublicRoute) {
-          return;
-        } else {
-          const redirectUrl = new URL(afterSignInUrl, window.location.origin).href;
-          const authUrl = new URL("/auth/sign-in", baseUrl);
-          authUrl.searchParams.set("redirect", redirectUrl);
-          window.location.replace(authUrl.toString());
-        }
-      } else {
-        if (isPublicRoute) {
-          return;
-        } else {
-          window.location.href = signIn + "?redirect=" + afterSignInUrl;
-        }
-      }
-    }
-  }, [
-    isLoaded,
-    isSignedIn,
-    currentPath,
-    isPublicRoute,
-    builtInAuth,
-    baseUrl,
-    signIn,
-    signUp,
-    forgotPassword,
-    afterSignInUrl
-  ]);
-  if (!isLoaded) {
-    return /* @__PURE__ */ jsx(Fragment, { children: loadingFallback });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
 
-export { AuthBranding, AuthContainer, AuthDivider, AuthEmailVerificationStep, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthResetPasswordVerificationStep, AuthSubmitButton, AuthVerificationCodeInput, BrowserNavigationAdapter, ForgotPassword, ForgotPasswordForm, InsforgeProvider, NavigationProvider, OAUTH_PROVIDER_CONFIG, Protect, ResetPassword, ResetPasswordForm, RouteGuard, SignIn, SignInForm, SignUp, SignUpForm, SignedIn, SignedOut, UserButton, VerifyEmail, VerifyEmailStatus, checkPasswordStrength, createPasswordSchema, emailSchema, getAllProviderConfigs, getProviderConfig, passwordSchema, resolveAuthPath, resolveAuthUrl, useAuth, useInsforge, useNavigationAdapter, usePublicAuthConfig, useSearchParams, useUser, validateEmail, validatePassword };
+export { AuthBranding, AuthContainer, AuthDivider, AuthEmailVerificationStep, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthResetPasswordVerificationStep, AuthSubmitButton, AuthVerificationCodeInput, BrowserNavigationAdapter, ForgotPassword, ForgotPasswordForm, InsforgeProvider, NavigationProvider, OAUTH_PROVIDER_CONFIG, Protect, ResetPassword, ResetPasswordForm, SignIn, SignInButton, SignInForm, SignUp, SignUpButton, SignUpForm, SignedIn, SignedOut, UserButton, VerifyEmail, VerifyEmailStatus, checkPasswordStrength, createPasswordSchema, emailSchema, getAllProviderConfigs, getProviderConfig, passwordSchema, resolveAuthPath, resolveAuthUrl, useAuth, useInsforge, useNavigationAdapter, usePublicAuthConfig, useSearchParams, useUser, validateEmail, validatePassword };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map