@riligar/auth-react 1.3.0 → 1.4.0

package/dist/index.js

@@ -675,6 +675,68 @@ 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
 
 function AuthProvider({
@@ -744,12 +806,12 @@ function AuthProvider({
 }
 
 /* Hooks "facade" que a app vai usar */
-const useAuth = () => useAuthStore(s => ({
+const useAuth = () => useAuthStore(useShallow(s => ({
   user: s.user,
   loading: s.loading,
   error: s.error,
   isAuthenticated: s.user !== null
-}));
+})));
 
 // Auth Actions
 const useSignIn = () => useAuthStore(s => s.signIn);
@@ -758,62 +820,37 @@ const useSignOut = () => useAuthStore(s => s.signOut);
 const useCheckToken = () => useAuthStore(s => s.checkTokenValidity);
 
 // Magic Link Hook
-const useMagicLink = () => {
-  const sendMagicLink = useAuthStore(s => s.sendMagicLink);
-  const verifyMagicLink = useAuthStore(s => s.verifyMagicLink);
-  const loading = useAuthStore(s => s.loadingStates.magicLink);
-  const verifying = useAuthStore(s => s.loadingStates.verifyMagicLink);
-  const error = useAuthStore(s => s.error);
-  return {
-    sendMagicLink,
-    verifyMagicLink,
-    loading,
-    verifying,
-    error
-  };
-};
+const useMagicLink = () => useAuthStore(useShallow(s => ({
+  sendMagicLink: s.sendMagicLink,
+  verifyMagicLink: s.verifyMagicLink,
+  loading: s.loadingStates.magicLink,
+  verifying: s.loadingStates.verifyMagicLink,
+  error: s.error
+})));
 
 // Password Reset Hook
-const usePasswordReset = () => {
-  const forgotPassword = useAuthStore(s => s.forgotPassword);
-  const resetPassword = useAuthStore(s => s.resetPassword);
-  const loading = useAuthStore(s => s.loadingStates.resetPassword);
-  const error = useAuthStore(s => s.error);
-  return {
-    forgotPassword,
-    resetPassword,
-    loading,
-    error
-  };
-};
+const usePasswordReset = () => useAuthStore(useShallow(s => ({
+  forgotPassword: s.forgotPassword,
+  resetPassword: s.resetPassword,
+  loading: s.loadingStates.resetPassword,
+  error: s.error
+})));
 
 // Email Verification Hook
-const useEmailVerification = () => {
-  const verifyEmail = useAuthStore(s => s.verifyEmail);
-  const resendVerification = useAuthStore(s => s.resendVerification);
-  const loading = useAuthStore(s => s.loadingStates.verifyEmail);
-  const resending = useAuthStore(s => s.loadingStates.resendVerification);
-  const error = useAuthStore(s => s.error);
-  return {
-    verifyEmail,
-    resendVerification,
-    loading,
-    resending,
-    error
-  };
-};
+const useEmailVerification = () => useAuthStore(useShallow(s => ({
+  verifyEmail: s.verifyEmail,
+  resendVerification: s.resendVerification,
+  loading: s.loadingStates.verifyEmail,
+  resending: s.loadingStates.resendVerification,
+  error: s.error
+})));
 
 // Session Hook
-const useSession = () => {
-  const getSession = useAuthStore(s => s.getSession);
-  const user = useAuthStore(s => s.user);
-  const setUser = useAuthStore(s => s.setUser);
-  return {
-    getSession,
-    user,
-    setUser
-  };
-};
+const useSession = () => useAuthStore(useShallow(s => ({
+  getSession: s.getSession,
+  user: s.user,
+  setUser: s.setUser
+})));
 
 // Loading States Hook
 const useAuthLoading = () => useAuthStore(s => s.loadingStates);