@thetechfossil/auth2 1.2.14 → 1.2.16

package/dist/index.mjs

@@ -2,16 +2,15 @@
 import axios from 'axios';
 import { UpfilesClient, ImageManager } from '@thetechfossil/upfiles';
 export { ConnectProjectDialog, ImageManager, ProjectFilesWidget, UpfilesClient, Uploader } from '@thetechfossil/upfiles';
-import React3, { createContext, forwardRef, useContext, useState, useCallback, useEffect, useRef, useMemo } from 'react';
+import React, { createContext, forwardRef, useContext, useState, useCallback, useEffect, useRef, useMemo } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var __defProp = Object.defineProperty;
 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 __export = (target, all) => {
   for (var name in all)
@@ -69,6 +68,11 @@ var HttpClient = class {
             return Promise.reject(refreshError);
           }
         }
+        if (error.response && error.response.data && error.response.data.message) {
+          const customError = new Error(error.response.data.message);
+          customError.response = error.response;
+          return Promise.reject(customError);
+        }
         return Promise.reject(error);
       }
     );
@@ -188,8 +192,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;
@@ -200,8 +203,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) {
@@ -507,7 +509,7 @@ var AuthService = class {
     return response;
   }
 };
-var ThemeContext = createContext({ theme: "light", mounted: false });
+var ThemeContext = React.createContext({ theme: "light", mounted: false });
 function AuthThemeProvider({ children }) {
   const [theme, setTheme] = useState("light");
   const [mounted, setMounted] = useState(false);
@@ -574,11 +576,17 @@ var AuthProvider = ({ children, config }) => {
     const authenticated = authService.isAuthenticated();
     if (authenticated) {
       try {
-        const currentUser = authService.getCurrentUser();
-        setUser(currentUser);
+        const freshUser = await authService.getProfile();
+        setUser(freshUser);
       } catch (error) {
-        console.error("Failed to get current user:", error);
-        setUser(null);
+        console.error("Failed to fetch fresh user profile, falling back to token:", error);
+        try {
+          const currentUser = authService.getCurrentUser();
+          setUser(currentUser);
+        } catch (fallbackError) {
+          console.error("Failed to get current user from token:", fallbackError);
+          setUser(null);
+        }
       }
     } else {
       setUser(null);
@@ -1037,7 +1045,7 @@ try {
 } catch (error) {
   console.warn("react-phone-number-input not available, using fallback");
 }
-var CustomPhoneInput = React3.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+var CustomPhoneInput = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   "input",
   {
     ...props,
@@ -1759,26 +1767,18 @@ var RegisterForm = ({
   const [confirmPassword, setConfirmPassword] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState(null);
-  useState(false);
-  useState(false);
+  const [showPassword, setShowPassword] = useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = 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);
@@ -1830,10 +1830,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?.();
@@ -2263,8 +2261,7 @@ var OtpForm = ({
     }
   };
   const handleResendOtp = async () => {
-    if (resendCooldown > 0 || resendLoading)
-      return;
+    if (resendCooldown > 0 || resendLoading) return;
     setResendLoading(true);
     setError(null);
     try {
@@ -3122,23 +3119,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);
@@ -3159,10 +3148,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.");
@@ -3503,8 +3490,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);
   };
@@ -3538,7 +3524,19 @@ var UserButton = ({ showName = false, appearance }) => {
           e.currentTarget.style.backgroundColor = "transparent";
         },
         children: [
-          /* @__PURE__ */ jsx("div", { style: {
+          user.avatar ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: user.avatar,
+              alt: user.name,
+              style: {
+                width: "36px",
+                height: "36px",
+                borderRadius: "50%",
+                objectFit: "cover"
+              }
+            }
+          ) : /* @__PURE__ */ jsx("div", { style: {
             width: "36px",
             height: "36px",
             borderRadius: "50%",
@@ -3575,7 +3573,19 @@ var UserButton = ({ showName = false, appearance }) => {
         alignItems: "center",
         gap: "12px"
       }, children: [
-        /* @__PURE__ */ jsx("div", { style: {
+        user.avatar ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: user.avatar,
+            alt: user.name,
+            style: {
+              width: "48px",
+              height: "48px",
+              borderRadius: "50%",
+              objectFit: "cover"
+            }
+          }
+        ) : /* @__PURE__ */ jsx("div", { style: {
           width: "48px",
           height: "48px",
           borderRadius: "50%",
@@ -3981,23 +3991,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);
@@ -4235,23 +4237,15 @@ var ChangePassword = ({ onSuccess, appearance }) => {
   const [error, setError] = useState(null);
   const [success, setSuccess] = 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);
@@ -4487,26 +4481,16 @@ var AvatarUploader = ({
   const handleSelect = async (image) => {
     setUploading(true);
     try {
-      const proxyUrl = `${upfilesConfig.baseUrl}/api/download?fileKey=${encodeURIComponent(image.key)}`;
-      const response = await fetch(proxyUrl, {
-        headers: upfilesConfig.apiKey ? {
-          [upfilesConfig.apiKeyHeader || "authorization"]: upfilesConfig.apiKey.startsWith("upk_") ? `Bearer ${upfilesConfig.apiKey}` : upfilesConfig.apiKey
-        } : {}
-      });
-      if (!response.ok) {
-        throw new Error("Failed to fetch image");
-      }
-      const blob = await response.blob();
-      const file = new File([blob], image.originalName, { type: image.contentType });
-      const result = await uploadAndUpdateAvatar(file);
-      if (result.success && result.user?.avatar) {
-        onUploadComplete?.(result.user.avatar);
+      const { updateProfile } = useAuth();
+      const response = await updateProfile({ avatar: image.url });
+      if (response.success && response.user?.avatar) {
+        onUploadComplete?.(response.user.avatar);
         setOpen(false);
       } else {
-        throw new Error(result.message || "Failed to update avatar");
+        throw new Error(response.message || "Failed to update avatar");
       }
     } catch (error) {
-      const err = error instanceof Error ? error : new Error("Upload failed");
+      const err = error instanceof Error ? error : new Error("Failed to update avatar");
       onError?.(err);
     } finally {
       setUploading(false);
@@ -4619,8 +4603,7 @@ var UserProfile = ({
       setIsLoading(false);
     }
   };
-  if (!user)
-    return null;
+  if (!user) return null;
   return /* @__PURE__ */ jsxs("div", { style: { maxWidth: "700px", margin: "0 auto", padding: "20px" }, children: [
     /* @__PURE__ */ jsx("h2", { style: { marginBottom: "24px", fontSize: "24px", fontWeight: 600, color: colors.textPrimary }, children: "Profile Settings" }),
     error && /* @__PURE__ */ jsx("div", { style: {
@@ -4854,8 +4837,14 @@ var AvatarManager = ({
   gridClassName,
   maxFileSize = 5 * 1024 * 1024,
   // 5MB default
+  maxFiles = 10,
   mode = "full",
   showDelete = false,
+  autoRecordToDb = true,
+  fetchThumbnails = true,
+  projectId,
+  deleteUrl,
+  onDelete,
   upfilesConfig
 }) => {
   const { updateProfile } = useAuth();
@@ -4887,18 +4876,25 @@ var AvatarManager = ({
         apiKey: upfilesConfig.apiKey,
         apiKeyHeader: upfilesConfig.apiKeyHeader || "authorization",
         presignUrl: upfilesConfig.presignUrl,
-        presignPath: upfilesConfig.presignPath
+        presignPath: upfilesConfig.presignPath,
+        headers: upfilesConfig.headers,
+        withCredentials: upfilesConfig.withCredentials
       },
-      folderPath: upfilesConfig.folderPath || "avatars/",
+      projectId,
+      folderPath: upfilesConfig.folderPath || "/",
       title,
       description,
       className,
       gridClassName,
       onSelect: handleSelect,
+      onDelete,
+      deleteUrl,
+      autoRecordToDb,
+      fetchThumbnails,
       maxFileSize,
+      maxFiles,
       mode,
-      showDelete,
-      fetchThumbnails: true
+      showDelete
     }
   );
 };
@@ -5017,5 +5013,5 @@ var AuthClient = class extends AuthService {
 };
 
 export { AuthFlow, AuthProvider, AuthService, AvatarManager, AvatarUploader, ChangePassword, EmailVerificationPage, ForgotPassword, HttpClient, LoginForm, OtpForm, ProtectedRoute, PublicRoute, RegisterForm, ResetPassword, SignIn, SignOut, SignUp, UserButton, UserProfile, VerifyEmail, node_exports as node, react_exports as react, useAuth };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map