@riligar/auth-react 1.6.2 → 1.7.0

package/dist/index.js

@@ -1,6 +1,8 @@
 'use strict';
 
-var React$1 = require('react');
+var zustand = require('zustand');
+var react = require('react');
+var shallow = require('zustand/react/shallow');
 var reactRouterDom = require('react-router-dom');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
@@ -287,49 +289,8 @@ function socialRedirect(provider, redirectTo = typeof window !== 'undefined' ? w
   window.location = `${API_BASE}/auth/sign-in/${provider}?redirect=${encodeURIComponent(redirectTo)}`;
 }
 
-const createStoreImpl = (createState) => {
-  let state;
-  const listeners = /* @__PURE__ */ new Set();
-  const setState = (partial, replace) => {
-    const nextState = typeof partial === "function" ? partial(state) : partial;
-    if (!Object.is(nextState, state)) {
-      const previousState = state;
-      state = (replace != null ? replace : typeof nextState !== "object" || nextState === null) ? nextState : Object.assign({}, state, nextState);
-      listeners.forEach((listener) => listener(state, previousState));
-    }
-  };
-  const getState = () => state;
-  const getInitialState = () => initialState;
-  const subscribe = (listener) => {
-    listeners.add(listener);
-    return () => listeners.delete(listener);
-  };
-  const api = { setState, getState, getInitialState, subscribe };
-  const initialState = state = createState(setState, getState, api);
-  return api;
-};
-const createStore = ((createState) => createState ? createStoreImpl(createState) : createStoreImpl);
-
-const identity = (arg) => arg;
-function useStore(api, selector = identity) {
-  const slice = React$1.useSyncExternalStore(
-    api.subscribe,
-    React$1.useCallback(() => selector(api.getState()), [api, selector]),
-    React$1.useCallback(() => selector(api.getInitialState()), [api, selector])
-  );
-  React$1.useDebugValue(slice);
-  return slice;
-}
-const createImpl = (createState) => {
-  const api = createStore(createState);
-  const useBoundStore = (selector) => useStore(api, selector);
-  Object.assign(useBoundStore, api);
-  return useBoundStore;
-};
-const create = ((createState) => createState ? createImpl(createState) : createImpl);
-
 // Estado: { user, loading, error }
