@thetechfossil/auth2 1.2.6 → 1.2.7

package/dist/index.mjs

@@ -1,5 +1,7 @@
 "use client";
 import axios from 'axios';
+import { UpfilesClient, Uploader, 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 { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import PhoneInputWithCountry from 'react-phone-number-input';
@@ -116,11 +118,10 @@ var HttpClient = class {
     }
   }
 };
-
-// src/core/auth-service.ts
 var AuthService = class {
   constructor(config) {
     this.token = null;
+    this.upfilesClient = null;
     this.config = {
       localStorageKey: "auth_token",
       csrfEnabled: true,
@@ -128,6 +129,15 @@ var AuthService = class {
     };
     this.httpClient = new HttpClient(this.config.baseUrl);
     this.loadTokenFromStorage();
+    if (this.config.upfilesConfig) {
+      this.upfilesClient = new UpfilesClient({
+        baseUrl: this.config.upfilesConfig.baseUrl,
+        apiKey: this.config.upfilesConfig.apiKey,
+        apiKeyHeader: this.config.upfilesConfig.apiKeyHeader,
+        presignUrl: this.config.upfilesConfig.presignUrl,
+        presignPath: this.config.upfilesConfig.presignPath
+      });
+    }
     if (typeof window !== "undefined") {
       const frontendBaseUrl = process.env.NEXT_PUBLIC_FRONTEND_BASE_URL || process.env.REACT_APP_FRONTEND_BASE_URL || process.env.NEXT_PUBLIC_APP_URL || window.location.origin;
       if (frontendBaseUrl) {
@@ -355,6 +365,28 @@ var AuthService = class {
     }
     return response;
   }
+  async uploadAndUpdateAvatar(file) {
+    if (!this.token) {
+      throw new Error("Not authenticated");
+    }
+    if (!this.upfilesClient) {
+      throw new Error("Upfiles configuration is required. Please provide upfilesConfig in AuthConfig.");
+    }
+    try {
+      const folderPath = this.config.upfilesConfig?.folderPath || "avatars/";
+      const uploadResult = await this.upfilesClient.upload(file, {
+        folderPath,
+        fetchThumbnails: true
+      });
+      const response = await this.updateAvatar(uploadResult.publicUrl);
+      return response;
+    } catch (error) {
+      throw new Error(`Failed to upload avatar: ${error.message || "Unknown error"}`);
+    }
+  }
+  getUpfilesClient() {
+    return this.upfilesClient;
+  }
   async requestEmailChange(newEmail) {
     if (!this.token) {
       throw new Error("Not authenticated");
@@ -526,7 +558,8 @@ var AuthProvider = ({ children, config }) => {
   const authConfig = {
     baseUrl: config?.baseUrl || (typeof window !== "undefined" ? process.env.NEXT_PUBLIC_AUTH_API_URL || process.env.REACT_APP_AUTH_API_URL || "http://localhost:7000" : "http://localhost:7000"),
     localStorageKey: config?.localStorageKey || "auth_token",
-    csrfEnabled: config?.csrfEnabled !== void 0 ? config.csrfEnabled : true
+    csrfEnabled: config?.csrfEnabled !== void 0 ? config.csrfEnabled : true,
+    upfilesConfig: config?.upfilesConfig
   };
   const [authService] = useState(() => new AuthService(authConfig));
   const [user, setUser] = useState(null);
@@ -676,6 +709,18 @@ var AuthProvider = ({ children, config }) => {
       setLoading(false);
     }
   }, [authService]);
+  const uploadAndUpdateAvatar = useCallback(async (file) => {
+    setLoading(true);
+    try {
+      const response = await authService.uploadAndUpdateAvatar(file);
+      if (response.success && response.user) {
+        setUser(response.user);
+      }
+      return response;
+    } finally {
+      setLoading(false);
+    }
+  }, [authService]);
   const requestEmailChange = useCallback(async (newEmail) => {
     setLoading(true);
     try {
@@ -773,6 +818,7 @@ var AuthProvider = ({ children, config }) => {
     resetPassword,
     changePassword,
     updateAvatar,
+    uploadAndUpdateAvatar,
     requestEmailChange,
     verifyEmailChange,
     generate2FA,
@@ -908,6 +954,18 @@ var useAuth2 = (config) => {
       setLoading(false);
     }
   }, [authService]);
+  const uploadAndUpdateAvatar = useCallback(async (file) => {
+    setLoading(true);
+    try {
+      const response = await authService.uploadAndUpdateAvatar(file);
+      if (response.success && response.user) {
+        setUser(response.user);
+      }
+      return response;
+    } finally {
+      setLoading(false);
+    }
+  }, [authService]);
   return {
     user,
     isAuthenticated,
@@ -920,7 +978,8 @@ var useAuth2 = (config) => {
     updateProfile,
     getProfile,
     getAllUsers,
-    getUserById
+    getUserById,
+    uploadAndUpdateAvatar
   };
 };
 
@@ -4663,6 +4722,122 @@ var UserProfile = ({
     ] })
   ] });
 };
+var AvatarUploader = ({
+  onUploadComplete,
+  onError,
+  className,
+  buttonClassName,
+  dropzoneClassName,
+  maxFileSize = 5 * 1024 * 1024,
+  // 5MB default
+  accept = ["image/*"],
+  upfilesConfig
+}) => {
+  const { uploadAndUpdateAvatar } = useAuth();
+  const [uploading, setUploading] = useState(false);
+  const handleUploadComplete = async (files) => {
+    if (files.length === 0)
+      return;
+    setUploading(true);
+    try {
+      const file = files[0];
+      const response = await uploadAndUpdateAvatar(file.file);
+      if (response.success && response.user?.avatar) {
+        onUploadComplete?.(response.user.avatar);
+      } else {
+        throw new Error(response.message || "Failed to update avatar");
+      }
+    } catch (error) {
+      const err = error instanceof Error ? error : new Error("Upload failed");
+      onError?.(err);
+    } finally {
+      setUploading(false);
+    }
+  };
+  const handleError = (error) => {
+    onError?.(error);
+  };
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+    Uploader,
+    {
+      clientOptions: {
+        baseUrl: upfilesConfig.baseUrl,
+        apiKey: upfilesConfig.apiKey,
+        apiKeyHeader: upfilesConfig.apiKeyHeader || "authorization",
+        presignUrl: upfilesConfig.presignUrl,
+        presignPath: upfilesConfig.presignPath
+      },
+      multiple: false,
+      accept,
+      maxFileSize,
+      maxFiles: 1,
+      onComplete: handleUploadComplete,
+      onError: handleError,
+      buttonClassName,
+      dropzoneClassName,
+      children: uploading ? "Uploading..." : "Upload Avatar"
+    }
+  ) });
+};
+var AvatarManager = ({
+  open,
+  onOpenChange,
+  onAvatarUpdated,
+  onError,
+  title = "Select Avatar",
+  description = "Choose an existing image or upload a new one",
+  className,
+  gridClassName,
+  maxFileSize = 5 * 1024 * 1024,
+  // 5MB default
+  mode = "full",
+  showDelete = false,
+  upfilesConfig
+}) => {
+  const { updateProfile } = useAuth();
+  const [updating, setUpdating] = useState(false);
+  const handleSelect = async (image) => {
+    setUpdating(true);
+    try {
+      const response = await updateProfile({ avatar: image.url });
+      if (response.success && response.user?.avatar) {
+        onAvatarUpdated?.(response.user.avatar);
+        onOpenChange(false);
+      } else {
+        throw new Error(response.message || "Failed to update avatar");
+      }
+    } catch (error) {
+      const err = error instanceof Error ? error : new Error("Failed to update avatar");
+      onError?.(err);
+    } finally {
+      setUpdating(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    ImageManager,
+    {
+      open,
+      onOpenChange,
+      clientOptions: {
+        baseUrl: upfilesConfig.baseUrl,
+        apiKey: upfilesConfig.apiKey,
+        apiKeyHeader: upfilesConfig.apiKeyHeader || "authorization",
+        presignUrl: upfilesConfig.presignUrl,
+        presignPath: upfilesConfig.presignPath
+      },
+      folderPath: upfilesConfig.folderPath || "avatars/",
+      title,
+      description,
+      className,
+      gridClassName,
+      onSelect: handleSelect,
+      maxFileSize,
+      mode,
+      showDelete,
+      fetchThumbnails: true
+    }
+  );
+};
 
 // src/react/index.ts
 var react_exports = {};
@@ -4670,6 +4845,8 @@ __export(react_exports, {
   AuthFlow: () => AuthFlow,
   AuthProvider: () => AuthProvider,
   AuthThemeProvider: () => AuthThemeProvider,
+  AvatarManager: () => AvatarManager,
+  AvatarUploader: () => AvatarUploader,
   ChangePassword: () => ChangePassword,
   EmailVerificationPage: () => EmailVerificationPage,
   ForgotPassword: () => ForgotPassword,
@@ -4775,6 +4952,6 @@ var AuthClient = class extends AuthService {
   }
 };
 
-export { AuthFlow, AuthProvider, AuthService, 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 };
+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