@insforge/react 0.5.7 → 0.5.9

package/dist/components.d.cts

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { UserSchema } from '@insforge/sdk';
-import * as react from 'react';
 import { ReactNode } from 'react';
 import { InsforgeUser } from './types.cjs';
 export { ForgotPasswordForm, ForgotPasswordFormProps, ResetPasswordForm, ResetPasswordFormProps, SignInForm, SignInFormProps, SignUpForm, SignUpFormProps, VerifyEmailStatus, VerifyEmailStatusProps } from './forms.cjs';
@@ -215,7 +214,7 @@ interface ProtectProps {
  * @param {function} [condition] - Custom access condition
  * @param {function} [onRedirect] - Custom redirect handler (default: window.location)
  */
-declare function Protect({ children, fallback, redirectTo, condition, onRedirect, }: ProtectProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
+declare function Protect({ children, fallback, redirectTo, condition, onRedirect, }: ProtectProps): ReactNode;
 
 interface ConditionalProps$1 {
     children: ReactNode;
@@ -255,4 +254,52 @@ interface ConditionalProps {
  */
 declare function SignedOut({ children }: ConditionalProps): react_jsx_runtime.JSX.Element | null;
 
-export { type ConditionalProps$1 as ConditionalProps, ForgotPassword, type ForgotPasswordProps, Protect, type ProtectProps, ResetPassword, type ResetPasswordProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, VerifyEmail, type VerifyEmailProps };
+interface SignInButtonProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * SignInButton Component
+ *
+ * A simple unstyled button that redirects to the hosted sign-in page.
+ * If children is a valid React element, it will be rendered with the redirect logic attached.
+ *
+ * @example
+ * ```tsx
+ * <SignInButton />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <SignInButton>
+ *   <button className="your-button">Login</button>
+ * </SignInButton>
+ * ```
+ */
+declare function SignInButton({ children, className }: SignInButtonProps): react_jsx_runtime.JSX.Element;
+
+interface SignUpButtonProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * SignUpButton Component
+ *
+ * A simple unstyled button that redirects to the hosted sign-up page.
+ * If children is a valid React element, it will be rendered with the redirect logic attached.
+ *
+ * @example
+ * ```tsx
+ * <SignUpButton />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <SignUpButton>
+ *   <button className="fancy-button">Register Now</button>
+ * </SignUpButton>
+ * ```
+ */
+declare function SignUpButton({ children, className }: SignUpButtonProps): react_jsx_runtime.JSX.Element;
+
+export { type ConditionalProps$1 as ConditionalProps, ForgotPassword, type ForgotPasswordProps, Protect, type ProtectProps, ResetPassword, type ResetPasswordProps, SignIn, SignInButton, type SignInButtonProps, type SignInProps, SignUp, SignUpButton, type SignUpButtonProps, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, VerifyEmail, type VerifyEmailProps };

package/dist/components.d.ts

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { UserSchema } from '@insforge/sdk';
-import * as react from 'react';
 import { ReactNode } from 'react';
 import { InsforgeUser } from './types.js';
 export { ForgotPasswordForm, ForgotPasswordFormProps, ResetPasswordForm, ResetPasswordFormProps, SignInForm, SignInFormProps, SignUpForm, SignUpFormProps, VerifyEmailStatus, VerifyEmailStatusProps } from './forms.js';
@@ -215,7 +214,7 @@ interface ProtectProps {
  * @param {function} [condition] - Custom access condition
  * @param {function} [onRedirect] - Custom redirect handler (default: window.location)
  */
-declare function Protect({ children, fallback, redirectTo, condition, onRedirect, }: ProtectProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
+declare function Protect({ children, fallback, redirectTo, condition, onRedirect, }: ProtectProps): ReactNode;
 
 interface ConditionalProps$1 {
     children: ReactNode;
@@ -255,4 +254,52 @@ interface ConditionalProps {
  */
 declare function SignedOut({ children }: ConditionalProps): react_jsx_runtime.JSX.Element | null;
 
-export { type ConditionalProps$1 as ConditionalProps, ForgotPassword, type ForgotPasswordProps, Protect, type ProtectProps, ResetPassword, type ResetPasswordProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, VerifyEmail, type VerifyEmailProps };
+interface SignInButtonProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * SignInButton Component
+ *
+ * A simple unstyled button that redirects to the hosted sign-in page.
+ * If children is a valid React element, it will be rendered with the redirect logic attached.
+ *
+ * @example
+ * ```tsx
+ * <SignInButton />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <SignInButton>
+ *   <button className="your-button">Login</button>
+ * </SignInButton>
+ * ```
+ */
+declare function SignInButton({ children, className }: SignInButtonProps): react_jsx_runtime.JSX.Element;
+
+interface SignUpButtonProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * SignUpButton Component
+ *
+ * A simple unstyled button that redirects to the hosted sign-up page.
+ * If children is a valid React element, it will be rendered with the redirect logic attached.
+ *
+ * @example
+ * ```tsx
+ * <SignUpButton />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <SignUpButton>
+ *   <button className="fancy-button">Register Now</button>
+ * </SignUpButton>
+ * ```
+ */
+declare function SignUpButton({ children, className }: SignUpButtonProps): react_jsx_runtime.JSX.Element;
+
+export { type ConditionalProps$1 as ConditionalProps, ForgotPassword, type ForgotPasswordProps, Protect, type ProtectProps, ResetPassword, type ResetPasswordProps, SignIn, SignInButton, type SignInButtonProps, type SignInProps, SignUp, SignUpButton, type SignUpButtonProps, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, VerifyEmail, type VerifyEmailProps };

package/dist/components.js

@@ -1,4 +1,4 @@
-import { createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
+import { createContext, useState, useMemo, useRef, useEffect, useCallback, isValidElement, cloneElement, useContext } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@insforge/sdk';
 import { AlertTriangle, Check, EyeOff, Eye, Loader2, CircleCheck, LogOut } from 'lucide-react';
@@ -2015,7 +2015,49 @@ 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" });
+}
 
-export { AuthBranding, AuthContainer, AuthDivider, AuthEmailVerificationStep, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthResetPasswordVerificationStep, AuthSubmitButton, AuthVerificationCodeInput, ForgotPassword, ForgotPasswordForm, Protect, ResetPassword, ResetPasswordForm, SignIn, SignInForm, SignUp, SignUpForm, SignedIn, SignedOut, UserButton, VerifyEmail, VerifyEmailStatus };
+export { AuthBranding, AuthContainer, AuthDivider, AuthEmailVerificationStep, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthResetPasswordVerificationStep, AuthSubmitButton, AuthVerificationCodeInput, ForgotPassword, ForgotPasswordForm, Protect, ResetPassword, ResetPasswordForm, SignIn, SignInButton, SignInForm, SignUp, SignUpButton, SignUpForm, SignedIn, SignedOut, UserButton, VerifyEmail, VerifyEmailStatus };
 //# sourceMappingURL=components.js.map
 //# sourceMappingURL=components.js.map