@ethlete/query 2.7.3 → 2.9.0

package/fesm2015/ethlete-query.mjs

@@ -1,5 +1,6 @@
-import { BehaviorSubjectWithSubscriberCount, getCookie, setCookie, deleteCookie, DestroyService, equal, clone } from '@ethlete/core';
-import { Observable, filter, takeWhile, switchMap, of, BehaviorSubject, Subject, takeUntil, interval, startWith, finalize, tap, timer, map, fromEvent, debounceTime, take, concat, combineLatest, distinctUntilChanged } from 'rxjs';
+import * as i1 from '@ethlete/core';
+import { BehaviorSubjectWithSubscriberCount, getCookie, setCookie, deleteCookie, DestroyService, DelayableDirective, equal, clone } from '@ethlete/core';
+import { Observable, filter, takeWhile, switchMap, of, BehaviorSubject, Subject, takeUntil, tap, interval, startWith, finalize, timer, map, combineLatest, fromEvent, debounceTime, take, concat, distinctUntilChanged } from 'rxjs';
 import * as i0 from '@angular/core';
 import { Directive, Input, InjectionToken, inject, ChangeDetectorRef, ViewContainerRef, TemplateRef, ErrorHandler, ElementRef } from '@angular/core';
 import { FormGroup } from '@angular/forms';
