@insforge/react 0.6.10 → 0.7.1

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-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 { ConditionalProps, ForgotPassword, ForgotPasswordProps, Protect, ProtectProps, ResetPassword, ResetPasswordProps, SignIn, SignInButton, SignInButtonProps, SignInProps, SignOutButton, SignOutButtonProps, 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';
@@ -34,6 +34,13 @@ interface InsforgeProviderProps {
      * @internal - Not intended for public use, used by Next.js package
      */
     initialState?: InitialAuthState;
+    /**
+     * Internal use only - enables hosted auth mode for centralized auth pages.
+     * When true, disables automatic redirects to prevent security issues.
+     * @internal - Never set to true in user applications
+     * @default false
+     */
+    hostedMode?: boolean;
 }
 /**
  * Unified Insforge Provider - manages authentication state and configuration
@@ -73,7 +80,7 @@ interface InsforgeProviderProps {
  * </InsforgeProvider>
  * ```
  */
-declare function InsforgeProviderCore({ children, baseUrl, afterSignInUrl, onAuthChange, onSignIn, onSignOut, initialState, }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function InsforgeProviderCore({ children, baseUrl, afterSignInUrl, onAuthChange, onSignIn, onSignOut, initialState, hostedMode, }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
 declare function InsforgeProvider(props: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * Hook to access Insforge context

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-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 { ConditionalProps, ForgotPassword, ForgotPasswordProps, Protect, ProtectProps, ResetPassword, ResetPasswordProps, SignIn, SignInButton, SignInButtonProps, SignInProps, SignOutButton, SignOutButtonProps, 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';
@@ -34,6 +34,13 @@ interface InsforgeProviderProps {
      * @internal - Not intended for public use, used by Next.js package
      */
     initialState?: InitialAuthState;
+    /**
+     * Internal use only - enables hosted auth mode for centralized auth pages.
+     * When true, disables automatic redirects to prevent security issues.
+     * @internal - Never set to true in user applications
+     * @default false
+     */
+    hostedMode?: boolean;
 }
 /**
  * Unified Insforge Provider - manages authentication state and configuration
@@ -73,7 +80,7 @@ interface InsforgeProviderProps {
  * </InsforgeProvider>
  * ```
  */
-declare function InsforgeProviderCore({ children, baseUrl, afterSignInUrl, onAuthChange, onSignIn, onSignOut, initialState, }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function InsforgeProviderCore({ children, baseUrl, afterSignInUrl, onAuthChange, onSignIn, onSignOut, initialState, hostedMode, }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
 declare function InsforgeProvider(props: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * Hook to access Insforge context

package/dist/index.js

@@ -464,6 +464,9 @@ var InsforgeManager = class _InsforgeManager {
   // Handle auth redirect after successful authentication
   // Works for all auth sources: OAuth providers, cloud hosting sign-in, email verification
   handleAuthRedirect(isLoaded, user) {
+    if (this.config.hostedMode) {
+      return false;
+    }
     if (!isLoaded || this.hasProcessedCallbackRef) {
       return false;
     }
@@ -507,7 +510,8 @@ function InsforgeProviderCore({
   onAuthChange,
   onSignIn,
   onSignOut,
-  initialState
+  initialState,
+  hostedMode = false
 }) {
   const manager = useMemo(
     () => InsforgeManager.getInstance({
@@ -515,9 +519,10 @@ function InsforgeProviderCore({
       afterSignInUrl,
       onAuthChange,
       onSignIn,
-      onSignOut
+      onSignOut,
+      hostedMode
     }),
-    [baseUrl, afterSignInUrl, onAuthChange, onSignIn, onSignOut]
+    [baseUrl, afterSignInUrl, onAuthChange, onSignIn, onSignOut, hostedMode]
   );
   if (initialState) {
     const currentState = manager.getState();
@@ -3128,6 +3133,25 @@ function VerifyEmail({ token, onSuccess, onError, ...uiProps }) {
   }, [token, verifyEmail, onSuccess, onError]);
   return /* @__PURE__ */ jsx(VerifyEmailStatus, { status, error, ...uiProps });
 }
+function SignOutButton({ children, className, afterSignOutUrl = "/" }) {
+  const { signOut } = useInsforge();
+  const handleClick = async () => {
+    await signOut();
+    window.location.href = afterSignOutUrl;
+  };
+  if (children && isValidElement(children)) {
+    const originalOnClick = children.props?.onClick;
+    return cloneElement(children, {
+      onClick: async (e) => {
+        await handleClick();
+        if (originalOnClick) {
+          originalOnClick(e);
+        }
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx("button", { type: "button", className, onClick: () => void handleClick(), children: children || "Sign out" });
+}
 var UserButtonContainer = styled.div`
   position: relative;
   display: inline-block;
@@ -3243,7 +3267,7 @@ var UserButtonMenuItemIcon = styled.div`
   }
 `;
 function UserButton({ afterSignOutUrl = "/", mode = "detailed" }) {
-  const { user, signOut } = useInsforge();
+  const { user } = useInsforge();
   const [isOpen, setIsOpen] = useState(false);
   const [imageError, setImageError] = useState(false);
   const dropdownRef = useRef(null);
@@ -3284,11 +3308,6 @@ function UserButton({ afterSignOutUrl = "/", mode = "detailed" }) {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isOpen]);
-  async function handleSignOut() {
-    await signOut();
-    setIsOpen(false);
-    window.location.href = afterSignOutUrl;
-  }
   if (!user) {
     return null;
   }
@@ -3317,10 +3336,10 @@ function UserButton({ afterSignOutUrl = "/", mode = "detailed" }) {
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx(UserButtonMenu, { children: /* @__PURE__ */ jsxs(UserButtonMenuItem, { $signout: true, onClick: () => void handleSignOut(), children: [
+    isOpen && /* @__PURE__ */ jsx(UserButtonMenu, { children: /* @__PURE__ */ jsx(SignOutButton, { afterSignOutUrl, children: /* @__PURE__ */ jsxs(UserButtonMenuItem, { $signout: true, onClick: () => setIsOpen(false), children: [
       /* @__PURE__ */ jsx(UserButtonMenuItemIcon, { children: /* @__PURE__ */ jsx(LogOut, {}) }),
       "Sign out"
-    ] }) })
+    ] }) }) })
   ] });
 }
 function Protect({
@@ -3429,6 +3448,6 @@ function useUser() {
   return { user, isLoaded, updateUser, setUser };
 }
 
-export { AuthBranding, AuthContainer, AuthDivider, AuthEmailVerificationStep, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthResetPasswordVerificationStep, AuthSubmitButton, AuthVerificationCodeInput, BrowserNavigationAdapter, ForgotPassword, ForgotPasswordForm, InsforgeProvider, InsforgeProviderCore, NavigationProvider, OAUTH_PROVIDER_CONFIG, Protect, ResetPassword, ResetPasswordForm, SignIn, SignInButton, SignInForm, SignUp, SignUpButton, SignUpForm, SignedIn, SignedOut, StyleProvider, UserButton, VerifyEmail, VerifyEmailStatus, checkPasswordStrength, createPasswordSchema, emailSchema, getAllProviderConfigs, getProviderConfig, passwordSchema, resolveAuthPath, resolveAuthUrl, theme, 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, InsforgeProviderCore, NavigationProvider, OAUTH_PROVIDER_CONFIG, Protect, ResetPassword, ResetPasswordForm, SignIn, SignInButton, SignInForm, SignOutButton, SignUp, SignUpButton, SignUpForm, SignedIn, SignedOut, StyleProvider, UserButton, VerifyEmail, VerifyEmailStatus, checkPasswordStrength, createPasswordSchema, emailSchema, getAllProviderConfigs, getProviderConfig, passwordSchema, resolveAuthPath, resolveAuthUrl, theme, useAuth, useInsforge, useNavigationAdapter, usePublicAuthConfig, useSearchParams, useUser, validateEmail, validatePassword };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map