@riligar/auth-react 1.5.0 → 1.6.0

package/dist/index.js

@@ -274,6 +274,17 @@ const getSession = async () => {
   return await api('/auth/session');
 };
 
+/*--- Application Info ----------------------------*/
+const getApplicationInfo = async () => {
+  try {
+    const data = await api('/application/by-api-key');
+    return data?.data || null;
+  } catch (error) {
+    console.warn('[AuthSDK] Failed to fetch application info:', error.message);
+    return null;
+  }
+};
+
 /* Social login redirect (ex.: Google) -----------*/
 function socialRedirect(provider, redirectTo = typeof window !== 'undefined' ? window.location.href : '/') {
   if (typeof window === 'undefined') return;
@@ -337,6 +348,8 @@ const useAuthStore = create((set, get) => ({
     verifyEmail: false,
     resendVerification: false
   },
+  // Application info (logo, nome, etc)
+  applicationInfo: null,
   // Helper para atualizar loading states
   setLoading: (key, value) => set(state => ({
     loadingStates: {
@@ -344,9 +357,29 @@ const useAuthStore = create((set, get) => ({
       [key]: value
     }
   })),
+  // Buscar informações da aplicação
+  fetchApplicationInfo: async () => {
+    try {
+      const appInfo = await getApplicationInfo();
+      set({
+        applicationInfo: appInfo
+      });
+    } catch (error) {
+      console.warn('[AuthStore] Failed to fetch application info:', error);
+      set({
+        applicationInfo: null
+      });
+    }
+  },
   /* Init ao montar o Provider */
   init: async () => {
+    const {
+      fetchApplicationInfo
+    } = get();
     try {
+      // Buscar application info primeiro (não bloqueia o init)
+      fetchApplicationInfo();
+
       // Verifica se há um token válido
       if (isAuthenticated()) {
         // Tenta extrair usuário do token (JWT)
@@ -865,6 +898,13 @@ const useSession = () => useAuthStore(useShallow(s => ({
 // Loading States Hook
 const useAuthLoading = () => useAuthStore(s => s.loadingStates);
 
+// Application Logo Hook
+const useApplicationLogo = () => {
+  const applicationInfo = useAuthStore(s => s.applicationInfo);
+  // Retorna o logo da aplicação ou null (componentes usam fallback padrão)
+  return applicationInfo?.image || null;
+};
+
 function ProtectedRoute({
   fallback = /*#__PURE__*/React.createElement("p", null, "\u231B Carregando..."),
   redirectTo = "/login"
@@ -900,7 +940,7 @@ function AuthCard({
   title,
   subtitle,
   logo,
-  logoHeight = 32,
+  logoHeight = 28,
   width = 350,
   ...props
 }) {
@@ -935,7 +975,8 @@ var img = "data:image/webp;base64,iVBORw0KGgoAAAANSUhEUgAAAjwAAADICAYAAADskzu8AA
  */
 function SignInForm({
   // Configuração
-  logo = img,
+  logo,
+  // Removido default, será calculado abaixo
   title = 'Entrar',
   subtitle = 'Acesse sua conta para continuar',
   // Features
@@ -961,6 +1002,10 @@ function SignInForm({
   const loadingSignIn = useAuthStore(s => s.loadingStates.signIn);
   const loadingMagicLink = useAuthStore(s => s.loadingStates.magicLink);
   const loadingResetPassword = useAuthStore(s => s.loadingStates.resetPassword);
+
+  // Hook para buscar logo da aplicação
+  const applicationLogo = useApplicationLogo();
+  const finalLogo = logo || applicationLogo || img;
   const form$1 = form.useForm({
     initialValues: {
       email: '',
@@ -1005,7 +1050,7 @@ function SignInForm({
   };
   const isLoading = loadingSignIn || loadingMagicLink || loadingResetPassword;
   return /*#__PURE__*/React.createElement(AuthCard, _extends({
-    logo: logo,
+    logo: finalLogo,
     title: title,
     subtitle: subtitle
   }, cardProps), /*#__PURE__*/React.createElement("form", {
@@ -1083,7 +1128,7 @@ function SignInForm({
  */
 function SignUpForm({
   // Configuração
-  logo = img,
+  logo,
   title = 'Criar Conta',
   subtitle = 'Preencha os dados para se cadastrar',
   // Features
@@ -1102,6 +1147,10 @@ function SignUpForm({
 }) {
   const signUp = useAuthStore(s => s.signUp);
   const loading = useAuthStore(s => s.loadingStates.signUp);
+
+  // Hook para buscar logo da aplicação
+  const applicationLogo = useApplicationLogo();
+  const finalLogo = logo || applicationLogo || img;
   const form$1 = form.useForm({
     initialValues: {
       name: '',
@@ -1125,7 +1174,7 @@ function SignUpForm({
     }
   };
   return /*#__PURE__*/React.createElement(AuthCard, _extends({
-    logo: logo,
+    logo: finalLogo,
     title: title,
     subtitle: subtitle
   }, cardProps), /*#__PURE__*/React.createElement("form", {
@@ -1202,7 +1251,7 @@ function SignUpForm({
  */
 function MagicLinkForm({
   // Configuração
-  logo = img,
+  logo,
   title = 'Login sem Senha',
   subtitle = 'Receba um link de acesso no seu email',
   // Features
@@ -1218,6 +1267,10 @@ function MagicLinkForm({
 }) {
   const sendMagicLink = useAuthStore(s => s.sendMagicLink);
   const loading = useAuthStore(s => s.loadingStates.magicLink);
+
+  // Hook para buscar logo da aplicação
+  const applicationLogo = useApplicationLogo();
+  const finalLogo = logo || applicationLogo || img;
   const form$1 = form.useForm({
     initialValues: {
       email: ''
@@ -1235,7 +1288,7 @@ function MagicLinkForm({
     }
   };
   return /*#__PURE__*/React.createElement(AuthCard, _extends({
-    logo: logo,
+    logo: finalLogo,
     title: title,
     subtitle: subtitle
   }, cardProps), /*#__PURE__*/React.createElement("form", {
@@ -1271,7 +1324,7 @@ function MagicLinkForm({
  */
 function MagicLinkVerify({
   // Configuração
-  logo = img,
+  logo,
   // Token pode ser passado diretamente ou extraído da URL
   token: propToken,
   // Callbacks
@@ -1287,6 +1340,10 @@ function MagicLinkVerify({
   const [status, setStatus] = React$1.useState('verifying'); // verifying, success, error
   const [errorMessage, setErrorMessage] = React$1.useState('');
   const verifyMagicLink = useAuthStore(s => s.verifyMagicLink);
+
+  // Hook para buscar logo da aplicação
+  const applicationLogo = useApplicationLogo();
+  const finalLogo = logo || applicationLogo || img;
   const verifyingTokenRef = React$1.useRef(null);
   React$1.useEffect(() => {
     const verify = async () => {
@@ -1325,7 +1382,7 @@ function MagicLinkVerify({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [propToken, redirectTo, redirectDelay]);
   return /*#__PURE__*/React.createElement(AuthCard, _extends({
-    logo: logo
+    logo: finalLogo
   }, cardProps), status === 'verifying' && /*#__PURE__*/React.createElement(core.Stack, {
     align: "center",
     gap: "sm"
@@ -1369,7 +1426,7 @@ function MagicLinkVerify({
  */
 function ForgotPasswordForm({
   // Configuração
-  logo = img,
+  logo,
   title = 'Recuperar Senha',
   subtitle = 'Enviaremos um link para redefinir sua senha',
   // Features
@@ -1385,6 +1442,10 @@ function ForgotPasswordForm({
 }) {
   const forgotPassword = useAuthStore(s => s.forgotPassword);
   const loading = useAuthStore(s => s.loadingStates.resetPassword);
+
+  // Hook para buscar logo da aplicação
+  const applicationLogo = useApplicationLogo();
+  const finalLogo = logo || applicationLogo || img;
   const form$1 = form.useForm({
     initialValues: {
       email: ''
@@ -1402,7 +1463,7 @@ function ForgotPasswordForm({
     }
   };
   return /*#__PURE__*/React.createElement(AuthCard, _extends({
-    logo: logo,
+    logo: finalLogo,
     title: title,
     subtitle: subtitle
   }, cardProps), /*#__PURE__*/React.createElement("form", {
@@ -1437,7 +1498,7 @@ function ForgotPasswordForm({
  */
 function ResetPasswordForm({
   // Configuração
-  logo = img,
+  logo,
   title = 'Nova Senha',
   subtitle = 'Crie uma nova senha para sua conta',
   // Token pode ser passado diretamente ou extraído da URL
@@ -1456,6 +1517,10 @@ function ResetPasswordForm({
   const resetPassword = useAuthStore(s => s.resetPassword);
   const loading = useAuthStore(s => s.loadingStates.resetPassword);
 
+  // Hook para buscar logo da aplicação
+  const applicationLogo = useApplicationLogo();
+  const finalLogo = logo || applicationLogo || img;
+
   // Extrai token da URL se não foi passado como prop
   React$1.useEffect(() => {
     if (!propToken && typeof window !== 'undefined') {
@@ -1489,7 +1554,7 @@ function ResetPasswordForm({
   };
   if (success) {
     return /*#__PURE__*/React.createElement(AuthCard, _extends({
-      logo: logo
+      logo: finalLogo
     }, cardProps), /*#__PURE__*/React.createElement(core.Stack, {
       align: "center",
       gap: "sm"
@@ -1510,7 +1575,7 @@ function ResetPasswordForm({
   }
   if (!token) {
     return /*#__PURE__*/React.createElement(AuthCard, _extends({
-      logo: logo
+      logo: finalLogo
     }, cardProps), /*#__PURE__*/React.createElement(core.Stack, {
       align: "center",
       gap: "sm"
@@ -1524,7 +1589,7 @@ function ResetPasswordForm({
     }, labels.goToSignIn || 'Voltar para Login')));
   }
   return /*#__PURE__*/React.createElement(AuthCard, _extends({
-    logo: logo,
+    logo: finalLogo,
     title: title,
     subtitle: subtitle
   }, cardProps), /*#__PURE__*/React.createElement("form", {
@@ -1560,7 +1625,7 @@ function ResetPasswordForm({
  */
 function VerifyEmailCard({
   // Configuração
-  logo = img,
+  logo,
   // Token pode ser passado diretamente ou extraído da URL
   token: propToken,
   // Email para reenvio (opcional)
@@ -1585,6 +1650,10 @@ function VerifyEmailCard({
   const loadingResend = useAuthStore(s => s.loadingStates.resendVerification);
   const user = useAuthStore(s => s.user);
   const verifyingTokenRef = React$1.useRef(null);
+
+  // Hook para buscar logo da aplicação
+  const applicationLogo = useApplicationLogo();
+  const finalLogo = logo || applicationLogo || img;
   React$1.useEffect(() => {
     const verify = async () => {
       // Pega token da prop ou da URL
@@ -1644,7 +1713,7 @@ function VerifyEmailCard({
     }
   };
   return /*#__PURE__*/React.createElement(AuthCard, _extends({
-    logo: logo
+    logo: finalLogo
   }, cardProps), status === 'verifying' && /*#__PURE__*/React.createElement(core.Stack, {
     align: "center",
     gap: "sm"
@@ -1716,6 +1785,7 @@ exports.VerifyEmailCard = VerifyEmailCard;
 exports.configure = configure;
 exports.decodeJWT = decodeJWT;
 exports.forgotPassword = forgotPassword;
+exports.getApplicationInfo = getApplicationInfo;
 exports.getCurrentUser = getCurrentUser;
 exports.getSession = getSession;
 exports.isAuthenticated = isAuthenticated;