@autenticar-me/vue 0.14.0 → 0.15.0

package/dist/index.js

@@ -35,21 +35,26 @@ const fetchUser = async (client, user) => {
     user.value = null;
     return;
   }
-  const response = await client.value.account(accessToken).getProfile();
-  user.value = {
-    id: response.id,
-    username: response.username,
-    firstName: response.first_name,
-    lastName: response.last_name,
-    primaryEmailAddress: response.primary_email_address,
-    primaryEmailAddressId: response.primary_email_address_id,
-    profileImage: response.profile_image,
-    attributes: response.attributes.map((atribute) => ({
-      key: atribute.key,
-      mode: atribute.mode,
-      value: atribute.value
-    }))
-  };
+  try {
+    const response = await client.value.account(accessToken).getProfile();
+    user.value = {
+      id: response.id,
+      username: response.username,
+      firstName: response.first_name,
+      lastName: response.last_name,
+      primaryEmailAddress: response.primary_email_address,
+      primaryEmailAddressId: response.primary_email_address_id,
+      profileImage: response.profile_image,
+      attributes: response.attributes.map((atribute) => ({
+        key: atribute.key,
+        mode: atribute.mode,
+        value: atribute.value
+      }))
+    };
+  } catch (error) {
+    user.value = null;
+    throw error;
+  }
 };
 function useAtm() {
   const ctx = inject("atm");
@@ -58,13 +63,15 @@ function useAtm() {
   }
   return ctx;
 }
+let authPollingInterval = null;
 function useAuth() {
-  const { client, user } = useAtm();
+  const { client, user, isSignedIn, emitLogout } = useAtm();
   const signInByAccessToken = async (accessToken) => {
     writeAccessTokenInCookie(accessToken);
     await fetchUser(client, user);
   };
   const logout = async () => {
+    stopAuthPolling();
     const accessToken = await getAccessToken();
     if (accessToken == null) {
       return;
@@ -72,13 +79,37 @@ function useAuth() {
     await client.value.account(accessToken).logout();
     user.value = null;
     writeAccessTokenInCookie(null);
+    emitLogout();
+  };
+  const startAuthPolling = () => {
+    if (authPollingInterval !== null) {
+      return;
+    }
+    authPollingInterval = window.setInterval(async () => {
+      if (!isSignedIn.value) {
+        return;
+      }
+      try {
+        await fetchUser(client, user);
+      } catch (error) {
+        await logout();
+      }
+    }, 3e3);
+  };
+  const stopAuthPolling = () => {
+    if (authPollingInterval !== null) {
+      clearInterval(authPollingInterval);
+      authPollingInterval = null;
+    }
   };
   return {
     user,
     signInByAccessToken,
     getAccessToken,
     fetchUser,
-    logout
+    logout,
+    startAuthPolling,
+    stopAuthPolling
   };
 }
 const _hoisted_1$8 = { class: "atm-overlay" };
@@ -2459,6 +2490,19 @@ const atmPlugin = {
     const configurations = ref(null);
     const isSignedIn = computed(() => user.value !== void 0 && user.value !== null);
     const isLoaded = ref(false);
+    const logoutCallbacks = [];
+    const onLogout = (callback) => {
+      logoutCallbacks.push(callback);
+      return () => {
+        const index = logoutCallbacks.indexOf(callback);
+        if (index > -1) {
+          logoutCallbacks.splice(index, 1);
+        }
+      };
+    };
+    const emitLogout = () => {
+      logoutCallbacks.forEach((callback) => callback());
+    };
     Promise.all([
       fetchUser(client, user),
       fetchConfigurations(client, configurations)
@@ -2468,7 +2512,9 @@ const atmPlugin = {
       user,
       configurations,
       isSignedIn,
-      isLoaded
+      isLoaded,
+      onLogout,
+      emitLogout
     });
   }
 };