@insforge/react 1.0.9-dev.0 → 1.0.9-dev.3

package/dist/components.d.cts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { InsforgeUser } from '@insforge/shared';
 import { VerifyEmailResponse } from '@insforge/shared-schemas';
+import * as react from 'react';
 import { ReactNode } from 'react';
+import { InsforgeUser } from '@insforge/shared';
 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 './types.cjs';
@@ -21,7 +22,6 @@ interface SignInProps {
     signUpLinkText?: string;
     signUpUrl?: string;
     dividerText?: string;
-    onSuccess?: (accessToken: string, user: InsforgeUser, csrfToken?: string | null) => void;
     onError?: (error: Error) => void;
 }
 /**
@@ -35,7 +35,7 @@ interface SignInProps {
  * />
  * ```
  */
-declare function SignIn({ onSuccess, onError, ...uiProps }: SignInProps): react_jsx_runtime.JSX.Element | null;
+declare function SignIn({ onError, ...uiProps }: SignInProps): react_jsx_runtime.JSX.Element | null;
 
 interface SignUpProps {
     title?: string;
@@ -50,7 +50,6 @@ interface SignUpProps {
     signInLinkText?: string;
     signInUrl?: string;
     dividerText?: string;
-    onSuccess?: (accessToken: string, user: InsforgeUser, csrfToken?: string | null) => void;
     onError?: (error: Error) => void;
 }
 /**
@@ -65,7 +64,7 @@ interface SignUpProps {
  *
  * ```
  */
-declare function SignUp({ onSuccess, onError, ...uiProps }: SignUpProps): react_jsx_runtime.JSX.Element | null;
+declare function SignUp({ onError, ...uiProps }: SignUpProps): react_jsx_runtime.JSX.Element | null;
 
 interface ForgotPasswordProps {
     /** Text customization */
@@ -186,7 +185,7 @@ interface UserProfileModalProps {
  * User profile modal component.
  * Displays user profile information with edit capability for name.
  */
-declare function UserProfileModal({ onClose, onError }: UserProfileModalProps): react_jsx_runtime.JSX.Element | null;
+declare function UserProfileModal({ onClose, onError }: UserProfileModalProps): react.ReactPortal | null;
 
 interface ProtectProps {
     children: ReactNode;

package/dist/components.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { InsforgeUser } from '@insforge/shared';
 import { VerifyEmailResponse } from '@insforge/shared-schemas';
+import * as react from 'react';
 import { ReactNode } from 'react';
+import { InsforgeUser } from '@insforge/shared';
 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 './types.js';
@@ -21,7 +22,6 @@ interface SignInProps {
     signUpLinkText?: string;
     signUpUrl?: string;
     dividerText?: string;
-    onSuccess?: (accessToken: string, user: InsforgeUser, csrfToken?: string | null) => void;
     onError?: (error: Error) => void;
 }
 /**
@@ -35,7 +35,7 @@ interface SignInProps {
  * />
  * ```
  */
-declare function SignIn({ onSuccess, onError, ...uiProps }: SignInProps): react_jsx_runtime.JSX.Element | null;
+declare function SignIn({ onError, ...uiProps }: SignInProps): react_jsx_runtime.JSX.Element | null;
 
 interface SignUpProps {
     title?: string;
@@ -50,7 +50,6 @@ interface SignUpProps {
     signInLinkText?: string;
     signInUrl?: string;
     dividerText?: string;
-    onSuccess?: (accessToken: string, user: InsforgeUser, csrfToken?: string | null) => void;
     onError?: (error: Error) => void;
 }
 /**
@@ -65,7 +64,7 @@ interface SignUpProps {
  *
  * ```
  */
-declare function SignUp({ onSuccess, onError, ...uiProps }: SignUpProps): react_jsx_runtime.JSX.Element | null;
+declare function SignUp({ onError, ...uiProps }: SignUpProps): react_jsx_runtime.JSX.Element | null;
 
 interface ForgotPasswordProps {
     /** Text customization */
@@ -186,7 +185,7 @@ interface UserProfileModalProps {
  * User profile modal component.
  * Displays user profile information with edit capability for name.
  */
-declare function UserProfileModal({ onClose, onError }: UserProfileModalProps): react_jsx_runtime.JSX.Element | null;
+declare function UserProfileModal({ onClose, onError }: UserProfileModalProps): react.ReactPortal | null;
 
 interface ProtectProps {
     children: ReactNode;

package/dist/components.js

@@ -4,6 +4,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { InsforgeContext } from '@insforge/shared/react';
 import { AlertTriangle, Check, EyeOff, Eye, Loader2, CircleCheck, X, User, LogOut } from 'lucide-react';
 import { z } from 'zod';
+import { createPortal } from 'react-dom';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -3624,7 +3625,7 @@ function SignInForm({
     ] })
   ] });
 }
-function SignIn({ onSuccess, onError, ...uiProps }) {
+function SignIn({ onError, ...uiProps }) {
   const { signIn, verifyEmail, loginWithOAuth } = useInsforge();
   const { authConfig } = usePublicAuthConfig();
   const [email, setEmail] = useState("");
@@ -3649,12 +3650,18 @@ function SignIn({ onSuccess, onError, ...uiProps }) {
         }
         throw new Error(result.error);
       }
-      const { redirectTo, user, accessToken, csrfToken } = result;
-      if (onSuccess) {
-        onSuccess(accessToken, user, csrfToken);
+      const { user, accessToken, redirectTo, csrfToken } = result;
+      if (user) {
+        const finalUrl = new URL(redirectTo || redirectUrl || "", window.location.origin);
+        finalUrl.searchParams.set("access_token", accessToken);
+        finalUrl.searchParams.set("user_id", user.id);
+        finalUrl.searchParams.set("email", user.email);
+        finalUrl.searchParams.set("name", user.profile?.name || "");
+        if (csrfToken) {
+          finalUrl.searchParams.set("csrf_token", csrfToken);
+        }
+        window.location.href = finalUrl.toString();
       }
-      const finalUrl = new URL(redirectTo || redirectUrl || "", window.location.origin);
-      window.location.href = finalUrl.toString();
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : "Sign in failed";
       setError(errorMessage);
@@ -3673,6 +3680,13 @@ function SignIn({ onSuccess, onError, ...uiProps }) {
         throw new Error("Verification failed");
       }
       const finalUrl = new URL(result.redirectTo || redirectUrl || "", window.location.origin);
+      finalUrl.searchParams.set("access_token", result.accessToken);
+      finalUrl.searchParams.set("user_id", result.user.id);
+      finalUrl.searchParams.set("email", result.user.email);
+      finalUrl.searchParams.set("name", result.user.profile?.name || "");
+      if (result.csrfToken) {
+        finalUrl.searchParams.set("csrf_token", result.csrfToken);
+      }
       window.location.href = finalUrl.toString();
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : "Invalid verification code";
@@ -3832,7 +3846,7 @@ function createPasswordSchema(options) {
   return schema;
 }
 createPasswordSchema();
-function SignUp({ onSuccess, onError, ...uiProps }) {
+function SignUp({ onError, ...uiProps }) {
   const { signUp, verifyEmail, loginWithOAuth } = useInsforge();
   const { authConfig } = usePublicAuthConfig();
   const [email, setEmail] = useState("");
@@ -3883,12 +3897,16 @@ function SignUp({ onSuccess, onError, ...uiProps }) {
         setLoading(false);
         return;
       }
-      const { redirectTo, user, accessToken, csrfToken } = result;
-      if (accessToken && user) {
-        if (onSuccess) {
-          onSuccess(accessToken, user, csrfToken);
+      if (result.accessToken && result.user) {
+        const csrfToken = result.csrfToken;
+        const finalUrl = new URL(result.redirectTo || redirectUrl || "", window.location.origin);
+        finalUrl.searchParams.set("access_token", result.accessToken);
+        finalUrl.searchParams.set("user_id", result.user.id);
+        finalUrl.searchParams.set("email", result.user.email);
+        finalUrl.searchParams.set("name", result.user.profile?.name || "");
+        if (csrfToken) {
+          finalUrl.searchParams.set("csrf_token", csrfToken);
         }
-        const finalUrl = new URL(redirectTo || redirectUrl || "", window.location.origin);
         window.location.href = finalUrl.toString();
       }
     } catch (err) {
@@ -3909,6 +3927,13 @@ function SignUp({ onSuccess, onError, ...uiProps }) {
         throw new Error("Verification failed");
       }
       const finalUrl = new URL(result.redirectTo || redirectUrl || "", window.location.origin);
+      finalUrl.searchParams.set("access_token", result.accessToken);
+      finalUrl.searchParams.set("user_id", result.user.id);
+      finalUrl.searchParams.set("email", result.user.email);
+      finalUrl.searchParams.set("name", result.user.profile?.name || "");
+      if (result.csrfToken) {
+        finalUrl.searchParams.set("csrf_token", result.csrfToken);
+      }
       window.location.href = finalUrl.toString();
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : "Invalid verification code";
@@ -4926,7 +4951,7 @@ function UserProfileModal({ onClose, onError }) {
     return null;
   }
   const initials = user.profile?.name ? user.profile.name.charAt(0).toUpperCase() : user.email.split("@")[0].slice(0, 2).toUpperCase();
-  return /* @__PURE__ */ jsx(ProfileModalOverlay, { onClick: handleOverlayClick, children: /* @__PURE__ */ jsxs(ProfileModalContainer, { onClick: (e) => e.stopPropagation(), children: [
+  const modalContent = /* @__PURE__ */ jsx(ProfileModalOverlay, { onClick: handleOverlayClick, children: /* @__PURE__ */ jsxs(ProfileModalContainer, { onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxs(ProfileModalHeader, { children: [
       /* @__PURE__ */ jsx(ProfileModalTitle, { children: "Profile" }),
       /* @__PURE__ */ jsx(ProfileModalCloseButton, { onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx(X, {}) })
@@ -4968,6 +4993,7 @@ function UserProfileModal({ onClose, onError }) {
       ] })
     ] }) : /* @__PURE__ */ jsx(ProfileButton, { $primary: true, onClick: () => setIsEditing(true), children: "Edit Profile" }) })
   ] }) });
+  return createPortal(modalContent, document.body);
 }
 function UserButton({
   afterSignOutUrl = "/",