@cortezaproject/corteza-vue 2022.3.1 → 2022.3.2-rc.1

package/dist/index.es.js

@@ -2006,8 +2006,6 @@ class Auth {
         return __awaiter(this, void 0, void 0, function* () {
             this.log.info('handling authentication');
             // State management
-            // - duplication checking
-            // - management handlers
             const dup = this.handleStateManagement();
             if (dup) {
                 this.log.debug('duplicate tab: unauthorized');
@@ -2044,14 +2042,25 @@ class Auth {
     handleStateManagement() {
         // See if this is a duplicate
         const dup = this.sessionStorage.getItem(storeKeyFinalState) !== null;
-        // Bind listeners to cleanup
-        this.registerEventListener('beforeunload', function () {
-            this.sessionStorage.removeItem(storeKeyFinalState);
-        });
-        // Set state
-        this.sessionStorage.setItem(storeKeyFinalState, Date.now().toString());
+        window.sessionStorage.setItem(storeKeyFinalState, Date.now().toString());
         return dup;
     }
+    bindListeners() {
+        // binding multiple listeners for cases where some browser refuser
+        // to emit one of them.
+        this.registerEventListener('pagehide', () => {
+            this.cleanFlags();
+        });
+        this.registerEventListener('unload', () => {
+            this.cleanFlags();
+        });
+        this.registerEventListener('beforeunload', () => {
+            this.cleanFlags();
+        });
+    }
+    cleanFlags() {
+        this.sessionStorage.removeItem(storeKeyFinalState);
+    }
     /**
      * Called when refresh token is re-fetched.
      *
@@ -2097,6 +2106,7 @@ class Auth {
             this.log.info('authorization code received', code);
             const rsp = yield this.exchangeCode(code);
             this.log.info('redirecting back to final destination', finalLocation);
+            this.cleanFlags();
             this.location.assign(finalLocation);
             return rsp;
         });
@@ -2132,6 +2142,7 @@ class Auth {
                         authUser.meta.preferredLanguage = data.preferred_language || 'en';
                     }
                     this[user] = authUser;
+                    this.bindListeners();
                     return data;
                 }).catch((error) => {
                     this.log.error('data fetch form info endpoint failed', { oauth2InfoURL, headers, error });
@@ -2154,7 +2165,11 @@ class Auth {
                  * Refresh token found in the storage,
                  * let's use it to get new access token
                  */
-                return this.exchangeRefresh(refreshToken);
+                return this.exchangeRefresh(refreshToken)
+                    .then(r => {
+                    this.bindListeners();
+                    return r;
+                });
             }
             throw new Error('Unauthenticated');
         });
@@ -2174,6 +2189,7 @@ class Auth {
      */
     startAuthenticationFlow() {
         this.log.debug('starting new authentication flow');
+        this.cleanFlags();
         this.incFlowCounter();
         const state = Math.random().toString(36).substring(2);
         this.sessionStorage.setItem(`auth.state.${state}.location`, this.getRedirect(this.location.toString()));