@thetechfossil/auth2 1.2.13 → 1.2.15

package/dist/index.components.d.mts

@@ -0,0 +1,247 @@
+import React, { ReactNode } from 'react';
+
+interface LoginFormProps {
+    onSuccess?: (response: {
+        message: string;
+        email?: string;
+        token?: string;
+        success: boolean;
+        user?: any;
+    }) => void;
+    onLoginSuccess?: (email: string, needsOtpVerification: boolean) => void;
+    onRegisterClick?: () => void;
+    showRegisterLink?: boolean;
+    config?: {
+        baseUrl?: string;
+    };
+    oauthProviders?: Array<'google' | 'github'>;
+    showOAuthButtons?: boolean;
+}
+declare const LoginForm: React.FC<LoginFormProps>;
+
+interface AuthConfig {
+    baseUrl: string;
+    localStorageKey?: string;
+    token?: string;
+    csrfEnabled?: boolean;
+    upfilesConfig?: UpfilesConfig;
+}
+interface UpfilesConfig {
+    baseUrl: string;
+    apiKey?: string;
+    apiKeyHeader?: 'authorization' | 'x-api-key' | 'x-up-api-key';
+    presignUrl?: string;
+    presignPath?: string;
+    folderPath?: string;
+}
+
+interface RegisterFormProps {
+    onRegisterSuccess?: () => void;
+    onLoginClick?: () => void;
+    showLoginLink?: boolean;
+    authConfig?: AuthConfig;
+    oauthProviders?: Array<'google' | 'github'>;
+    showOAuthButtons?: boolean;
+    invitationToken?: string | null;
+}
+declare const RegisterForm: React.FC<RegisterFormProps>;
+
+interface OtpFormProps {
+    email: string;
+    onVerifySuccess?: () => void;
+    onBackToLogin?: () => void;
+    baseUrl?: string;
+}
+declare const OtpForm: React.FC<OtpFormProps>;
+
+type AuthStep = 'login' | 'register' | 'otp';
+interface AuthFlowProps {
+    onAuthComplete?: () => void;
+    initialStep?: AuthStep;
+    showTitle?: boolean;
+}
+declare const AuthFlow: React.FC<AuthFlowProps>;
+
+interface EmailVerificationPageProps {
+    token: string;
+    onVerificationSuccess?: () => void;
+    onVerificationError?: (error: string) => void;
+    baseUrl?: string;
+}
+declare const EmailVerificationPage: React.FC<EmailVerificationPageProps>;
+
+interface SignInProps {
+    redirectUrl?: string;
+    appearance?: {
+        elements?: {
+            formButtonPrimary?: React.CSSProperties;
+            card?: React.CSSProperties;
+            headerTitle?: React.CSSProperties;
+            formFieldInput?: React.CSSProperties;
+        };
+    };
+    routing?: 'path' | 'virtual';
+    path?: string;
+}
+declare const SignIn: React.FC<SignInProps>;
+
+interface SignUpProps {
+    redirectUrl?: string;
+    appearance?: {
+        elements?: {
+            formButtonPrimary?: React.CSSProperties;
+            card?: React.CSSProperties;
+            headerTitle?: React.CSSProperties;
+            formFieldInput?: React.CSSProperties;
+        };
+    };
+}
+declare const SignUp: React.FC<SignUpProps>;
+
+interface SignOutProps {
+    redirectUrl?: string;
+}
+declare const SignOut: React.FC<SignOutProps>;
+
+interface UserButtonProps {
+    showName?: boolean;
+    appearance?: {
+        elements?: {
+            userButtonBox?: React.CSSProperties;
+            userButtonTrigger?: React.CSSProperties;
+            userButtonPopoverCard?: React.CSSProperties;
+        };
+    };
+}
+declare const UserButton: React.FC<UserButtonProps>;
+
+interface ProtectedRouteProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    redirectTo?: string;
+}
+declare const ProtectedRoute: React.FC<ProtectedRouteProps>;
+
+interface PublicRouteProps {
+    children: ReactNode;
+    redirectTo?: string;
+}
+declare const PublicRoute: React.FC<PublicRouteProps>;
+
+interface VerifyEmailProps {
+    token?: string;
+    onSuccess?: () => void;
+    onError?: (error: string) => void;
+}
+declare const VerifyEmail: React.FC<VerifyEmailProps>;
+
+interface ForgotPasswordProps {
+    appearance?: {
+        elements?: {
+            formButtonPrimary?: React.CSSProperties;
+            card?: React.CSSProperties;
+            headerTitle?: React.CSSProperties;
+            formFieldInput?: React.CSSProperties;
+        };
+    };
+}
+declare const ForgotPassword: React.FC<ForgotPasswordProps>;
+
+interface ResetPasswordProps {
+    token?: string;
+    appearance?: {
+        elements?: {
+            formButtonPrimary?: React.CSSProperties;
+            card?: React.CSSProperties;
+            headerTitle?: React.CSSProperties;
+            formFieldInput?: React.CSSProperties;
+        };
+    };
+}
+declare const ResetPassword: React.FC<ResetPasswordProps>;
+
+interface ChangePasswordProps {
+    onSuccess?: () => void;
+    appearance?: {
+        elements?: {
+            formButtonPrimary?: React.CSSProperties;
+            card?: React.CSSProperties;
+            headerTitle?: React.CSSProperties;
+            formFieldInput?: React.CSSProperties;
+        };
+    };
+}
+declare const ChangePassword: React.FC<ChangePasswordProps>;
+
+interface UserProfileProps {
+    showAvatar?: boolean;
+    showEmailChange?: boolean;
+    showPasswordChange?: boolean;
+    upfilesConfig?: {
+        baseUrl: string;
+        apiKey?: string;
+        apiKeyHeader?: 'authorization' | 'x-api-key' | 'x-up-api-key';
+        presignUrl?: string;
+        presignPath?: string;
+        folderPath?: string;
+        projectId?: string;
+    };
+}
+declare const UserProfile: React.FC<UserProfileProps>;
+
+interface PhoneInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    required?: boolean;
+    placeholder?: string;
+    id?: string;
+    style?: React.CSSProperties;
+}
+declare const PhoneInput: React.FC<PhoneInputProps>;
+
+interface AvatarUploaderProps {
+    onUploadComplete?: (avatarUrl: string) => void;
+    onError?: (error: Error) => void;
+    className?: string;
+    buttonClassName?: string;
+    dropzoneClassName?: string;
+    maxFileSize?: number;
+    accept?: string[];
+    upfilesConfig: {
+        baseUrl: string;
+        apiKey?: string;
+        apiKeyHeader?: 'authorization' | 'x-api-key' | 'x-up-api-key';
+        presignUrl?: string;
+        presignPath?: string;
+        folderPath?: string;
+        projectId?: string;
+    };
+    buttonText?: string;
+}
+declare const AvatarUploader: React.FC<AvatarUploaderProps>;
+
+interface AvatarManagerProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onAvatarUpdated?: (avatarUrl: string) => void;
+    onError?: (error: Error) => void;
+    title?: string;
+    description?: string;
+    className?: string;
+    gridClassName?: string;
+    maxFileSize?: number;
+    mode?: 'full' | 'browse' | 'upload';
+    showDelete?: boolean;
+    upfilesConfig: {
+        baseUrl: string;
+        apiKey?: string;
+        apiKeyHeader?: 'authorization' | 'x-api-key' | 'x-up-api-key';
+        presignUrl?: string;
+        presignPath?: string;
+        folderPath?: string;
+    };
+}
+declare const AvatarManager: React.FC<AvatarManagerProps>;
+
+export { AuthFlow, AvatarManager, type AvatarManagerProps, AvatarUploader, type AvatarUploaderProps, ChangePassword, EmailVerificationPage, ForgotPassword, LoginForm, OtpForm, PhoneInput, ProtectedRoute, PublicRoute, RegisterForm, type RegisterFormProps, ResetPassword, SignIn, SignOut, SignUp, UserButton, UserProfile, VerifyEmail };