-const useAuthStore = create((set, get) => ({
+const useAuthStore = zustand.create((set, get) => ({
   user: null,
   loading: true,
   error: null,
@@ -712,69 +673,7 @@ const useAuthStore = create((set, get) => ({
   })
 }));
 
-const isIterable = (obj) => Symbol.iterator in obj;
-const hasIterableEntries = (value) => (
-  // HACK: avoid checking entries type
-  "entries" in value
-);
-const compareEntries = (valueA, valueB) => {
-  const mapA = valueA instanceof Map ? valueA : new Map(valueA.entries());
-  const mapB = valueB instanceof Map ? valueB : new Map(valueB.entries());
-  if (mapA.size !== mapB.size) {
-    return false;
-  }
-  for (const [key, value] of mapA) {
-    if (!mapB.has(key) || !Object.is(value, mapB.get(key))) {
-      return false;
-    }
-  }
-  return true;
-};
-const compareIterables = (valueA, valueB) => {
-  const iteratorA = valueA[Symbol.iterator]();
-  const iteratorB = valueB[Symbol.iterator]();
-  let nextA = iteratorA.next();
-  let nextB = iteratorB.next();
-  while (!nextA.done && !nextB.done) {
-    if (!Object.is(nextA.value, nextB.value)) {
-      return false;
-    }
-    nextA = iteratorA.next();
-    nextB = iteratorB.next();
-  }
-  return !!nextA.done && !!nextB.done;
-};
-function shallow(valueA, valueB) {
-  if (Object.is(valueA, valueB)) {
-    return true;
-  }
-  if (typeof valueA !== "object" || valueA === null || typeof valueB !== "object" || valueB === null) {
-    return false;
-  }
-  if (Object.getPrototypeOf(valueA) !== Object.getPrototypeOf(valueB)) {
-    return false;
-  }
-  if (isIterable(valueA) && isIterable(valueB)) {
-    if (hasIterableEntries(valueA) && hasIterableEntries(valueB)) {
-      return compareEntries(valueA, valueB);
-    }
-    return compareIterables(valueA, valueB);
-  }
-  return compareEntries(
-    { entries: () => Object.entries(valueA) },
-    { entries: () => Object.entries(valueB) }
-  );
-}
-
-function useShallow(selector) {
-  const prev = React$1.useRef(void 0);
-  return (state) => {
-    const next = selector(state);
-    return shallow(prev.current, next) ? prev.current : prev.current = next;
-  };
-}
-
-const AuthContext = /*#__PURE__*/React$1.createContext(); // só para ter o Provider em JSX
+const AuthContext = /*#__PURE__*/react.createContext(); // só para ter o Provider em JSX
 
 function AuthProvider({
   children,
@@ -798,19 +697,19 @@ function AuthProvider({
   // Configura SDK com apiUrl e apiKey
   // Configura SDK com apiUrl e apiKey
   // Usamos useMemo para garantir que a configuração ocorra ANTES dos efeitos dos componentes filhos
-  React$1.useMemo(() => {
+  react.useMemo(() => {
     configure({
       apiUrl,
       apiKey
     });
   }, [apiUrl, apiKey]);
-  React$1.useEffect(() => {
+  react.useEffect(() => {
     init();
     startRefresh();
   }, [init, startRefresh]);
 
   // Sincronização entre abas - escuta logout e mudanças no token
-  React$1.useEffect(() => {
+  react.useEffect(() => {
     if (typeof window === 'undefined') return;
     const handleStorageChange = event => {
       if (event.key === 'auth:logout') {
@@ -826,7 +725,7 @@ function AuthProvider({
   }, [checkTokenValidity]);
 
   // Verifica validade do token periodicamente
-  React$1.useEffect(() => {
+  react.useEffect(() => {
     if (typeof window === 'undefined') return;
     const interval = setInterval(() => {
       checkTokenValidity();
@@ -836,7 +735,7 @@ function AuthProvider({
   }, [checkTokenValidity]);
 
   // Contexto com onError callback
-  const contextValue = React$1.useMemo(() => ({
+  const contextValue = react.useMemo(() => ({
     onError
   }), [onError]);
   return /*#__PURE__*/React.createElement(AuthContext.Provider, {
@@ -845,7 +744,7 @@ function AuthProvider({
 }
 
 /* Hooks "facade" que a app vai usar */
-const useAuth = () => useAuthStore(useShallow(s => ({
+const useAuth = () => useAuthStore(shallow.useShallow(s => ({
   user: s.user,
   loading: s.loading,
   error: s.error,
@@ -859,7 +758,7 @@ const useSignOut = () => useAuthStore(s => s.signOut);
 const useCheckToken = () => useAuthStore(s => s.checkTokenValidity);
 
 // Magic Link Hook
-const useMagicLink = () => useAuthStore(useShallow(s => ({
+const useMagicLink = () => useAuthStore(shallow.useShallow(s => ({
   sendMagicLink: s.sendMagicLink,
   verifyMagicLink: s.verifyMagicLink,
   loading: s.loadingStates.magicLink,
@@ -868,7 +767,7 @@ const useMagicLink = () => useAuthStore(useShallow(s => ({
 })));
 
 // Password Reset Hook
-const usePasswordReset = () => useAuthStore(useShallow(s => ({
+const usePasswordReset = () => useAuthStore(shallow.useShallow(s => ({
   forgotPassword: s.forgotPassword,
   resetPassword: s.resetPassword,
   loading: s.loadingStates.resetPassword,
@@ -876,7 +775,7 @@ const usePasswordReset = () => useAuthStore(useShallow(s => ({
 })));
 
 // Email Verification Hook
-const useEmailVerification = () => useAuthStore(useShallow(s => ({
+const useEmailVerification = () => useAuthStore(shallow.useShallow(s => ({
   verifyEmail: s.verifyEmail,
   resendVerification: s.resendVerification,
   loading: s.loadingStates.verifyEmail,
@@ -885,7 +784,7 @@ const useEmailVerification = () => useAuthStore(useShallow(s => ({
 })));
 
 // Session Hook
-const useSession = () => useAuthStore(useShallow(s => ({
+const useSession = () => useAuthStore(shallow.useShallow(s => ({
   getSession: s.getSession,
   user: s.user,
   setUser: s.setUser
@@ -1333,15 +1232,15 @@ function MagicLinkVerify({
   labels = {},
   ...cardProps
 }) {
-  const [status, setStatus] = React$1.useState('verifying'); // verifying, success, error
-  const [errorMessage, setErrorMessage] = React$1.useState('');
+  const [status, setStatus] = react.useState('verifying'); // verifying, success, error
+  const [errorMessage, setErrorMessage] = react.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 verifyingTokenRef = react.useRef(null);
+  react.useEffect(() => {
     const verify = async () => {
       // Pega token da prop ou da URL
       let token = propToken;
@@ -1508,8 +1407,8 @@ function ResetPasswordForm({
   labels = {},
   ...cardProps
 }) {
-  const [token, setToken] = React$1.useState(propToken || '');
-  const [success, setSuccess] = React$1.useState(false);
+  const [token, setToken] = react.useState(propToken || '');
+  const [success, setSuccess] = react.useState(false);
   const resetPassword = useAuthStore(s => s.resetPassword);
   const loading = useAuthStore(s => s.loadingStates.resetPassword);
 
@@ -1518,7 +1417,7 @@ function ResetPasswordForm({
   const finalLogo = logo || applicationLogo || img;
 
   // Extrai token da URL se não foi passado como prop
-  React$1.useEffect(() => {
+  react.useEffect(() => {
     if (!propToken && typeof window !== 'undefined') {
       const urlParams = new URLSearchParams(window.location.search);
       const urlToken = urlParams.get('token');
@@ -1637,20 +1536,20 @@ function VerifyEmailCard({
   labels = {},
   ...cardProps
 }) {
-  const [status, setStatus] = React$1.useState('verifying'); // verifying, success, error
-  const [errorMessage, setErrorMessage] = React$1.useState('');
-  const [tokenEmail, setTokenEmail] = React$1.useState(null); // Novo estado para email do token
+  const [status, setStatus] = react.useState('verifying'); // verifying, success, error
+  const [errorMessage, setErrorMessage] = react.useState('');
+  const [tokenEmail, setTokenEmail] = react.useState(null); // Novo estado para email do token
 
   const verifyEmail = useAuthStore(s => s.verifyEmail);
   const resendVerification = useAuthStore(s => s.resendVerification);
   const loadingResend = useAuthStore(s => s.loadingStates.resendVerification);
   const user = useAuthStore(s => s.user);
-  const verifyingTokenRef = React$1.useRef(null);
+  const verifyingTokenRef = react.useRef(null);
 
   // Hook para buscar logo da aplicação
   const applicationLogo = useApplicationLogo();
   const finalLogo = logo || applicationLogo || img;
-  React$1.useEffect(() => {
+  react.useEffect(() => {
     const verify = async () => {
       // Pega token da prop ou da URL
       let token = propToken;