@autenticar-me/vue 0.14.0 → 0.16.0

package/dist/composables/useAtm.d.ts

@@ -9,5 +9,7 @@ export type Atm = {
     configurations: Ref<undefined | null | Configurations>;
     isSignedIn: ComputedRef<boolean>;
     isLoaded: Ref<boolean>;
+    onLogout: (callback: () => void) => (() => void);
+    emitLogout: () => void;
 };
 //# sourceMappingURL=useAtm.d.ts.map

package/dist/composables/useAtm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAtm.d.ts","sourceRoot":"","sources":["../../src/composables/useAtm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,wBAAgB,MAAM,IAAI,GAAG,CAQ5B;AAED,MAAM,MAAM,GAAG,GAAG;IACd,MAAM,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,IAAI,EAAE,GAAG,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IACnC,cAAc,EAAE,GAAG,CAAC,SAAS,GAAG,IAAI,GAAG,cAAc,CAAC,CAAC;IACvD,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;CAC1B,CAAA"}
+{"version":3,"file":"useAtm.d.ts","sourceRoot":"","sources":["../../src/composables/useAtm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,wBAAgB,MAAM,IAAI,GAAG,CAQ5B;AAED,MAAM,MAAM,GAAG,GAAG;IACd,MAAM,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,IAAI,EAAE,GAAG,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IACnC,cAAc,EAAE,GAAG,CAAC,SAAS,GAAG,IAAI,GAAG,cAAc,CAAC,CAAC;IACvD,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;IACjD,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAA"}

package/dist/composables/useAuth.d.ts

@@ -4,5 +4,7 @@ export declare function useAuth(): {
     getAccessToken: () => Promise<string | null>;
     fetchUser: (client: import('vue').Ref<import('@autenticar-me/client-js').AtmClient>, user: import('vue').Ref) => Promise<void>;
     logout: () => Promise<void>;
+    startAuthPolling: () => void;
+    stopAuthPolling: () => void;
 };
 //# sourceMappingURL=useAuth.d.ts.map

package/dist/composables/useAuth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/composables/useAuth.ts"],"names":[],"mappings":"AAIA,wBAAgB,OAAO;;uCAG6B,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;;;kBAK7C,OAAO,CAAC,IAAI,CAAC;EAqBzC"}
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/composables/useAuth.ts"],"names":[],"mappings":"AAKA,wBAAgB,OAAO;;uCAG6B,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;;;kBAM7C,OAAO,CAAC,IAAI,CAAC;4BAkBT,IAAI;2BAIL,IAAI;EAanC"}

package/dist/index.cjs

@@ -37,21 +37,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 = vue.inject("atm");
@@ -60,13 +65,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;
@@ -74,13 +106,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" };
@@ -2461,16 +2502,36 @@ const atmPlugin = {
     const configurations = vue.ref(null);
     const isSignedIn = vue.computed(() => user.value !== void 0 && user.value !== null);
     const isLoaded = vue.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
     });
   }
 };