package/dist/index.components.d.ts

@@ -244,4 +244,4 @@ interface AvatarManagerProps {
 }
 declare const AvatarManager: React.FC<AvatarManagerProps>;
 
-export { AuthFlow, AvatarManager, AvatarManagerProps, AvatarUploader, AvatarUploaderProps, ChangePassword, EmailVerificationPage, ForgotPassword, LoginForm, OtpForm, PhoneInput, ProtectedRoute, PublicRoute, RegisterForm, RegisterFormProps, ResetPassword, SignIn, SignOut, SignUp, UserButton, UserProfile, VerifyEmail };
+export { AuthFlow, AvatarManager, type AvatarManagerProps, AvatarUploader, type AvatarUploaderProps, ChangePassword, EmailVerificationPage, ForgotPassword, LoginForm, OtpForm, PhoneInput, ProtectedRoute, PublicRoute, RegisterForm, type RegisterFormProps, ResetPassword, SignIn, SignOut, SignUp, UserButton, UserProfile, VerifyEmail };

package/dist/index.components.js

@@ -14,9 +14,8 @@ var axios__default = /*#__PURE__*/_interopDefault(axios);
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw new Error('Dynamic require of "' + x + '" is not supported');
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
 });
 var HttpClient = class {
   constructor(baseUrl, defaultHeaders = {}) {
@@ -189,8 +188,7 @@ var AuthService = class {
     return this.token;
   }
   getCurrentUser() {
-    if (!this.token)
-      return null;
+    if (!this.token) return null;
     try {
       const payload = JSON.parse(atob(this.token.split(".")[1]));
       return payload.user || null;
@@ -201,8 +199,7 @@ var AuthService = class {
   }
   // CSRF Token Management
   async refreshCsrfToken() {
-    if (!this.config.csrfEnabled)
-      return;
+    if (!this.config.csrfEnabled) return;
     try {
       const response = await this.httpClient.get("/api/v1/auth/csrf-token");
       if (response.csrfToken) {
@@ -1429,26 +1426,18 @@ var RegisterForm = ({
   const [confirmPassword, setConfirmPassword] = React2.useState("");
   const [isLoading, setIsLoading] = React2.useState(false);
   const [error, setError] = React2.useState(null);
-  React2.useState(false);
-  React2.useState(false);
+  const [showPassword, setShowPassword] = React2.useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = React2.useState(false);
   const getPasswordStrength = (pwd) => {
-    if (!pwd)
-      return { strength: "weak", score: 0, label: "" };
+    if (!pwd) return { strength: "weak", score: 0, label: "" };
     let score = 0;
-    if (pwd.length >= 6)
-      score++;
-    if (pwd.length >= 8)
-      score++;
-    if (/[a-z]/.test(pwd) && /[A-Z]/.test(pwd))
-      score++;
-    if (/\d/.test(pwd))
-      score++;
-    if (/[^a-zA-Z\d]/.test(pwd))
-      score++;
-    if (score <= 2)
-      return { strength: "weak", score, label: "Weak" };
-    if (score <= 3)
-      return { strength: "medium", score, label: "Medium" };
+    if (pwd.length >= 6) score++;
+    if (pwd.length >= 8) score++;
+    if (/[a-z]/.test(pwd) && /[A-Z]/.test(pwd)) score++;
+    if (/\d/.test(pwd)) score++;
+    if (/[^a-zA-Z\d]/.test(pwd)) score++;
+    if (score <= 2) return { strength: "weak", score, label: "Weak" };
+    if (score <= 3) return { strength: "medium", score, label: "Medium" };
     return { strength: "strong", score, label: "Strong" };
   };
   getPasswordStrength(password);
@@ -1500,10 +1489,8 @@ var RegisterForm = ({
           password,
           frontendBaseUrl: typeof window !== "undefined" ? process.env.NEXT_PUBLIC_FRONTEND_BASE_URL || process.env.REACT_APP_FRONTEND_BASE_URL || window.location.origin : void 0
         };
-        if (email)
-          registerData.email = email;
-        if (phoneNumber)
-          registerData.phoneNumber = phoneNumber;
+        if (email) registerData.email = email;
+        if (phoneNumber) registerData.phoneNumber = phoneNumber;
         const response = await register(registerData);
         if (response.success) {
           onRegisterSuccess?.();
@@ -1933,8 +1920,7 @@ var OtpForm = ({
     }
   };
   const handleResendOtp = async () => {
-    if (resendCooldown > 0 || resendLoading)
-      return;
+    if (resendCooldown > 0 || resendLoading) return;
     setResendLoading(true);
     setError(null);
     try {
@@ -2800,23 +2786,15 @@ var SignUp = ({ redirectUrl, appearance }) => {
     }
   }, [isSignedIn, redirectUrl]);
   const getPasswordStrength = (pwd, colors2) => {
-    if (!pwd)
-      return { strength: "weak", color: colors2.borderSecondary };
+    if (!pwd) return { strength: "weak", color: colors2.borderSecondary };
     let score = 0;
-    if (pwd.length >= 6)
-      score++;
-    if (pwd.length >= 8)
-      score++;
-    if (/[a-z]/.test(pwd) && /[A-Z]/.test(pwd))
-      score++;
-    if (/\d/.test(pwd))
-      score++;
-    if (/[^a-zA-Z\d]/.test(pwd))
-      score++;
-    if (score <= 2)
-      return { strength: "weak", color: colors2.errorText };
-    if (score <= 3)
-      return { strength: "medium", color: colors2.warningText || "#fa4" };
+    if (pwd.length >= 6) score++;
+    if (pwd.length >= 8) score++;
+    if (/[a-z]/.test(pwd) && /[A-Z]/.test(pwd)) score++;
+    if (/\d/.test(pwd)) score++;
+    if (/[^a-zA-Z\d]/.test(pwd)) score++;
+    if (score <= 2) return { strength: "weak", color: colors2.errorText };
+    if (score <= 3) return { strength: "medium", color: colors2.warningText || "#fa4" };
     return { strength: "strong", color: colors2.successText };
   };
   const passwordStrength = getPasswordStrength(password, colors);
@@ -2837,10 +2815,8 @@ var SignUp = ({ redirectUrl, appearance }) => {
     }
     try {
       const signUpData = { name, password };
-      if (email)
-        signUpData.email = email;
-      if (phoneNumber)
-        signUpData.phoneNumber = phoneNumber;
+      if (email) signUpData.email = email;
+      if (phoneNumber) signUpData.phoneNumber = phoneNumber;
       const response = await signUp(signUpData);
       if (response.success) {
         setSuccess("Registration successful! Please check your email to verify your account.");
@@ -3181,8 +3157,7 @@ var UserButton = ({ showName = false, appearance }) => {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  if (!user)
-    return null;
+  if (!user) return null;
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
   };
@@ -3659,23 +3634,15 @@ var ResetPassword = ({ token, appearance }) => {
     }
   }, [resetToken]);
   const getPasswordStrength = (pwd) => {
-    if (!pwd)
-      return { strength: "weak", color: "#ddd" };
+    if (!pwd) return { strength: "weak", color: "#ddd" };
     let score = 0;
-    if (pwd.length >= 6)
-      score++;
-    if (pwd.length >= 8)
-      score++;
-    if (/[a-z]/.test(pwd) && /[A-Z]/.test(pwd))
-      score++;
-    if (/\d/.test(pwd))
-      score++;
-    if (/[^a-zA-Z\d]/.test(pwd))
-      score++;
-    if (score <= 2)
-      return { strength: "weak", color: "#f44" };
-    if (score <= 3)
-      return { strength: "medium", color: "#fa4" };
+    if (pwd.length >= 6) score++;
+    if (pwd.length >= 8) score++;
+    if (/[a-z]/.test(pwd) && /[A-Z]/.test(pwd)) score++;
+    if (/\d/.test(pwd)) score++;
+    if (/[^a-zA-Z\d]/.test(pwd)) score++;
+    if (score <= 2) return { strength: "weak", color: "#f44" };
+    if (score <= 3) return { strength: "medium", color: "#fa4" };
     return { strength: "strong", color: "#4f4" };
   };
   const passwordStrength = getPasswordStrength(password);
@@ -3913,23 +3880,15 @@ var ChangePassword = ({ onSuccess, appearance }) => {
   const [error, setError] = React2.useState(null);
   const [success, setSuccess] = React2.useState(false);
   const getPasswordStrength = (pwd) => {
-    if (!pwd)
-      return { strength: "weak", color: "#ddd" };
+    if (!pwd) return { strength: "weak", color: "#ddd" };
     let score = 0;
-    if (pwd.length >= 6)
-      score++;
-    if (pwd.length >= 8)
-      score++;
-    if (/[a-z]/.test(pwd) && /[A-Z]/.test(pwd))
-      score++;
-    if (/\d/.test(pwd))
-      score++;
-    if (/[^a-zA-Z\d]/.test(pwd))
-      score++;
-    if (score <= 2)
-      return { strength: "weak", color: "#f44" };
-    if (score <= 3)
-      return { strength: "medium", color: "#fa4" };
+    if (pwd.length >= 6) score++;
+    if (pwd.length >= 8) score++;
+    if (/[a-z]/.test(pwd) && /[A-Z]/.test(pwd)) score++;
+    if (/\d/.test(pwd)) score++;
+    if (/[^a-zA-Z\d]/.test(pwd)) score++;
+    if (score <= 2) return { strength: "weak", color: "#f44" };
+    if (score <= 3) return { strength: "medium", color: "#fa4" };
     return { strength: "strong", color: "#4f4" };
   };
   const passwordStrength = getPasswordStrength(newPassword);
@@ -4297,8 +4256,7 @@ var UserProfile = ({
       setIsLoading(false);
     }
   };
-  if (!user)
-    return null;
+  if (!user) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { maxWidth: "700px", margin: "0 auto", padding: "20px" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { marginBottom: "24px", fontSize: "24px", fontWeight: 600, color: colors.textPrimary }, children: "Profile Settings" }),
     error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
@@ -4600,5 +4558,5 @@ exports.SignUp = SignUp;
 exports.UserButton = UserButton;
 exports.UserProfile = UserProfile;
 exports.VerifyEmail = VerifyEmail;
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.components.js.map
 //# sourceMappingURL=index.components.js.map