@@ -902,11 +903,34 @@ class Query {
                     });
                 }
                 else if (state.type === 'failure') {
-                    this._state$.next({
-                        type: "FAILURE" /* QueryStateType.Failure */,
-                        error: state.error,
-                        meta,
-                    });
+                    const failure = () => {
+                        this._state$.next({
+                            type: "FAILURE" /* QueryStateType.Failure */,
+                            error: state.error,
+                            meta,
+                        });
+                    };
+                    const bearerAuthProvider = this._getBearerAuthProvider();
+                    if (!bearerAuthProvider || (options === null || options === void 0 ? void 0 : options._isUnauthorizedRetry)) {
+                        return failure();
+                    }
+                    else if (state.error.status === 401 /* HttpStatusCode.Unauthorized */ &&
+                        bearerAuthProvider.shouldRefreshOnUnauthorizedResponse) {
+                        const query = bearerAuthProvider._refreshQuery();
+                        if (!query) {
+                            return failure();
+                        }
+                        query.state$
+                            .pipe(takeUntilResponse(), takeUntil(this._onAbort$), tap((state) => {
+                            if (isQueryStateSuccess(state)) {
+                                this.execute(Object.assign(Object.assign({}, options), { _isUnauthorizedRetry: true }));
+                            }
+                            else if (isQueryStateFailure(state)) {
+                                failure();
+                            }
+                        }))
+                            .subscribe();
+                    }
                 }
                 else if (state.type === 'cancel') {
                     this._state$.next({
@@ -993,6 +1017,13 @@ class Query {
         (_a = this._pollingSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
         (_b = this._entitySubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
     }
+    _getBearerAuthProvider() {
+        const authProvider = this._client.authProvider;
+        if (authProvider && isBearerAuthProvider(authProvider)) {
+            return authProvider;
+        }
+        return null;
+    }
 }
 
 const isBasicAuthProvider = (authProvider) => authProvider instanceof BasicAuthProvider;
@@ -1030,6 +1061,11 @@ class BearerAuthProvider {
     get currentRefreshQuery() {
         return this._currentRefreshQuery$.getValue();
     }
+    get shouldRefreshOnUnauthorizedResponse() {
+        return (!!this._config.refreshConfig &&
+            (this._config.refreshConfig.refreshOnUnauthorizedResponse === undefined ||
+                this._config.refreshConfig.refreshOnUnauthorizedResponse));
+    }
     constructor(_config) {
         var _a, _b, _c, _d, _e, _f, _g;
         this._config = _config;
@@ -1115,16 +1151,22 @@ class BearerAuthProvider {
                 break;
         }
     }
+    /**
+     * @internal
+     */
     _refreshQuery() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
+        if (isQueryStateLoading((_a = this._currentRefreshQuery$.getValue()) === null || _a === void 0 ? void 0 : _a.state)) {
+            return;
+        }
         const currentRefreshToken = this.tokens.refreshToken;
         if (!currentRefreshToken || !this._config.refreshConfig) {
             return;
         }
-        const args = (_c = (_b = (_a = this._config.refreshConfig).requestArgsAdapter) === null || _b === void 0 ? void 0 : _b.call(_a, {
+        const args = (_d = (_c = (_b = this._config.refreshConfig).requestArgsAdapter) === null || _c === void 0 ? void 0 : _c.call(_b, {
             token: this.tokens.token,
             refreshToken: currentRefreshToken,
-        })) !== null && _c !== void 0 ? _c : {
+        })) !== null && _d !== void 0 ? _d : {
             body: { refreshToken: currentRefreshToken },
         };
         const query = this._config.refreshConfig.queryCreator.prepare(args).execute({ skipCache: true });
@@ -1157,6 +1199,7 @@ class BearerAuthProvider {
             }
         }), takeUntilResponse(), takeUntil(this._destroy$))
             .subscribe();
+        return query;
     }
 }
 
@@ -1458,6 +1501,7 @@ class InfinityQueryDirective {
         this._viewContainerRef = inject(ViewContainerRef);
         this._mainTemplateRef = inject((TemplateRef));
         this._errorHandler = inject(ErrorHandler);
+        this._delayable = inject(DelayableDirective, { host: true });
         this._data$ = new BehaviorSubject([]);
         this._isMainViewCreated = false;
     }
@@ -1494,15 +1538,15 @@ class InfinityQueryDirective {
     }
     _setupInfinityQuery(config) {
         const instance = new InfinityQuery(config);
-        instance.currentQuery$
-            .pipe(switchMap((q) => { var _a; return (_a = q === null || q === void 0 ? void 0 : q.state$) !== null && _a !== void 0 ? _a : of(null); }), tap((state) => {
+        combineLatest([instance.currentQuery$.pipe(switchQueryState()), this._delayable.isDelayed$])
+            .pipe(tap(([state, isDelayed]) => {
             this._viewContext.currentPage = instance.currentPage;
             this._viewContext.totalPages = instance.totalPages;
             this._viewContext.itemsPerPage = instance.itemsPerPage;
             this._viewContext.canLoadMore =
                 (instance.totalPages && instance.currentPage && instance.totalPages > instance.currentPage) || false;
             this._viewContext.currentCalculatedPage = instance.currentCalculatedPage;
-            if (isQueryStateLoading(state)) {
+            if (isQueryStateLoading(state) || isDelayed) {
                 this._viewContext.loading = true;
                 this._viewContext.error = null;
                 this._viewContext.isFirstLoad = this.context.infinityQuery === null;
@@ -1553,6 +1597,9 @@ class InfinityQueryDirective {
         if (!this._infinityQueryInstance) {
             return;
         }
+        if (this._viewContext.loading) {
+            return;
+        }
         this._infinityQueryInstance.nextPage();
     }
     reset(newConfig) {
@@ -1584,7 +1631,7 @@ class InfinityQueryDirective {
     }
 }
 InfinityQueryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-InfinityQueryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: InfinityQueryDirective, isStandalone: true, selector: "[infinityQuery]", inputs: { infinityQuery: "infinityQuery" }, providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }, DestroyService], exportAs: ["infinityQuery"], ngImport: i0 });
+InfinityQueryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: InfinityQueryDirective, isStandalone: true, selector: "[infinityQuery]", inputs: { infinityQuery: "infinityQuery" }, providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }, DestroyService], exportAs: ["infinityQuery"], hostDirectives: [{ directive: i1.DelayableDirective }], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: InfinityQueryDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1593,6 +1640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
                     exportAs: 'infinityQuery',
                     standalone: true,
                     providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }, DestroyService],
+                    hostDirectives: [DelayableDirective],
                 }]
         }], propDecorators: { infinityQuery: [{
                 type: Input