@autenticar-me/vue 0.14.0 → 0.16.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,40 @@ function useAtm() {
   }
   return ctx;
 }
+let authPollingInterval = null;
+const startAuthPolling = (client, user, emitLogout) => {
+  if (authPollingInterval !== null) {
+    return;
+  }
+  authPollingInterval = window.setInterval(async () => {
+    if (user.value === null || user.value === void 0) {
+      return;
+    }
+    try {
+      await fetchUser(client, user);
+    } catch (error) {
+      stopAuthPolling();
+      user.value = null;
+      writeAccessTokenInCookie(null);
+      emitLogout();
+    }
+  }, 3e3);
+};
+const stopAuthPolling = () => {
+  if (authPollingInterval !== null) {
+    clearInterval(authPollingInterval);
+    authPollingInterval = null;
+  }
+};
 function useAuth() {
-  const { client, user } = useAtm();
+  const { client, user, emitLogout } = useAtm();
   const signInByAccessToken = async (accessToken) => {
     writeAccessTokenInCookie(accessToken);
     await fetchUser(client, user);
+    startAuthPolling(client, user, emitLogout);
   };
   const logout = async () => {
+    stopAuthPolling();
     const accessToken = await getAccessToken();
     if (accessToken == null) {
       return;
@@ -72,13 +104,22 @@ function useAuth() {
     await client.value.account(accessToken).logout();
     user.value = null;
     writeAccessTokenInCookie(null);
+    emitLogout();
+  };
+  const startAuthPolling$1 = () => {
+    startAuthPolling(client, user, emitLogout);
+  };
+  const stopAuthPolling$1 = () => {
+    stopAuthPolling();
   };
   return {
     user,
     signInByAccessToken,
     getAccessToken,
     fetchUser,
-    logout
+    logout,
+    startAuthPolling: startAuthPolling$1,
+    stopAuthPolling: stopAuthPolling$1
   };
 }
 const _hoisted_1$8 = { class: "atm-overlay" };
@@ -2459,16 +2500,36 @@ 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)
-    ]).then(() => isLoaded.value = true);
+    ]).then(() => {
+      isLoaded.value = true;
+      if (user.value !== null && user.value !== void 0) {
+        startAuthPolling(client, user, emitLogout);
+      }
+    });
     app.provide("atm", {
       client,
       user,
       configurations,
       isSignedIn,
-      isLoaded
+      isLoaded,
+      onLogout,
+      emitLogout
     });
   }
 };