@riligar/auth-react 1.23.0 → 1.24.0

package/dist/index.js

@@ -8,7 +8,6 @@ var reactRouterDom = require('react-router-dom');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
 var iconsReact = require('@tabler/icons-react');
-var notifications = require('@mantine/notifications');
 
 // Config - API Base URL fixa para o serviço de autenticação
 let API_BASE = 'https://manager.myauth.click';
@@ -2075,6 +2074,8 @@ function UserProfile({
   onProfileUpdate,
   onPasswordChange,
   onEmailChange,
+  onSessionRevoked,
+  onOtherSessionsRevoked,
   onError,
   // Features toggle
   showAvatar = true,
@@ -2161,7 +2162,9 @@ function UserProfile({
     if (isCurrentSession) {
       try {
         await revokeSession(sessionId);
+        onSessionRevoked?.(sessionId);
       } catch (error) {
+        onError?.(error);
         // Even if it fails, we're revoking our own session, so just logout
         // The server already revoked our session
       }
@@ -2175,11 +2178,7 @@ function UserProfile({
     // Revoking another session
     try {
       await revokeSession(sessionId);
-      notifications.notifications.show({
-        title: labels.successTitle || 'Sucesso',
-        message: labels.sessionRevoked || 'Sessão encerrada com sucesso',
-        color: 'green'
-      });
+      onSessionRevoked?.(sessionId);
     } catch (error) {
       // Check for 401 error (our SDK uses error.res, axios uses error.response)
       const status = error.res?.status || error.response?.status;
@@ -2190,28 +2189,14 @@ function UserProfile({
         if (variant === 'modal') onClose?.();
         return;
       }
-      notifications.notifications.show({
-        title: labels.errorTitle || 'Erro',
-        message: error.message || labels.sessionRevokeFailed || 'Falha ao encerrar sessão',
-        color: 'red'
-      });
       onError?.(error);
     }
   };
   const handleRevokeOtherSessions = async () => {
     try {
       await revokeOtherSessions();
-      notifications.notifications.show({
-        title: labels.successTitle || 'Sucesso',
-        message: labels.otherSessionsRevoked || 'Todas as outras sessões foram encerradas',
-        color: 'green'
-      });
+      onOtherSessionsRevoked?.();
     } catch (error) {
-      notifications.notifications.show({
-        title: labels.errorTitle || 'Erro',
-        message: error.message || labels.otherSessionsRevokeFailed || 'Falha ao encerrar sessões',
-        color: 'red'
-      });
       onError?.(error);
     }
   };
@@ -2272,21 +2257,13 @@ function UserProfile({
 
     // Validate file type
     if (!file.type.startsWith('image/')) {
-      notifications.notifications.show({
-        title: labels.errorTitle || 'Erro',
-        message: labels.avatarInvalidType || 'Por favor, selecione uma imagem válida',
-        color: 'red'
-      });
+      onError?.(new Error(labels.avatarInvalidType || 'Por favor, selecione uma imagem válida'));
       return;
     }
 
     // Validate file size
     if (file.size > maxAvatarSize) {
-      notifications.notifications.show({
-        title: labels.errorTitle || 'Erro',
-        message: labels.avatarTooLarge || `Imagem muito grande. Máximo ${Math.round(maxAvatarSize / 1024)}KB.`,
-        color: 'red'
-      });
+      onError?.(new Error(labels.avatarTooLarge || `Imagem muito grande. Máximo ${Math.round(maxAvatarSize / 1024)}KB.`));
       return;
     }
     setAvatarFile(file);
@@ -2325,40 +2302,20 @@ function UserProfile({
   const handleChangePassword = async values => {
     try {
       await changePassword(values.currentPassword, values.newPassword);
-      notifications.notifications.show({
-        title: labels.successTitle || 'Sucesso',
-        message: labels.passwordChanged || 'Senha alterada com sucesso',
-        color: 'green'
-      });
       passwordForm.reset();
       setEditingSection(null);
       onPasswordChange?.();
     } catch (error) {
-      notifications.notifications.show({
-        title: labels.errorTitle || 'Erro',
-        message: error.message || labels.passwordChangeFailed || 'Falha ao alterar senha',
-        color: 'red'
-      });
       onError?.(error);
     }
   };
   const handleChangeEmail = async values => {
     try {
       await changeEmail(values.newEmail);
-      notifications.notifications.show({
-        title: labels.successTitle || 'Sucesso',
-        message: labels.emailVerificationSent || 'Verifique seu novo email para confirmar a alteração',
-        color: 'green'
-      });
       emailForm.reset();
       setEditingSection(null);
       onEmailChange?.(values.newEmail);
     } catch (error) {
-      notifications.notifications.show({
-        title: labels.errorTitle || 'Erro',
-        message: error.message || labels.emailChangeFailed || 'Falha ao alterar email',
-        color: 'red'
-      });
       onError?.(error);
     }
   };
@@ -2367,43 +2324,29 @@ function UserProfile({
       await updateProfile({
         name: values.name
       });
-      notifications.notifications.show({
-        title: labels.successTitle || 'Sucesso',
-        message: labels.nameUpdated || 'Nome atualizado com sucesso',
-        color: 'green'
-      });
       nameForm.reset();
       setEditingSection(null);
       onProfileUpdate?.({
         name: values.name
       });
     } catch (error) {
-      notifications.notifications.show({
-        title: labels.errorTitle || 'Erro',
-        message: error.message || labels.nameUpdateFailed || 'Falha ao atualizar nome',
-        color: 'red'
-      });
       onError?.(error);
     }
   };
   const handleChangeAvatar = async () => {
     if (!avatarPreview) {
-      notifications.notifications.show({
-        title: labels.errorTitle || 'Erro',
-        message: labels.avatarRequired || 'Selecione uma imagem',
-        color: 'red'
-      });
+      // Optionally handle this validation error via callback or just return?
+      // Since it's a validation error before async call, we might want to expose it too?
+      // The original code used notifications. Let's send to onError for consistency or just return if it's UI state.
+      // Actually, for validation within the component, maybe we can just let it be silent or use form error if applicable?
+      // But this is outside form context. Let's use onError with a custom error object.
+      onError?.(new Error(labels.avatarRequired || 'Selecione uma imagem'));
       return;
     }
     try {
       await updateProfile({
         image: avatarPreview
       });
-      notifications.notifications.show({
-        title: labels.successTitle || 'Sucesso',
-        message: labels.avatarUpdated || 'Foto de perfil atualizada com sucesso',
-        color: 'green'
-      });
       setAvatarPreview(null);
       setAvatarFile(null);
       setEditingSection(null);
@@ -2411,11 +2354,6 @@ function UserProfile({
         image: avatarPreview
       });
     } catch (error) {
-      notifications.notifications.show({
-        title: labels.errorTitle || 'Erro',
-        message: error.message || labels.avatarUpdateFailed || 'Falha ao atualizar foto',
-        color: 'red'
-      });
       onError?.(error);
     }
   };
@@ -2424,11 +2362,6 @@ function UserProfile({
       await updateProfile({
         image: ''
       });
-      notifications.notifications.show({
-        title: labels.successTitle || 'Sucesso',
-        message: labels.avatarRemoved || 'Foto de perfil removida',
-        color: 'green'
-      });
       setAvatarPreview(null);
       setAvatarFile(null);
       setEditingSection(null);
@@ -2436,11 +2369,6 @@ function UserProfile({
         image: ''
       });
     } catch (error) {
-      notifications.notifications.show({
-        title: labels.errorTitle || 'Erro',
-        message: error.message || labels.avatarRemoveFailed || 'Falha ao remover foto',
-        color: 'red'
-      });
       onError?.(error);
     }
   };